main代码合并到electron-main (#1834 )

* upgrade electron version:11->18. upgrade electron version:11->18. Packaging failed because the original electronic version was too old. 将electron 11 改成18.因为11太老导致打包错误。 * main->electron-main合并代码 * main->electron-main合并代码 * main->electron-main合并代码
chore: delete workflows
2025-08-25 16:16:20 +08:00 · 2022-04-21 13:34:29 +08:00 · 2021-09-14 00:17:19 +08:00 · 2021-09-14 00:13:51 +08:00 · 2021-06-20 21:50:38 +08:00 · 2021-06-08 02:18:02 +08:00
596 changed files with 24329 additions and 25799 deletions
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -1,4 +0,0 @@
-> 1%
-last 2 versions
-not dead
-not ie 11
--- a/.commitlintrc.js
+++ b/.commitlintrc.js
@@ -1,107 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const { execSync } = require('child_process');
-
-const scopes = fs
-  .readdirSync(path.resolve(__dirname, 'src'), { withFileTypes: true })
-  .filter((dirent) => dirent.isDirectory())
-  .map((dirent) => dirent.name.replace(/s$/, ''));
-
-// precomputed scope
-const scopeComplete = execSync('git status --porcelain || true')
-  .toString()
-  .trim()
-  .split('\n')
-  .find((r) => ~r.indexOf('M  src'))
-  ?.replace(/(\/)/g, '%%')
-  ?.match(/src%%((\w|-)*)/)?.[1]
-  ?.replace(/s$/, '');
-
-/** @type {import('cz-git').UserConfig} */
-module.exports = {
-  ignores: [(commit) => commit.includes('init')],
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'body-leading-blank': [2, 'always'],
-    'footer-leading-blank': [1, 'always'],
-    'header-max-length': [2, 'always', 108],
-    'subject-empty': [2, 'never'],
-    'type-empty': [2, 'never'],
-    'subject-case': [0],
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'perf',
-        'style',
-        'docs',
-        'test',
-        'refactor',
-        'build',
-        'ci',
-        'chore',
-        'revert',
-        'wip',
-        'workflow',
-        'types',
-        'release',
-      ],
-    ],
-  },
-  prompt: {
-    /** @use `yarn commit :f` */
-    alias: {
-      f: 'docs: fix typos',
-      r: 'docs: update README',
-      s: 'style: update code format',
-      b: 'build: bump dependencies',
-      c: 'chore: update config',
-    },
-    customScopesAlign: !scopeComplete ? 'top' : 'bottom',
-    defaultScope: scopeComplete,
-    scopes: [...scopes, 'mock'],
-    allowEmptyIssuePrefixs: false,
-    allowCustomIssuePrefixs: false,
-
-    // English
-    typesAppend: [
-      { value: 'wip', name: 'wip:      work in process' },
-      { value: 'workflow', name: 'workflow: workflow improvements' },
-      { value: 'types', name: 'types:    type definition file changes' },
-    ],
-
-    // 中英文对照版
-    // messages: {
-    //   type: '选择你要提交的类型 :',
-    //   scope: '选择一个提交范围 (可选):',
-    //   customScope: '请输入自定义的提交范围 :',
-    //   subject: '填写简短精炼的变更描述 :\n',
-    //   body: '填写更加详细的变更描述 (可选)。使用 "|" 换行 :\n',
-    //   breaking: '列举非兼容性重大的变更 (可选)。使用 "|" 换行 :\n',
-    //   footerPrefixsSelect: '选择关联issue前缀 (可选):',
-    //   customFooterPrefixs: '输入自定义issue前缀 :',
-    //   footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
-    //   confirmCommit: '是否提交或修改commit ?',
-    // },
-    // types: [
-    //   { value: 'feat', name: 'feat:     新增功能' },
-    //   { value: 'fix', name: 'fix:      修复缺陷' },
-    //   { value: 'docs', name: 'docs:     文档变更' },
-    //   { value: 'style', name: 'style:    代码格式' },
-    //   { value: 'refactor', name: 'refactor: 代码重构' },
-    //   { value: 'perf', name: 'perf:     性能优化' },
-    //   { value: 'test', name: 'test:     添加疏漏测试或已有测试改动' },
-    //   { value: 'build', name: 'build:    构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)' },
-    //   { value: 'ci', name: 'ci:       修改 CI 配置、脚本' },
-    //   { value: 'revert', name: 'revert:   回滚 commit' },
-    //   { value: 'chore', name: 'chore:    对构建过程或辅助工具和库的更改 (不影响源文件、测试用例)' },
-    //   { value: 'wip', name: 'wip:      正在开发中' },
-    //   { value: 'workflow', name: 'workflow: 工作流程改进' },
-    //   { value: 'types', name: 'types:    类型定义文件修改' },
-    // ],
-    // emptyScopesAlias: 'empty:      不填写',
-    // customScopesAlias: 'custom:     自定义',
-  },
-};
--- a/.env
+++ b/.env
@@ -1,2 +1,8 @@
+# port
+VITE_PORT = 3100
+
 # spa-title
 VITE_GLOB_APP_TITLE = Vben Admin
+
+# spa shortname
+VITE_GLOB_APP_SHORT_NAME = vue_vben_admin
--- a/.env.analyze
+++ b/.env.analyze
@@ -1,23 +0,0 @@
-# Whether to open mock
-VITE_USE_MOCK = true
-
-# public path
-VITE_PUBLIC_PATH = /
-
-# Whether to enable gzip or brotli compression
-# Optional: gzip | brotli | none
-# If you need multiple forms, you can use `,` to separate
-VITE_BUILD_COMPRESS = 'none'
-
-
-# Basic interface address SPA
-VITE_GLOB_API_URL=/basic-api
-
-# File upload address， optional
-# It can be forwarded by nginx or write the actual address directly
-VITE_GLOB_UPLOAD_URL=/upload
-
-# Interface prefix
-VITE_GLOB_API_URL_PREFIX=
-
-VITE_ENABLE_ANALYZE = true
--- a/.env.development
+++ b/.env.development
@@ -4,6 +4,14 @@ VITE_USE_MOCK = true
 # public path
 VITE_PUBLIC_PATH = /

