chore: 工程优化与构建工具迁移为 farm

2025-02-05 17:38:53 +08:00 · 2025-02-05 17:38:53 +08:00 · 2cc93d4262
commit 2cc93d4262
parent dd8f7b52d2
17 changed files with 6341 additions and 383 deletions
--- a/.npmrc
+++ b/.npmrc
@ -1 +1,6 @@
-registry=http://sy-registry.shiyue.com
+# 默认使用淘宝镜像源
+registry=https://registry.npmmirror.com/
+
+# 公司私有源配置
+registry:sy=http://sy-registry.shiyue.com
+
--- a/farm.config.ts
+++ b/farm.config.ts
@ -1,12 +1,24 @@
 import { defineConfig } from "@farmfe/core";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
-// import { fileURLToPath, URL } from "node:url";
-// import yargsParser from "yargs-parser";
+import qiankun from "vite-plugin-qiankun";
+import path from "path";
+import less from "@farmfe/js-plugin-less";
+import yargsParser from "yargs-parser";
+import Components from "unplugin-vue-components/vite";
+import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";

-// const argv = yargsParser(process.argv.slice(2));
+// const ENVS = {
+//   DEVELOPMENT: "development",
+//   PRODUCTION: "production",
+//   STAGING: "staging",
+//   TEST: "test",
+// };

-console.log(process.env.DEV_ENV);
+const argv = yargsParser(process.argv.slice(2));
+const env = process.env.NODE_ENV;
+console.log("argv", argv);
+console.log("env", env);

 // let base: string;
 // switch (argv.mode) {
@ -20,31 +32,36 @@ console.log(process.env.DEV_ENV);
 //   default:
 //     base = "http://localhost:8080/";
 // }
-// if (process.env.DEV_ENV === "development") {
-//   base = "http://localhost:8080/";
-// }
+// if (env === ENVS.DEVELOPMENT) base = "http://localhost:8080/";
+
+// console.log("base", base);

 export default defineConfig({
-  // compilation: {
-  //   output: {
-  //     path: "./dist",
-  //     publicPath: base,
-  //     filename: "[name]-ycode-[hash:8].[ext]",
-  //   },
-  //   sourcemap: false,
-  // },
-  vitePlugins: [vue(), vueJsx()],
-  // resolve: {
-  //   alias: {
-  //     "@": fileURLToPath(new URL("./src", import.meta.url)),
-  //   },
-  // },
-  // define: {
-  //   _BASE_HOST_: `'${base}'`,
-  // },
-  // server: {
-  //   hmr: true,
-  //   host: "0.0.0.0",
-  //   port: 8080,
-  // },
+  plugins: [less()],
+  vitePlugins: [
+    vue(),
+    vueJsx(),
+    qiankun("y-code-app", {
+      useDevMode: process.env.DEV_ENV === "development",
+    }) as any,
+    Components({
+      resolvers: [
+        AntDesignVueResolver({
+          importStyle: "less",
+        }),
+      ],
+    }),
+  ],
+  server: {
+    cors: true,
+    open: false,
+    port: 8080,
+  },
+  compilation: {
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+      },
+    },
+  },
 });
--- a/index.html
+++ b/index.html
@ -1,16 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>悦码后台</title>
  </head>
-  <style>
-    #y-code-app {
-      padding: 0 8px;
-    }
-  </style>
  <body>
    <div id="y-code-app"></div>
    <script type="module" src="/src/main.ts"></script>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -4,30 +4,38 @@
  "private": true,
  "type": "module",
  "scripts": {
-    "dev": "cross-env DEV_ENV=development vite --mode staging",
-    "pro": "cross-env DEV_ENV=development vite --mode production",
-    "build:pre": "vite build --mode staging",
-    "build:pro": "vite build --mode production",
+    "dev": "cross-env farm start",
+    "build:pre": "cross-env farm build --mode staging",
+    "build:pro": "cross-env farm build --mode production",
+    "preview": "cross-env farm preview",
+    "vite:dev": "cross-env DEV_ENV=development vite --mode staging",
+    "vite:pro": "cross-env DEV_ENV=development vite --mode production",
+    "vite:build:pre": "vite build --mode staging",
+    "vite:build:pro": "vite build --mode production",
    "type-check": "vue-tsc --build --force",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
  },
  "dependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
    "@antv/g2plot": "^2.4.31",
-    "@farmfe/core": "^1.6.6",
+    "@farmfe/js-plugin-less": "^1.12.1",
    "@sy/y-code-chart": "^1.2.1",
    "@vueuse/core": "^10.11.0",
    "ant-design-vue": "^4.1.2",
    "axios": "^1.6.7",
