add wx mp

packages/components

@@ -1 +1 @@
-Subproject commit 0a8d7abf9a78bce528e31741d4643e017812616d
+Subproject commit a857afbb2c8f5b5f98771824e875dfffd23b6ad2

packages/resources/src/pages/App.tsx

@@ -12,7 +12,6 @@ import 'dayjs/locale/zh-cn';
 import zhCN from 'antd/locale/zh_CN';
 import ConfigProvider from 'antd/es/config-provider';
 
-dayjs.locale('zh-cn');
 export const AntdConfigProvider = ({ children }: { children: React.ReactNode }) => {
   const theme = useTheme();
   const primaryColor = theme.palette.primary.main;
@@ -49,6 +48,7 @@ export const InitProvider = ({ children }: { children: React.ReactNode }) => {
   const { setPrefix, init: initResource } = useResourceStore();
   useEffect(() => {
     init();
+    dayjs.locale('zh-cn');
     initResource();
   }, []);
   useEffect(() => {

packages/resources/src/pages/upload/index.tsx

@@ -7,6 +7,7 @@ import { filterFiles } from './utils/filter-files';
 import { IconButton } from '@kevisual/components/button/index.tsx';
 import { uploadChunkV2 } from './v2/upload-chunk';
 import { uploadFilesV2 } from './v2/upload';
+import dayjs from 'dayjs';
 
 type UploadButtonProps = {
   /**
@@ -83,10 +84,11 @@ export const UploadButton = (props: UploadButtonProps) => {
 export const Upload = ({ uploadDirectory = false }: { uploadDirectory?: boolean }) => {
   const onDrop = async (acceptedFiles) => {
     acceptedFiles = filterFiles(acceptedFiles);
+    const directory = dayjs().format('YYYY-MM-DD');
     if (acceptedFiles.length > 1) {
-      const res = await uploadFilesV2(acceptedFiles, {});
+      const res = await uploadFilesV2(acceptedFiles, { directory });
     } else if (acceptedFiles.length === 1) {
-      const res = await uploadChunkV2(acceptedFiles[0], {});
+      const res = await uploadChunkV2(acceptedFiles[0], { directory });
     }
   };
 

src/App.tsx

@@ -71,10 +71,9 @@ export const App = () => {
         <div className='w-full h-full'>
           <Router basename={basename}>
             <Routes>
-              <Route path='/' element={<Redirect to='/container/' />} />
+              <Route path='/' element={<Redirect to='/app/' />} />
               <Route path='/container/*' element={<ContainerApp />} />
               <Route path='/map/*' element={<MapApp />} />
-              <Route path='/user/*' element={<UserApp />} />
               <Route path='/user-center/*' element={<UserApp />} />
               <Route path='/org/*' element={<OrgApp />} />
               <Route path='/config/*' element={<ConfigApp />} />

src/modules/layout/LayoutUser.tsx

@@ -95,7 +95,7 @@ export const LayoutUser = () => {
         onClick={() => {
           setOpen(false);
         }}></div>
-      <div className='w-[400px] bg-amber-900 text-primary transition-all duration-300 h-full absolute top-0 right-0 rounded-l-lg'>
+      <div className='w-[400px] bg-amber-900  transition-all duration-300 h-full absolute top-0 right-0 rounded-l-lg'>
         <div className='flex justify-between p-6 mt-4 font-bold items-center border-b'>
           <div className='flex items-center gap-2'>
             {t('User')}: <span className='text-primary'>{store.me?.username}</span>

src/modules/layout/Menu.tsx

@@ -45,13 +45,13 @@ export const LayoutMenu = () => {
   const { open, setOpen } = useLayoutStore(useShallow((state) => ({ open: state.open, setOpen: state.setOpen })));
   const navigate = useNewNavigate();
   return (
-    <div className={clsx('w-full h-full absolute z-20 no-drag', !open && 'hidden')}>
+    <div className={clsx('w-full h-full text-primary absolute z-20 no-drag', !open && 'hidden')}>
       <div
         className='bg-white w-full absolute h-full opacity-60 z-0'
         onClick={() => {
           setOpen(false);
         }}></div>
-      <div className='w-[300px] h-full absolute top-0 left-0 bg-amber-900 text-primary'>
+      <div className='w-[300px] h-full absolute top-0 left-0 bg-amber-900 '>
         <div className='flex justify-between p-6 mt-4 font-bold items-center'>
           Envision Center
           <div>

src/modules/layout/index.tsx

@@ -7,13 +7,14 @@ import { useShallow } from 'zustand/react/shallow';
 import { useEffect, useLayoutEffect, useState } from 'react';
 import { LayoutUser } from './LayoutUser';
 import PandaPNG from '@/assets/panda.png';
+import QRCodePNG from '@/assets/qrcode-8x8.jpg';
 import { Panel, PanelGroup } from 'react-resizable-panels';
 import clsx from 'clsx';
 import { Button, Menu, MenuItem } from '@mui/material';
 import i18n from 'i18next';
 
 import { IconButton } from '@kevisual/components/button/index.tsx';
-import { Languages } from 'lucide-react';
+import { Languages, QrCode } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 
@@ -89,6 +90,15 @@ export const LayoutMain = (props: LayoutMainProps) => {
         <div className='flex grow justify-between pl-4 items-center'>
           {props.title}
           <div className='mr-4 flex gap-4 items-center no-drag'>
+            <div className='group relative'>
+              <IconButton>
+                <QrCode size={16} />
+              </IconButton>
+              <div className='absolute hidden group-hover:flex bg-white p-2 border shadow-md top-10 -left-15 w-40 z-[9999] flex-col items-center justify-center rounded-md'>
+                <img src={QRCodePNG} alt='QR Code' />
+                <div className='text-sm text-black'>逸闻设计</div>
+              </div>
+            </div>
             <div>
               <Tooltip title={currentLanguage === 'en' ? 'English' : 'Chinese'}>
                 <IconButton onClick={handleClick} variant='contained'>
@@ -154,7 +164,7 @@ export const LayoutMain = (props: LayoutMainProps) => {
         <PanelGroup className='w-full h-full panel-layout' autoSaveId='editor-layout-main' direction='horizontal'>
           <Panel style={{ height: '100%' }}>
             <div className='h-full overflow-hidden'>
-              <div className='w-full h-full rounded-lg text-primary'>
+              <div className='w-full h-full rounded-lg text-text-primary'>
                 <Outlet />
               </div>
             </div>

src/pages/app/edit/List.tsx

@@ -252,7 +252,7 @@ export const List = () => {
     userAppStore.getList();
   }, []);
   return (
-    <div className='w-full h-full flex bg-slate-100 text-primary'>
+    <div className='w-full h-full flex bg-slate-100'>
       <div className='p-2 h-full bg-white flex flex-col gap-2'>
         <Tooltip title='添加一个应用'>
           <IconButton
@@ -298,7 +298,7 @@ export const List = () => {
                 const hasDescription = !!item.description;
                 const content = marked.parse(item.description);
                 return (
-                  <div className='card w-[300px] ' key={item.id}>
+                  <div className='card w-[300px] relative pb-10 ' key={item.id}>
                     <div className='card-title flex font-bold justify-between' onClick={() => {}}>
                       {item.title}
                       <div>
@@ -330,7 +330,8 @@ export const List = () => {
                         <div dangerouslySetInnerHTML={{ __html: content }}></div>
                       </div>
                     </div>
-                    <div className='mt-2'>
+                    <div className='py-4'></div>
+                    <div className='absolute bottom-0 left-4 py-4'>
                       <ButtonGroup
                         variant='contained'
                         color='primary'

src/pages/container/edit/List.tsx

@@ -358,7 +358,7 @@ export const ContainerList = () => {
           </div>
         </div>
       </div>
-      <Suspense fallback={<div>Loading...</div>}>
+      <Suspense fallback={<div></div>}>
         <DrawEdit />
       </Suspense>
       <PublishFormModal />

src/pages/map/index.tsx

@@ -28,7 +28,7 @@ const ServerPath = () => {
     },
   ];
   return (
-    <div className='p-2 w-full h-full bg-gray-200 text-primary'>
+    <div className='p-2 w-full h-full bg-gray-200'>
       <h1 className='p-4 w-1/2 m-auto h1'>{t('Site Map')}</h1>
       <div className='w-1/2 m-auto bg-white p-4 border rounded-md shadow-md min-w-[700px] max-h-[80vh] overflow-auto scrollbar'>
         <div className='flex flex-col w-full'>

src/pages/org/edit/UserList.tsx

@@ -136,7 +136,7 @@ export const UserList = () => {
     };
   }, []);
   return (
-    <div className='w-full h-full bg-gray-100 flex text-primary'>
+    <div className='w-full h-full bg-gray-100 flex'>
       <div className='p-2 bg-white mr-2'>
         <IconButton
           onClick={() => {

src/pages/user/edit/Profile.tsx

@@ -73,7 +73,7 @@ export const Profile = () => {
     }
   };
   return (
-    <div className='w-full h-full bg-amber-50 p-4 text-primary'>
+    <div className='w-full h-full bg-amber-50 p-4 '>
       <div className=' shadow-lg p-4 bg-white rounded-lg'>
         <div className='text-2xl'>{t('Profile')}</div>
         <div className='text-sm text-secondary'>{t('Edit your profile')}</div>

src/pages/user/login/Login.tsx

@@ -25,7 +25,7 @@ export const Login = () => {
   };
 
   return (
-    <div className='bg-gray-100 text-primary w-full h-full overflow-hidden'>
+    <div className='bg-gray-100 w-full h-full overflow-hidden'>
       <div className='w-full h-full absolute top-[10%] xl:top-[15%] 2xl:top-[18%] 3xl:top-[20%] '>
         <div className='w-[400px] mx-auto'>
           <h1 className='mb-4 tracking-widest text-center'>{t('Login')}</h1>

vite.config.ts

@@ -60,6 +60,11 @@ export default defineConfig({
           if (chunkInfo.names?.includes('panda.png')) {
             return '[name].[ext]';
           }
+          const qrcode = ['qrcode-8x8.jpg'];
+          const names = chunkInfo.names || [];
+          if (qrcode.some((name) => names.includes(name))) {
+            return '[name].[ext]';
+          }
           return '[name].[hash].[ext]';
         },
       },