+# Cross-domain proxy, you can configure multiple
+# Please note that no line breaks
+VITE_PROXY = [["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]
+# VITE_PROXY=[["/api","https://vvbin.cn/test"]]
+
+# Delete console
+VITE_DROP_CONSOLE = false
+
 # Basic interface address SPA
 VITE_GLOB_API_URL=/basic-api

--- a/.env.production
+++ b/.env.production
@@ -2,13 +2,18 @@
 VITE_USE_MOCK = true

 # public path
-VITE_PUBLIC_PATH = /
+VITE_PUBLIC_PATH = ./
+
+# Delete console
+VITE_DROP_CONSOLE = true

 # Whether to enable gzip or brotli compression
 # Optional: gzip | brotli | none
 # If you need multiple forms, you can use `,` to separate
 VITE_BUILD_COMPRESS = 'none'

+# Whether to delete origin files when using compress, default false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false

 # Basic interface address SPA
 VITE_GLOB_API_URL=/basic-api
@@ -19,3 +24,12 @@ VITE_GLOB_UPLOAD_URL=/upload

 # Interface prefix
 VITE_GLOB_API_URL_PREFIX=
+
+# Whether to enable image compression
+VITE_USE_IMAGEMIN= true
+
+# use pwa
+VITE_USE_PWA = false
+
+# Is it compatible with older browsers
+VITE_LEGACY = false
--- a/.env.test
+++ b/.env.test
@@ -5,11 +5,17 @@ VITE_USE_MOCK = true
 # public path
 VITE_PUBLIC_PATH = /

+# Delete console
+VITE_DROP_CONSOLE = true
+
 # Whether to enable gzip or brotli compression
 # Optional: gzip | brotli | none
 # If you need multiple forms, you can use `,` to separate
 VITE_BUILD_COMPRESS = 'none'

+# Whether to delete origin files when using compress, default false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
+
 # Basic interface address SPA
 VITE_GLOB_API_URL=/basic-api

@@ -19,3 +25,12 @@ VITE_GLOB_UPLOAD_URL=/upload

 # Interface prefix
 VITE_GLOB_API_URL_PREFIX=
+
+# Whether to enable image compression
+VITE_USE_IMAGEMIN= true
+
+# use pwa
+VITE_USE_PWA = false
+
+# Is it compatible with older browsers
+VITE_LEGACY = false
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,4 +1,76 @@
 module.exports = {
  root: true,
-  extends: ['@vben'],
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    jsxPragma: 'React',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  rules: {
+    'vue/script-setup-uses-vars': 'error',
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'vue/custom-event-name-casing': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'space-before-function-paren': 'off',
+
+    'vue/attributes-order': 'off',
+    'vue/one-component-per-file': 'off',
+    'vue/html-closing-bracket-newline': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/attribute-hyphenation': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/require-explicit-emits': 'off',
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'always',
+          normal: 'never',
+          component: 'always',
+        },
+        svg: 'always',
+        math: 'always',
+      },
+    ],
+    'vue/multi-word-component-names': 'off',
+  },
 };
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,11 +0,0 @@
-# https://docs.github.com/cn/get-started/getting-started-with-git/configuring-git-to-handle-line-endings
-
-# Automatically normalize line endings (to LF) for all text-based files.
-* text=auto eol=lf
-
-# Declare files that will always have CRLF line endings on checkout.
-*.{cmd,[cC][mM][dD]} text eol=crlf
-*.{bat,[bB][aA][tT]} text eol=crlf
-
-# Denote all files that are truly binary and should not be modified.
-*.{ico,png,jpg,jpeg,gif,webp,svg,woff,woff2} binary
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -1,118 +0,0 @@
-name: deploy
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  # push-to-ftp:
-  #   if: "contains(github.event.head_commit.message, '[deploy]')"
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - name: Checkout
-  #       uses: actions/checkout@v2
-
-  #     - name: Sed Config Base
-  #       shell: bash
-  #       run: |
-  #         sed -i  's#VITE_PUBLIC_PATH\s*=.*#VITE_PUBLIC_PATH = /next/#g' ./.env.production
-  #         sed -i  "s#VITE_BUILD_COMPRESS\s*=.*#VITE_BUILD_COMPRESS = 'gzip'#g" ./.env.production
-  #         cat ./.env.production
-
-  #     - name: use Node.js 14
-  #       uses: actions/setup-node@v2.1.2
-  #       with:
-  #         node-version: '14.x'
-
-  #     - name: Get yarn cache
-  #       id: yarn-cache
-  #       run: echo "::set-output name=dir::$(yarn cache dir)"
-
-  #     - name: Cache dependencies
-  #       uses: actions/cache@v2
-  #       with:
-  #         path: ${{ steps.yarn-cache.outputs.dir }}
-  #         key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-  #         restore-keys: |
-  #           ${{ runner.os }}-yarn-
-
-  #     - name: Build
-  #       run: |
-  #         yarn install
-  #         yarn run build
-
-  #     - name: Deploy
-  #       uses: SamKirkland/FTP-Deploy-Action@2.0.0
-  #       env:
-  #         FTP_SERVER: ${{ secrets.FTP_SERVER }}
-  #         FTP_USERNAME: ${{ secrets.FTP_USERNAME }}
-  #         FTP_PASSWORD: ${{ secrets.FTP_PASSWORD }}
-  #         METHOD: sftp
-  #         PORT: ${{ secrets.FTP_PORT }}
-  #         LOCAL_DIR: dist
-  #         REMOTE_DIR: /srv/www/vben-admin
-  #         ARGS: --delete --verbose --parallel=80
-
-  push-to-gh-pages:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Sed Config Base
-        shell: bash
-        run: |
-          sed -i  "s#VITE_BUILD_COMPRESS\s*=.*#VITE_BUILD_COMPRESS = 'gzip'#g" ./.env.production
-          sed -i  "s#VITE_DROP_CONSOLE\s*=.*#VITE_DROP_CONSOLE = true#g" ./.env.production
-          cat ./.env.production
-
-      - name: use Node.js 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16.x'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-
-      - name: Cache dependencies
-        uses: actions/cache@v3
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: Set SSH Environment
-        env:
-          DOCS_DEPLOY_KEY: ${{ secrets.ACTIONS_DEPLOY_KEY }}
-        run: |
-          mkdir -p ~/.ssh/
-          echo "$ACTIONS_DEPLOY_KEY" > ~/.ssh/id_rsa
-          chmod 600 ~/.ssh/id_rsa
-          ssh-keyscan github.com > ~/.ssh/known_hosts
-          chmod 700 ~/.ssh && chmod 600 ~/.ssh/*
-          git config --global user.email "vbenadmin@163.com"
-          git config --global user.name "vbenAdmin"
-
-      - name: Build
-        env:
-          NODE_OPTIONS: '--max_old_space_size=4096'
-        run: |
-          yarn install
-          yarn run build
-          touch dist/.nojekyll
-          cp dist/index.html dist/404.html
-
-      - name: Delete gh-pages branch
-        run: |
-          git push origin --delete gh-pages
-
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3.9.0
-        with:
-          deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
-          PUBLISH_BRANCH: gh-pages
-          PUBLISH_DIR: ./dist
-          CNAME: vben.vvbin.cn
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,8 @@
 node_modules
 .DS_Store
 dist
+.npmrc
 .cache
-.turbo

 tests/server/static
 tests/server/static/upload
@@ -27,8 +27,3 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
-
-package-lock.json
-pnpm-lock.yaml
-
-.history
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -3,6 +3,4 @@
 # shellcheck source=./_/husky.sh
 . "$(dirname "$0")/_/husky.sh"

-PATH="/usr/local/bin:$PATH"
-
 npx --no-install commitlint --edit "$1"
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -4,7 +4,5 @@

 [ -n "$CI" ] && exit 0

-PATH="/usr/local/bin:$PATH"
-
 # Format and submit code according to lintstagedrc.js configuration
-pnpm exec lint-staged
+npm run lint:lint-staged
--- a/.npmrc
+++ b/.npmrc
@@ -1,7 +0,0 @@
-public-hoist-pattern[]=husky
-public-hoist-pattern[]=*eslint*
-public-hoist-pattern[]=*prettier*
-public-hoist-pattern[]=lint-staged
-public-hoist-pattern[]=*stylelint*
-public-hoist-pattern[]=@commitlint/cli
-public-hoist-pattern[]=@vben/eslint-config
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +0,0 @@
-v18
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,11 +1,9 @@
-dist
+/dist/*
 .local
 .output.js
-node_modules
-.nvmrc
+/node_modules/**

 **/*.svg
 **/*.sh

-public
-.npmrc
+/public/*
--- a/.stylelintignore
+++ b/.stylelintignore
@@ -1,2 +1,3 @@
-dist
-public
+/dist/*
+/public/*
+public/*
--- a/.stylelintrc.js
+++ b/.stylelintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/stylelint-config'],
-};
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,6 @@
 {
  "recommendations": [
-    "vue.volar",
+    "johnsoncodehk.volar",
    "dbaeumer.vscode-eslint",
    "stylelint.vscode-stylelint",
    "esbenp.prettier-vscode",
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -5,7 +5,7 @@
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome",
-      "url": "http://localhost:3100",
+      "url": "https://localhost:3100",
      "webRoot": "${workspaceFolder}/src",
      "sourceMaps": true
    }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -84,8 +84,7 @@
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.fixAll.stylelint": true
+    "source.fixAll.eslint": true
  },
  "[vue]": {
    "editor.codeActionsOnSave": {
@@ -104,6 +103,7 @@
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "cSpell.words": [
    "vben",
+    "windi",
    "browserslist",
    "tailwindcss",
    "esnext",
@@ -135,38 +135,5 @@
    "sider",
    "pnpm",
    "antd"
-  ],
-  "vetur.format.scriptInitialIndent": true,
-  "vetur.format.styleInitialIndent": true,
-  "vetur.validation.script": false,
-  "MicroPython.executeButton": [
-    {
-      "text": "▶",
-      "tooltip": "运行",
-      "alignment": "left",
-      "command": "extension.executeFile",
-      "priority": 3.5
-    }
-  ],
-  "MicroPython.syncButton": [
-    {
-      "text": "$(sync)",
-      "tooltip": "同步",
-      "alignment": "left",
-      "command": "extension.execute",
-      "priority": 4
-    }
-  ],
-  // 控制相关文件嵌套展示
-  "explorer.fileNesting.enabled": true,
-  "explorer.fileNesting.expand": false,
-  "explorer.fileNesting.patterns": {
-    "*.ts": "$(capture).test.ts, $(capture).test.tsx",
-    "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
-    "*.env": "$(capture).env.*",
-    "CHANGELOG.md": "CHANGELOG*",
-    "package.json": "pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitattributes,.gitignore,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,.nvmrc",
-    ".eslintrc.js": ".eslintignore,.prettierignore,.stylelintignore,.commitlintrc.js,.prettierrc.js,.stylelintrc.js"
-  },
-  "terminal.integrated.scrollback": 10000
+  ]
 }
--- a/1
+++ b/1
@@ -1 +0,0 @@
-vben.vvbin.cn
--- a/README.md
+++ b/README.md
@@ -21,11 +21,11 @@ Vue Vben Admin is a free and open source middle and back-end template. Using the
 - **Authority** Built-in complete dynamic routing permission generation scheme.
 - **Component** Multiple commonly used components are encapsulated twice

-## Preview
+## 预览

- [vue-vben-admin](https://vben.vvbin.cn/) - Full version Chinese site
+- [vue-vben-admin](https://vvbin.cn/next/) - Full version Chinese site
 - [vue-vben-admin-gh-pages](https://anncwb.github.io/vue-vben-admin/) - Full version of the github site
- [vben-admin-thin-next](https://vben.vvbin.cn/thin/next/) - Simplified Chinese site
+- [vben-admin-thin-next](https://vvbin.cn/thin/next/) - Simplified Chinese site
 - [vben-admin-thin-gh-pages](https://anncwb.github.io/vben-admin-thin-next/) -Simplified github site

 Test account: vben/123456
@@ -44,7 +44,7 @@ Open the project in Gitpod (free online dev environment for GitHub) and start co

 ## Documentation

-[Document](https://doc.vvbin.cn/)
+[Document](https://vvbin.cn/doc-next/)

 ## Preparation

@@ -131,6 +131,9 @@ If these plugins are helpful to you, you can give a star support

 - [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - Used for local and development environment data mock
 - [vite-plugin-html](https://github.com/anncwb/vite-plugin-html) - Used for html template conversion and compression
+- [vite-plugin-style-import](https://github.com/anncwb/vite-plugin-style-import) - Used for component library style introduction on demand
+- [vite-plugin-theme](https://github.com/anncwb/vite-plugin-theme) - Used for online switching of theme colors and other color-related configurations
+- [vite-plugin-imagemin](https://github.com/anncwb/vite-plugin-imagemin) - Used to pack compressed image resources
 - [vite-plugin-compression](https://github.com/anncwb/vite-plugin-compression) - Used to pack input .gz|.brotil files
 - [vite-plugin-svg-icons](https://github.com/anncwb/vite-plugin-svg-icons) - Used to quickly generate svg sprite

--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -23,9 +23,9 @@ Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的`vue3

 ## 预览

- [vue-vben-admin](https://vben.vvbin.cn/) - 完整版中文站点
+- [vue-vben-admin](https://vvbin.cn/next/) - 完整版中文站点
 - [vue-vben-admin-gh-pages](https://anncwb.github.io/vue-vben-admin/) - 完整版 github 站点
- [vben-admin-thin-next](https://vben.vvbin.cn/thin/next/) - 简化版中文站点
+- [vben-admin-thin-next](https://vvbin.cn/thin/next/) - 简化版中文站点
 - [vben-admin-thin-gh-pages](https://anncwb.github.io/vben-admin-thin-next/) - 简化版 github 站点

 测试账号: vben/123456
@@ -44,7 +44,7 @@ Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的`vue3

 ## 文档

-[文档地址](https://doc.vvbin.cn/)
+[文档地址](https://vvbin.cn/doc-next/)

 ## 准备

@@ -141,6 +141,9 @@ pnpm build

 - [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - 用于本地及开发环境数据 mock
 - [vite-plugin-html](https://github.com/anncwb/vite-plugin-html) - 用于 html 模版转换及压缩
+- [vite-plugin-style-import](https://github.com/anncwb/vite-plugin-style-import) - 用于组件库样式按需引入
+- [vite-plugin-theme](https://github.com/anncwb/vite-plugin-theme) - 用于在线切换主题色等颜色相关配置
+- [vite-plugin-imagemin](https://github.com/anncwb/vite-plugin-imagemin) - 用于打包压缩图片资源
 - [vite-plugin-compression](https://github.com/anncwb/vite-plugin-compression) - 用于打包输出.gz|.brotil 文件
 - [vite-plugin-svg-icons](https://github.com/anncwb/vite-plugin-svg-icons) - 用于快速生成 svg 雪碧图

--- a/apps/portal-view/.gitkeep
+++ b/apps/portal-view/.gitkeep
--- a/apps/test-server/tsconfig.json
+++ b/apps/test-server/tsconfig.json
@@ -1,7 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/ts-config/node-server.json",
-  "compilerOptions": {
-    "noImplicitAny": false
-  }
-}
--- a/build/config/rollupElectronConfig.ts
+++ b/build/config/rollupElectronConfig.ts
@@ -0,0 +1,63 @@
+import path from 'path';
+import { RollupOptions } from 'rollup';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import esbuild from 'rollup-plugin-esbuild';
+import alias from '@rollup/plugin-alias';
+import json from '@rollup/plugin-json';
+
+export function getRollupOptions(): RollupOptions {
+  return {
+    input: path.join(__dirname, '../../electron-main/index.ts'),
+    output: {
+      file: path.join(__dirname, '../../dist/main/build.js'),
+      format: 'cjs',
+      name: 'ElectronMainBundle',
+      sourcemap: true,
+    },
+    plugins: [
+      nodeResolve({ preferBuiltins: true, browser: true }), // 消除碰到 node.js 模块时⚠警告
+      commonjs(),
+      json(),
+      esbuild({
+        // All options are optional
+        include: /\.[jt]sx?$/, // default, inferred from `loaders` option
+        exclude: /node_modules/, // default
+        // watch: process.argv.includes('--watch'), // rollup 中有配置
+        sourceMap: false, // default
+        minify: process.env.NODE_ENV === 'production',
+        target: 'es2017', // default, or 'es20XX', 'esnext'
+        jsxFactory: 'React.createElement',
+        jsxFragment: 'React.Fragment',
+        // Like @rollup/plugin-replace
+        define: {
+          __VERSION__: '"x.y.z"',
+        },
+        // Add extra loaders
+        loaders: {
+          // Add .json files support
+          // require @rollup/plugin-commonjs
+          '.json': 'json',
+          // Enable JSX in .js files too
+          '.js': 'jsx',
+        },
+      }),
+      alias({
+        entries: [{ find: '/@main/', replacement: path.join(__dirname, '../../electron-main') }],
+      }),
+    ],
+    external: [
+      'crypto',
+      'assert',
+      'fs',
+      'util',
+      'os',
+      'events',
+      'child_process',
+      'http',
+      'https',
+      'path',
+      'electron',
+    ],
+  };
+}
--- a/build/config/themeConfig.ts
+++ b/build/config/themeConfig.ts
@@ -0,0 +1,79 @@
+import { generate } from '@ant-design/colors';
+
+export const primaryColor = '#0960bd';
+
+export const darkMode = 'light';
+
+type Fn = (...arg: any) => any;
+
+type GenerateTheme = 'default' | 'dark';
+
+export interface GenerateColorsParams {
+  mixLighten: Fn;
+  mixDarken: Fn;
+  tinycolor: any;
+  color?: string;
+}
+
+export function generateAntColors(color: string, theme: GenerateTheme = 'default') {
+  return generate(color, {
+    theme,
+  });
+}
+
+export function getThemeColors(color?: string) {
+  const tc = color || primaryColor;
+  const lightColors = generateAntColors(tc);
+  const primary = lightColors[5];
+  const modeColors = generateAntColors(primary, 'dark');
+
+  return [...lightColors, ...modeColors];
+}
+
+export function generateColors({
+  color = primaryColor,
+  mixLighten,
+  mixDarken,
+  tinycolor,
+}: GenerateColorsParams) {
+  const arr = new Array(19).fill(0);
+  const lightens = arr.map((_t, i) => {
+    return mixLighten(color, i / 5);
+  });
+
+  const darkens = arr.map((_t, i) => {
+    return mixDarken(color, i / 5);
+  });
+
+  const alphaColors = arr.map((_t, i) => {
+    return tinycolor(color)
+      .setAlpha(i / 20)
+      .toRgbString();
+  });
+
+  const shortAlphaColors = alphaColors.map((item) => item.replace(/\s/g, '').replace(/0\./g, '.'));
+
+  const tinycolorLightens = arr
+    .map((_t, i) => {
+      return tinycolor(color)
+        .lighten(i * 5)
+        .toHexString();
+    })
+    .filter((item) => item !== '#ffffff');
+
+  const tinycolorDarkens = arr
+    .map((_t, i) => {
+      return tinycolor(color)
+        .darken(i * 5)
+        .toHexString();
+    })
+    .filter((item) => item !== '#000000');
+  return [
+    ...lightens,
+    ...darkens,
+    ...alphaColors,
+    ...shortAlphaColors,
+    ...tinycolorDarkens,
+    ...tinycolorLightens,
+  ].filter((item) => !item.includes('-'));
+}
--- a/build/constant.ts
+++ b/build/constant.ts
@@ -0,0 +1,6 @@
+/**
+ * The name of the configuration file entered in the production environment
+ */
+export const GLOB_CONFIG_FILE_NAME = '_app.config.js';
+
+export const OUTPUT_DIR = 'dist';
--- a/internal/vite-config/src/utils/modifyVars.ts
+++ b/internal/vite-config/src/utils/modifyVars.ts
@@ -1,21 +1,11 @@
-import { resolve } from 'node:path';
-
-import { generate } from '@ant-design/colors';
-// @ts-ignore: typo
+import { generateAntColors, primaryColor } from '../config/themeConfig';
 import { getThemeVariables } from 'ant-design-vue/dist/theme';
-
-const primaryColor = '#0960bd';
-
-function generateAntColors(color: string, theme: 'default' | 'dark' = 'default') {
-  return generate(color, {
-    theme,
-  });
-}
+import { resolve } from 'path';

 /**
 * less global variable
 */