+    "core-js": "^3.40.0",
    "cross-env": "^7.0.3",
+    "dayjs": "^1.11.13",
    "lodash-es": "^4.17.21",
    "p-limit": "^6.1.0",
    "pinia": "^2.1.7",
    "vue": "^3.4.15",
    "vue-grid-layout": "^3.0.0-beta1",
-    "vue-router": "^4.2.5",
-    "yargs-parser": "^21.1.1"
+    "vue-router": "^4.2.5"
  },
  "devDependencies": {
+    "@farmfe/cli": "^1.0.4",
+    "@farmfe/core": "^1.6.6",
    "@rushstack/eslint-patch": "^1.3.3",
    "@tsconfig/node20": "^20.1.2",
    "@types/node": "^20.11.10",
@ -43,7 +51,8 @@
    "unplugin-vue-components": "^0.26.0",
    "vite": "^5.0.11",
    "vite-plugin-qiankun": "^1.0.15",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^1.8.27",
+    "yargs-parser": "^21.1.1"
  },
  "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c"
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -8,12 +8,15 @@ importers:

  .:
    dependencies:
+      '@ant-design/icons-vue':
+        specifier: ^7.0.1
+        version: 7.0.1(vue@3.5.13(typescript@5.3.3))
      '@antv/g2plot':
        specifier: ^2.4.31
        version: 2.4.32
-      '@farmfe/core':
-        specifier: ^1.6.6
-        version: 1.6.6
+      '@farmfe/js-plugin-less':
+        specifier: ^1.12.1
+        version: 1.12.1(@farmfe/core@1.6.6)(less@4.2.1)
      '@sy/y-code-chart':
        specifier: ^1.2.1
        version: 1.2.6(vue@3.5.13(typescript@5.3.3))
@ -26,9 +29,15 @@ importers:
      axios:
        specifier: ^1.6.7
        version: 1.7.9
+      core-js:
+        specifier: ^3.40.0
+        version: 3.40.0
      cross-env:
        specifier: ^7.0.3
        version: 7.0.3
+      dayjs:
+        specifier: ^1.11.13
+        version: 1.11.13
      lodash-es:
        specifier: ^4.17.21
        version: 4.17.21
@ -47,10 +56,13 @@ importers:
      vue-router:
        specifier: ^4.2.5
        version: 4.5.0(vue@3.5.13(typescript@5.3.3))
-      yargs-parser:
-        specifier: ^21.1.1
-        version: 21.1.1
    devDependencies:
+      '@farmfe/cli':
+        specifier: ^1.0.4
+        version: 1.0.4
+      '@farmfe/core':
+        specifier: ^1.6.6
+        version: 1.6.6
      '@rushstack/eslint-patch':
        specifier: ^1.3.3
        version: 1.10.4
@ -99,6 +111,9 @@ importers:
      vue-tsc:
        specifier: ^1.8.27
        version: 1.8.27(typescript@5.3.3)
+      yargs-parser:
+        specifier: ^21.1.1
+        version: 21.1.1

 packages:

@ -515,6 +530,11 @@ packages:
    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}

+  '@farmfe/cli@1.0.4':
+    resolution: {integrity: sha512-bau/2P7DylHUDksUvbvJod/Ew4dl5ZICYVgTNn0EfrJM/ZuwLaV8LjmPo0pM4y1QOZmg/N3B9DwkXO89DrutYQ==}
+    engines: {node: '>= 16'}
+    hasBin: true
+
  '@farmfe/core-darwin-arm64@1.6.6':
    resolution: {integrity: sha512-WOqSRkFUsgOMYFlLvAO5lc2webJoknEFX/q++N4MrwmJHPNkKGZsnBWtxM4KLPuBQ4fyfQYd7pcyhySofQgOrw==}
    engines: {node: '>= 10'}
@ -573,6 +593,12 @@ packages:
    resolution: {integrity: sha512-xHL3MdF539rBBOhYoV/i7WCaEamtZtf9/Dw2uhfYD6LzxDuP+QmtePhk4nJy8fbZvTrd/+JC/uZ7Q85wrqQkHQ==}
    engines: {node: '>=16.15.1'}

+  '@farmfe/js-plugin-less@1.12.1':
+    resolution: {integrity: sha512-odOaZaKkwWCI7qKQMjqSN9tuLRoePAJLEHWTZlG7VHIEQAjoViR63kHDv71CTUCrurNTlgkqjkgxpzmSgr+E8A==}
+    peerDependencies:
+      '@farmfe/core': ^1.6.6
+      less: ^3.5.0 || ^4.0.0
+
  '@farmfe/runtime-plugin-hmr@3.5.10':
    resolution: {integrity: sha512-ZFwAGDJ1sNuwX77ADdPSO+PoMImrGl0k+nvW/TnzOy72k8JxC8OwaeOiuPgNkYxDGldp55l9mPE9NvcoxR8uzQ==}

