remove query-login

feat: add query and fix bugs
update
2025-06-18 15:35:12 +08:00 · 2025-06-18 15:27:50 +08:00 · 2025-06-18 14:41:18 +08:00 · 2025-06-08 21:47:18 +08:00 · 2025-06-03 17:49:16 +08:00 · 2025-05-25 00:06:57 +08:00
72 changed files with 5163 additions and 1862 deletions
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,6 +1,3 @@
 [submodule "submodules/query-login"]
 	path = submodules/query-login
 	url = git@git.xiongxiao.me:kevisual/kevsiual-query-login.git
 [submodule "submodules/query-config"]
 	path = submodules/query-config
 	url = git@git.xiongxiao.me:kevisual/kevsiual-query-config.git
--- a/index.html
+++ b/index.html
@@ -1,13 +1,16 @@
 <!doctype html>
 <html lang="zh">
-  <head>
+
-    <meta charset="UTF-8" />
+<head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta charset="UTF-8" />
-    <title>Center</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="https://kevisual.xiongxiao.me/system/lib/app.js"></script>
+  <title>Center</title>
-  </head>
+  <script src="https://kevisual.xiongxiao.me/root/system-lib/app.js"></script>
-  <body>
+</head>
-    <div id="root"></div>
+
-    <script type="module" src="/src/main.tsx"></script>
+<body>
-  </body>
+  <div id="root"></div>
-</html>
+  <script type="module" src="/src/main.tsx"></script>
 </body>
 </html>
--- a/kevisual.json
+++ b/kevisual.json
@@ -0,0 +1,25 @@
 {
  "$schema": "https://kevisual.xiongxiao.me/root/ai/kevisual/tools/kevisual-sync/schema.json?v=2",
  "metadata": {
    "share": "public"
  },
  "checkDir": {
    "src/query": {
      "url": "https://kevisual.xiongxiao.me/root/ai/code/registry/query",
      "enabled": true
    }
  },
  "syncDirectory": [
    {
      "files": [
        "src/query/**/*"
      ],
      "ignore": [],
      "registry": "https://kevisual.xiongxiao.me/root/ai/code/registry",
      "replace": {
        "src/": ""
      }
    }
  ],
  "sync": {}
 }
--- a/package.json
+++ b/package.json
@@ -1,93 +1,95 @@
 {
  "name": "@kevisual/center",
  "private": true,
-  "version": "0.0.10",
+  "version": "0.0.11",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "build:sky": "cross-env CENTER_ENV=sky vite build",
    "dev:kv": "cross-env VITE_USE_KV=true vite",
    "lint": "eslint .",
    "preview": "vite preview",
-    "pub": "envision deploy ./dist -k center -v 0.0.10 -u -o root",
+    "pub": "envision deploy ./dist -k center -v 0.0.11 -u -o root",
    "turbo:dev": "turbo dev:lib",
    "dev:lib": "turbo dev:lib",
    "dev:query": "turbo dev:lib --filter=@kevisual/query",
    "turbo:build": "turbo build --filter=submodules/**",
-    "build:lib": "turbo build --filter=@kevisual/query**"
+    "build:lib": "turbo build --filter=@kevisual/query**",
    "vi": "pnpm dlx vite-bundle-visualizer -o ./dist/stats.html"
  },
  "dependencies": {
    "@ant-design/icons": "^6.0.0",
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
-    "@kevisual/cache": "^0.0.1",
+    "@kevisual/cache": "^0.0.3",
    "@kevisual/codemirror": "workspace:*",
    "@kevisual/components": "workspace:*",
    "@kevisual/container": "1.0.0",
-    "@kevisual/query": "^0.0.15",
+    "@kevisual/query": "^0.0.29",
    "@kevisual/query-config": "workspace:*",
    "@kevisual/query-login": "workspace:*",
    "@kevisual/query-upload": "workspace:*",
    "@kevisual/resources": "workspace:*",
    "@monaco-editor/react": "^4.7.0",
-    "@mui/material": "^7.0.1",
+    "@mui/material": "^7.1.1",
    "@stackblitz/sdk": "^1.11.0",
-    "@tailwindcss/vite": "^4.1.1",
+    "@tailwindcss/vite": "^4.1.10",
-    "@uiw/react-textarea-code-editor": "^3.1.0",
+    "@uiw/react-textarea-code-editor": "^3.1.1",
-    "antd": "^5.24.6",
+    "antd": "^5.26.1",
    "clsx": "^2.1.1",
    "copy-to-clipboard": "^3.3.3",
    "dayjs": "^1.11.13",
    "eventemitter3": "^5.0.1",
-    "i18next": "^24.2.3",
+    "i18next": "^25.2.1",
    "i18next-http-backend": "^3.0.2",
    "immer": "^10.1.1",
    "js-yaml": "^4.1.0",
    "lodash-es": "^4.17.21",
-    "marked": "^15.0.7",
+    "marked": "^15.0.12",
    "nanoid": "^5.1.5",
    "qrcode": "^1.5.4",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-dropzone": "^14.3.8",
-    "react-hook-form": "^7.55.0",
+    "react-hook-form": "^7.58.1",
-    "react-i18next": "^15.4.1",
+    "react-i18next": "^15.5.3",
-    "react-resizable-panels": "^2.1.7",
+    "react-resizable-panels": "^3.0.3",
-    "react-router": "^7.4.1",
+    "react-router": "^7.6.2",
-    "react-router-dom": "^7.4.1",
+    "react-router-dom": "^7.6.2",
    "react-toastify": "^11.0.5",
    "vite-plugin-tsconfig-paths": "^1.4.1",
-    "zustand": "^5.0.3"
+    "zustand": "^5.0.5"
  },
  "devDependencies": {
-    "@eslint/js": "^9.23.0",
+    "@eslint/js": "^9.29.0",
    "@kevisual/ssl": "^0.0.1",
    "@types/js-yaml": "^4.0.9",
    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.14.0",
+    "@types/node": "^24.0.3",
    "@types/path-browserify": "^1.0.3",
    "@types/qrcode": "^1.5.5",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.1",
+    "@types/react-dom": "^19.1.6",
    "@vitejs/plugin-basic-ssl": "^2.0.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.5.2",
    "autoprefixer": "^10.4.21",
    "cross-env": "^7.0.3",
-    "eslint": "^9.23.0",
+    "eslint": "^9.29.0",
    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.0.0",
+    "globals": "^16.2.0",
-    "lucide-react": "^0.487.0",
+    "lucide-react": "^0.516.0",
    "path-browserify": "^1.0.1",
-    "postcss-import": "^16.1.0",
+    "postcss-import": "^16.1.1",
-    "pretty-bytes": "^6.1.1",
+    "pretty-bytes": "^7.0.0",
    "react-is": "19.1.0",
-    "tailwind-merge": "^3.1.0",
+    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.1",
+    "tailwindcss": "^4.1.10",
    "tailwindcss-animate": "^1.0.7",
-    "turbo": "^2.4.4",
+    "turbo": "^2.5.4",
-    "typescript": "^5.8.2",
+    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.29.0",
+    "typescript-eslint": "^8.34.1",
-    "vite": "^6.2.5"
+    "vite": "^6.3.5"
  },
-  "packageManager": "pnpm@10.7.1"
+  "packageManager": "pnpm@10.12.1"
 }
--- a/packages/components
+++ b/packages/components
--- a/packages/kevisual-official
+++ b/packages/kevisual-official
--- a/packages/resources/package.json
+++ b/packages/resources/package.json
@@ -21,26 +21,26 @@
    "@emotion/styled": "^11.14.0",
    "@kevisual/components": "workspace:*",
    "@kevisual/query-upload": "workspace:*",
-    "@kevisual/router": "^0.0.9",
+    "@kevisual/router": "^0.0.22",
-    "@kevisual/store": "^0.0.2",
+    "@kevisual/store": "^0.0.9",
-    "@mui/material": "^6.4.8",
+    "@mui/material": "^7.1.1",
    "@vitejs/plugin-basic-ssl": "^2.0.0",
    "dayjs": "^1.11.13",
    "immer": "^10.1.1",
    "lodash-es": "^4.17.21",
-    "lucide-react": "^0.482.0",
+    "lucide-react": "^0.516.0",
-    "nanoid": "^5.1.4",
+    "nanoid": "^5.1.5",
    "nprogress": "^0.2.0",
-    "pretty-bytes": "^6.1.1",
+    "pretty-bytes": "^7.0.0",
-    "react": "19.0.0",
+    "react": "19.1.0",
-    "react-datepicker": "^8.2.1",
+    "react-datepicker": "^8.4.0",
-    "react-dom": "19.0.0",
+    "react-dom": "19.1.0",
    "react-dropzone": "^14.3.8",
    "react-toastify": "^11.0.5",
-    "zustand": "^5.0.3"
+    "zustand": "^5.0.5"
  },
  "devDependencies": {
-    "@kevisual/types": "^0.0.6",
+    "@kevisual/types": "^0.0.10",
    "@types/lodash-es": "^4.17.12",
    "@types/nprogress": "^0.2.3"
  },
--- a/packages/resources/src/pages/upload/v2/upload.ts
+++ b/packages/resources/src/pages/upload/v2/upload.ts
@@ -3,7 +3,7 @@ import 'nprogress/nprogress.css';
 import { Id, toast } from 'react-toastify';
 import { nanoid } from 'nanoid';
 import { toastLogin } from '@kevisual/resources/pages/message/ToastLogin';
