|  |  | 
 |  |  |  | 
 |  |  | import Panel from '@/components/panel'; | 
 |  |  |  | 
 |  |  | // import Allerway from './components/Allerway'; | 
 |  |  | import InOutCharts from './components/inout-charts'; | 
 |  |  | import StatCharts from './components/stat-charts'; | 
 |  |  | import TaskCharts from './components/task-charts'; | 
 |  |  | // import Handles from './components/Handles'; | 
 |  |  |  | 
 |  |  | const Right = () => { | 
 |  |  |   const [isExpanded, setIsExpanded] = useState(false); | 
 |  |  |    | 
 |  |  |  | 
 |  |  |   const containerAnimation = useSpring({ | 
 |  |  |     transform: isExpanded ? 'translate(0%)' : 'translateX(100%)', | 
 |  |  |     config: { precision: 0.01 }, | 
 |  |  | 
 |  |  |         }} | 
 |  |  |         className={`absolute top-2 w-[280px] right-2 bottom-2 ${styles.panel}`} | 
 |  |  |       > | 
 |  |  |         <div className="overflow-auto h-full"> | 
 |  |  |         <div className="overflow-hidden h-full"> | 
 |  |  |           <Panel title="出入库信息"> | 
 |  |  |             {/* <Allerway /> */} | 
 |  |  |             <InOutCharts /> | 
 |  |  |           </Panel> | 
 |  |  |           <Panel title="出入库统计"> | 
 |  |  |             <StatCharts /> |