@ -1059,6 +1085,10 @@ packages:
    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
    engines: {node: '>=6'}

+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
  ansi-regex@2.1.1:
    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
    engines: {node: '>=0.10.0'}
@ -1126,6 +1156,9 @@ packages:
  balanced-match@1.0.2:
    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}

+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
  batch-processor@1.0.0:
    resolution: {integrity: sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA==}

@ -1141,6 +1174,9 @@ packages:
    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
    engines: {node: '>=8'}

+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
  boolbase@1.0.0:
    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}

@ -1163,6 +1199,9 @@ packages:
    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
    hasBin: true

+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
  bundle-name@3.0.0:
    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
    engines: {node: '>=12'}
@ -1206,6 +1245,10 @@ packages:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
    engines: {node: '>=10'}

+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
  chardet@0.7.0:
    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}

@ -1224,9 +1267,25 @@ packages:
    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
    engines: {node: '>=8'}

+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
  cliui@2.1.0:
    resolution: {integrity: sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==}

+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
  co@4.6.0:
    resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
@ -1276,8 +1335,8 @@ packages:
  copy-anything@2.0.6:
    resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}

-  core-js@3.39.0:
-    resolution: {integrity: sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==}
+  core-js@3.40.0:
+    resolution: {integrity: sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==}

  cross-env@7.0.3:
    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
@ -1384,6 +1443,9 @@ packages:
    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
    engines: {node: '>=14.16'}

+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
  define-data-property@1.1.4:
    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
    engines: {node: '>= 0.4'}
@ -1473,6 +1535,9 @@ packages:
  element-resize-detector@1.2.4:
    resolution: {integrity: sha512-Fl5Ftk6WwXE0wqCgNoseKWndjzZlDCwuPTcoVZfCP9R3EHQF8qUtr3YUPNETegRBOKqQKPW3n4kiIWngGi8tKg==}

+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
  encodeurl@1.0.2:
    resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
    engines: {node: '>= 0.8'}
@ -1536,6 +1601,10 @@ packages:
    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
    engines: {node: '>=10'}

+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
  eslint-plugin-vue@9.32.0:
    resolution: {integrity: sha512-b/Y05HYmnB/32wqVcjxjHZzNpwxj1onBOvqW89W+V+XNG1dRuaFbNd3vT9CLbr2LXjEoq+3vn8DanWf7XU22Ug==}
    engines: {node: ^14.17.0 || >=16.0.0}
@ -1681,6 +1750,10 @@ packages:
  fecha@4.2.3:
    resolution: {integrity: sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==}

+  figures@5.0.0:
+    resolution: {integrity: sha512-ej8ksPF4x6e5wvK9yevct0UCXh8TTFlWGVLlgjZuoBH1HwjIfKE/IdL5mq89sFA7zELi1VhKpmtDnrs7zWyeyg==}
+    engines: {node: '>=14'}
+
  file-entry-cache@6.0.1:
    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
    engines: {node: ^10.12.0 || >=12.0.0}
@ -1897,6 +1970,9 @@ packages:
    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
    engines: {node: '>=0.10.0'}

+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
  ignore@5.3.2:
    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
    engines: {node: '>= 4'}
@ -1923,6 +1999,10 @@ packages:
  inherits@2.0.4:
    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}

+  inquirer@9.2.12:
+    resolution: {integrity: sha512-mg3Fh9g2zfuVWJn6lhST0O7x4n03k7G8Tx5nvikJkbq8/CK47WDVm+UznF0G6s5Zi0KcyUisr6DU8T67N5U+1Q==}
+    engines: {node: '>=14.18.0'}
+
  internal-slot@1.0.7:
    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
    engines: {node: '>= 0.4'}
@ -1988,6 +2068,10 @@ packages:
    resolution: {integrity: sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==}
    engines: {node: '>= 0.4'}

+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
  is-generator-function@1.0.10:
    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
    engines: {node: '>= 0.4'}
@ -2001,6 +2085,10 @@ packages:
    engines: {node: '>=14.16'}
    hasBin: true

+  is-interactive@1.0.0:
+    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
+    engines: {node: '>=8'}
+
  is-map@2.0.3:
    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
    engines: {node: '>= 0.4'}
@ -2065,6 +2153,14 @@ packages:
    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
    engines: {node: '>= 0.4'}