-export function generateModifyVars() {
+export function generateModifyVars(dark = false) {
  const palettes = generateAntColors(primaryColor);
  const primary = palettes[5];

@@ -25,9 +15,10 @@ export function generateModifyVars() {
    primaryColorObj[`primary-${index + 1}`] = palettes[index];
  }

-  const modifyVars = getThemeVariables();
+  const modifyVars = getThemeVariables({ dark });
  return {
    ...modifyVars,
+    // Used for global import to avoid the need to import each style file separately
    // reference:  Avoid repeated references
    hack: `${modifyVars.hack} @import (reference) "${resolve('src/design/config.less')}";`,
    'primary-color': primary,
@@ -37,6 +28,7 @@ export function generateModifyVars() {
    'success-color': '#55D187', //  Success color
    'error-color': '#ED6F6F', //  False color
    'warning-color': '#EFBD47', //   Warning color
+    //'border-color-base': '#EEEEEE',
    'font-size-base': '14px', //  Main font size
    'border-radius-base': '2px', //  Component/float fillet
    'link-color': primary, //   Link color
--- a/build/generate/icon/index.ts
+++ b/build/generate/icon/index.ts
@@ -0,0 +1,72 @@
+import path from 'path';
+import fs from 'fs-extra';
+import inquirer from 'inquirer';
+import colors from 'picocolors';
+import pkg from '../../../package.json';
+
+async function generateIcon() {
+  const dir = path.resolve(process.cwd(), 'node_modules/@iconify/json');
+
+  const raw = await fs.readJSON(path.join(dir, 'collections.json'));
+
+  const collections = Object.entries(raw).map(([id, v]) => ({
+    ...(v as any),
+    id,
+  }));
+
+  const choices = collections.map((item) => ({ key: item.id, value: item.id, name: item.name }));
+
+  inquirer
+    .prompt([
+      {
+        type: 'list',
+        name: 'useType',
+        choices: [
+          { key: 'local', value: 'local', name: 'Local' },
+          { key: 'onLine', value: 'onLine', name: 'OnLine' },
+        ],
+        message: 'How to use icons?',
+      },
+      {
+        type: 'list',
+        name: 'iconSet',
+        choices: choices,
+        message: 'Select the icon set that needs to be generated?',
+      },
+      {
+        type: 'input',
+        name: 'output',
+        message: 'Select the icon set that needs to be generated?',
+        default: 'src/components/Icon/data',
+      },
+    ])
+    .then(async (answers) => {
+      const { iconSet, output, useType } = answers;
+      const outputDir = path.resolve(process.cwd(), output);
+      fs.ensureDir(outputDir);
+      const genCollections = collections.filter((item) => [iconSet].includes(item.id));
+      const prefixSet: string[] = [];
+      for (const info of genCollections) {
+        const data = await fs.readJSON(path.join(dir, 'json', `${info.id}.json`));
+        if (data) {
+          const { prefix } = data;
+          const isLocal = useType === 'local';
+          const icons = Object.keys(data.icons).map(
+            (item) => `${isLocal ? prefix + ':' : ''}${item}`,
+          );
+
+          await fs.writeFileSync(
+            path.join(output, `icons.data.ts`),
+            `export default ${isLocal ? JSON.stringify(icons) : JSON.stringify({ prefix, icons })}`,
+          );
+          prefixSet.push(prefix);
+        }
+      }
+      fs.emptyDir(path.join(process.cwd(), 'node_modules/.vite'));
+      console.log(
+        `✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - Icon generated successfully:' + `[${prefixSet}]`,
+      );
+    });
+}
+
+generateIcon();
--- a/build/getConfigFileName.ts
+++ b/build/getConfigFileName.ts
@@ -0,0 +1,9 @@
+/**
+ * Get the configuration file variable name
+ * @param env
+ */
+export const getConfigFileName = (env: Record<string, any>) => {
+  return `__PRODUCTION__${env.VITE_GLOB_APP_SHORT_NAME || '__APP'}__CONF__`
+    .toUpperCase()
+    .replace(/\s/g, '');
+};
--- a/build/script/buildConf.ts
+++ b/build/script/buildConf.ts
@@ -0,0 +1,45 @@
+/**
+ * Generate additional configuration files when used for packaging. The file can be configured with some global variables, so that it can be changed directly externally without repackaging
+ */
+import { GLOB_CONFIG_FILE_NAME, OUTPUT_DIR } from '../constant';
+import fs, { writeFileSync } from 'fs-extra';
+import colors from 'picocolors';
+
+import { getEnvConfig, getRootPath } from '../utils';
+import { getConfigFileName } from '../getConfigFileName';
+
+import pkg from '../../package.json';
+
+interface CreateConfigParams {
+  configName: string;
+  config: any;
+  configFileName?: string;
+}
+
+function createConfig(params: CreateConfigParams) {
+  const { configName, config, configFileName } = params;
+  try {
+    const windowConf = `window.${configName}`;
+    // Ensure that the variable will not be modified
+    const configStr = `${windowConf}=${JSON.stringify(config)};
+      Object.freeze(${windowConf});
+      Object.defineProperty(window, "${configName}", {
+        configurable: false,
+        writable: false,
+      });
+    `.replace(/\s/g, '');
+    fs.mkdirp(getRootPath(OUTPUT_DIR));
+    writeFileSync(getRootPath(`${OUTPUT_DIR}/${configFileName}`), configStr);
+
+    console.log(colors.cyan(`✨ [${pkg.name}]`) + ` - configuration file is build successfully:`);
+    console.log(colors.gray(OUTPUT_DIR + '/' + colors.green(configFileName)) + '\n');
+  } catch (error) {
+    console.log(colors.red('configuration file configuration file failed to package:\n' + error));
+  }
+}
+
+export function runBuildConfig() {
+  const config = getEnvConfig();
+  const configFileName = getConfigFileName(config);
+  createConfig({ config, configName: configFileName, configFileName: GLOB_CONFIG_FILE_NAME });
+}
--- a/build/script/compilerElectron.ts
+++ b/build/script/compilerElectron.ts
@@ -0,0 +1,76 @@
+import rollup, { OutputOptions } from 'rollup';
+import chalk from 'chalk';
+import ora from 'ora';
+import waitOn from 'wait-on';
+import net from 'net';
+import { URL } from 'url';
+import minimist from 'minimist';
+import electronConnect from 'electron-connect';
+
+import { getRollupOptions } from '../config/rollupElectronConfig';
+
+const argv = minimist(process.argv.slice(2));
+const TAG = '[compiler-electron]';
+
+export function startCompilerElectron(port = 80) {
+  // 因为 vite 不会重定向到 index.html，所以直接写 index.html 路由。
+  const ELECTRON_URL = `https://localhost:${port}/index.html`;
+
+  const spinner = ora(`${TAG} Electron build...`);
+  const electron = electronConnect.server.create({ stopOnClose: true });
+  const rollupOptions = getRollupOptions();
+
+  function watchFunc() {
+    // once here, all resources are available
+    const watcher = rollup.watch(rollupOptions);
+    watcher.on('change', (filename) => {
+      const log = chalk.green(`change -- ${filename}`);
+      console.log(TAG, log);
+    });
+    watcher.on('event', (ev) => {
+      if (ev.code === 'END') {
+        // init-未启动、started-第一次启动、restarted-重新启动
+        electron.electronState === 'init' ? electron.start() : electron.restart();
+      } else if (ev.code === 'ERROR') {
+        console.log(ev.error);
+      }
+    });
+  }
+
+  if (argv.watch) {
+    waitOn(
+      {
+        resources: [ELECTRON_URL],
+        timeout: 5000,
+      },
+      (err) => {
+        if (err) {
+          const { hostname } = new URL(ELECTRON_URL);
+          const serverSocket = net.connect(port, hostname, () => {
+            watchFunc();
+          });
+          serverSocket.on('error', (e) => {
+            console.log(err);
+            console.log(e);
+            process.exit(1);
+          });
+        } else {
+          watchFunc();
+        }
+      }
+    );
+  } else {
+    spinner.start();
+    rollup
+      .rollup(rollupOptions)
+      .then((build) => {
+        spinner.stop();
+        console.log(TAG, chalk.green('Electron build successed.'));
+        build.write(rollupOptions.output as OutputOptions);
+      })
+      .catch((error) => {
+        spinner.stop();
+        console.log(`\n${TAG} ${chalk.red('构建报错')}\n`, error, '\n');
+      });
+  }
+}
--- a/build/script/postBuild.ts
+++ b/build/script/postBuild.ts
@@ -0,0 +1,23 @@
+// #!/usr/bin/env node
+
+import { runBuildConfig } from './buildConf';
+import colors from 'picocolors';
+
+import pkg from '../../package.json';
+
+export const runBuild = async () => {
+  try {
+    const argvList = process.argv.splice(2);
+
+    // Generate configuration file
+    if (!argvList.includes('disabled-config')) {
+      runBuildConfig();
+    }
+
+    console.log(`✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - build successfully!');
+  } catch (error) {
+    console.log(colors.red('vite build error:\n' + error));
+    process.exit(1);
+  }
+};
+runBuild();
--- a/build/script/startElectron.ts
+++ b/build/script/startElectron.ts
@@ -0,0 +1,22 @@
+import { createServer } from 'vite';
+import path from 'path';
+import { startCompilerElectron } from './compilerElectron';
+import minimist from 'minimist';
+
+(async () => {
+  const argv = minimist(process.argv.slice(2));
+  console.log(argv);
+  const isDev = argv.env === 'development';
+  let port: number | undefined = undefined;
+  if (isDev) {
+    const server = await createServer({
+      root: path.resolve(__dirname, '../../'),
+    });
+
+    const app = await server.listen();
+    port = app.config.server.port;
+    process.env.PORT = `${port}`;
+  }
+
+  startCompilerElectron(port);
+})();
--- a/build/utils.ts
+++ b/build/utils.ts
@@ -0,0 +1,92 @@
+import fs from 'fs';
+import path from 'path';
+import dotenv from 'dotenv';
+
+export function isDevFn(mode: string): boolean {
+  return mode === 'development';
+}
+
+export function isProdFn(mode: string): boolean {
+  return mode === 'production';
+}
+
+/**
+ * Whether to generate package preview
+ */
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true';
+}
+
+// Read all environment variable configuration files to process.env
+export function wrapperEnv(envConf: Recordable): ViteEnv {
+  const ret: any = {};
+
+  for (const envName of Object.keys(envConf)) {
+    let realName = envConf[envName].replace(/\\n/g, '\n');
+    realName = realName === 'true' ? true : realName === 'false' ? false : realName;
+
+    if (envName === 'VITE_PORT') {
+      realName = Number(realName);
+    }
+    if (envName === 'VITE_PROXY' && realName) {
+      try {
+        realName = JSON.parse(realName.replace(/'/g, '"'));
+      } catch (error) {
+        realName = '';
+      }
+    }
+    ret[envName] = realName;
+    if (typeof realName === 'string') {
+      process.env[envName] = realName;
+    } else if (typeof realName === 'object') {
+      process.env[envName] = JSON.stringify(realName);
+    }
+  }
+  return ret;
+}
+
+/**
+ * 获取当前环境下生效的配置文件名
+ */
+function getConfFiles() {
+  const script = process.env.npm_lifecycle_script;
+  const reg = new RegExp('--mode ([a-z_\\d]+)');
+  const result = reg.exec(script as string) as any;
+  if (result) {
+    const mode = result[1] as string;
+    return ['.env', `.env.${mode}`];
+  }
+  return ['.env', '.env.production'];
+}
+
+/**
+ * Get the environment variables starting with the specified prefix
+ * @param match prefix
+ * @param confFiles ext
+ */
+export function getEnvConfig(match = 'VITE_GLOB_', confFiles = getConfFiles()) {
+  let envConfig = {};
+  confFiles.forEach((item) => {
+    try {
+      const env = dotenv.parse(fs.readFileSync(path.resolve(process.cwd(), item)));
+      envConfig = { ...envConfig, ...env };
+    } catch (e) {
+      console.error(`Error in parsing ${item}`, e);
+    }
+  });
+  const reg = new RegExp(`^(${match})`);
+  Object.keys(envConfig).forEach((key) => {
+    if (!reg.test(key)) {
+      Reflect.deleteProperty(envConfig, key);
+    }
+  });
+  return envConfig;
+}
+
+/**
+ * Get user root directory
+ * @param dir file path
+ */
+export function getRootPath(...dir: string[]) {
+  return path.resolve(process.cwd(), ...dir);
+}
--- a/internal/vite-config/src/plugins/compress.ts
+++ b/internal/vite-config/src/plugins/compress.ts
@@ -5,13 +5,10 @@
 import type { PluginOption } from 'vite';
 import compressPlugin from 'vite-plugin-compression';

-export function configCompressPlugin({
-  compress,
+export function configCompressPlugin(
+  compress: 'gzip' | 'brotli' | 'none',
  deleteOriginFile = false,
-}: {
-  compress: string;
-  deleteOriginFile?: boolean;
-}): PluginOption[] {
+): PluginOption | PluginOption[] {
  const compressList = compress.split(',');

  const plugins: PluginOption[] = [];
--- a/build/vite/plugin/html.ts
+++ b/build/vite/plugin/html.ts
@@ -0,0 +1,40 @@
+/**
+ * Plugin to minimize and use ejs template syntax in index.html.
+ * https://github.com/anncwb/vite-plugin-html
+ */
+import type { PluginOption } from 'vite';
+import { createHtmlPlugin } from 'vite-plugin-html';
+import pkg from '../../../package.json';
+import { GLOB_CONFIG_FILE_NAME } from '../../constant';
+
+export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
+  const { VITE_GLOB_APP_TITLE, VITE_PUBLIC_PATH } = env;
+
+  const path = VITE_PUBLIC_PATH.endsWith('/') ? VITE_PUBLIC_PATH : `${VITE_PUBLIC_PATH}/`;
+
+  const getAppConfigSrc = () => {
+    return `${path || '/'}${GLOB_CONFIG_FILE_NAME}?v=${pkg.version}-${new Date().getTime()}`;
+  };
+
+  const htmlPlugin: PluginOption[] = createHtmlPlugin({
+    minify: isBuild,
+    inject: {
+      // Inject data into ejs template
+      data: {
+        title: VITE_GLOB_APP_TITLE,
+      },
+      // Embed the generated app.config.js file
+      tags: isBuild
+        ? [
+            {
+              tag: 'script',
+              attrs: {
+                src: getAppConfigSrc(),
+              },
+            },
+          ]
+        : [],
+    },
+  });
+  return htmlPlugin;
+}
--- a/build/vite/plugin/imagemin.ts
+++ b/build/vite/plugin/imagemin.ts
@@ -0,0 +1,34 @@
+// Image resource files used to compress the output of the production environment
+// https://github.com/anncwb/vite-plugin-imagemin
+import viteImagemin from 'vite-plugin-imagemin';
+
+export function configImageminPlugin() {
+  const plugin = viteImagemin({
+    gifsicle: {
+      optimizationLevel: 7,
+      interlaced: false,
+    },
+    optipng: {
+      optimizationLevel: 7,
+    },
+    mozjpeg: {
+      quality: 20,
+    },
+    pngquant: {
+      quality: [0.8, 0.9],
+      speed: 4,
+    },
+    svgo: {
+      plugins: [
+        {
+          name: 'removeViewBox',
+        },
+        {
+          name: 'removeEmptyAttrs',
+          active: false,
+        },
+      ],
+    },
+  });
+  return plugin;
+}
--- a/build/vite/plugin/index.ts
+++ b/build/vite/plugin/index.ts
@@ -0,0 +1,82 @@
+import { PluginOption } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import legacy from '@vitejs/plugin-legacy';
+import purgeIcons from 'vite-plugin-purge-icons';
+import windiCSS from 'vite-plugin-windicss';
+import VitePluginCertificate from 'vite-plugin-mkcert';
+import vueSetupExtend from 'vite-plugin-vue-setup-extend';
+import { configHtmlPlugin } from './html';
+import { configPwaConfig } from './pwa';
+import { configMockPlugin } from './mock';
+import { configCompressPlugin } from './compress';
+import { configStyleImportPlugin } from './styleImport';
+import { configVisualizerConfig } from './visualizer';
+import { configThemePlugin } from './theme';
+import { configImageminPlugin } from './imagemin';
+import { configSvgIconsPlugin } from './svgSprite';
+
+export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
+  const {
+    VITE_USE_IMAGEMIN,
+    VITE_USE_MOCK,
+    VITE_LEGACY,
+    VITE_BUILD_COMPRESS,
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
+  } = viteEnv;
+
+  const vitePlugins: (PluginOption | PluginOption[])[] = [
+    // have to
+    vue(),
+    // have to
+    vueJsx(),
+    // support name
+    vueSetupExtend(),
+    VitePluginCertificate({
+      source: 'coding',
+    }),
+  ];
+
+  // vite-plugin-windicss
+  vitePlugins.push(windiCSS());
+
+  // @vitejs/plugin-legacy
+  VITE_LEGACY && isBuild && vitePlugins.push(legacy());
+
+  // vite-plugin-html
+  vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
+
+  // vite-plugin-svg-icons
+  vitePlugins.push(configSvgIconsPlugin(isBuild));
+
+  // vite-plugin-mock
+  VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
+
+  // vite-plugin-purge-icons
+  vitePlugins.push(purgeIcons());
+
+  // vite-plugin-style-import
+  vitePlugins.push(configStyleImportPlugin(isBuild));
+
+  // rollup-plugin-visualizer
+  vitePlugins.push(configVisualizerConfig());
+
+  // vite-plugin-theme
+  vitePlugins.push(configThemePlugin(isBuild));
+
+  // The following plugins only work in the production environment
+  if (isBuild) {
+    // vite-plugin-imagemin
+    VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
+
+    // rollup-plugin-gzip
+    vitePlugins.push(
+      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
+    );
+
+    // vite-plugin-pwa
+    vitePlugins.push(configPwaConfig(viteEnv));
+  }
+
+  return vitePlugins;
+}
--- a/internal/vite-config/src/plugins/mock.ts
+++ b/internal/vite-config/src/plugins/mock.ts
@@ -4,9 +4,9 @@
 */
 import { viteMockServe } from 'vite-plugin-mock';

-export function configMockPlugin({ isBuild }: { isBuild: boolean }) {
+export function configMockPlugin(isBuild: boolean) {
  return viteMockServe({
-    ignore: /^_/,
+    ignore: /^\_/,
    mockPath: 'mock',
    localEnabled: !isBuild,
    prodEnabled: isBuild,
--- a/build/vite/plugin/pwa.ts
+++ b/build/vite/plugin/pwa.ts
@@ -0,0 +1,33 @@
+/**
+ * Zero-config PWA for Vite
+ * https://github.com/antfu/vite-plugin-pwa
+ */
+import { VitePWA } from 'vite-plugin-pwa';
+
+export function configPwaConfig(env: ViteEnv) {
+  const { VITE_USE_PWA, VITE_GLOB_APP_TITLE, VITE_GLOB_APP_SHORT_NAME } = env;
+
+  if (VITE_USE_PWA) {
+    // vite-plugin-pwa
+    const pwaPlugin = VitePWA({
+      manifest: {
+        name: VITE_GLOB_APP_TITLE,
+        short_name: VITE_GLOB_APP_SHORT_NAME,
+        icons: [
+          {
+            src: './resource/img/pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: './resource/img/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+        ],
+      },
+    });
+    return pwaPlugin;
+  }
+  return [];
+}
--- a/build/vite/plugin/styleImport.ts
+++ b/build/vite/plugin/styleImport.ts
@@ -0,0 +1,79 @@
+/**
+ *  Introduces component library styles on demand.
+ * https://github.com/anncwb/vite-plugin-style-import
+ */
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export function configStyleImportPlugin(_isBuild: boolean) {
+  // if (!isBuild) {
+  //   return [];
+  // }
+  const styleImportPlugin = createStyleImportPlugin({
+    libs: [
+      {
+        libraryName: 'ant-design-vue',
+        esModule: true,
+        resolveStyle: (name) => {
+          // 这里是无需额外引入样式文件的“子组件”列表
+          const ignoreList = [
+            'anchor-link',
+            'sub-menu',
+            'menu-item',
+            'menu-divider',
+            'menu-item-group',
+            'breadcrumb-item',
+            'breadcrumb-separator',
+            'form-item',
+            'step',
+            'select-option',
+            'select-opt-group',
+            'card-grid',
+            'card-meta',
+            'collapse-panel',
+            'descriptions-item',
+            'list-item',
+            'list-item-meta',
+            'table-column',
+            'table-column-group',
+            'tab-pane',
+            'tab-content',
+            'timeline-item',
+            'tree-node',
+            'skeleton-input',
+            'skeleton-avatar',
+            'skeleton-title',
+            'skeleton-paragraph',
+            'skeleton-image',
+            'skeleton-button',
+          ];
+          // 这里是需要额外引入样式的子组件列表
+          // 单独引入子组件时需引入组件样式，否则会在打包后导致子组件样式丢失
+          const replaceList = {
+            'typography-text': 'typography',
+            'typography-title': 'typography',
+            'typography-paragraph': 'typography',
+            'typography-link': 'typography',
+            'dropdown-button': 'dropdown',
+            'input-password': 'input',
+            'input-search': 'input',
+            'input-group': 'input',
+            'radio-group': 'radio',
+            'checkbox-group': 'checkbox',
+            'layout-sider': 'layout',
+            'layout-content': 'layout',
+            'layout-footer': 'layout',
+            'layout-header': 'layout',
+            'month-picker': 'date-picker',
+          };
+
+          return ignoreList.includes(name)
+            ? ''
+            : replaceList.hasOwnProperty(name)
+            ? `ant-design-vue/es/${replaceList[name]}/style/index`
+            : `ant-design-vue/es/${name}/style/index`;
+        },
+      },
+    ],
+  });
+  return styleImportPlugin;
+}
--- a/build/vite/plugin/svgSprite.ts
+++ b/build/vite/plugin/svgSprite.ts
@@ -0,0 +1,17 @@
+/**
+ *  Vite Plugin for fast creating SVG sprites.
+ * https://github.com/anncwb/vite-plugin-svg-icons
+ */
+
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import path from 'path';
+
+export function configSvgIconsPlugin(isBuild: boolean) {
+  const svgIconsPlugin = createSvgIconsPlugin({
+    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+    svgoOptions: isBuild,
+    // default
+    symbolId: 'icon-[dir]-[name]',
+  });
+  return svgIconsPlugin;
+}
--- a/build/vite/plugin/theme.ts
+++ b/build/vite/plugin/theme.ts
@@ -0,0 +1,89 @@
+/**
+ * Vite plugin for website theme color switching
+ * https://github.com/anncwb/vite-plugin-theme
+ */
+import type { PluginOption } from 'vite';
+import path from 'path';
+import {
+  viteThemePlugin,
+  antdDarkThemePlugin,
+  mixLighten,
+  mixDarken,
+  tinycolor,
+} from 'vite-plugin-theme';
+import { getThemeColors, generateColors } from '../../config/themeConfig';
+import { generateModifyVars } from '../../generate/generateModifyVars';
+
+export function configThemePlugin(isBuild: boolean): PluginOption[] {
+  const colors = generateColors({
+    mixDarken,
+    mixLighten,
+    tinycolor,
+  });
+  const plugin = [
+    viteThemePlugin({
+      resolveSelector: (s) => {
+        s = s.trim();
+        switch (s) {
+          case '.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon':
+            return '.ant-steps-item-icon > .ant-steps-icon';
+          case '.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)':
+          case '.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover':
+          case '.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active':
+            return s;
+          case '.ant-steps-item-icon > .ant-steps-icon':
+            return s;
+          case '.ant-select-item-option-selected:not(.ant-select-item-option-disabled)':
+            return s;
+          default:
+            if (s.indexOf('.ant-btn') >= -1) {
+              // 按钮被重新定制过，需要过滤掉class防止覆盖
+              return s;
+            }
+        }
+        return s.startsWith('[data-theme') ? s : `[data-theme] ${s}`;
+      },
+      colorVariables: [...getThemeColors(), ...colors],
+    }),
+    antdDarkThemePlugin({
+      preloadFiles: [
+        path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.less'),
+        //path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.dark.less'),
+        path.resolve(process.cwd(), 'src/design/index.less'),
+      ],
+      filter: (id) => (isBuild ? !id.endsWith('antd.less') : true),
+      // extractCss: false,
+      darkModifyVars: {
+        ...generateModifyVars(true),
+        'text-color': '#c9d1d9',
+        'primary-1': 'rgb(255 255 255 / 8%)',
+        'text-color-base': '#c9d1d9',
+        'component-background': '#151515',
+        'heading-color': 'rgb(255 255 255 / 65%)',
+        // black: '#0e1117',
+        // #8b949e
+        'text-color-secondary': '#8b949e',
+        'border-color-base': '#303030',
+        // 'border-color-split': '#30363d',
+        'item-active-bg': '#111b26',
+        'app-content-background': '#1e1e1e',
+        'tree-node-selected-bg': '#11263c',
+
+        'alert-success-border-color': '#274916',
+        'alert-success-bg-color': '#162312',
+        'alert-success-icon-color': '#49aa19',
+        'alert-info-border-color': '#153450',
+        'alert-info-bg-color': '#111b26',
+        'alert-info-icon-color': '#177ddc',
+        'alert-warning-border-color': '#594214',
+        'alert-warning-bg-color': '#2b2111',
+        'alert-warning-icon-color': '#d89614',
+        'alert-error-border-color': '#58181c',
+        'alert-error-bg-color': '#2a1215',
+        'alert-error-icon-color': '#a61d24',
+      },
+    }),
+  ];
+
+  return plugin as unknown as PluginOption[];
+}
--- a/build/vite/plugin/visualizer.ts
+++ b/build/vite/plugin/visualizer.ts
@@ -0,0 +1,17 @@
+/**
+ * Package file volume analysis
+ */
+import visualizer from 'rollup-plugin-visualizer';
+import { isReportMode } from '../../utils';
+
+export function configVisualizerConfig() {
+  if (isReportMode()) {
+    return visualizer({
+      filename: './node_modules/.cache/visualizer/stats.html',
+      open: true,
+      gzipSize: true,
+      brotliSize: true,
+    }) as Plugin;
+  }
+  return [];
+}
--- a/build/vite/proxy.ts
+++ b/build/vite/proxy.ts
@@ -0,0 +1,34 @@
+/**
+ * Used to parse the .env.development proxy configuration
+ */
+import type { ProxyOptions } from 'vite';
+
+type ProxyItem = [string, string];
+
+type ProxyList = ProxyItem[];
+
+type ProxyTargetList = Record<string, ProxyOptions>;
+
+const httpsRE = /^https:\/\//;
+
+/**
+ * Generate proxy
+ * @param list
+ */
+export function createProxy(list: ProxyList = []) {
+  const ret: ProxyTargetList = {};
+  for (const [prefix, target] of list) {
+    const isHttps = httpsRE.test(target);
+
+    // https://github.com/http-party/node-http-proxy#options
+    ret[prefix] = {
+      target: target,
+      changeOrigin: true,
+      ws: true,
+      rewrite: (path) => path.replace(new RegExp(`^${prefix}`), ''),
+      // https is require secure=false
+      ...(isHttps ? { secure: false } : {}),
+    };
+  }
+  return ret;
+}
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -0,0 +1,33 @@
+module.exports = {
+  ignores: [(commit) => commit.includes('init')],
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'body-leading-blank': [2, 'always'],
+    'footer-leading-blank': [1, 'always'],
+    'header-max-length': [2, 'always', 108],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'subject-case': [0],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'perf',
+        'style',
+        'docs',
+        'test',
+        'refactor',
+        'build',
+        'ci',
+        'chore',
+        'revert',
+        'wip',
+        'workflow',
+        'types',
+        'release',
+      ],
+    ],
+  },
+};
--- a/electron-main/index.ts
+++ b/electron-main/index.ts
@@ -0,0 +1,64 @@
+import { app, BrowserWindow, screen } from 'electron';
+import is_dev from 'electron-is-dev';
+import { join } from 'path';
+
+let mainWindow: BrowserWindow | null = null;
+
+class createWin {
+  constructor() {
+    const displayWorkAreaSize = screen.getAllDisplays()[0].workArea;
+    mainWindow = new BrowserWindow({
+      width: parseInt(`${displayWorkAreaSize.width * 0.85}`, 10),
+      height: parseInt(`${displayWorkAreaSize.height * 0.85}`, 10),
+      movable: true,
+      // frame: false,
+      show: false,
+      center: true,
+      resizable: true,
+      // transparent: true,
+      titleBarStyle: 'default',
+      webPreferences: {
+        devTools: true,
+        contextIsolation: false,
+        nodeIntegration: true,
+        enableRemoteModule: true,
+      },
+      backgroundColor: '#fff',
+    });
+    const URL = is_dev
+      ? `https://localhost:${process.env.PORT}` // vite 启动的服务器地址
+      : `file://${join(__dirname, '../index.html')}`; // vite 构建后的静态文件地址
+
+    mainWindow.loadURL(URL);
+
+    mainWindow.on('ready-to-show', () => {
+      mainWindow.show();
+    });
+  }
+}
+
+app.whenReady().then(() => new createWin());
+
+const isFirstInstance = app.requestSingleInstanceLock();
+
+if (!isFirstInstance) {
+  app.quit();
+} else {
+  app.on('second-instance', () => {
+    if (mainWindow) {
+      mainWindow.focus();
+    }
+  });
+}
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+app.on('activate', () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    new createWin();
+  }
+});
--- a/index.html
+++ b/index.html
@@ -8,10 +8,20 @@
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
-    <title><%= VITE_GLOB_APP_TITLE %></title>
+    <title><%= title %></title>
    <link rel="icon" href="/favicon.ico" />
  </head>
  <body>
+    <script>
+      (() => {
+        var htmlRoot = document.getElementById('htmlRoot');
+        var theme = window.localStorage.getItem('__APP__DARK__MODE__');
+        if (htmlRoot && theme) {
+          htmlRoot.setAttribute('data-theme', theme);
+          theme = htmlRoot = null;
+        }
+      })();
+    </script>
    <div id="app">
      <style>
        html[data-theme='dark'] .app-loading {
@@ -24,39 +34,39 @@

        .app-loading {
          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
          width: 100%;
          height: 100%;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
          background-color: #f4f7f9;
        }

        .app-loading .app-loading-wrap {
-          display: flex;
          position: absolute;
          top: 50%;
          left: 50%;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
+          display: flex;
          transform: translate3d(-50%, -50%, 0);
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
        }

        .app-loading .dots {
          display: flex;
-          align-items: center;
-          justify-content: center;
          padding: 98px;
+          justify-content: center;
+          align-items: center;
        }

        .app-loading .app-loading-title {
          display: flex;
-          align-items: center;
-          justify-content: center;
          margin-top: 30px;
-          color: rgb(0 0 0 / 85%);
          font-size: 30px;
+          color: rgb(0 0 0 / 85%);
+          justify-content: center;
+          align-items: center;
        }

        .app-loading .app-loading-logo {
@@ -67,28 +77,28 @@
        }

        .dot {
-          display: inline-block;
          position: relative;
-          box-sizing: border-box;
+          display: inline-block;
          width: 48px;
          height: 48px;
          margin-top: 30px;
-          transform: rotate(45deg);
-          animation: ant-rotate 1.2s infinite linear;
          font-size: 32px;
+          transform: rotate(45deg);
+          box-sizing: border-box;
+          animation: antRotate 1.2s infinite linear;
        }

        .dot i {
-          display: block;
          position: absolute;
+          display: block;
          width: 20px;
          height: 20px;
-          transform: scale(0.75);
-          transform-origin: 50% 50%;
-          animation: ant-spin-move 1s infinite linear alternate;
-          border-radius: 100%;
-          opacity: 0.3;
          background-color: #0065cc;
+          border-radius: 100%;
+          opacity: 30%;
+          transform: scale(0.75);
+          animation: antSpinMove 1s infinite linear alternate;
+          transform-origin: 50% 50%;
        }

        .dot i:nth-child(1) {
@@ -113,38 +123,34 @@
          left: 0;
          animation-delay: 1.2s;
        }
-
-        @keyframes ant-rotate {
+        @keyframes antRotate {
          to {
            transform: rotate(405deg);
          }
        }
-
-        @keyframes ant-rotate {
+        @keyframes antRotate {
          to {
            transform: rotate(405deg);
          }
        }
-
-        @keyframes ant-spin-move {
+        @keyframes antSpinMove {
          to {
-            opacity: 1;
+            opacity: 100%;
          }
        }
-
-        @keyframes ant-spin-move {
+        @keyframes antSpinMove {
          to {
-            opacity: 1;
+            opacity: 100%;
          }
        }
      </style>
      <div class="app-loading">
        <div class="app-loading-wrap">
-          <img src="/logo.png" class="app-loading-logo" alt="Logo" />
+          <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
          <div class="app-loading-dots">
            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
          </div>
-          <div class="app-loading-title"><%= VITE_GLOB_APP_TITLE %></div>
+          <div class="app-loading-title"><%= title %></div>
        </div>
      </div>
    </div>
--- a/internal/eslint-config/.eslintrc.js
+++ b/internal/eslint-config/.eslintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/eslint-config/strict'],
-};
--- a/internal/eslint-config/build.config.ts
+++ b/internal/eslint-config/build.config.ts
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  entries: ['src/index', 'src/strict'],
-  declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
-});
--- a/internal/eslint-config/package.json
+++ b/internal/eslint-config/package.json
@@ -1,49 +0,0 @@
-{
-  "name": "@vben/eslint-config",
-  "version": "1.0.0",
-  "private": true,
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "internal/eslint-config"
-  },
-  "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./strict": {
-      "types": "./dist/strict.d.ts",
-      "import": "./dist/strict.mjs",
-      "require": "./dist/strict.cjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "pnpm rimraf .turbo node_modules dist",
-    "lint": "pnpm eslint .",
-    "stub": "pnpm unbuild --stub"
-  },
-  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "eslint": "^8.37.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-vue": "^9.10.0",
-    "vue-eslint-parser": "^9.1.1"
-  }
-}
--- a/internal/eslint-config/src/index.ts
+++ b/internal/eslint-config/src/index.ts
@@ -1,92 +0,0 @@
-export default {
-  env: {
-    browser: true,
-    node: true,
-    es6: true,
-  },
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    jsxPragma: 'React',
-    ecmaFeatures: {
-      jsx: true,
-    },
-    project: './tsconfig.*?.json',
-    createDefaultProgram: false,
-    extraFileExtensions: ['.vue'],
-  },
-  plugins: ['vue', '@typescript-eslint', 'import'],
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  rules: {
-    'no-unused-vars': 'off',
-    'no-case-declarations': 'off',
-    'no-use-before-define': 'off',
-    'space-before-function-paren': 'off',
-
-    'import/first': 'error',
-    'import/newline-after-import': 'error',
-    'import/no-duplicates': 'error',
-
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-      },
-    ],
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/no-use-before-define': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    'vue/script-setup-uses-vars': 'error',
-    'vue/no-reserved-component-names': 'off',
-    'vue/custom-event-name-casing': 'off',
-    'vue/attributes-order': 'off',
-    'vue/one-component-per-file': 'off',
-    'vue/html-closing-bracket-newline': 'off',
-    'vue/max-attributes-per-line': 'off',
-    'vue/multiline-html-element-content-newline': 'off',
-    'vue/singleline-html-element-content-newline': 'off',
-    'vue/attribute-hyphenation': 'off',
-    'vue/require-default-prop': 'off',
-    'vue/require-explicit-emits': 'off',
-    'vue/prefer-import-from-vue': 'off',
-    'vue/html-self-closing': [
-      'error',
-      {
-        html: {
-          void: 'always',
-          normal: 'never',
-          component: 'always',
-        },
-        svg: 'always',
-        math: 'always',
-      },
-    ],
-    'vue/multi-word-component-names': 'off',
-    // 'sort-imports': [
-    //   'error',
-    //   {
-    //     ignoreCase: true,
-    //     ignoreDeclarationSort: false,
-    //     ignoreMemberSort: false,
-    //     memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
-    //     allowSeparatedGroups: false,
-    //   },
-    // ],
-  },
-  globals: { defineOptions: 'readonly' },
-};
--- a/internal/eslint-config/src/strict.ts
+++ b/internal/eslint-config/src/strict.ts
@@ -1,66 +0,0 @@
-export default {
-  extends: ['@vben', 'plugin:import/recommended'],
-  plugins: ['simple-import-sort'],
-  rules: {
-    'object-shorthand': ['error', 'always', { ignoreConstructors: false, avoidQuotes: true }],
-
-    'import/no-unresolved': 'off',
-
-    'simple-import-sort/imports': 'error',
-    'simple-import-sort/exports': 'error',
-    '@typescript-eslint/ban-ts-comment': [
-      'error',
-      {
-        'ts-expect-error': 'allow-with-description',
-        'ts-ignore': 'allow-with-description',
-        'ts-nocheck': 'allow-with-description',
-        'ts-check': false,
-      },
-    ],
-
-    /**
-     * 【强制】关键字前后有一个空格
-     * @link https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/keyword-spacing.md
-     */
-    'keyword-spacing': 'off',
-    '@typescript-eslint/keyword-spacing': [
-      'error',
-      {
-        before: true,
-        after: true,
-        overrides: {
-          return: { after: true },
-          throw: { after: true },
-          case: { after: true },
-        },
-      },
-    ],
-
-    /**
-     * 禁止出现空函数，普通函数（非 async/await/generator）、箭头函数、类上的方法除外
-     * @link https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-empty-function.md
-     */
-    'no-empty-function': 'off',
-    '@typescript-eslint/no-empty-function': [
-      'error',
-      {
-        allow: ['arrowFunctions', 'functions', 'methods'],
-      },
-    ],
-
-    /**
-     * 优先使用 interface 而不是 type 定义对象类型
-     * @link https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/consistent-type-definitions.md
-     */
-    '@typescript-eslint/consistent-type-definitions': ['warn', 'interface'],
-
-    'vue/attributes-order': 'error',
-    'vue/require-default-prop': 'error',
-  },
-
-  settings: {
-    'import/resolver': {
-      node: { extensions: ['.ts', '.d.ts', '.tsx'] },
-    },
-  },
-};
--- a/internal/eslint-config/tsconfig.json
+++ b/internal/eslint-config/tsconfig.json
@@ -1,5 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/ts-config/node.json",
-  "include": ["src"]
-}
--- a/internal/stylelint-config/.eslintrc.js
+++ b/internal/stylelint-config/.eslintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/eslint-config/strict'],
-};
--- a/internal/stylelint-config/build.config.ts
+++ b/internal/stylelint-config/build.config.ts
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  entries: ['src/index'],
-  declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
-});
--- a/internal/stylelint-config/package.json
+++ b/internal/stylelint-config/package.json
@@ -1,49 +0,0 @@
-{
-  "name": "@vben/stylelint-config",
-  "version": "1.0.0",
-  "private": true,
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "internal/stylelint-config"
-  },
-  "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "pnpm rimraf .turbo node_modules dist",
-    "lint": "pnpm eslint .",
-    "stub": "pnpm unbuild --stub"
-  },
-  "devDependencies": {
-    "postcss": "^8.4.21",
-    "postcss-html": "^1.5.0",
-    "postcss-less": "^6.0.0",
-    "postcss-scss": "^4.0.6",
-    "prettier": "^2.8.7",
-    "stylelint": "^15.4.0",
-    "stylelint-config-property-sort-order-smacss": "^9.1.0",
-    "stylelint-config-recommended": "^11.0.0",
-    "stylelint-config-recommended-scss": "^9.0.1",
-    "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard": "^32.0.0",
-    "stylelint-config-standard-scss": "^7.0.1",
-    "stylelint-order": "^6.0.3",
-    "stylelint-prettier": "^3.0.0"
-  }
-}
--- a/internal/stylelint-config/tsconfig.json
+++ b/internal/stylelint-config/tsconfig.json
@@ -1,5 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/ts-config/node.json",
-  "include": ["src"]
-}
--- a/internal/ts-config/base.json
+++ b/internal/ts-config/base.json
@@ -1,27 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Base",
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "strict": true,
-    "declaration": true,
-    "noImplicitOverride": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true,
-    "useUnknownInCatchVariables": false,
-    "composite": false,
-    "declarationMap": false,
-    "forceConsistentCasingInFileNames": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "skipLibCheck": true,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "experimentalDecorators": true,
-    "resolveJsonModule": true,
-    "removeComments": true
-  },
-  "exclude": ["**/node_modules/**", "**/dist/**"]
-}
--- a/internal/ts-config/node.json
+++ b/internal/ts-config/node.json
@@ -1,12 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Node Config",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "lib": ["ESNext"],
-    "noImplicitAny": true,
-    "sourceMap": true,
-    "noEmit": true,
-    "baseUrl": "./"
-  }
-}
--- a/internal/ts-config/package.json
+++ b/internal/ts-config/package.json
@@ -1,26 +0,0 @@
-{
-  "name": "@vben/ts-config",
-  "version": "1.0.0",
-  "private": true,
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "internal/ts-config"
-  },
-  "license": "MIT",
-  "files": [
-    "base.json",
-    "node.json",
-    "vue.json",
-    "node-server.json"
-  ],
-  "dependencies": {
-    "@types/node": "^18.15.11",
-    "unplugin-vue-define-options": "^1.3.3",
-    "vite": "^4.3.0-beta.2"
-  }
-}
--- a/internal/ts-config/vue-app.json
+++ b/internal/ts-config/vue-app.json
@@ -1,11 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Vue Application",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "jsx": "preserve",
-    "lib": ["ESNext", "DOM"],
-    "noImplicitAny": false
-
-  }
-}
--- a/internal/vite-config/.eslintrc.js
+++ b/internal/vite-config/.eslintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/eslint-config/strict'],
-};
--- a/internal/vite-config/build.config.ts
+++ b/internal/vite-config/build.config.ts
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  entries: ['src/index'],
-  declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
-});
--- a/internal/vite-config/package.json
+++ b/internal/vite-config/package.json
@@ -1,59 +0,0 @@
-{
-  "name": "@vben/vite-config",
-  "version": "1.0.0",
-  "private": true,
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "internal/vite-config"
-  },
-  "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "pnpm rimraf .turbo node_modules dist",
-    "lint": "pnpm eslint .",
-    "stub": "pnpm unbuild --stub"
-  },
-  "dependencies": {
-    "@ant-design/colors": "^7.0.0",
-    "vite": "^4.3.0-beta.2"
-  },
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.1",
-    "@vitejs/plugin-vue": "^4.1.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "ant-design-vue": "^3.2.17",
-    "dayjs": "^1.11.7",
-    "dotenv": "^16.0.3",
-    "fs-extra": "^11.1.1",
-    "less": "^4.1.3",
-    "picocolors": "^1.0.0",
-    "pkg-types": "^1.0.2",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.61.0",
-    "unocss": "^0.50.6",
-    "unplugin-vue-define-options": "^1.3.3",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-dts": "^2.2.0",
-    "vite-plugin-html": "^3.2.0",
-    "vite-plugin-mock": "^2.9.6",
-    "vite-plugin-purge-icons": "^0.9.2",
-    "vite-plugin-svg-icons": "^2.0.1"
-  }
-}
--- a/internal/vite-config/src/config/application.ts
+++ b/internal/vite-config/src/config/application.ts
@@ -1,114 +0,0 @@
-import { resolve } from 'node:path';
-
-import dayjs from 'dayjs';
-import { readPackageJSON } from 'pkg-types';
-import { defineConfig, loadEnv, mergeConfig, type UserConfig } from 'vite';
-
-import { createPlugins } from '../plugins';
-import { generateModifyVars } from '../utils/modifyVars';
-import { commonConfig } from './common';
-
-interface DefineOptions {
-  overrides?: UserConfig;
-  options?: {
-    //
-  };
-}
-
-function defineApplicationConfig(defineOptions: DefineOptions = {}) {
-  const { overrides = {} } = defineOptions;
-
-  return defineConfig(async ({ command, mode }) => {
-    const root = process.cwd();
-    const isBuild = command === 'build';
-    const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_ENABLE_ANALYZE } = loadEnv(mode, root);
-
-    const defineData = await createDefineData(root);
-    const plugins = await createPlugins({
-      isBuild,
-      root,
-      enableAnalyze: VITE_ENABLE_ANALYZE === 'true',
-      enableMock: VITE_USE_MOCK === 'true',
-      compress: VITE_BUILD_COMPRESS,
-    });
-
-    const pathResolve = (pathname: string) => resolve(root, '.', pathname);
-
-    const applicationConfig: UserConfig = {
-      resolve: {
-        alias: [
-          {
-            find: 'vue-i18n',
-            replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
-          },
-          // /@/xxxx => src/xxxx
-          {
-            find: /\/@\//,
-            replacement: pathResolve('src') + '/',
-          },
-          // /#/xxxx => types/xxxx
-          {
-            find: /\/#\//,
-            replacement: pathResolve('types') + '/',
-          },
-          // @/xxxx => src/xxxx
-          {
-            find: /@\//,
-            replacement: pathResolve('src') + '/',
-          },
-          // #/xxxx => types/xxxx
-          {
-            find: /#\//,
-            replacement: pathResolve('types') + '/',
-          },
-        ],
-      },
-      define: defineData,
-      build: {
-        target: 'es2015',
-        cssTarget: 'chrome80',
-        rollupOptions: {
-          output: {
-            manualChunks: {
-              vue: ['vue', 'pinia', 'vue-router'],
-              // antd: ['ant-design-vue', '@ant-design/icons-vue'],
-              // vxe: ['vxe-table', 'vxe-table-plugin-export-xlsx', 'xe-utils'],
-            },
-          },
-        },
-      },
-      css: {
-        preprocessorOptions: {
-          less: {
-            modifyVars: generateModifyVars(),
-            javascriptEnabled: true,
-          },
-        },
-      },
-      plugins,
-    };
-
-    const mergedConfig = mergeConfig(commonConfig, applicationConfig);
-
-    return mergeConfig(mergedConfig, overrides);
-  });
-}
-
-async function createDefineData(root: string) {
-  try {
-    const pkgJson = await readPackageJSON(root);
-    const { dependencies, devDependencies, name, version } = pkgJson;
-
-    const __APP_INFO__ = {
-      pkg: { dependencies, devDependencies, name, version },
-      lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-    };
-    return {
-      __APP_INFO__: JSON.stringify(__APP_INFO__),
-    };
-  } catch (error) {
-    return {};
-  }
-}
-
-export { defineApplicationConfig };
--- a/internal/vite-config/src/config/common.ts
+++ b/internal/vite-config/src/config/common.ts
@@ -1,27 +0,0 @@
-import { presetTypography, presetUno } from 'unocss';
-import UnoCSS from 'unocss/vite';
-import { type UserConfig } from 'vite';
-
-const commonConfig: UserConfig = {
-  server: {
-    host: true,
-  },
-  esbuild: {
-    drop: ['console', 'debugger'],
-  },
-  build: {
-    reportCompressedSize: false,
-    chunkSizeWarningLimit: 1500,
-    rollupOptions: {
-      // TODO: Prevent memory overflow
-      maxParallelFileOps: 3,
-    },
-  },
-  plugins: [
-    UnoCSS({
-      presets: [presetUno(), presetTypography()],
-    }),
-  ],
-};
-
-export { commonConfig };
--- a/internal/vite-config/src/config/package.ts
+++ b/internal/vite-config/src/config/package.ts
@@ -1,42 +0,0 @@
-import { readPackageJSON } from 'pkg-types';
-import { defineConfig, mergeConfig, type UserConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-import { commonConfig } from './common';
-
-interface DefineOptions {
-  overrides?: UserConfig;
-  options?: {
-    //
-  };
-}
-
-function definePackageConfig(defineOptions: DefineOptions = {}) {
-  const { overrides = {} } = defineOptions;
-  const root = process.cwd();
-  return defineConfig(async () => {
-    const { dependencies = {}, peerDependencies = {} } = await readPackageJSON(root);
-    const packageConfig: UserConfig = {
-      build: {
-        lib: {
-          entry: 'src/index.ts',
-          formats: ['es'],
-          fileName: () => 'index.mjs',
-        },
-        rollupOptions: {
-          external: [...Object.keys(dependencies), ...Object.keys(peerDependencies)],
-        },
-      },
-      plugins: [
-        dts({
-          logLevel: 'error',
-        }),
-      ],
-    };
-    const mergedConfig = mergeConfig(commonConfig, packageConfig);
-
-    return mergeConfig(mergedConfig, overrides);
-  });
-}
-
-export { definePackageConfig };
--- a/internal/vite-config/src/index.ts
+++ b/internal/vite-config/src/index.ts
@@ -1,2 +0,0 @@
-export * from './config/application';
-export * from './config/package';
--- a/internal/vite-config/src/plugins/appConfig.ts
+++ b/internal/vite-config/src/plugins/appConfig.ts
@@ -1,96 +0,0 @@
-import colors from 'picocolors';
-import { readPackageJSON } from 'pkg-types';
-import { type PluginOption } from 'vite';
-
-import { getEnvConfig } from '../utils/env';
-import { createContentHash } from '../utils/hash';
-
-const GLOBAL_CONFIG_FILE_NAME = '_app.config.js';
-const PLUGIN_NAME = 'app-config';
-
-async function createAppConfigPlugin({
-  root,
-  isBuild,
-}: {
-  root: string;
-  isBuild: boolean;
-}): Promise<PluginOption> {
-  let publicPath: string;
-  let source: string;
-  if (!isBuild) {
-    return {
-      name: PLUGIN_NAME,
-    };
-  }
-  const { version = '' } = await readPackageJSON(root);
-
-  return {
-    name: PLUGIN_NAME,
-    async configResolved(_config) {
-      let appTitle = _config?.env?.VITE_GLOB_APP_TITLE ?? '';
-      appTitle = appTitle.replace(/\s/g, '_');
-      publicPath = _config.base;
-      source = await getConfigSource(appTitle);
-    },
-    async transformIndexHtml(html) {
-      publicPath = publicPath.endsWith('/') ? publicPath : `${publicPath}/`;
-
-      const appConfigSrc = `${
-        publicPath || '/'
-      }${GLOBAL_CONFIG_FILE_NAME}?v=${version}-${createContentHash(source)}}`;
-
-      return {
-        html,
-        tags: [
-          {
-            tag: 'script',
-            attrs: {
-              src: appConfigSrc,
-            },
-          },
-        ],
-      };
-    },
-    async generateBundle() {
-      try {
-        this.emitFile({
-          type: 'asset',
-          fileName: GLOBAL_CONFIG_FILE_NAME,
-          source,
-        });
-
-        console.log(colors.cyan(`✨configuration file is build successfully!`));
-      } catch (error) {
-        console.log(
-          colors.red('configuration file configuration file failed to package:\n' + error),
-        );
-      }
-    },
-  };
-}
-
-/**
- * Get the configuration file variable name
- * @param env
- */
-const getVariableName = (title: string) => {
-  return `__PRODUCTION__${title || '__APP'}__CONF__`.toUpperCase().replace(/\s/g, '');
-};
-
-async function getConfigSource(appTitle: string) {
-  const config = await getEnvConfig();
-  const variableName = getVariableName(appTitle);
-  const windowVariable = `window.${variableName}`;
-  // Ensure that the variable will not be modified
-  let source = `${windowVariable}=${JSON.stringify(config)};`;
-  source += `
-    Object.freeze(${windowVariable});
-    Object.defineProperty(window, "${variableName}", {
-      configurable: false,
-      writable: false,
-    });
-  `.replace(/\s/g, '');
-  return source;
-}
-
-export { createAppConfigPlugin };
--- a/internal/vite-config/src/plugins/html.ts
+++ b/internal/vite-config/src/plugins/html.ts
@@ -1,13 +0,0 @@
-/**
- * Plugin to minimize and use ejs template syntax in index.html.
- * https://github.com/anncwb/vite-plugin-html
- */
-import type { PluginOption } from 'vite';
-import { createHtmlPlugin } from 'vite-plugin-html';
-
-export function configHtmlPlugin({ isBuild }: { isBuild: boolean }) {
-  const htmlPlugin: PluginOption[] = createHtmlPlugin({
-    minify: isBuild,
-  });
-  return htmlPlugin;
-}
--- a/internal/vite-config/src/plugins/index.ts
+++ b/internal/vite-config/src/plugins/index.ts
@@ -1,61 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-// @ts-ignore: type unless
-import DefineOptions from 'unplugin-vue-define-options/vite';
-import { type PluginOption } from 'vite';
-import purgeIcons from 'vite-plugin-purge-icons';
-
-import { createAppConfigPlugin } from './appConfig';
-import { configCompressPlugin } from './compress';
-import { configHtmlPlugin } from './html';
-import { configMockPlugin } from './mock';
-import { configSvgIconsPlugin } from './svgSprite';
-import { configVisualizerConfig } from './visualizer';
-
-interface Options {
-  isBuild: boolean;
-  root: string;
-  compress: string;
-  enableMock?: boolean;
-  enableAnalyze?: boolean;
-}
-
-async function createPlugins({ isBuild, root, enableMock, compress, enableAnalyze }: Options) {
-  const vitePlugins: (PluginOption | PluginOption[])[] = [vue(), vueJsx(), DefineOptions()];
-
-  const appConfigPlugin = await createAppConfigPlugin({ root, isBuild });
-  vitePlugins.push(appConfigPlugin);
-
-  // vite-plugin-html
-  vitePlugins.push(configHtmlPlugin({ isBuild }));
-
-  // vite-plugin-svg-icons
-  vitePlugins.push(configSvgIconsPlugin({ isBuild }));
-
-  // vite-plugin-purge-icons
-  vitePlugins.push(purgeIcons());
-
-  // The following plugins only work in the production environment
-  if (isBuild) {
-    // rollup-plugin-gzip
-    vitePlugins.push(
-      configCompressPlugin({
-        compress,
-      }),
-    );
-  }
-
-  // rollup-plugin-visualizer
-  if (enableAnalyze) {
-    vitePlugins.push(configVisualizerConfig());
-  }
-
-  // vite-plugin-mock
-  if (enableMock) {
-    vitePlugins.push(configMockPlugin({ isBuild }));
-  }
-
-  return vitePlugins;
-}
-
-export { createPlugins };
--- a/internal/vite-config/src/plugins/svgSprite.ts
+++ b/internal/vite-config/src/plugins/svgSprite.ts
@@ -1,17 +0,0 @@
-/**
- *  Vite Plugin for fast creating SVG sprites.
- * https://github.com/anncwb/vite-plugin-svg-icons
- */
-
-import { resolve } from 'node:path';
-
-import type { PluginOption } from 'vite';
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
-
-export function configSvgIconsPlugin({ isBuild }: { isBuild: boolean }) {
-  const svgIconsPlugin = createSvgIconsPlugin({
-    iconDirs: [resolve(process.cwd(), 'src/assets/icons')],
-    svgoOptions: isBuild,
-  });
-  return svgIconsPlugin as PluginOption;
-}
--- a/internal/vite-config/src/plugins/visualizer.ts
+++ b/internal/vite-config/src/plugins/visualizer.ts
@@ -1,14 +0,0 @@
-/**
- * Package file volume analysis
- */
-import visualizer from 'rollup-plugin-visualizer';
-import { type PluginOption } from 'vite';
-
-export function configVisualizerConfig() {
-  return visualizer({
-    filename: './node_modules/.cache/visualizer/stats.html',
-    open: true,
-    gzipSize: true,
-    brotliSize: true,
-  }) as PluginOption;
-}
--- a/internal/vite-config/src/utils/env.ts
+++ b/internal/vite-config/src/utils/env.ts
@@ -1,44 +0,0 @@
-import { join } from 'node:path';
-
-import dotenv from 'dotenv';
-import { readFile } from 'fs-extra';
-
-/**
- * 获取当前环境下生效的配置文件名
- */
-function getConfFiles() {
-  const script = process.env.npm_lifecycle_script as string;
-  const reg = new RegExp('--mode ([a-z_\\d]+)');
-  const result = reg.exec(script);
-  if (result) {
-    const mode = result[1];
-    return ['.env', `.env.${mode}`];
-  }
-  return ['.env', '.env.production'];
-}
-
-/**
- * Get the environment variables starting with the specified prefix
- * @param match prefix
- * @param confFiles ext
- */
-export async function getEnvConfig(match = 'VITE_GLOB_', confFiles = getConfFiles()) {
-  let envConfig = {};
-
-  for (const confFile of confFiles) {
-    try {
-      const envPath = await readFile(join(process.cwd(), confFile), { encoding: 'utf8' });
-      const env = dotenv.parse(envPath);
-      envConfig = { ...envConfig, ...env };
-    } catch (e) {
-      console.error(`Error in parsing ${confFile}`, e);
-    }
-  }
-  const reg = new RegExp(`^(${match})`);
-  Object.keys(envConfig).forEach((key) => {
-    if (!reg.test(key)) {
-      Reflect.deleteProperty(envConfig, key);
-    }
-  });
-  return envConfig;
-}
--- a/internal/vite-config/src/utils/hash.ts
+++ b/internal/vite-config/src/utils/hash.ts
@@ -1,8 +0,0 @@
-import { createHash } from 'node:crypto';
-
-function createContentHash(content: string, hashLSize = 12) {
-  const hash = createHash('sha256').update(content);
-  return hash.digest('hex').slice(0, hashLSize);
-}
-
-export { createContentHash };
--- a/internal/vite-config/tsconfig.json
+++ b/internal/vite-config/tsconfig.json
@@ -1,5 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/ts-config/node.json",
-  "include": ["src"]
-}
--- a/mock/_createProductionServer.ts
+++ b/mock/_createProductionServer.ts
@@ -1,21 +1,5 @@
 import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer';

