perf for size

src/pages/app/index.tsx

@@ -14,3 +14,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/config/index.tsx

@@ -12,3 +12,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/container/index.tsx

@@ -16,3 +16,4 @@ export const App = () => {
   );
 };
 
+export default App;

src/pages/container/module/DrawEdit.tsx

@@ -1,5 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
-import { BaseEditor } from '@kevisual/codemirror/editor/editor.ts';
+import { lazy, useEffect, useRef, useState } from 'react';
 import { Box, Drawer } from '@mui/material';
 import { useShallow } from 'zustand/shallow';
 import { useContainerStore } from '../store';
@@ -8,6 +7,7 @@ import { IconButton } from '@kevisual/components/button/index.tsx';
 import { LeftOutlined, SaveOutlined } from '@ant-design/icons';
 // import { previewCode } from './preview-code';
 // import { StackIcons } from './StackIcons';
+import { BaseEditor } from '@kevisual/codemirror/editor/editor.ts';
 
 export const DrawEdit = () => {
   const editorElRef = useRef<HTMLDivElement>(null);

src/pages/domain/index.tsx

@@ -12,3 +12,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/file/index.tsx

@@ -12,3 +12,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/home/index.tsx

@@ -10,3 +10,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/map/index.tsx

@@ -81,3 +81,6 @@ const ServerPath = () => {
   );
 };
 export const App = ServerPath;
+
+
+export default App;

src/pages/org/index.tsx

@@ -15,3 +15,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;

src/pages/pay/index.tsx

@@ -2,8 +2,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { X, ChevronRight } from 'lucide-react';
 import { usePayStore } from './store/pay';
 import { createQrcode } from './modules/create-qrcode';
-import Panda from '@/assets/panda.png';
-import Button from '@mui/material/Button/Button';
+import { Button } from '@mui/material';
 export const App = () => {
   const [isAgreed, setIsAgreed] = useState(false);
   const qrcodeRef = useRef<HTMLImageElement>(null);
@@ -38,7 +37,7 @@ export const App = () => {
         {/* Header */}
         <div className='bg-white p-3 flex justify-between items-center border-b border-gray-200'>
           <div className='flex items-center gap-2'>
-            <img src={user?.avatar ?? Panda} alt='User Avatar' className='w-8 h-8 rounded-full' />
+            <img src={user?.avatar} alt='User Avatar' className='w-8 h-8 rounded-full' />
             <div>
               <h2 className='text-base font-semibold'>{username}</h2>
               <span className='text-gray-500 text-xs'>会员：已过期</span>
@@ -89,3 +88,5 @@ export const App = () => {
     </div>
   );
 };
+
+export default App;

src/pages/user/edit/Profile.tsx

@@ -7,7 +7,7 @@ import { useShallow } from 'zustand/react/shallow';
 import { isObjectNull } from '@/utils/is-null';
 import { useLayoutStore } from '@/modules/layout/store';
 import UploadOutlined from '@ant-design/icons/UploadOutlined';
-import PandaPNG from '@/assets/panda.png';
+import { PandaPNG } from '@/assets/index.tsx';
 import { FileUpload } from '../module/FileUpload';
 import { useTranslation } from 'react-i18next';
 import { Edit, UserCog } from 'lucide-react';

src/pages/user/index.tsx

@@ -18,3 +18,5 @@ export const App = () => {
     </Routes>
   );
 };
+
+export default App;