+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
  is-weakmap@2.0.2:
    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
    engines: {node: '>= 0.4'}
@ -2221,6 +2317,10 @@ packages:
  lodash@4.17.21:
    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}

+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
  loglevel@1.9.2:
    resolution: {integrity: sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==}
    engines: {node: '>= 0.6.0'}
@ -2314,6 +2414,10 @@ packages:
  muggle-string@0.3.1:
    resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}

+  mute-stream@1.0.0:
+    resolution: {integrity: sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
  nanoid@3.3.8:
    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@ -2410,6 +2514,10 @@ packages:
    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
    engines: {node: '>= 0.8.0'}

+  ora@5.4.1:
+    resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
+    engines: {node: '>=10'}
+
  os-tmpdir@1.0.2:
    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
    engines: {node: '>=0.10.0'}
@ -2573,6 +2681,10 @@ packages:
    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
    engines: {node: '>=6'}

+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
  readdirp@3.6.0:
    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
    engines: {node: '>=8.10.0'}
@ -2614,6 +2726,10 @@ packages:
    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
    hasBin: true

+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
  reusify@1.0.4:
    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@ -2639,12 +2755,19 @@ packages:
    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
    engines: {node: '>=12'}

+  run-async@3.0.0:
+    resolution: {integrity: sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==}
+    engines: {node: '>=0.12.0'}
+
  run-parallel@1.2.0:
    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}

  rw@1.3.3:
    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}

+  rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+
  safe-array-concat@1.1.2:
    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
    engines: {node: '>=0.4'}
@ -2754,6 +2877,10 @@ packages:
    resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
    engines: {node: '>= 0.6'}

+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
  string.prototype.trim@1.2.9:
    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
    engines: {node: '>= 0.4'}
@ -2765,6 +2892,9 @@ packages:
    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
    engines: {node: '>= 0.4'}

+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
  strip-ansi@3.0.1:
    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
    engines: {node: '>=0.10.0'}
@ -2862,6 +2992,10 @@ packages:
    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
    engines: {node: '>=10'}

+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
  type-is@1.6.18:
    resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
    engines: {node: '>= 0.6'}
@ -3039,9 +3173,16 @@ packages:
      typescript:
        optional: true

+  walkdir@0.4.1:
+    resolution: {integrity: sha512-3eBwRyEln6E1MSzcxcVpQIhRG8Q1jLvEqRmCZqS3dsfXEDR/AhOF4d+jHg1qvDCpYaVRZjENPQyrVxAkQqxPgQ==}
+    engines: {node: '>=6.0.0'}
+
  warning@4.0.3:
    resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}

+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
  webpack-virtual-modules@0.6.2:
    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}

@ -3091,6 +3232,10 @@ packages:
    resolution: {integrity: sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==}
    engines: {node: '>=0.4.0'}

+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
  wrappy@1.0.2:
    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}

@ -3719,6 +3864,13 @@ snapshots:

  '@eslint/js@8.57.1': {}

+  '@farmfe/cli@1.0.4':
+    dependencies:
+      cac: 6.7.14
+      cross-spawn: 7.0.6
+      inquirer: 9.2.12
+      walkdir: 0.4.1
+
  '@farmfe/core-darwin-arm64@1.6.6':
    optional: true

@ -3790,17 +3942,22 @@ snapshots:
      - supports-color
      - utf-8-validate

+  '@farmfe/js-plugin-less@1.12.1(@farmfe/core@1.6.6)(less@4.2.1)':
+    dependencies:
+      '@farmfe/core': 1.6.6
+      less: 4.2.1
+
  '@farmfe/runtime-plugin-hmr@3.5.10':
    dependencies:
-      core-js: 3.39.0
+      core-js: 3.40.0

  '@farmfe/runtime-plugin-import-meta@0.2.3':
    dependencies:
-      core-js: 3.39.0
+      core-js: 3.40.0

  '@farmfe/runtime@0.12.10':
    dependencies:
-      core-js: 3.39.0
+      core-js: 3.40.0

  '@farmfe/utils@0.0.1': {}

@ -4045,7 +4202,7 @@ snapshots:

  '@simonwep/pickr@1.8.2':
    dependencies:
-      core-js: 3.39.0
+      core-js: 3.40.0
      nanopop: 2.4.2

  '@swc/helpers@0.5.15':
@ -4363,6 +4520,10 @@ snapshots:

  ansi-colors@4.1.3: {}

+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
  ansi-regex@2.1.1: {}

  ansi-regex@5.0.1: {}