-// 问题描述
-// 1. `import.meta.globEager` 已被弃用, 需要升级vite版本,有兼容问题
-// 2. `vite-plugin-mock` 插件问题 https://github.com/vbenjs/vite-plugin-mock/issues/56
-
-// const modules: Record<string, any> = import.meta.glob("./**/*.ts", {
-//   import: "default",
-//   eager: true,
-// });
-
-// const mockModules = Object.keys(modules).reduce((pre, key) => {
-//   if (!key.includes("/_")) {
-//     pre.push(...modules[key]);
-//   }
-//   return pre;
-// }, [] as any[]);
-
 const modules = import.meta.globEager('./**/*.ts');

 const mockModules: any[] = [];
--- a/mock/_util.ts
+++ b/mock/_util.ts
@@ -1,9 +1,8 @@
 // Interface data format used to return a unified format
-import { ResultEnum } from '/@/enums/httpEnum';

 export function resultSuccess<T = Recordable>(result: T, { message = 'ok' } = {}) {
  return {
-    code: ResultEnum.SUCCESS,
+    code: 0,
    result,
    message,
    type: 'success',
@@ -27,10 +26,7 @@ export function resultPageSuccess<T = any>(
  };
 }

-export function resultError(
-  message = 'Request failed',
-  { code = ResultEnum.ERROR, result = null } = {},
-) {
+export function resultError(message = 'Request failed', { code = -1, result = null } = {}) {
  return {
    code,
    result,
@@ -41,9 +37,11 @@ export function resultError(

 export function pagination<T = any>(pageNo: number, pageSize: number, array: T[]): T[] {
  const offset = (pageNo - 1) * Number(pageSize);
-  return offset + Number(pageSize) >= array.length
+  const ret =
+    offset + Number(pageSize) >= array.length
      ? array.slice(offset, array.length)
      : array.slice(offset, offset + Number(pageSize));
+  return ret;
 }

 export interface requestParams {
--- a/mock/demo/table-demo.ts
+++ b/mock/demo/table-demo.ts
@@ -27,9 +27,6 @@ const demoList = (() => {
      name6: '@cname()',
      name7: '@cname()',
      name8: '@cname()',
-      radio1: `选项${index + 1}`,
-      radio2: `选项${index + 1}`,
-      radio3: `选项${index + 1}`,
      avatar: Random.image('400x400', Random.color(), Random.color(), Random.first()),
      imgArr: getRandomPics(Math.ceil(Math.random() * 3) + 1),
      imgs: getRandomPics(Math.ceil(Math.random() * 3) + 1),
--- a/mock/sys/menu.ts
+++ b/mock/sys/menu.ts
@@ -221,11 +221,11 @@ const linkRoute = {
      name: 'Doc',
      meta: {
        title: 'routes.demo.iframe.doc',
-        frameSrc: 'https://doc.vvbin.cn/',
+        frameSrc: 'https://vvbin.cn/doc-next/',
      },
    },
    {
-      path: 'https://doc.vvbin.cn/',
+      path: 'https://vvbin.cn/doc-next/',
      name: 'DocExternal',
      component: 'LAYOUT',
      meta: {
--- a/mock/sys/user.ts
+++ b/mock/sys/user.ts
@@ -7,7 +7,7 @@ export function createFakeUserList() {
      userId: '1',
      username: 'vben',
      realName: 'Vben Admin',
-      avatar: '',
+      avatar: 'https://q1.qlogo.cn/g?b=qq&nk=190848757&s=640',
      desc: 'manager',
      password: '123456',
      token: 'fakeToken1',
@@ -24,7 +24,7 @@ export function createFakeUserList() {
      username: 'test',
      password: '123456',
      realName: 'test user',
-      avatar: '',
+      avatar: 'https://q1.qlogo.cn/g?b=qq&nk=339449197&s=640',
      desc: 'tester',
      token: 'fakeToken2',
      homePath: '/dashboard/workbench',
--- a/package.json
+++ b/package.json
@@ -1,155 +1,223 @@
 {
  "name": "vben-admin",
-  "version": "3.0.0-alpha.1",
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git"
-  },
-  "license": "MIT",
+  "version": "2.8.0",
  "author": {
    "name": "vben",
    "email": "anncwb@126.com",
    "url": "https://github.com/anncwb"
  },
-  "scripts": {
-    "bootstrap": "pnpm install",
-    "build": "cross-env NODE_ENV=production pnpm vite build",
-    "build:analyze": "pnpm vite build --mode analyze",
-    "build:no-cache": "pnpm clean:cache && npm run build",
-    "build:test": "pnpm vite build --mode test",
-    "commit": "czg",
-    "dev": "pnpm vite",
-    "preinstall": "npx only-allow pnpm",
-    "postinstall": "turbo run stub",
-    "lint": "turbo run lint",
-    "lint:eslint": "eslint --cache --max-warnings 0  \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
-    "lint:prettier": "prettier --write .",
-    "lint:stylelint": "stylelint \"**/*.{vue,css,less.scss}\" --fix --cache --cache-location node_modules/.cache/stylelint/",
-    "prepare": "husky install",
-    "preview": "npm run build && vite preview",
-    "reinstall": "rimraf pnpm-lock.yaml && rimraf package.lock.json && rimraf node_modules && npm run bootstrap",
-    "serve": "npm run dev",
-    "test:gzip": "npx http-server dist --cors --gzip -c-1",
-    "type:check": "vue-tsc --noEmit --skipLibCheck"
+  "main": "dist/main/build.js",
+  "build": {
+    "appId": "xxx@gmail.com",
+    "electronDownload": {
+      "mirror": "https://npm.taobao.org/mirrors/electron/"
    },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "prettier --write",
-      "eslint --fix"
+    "files": [
+      "!node_modules",
+      "dist/**"
    ],
-    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
-      "prettier --write--parser json"
-    ],
-    "package.json": [
-      "prettier --write"
-    ],
-    "*.vue": [
-      "prettier --write",
-      "eslint --fix",
-      "stylelint --fix"
-    ],
-    "*.{scss,less,styl,html}": [
-      "prettier --write",
-      "stylelint --fix"
-    ],
-    "*.md": [
-      "prettier --write"
+    "asar": false,
+    "mac": {
+      "artifactName": "${productName}_setup_${version}.${ext}",
+      "target": [
+        "dmg"
      ]
    },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-git"
+    "linux": {
+      "icon": "build/icons/512x512.png",
+      "target": [
+        "deb"
+      ]
+    },
+    "win": {
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64"
+          ]
+        }
+      ],
+      "artifactName": "${productName}_setup_${version}.${ext}"
+    },
+    "nsis": {
+      "oneClick": false,
+      "perMachine": false,
+      "allowToChangeInstallationDirectory": true,
+      "deleteAppDataOnUninstall": false
    }
  },
+  "scripts": {
+    "bootstrap": "pnpm install",
+    "serve": "npm run dev",
+    "dev": "vite",
+    "build": "cross-env NODE_ENV=production vite build && esno ./build/script/postBuild.ts",
+    "build:test": "cross-env vite build --mode test && esno ./build/script/postBuild.ts",
+    "build:no-cache": "pnpm clean:cache && npm run build",
+    "dev:app": "esno ./build/script/startElectron.ts --env=development --watch",
+    "build:app": "npm run build && esno ./build/script/startElectron.ts --env=production && electron-builder ",
+    "report": "cross-env REPORT=true npm run build",
+    "type:check": "vue-tsc --noEmit --skipLibCheck",
+    "preview": "npm run build && vite preview",
+    "preview:dist": "vite preview",
+    "log": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
+    "clean:lib": "rimraf node_modules",
+    "lint:eslint": "eslint --cache --max-warnings 0  \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "lint:lint-staged": "lint-staged",
+    "test:unit": "jest",
+    "test:gzip": "npx http-server dist --cors --gzip -c-1",
+    "test:br": "npx http-server dist --cors --brotli -c-1",
+    "reinstall": "rimraf pnpm-lock.yaml && rimraf package.lock.json && rimraf node_modules && npm run bootstrap",
+    "prepare": "husky install",
+    "gen:icon": "esno ./build/generate/icon/index.ts"
+  },
  "dependencies": {
+    "@ant-design/colors": "^6.0.0",
    "@ant-design/icons-vue": "^6.1.0",
-    "@iconify/iconify": "^3.1.0",
-    "@logicflow/core": "^1.2.1",
-    "@logicflow/extension": "^1.2.1",
-    "@vben/hooks": "workspace:*",
-    "@vben/shared": "workspace:*",
-    "@vue/shared": "^3.2.47",
-    "@vueuse/core": "^9.13.0",
-    "@vueuse/shared": "^9.13.0",
-    "@zxcvbn-ts/core": "^2.2.1",
-    "ant-design-vue": "^3.2.17",
-    "axios": "^1.3.5",
-    "codemirror": "^5.65.12",
-    "cropperjs": "^1.5.13",
+    "@logicflow/core": "^0.6.16",
+    "@logicflow/extension": "^0.6.16",
+    "@iconify/iconify": "^2.2.1",
+    "@vue/runtime-core": "^3.2.31",
+    "@vue/shared": "^3.2.31",
+    "@vueuse/core": "^6.3.3",
+    "@vueuse/shared": "^6.3.3",
+    "@zxcvbn-ts/core": "^2.0.1",
+    "ant-design-vue": "3.1.1",
+    "axios": "^0.21.4",
+    "codemirror": "^5.62.3",
+    "cropperjs": "^1.5.12",
+    "electron-is-dev": "^1.2.0",
    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.7",
-    "echarts": "^5.4.2",
-    "exceljs": "^4.3.0",
-    "intro.js": "^7.0.1",
+    "dayjs": "^1.11.0",
+    "echarts": "^5.2.0",
+    "intro.js": "^4.2.2",
    "lodash-es": "^4.17.21",
    "mockjs": "^1.1.0",
    "nprogress": "^0.2.0",
-    "path-to-regexp": "^6.2.1",
-    "pinia": "2.0.33",
+    "path-to-regexp": "^6.2.0",
+    "pinia": "2.0.12",
    "print-js": "^1.6.0",
-    "qrcode": "^1.5.1",
-    "qs": "^6.11.1",
+    "qrcode": "^1.4.4",
+    "qs": "^6.10.3",
    "resize-observer-polyfill": "^1.5.1",
-    "showdown": "^2.1.0",
-    "sortablejs": "^1.15.0",
-    "tinymce": "^5.10.7",
-    "vditor": "^3.9.1",
-    "vue": "^3.2.47",
-    "vue-i18n": "^9.2.2",
-    "vue-json-pretty": "^2.2.4",
-    "vue-router": "^4.1.6",
-    "vue-types": "^5.0.2",
-    "vuedraggable": "^4.1.0",
-    "vxe-table": "^4.3.11",
-    "vxe-table-plugin-export-xlsx": "^3.0.4",
-    "xe-utils": "^3.5.7",
+    "showdown": "^1.9.1",
+    "sortablejs": "^1.14.0",
+    "tinymce": "^5.9.2",
+    "vditor": "^3.8.13",
+    "vue": "^3.2.31",
+    "vue-i18n": "^9.1.9",
+    "vue-json-pretty": "^2.0.6",
+    "vue-router": "^4.0.14",
+    "vue-types": "^4.1.1",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
-    "@commitlint/cli": "^17.5.1",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@iconify/json": "^2.2.46",
-    "@purge-icons/generated": "^0.9.0",
-    "@types/codemirror": "^5.60.7",
-    "@types/crypto-js": "^4.1.1",
-    "@types/intro.js": "^5.1.1",
-    "@types/lodash-es": "^4.17.7",
-    "@types/mockjs": "^1.0.7",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
+    "@iconify/json": "^1.1.401",
+    "@purge-icons/generated": "^0.7.0",
+    "@rollup/plugin-alias": "^3.1.1",
+    "@rollup/plugin-commonjs": "^15.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@types/codemirror": "^5.60.2",
+    "@types/crypto-js": "^4.0.2",
+    "@types/fs-extra": "^9.0.12",
+    "@types/inquirer": "^8.1.1",
+    "@types/intro.js": "^3.0.2",
+    "@types/jest": "^27.0.1",
+    "@types/lodash-es": "^4.17.5",
+    "@types/mockjs": "^1.0.4",
+    "@types/node": "^16.9.1",
    "@types/nprogress": "^0.2.0",
-    "@types/qrcode": "^1.5.0",
+    "@types/qrcode": "^1.4.1",
    "@types/qs": "^6.9.7",
-    "@types/showdown": "^2.0.0",
-    "@types/sortablejs": "^1.15.1",
-    "@vben/eslint-config": "workspace:*",
-    "@vben/stylelint-config": "workspace:*",
-    "@vben/ts-config": "workspace:*",
-    "@vben/types": "workspace:*",
-    "@vben/vite-config": "workspace:*",
-    "@vue/compiler-sfc": "^3.2.47",
-    "@vue/test-utils": "^2.3.2",
+    "@types/showdown": "^1.9.4",
+    "@types/sortablejs": "^1.10.7",
+    "@typescript-eslint/eslint-plugin": "^4.31.0",
+    "@typescript-eslint/parser": "^4.31.0",
+    "@vitejs/plugin-legacy": "^1.5.3",
+    "@vitejs/plugin-vue": "^1.6.2",
+    "@vitejs/plugin-vue-jsx": "^1.1.8",
+    "@vue/compiler-sfc": "3.2.11",
+    "@vue/test-utils": "^2.0.0-rc.14",
+    "autoprefixer": "^10.3.4",
+    "commitizen": "^4.2.4",
+    "conventional-changelog-cli": "^2.1.1",
    "cross-env": "^7.0.3",
-    "cz-git": "^1.6.1",
-    "czg": "^1.6.1",
-    "husky": "^8.0.3",
-    "lint-staged": "13.2.0",
-    "prettier": "^2.8.7",
-    "prettier-plugin-packagejson": "^2.4.3",
-    "rimraf": "^4.4.1",
-    "turbo": "^1.8.8",
-    "typescript": "^5.0.3",
-    "unbuild": "^1.2.0",
-    "unplugin-vue-define-options": "^1.3.3",
-    "vite": "^4.3.0-beta.2",
+    "dotenv": "^10.0.0",
+    "electron": "^18.0.0",
+    "electron-builder": "^22.8.0",
+    "electron-connect": "^0.6.3",
+    "electron-contextmenu-middleware": "^1.0.3",
+    "electron-input-menu": "^2.1.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-define-config": "^1.0.9",
+    "eslint-plugin-jest": "^24.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^7.17.0",
+    "esno": "^0.9.1",
+    "fs-extra": "^10.0.0",
+    "http-server": "^13.0.1",
+    "husky": "^7.0.2",
+    "inquirer": "^8.1.2",
+    "is-ci": "^3.0.0",
+    "jest": "^27.2.0",
+    "less": "^4.1.1",
+    "lint-staged": "12.3.7",
+    "npm-run-all": "^4.1.5",
+    "picocolors": "^1.0.0",
+    "postcss": "^8.3.6",
+    "postcss-html": "^1.3.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.4.0",
+    "pretty-quick": "^3.1.1",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-esbuild": "^3.0.2",
+    "rollup-plugin-visualizer": "5.5.2",
+    "stylelint": "^13.13.1",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-order": "^4.1.0",
+    "ts-jest": "^27.0.5",
+    "ts-node": "^10.2.1",
+    "typescript": "4.4.3",
+    "vite": "^2.9.1",
+    "vite-plugin-compression": "^0.3.5",
+    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-imagemin": "^0.4.5",
+    "vite-plugin-mkcert": "^1.6.0",
    "vite-plugin-mock": "^2.9.6",
-    "vue-tsc": "^1.2.0"
+    "vite-plugin-purge-icons": "^0.7.0",
+    "vite-plugin-pwa": "^0.11.2",
+    "vite-plugin-style-import": "^2.0.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-theme": "^0.8.1",
+    "wait-on": "^5.2.1",
+    "vite-plugin-vue-setup-extend": "^0.1.0",
+    "vite-plugin-windicss": "^1.4.2",
+    "vue-eslint-parser": "^7.11.0",
+    "vue-tsc": "^0.3.0"
  },
-  "packageManager": "pnpm@8.1.0",
+  "resolutions": {
+    "bin-wrapper": "npm:bin-wrapper-china",
+    "rollup": "^2.56.3",
+    "gifsicle": "5.2.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/anncwb/vue-vben-admin.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/anncwb/vue-vben-admin/issues"
+  },
+  "homepage": "https://github.com/anncwb/vue-vben-admin",
  "engines": {
-    "node": ">=16.15.1",
-    "pnpm": ">=8.1.0"
+    "node": "^12 || >=14"
  }
 }
--- a/packages/.gitkeep
+++ b/packages/.gitkeep
--- a/packages/hooks/.eslintrc.js
+++ b/packages/hooks/.eslintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/eslint-config/strict'],
-};
--- a/packages/hooks/build.config.ts
+++ b/packages/hooks/build.config.ts
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  entries: ['src/index'],
-  declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
-});
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,38 +0,0 @@
-{
-  "name": "@vben/hooks",
-  "version": "1.0.0",
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "packages/hooks"
-  },
-  "license": "MIT",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "default": "./src/index.ts"
-    }
-  },
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "//build": "pnpm unbuild",
-    "//stub": "pnpm unbuild --stub",
-    "clean": "pnpm rimraf .turbo node_modules dist",
-    "lint": "pnpm eslint ."
-  },
-  "dependencies": {
-    "@vueuse/core": "^9.13.0",
-    "vue": "^3.2.47"
-  },
-  "devDependencies": {
-    "@vben/types": "workspace:*"
-  }
-}
--- a/packages/hooks/src/index.ts
+++ b/packages/hooks/src/index.ts
@@ -1,6 +0,0 @@
-export * from './onMountedOrActivated';
-export * from './useAttrs';
-export * from './useRefs';
-export * from './useScrollTo';
-export * from './useWindowSizeFn';
-export { useTimeoutFn } from '@vueuse/core';
--- a/packages/hooks/src/onMountedOrActivated.ts
+++ b/packages/hooks/src/onMountedOrActivated.ts
@@ -1,25 +0,0 @@
-import { type AnyFunction } from '@vben/types';
-import { nextTick, onActivated, onMounted } from 'vue';
-
-/**
- * 在 OnMounted 或者 OnActivated 时触发
- * @param hook 任何函数（包括异步函数）
- */
-function onMountedOrActivated(hook: AnyFunction) {
-  let mounted: boolean;
-
-  onMounted(() => {
-    hook();
-    nextTick(() => {
-      mounted = true;
-    });
-  });
-
-  onActivated(() => {
-    if (mounted) {
-      hook();
-    }
-  });
-}
-
-export { onMountedOrActivated };
--- a/packages/hooks/src/useRefs.ts
+++ b/packages/hooks/src/useRefs.ts
@@ -1,34 +0,0 @@
-import { type ComponentPublicInstance, onBeforeUpdate, type Ref, shallowRef } from 'vue';
-
-type SetRefsFunctionRef = Element | ComponentPublicInstance | null;
-
-interface SetRefsFunction {
-  (ref: SetRefsFunctionRef, refs: Record<string, any>): void;
-}
-
-/**
- * 用于模版循环获取 refs
- * <div :ref="setRefs(index)"></div>
- * @returns
- */
-function useRefs(): {
-  refs: Ref<HTMLElement[]>;
-  setRefs: (index: number) => SetRefsFunction;
-} {
-  const refs = shallowRef([]) as Ref<HTMLElement[]>;
-
-  onBeforeUpdate(() => {
-    refs.value = [];
-  });
-
-  const setRefs = (index: number) => (ref: SetRefsFunctionRef, refs: Record<string, any>) => {
-    refs.value[index] = ref;
-  };
-
-  return {
-    refs,
-    setRefs,
-  };
-}
-
-export { useRefs };
--- a/packages/hooks/src/useWindowSizeFn.ts
+++ b/packages/hooks/src/useWindowSizeFn.ts
@@ -1,52 +0,0 @@
-import { type AnyFunction } from '@vben/types';
-import { tryOnMounted, tryOnUnmounted, useDebounceFn } from '@vueuse/core';
-
-interface UseWindowSizeOptions {
-  /**
-   * 节流时间
-   * @default 150
-   */
-  wait?: number;
-  /**
-   * 立即执行
-   * @default false
-   */
-  immediate?: boolean;
-  /**
-   * 只执行一次
-   * @default false
-   */
-  once?: boolean;
-}
-
-function useWindowSizeFn(fn: AnyFunction, options: UseWindowSizeOptions = {}) {
-  const { wait = 150, immediate } = options;
-
-  let handler = () => {
-    fn();
-  };
-
-  handler = useDebounceFn(handler, wait);
-
-  const start = () => {
-    if (immediate) {
-      handler();
-    }
-    window.addEventListener('resize', handler);
-  };
-
-  const stop = () => {
-    window.removeEventListener('resize', handler);
-  };
-
-  tryOnMounted(() => {
-    start();
-  });
-
-  tryOnUnmounted(() => {
-    stop();
-  });
-  return { start, stop };
-}
-
-export { useWindowSizeFn, type UseWindowSizeOptions };
--- a/packages/hooks/tsconfig.json
+++ b/packages/hooks/tsconfig.json
@@ -1,5 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/ts-config/vue-app.json",
-  "include": ["src"]
-}
--- a/packages/shared/.eslintrc.js
+++ b/packages/shared/.eslintrc.js
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@vben/eslint-config/strict'],
-};
--- a/packages/shared/build.config.ts
+++ b/packages/shared/build.config.ts
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  entries: ['src/index'],
-  declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
-});
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,37 +0,0 @@
-{
-  "name": "@vben/shared",
-  "version": "1.0.0",
-  "homepage": "https://github.com/vbenjs/vue-vben-admin",
-  "bugs": {
-    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "packages/hooks"
-  },
-  "license": "MIT",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "default": "./src/index.ts"
-    }
-  },
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "//build": "pnpm unbuild",
-    "//stub": "pnpm unbuild --stub",
-    "clean": "pnpm rimraf .turbo node_modules dist",
-    "lint": "pnpm eslint ."
-  },
-  "dependencies": {
-    "vue": "^3.2.47"
-  },
-  "devDependencies": {
-    "@vue/shared": "^3.2.47"
-  }
-}
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -1 +0,0 @@
-export * from './types';
--- a/packages/shared/src/types.ts
+++ b/packages/shared/src/types.ts
@@ -1,75 +0,0 @@
-import { isArray, isFunction, isObject, isString } from '@vue/shared';
-import { isBoolean, isNumber } from '@vueuse/core';
-
-const toString = Object.prototype.toString;
-
-function is(val: unknown, type: string) {
-  return toString.call(val) === `[object ${type}]`;
-}
-
-function isUndefined(val: unknown): val is undefined {
-  return val === undefined;
-}
-
-function isNull(val: unknown): val is null {
-  return val === null;
-}
-
-function isNullOrUndefined(val: unknown): val is undefined | null {
-  return isUndefined(val) || isNull(val);
-}
-
-function isEmpty<T = unknown>(val: T): val is T {
-  if (!val && val !== 0) {
-    return true;
-  }
-
-  if (isArray(val) || isString(val)) {
-    return val.length === 0;
-  }
-
-  if (val instanceof Map || val instanceof Set) {
-    return val.size === 0;
-  }
-
-  if (isObject(val)) {
-    return Object.keys(val).length === 0;
-  }
-
-  return false;
-}
-
-/**
- * 判断所给字符串是否为url类型，这里只判断是否 http/http,其他格式不支持
- * @param pathname
- * @returns
- */
-function isHttpUrl(pathname: string): boolean {
-  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/;
-  return reg.test(pathname);
-}
-
-function isMap(val: unknown): val is Map<any, any> {
-  return is(val, 'Map');
-}
-
-function isWindow(val: any): val is Window {
-  return typeof window !== 'undefined' && is(val, 'Window');
-}
-
-export {
-  is,
-  isArray,
-  isBoolean,
-  isEmpty,
-  isFunction,
-  isHttpUrl,
-  isMap,
-  isNull,
-  isNullOrUndefined,
-  isNumber,
-  isObject,
-  isString,
-  isUndefined,
-  isWindow,
-};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
sanmen359	de231901a6	main代码合并到electron-main (#1834 ) * upgrade electron version:11->18. upgrade electron version:11->18. Packaging failed because the original electronic version was too old. 将electron 11 改成18.因为11太老导致打包错误。 * main->electron-main合并代码 * main->electron-main合并代码 * main->electron-main合并代码	2022-04-21 13:34:29 +08:00
vben	006d93229c	chore: delete workflows	2021-09-14 00:17:19 +08:00
vben	563f2b470e	chore: merge branch 'main' of github.com:anncwb/vue-vben-admin into main	2021-09-14 00:13:51 +08:00
Vben	99cabf048d	chore: merge main	2021-06-20 21:50:38 +08:00
Vben	941f0cc96c	feat: support electron	2021-06-08 02:18:02 +08:00
vben	8dfa1778e8	wip: support electron	2021-06-08 01:26:18 +08:00
Vben	9a2577465e	chore: merge main	2021-06-07 22:38:40 +08:00
Gavin Chain	d4c4215b08	wip: support electron	2021-06-07 22:33:38 +08:00