-import { uploadFiles, UploadProgress } from '@kevisual/query-upload/query-upload';
+import { uploadFiles, UploadProgress } from '@kevisual/query-upload/query-upload.js';
 export type ConvertOpts = {
  appKey?: string;
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,6 @@
 packages:
-  - 'packages/*'
+  - packages/*
  - '!packages/webshell/webshell-node'
-  - 'submodules/*'
+  - submodules/*
 onlyBuiltDependencies:
  - '@tailwindcss/oxide'
--- a/public/panda.png
+++ b/public/panda.png
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,26 +1,36 @@
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
-import { App as ContainerApp } from './pages/container';
+// import { App as ContainerApp } from './pages/container';
 import { App as MapApp } from './pages/map';
 import { App as UserApp } from './pages/user';
 import { App as UserAppApp } from './pages/app';
 import { App as FileApp } from './pages/file';
 import { App as OrgApp } from './pages/org';
 import { App as ConfigApp } from './pages/config';
 import { App as PayApp } from './pages/pay';
 import { App as DomainApp } from './pages/domain';
 import { App as HomeApp } from './pages/home';
 // import { App as MapApp } from './pages/map';
 // import { App as UserApp } from './pages/user';
 // import { App as FileApp } from './pages/file';
 // import { App as OrgApp } from './pages/org';
 // import { App as ConfigApp } from './pages/config';
 // import { App as DomainApp } from './pages/domain';
 import { basename } from './modules/basename';
 import { Redirect } from './modules/Redirect';
-import { CustomThemeProvider, useTheme, themeOptions, theme } from '@kevisual/components/theme/index.tsx';
+import { useTheme, theme } from '@kevisual/components/theme/index.tsx';
 import { ToastContainer } from 'react-toastify';
 import { lazy, Suspense } from 'react';
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import zhCN from 'antd/locale/zh_CN';
 import enUS from 'antd/locale/en_US';
 import ConfigProvider from 'antd/es/config-provider';
 import { useTranslation } from 'react-i18next';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
-import { ThemeProvider, createTheme } from '@mui/material';
+import { ThemeProvider } from '@mui/material';
 const ContainerApp = lazy(() => import('./pages/container'));
 const MapApp = lazy(() => import('./pages/map'));
 const UserApp = lazy(() => import('./pages/user'));
 const FileApp = lazy(() => import('./pages/file'));
 const OrgApp = lazy(() => import('./pages/org'));
 const ConfigApp = lazy(() => import('./pages/config'));
 const DomainApp = lazy(() => import('./pages/domain'));
 export const CustomThemeProvider2 = ({ children }: { children: React.ReactNode }) => {
  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
 };
@@ -75,7 +85,14 @@ export const App = () => {
          <Router basename={basename}>
            <Routes>
              <Route path='/' element={<Redirect to='/app/' />} />
-              <Route path='/container/*' element={<ContainerApp />} />
+              <Route
                path='/container/*'
                element={
                  <Suspense fallback={'loading container'}>
                    <ContainerApp />
                  </Suspense>
                }
              />
              <Route path='/map/*' element={<MapApp />} />
              <Route path='/user-center/*' element={<UserApp />} />
              <Route path='/user/*' element={<UserApp />} />
@@ -83,7 +100,6 @@ export const App = () => {
              <Route path='/config/*' element={<ConfigApp />} />
              <Route path='/app/*' element={<UserAppApp />} />
              <Route path='/file/*' element={<FileApp />} />
              <Route path='/pay/*' element={<PayApp />} />
              <Route path='/domain/*' element={<DomainApp />} />
              <Route path='/home/*' element={<HomeApp />} />
              <Route path='/404' element={<div>404</div>} />
--- a/src/assets/fonts/font.css
+++ b/src/assets/fonts/font.css
@@ -1,3 +1,45 @@
-@import "./D-DIN/font.css";
+@import 'tailwindcss';
-@import "./Montserrat/font.css";
+
-@import "./Orbitron/font.css";
+@import './D-DIN/font.css';
@import './Montserrat/font.css';
@import './Orbitron/font.css';
 /* D-DIN */
@utility font-d-din {
  font-family: 'D-DIN', sans-serif;
 }
@utility font-d-din-bold {
  font-family: 'D-DIN-Bold', sans-serif;
 }
@utility font-d-din-italic {
  font-family: 'D-DIN-Italic', sans-serif;
 }
@utility font-d-din-condensed {
  font-family: 'D-DIN Condensed', sans-serif;
 }
@utility font-d-din-condensed-bold {
  font-family: 'D-DIN Condensed-Bold', sans-serif;
 }
@utility font-d-din-exp {
  font-family: 'D-DIN Exp', sans-serif;
 }
@utility font-d-din-exp-italic {
  font-family: 'D-DIN Exp-Italic', sans-serif;
 }
@utility font-d-din-exp-bold {
  font-family: 'D-DIN Exp-Bold', sans-serif;
 }
 /* Montserrat */
@utility font-montserrat {
  font-family: 'Montserrat', sans-serif;
 }
@utility font-montserrat-italic {
  font-family: 'Montserrat-Italic', sans-serif;
 }
 /* Orbitron */
@utility font-orbitron {
  font-family: 'Orbitron', sans-serif;
 }
--- a/src/assets/index.tsx
+++ b/src/assets/index.tsx
@@ -0,0 +1,4 @@
 import PandaPNG from '@/assets/panda.jpg';
 // import PandaPNG from '@/assets/panda.png';
 export { PandaPNG };
--- a/src/assets/panda-320*320.jpg
+++ b/src/assets/panda-320*320.jpg
--- a/src/assets/panda.jpg
+++ b/src/assets/panda.jpg
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,6 @@
 import { createRoot } from 'react-dom/client';
 import { App } from './App.tsx';
 import './globals.css';
 import { basename } from './modules/basename.ts';
 import { Suspense } from 'react';
 import { I18NextProvider } from '@kevisual/components/translate/I18Next.tsx';
--- a/src/modules/basename.ts
+++ b/src/modules/basename.ts
@@ -1 +1,4 @@
 export const basename = DEV_SERVER ? '' : '/root/center';
 // @ts-ignore
 export const isSky = CENTER_ENV === 'sky';
--- a/src/modules/layout/LayoutUser.tsx
+++ b/src/modules/layout/LayoutUser.tsx
@@ -12,7 +12,6 @@ import { useNewNavigate } from '../navicate';
 import { LogOut, Map, SquareUser, Users, X, ArrowDownLeftFromSquareIcon } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
 import { useQuickMenu } from './Menu';
 export const LayoutUser = () => {
  const { open, setOpen, isAdmin, ...store } = useLayoutStore(
--- a/src/modules/layout/Menu.tsx
+++ b/src/modules/layout/Menu.tsx
@@ -16,6 +16,11 @@ import { Map } from 'lucide-react';
 export const useQuickMenu = () => {
  const { t } = useTranslation();
  return [
    {
      title: t('Home'),
      icon: <HomeOutlined />,
      link: '/home',
    },
    {
      title: t('User App'),
      icon: <AppstoreOutlined />,
--- a/src/modules/layout/index.tsx
+++ b/src/modules/layout/index.tsx
@@ -6,7 +6,7 @@ import { useLayoutStore, usePlatformStore } from './store';
 import { useShallow } from 'zustand/react/shallow';
 import { useEffect, useLayoutEffect, useState } from 'react';
 import { LayoutUser } from './LayoutUser';
-import PandaPNG from '@/assets/panda.png';
+import { PandaPNG } from '@/assets/index.tsx';
 import QRCodePNG from '@/assets/qrcode-8x8.jpg';
 import { Panel, PanelGroup } from 'react-resizable-panels';
 import clsx from 'clsx';
@@ -18,6 +18,7 @@ import { Languages, QrCode } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 import { useTheme } from '@kevisual/components/theme/index.tsx';
 import { isSky } from '../basename';
 type LayoutMainProps = {
  title?: React.ReactNode;
@@ -92,7 +93,7 @@ export const LayoutMain = (props: LayoutMainProps) => {
        </IconButton>
        <div className='flex grow justify-between pl-4 items-center'>
          <div className='flex items-center gap-2'>
-            <div className='text-xl font-bold'>{props.title}</div>
+            <div className='text-xl font-bold min-w-[140px]'>{props.title}</div>
            <div className='ml-4 flex items-center gap-2 text-sm '>
              {quickMenu.map((item, index) => {
                const isActive = location.pathname.includes(item.link);
@@ -112,15 +113,18 @@ export const LayoutMain = (props: LayoutMainProps) => {
            </div>
          </div>
          <div className='mr-4 flex gap-4 items-center no-drag'>
-            <div className='group relative'>
+            {!isSky && (
-              <IconButton>
+              <div className='group relative'>
-                <QrCode size={16} />
+                <IconButton>
-              </IconButton>
+                  <QrCode size={16} />
-              <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'>
+                </IconButton>
-                <img src={QRCodePNG} alt='QR Code' />
+
-                <div className='text-sm text-black'>逸闻设计</div>
+                <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>
+            )}
            <div>
              <Tooltip title={currentLanguage === 'en' ? 'English' : 'Chinese'}>
                <IconButton onClick={handleClick} variant='contained'>
--- a/src/modules/query.ts
+++ b/src/modules/query.ts
@@ -1,5 +1,5 @@
 import { QueryClient } from '@kevisual/query';
-import { QueryLoginBrowser } from '@kevisual/query-login';
+import { QueryLoginBrowser } from '@/query/query-login/query-login-browser';
 import { toastLogin } from '@kevisual/resources/pages/message/ToastLogin.tsx';
 import { toast } from 'react-toastify';
 export const query = new QueryClient({
@@ -11,16 +11,6 @@ export const query = new QueryClient({
 export const queryLogin = new QueryLoginBrowser({
  query: query as any,
 });
 // @ts-ignore
 if (window.context) {
  // @ts-ignore
  window.context.queryLogin = queryLogin;
 } else {
  // @ts-ignore
  window.context = {
    queryLogin,
  };
 }
 query.afterResponse = async (res, ctx) => {
  const newRes = await queryLogin.run401Action(res, ctx, {
    afterAlso401: () => {
@@ -32,11 +22,10 @@ query.afterResponse = async (res, ctx) => {
        toast.success('刷新登陆信息');
        setTimeout(() => {
          window.location.reload();
-        }, 1000);
+        }, 2000);
      }
    },
  });
  return newRes as any;
 };
 export const request = query.post;
--- a/src/pages/app/edit/AIEditorLink.tsx
+++ b/src/pages/app/edit/AIEditorLink.tsx
@@ -0,0 +1,39 @@
 import { Tooltip } from '@mui/material';
 import { Folder } from 'lucide-react';
 import { Button } from '@mui/material';
 import { useLayoutStore } from '@/modules/layout/store';
 import { useShallow } from 'zustand/shallow';
 import { toast } from 'react-toastify';
 type Props = {
  pathname?: string;
 };
 export const AIEditorLink = (props: Props) => {
  const layoutUser = useLayoutStore(
    useShallow((state) => ({
      user: state.me?.username || '',
    })),
  );
  return (
    <Tooltip title={'打开对应的文件夹'}>
      <Button
        onClick={() => {
          if (!layoutUser.user) {
            toast.error('请先登录');
          }
          let folder = `${layoutUser.user}/resources/${props.pathname}`;
          if (folder.endsWith('/')) {
            folder = folder.slice(0, -1);
          }
          let baseUri = location.origin;
          if (DEV_SERVER) {
            baseUri = 'http://localhost:3005';
          }
          const openUrl = `${baseUri}/root/ai-pages/ai-editor/?folder=${folder}/`;
          window.open(openUrl, '_blank');
        }}>
        <Folder size={16} />
      </Button>
    </Tooltip>
  );
 };
--- a/src/pages/app/edit/AppVersionList.tsx
+++ b/src/pages/app/edit/AppVersionList.tsx
@@ -23,6 +23,7 @@ import { TextField } from '@mui/material';
 import { pick } from 'lodash-es';
 import { useAppDeleteModalStore, AppDeleteModal } from '../modules/AppDeleteModal';
 import { toast } from 'react-toastify';
 import { AIEditorLink } from './AIEditorLink';
 const FormModal = () => {
  const { t } = useTranslation();
@@ -211,6 +212,7 @@ export const AppVersionList = () => {
                            <LinkOutlined />
                          </Button>
                        </Tooltip>
                        <AIEditorLink pathname={item.key + '/' + item.version} />
                        <Tooltip title='文件管理'>
                          <Button
                            onClick={() => {
--- a/src/pages/app/edit/List.tsx
+++ b/src/pages/app/edit/List.tsx
@@ -26,7 +26,8 @@ import { pick } from 'lodash-es';
 import copy from 'copy-to-clipboard';
 import { useLayoutStore } from '@/modules/layout/store';
 import { useAppDeleteModalStore, AppDeleteModal } from '../modules/AppDeleteModal';
-import { AppWindow, Edit, Link, RefreshCcw, Share2, Trash } from 'lucide-react';
+import { AppWindow, Edit, Folder, Link, RefreshCcw, Share2, Trash } from 'lucide-react';
 import { AIEditorLink } from './AIEditorLink';
 const FormModal = () => {
  const defaultValues = {
@@ -433,6 +434,7 @@ export const List = () => {
                            <Link size={16} />
                          </Button>
                        </Tooltip>
                        <AIEditorLink pathname={item.key} />
                        <Tooltip title={'Delete'}>
                          <Button
                            onClick={(e) => {
--- a/src/pages/app/index.tsx
+++ b/src/pages/app/index.tsx
@@ -14,3 +14,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/config/index.tsx
+++ b/src/pages/config/index.tsx
@@ -12,3 +12,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/container/index.tsx
+++ b/src/pages/container/index.tsx
@@ -16,3 +16,4 @@ export const App = () => {
  );
 };
 export default App;
--- a/src/pages/container/module/DrawEdit.tsx
+++ b/src/pages/container/module/DrawEdit.tsx
@@ -1,5 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { lazy, useEffect, useRef, useState } from 'react';
 import { BaseEditor } from '@kevisual/codemirror/editor/editor.ts';
 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);
--- a/src/pages/domain/index.tsx
+++ b/src/pages/domain/index.tsx
@@ -12,3 +12,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/file/index.tsx
+++ b/src/pages/file/index.tsx
@@ -12,3 +12,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -10,3 +10,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/home/module/UploadModal.tsx
+++ b/src/pages/home/module/UploadModal.tsx
@@ -9,18 +9,22 @@ import { toast } from 'react-toastify';
 import { uploadFile } from './upload-file';
 import { useAppVersionStore } from '@/pages/app/store';
 import { useShallow } from 'zustand/shallow';
 import { RefreshCcw } from 'lucide-react';
 export const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10);
 export const UploadModal = () => {
  const { appKey, version, filename, openUploadModal, text, setOpenUploadModal, setAppKey, setVersion, setFilename, setOpenSuccessModal } = useHomeStore();
-  const { control, handleSubmit, reset } = useForm();
+  const { control, handleSubmit, reset, setValue } = useForm();
  const { publishVersion } = useAppVersionStore(useShallow((state) => ({ publishVersion: state.publishVersion })));
  useEffect(() => {
    if (openUploadModal) {
-      const randomAppKey = nanoid(4) + nanoid(4);
+      reset({ appKey: appKey || randomAppKey(), version: version || '1.0.0', filename: filename || 'index.html' });
      reset({ appKey: appKey || randomAppKey, version: version || '1.0.0', filename: filename || 'index.html' });
    }
  }, [openUploadModal]);
  const randomAppKey = () => {
    const randomAppKey = nanoid(4) + nanoid(4);
    return randomAppKey;
  };
  const onSubmit = async (data: any) => {
    console.log(data);
    if (!text) {
@@ -71,7 +75,15 @@ export const UploadModal = () => {
      <DialogContent>
        <form className='flex flex-col gap-3 pt-1 w-[500px]' onSubmit={handleSubmit(onSubmit)}>
          <div className='flex flex-col gap-1'>
-            <label className='text-sm'>应用key</label>
+            <label className='text-sm flex gap-2 items-center'>
              应用key
              <RefreshCcw
                className='cursor-pointer w-4 h-4'
                onClick={() => {
                  setValue('appKey', randomAppKey());
                }}
              />
            </label>
            <Controller control={control} name='appKey' render={({ field }) => <TextField {...field} />} />
          </div>
          <div className='flex flex-col gap-1'>
--- a/src/pages/map/index.tsx
+++ b/src/pages/map/index.tsx
@@ -81,3 +81,6 @@ const ServerPath = () => {
  );
 };
 export const App = ServerPath;
 export default App;
--- a/src/pages/org/index.tsx
+++ b/src/pages/org/index.tsx
@@ -15,3 +15,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/pay/index.tsx
+++ b/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';
 import Button from '@mui/material/Button/Button';
 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;
--- a/src/pages/user/edit/Profile.tsx
+++ b/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';
--- a/src/pages/user/index.tsx
+++ b/src/pages/user/index.tsx
@@ -18,3 +18,5 @@ export const App = () => {
    </Routes>
  );
 };
 export default App;
--- a/src/pages/user/module/FileUpload.tsx
+++ b/src/pages/user/module/FileUpload.tsx
@@ -39,8 +39,8 @@ export const FileUpload = forwardRef<any, Props>((props, ref) => {
    })) as any;
    console.log('res', res);
    if (res?.code === 200) {
-      const resource = res.data?.resource;
+      const [resource] = res.data?.upload || {};
-      props?.onChange?.(resource);
+      props?.onChange?.(resource?.path || '');
    } else {
      message.error(res.message || 'Request failed');
    }
--- a/src/query/index.ts
+++ b/src/query/index.ts
@@ -0,0 +1,7 @@
 import { Query } from '@kevisual/query';
 export const query = new Query();
 export const clientQuery = new Query({ url: '/client/router' });
 export { QueryUtil } from '@kevisual/router/define';
--- a/src/query/kevisual.json
+++ b/src/query/kevisual.json
@@ -0,0 +1,25 @@
 {
  "$schema": "https://kevisual.xiongxiao.me/root/ai/kevisual/tools/kevisual-sync/schema.json?v=2",
  "metadata": {
    "share": "public"
  },
  "checkDir": {
    "src/query": {
      "url": "https://kevisual.xiongxiao.me/root/ai/code/registry/query",
      "enabled": true
    }
  },
  "syncDirectory": [
    {
      "files": [
        "src/query/**/*"
      ],
      "ignore": [],
      "registry": "https://kevisual.xiongxiao.me/root/ai/code/registry",
      "replace": {
        "src/": ""
      }
    }
  ],
  "sync": {}
 }
--- a/src/query/query-ai/defines/ai.ts
+++ b/src/query/query-ai/defines/ai.ts
@@ -0,0 +1,42 @@
 import { QueryUtil } from '@/query/index.ts';
 type Message = {
  role?: 'user' | 'assistant' | 'system' | 'tool';
  content?: string;
  name?: string;
 };
 export type PostChat = {
  messages?: Message[];
  model?: string;
  group?: string;
  user?: string;
 };
 export type ChatDataOpts = {
  id?: string;
  title?: string;
  messages?: any[];
  data?: any;
  type?: 'temp' | 'keep' | string;
 };
 export type ChatOpts = {
  username: string;
  model: string;
  /**
   * 获取完整消息回复
   */
  getFull?: boolean;
  group: string;
  /**
   * openai的参数
   */
  options?: any;
 };
 export const appDefine = QueryUtil.create({
  chat: {
    path: 'ai',
    key: 'chat',
    description: '与 AI 进行对话, 调用 GPT 的AI 服务，生成结果，并返回。',
  },
 });
--- a/src/query/query-ai/query-ai.ts
+++ b/src/query/query-ai/query-ai.ts
@@ -0,0 +1,101 @@
 import { appDefine } from './defines/ai.ts';
 import { PostChat, ChatOpts, ChatDataOpts } from './defines/ai.ts';
 import { BaseQuery, DataOpts, Query } from '@kevisual/query/query';
 export { appDefine };
 export class QueryApp<T extends Query = Query> extends BaseQuery<T, typeof appDefine> {
  constructor(opts?: { query: T }) {
    super({
      ...opts,
      query: opts?.query!,
      queryDefine: appDefine,
    });
  }
  /**
   * 与 AI 进行对话, 调用 GPT 的AI 服务，生成结果，并返回。
   * @param data
   * @param opts
   * @returns
   */
  postChat(data: PostChat, opts?: DataOpts) {
    return this.chain('chat').post(data, opts);
  }
  /**
   * 获取模型列表
   * @param opts
   * @returns
   */
  getModelList(data?: { usernames?: string[] }, opts?: DataOpts) {
    return this.query.post(
      {
        path: 'ai',
        key: 'get-model-list',
        data,
      },
      opts,
    );
  }
  /**
   * 聊天对话模型
   * @param data
   * @param chatOpts
   * @param opts
   * @returns
   */
  chat(data: ChatDataOpts, chatOpts: ChatOpts, opts?: DataOpts) {
    const { username, model, group, getFull = true } = chatOpts;
    if (!username || !model || !group) {
      throw new Error('username, model, group is required');
    }
    return this.query.post(
      {
        path: 'ai',
        key: 'chat',
        ...chatOpts,
        getFull,
        data,
      },
      opts,
    );
  }
  clearConfigCache(opts?: DataOpts) {
    return this.query.post(
      {
        path: 'ai',
        key: 'clear-cache',
      },
      opts,
    );
  }
  /**
   * 获取聊天使用情况
   * @param opts
   * @returns
   */
  getChatUsage(opts?: DataOpts) {
    return this.query.post(
      {
        path: 'ai',
        key: 'get-chat-usage',
      },
      opts,
    );
  }
  /**
   * 清除当前用户模型自己的统计
   * @param opts
   * @returns
   */
  clearSelfUsage(opts?: DataOpts) {
    return this.query.post(
      {
        path: 'ai',
        key: 'clear-chat-limit',
      },
      opts,
    );
  }
 }
--- a/src/query/query-app/defines/index.ts
+++ b/src/query/query-app/defines/index.ts
@@ -0,0 +1,3 @@
 import { appDefine } from './user-app-list';
 import { userAppDefine } from './user-app';
 export { appDefine, userAppDefine };
--- a/src/query/query-app/defines/user-app-list.ts
+++ b/src/query/query-app/defines/user-app-list.ts
@@ -0,0 +1,62 @@
 import { QueryUtil } from '@/query/index.ts';
 export const appDefine = QueryUtil.create({
  getApp: {
    path: 'app',
    key: 'get',
    description: '获取应用信息',
  },
  updateApp: {
    path: 'app',
    key: 'update',
    description: '更新应用信息',
  },
  deleteApp: {
    path: 'app',
    key: 'delete',
    description: '删除应用信息',
  },
  listApps: {
    path: 'app',
    key: 'list',
    description: '列出所有应用信息',
  },
  canUploadFiles: {
    path: 'app',
    key: 'canUploadFiles',
    description: '检查是否可以上传文件',
  },
  uploadFiles: {
    path: 'app',
    key: 'uploadFiles',
    description: '上传文件',
  },
  publishApp: {
    path: 'app',
    key: 'publish',
    description: '发布应用',
  },
  getMinioList: {
    path: 'app',
    key: 'get-minio-list',
    description: '获取 MinIO 文件列表',
  },
  detectVersionList: {
    path: 'app',
    key: 'detectVersionList',
    description: '检测版本列表并同步 MinIO 数据',
  },
  publicList: {
    path: 'app',
    key: 'public-list',
    description: '获取公开应用列表',
  },
 });
--- a/src/query/query-app/defines/user-app.ts
+++ b/src/query/query-app/defines/user-app.ts
@@ -0,0 +1,33 @@
 import { QueryUtil } from '@/query/index.ts';
 export const userAppDefine = QueryUtil.create({
  listUserApps: {
    path: 'user-app',
    key: 'list',
    description: '列出当前用户的所有应用（不包含 data 字段）',
  },
  getUserApp: {
    path: 'user-app',
    key: 'get',
    description: '获取用户应用信息，可以指定 id 或 key',
  },
  updateUserApp: {
    path: 'user-app',
    key: 'update',
    description: '更新或创建用户应用',
  },
  deleteUserApp: {
    path: 'user-app',
    key: 'delete',
    description: '删除用户应用及关联数据',
  },
  testUserApp: {
    path: 'user-app',
    key: 'test',
    description: '对 user-app 的数据进行测试，获取版本信息',
  },
 });
--- a/src/query/query-app/query-app-define.ts
+++ b/src/query/query-app/query-app-define.ts
@@ -0,0 +1 @@
 export * from './defines/index.ts';
--- a/src/query/query-app/query-app.ts
+++ b/src/query/query-app/query-app.ts
@@ -0,0 +1,18 @@
 import { appDefine, userAppDefine } from './defines/index.ts';
 import { BaseQuery, DataOpts, Query } from '@kevisual/query/query';
 export { appDefine, userAppDefine };
 export class QueryApp extends BaseQuery {
  appDefine = appDefine;
  userAppDefine = userAppDefine;
  constructor(opts?: { query: Query }) {
    super(opts!);
    this.appDefine.query = this.query;
    this.userAppDefine.query = this.query;
  }
  getList(data: any, opts?: DataOpts) {
    return this.appDefine.queryChain('listApps').post(data, opts);
  }
 }
--- a/src/query/query-login/login-cache.ts
+++ b/src/query/query-login/login-cache.ts
@@ -0,0 +1,204 @@
 export interface Cache {
  /**
   * @update 获取缓存
   */
  get(key: string): Promise<any>;
  /**
   * @update 设置缓存
   */
  set(key: string, value: any): Promise<any>;
  /**
   * @update 删除缓存
   */
  del(): Promise<void>;
  /**
   * 初始化
   */
  init?: () => Promise<any>;
 }
 export type User = {
  avatar?: string;
  description?: string;
  id?: string;
  needChangePassword?: boolean;
  orgs?: string[];
  type?: string;
  username?: string;
 };
 export type CacheLoginUser = {
  user?: User;
  id?: string;
  accessToken?: string;
  refreshToken?: string;
 };
 type CacheLogin = {
  loginUsers: CacheLoginUser[];
 } & CacheLoginUser;
 export type CacheStore<T = Cache> = {
  name: string;
  /**
   * 缓存数据
   * @important 需要先调用init
   */
  cacheData: CacheLogin;
  /**
   * 实际操作的cache, 需要先调用init
   */
  cache: T;
  /**
   * 设置当前用户
   */
  setLoginUser(user: CacheLoginUser): Promise<void>;
  /**
   * 获取当前用户
   */
  getCurrentUser(): Promise<User>;
  /**
   * 获取当前用户列表
   */
  getCurrentUserList(): Promise<CacheLoginUser[]>;
  /**
   * 获取缓存的refreshToken
   */
  getRefreshToken(): Promise<string>;
  /**
   * 获取缓存的accessToken
   */
  getAccessToken(): Promise<string>;
  /**
   * 清除当前用户
   */
  clearCurrentUser(): Promise<void>;
  /**
   * 清除所有用户
   */
  clearAll(): Promise<void>;
  getValue(): Promise<CacheLogin>;
  setValue(value: CacheLogin): Promise<CacheLogin>;
  delValue(): Promise<void>;
  init(): Promise<any>;
 };
 export type LoginCacheStoreOpts = {
  name: string;
  cache: Cache;
 };
 export class LoginCacheStore implements CacheStore<any> {
  cache: Cache;
  name: string;
  cacheData: CacheLogin;
  constructor(opts: LoginCacheStoreOpts) {
    if (!opts.cache) {
      throw new Error('cache is required');
    }
    // @ts-ignore
    this.cache = opts.cache;
    this.cacheData = {
      loginUsers: [],
      user: undefined,
      id: undefined,
      accessToken: undefined,
      refreshToken: undefined,
    };
    this.name = opts.name;
  }
  /**
   * 设置缓存
   * @param key
   * @param value
   * @returns
   */
  async setValue(value: CacheLogin) {
    await this.cache.set(this.name, value);
    this.cacheData = value;
    return value;
  }
  /**
   * 删除缓存
   */
  async delValue() {
    await this.cache.del();
  }
  getValue(): Promise<CacheLogin> {
    return this.cache.get(this.name);
  }
  /**
   * 初始化,设置默认值
   */
  async init() {
    const defaultData = {
      loginUsers: [],
      user: null,
      id: null,
      accessToken: null,
      refreshToken: null,
    };
    if (this.cache.init) {
      try {
        const cacheData = await this.cache.init();
        this.cacheData = cacheData || defaultData;
      } catch (error) {
        console.log('cacheInit error', error);
      }
    } else {
      this.cacheData = (await this.getValue()) || defaultData;
    }
  }
  /**
   * 设置当前用户
   * @param user
   */
  async setLoginUser(user: CacheLoginUser) {
    const has = this.cacheData.loginUsers.find((u) => u.id === user.id);
    if (has) {
      this.cacheData.loginUsers = this.cacheData?.loginUsers?.filter((u) => u?.id && u.id !== user.id);
    }
    this.cacheData.loginUsers.push(user);
    this.cacheData.user = user.user;
    this.cacheData.id = user.id;
    this.cacheData.accessToken = user.accessToken;
    this.cacheData.refreshToken = user.refreshToken;
    await this.setValue(this.cacheData);
  }
  getCurrentUser(): Promise<CacheLoginUser> {
    const cacheData = this.cacheData;
    return Promise.resolve(cacheData.user!);
  }
  getCurrentUserList(): Promise<CacheLoginUser[]> {
    return Promise.resolve(this.cacheData.loginUsers.filter((u) => u?.id));
  }
  getRefreshToken(): Promise<string> {
    const cacheData = this.cacheData;
    return Promise.resolve(cacheData.refreshToken || '');
  }
  getAccessToken(): Promise<string> {
    const cacheData = this.cacheData;
    return Promise.resolve(cacheData.accessToken || '');
  }
  async clearCurrentUser() {
    const user = await this.getCurrentUser();
    const has = this.cacheData.loginUsers.find((u) => u.id === user.id);
    if (has) {
      this.cacheData.loginUsers = this.cacheData?.loginUsers?.filter((u) => u?.id && u.id !== user.id);
    }
    this.cacheData.user = undefined;
    this.cacheData.id = undefined;
    this.cacheData.accessToken = undefined;
    this.cacheData.refreshToken = undefined;
    await this.setValue(this.cacheData);
  }
  async clearAll() {
    this.cacheData.loginUsers = [];
    this.cacheData.user = undefined;
    this.cacheData.id = undefined;
    this.cacheData.accessToken = undefined;
    this.cacheData.refreshToken = undefined;
    await this.setValue(this.cacheData);
  }
 }
--- a/src/query/query-login/login-node-cache.ts
+++ b/src/query/query-login/login-node-cache.ts
@@ -0,0 +1,132 @@
 import { Cache } from './login-cache.ts';
 import { homedir } from 'node:os';
 import { join, dirname } from 'node:path';
 import fs from 'node:fs';
 import { readFileSync, writeFileSync, accessSync } from 'node:fs';
 import { readFile, writeFile, unlink, mkdir } from 'node:fs/promises';
 export const fileExists = async (
  filePath: string,
  { createIfNotExists = true, isFile = true, isDir = false }: { createIfNotExists?: boolean; isFile?: boolean; isDir?: boolean } = {},
 ) => {
  try {
    accessSync(filePath, fs.constants.F_OK);
    return true;
  } catch (error) {
    if (createIfNotExists && isDir) {
      await mkdir(filePath, { recursive: true });
      return true;
    } else if (createIfNotExists && isFile) {
      await mkdir(dirname(filePath), { recursive: true });
      return false;
    }
    return false;
  }
 };
 export const readConfigFile = (filePath: string) => {
  try {
    const data = readFileSync(filePath, 'utf-8');
    const jsonData = JSON.parse(data);
    return jsonData;
  } catch (error) {
    return {};
  }
 };
 export const writeConfigFile = (filePath: string, data: any) => {
  writeFileSync(filePath, JSON.stringify(data, null, 2));
 };
 export const getHostName = () => {
  const configDir = join(homedir(), '.config', 'envision');
  const configFile = join(configDir, 'config.json');
  const config = readConfigFile(configFile);
  const baseURL = config.baseURL || 'https://kevisual.cn';
  const hostname = new URL(baseURL).hostname;
  return hostname;
 };
 export class StorageNode implements Storage {
  cacheData: any;
  filePath: string;
  constructor() {
    this.cacheData = {};
    const configDir = join(homedir(), '.config', 'envision');
    const hostname = getHostName();
    this.filePath = join(configDir, 'config', `${hostname}-storage.json`);
    fileExists(this.filePath, { isFile: true });
  }
  async loadCache() {
    const filePath = this.filePath;
    try {
      const data = await readConfigFile(filePath);
      this.cacheData = data;
    } catch (error) {
      this.cacheData = {};
      await writeFile(filePath, JSON.stringify(this.cacheData, null, 2));
    }
  }
  get length() {
    return Object.keys(this.cacheData).length;
  }
  getItem(key: string) {
    return this.cacheData[key];
  }
  setItem(key: string, value: any) {
    this.cacheData[key] = value;
    writeFile(this.filePath, JSON.stringify(this.cacheData, null, 2));
  }
  removeItem(key: string) {
    delete this.cacheData[key];
    writeFile(this.filePath, JSON.stringify(this.cacheData, null, 2));
  }
  clear() {
    this.cacheData = {};
    writeFile(this.filePath, JSON.stringify(this.cacheData, null, 2));
  }
  key(index: number) {
    return Object.keys(this.cacheData)[index];
  }
 }
 export class LoginNodeCache implements Cache {
  filepath: string;
  constructor(filepath?: string) {
    this.filepath = filepath || join(homedir(), '.config', 'envision', 'config', `${getHostName()}-login.json`);
    fileExists(this.filepath, { isFile: true });
  }
  async get(_key: string) {
    try {
      const filePath = this.filepath;
      const data = readConfigFile(filePath);
      return data;
    } catch (error) {
      console.log('get error', error);
      return {};
    }
  }
  async set(_key: string, value: any) {
    try {
      const data = readConfigFile(this.filepath);
      const newData = { ...data, ...value };
      writeConfigFile(this.filepath, newData);
    } catch (error) {
      console.log('set error', error);
    }
  }
  async del() {
    await unlink(this.filepath);
  }
  async loadCache(filePath: string) {
    try {
      const data = await readFile(filePath, 'utf-8');
      const jsonData = JSON.parse(data);
      return jsonData;
    } catch (error) {
      // console.log('loadCache error', error);
      console.log('create new cache file:', filePath);
      const defaultData = { loginUsers: [] };
      writeConfigFile(filePath, defaultData);
      return defaultData;
    }
  }
  async init() {
    return await this.loadCache(this.filepath);
  }
 }
--- a/src/query/query-login/query-login-browser.ts
+++ b/src/query/query-login/query-login-browser.ts
@@ -0,0 +1,12 @@
 import { QueryLogin, QueryLoginOpts } from './query-login.ts';
 import { MyCache } from '@kevisual/cache';
 type QueryLoginNodeOptsWithoutCache = Omit<QueryLoginOpts, 'cache'>;
 export class QueryLoginBrowser extends QueryLogin {
  constructor(opts: QueryLoginNodeOptsWithoutCache) {
    super({
      ...opts,
      cache: new MyCache('login'),
    });
  }
 }
--- a/src/query/query-login/query-login-node.ts
+++ b/src/query/query-login/query-login-node.ts
@@ -0,0 +1,14 @@
 import { QueryLogin, QueryLoginOpts } from './query-login.ts';
 import { LoginNodeCache, StorageNode } from './login-node-cache.ts';
 type QueryLoginNodeOptsWithoutCache = Omit<QueryLoginOpts, 'cache'>;
 export const storage = new StorageNode();
 await storage.loadCache();
 export class QueryLoginNode extends QueryLogin {
  constructor(opts: QueryLoginNodeOptsWithoutCache) {
    super({
      ...opts,
      storage,
      cache: new LoginNodeCache(),
    });
  }
 }
--- a/src/query/query-login/query-login.ts
+++ b/src/query/query-login/query-login.ts
@@ -0,0 +1,468 @@
 import { Query, BaseQuery } from '@kevisual/query';
 import type { Result, DataOpts } from '@kevisual/query/query';
 import { setBaseResponse } from '@kevisual/query/query';
 import { LoginCacheStore, CacheStore, User } from './login-cache.ts';
 import { Cache } from './login-cache.ts';
 export type QueryLoginOpts = {
  query?: Query;
  isBrowser?: boolean;
  onLoad?: () => void;
  storage?: Storage;
  cache: Cache;
 };
 export type QueryLoginData = {
  username?: string;
  password: string;
  email?: string;
 };
 export type QueryLoginResult = {
  accessToken: string;
  refreshToken: string;
 };
 export class QueryLogin extends BaseQuery {
  /**
   * query login cache， 非实际操作， 一个cache的包裹模块
   */
  cacheStore: CacheStore;
  isBrowser: boolean;
  load?: boolean;
  storage: Storage;
  onLoad?: () => void;
  constructor(opts?: QueryLoginOpts) {
    super({
      query: opts?.query || new Query(),
    });
    this.cacheStore = new LoginCacheStore({ name: 'login', cache: opts?.cache! });
    this.isBrowser = opts?.isBrowser ?? true;
    this.init();
    this.onLoad = opts?.onLoad;
    this.storage = opts?.storage || localStorage;
  }
  setQuery(query: Query) {
    this.query = query;
  }
  private async init() {
    await this.cacheStore.init();
    this.load = true;
    this.onLoad?.();
  }
  async post<T = any>(data: any, opts?: DataOpts) {
    try {
      return this.query.post<T>({ path: 'user', ...data }, opts);
    } catch (error) {
      console.log('error', error);
      return {
        code: 400,
      } as any;
    }
  }
  /**
   * 登录,
   * @param data
   * @returns
   */
  async login(data: QueryLoginData) {
    const res = await this.post<QueryLoginResult>({ key: 'login', ...data });
    if (res.code === 200) {
      const { accessToken, refreshToken } = res?.data || {};
      this.storage.setItem('token', accessToken || '');
      await this.beforeSetLoginUser({ accessToken, refreshToken });
    }
    return res;
  }
  /**
   * 手机号登录
   * @param data
   * @returns
   */
  async loginByCode(data: { phone: string; code: string }) {
    const res = await this.post<QueryLoginResult>({ path: 'sms', key: 'login', data });
    if (res.code === 200) {
      const { accessToken, refreshToken } = res?.data || {};
      this.storage.setItem('token', accessToken || '');
      await this.beforeSetLoginUser({ accessToken, refreshToken });
    }
    return res;
  }
  /**
   * 设置token
   * @param token
   */
  async setLoginToken(token: { accessToken: string; refreshToken: string }) {
    const { accessToken, refreshToken } = token;
    this.storage.setItem('token', accessToken || '');
    await this.beforeSetLoginUser({ accessToken, refreshToken });
  }
  async loginByWechat(data: { code: string }) {
    const res = await this.post<QueryLoginResult>({ path: 'wx', key: 'open-login', code: data.code });
    if (res.code === 200) {
      const { accessToken, refreshToken } = res?.data || {};
      this.storage.setItem('token', accessToken || '');
      await this.beforeSetLoginUser({ accessToken, refreshToken });
    }
    return res;
  }
  /**
   * 检测微信登录，登陆成功后，调用onSuccess，否则调用onError
   * @param param0
   */
  async checkWechat({ onSuccess, onError }: { onSuccess?: (res: QueryLoginResult) => void; onError?: (res: any) => void }) {
    const url = new URL(window.location.href);
    const code = url.searchParams.get('code');
    const state = url.searchParams.get('state');
    if (code && state) {
      const res = await this.loginByWechat({ code });
      if (res.code === 200) {
        onSuccess?.(res.data);
      } else {
        onError?.(res);
      }
    }
  }
  /**
   * 登陆成功，需要获取用户信息进行缓存
   * @param param0
   */
  async beforeSetLoginUser({ accessToken, refreshToken, check401 }: { accessToken?: string; refreshToken?: string; check401?: boolean }) {
    if (accessToken && refreshToken) {
      const resUser = await this.getMe(accessToken, check401);
      if (resUser.code === 200) {
        const user = resUser.data;
        if (user) {
          this.cacheStore.setLoginUser({
            user,
            id: user.id,
            accessToken,
            refreshToken,
          });
        } else {
          console.error('登录失败');
        }
      }
    }
  }
  /**
   * 刷新token
   * @param refreshToken
   * @returns
   */
  async queryRefreshToken(refreshToken?: string) {
    const _refreshToken = refreshToken || this.cacheStore.getRefreshToken();
    let data = { refreshToken: _refreshToken };
    if (!_refreshToken) {
      await this.cacheStore.clearCurrentUser();
      return {
        code: 401,
        message: '请先登录',
        data: {} as any,
      };
    }
    return this.post(
      { key: 'refreshToken', data },
      {
        noStop: true,
        beforeRequest: async (config) => {
          return config;
        },
        afterResponse: async (response, ctx) => {
          setBaseResponse(response);
          return response as any;
        },
      },
    );
  }
  /**
   * 检查401错误，并刷新token, 如果refreshToken存在，则刷新token, 否则返回401
   * 拦截请求，请使用run401Action， 不要直接使用 afterCheck401ToRefreshToken
   * @param response
   * @param ctx
   * @param refetch
   * @returns
   */
  async afterCheck401ToRefreshToken(response: Result, ctx?: { req?: any; res?: any; fetch?: any }, refetch?: boolean) {
    const that = this;
    if (response?.code === 401) {
      const hasRefreshToken = await that.cacheStore.getRefreshToken();
      if (hasRefreshToken) {
        const res = await that.queryRefreshToken(hasRefreshToken);
        if (res.code === 200) {
          const { accessToken, refreshToken } = res?.data || {};
          that.storage.setItem('token', accessToken || '');
          await that.beforeSetLoginUser({ accessToken, refreshToken, check401: false });
          if (refetch && ctx && ctx.req && ctx.req.url && ctx.fetch) {
            await new Promise((resolve) => setTimeout(resolve, 1500));
            const url = ctx.req?.url;
            const body = ctx.req?.body;
            const headers = ctx.req?.headers;
            const res = await ctx.fetch(url, {
              method: 'POST',
              body: body,
              headers: { ...headers, Authorization: `Bearer ${accessToken}` },
            });
            setBaseResponse(res);
            return res;
          }
        } else {
          that.storage.removeItem('token');
          await that.cacheStore.clearCurrentUser();
        }
        return res;
      }
    }
    return response as any;
  }
  /**
   * 一个简单的401处理， 如果401，则刷新token, 如果refreshToken不存在，则返回401
   * refetch 是否重新请求, 会有bug，无限循环，按需要使用
   * TODO:
   * @param response
   * @param ctx
   * @param opts
   * @returns
   */
  async run401Action(
    response: Result,
    ctx?: { req?: any; res?: any; fetch?: any },
    opts?: {
      /**
       * 是否重新请求, 会有bug，无限循环，按需要使用
       */
      refetch?: boolean;
      /**
       * check之后的回调
       */
      afterCheck?: (res: Result) => any;
      /**
       * 401处理后， 还是401， 则回调
       */
      afterAlso401?: (res: Result) => any;
    },
  ) {
    const that = this;
    const refetch = opts?.refetch ?? false;
    if (response?.code === 401) {
      if (that.query.stop === true) {
        return { code: 500, success: false, message: 'refresh token loading...' };
      }
      that.query.stop = true;
      const res = await that.afterCheck401ToRefreshToken(response, ctx, refetch);
      that.query.stop = false;
      opts?.afterCheck?.(res);
      if (res.code === 401) {
        opts?.afterAlso401?.(res);
      }
      return res;
    } else {
      return response as any;
    }
  }
  /**
   * 获取用户信息
   * @param token
   * @returns
   */
  async getMe(token?: string, check401: boolean = true) {
    const _token = token || this.storage.getItem('token');
    const that = this;
    return that.post(
      { key: 'me' },
      {
        noStop: true,
        beforeRequest: async (config) => {
          if (config.headers) {
            config.headers['Authorization'] = `Bearer ${_token}`;
          }
          if (!_token) {
            return false;
          }
          return config;
        },
        afterResponse: async (response, ctx) => {
          if (response?.code === 401 && check401 && !token) {
            return await that.afterCheck401ToRefreshToken(response, ctx);
          }
          return response as any;
        },
      },
    );
  }
  /**
   * 检查本地用户，如果本地用户存在，则返回本地用户，否则返回null
   * @returns
   */
  async checkLocalUser() {
    const user = await this.cacheStore.getCurrentUser();
    if (user) {
      return user;
    }
    return null;
  }
  /**
   * 检查本地token是否存在，简单的判断是否已经属于登陆状态
   * @returns
   */
  async checkLocalToken() {
    const token = this.storage.getItem('token');
    return !!token;
  }
  /**
   * 检查本地用户列表
   * @returns
   */
  async getToken() {
    const token = this.storage.getItem('token');
    return token || '';
  }
  async beforeRequest(opts: any = {}) {
    const token = this.storage.getItem('token');
    if (token) {
      opts.headers = { ...opts.headers, Authorization: `Bearer ${token}` };
    }
    return opts;
  }
  /**
   * 请求更新，切换用户， 使用switchUser
   * @param username
   * @returns
   */
  private async postSwitchUser(username: string) {
    return this.post({ key: 'switchCheck', data: { username } });
  }
  /**
   * 切换用户
   * @param username
   * @returns
   */
  async switchUser(username: string) {
    const localUserList = await this.cacheStore.getCurrentUserList();
    const user = localUserList.find((userItem) => userItem.user!.username === username);
    if (user) {
      this.storage.setItem('token', user.accessToken || '');
      await this.beforeSetLoginUser({ accessToken: user.accessToken, refreshToken: user.refreshToken });
      return {
        code: 200,
        data: {
          accessToken: user.accessToken,
          refreshToken: user.refreshToken,
        },
        success: true,
        message: '切换用户成功',
      };
    }
    const res = await this.postSwitchUser(username);
    if (res.code === 200) {
      const { accessToken, refreshToken } = res?.data || {};
      this.storage.setItem('token', accessToken || '');
      await this.beforeSetLoginUser({ accessToken, refreshToken });
    }
    return res;
  }
  /**
   * 退出登陆，去掉token， 并删除缓存
   * @returns
   */
  async logout() {
    this.storage.removeItem('token');
    const users = await this.cacheStore.getCurrentUserList();
    const tokens = users
      .map((user) => {
        return user?.accessToken;
      })
      .filter(Boolean);
    this.cacheStore.delValue();
    return this.post<Result>({ key: 'logout', data: { tokens } });
  }
  /**
   * 检查用户名的组，这个用户是否存在
   * @param username
   * @returns
   */
  async hasUser(username: string) {
    const that = this;
    return this.post<Result>(
      {
        path: 'org',
        key: 'hasUser',
        data: {
          username,
        },
      },
      {
        afterResponse: async (response, ctx) => {
          if (response?.code === 401) {
            const res = await that.afterCheck401ToRefreshToken(response, ctx, true);
            return res;
          }
          return response as any;
        },
      },
    );
  }
  async getLoginUser() {
    const that = this;
    const userInfo = await that.checkLocalUser();
    const token = await that.getToken();
    if (userInfo) {
      return userInfo;
    } else if (token) {
      const userinfo = await that.getLoginUserByToken(token);
      if (userinfo) {
        return userinfo;
      }
    }
    return null;
  }
  async getLoginUserByToken(token: string): Promise<User | null> {
    const me = await this.getMe(token, false);
    if (me.code === 200) {
      const user = me.data;
      this.cacheStore.setLoginUser({
        user,
        id: user.id,
        accessToken: token,
        refreshToken: me.data?.refreshToken || '',
      });
      return user;
    }
    return null;
  }
  /**
   * 检查登录状态，根据 login by web
   * @param token
   * @returns
   */
  async checkLoginStatus(token: string) {
    const res = await this.post({
      path: 'user',
      key: 'checkLoginStatus',
      loginToken: token,
    });
    if (res.code === 200) {
      const accessToken = res.data?.accessToken;
      this.storage.setItem('token', accessToken || '');
      await this.beforeSetLoginUser({ accessToken, refreshToken: res.data?.refreshToken });
      return res;
    }
    return false;
  }
  /**
   * 使用web登录,创建url地址, 需要MD5和jsonwebtoken
   */
  loginWithWeb(baseURL: string, { MD5, jsonwebtoken }: { MD5: any; jsonwebtoken: any }) {
    const randomId = Math.random().toString(36).substring(2, 15);
    const timestamp = Date.now();
    const tokenSecret = 'xiao' + randomId;
    const sign = MD5(`${tokenSecret}${timestamp}`).toString();
    const token = jsonwebtoken.sign({ randomId, timestamp, sign }, tokenSecret, {
      // 10分钟过期
      expiresIn: 60 * 10, // 10分钟
    });
    const url = `${baseURL}/api/router?path=user&key=webLogin&p&loginToken=${token}&sign=${sign}&randomId=${randomId}`;
    return { url, token, tokenSecret };
  }
 }
--- a/src/query/query-mark/query-mark.ts
+++ b/src/query/query-mark/query-mark.ts
@@ -0,0 +1,154 @@
 import { Query } from '@kevisual/query';
 import type { Result, DataOpts } from '@kevisual/query/query';
 export type SimpleObject = Record<string, any>;
 export const markType = ['simple', 'md', 'mdx', 'wallnote', 'excalidraw', 'chat'] as const;
 export type MarkType = (typeof markType)[number];
 export type MarkData = {
  nodes?: any[];
  edges?: any[];
  elements?: any[];
  permission?: any;
  [key: string]: any;
 };
 export type Mark = {
  id: string;
  title: string;
  description: string;
  markType: MarkType;
  link: string;
  data?: MarkData;
  uid: string;
  puid: string;
  summary: string;
  thumbnail?: string;
  tags: string[];
  createdAt: string;
  updatedAt: string;
  version: number;
 };
 export type ShowMarkPick = Pick<Mark, 'id' | 'title' | 'description' | 'summary' | 'link' | 'tags' | 'thumbnail' | 'updatedAt'>;
 export type SearchOpts = {
  page?: number;
  pageSize?: number;
  search?: string;
  sort?: string; // DESC, ASC
  markType?: MarkType; // 类型
  [key: string]: any;
 };
 export type QueryMarkOpts<T extends SimpleObject = SimpleObject> = {
  query?: Query;
  isBrowser?: boolean;
  onLoad?: () => void;
 } & T;
 export type ResultMarkList = {
  list: Mark[];
  pagination: {
    pageSize: number;
    current: number;
    total: number;
  };
 };
 export type QueryMarkData = {
  id?: string;
  title?: string;
  description?: string;
  [key: string]: any;
 };
 export type QueryMarkResult = {
  accessToken: string;
  refreshToken: string;
 };
 export class QueryMarkBase<T extends SimpleObject = SimpleObject> {
  query: Query;
  isBrowser: boolean;
  load?: boolean;
  storage?: Storage;
  onLoad?: () => void;
  constructor(opts?: QueryMarkOpts<T>) {
    this.query = opts?.query || new Query();
    this.isBrowser = opts?.isBrowser ?? true;
    this.init();
    this.onLoad = opts?.onLoad;
  }
  setQuery(query: Query) {
    this.query = query;
  }
  private async init() {
    this.load = true;
    this.onLoad?.();
  }
  async post<T = Result<any>>(data: any, opts?: DataOpts): Promise<T> {
    try {
      return this.query.post({ path: 'mark', ...data }, opts) as Promise<T>;
    } catch (error) {
      console.log('error', error);
      return {
        code: 400,
      } as any;
    }
  }
  async getMarkList(search: SearchOpts, opts?: DataOpts) {
    return this.post<Result<ResultMarkList>>({ key: 'list', ...search }, opts);
  }
  async getMark(id: string, opts?: DataOpts) {
    return this.post<Result<Mark>>({ key: 'get', id }, opts);
  }
  async getVersion(id: string, opts?: DataOpts) {
    return this.post<Result<{ version: number; id: string }>>({ key: 'getVersion', id }, opts);
  }
  /**
   * 检查版本
   * 当需要更新时，返回true
   * @param id
   * @param version
   * @param opts
   * @returns
   */
  async checkVersion(id: string, version?: number, opts?: DataOpts) {
    if (!version) {
      return true;
    }
    const res = await this.getVersion(id, opts);
    if (res.code === 200) {
      if (res.data!.version > version) {
        return true;
      }
      return false;
    }
    return true;
  }
  async updateMark(data: any, opts?: DataOpts) {
    return this.post<Result<Mark>>({ key: 'update', data }, opts);
  }
  async deleteMark(id: string, opts?: DataOpts) {
    return this.post<Result<Mark>>({ key: 'delete', id }, opts);
  }
 }
 export class QueryMark extends QueryMarkBase<SimpleObject> {
  markType: string;
  constructor(opts?: QueryMarkOpts & { markType?: MarkType }) {
    super(opts);
    this.markType = opts?.markType || 'simple';
  }
  async getMarkList(search?: SearchOpts, opts?: DataOpts) {
    return this.post<Result<ResultMarkList>>({ key: 'list', ...search, markType: this.markType }, opts);
  }
  async updateMark(data: any, opts?: DataOpts) {
    if (!data.id) {
      data.markType = this.markType || 'simple';
    }
    return super.updateMark(data, opts);
  }
 }
--- a/src/query/query-resources/index.ts
+++ b/src/query/query-resources/index.ts
@@ -0,0 +1,155 @@
 import { Content } from './../../apps/ai-editor/content';
 import { DataOpts, Result } from '@kevisual/query';
 import { adapter } from '@kevisual/query';
 import path from 'path-browserify-esm';
 import { hashContent } from './utils';
 type QueryResourcesOptions = {
  prefix?: string;
  storage?: Storage;
  username?: string;
  [key: string]: any;
 };
 export class QueryResources {
  prefix: string; // /root/resources
  storage: Storage;
  constructor(opts: QueryResourcesOptions) {
    if (opts.username) {
      this.prefix = `/${opts.username}/resources/`;
    } else {
      this.prefix = opts.prefix || '';
    }
    this.storage = opts.storage || localStorage;
  }
  setUsername(username: string) {
    const prefix = `/${username}/resources/`;
    return prefix;
  }
  setPrefix(prefix: string) {
    this.prefix = prefix;
  }
  header(headers?: Record<string, string>, json = true): Record<string, string> {
    const token = this.storage.getItem('token');
    const _headers: Record<string, string> = {
      'Content-Type': 'application/json',
      ...headers,
    };
    if (!json) {
      delete _headers['Content-Type'];
    }
    if (!token) {
      return _headers;
    }
    return {
      ..._headers,
      Authorization: `Bearer ${token}`,
    };
  }
  async get(data: any, opts: DataOpts): Promise<any> {
    return adapter({
      url: opts.url!,
      method: 'GET',
      body: data,
      ...opts,
      headers: this.header(opts?.headers),
    });
  }
  async getList(prefix: string, data?: { recursive?: boolean }, opts?: DataOpts): Promise<Result<any[]>> {
    return this.get(data, {
      url: `${this.prefix}${prefix}`,
      body: data,
      ...opts,
    });
  }
  async fetchFile(filepath: string, opts?: DataOpts): Promise<Result<any>> {
    const url = `${this.prefix}${filepath}`;
    return this.get({}, { url, method: 'GET', headers: this.header(opts?.headers, false), isText: true });
  }
  async uploadFile(filepath: string, content: string, opts?: DataOpts): Promise<Result<any>> {
    const pathname = `${this.prefix}${filepath}`;
    const filename = path.basename(pathname);
    const type = getContentType(filename);
    const url = new URL(pathname, window.location.origin);
    const hash = hashContent(content);
    url.searchParams.set('hash', hash);
    const formData = new FormData();
    formData.append('file', new Blob([content], { type }));
    return adapter({
      url: url.toString(),
      headers: { ...this.header(opts?.headers, false) },
      isPostFile: true,
      method: 'POST',
      body: formData,
    });
  }
 }
 export const getContentType = (filename: string): string => {
  const ext = path.extname(filename);
  let type = 'text/plain';
  switch (ext) {
    case '':
      type = 'application/octet-stream';
      break;
    case '.json':
      type = 'application/json';
      break;
    case '.txt':
      type = 'text/plain';
      break;
    case '.csv':
      type = 'text/csv';
      break;
    case '.md':
      type = 'text/markdown';
      break;
    case '.html':
    case '.htm':
      type = 'text/html';
      break;
    case '.xml':
      type = 'application/xml';
      break;
    case '.js':
      type = 'application/javascript';
      break;
    case '.css':
      type = 'text/css';
      break;
    case '.ts':
      type = 'application/typescript';
      break;
    case '.pdf':
      type = 'application/pdf';
      break;
    case '.zip':
      type = 'application/zip';
      break;
    case '.docx':
      type = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
      break;
    case '.xlsx':
      type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
      break;
    case '.mp3':
      type = 'audio/mpeg';
      break;
    case '.mp4':
      type = 'video/mp4';
      break;
    case '.png':
    case '.jpg':
    case '.jpeg':
    case '.gif':
    case '.webp':
      type = `image/${ext.slice(1)}`;
      break;
    case '.svg':
      type = 'image/svg+xml';
      break;
  }
  return type;
 };
--- a/src/query/query-resources/utils.ts
+++ b/src/query/query-resources/utils.ts
@@ -0,0 +1,42 @@
 import MD5 from 'crypto-js/md5';
 export const hashContent = (str: string | Buffer): string => {
  if (typeof str === 'string') {
    return MD5(str).toString();
  } else if (Buffer.isBuffer(str)) {
    return MD5(str.toString()).toString();
  }
  console.error('hashContent error: input must be a string or Buffer');
  return '';
 };
 export const hashFile = (file: File): Promise<string> => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = async (event) => {
      try {
        const content = event.target?.result;
        if (content instanceof ArrayBuffer) {
          const contentString = new TextDecoder().decode(content);
          const hashHex = MD5(contentString).toString();
          resolve(hashHex);
        } else if (typeof content === 'string') {
          const hashHex = MD5(content).toString();
          resolve(hashHex);
        } else {
          throw new Error('Invalid content type');
        }
      } catch (error) {
        console.error('hashFile error', error);
        reject(error);
      }
    };
    reader.onerror = (error) => {
      reject(error);
    };
    // 读取文件为 ArrayBuffer
    reader.readAsArrayBuffer(file);
  });
 };
--- a/src/query/query-shop/defines/query-shop-define.ts
+++ b/src/query/query-shop/defines/query-shop-define.ts
@@ -0,0 +1,27 @@
 import { QueryUtil } from '@/query/index.ts';
 export const shopDefine = QueryUtil.create({
  getRegistry: {
    path: 'shop',
    key: 'get-registry',
    description: '获取应用商店注册表信息',
  },
  listInstalled: {
    path: 'shop',
    key: 'list-installed',
    description: '列出当前已安装的所有应用',
  },
  install: {
    path: 'shop',
    key: 'install',
    description: '安装指定的应用，可以指定 id、type、force 和 yes 参数',
  },
  uninstall: {
    path: 'shop',
    key: 'uninstall',
    description: '卸载指定的应用，可以指定 id 和 type 参数',
  },
 });
--- a/src/query/query-shop/query-shop.ts
+++ b/src/query/query-shop/query-shop.ts
@@ -0,0 +1,17 @@
 import { shopDefine } from './defines/query-shop-define.ts';
 import { BaseQuery, DataOpts, Query } from '@kevisual/query/query';
 export { shopDefine };
 export class QueryShop<T extends Query = Query> extends BaseQuery<T, typeof shopDefine> {
  constructor(opts?: { query: T }) {
    super({
      query: opts?.query!,
      queryDefine: shopDefine,
    });
  }
  getInstall(data: any, opts?: DataOpts) {
    return this.queryDefine.queryChain('install').post(data, opts);
  }
 }
--- a/src/query/query-upload/core/upload-chunk.ts
+++ b/src/query/query-upload/core/upload-chunk.ts
@@ -0,0 +1,134 @@
 import { randomId } from '../utils/random-id.ts';
 import { UploadProgress } from './upload-progress.ts';
 export type ConvertOpts = {
  appKey?: string;
  version?: string;
  username?: string;
  directory?: string;
  isPublic?: boolean;
  filename?: string;
  /**
   * 是否不检查应用文件, 默认 true，默认不检测
   */
  noCheckAppFiles?: boolean;
 };
 // createEventSource: (baseUrl: string, searchParams: URLSearchParams) => {
 //   return new EventSource(baseUrl + '/api/s1/events?' + searchParams.toString());
 // },
 export type UploadOpts = {
  uploadProgress: UploadProgress;
  /**
   * 创建 EventSource 兼容 nodejs
   * @param baseUrl 基础 URL
   * @param searchParams 查询参数
   * @returns EventSource
   */
  createEventSource: (baseUrl: string, searchParams: URLSearchParams) => EventSource;
  baseUrl?: string;
  token: string;
  FormDataFn: any;
 };
 export const uploadFileChunked = async (file: File, opts: ConvertOpts, opts2: UploadOpts) => {
  const { directory, appKey, version, username, isPublic, noCheckAppFiles = true } = opts;
  const { uploadProgress, createEventSource, baseUrl = '', token, FormDataFn } = opts2 || {};
  return new Promise(async (resolve, reject) => {
    const taskId = randomId();
    const filename = opts.filename || file.name;
    uploadProgress?.start(`${filename} 上传中...`);
    const searchParams = new URLSearchParams();
    searchParams.set('taskId', taskId);
    if (isPublic) {
      searchParams.set('public', 'true');
    }
    if (noCheckAppFiles) {
      searchParams.set('noCheckAppFiles', '1');
    }
    const eventSource = createEventSource(baseUrl + '/api/s1/events', searchParams);
    let isError = false;
    // 监听服务器推送的进度更新
    eventSource.onmessage = function (event) {
      console.log('Progress update:', event.data);
      const parseIfJson = (data: string) => {
        try {
          return JSON.parse(data);
        } catch (e) {
          return data;
        }
      };
      const receivedData = parseIfJson(event.data);
      if (typeof receivedData === 'string') return;
      const progress = Number(receivedData.progress);
      const progressFixed = progress.toFixed(2);
      uploadProgress?.set(progress, { ...receivedData, progressFixed, filename, taskId });
    };
    eventSource.onerror = function (event) {
      console.log('eventSource.onerror', event);
      isError = true;
      reject(event);
    };
    const chunkSize = 1 * 1024 * 1024; // 1MB
    const totalChunks = Math.ceil(file.size / chunkSize);
    for (let currentChunk = 0; currentChunk < totalChunks; currentChunk++) {
      const start = currentChunk * chunkSize;
      const end = Math.min(start + chunkSize, file.size);
      const chunk = file.slice(start, end);
      const formData = new FormDataFn();
      formData.append('file', chunk, filename);
      formData.append('chunkIndex', currentChunk.toString());
      formData.append('totalChunks', totalChunks.toString());
      const isLast = currentChunk === totalChunks - 1;
      if (directory) {
        formData.append('directory', directory);
      }
      if (appKey && version) {
        formData.append('appKey', appKey);
        formData.append('version', version);
      }
      if (username) {
        formData.append('username', username);
      }
      try {
        const res = await fetch(baseUrl + '/api/s1/resources/upload/chunk?taskId=' + taskId, {
          method: 'POST',
          body: formData,
          headers: {
            'task-id': taskId,
            Authorization: `Bearer ${token}`,
          },
        }).then((response) => response.json());
        if (res?.code !== 200) {
          console.log('uploadChunk error', res);
          uploadProgress?.error(res?.message || '上传失败');
          isError = true;
          eventSource.close();
          uploadProgress?.done();
          reject(new Error(res?.message || '上传失败'));
          return;
        }
        if (isLast) {
          fetch(baseUrl + '/api/s1/events/close?taskId=' + taskId);
          eventSource.close();
          uploadProgress?.done();
          resolve(res);
        }
        // console.log(`Chunk ${currentChunk + 1}/${totalChunks} uploaded`, res);
      } catch (error) {
        console.log('Error uploading chunk', error);
        fetch(baseUrl + '/api/s1/events/close?taskId=' + taskId);
        reject(error);
        return;
      }
    }
    // 循环结束
    if (!uploadProgress?.end) {
      uploadProgress?.done();
    }
  });
 };
--- a/src/query/query-upload/core/upload-progress.ts
+++ b/src/query/query-upload/core/upload-progress.ts
@@ -0,0 +1,103 @@
 interface UploadNProgress {
  start: (msg?: string) => void;
  done: () => void;
  set: (progress: number) => void;
 }
 export type UploadProgressData = {
  progress: number;
  progressFixed: number;
  filename?: string;
  taskId?: string;
 };
 type UploadProgressOpts = {
  onStart?: () => void;
  onDone?: () => void;
  onProgress?: (progress: number, data?: UploadProgressData) => void;
 };
 export class UploadProgress implements UploadNProgress {
  /**
   * 进度
   */
  progress: number;
  /**
   * 开始回调
   */
  onStart: (() => void) | undefined;
  /**
   * 结束回调
   */
  onDone: (() => void) | undefined;
  /**
   * 消息回调
   */
  onProgress: ((progress: number, data?: UploadProgressData) => void) | undefined;
  /**
   * 数据
   */
  data: any;
  /**
   * 是否结束
   */
  end: boolean;
  constructor(uploadOpts: UploadProgressOpts) {
    this.progress = 0;
    this.end = false;
    const mockFn = () => {};
    this.onStart = uploadOpts.onStart || mockFn;
    this.onDone = uploadOpts.onDone || mockFn;
    this.onProgress = uploadOpts.onProgress || mockFn;
  }
  start(msg?: string) {
    this.progress = 0;
    msg && this.info(msg);
    this.end = false;
    this.onStart?.(); 
  }
  done() {
    this.progress = 100;
    this.end = true;
    this.onDone?.();
  }
  set(progress: number, data?: UploadProgressData) {
    this.progress = progress;
    this.data = data;
    this.onProgress?.(progress, data);
    console.log('uploadProgress set', progress, data);
  }
  /**
   * 开始回调
   */
  setOnStart(callback: () => void) {
    this.onStart = callback;
  }
  /**
   * 结束回调
   */
  setOnDone(callback: () => void) {
    this.onDone = callback;
  }
  /**
   * 消息回调
   */
  setOnProgress(callback: (progress: number, data?: UploadProgressData) => void) {
    this.onProgress = callback;
  }
  /**
   * 打印信息
   */
  info(msg: string) {
    console.log(msg);
  }
  /**
   * 打印错误
   */
  error(msg: string) {
    console.error(msg);
  }
  /**
   * 打印警告
   */
  warn(msg: string) {
    console.warn(msg);
  }
 }
--- a/src/query/query-upload/core/upload.ts
+++ b/src/query/query-upload/core/upload.ts
@@ -0,0 +1,113 @@
 import { randomId } from '../utils/random-id.ts';
 import type { UploadOpts } from './upload-chunk.ts';
 type ConvertOpts = {
  appKey?: string;
  version?: string;
  username?: string;
  directory?: string;
  /**
   * 文件大小限制
   */
  maxSize?: number;
  /**
   * 文件数量限制
   */
  maxCount?: number;
  /**
   * 是否不检查应用文件, 默认 true，默认不检测
   */
  noCheckAppFiles?: boolean;
 };
 export const uploadFiles = async (files: File[], opts: ConvertOpts, opts2: UploadOpts) => {
  const { directory, appKey, version, username, noCheckAppFiles = true } = opts;
  const { uploadProgress, createEventSource, baseUrl = '', token, FormDataFn } = opts2 || {};
  const length = files.length;
  const maxSize = opts.maxSize || 20 * 1024 * 1024; // 20MB
  const totalSize = files.reduce((acc, file) => acc + file.size, 0);
  if (totalSize > maxSize) {
    const maxSizeMB = maxSize / 1024 / 1024;
    uploadProgress?.error('有文件大小不能超过' + maxSizeMB + 'MB');
    return;
  }
  const maxCount = opts.maxCount || 10;
  if (length > maxCount) {
    uploadProgress?.error(`最多只能上传${maxCount}个文件`);
    return;
  }
  uploadProgress?.info(`上传中，共${length}个文件`);
  return new Promise((resolve, reject) => {
    const formData = new FormDataFn();
    const webkitRelativePath = files[0]?.webkitRelativePath;
    const keepDirectory = webkitRelativePath !== '';
    const root = keepDirectory ? webkitRelativePath.split('/')[0] : '';
    for (let i = 0; i < files.length; i++) {
      const file = files[i];
      if (keepDirectory) {
        // relativePath 去除第一级
        const webkitRelativePath = file.webkitRelativePath.replace(root + '/', '');
        formData.append('file', file, webkitRelativePath); // 保留文件夹路径
      } else {
        formData.append('file', files[i], files[i].name);
      }
    }
    if (directory) {
      formData.append('directory', directory);
    }
    if (appKey && version) {
      formData.append('appKey', appKey);
      formData.append('version', version);
    }
    if (username) {
      formData.append('username', username);
    }
    const searchParams = new URLSearchParams();
    const taskId = randomId();
    searchParams.set('taskId', taskId);
    if (noCheckAppFiles) {
      searchParams.set('noCheckAppFiles', '1');
    }
    const eventSource = new EventSource('/api/s1/events?taskId=' + taskId);
    uploadProgress?.start('上传中...');
    eventSource.onopen = async function (event) {
      const res = await fetch('/api/s1/resources/upload?' + searchParams.toString(), {
        method: 'POST',
        body: formData,
        headers: {
          'task-id': taskId,
          Authorization: `Bearer ${token}`,
        },
      }).then((response) => response.json());
      console.log('upload success', res);
      fetch('/api/s1/events/close?taskId=' + taskId);
      eventSource.close();
      uploadProgress?.done();
      resolve(res);
    };
    // 监听服务器推送的进度更新
    eventSource.onmessage = function (event) {
      console.log('Progress update:', event.data);
      const parseIfJson = (data: string) => {
        try {
          return JSON.parse(data);
        } catch (e) {
          return data;
        }
      };
      const receivedData = parseIfJson(event.data);
      if (typeof receivedData === 'string') return;
      const progress = Number(receivedData.progress);
      const progressFixed = progress.toFixed(2);
      console.log('progress', progress);
      uploadProgress?.set(progress, { ...receivedData, taskId, progressFixed });
    };
    eventSource.onerror = function (event) {
      console.log('eventSource.onerror', event);
      reject(event);
    };
  });
 };
--- a/src/query/query-upload/query-upload-browser.ts
+++ b/src/query/query-upload/query-upload-browser.ts
@@ -0,0 +1,51 @@
 import { UploadProgress, UploadProgressData } from './core/upload-progress.ts';
 import { uploadFileChunked } from './core/upload-chunk.ts';
 import { toFile, uploadFiles, randomId } from './query-upload.ts';
 export { toFile, randomId };
 export { uploadFiles, uploadFileChunked, UploadProgress };
 type UploadFileProps = {
  onStart?: () => void;
  onDone?: () => void;
  onProgress?: (progress: number, data: UploadProgressData) => void;
  onSuccess?: (res: any) => void;
  onError?: (err: any) => void;
  token?: string;
 };
 export type ConvertOpts = {
  appKey?: string;
  version?: string;
  username?: string;
  directory?: string;
  isPublic?: boolean;
  filename?: string;
  /**
   * 是否不检查应用文件, 默认 true，默认不检测
   */
  noCheckAppFiles?: boolean;
 };
 export const uploadChunk = async (file: File, opts: ConvertOpts, props?: UploadFileProps) => {
  const uploadProgress = new UploadProgress({
    onStart: function () {
      props?.onStart?.();
    },
    onDone: () => {
      props?.onDone?.();
    },
    onProgress: (progress, data) => {
      props?.onProgress?.(progress, data!);
    },
  });
  const result = await uploadFileChunked(file, opts, {
    uploadProgress,
    token: props?.token!,
    createEventSource: (url: string, searchParams: URLSearchParams) => {
      return new EventSource(url + '?' + searchParams.toString());
    },
    FormDataFn: FormData,
  });
  return result;
 };
--- a/src/query/query-upload/query-upload-node.ts
+++ b/src/query/query-upload/query-upload-node.ts
@@ -0,0 +1 @@
 // console.log('upload)
--- a/src/query/query-upload/query-upload.ts
+++ b/src/query/query-upload/query-upload.ts
@@ -0,0 +1,11 @@
 import { uploadFiles } from './core/upload.ts';
 import { uploadFileChunked } from './core/upload-chunk.ts';
 import { UploadProgress } from './core/upload-progress.ts';
 export { uploadFiles, uploadFileChunked, UploadProgress };
 export * from './utils/to-file.ts';
 export { randomId } from './utils/random-id.ts';
 export { filterFiles } from './utils/filter-files.ts';
--- a/src/query/query-upload/utils/filter-files.ts
+++ b/src/query/query-upload/utils/filter-files.ts
@@ -0,0 +1,23 @@
 /**
 * 过滤文件, 过滤 .DS_Store, node_modules, 以.开头的文件， 过滤 __开头的文件
 * @param files
 * @returns
 */
 export const filterFiles = (files: File[]) => {
  files = files.filter((file) => {
    if (file.webkitRelativePath.startsWith('__MACOSX')) {
      return false;
    }
    // 过滤node_modules
    if (file.webkitRelativePath.includes('node_modules')) {
      return false;
    }
    // 过滤文件 .DS_Store
    if (file.name === '.DS_Store') {
      return false;
    }
    // 过滤以.开头的文件
    return !file.name.startsWith('.');
  });
  return files;
 };
--- a/src/query/query-upload/utils/index.ts
+++ b/src/query/query-upload/utils/index.ts
@@ -0,0 +1,3 @@
 export * from './to-file.ts';
 export * from './filter-files.ts';
 export * from './random-id.ts';
--- a/src/query/query-upload/utils/random-id.ts
+++ b/src/query/query-upload/utils/random-id.ts
@@ -0,0 +1,3 @@
 export const randomId = () => {
  return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 };
--- a/src/query/query-upload/utils/to-file.ts
+++ b/src/query/query-upload/utils/to-file.ts
@@ -0,0 +1,105 @@
 const getFileExtension = (filename: string) => {
  return filename.split('.').pop();
 };
 const getFileType = (extension: string) => {
  switch (extension) {
    case 'js':
      return 'text/javascript';
    case 'css':
      return 'text/css';
    case 'html':
      return 'text/html';
    case 'json':
      return 'application/json';
    case 'png':
      return 'image/png';
    case 'jpg':
      return 'image/jpeg';
    case 'jpeg':
      return 'image/jpeg';
    case 'gif':
      return 'image/gif';
    case 'svg':
      return 'image/svg+xml';
    case 'webp':
      return 'image/webp';
    case 'ico':
      return 'image/x-icon';
    default:
      return 'text/plain';
  }
 };
 const checkIsBase64 = (content: string) => {
  return content.startsWith('data:');
 };
 /**
 * 获取文件的目录和文件名
 * @param filename 文件名
 * @returns 目录和文件名
 */
 export const getDirectoryAndName = (filename: string) => {
  if (!filename) {
    return null;
  }
  if (filename.startsWith('.')) {
    return null;
  } else {
    filename = filename.replace(/^\/+/, ''); // Remove all leading slashes
  }
  const hasDirectory = filename.includes('/');
  if (!hasDirectory) {
    return { directory: '', name: filename };
  }
  const parts = filename.split('/');
  const name = parts.pop()!; // Get the last part as the file name
  const directory = parts.join('/'); // Join the remaining parts as the directory
  return { directory, name };
 };
 /**
 * 把字符串转为文件流，并返回文件流，根据filename的扩展名，自动设置文件类型.
 * 当不是文本类型，自动需要把base64的字符串转为blob
 * @param content 字符串
 * @param filename 文件名
 * @returns 文件流
 */
 export const toFile = (content: string, filename: string) => {
  // 如果文件名是 a/d/a.js 格式的，则需要把d作为目录，a.js作为文件名
  const directoryAndName = getDirectoryAndName(filename);
  if (!directoryAndName) {
    throw new Error('Invalid filename');
  }
  const { name } = directoryAndName;
  const extension = getFileExtension(name);
  if (!extension) {
    throw new Error('Invalid filename');
  }
  const isBase64 = checkIsBase64(content);
  const type = getFileType(extension);
  if (isBase64) {
    // Decode base64 string
    const base64Data = content.split(',')[1]; // Remove the data URL prefix
    const byteCharacters = atob(base64Data);
    const byteNumbers = new Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
      byteNumbers[i] = byteCharacters.charCodeAt(i);
    }
    const byteArray = new Uint8Array(byteNumbers);
    const blob = new Blob([byteArray], { type });
    return new File([blob], filename, { type });
  } else {
    const blob = new Blob([content], { type });
    return new File([blob], filename, { type });
  }
 };
 /**
 * 把字符串转为文本文件
 * @param content 字符串
 * @param filename 文件名
 * @returns 文件流
 */
 export const toTextFile = (content: string = 'keep directory exist', filename: string = 'keep.txt') => {
  const file = toFile(content, filename);
  return file;
 };
--- a/submodules/query-login
+++ b/submodules/query-login
--- a/submodules/query-mark
+++ b/submodules/query-mark
--- a/submodules/store
+++ b/submodules/store
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,8 +2,9 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 import tailwindcss from '@tailwindcss/vite';
-import basicSsl from '@vitejs/plugin-basic-ssl';
+import basicSsl from '@kevisual/ssl';
 const isDev = process.env.NODE_ENV === 'development';
 const centerEnv = process.env.CENTER_ENV;
 const plugins: any[] = [basicSsl()];
 plugins.push(tailwindcss());
 const devBackend = 'https://kevisual.silkyai.cn';
@@ -13,7 +14,7 @@ const meBackend = 'https://kevisual.xiongxiao.me';
 const backendWss = devBackend.replace(/^https:/, 'wss:');
 const backend = meBackend;
 let proxy = {};
-if (false) {
+if (true) {
  proxy = {
    '/api': {
      target: backend,
@@ -48,16 +49,18 @@ export default defineConfig({
  },
  define: {
    DEV_SERVER: JSON.stringify(process.env.NODE_ENV === 'development'),
    CENTER_ENV: JSON.stringify(centerEnv),
  },
  base: isDev ? '/' : '/root/center/',
  build: {
    sourcemap: false,
    rollupOptions: {
      output: {
        // 控制输出
        // 在rollup里面, hash代表将你的文件名和文件内容进行组合计算得来的结果
        assetFileNames: (chunkInfo) => {
          console.log(chunkInfo.names);
-          if (chunkInfo.names?.includes('panda.png')) {
+          if (chunkInfo.names?.includes('panda.jpg')) {
            return '[name].[ext]';
          }
          const qrcode = ['qrcode-8x8.jpg'];
@@ -67,6 +70,20 @@ export default defineConfig({
          }
          return '[name].[hash].[ext]';
        },
        manualChunks(id) {
          if (id.includes('node_modules')) {
            if (id.includes('react')) {
              return 'vendor-react';
            }
            // prettier
            if (id.includes('prettier')) {
              return 'vendor-prettier';
            }
            // codemirror
            // console.log(id);
            return 'vendor';
          }
        },
      },
    },
  },
Author	SHA1	Message	Date
xion	bef3d318dd	remove query-login	2025-06-18 15:35:12 +08:00
xion	1c7c5f388d	feat: add query and fix bugs	2025-06-18 15:27:50 +08:00
xion	fc37a99cf8	update	2025-06-18 14:41:18 +08:00
xion	3c5e6aa41e	update version	2025-06-08 21:47:18 +08:00
xion	9fc1f29c89	remove: global	2025-06-03 17:49:16 +08:00
xion	76bacdb830	bump	2025-05-25 00:06:57 +08:00
xion	645618d505	style: fix	2025-05-21 18:30:22 +08:00
xion	85fd48f403	perf for size	2025-05-21 18:21:52 +08:00
xion	1b4bad6d2e	fix	2025-05-14 23:50:56 +08:00
xion	24028c35a5	temp	2025-05-10 14:27:23 +08:00
xion	47c50a52e3	feat: fix vite	2025-04-10 02:12:57 +08:00