@ -4450,6 +4611,8 @@ snapshots:

  balanced-match@1.0.2: {}

+  base64-js@1.5.1: {}
+
  batch-processor@1.0.0: {}

  better-path-resolve@1.0.0:
@ -4460,6 +4623,12 @@ snapshots:

  binary-extensions@2.3.0: {}

+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
  boolbase@1.0.0: {}

  bplist-parser@0.2.0:
@ -4486,6 +4655,11 @@ snapshots:
      node-releases: 2.0.18
      update-browserslist-db: 1.1.1(browserslist@4.24.2)

+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
  bundle-name@3.0.0:
    dependencies:
      run-applescript: 5.0.0
@ -4531,6 +4705,8 @@ snapshots:
      ansi-styles: 4.3.0
      supports-color: 7.2.0

+  chalk@5.4.1: {}
+
  chardet@0.7.0: {}

  cheerio-select@2.1.0:
@ -4570,12 +4746,22 @@ snapshots:

  ci-info@3.9.0: {}

+  cli-cursor@3.1.0:
+    dependencies:
+      restore-cursor: 3.1.0
+
+  cli-spinners@2.9.2: {}
+
+  cli-width@4.1.0: {}
+
  cliui@2.1.0:
    dependencies:
      center-align: 0.1.3
      right-align: 0.1.3
      wordwrap: 0.0.2

+  clone@1.0.4: {}
+
  co@4.6.0: {}

  color-convert@2.0.1:
@ -4617,7 +4803,7 @@ snapshots:
    dependencies:
      is-what: 3.14.1

-  core-js@3.39.0: {}
+  core-js@3.40.0: {}

  cross-env@7.0.3:
    dependencies:
@ -4716,6 +4902,10 @@ snapshots:
      execa: 7.2.0
      titleize: 3.0.0

+  defaults@1.0.4:
+    dependencies:
+      clone: 1.0.4
+
  define-data-property@1.1.4:
    dependencies:
      es-define-property: 1.0.0
@ -4794,6 +4984,8 @@ snapshots:
    dependencies:
      batch-processor: 1.0.0

+  emoji-regex@8.0.0: {}
+
  encodeurl@1.0.2: {}

  encoding-sniffer@0.2.0:
@ -4918,6 +5110,8 @@ snapshots:

  escape-string-regexp@4.0.0: {}

+  escape-string-regexp@5.0.0: {}
+
  eslint-plugin-vue@9.32.0(eslint@8.57.1):
    dependencies:
      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
@ -5114,6 +5308,11 @@ snapshots:

  fecha@4.2.3: {}

+  figures@5.0.0:
+    dependencies:
+      escape-string-regexp: 5.0.0
+      is-unicode-supported: 1.3.0
+
  file-entry-cache@6.0.1:
    dependencies:
      flat-cache: 3.2.0
@ -5353,6 +5552,8 @@ snapshots:
    dependencies:
      safer-buffer: 2.1.2

+  ieee754@1.2.1: {}
+
  ignore@5.3.2: {}

  image-size@0.5.5:
@ -5374,6 +5575,24 @@ snapshots:

  inherits@2.0.4: {}

+  inquirer@9.2.12:
+    dependencies:
+      '@ljharb/through': 2.3.13
+      ansi-escapes: 4.3.2
+      chalk: 5.4.1
+      cli-cursor: 3.1.0
+      cli-width: 4.1.0
+      external-editor: 3.1.0
+      figures: 5.0.0
+      lodash: 4.17.21
+      mute-stream: 1.0.0
+      ora: 5.4.1
+      run-async: 3.0.0
+      rxjs: 7.8.1
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+
  internal-slot@1.0.7:
    dependencies:
      es-errors: 1.3.0
@ -5433,6 +5652,8 @@ snapshots:
    dependencies:
      call-bind: 1.0.7

+  is-fullwidth-code-point@3.0.0: {}
+
  is-generator-function@1.0.10:
    dependencies:
      has-tostringtag: 1.0.2
@ -5445,6 +5666,8 @@ snapshots:
    dependencies:
      is-docker: 3.0.0

+  is-interactive@1.0.0: {}
+
  is-map@2.0.3: {}

  is-negative-zero@2.0.3: {}
@ -5496,6 +5719,10 @@ snapshots:
    dependencies:
      which-typed-array: 1.1.16

+  is-unicode-supported@0.1.0: {}
+
+  is-unicode-supported@1.3.0: {}
+
  is-weakmap@2.0.2: {}

  is-weakref@1.0.2:
@ -5672,6 +5899,11 @@ snapshots:

  lodash@4.17.21: {}

