From 799d00b3da9542d1fa6c0c9cc8b01ed0ba99b144 Mon Sep 17 00:00:00 2001 From: kkfluous Date: Sun, 29 Mar 2026 00:31:33 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20Tab=E5=88=87=E6=8D=A2=E7=94=A8useTransit?= =?UTF-8?q?ion=E4=B8=8D=E9=98=BB=E5=A1=9EUI=E3=80=81=E7=A6=81=E6=AD=A2?= =?UTF-8?q?=E7=BC=A9=E6=94=BE=E3=80=81=E7=89=88=E6=9C=AC=E5=8D=87=E8=87=B3?= =?UTF-8?q?1.1.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Tab切换包裹startTransition，图表重渲染不阻塞交互 - viewport加maximum-scale=1.0 user-scalable=no禁止缩放 - 版本号1.0.0 → 1.1.0 Co-Authored-By: Claude Opus 4.6 (1M context) --- index.html | 2 +- package.json | 2 +- src/App.tsx | 6 ++++-- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index e1b2327..ebda57b 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - + 羚牛氢能车辆资产 diff --git a/package.json b/package.json index 99ca65f..98bf6cc 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ln-bi", "private": true, - "version": "1.0.0", + "version": "1.1.0", "type": "module", "scripts": { "dev": "concurrently -n server,client -c blue,green \"npm run dev:server\" \"npm run dev:client\"", diff --git a/src/App.tsx b/src/App.tsx index e3a0224..66bdc58 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react'; +import React, { useState, useEffect, useCallback, useMemo, useRef, useTransition } from 'react'; import { Truck, Warehouse, @@ -114,7 +114,9 @@ const TABS = [ ]; export default function App() { - const [activeTab, setActiveTab] = useState<'overview' | 'department' | 'region' | 'customer'>('overview'); + const [activeTab, setActiveTabRaw] = useState<'overview' | 'department' | 'region' | 'customer'>('overview'); + const [, startTransition] = useTransition(); + const setActiveTab = useCallback((tab: typeof activeTab) => { startTransition(() => setActiveTabRaw(tab)); }, []); const [theme, setTheme] = useState<'soft' | 'minimal' | 'vibrant'>('soft'); const [expandedModels, setExpandedModels] = useState>(new Set()); const [expandedAssetTypes, setExpandedAssetTypes] = useState>(new Set());