feat: change center-component to components

src/pages/container/module/DrawEdit.tsx

@@ -1,10 +1,10 @@
 import { useEffect, useRef, useState } from 'react';
 import { BaseEditor } from '@kevisual/codemirror/editor/editor.ts';
-import { Drawer } from '@mui/material';
+import { Box, Drawer } from '@mui/material';
 import { useShallow } from 'zustand/shallow';
 import { useContainerStore } from '../store';
 import { Tooltip } from '@mui/material';
-import { IconButton } from '@kevisual/center-components/button/index.tsx';
+import { IconButton } from '@kevisual/components/button/index.tsx';
 import { LeftOutlined, SaveOutlined } from '@ant-design/icons';
 
 export const DrawEdit = () => {
@@ -60,8 +60,15 @@ export const DrawEdit = () => {
         disableEnforceFocus: true, // 允许操作背景内容
         disableAutoFocus: true, // 防止自动聚焦
       }}
+      sx={{
+        '& .MuiDrawer-paper': {
+          width: '50%',
+          height: '100%',
+          overflow: 'hidden',
+        },
+      }}
       anchor='right'>
-      <div className='bg-secondary w-[600px] h-[48px]'>
+      <div className='bg-secondary w-full h-[48px]'>
         <div className='text-white flex p-2'>
           <div className='ml-2 flex gap-2'>
             <Tooltip title='返回'>
@@ -95,7 +102,17 @@ export const DrawEdit = () => {
           <div className='flex-1 ml-2 flex items-center'>{containerStore.data?.title}</div>
         </div>
       </div>
-      <div className='border-primary' style={{ height: 'calc(100% - 50px)' }} ref={editorElRef}></div>
+      <Box
+        className='border-primary '
+        style={{ height: 'calc(100% - 50px)' }}
+        sx={{
+          '& .cm-editor': {
+            height: '100%',
+          },
+          '& .cm-scroller': {},
+        }}>
+        <div className='w-full h-full ' ref={editorElRef}></div>
+      </Box>
     </Drawer>
   );
 };