+  log-symbols@4.1.0:
+    dependencies:
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
+
  loglevel@1.9.2: {}

  longest@1.0.1: {}
@ -5751,6 +5983,8 @@ snapshots:

  muggle-string@0.3.1: {}

+  mute-stream@1.0.0: {}
+
  nanoid@3.3.8: {}

  nanopop@2.4.2: {}
@ -5848,6 +6082,18 @@ snapshots:
      type-check: 0.4.0
      word-wrap: 1.2.5

+  ora@5.4.1:
+    dependencies:
+      bl: 4.1.0
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.9.2
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      log-symbols: 4.1.0
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
  os-tmpdir@1.0.2: {}

  outdent@0.5.0: {}
@ -5977,6 +6223,12 @@ snapshots:
      pify: 4.0.1
      strip-bom: 3.0.0

+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
  readdirp@3.6.0:
    dependencies:
      picomatch: 2.3.1
@ -6021,6 +6273,11 @@ snapshots:
      path-parse: 1.0.7
      supports-preserve-symlinks-flag: 1.0.0

+  restore-cursor@3.1.0:
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+
  reusify@1.0.4: {}

  right-align@0.1.3:
@ -6065,12 +6322,18 @@ snapshots:
    dependencies:
      execa: 5.1.1

+  run-async@3.0.0: {}
+
  run-parallel@1.2.0:
    dependencies:
      queue-microtask: 1.2.3

  rw@1.3.3: {}

+  rxjs@7.8.1:
+    dependencies:
+      tslib: 2.8.1
+
  safe-array-concat@1.1.2:
    dependencies:
      call-bind: 1.0.7
@ -6171,6 +6434,12 @@ snapshots:

  statuses@1.5.0: {}

+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
  string.prototype.trim@1.2.9:
    dependencies:
      call-bind: 1.0.7
@ -6190,6 +6459,10 @@ snapshots:
      define-properties: 1.2.1
      es-object-atoms: 1.0.0

+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
  strip-ansi@3.0.1:
    dependencies:
      ansi-regex: 2.1.1
@ -6271,6 +6544,8 @@ snapshots:

  type-fest@0.20.2: {}

+  type-fest@0.21.3: {}
+
  type-is@1.6.18:
    dependencies:
      media-typer: 0.3.0
@ -6457,10 +6732,16 @@ snapshots:
    optionalDependencies:
      typescript: 5.3.3

+  walkdir@0.4.1: {}
+
  warning@4.0.3:
    dependencies:
      loose-envify: 1.4.0

+  wcwidth@1.0.1:
+    dependencies:
+      defaults: 1.0.4
+
  webpack-virtual-modules@0.6.2: {}

  whatwg-encoding@3.1.1:
@ -6522,6 +6803,12 @@ snapshots:

  wordwrap@0.0.2: {}

+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
  wrappy@1.0.2: {}

  ws@8.18.0: {}
--- a/src/App.vue
+++ b/src/App.vue
@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup>
 import zhCN from 'ant-design-vue/es/locale/zh_CN';
 import { legacyLogicalPropertiesTransformer, StyleProvider, ConfigProvider } from 'ant-design-vue';
 import dayjs from 'dayjs';
--- a/src/api/preview/index.ts
+++ b/src/api/preview/index.ts
@ -1,4 +1,4 @@
-import { get, post } from "@/utils/request";
+import { post } from "@/utils/request";

 interface PreviewItemParams {
  previewId: string | number;
@ -19,4 +19,3 @@ export function searchInfo(data: PreviewItemParams) {
    },
  });
 }
-
--- a/src/global.less
+++ b/src/global.less
@ -1,7 +1,8 @@
 // @primary-bg-color: #f8f8f8;
-@import '../src/assets/styles/variable.less';
+@import "../src/assets/styles/variable.less";

