|  |  | 
 |  |  |  | 
 |  |  | import Panel from '@/components/panel'; | 
 |  |  |  | 
 |  |  | import StockCharts from './components/stock-charts'; | 
 |  |  | import TaskCharts from './components/task-charts'; | 
 |  |  | import ActionCharts from './components/action-charts'; | 
 |  |  | import LocCharts from './components/loc-charts'; | 
 |  |  | import AgvCharts from './components/agv-charts'; | 
 |  |  | import CapacityCharts from './components/capacity-charts'; | 
 |  |  |  | 
 |  |  | const Left = () => { | 
 |  |  |     const [isExpanded, setIsExpanded] = useState(false); | 
 |  |  |     const [isExpanded, setIsExpanded] = useState(true); | 
 |  |  |  | 
 |  |  |     const containerAnimation = useSpring({ | 
 |  |  |         transform: isExpanded ? 'translate(0%)' : 'translateX(-100%)', | 
 |  |  | 
 |  |  |             className={`absolute top-2 left-2 bottom-2 w-[280px] ${styles.panel}`} | 
 |  |  |         > | 
 |  |  |             <div className="h-full overflow-hidden"> | 
 |  |  |                 <Panel title="库房情况"> | 
 |  |  |                     <StockCharts /> | 
 |  |  |                 <Panel title="一周内动作统计"> | 
 |  |  |                     <ActionCharts /> | 
 |  |  |                 </Panel> | 
 |  |  |                 <Panel title="库存类型"> | 
 |  |  |                     <TaskCharts /> | 
 |  |  |                     <LocCharts /> | 
 |  |  |                 </Panel> | 
 |  |  |                 <Panel title="AGV信息"> | 
 |  |  |                     <AgvCharts /> |