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());