-html, body {
+html,
+body {
  background-color: @primary-bg-color;
  padding: 0;
  margin: 0;
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useUserInfoStore } from "@/stores/useUserInfoStore";
 import { computed, onMounted, ref } from "vue";
 import Header from "./components/Header.vue";
 import Sider from "./components/Sider.vue";
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@ -8,7 +8,11 @@ export interface ResopnseType<T> {
  data: T
  ts: string
 }
-export const YCODE_BASEURL: string = import.meta.env.VITE_YCODE_BASEURL;
+// export const YCODE_BASEURL: string = import.meta.env.VITE_YCODE_BASEURL;
+
+// https://custom-chart-pre-api.shiyue.com
+
+export const YCODE_BASEURL: string = 'https://custom-chart-pre-api.shiyue.com'

 const requestType  = {
  base: YCODE_BASEURL,
--- a/src/views/config-manage/module-cfg/components/field-modal.vue
+++ b/src/views/config-manage/module-cfg/components/field-modal.vue
@ -48,7 +48,8 @@
              :options="fieldNumTypeSel"
              placeholder="请选择"
              allow-clear
-              style="width: 120px">
+              style="width: 120px"
+            >
            </a-select>
            <template v-else>
              {{ record.field_numerical_name }}
@ -61,7 +62,8 @@
              :options="showTypeOpts"
              placeholder="请选择"
              allow-clear
-              style="width: 120px">
+              style="width: 120px"
+            >
            </a-select>
            <template v-else>
              {{ record.show_type }}
@ -99,7 +101,12 @@
                :checkedValue="1"
                :unCheckedValue="0"
              />
-              <a-button v-if="record.is_other_database" type="link" @click="openSpecialModal(record)">请填写</a-button>
+              <a-button
+                v-if="record.is_other_database"
+                type="link"
+                @click="openSpecialModal(record)"
+                >请填写</a-button
+              >
            </template>
            <template v-else>
              {{ record.is_other_database ? "是" : "否" }}
@ -129,11 +136,13 @@
            </a-space>
            <div v-else>
              <a-button type="link" @click="handleEdit(record)">修改</a-button>
-              <a-popconfirm title="确定删除字段？" @confirm="handleDelete(record)">
+              <a-popconfirm
+                title="确定删除字段？"
+                @confirm="handleDelete(record)"
+              >
                <a-button type="link" danger>删除</a-button>
              </a-popconfirm>
            </div>
-            
          </template>
        </template>
      </a-table>
@ -146,28 +155,58 @@
        @change="pageChange"
      />
    </div>
-    <a-modal :open="specialVisible" :width="640" title="数据库特配" :bodyStyle="{ marginTop: '30px' }" @ok="specialVisible = false" @cancel="specialVisible = false">
+    <a-modal
+      :open="specialVisible"
+      :width="640"
+      title="数据库特配"
+      :bodyStyle="{ marginTop: '30px' }"
+      @ok="specialVisible = false"
+      @cancel="specialVisible = false"
+    >
      <a-form :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
        <a-form-item label="数据库驱动">
-          <a-radio-group v-model:value="specialModalData[specialModalId].drive_type">
+          <a-radio-group
+            v-model:value="specialModalData[specialModalId].drive_type"
+          >
            <a-radio :value="1">MySQL</a-radio>
            <a-radio :value="2">Click House</a-radio>
          </a-radio-group>
        </a-form-item>
        <a-form-item label="数据库地址">
-          <a-input placeholder="请输入数据库地址" v-model:value="specialModalData[specialModalId].database_address" allow-clear />
+          <a-input
+            placeholder="请输入数据库地址"
+            v-model:value="specialModalData[specialModalId].database_address"
+            allow-clear
+          />
        </a-form-item>
        <a-form-item label="数据库端口">
-          <a-input-number placeholder="请输入数据库端口" style="width: 200px" v-model:value="specialModalData[specialModalId].database_port" allow-clear />
+          <a-input-number
+            placeholder="请输入数据库端口"
+            style="width: 200px"
+            v-model:value="specialModalData[specialModalId].database_port"
+            allow-clear
+          />
        </a-form-item>
        <a-form-item label="数据库名称">
-          <a-input placeholder="请输入数据库名称" v-model:value="specialModalData[specialModalId].database_name" allow-clear />
+          <a-input
+            placeholder="请输入数据库名称"
+            v-model:value="specialModalData[specialModalId].database_name"
+            allow-clear
+          />
        </a-form-item>
        <a-form-item label="数据库用户">
-          <a-input placeholder="请输入数据库用户" v-model:value="specialModalData[specialModalId].database_username" allow-clear />
+          <a-input
+            placeholder="请输入数据库用户"
+            v-model:value="specialModalData[specialModalId].database_username"
+            allow-clear
+          />
        </a-form-item>
        <a-form-item label="数据库密码">
-          <a-input-password placeholder="请输入数据库密码" v-model:value="specialModalData[specialModalId].database_password" allow-clear />
+          <a-input-password
+            placeholder="请输入数据库密码"
+            v-model:value="specialModalData[specialModalId].database_password"
+            allow-clear
+          />
        </a-form-item>
      </a-form>
    </a-modal>
@ -396,7 +435,7 @@ const handleSave = (record) => {
  text-align: center;
 }

-:deep(.@{ant-prefix}-btn) {
+:deep(.ycode-ant-btn) {
  padding: 4px 8px;
 }
 </style>
--- a/src/views/config-manage/module-cfg/index.vue
+++ b/src/views/config-manage/module-cfg/index.vue
@ -223,7 +223,7 @@ const openFieldModal = (record) => {
  margin-bottom: 10px;
 }

-.@{ant-prefix}-table-wrapper {
+.ycode-ant-table-wrapper {
  margin-bottom: 10px;
 }

--- a/src/views/config-manage/project-cfg/index.vue
+++ b/src/views/config-manage/project-cfg/index.vue
@ -35,8 +35,9 @@
                type="link"
                size="small"
                @click="toGetDetail(record.project_id)"
-                >编辑</a-button
              >
+                编辑
+              </a-button>
              <a-popconfirm
                title="确定删除？"
                @confirm="toDelete(record.project_id)"
@ -190,7 +191,7 @@ const openCreateModal = () => {
  margin-bottom: 10px;
 }

-.@{ant-prefix}-table-wrapper {
+.ycode-ant-table-wrapper {
  margin-bottom: 10px;
 }

--- a/src/views/config-manage/view-cfg/index.vue
+++ b/src/views/config-manage/view-cfg/index.vue
@ -171,7 +171,7 @@ const search = () => {
  margin-bottom: 10px;
 }

-.@{ant-prefix}-table-wrapper {
+.ycode-ant-table-wrapper {
  margin-bottom: 10px;
 }

--- a/src/views/page-show-info/page-info/style.less
+++ b/src/views/page-show-info/page-info/style.less
@ -1,7 +1,7 @@
-@import '@/assets/styles/variable.less';
+@import "@/assets/styles/variable.less";

 // 设置按钮
-:deep(.@{ant-prefix}-btn-primary) {
+:deep(.ycode-ant-btn-primary) {
  background-color: @primary-color !important;
  &:hover {
    background-color: @primary-light-color !important;
@ -9,25 +9,29 @@
 }

 // 设置输入框
-:deep(.@{ant-prefix}-input-affix-wrapper:not(.@{ant-prefix}-input-affix-wrapper-disabled):hover) {
+:deep(
+    .ycode-ant-input-affix-wrapper:not(
+        .ycode-ant-input-affix-wrapper-disabled
+      ):hover
+  ) {
  border-color: @primary-light-color !important;
 }

 // 设置选择框
-:deep(.@{ant-prefix}-select-selector:hover) {
+:deep(.ycode-ant-select-selector:hover) {
  border-color: @primary-light-color !important;
 }

-:deep(.@{ant-prefix}-select-focused) {
-  .@{ant-prefix}-select-selector {
+:deep(.ycode-ant-select-focused) {
+  .ycode-ant-select-selector {
    border-color: @primary-light-color !important;
  }
 }

-
 // 设置日期框
-:deep(.@{ant-prefix}-picker) {
-  &:hover, &-focused {
+:deep(.ycode-ant-picker) {
+  &:hover,
+  &-focused {
    border-color: @primary-light-color !important;
  }
  &-active-bar {
@ -36,13 +40,13 @@
 }

 // 设置表格
-:deep(.@{ant-prefix}-table-thead > tr > th) {
+:deep(.ycode-ant-table-thead > tr > th) {
  background-color: @table-head-bg-color !important;
  color: @table-head-font-color !important;
 }

 // 设置分页器
-:deep(.@{ant-prefix}-pagination-item) {
+:deep(.ycode-ant-pagination-item) {
  &-active {
    border-color: @primary-color !important;
    a {
--- a/src/views/view-all-manage/view-list/index.vue
+++ b/src/views/view-all-manage/view-list/index.vue
@ -85,7 +85,13 @@
              toGetViewInfo(params);
            }"
        />
-        <y-chart v-else-if="selectViewInfo.type === 'chart'" :chartCfg="selectViewInfo.config" :title="selectViewInfo.preview_name" :filter-config="selectViewInfo.filter" @toFilt="toGetViewInfo" />
+        <y-chart
+          v-else-if="selectViewInfo.type === 'chart'"
+          :chartCfg="selectViewInfo.config"
+          :title="selectViewInfo.preview_name"
+          :filter-config="selectViewInfo.filter"
+          @toFilt="toGetViewInfo"
+        />
        <div class="preview-area" v-else>
          <div><BarChartOutlined /></div>
          <div>展示区</div>
@ -197,7 +203,7 @@ const toDelete = (previewId) => {
  overflow: auto;
 }

-:deep(.@{ant-prefix}-table-row:hover) {
+:deep(.ycode-ant-table-row:hover) {
  cursor: pointer;
  background-color: #e6f4ff;
 }