chore(windcss): use windcss

2023-03-29 14:12:46 +08:00 · 2023-03-29 14:12:46 +08:00 · f56231cc10
parent 1b571bd403
commit f56231cc10
10 changed files with 70 additions and 380 deletions
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -7,7 +7,7 @@
    "mrmlnc.vscode-less",
    "lokalise.i18n-ally",
    "antfu.iconify",
-    "antfu.UnoCSS",
+    "heybourn.headwind",
    "mikestead.dotenv"
  ]
 }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -104,8 +104,8 @@
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "cSpell.words": [
    "vben",
-    "unocss",
-    "uno.css",
+    "windicss",
+    "tailwind",
    "browserslist",
    "tailwindcss",
    "esnext",
--- a/README.md
+++ b/README.md
@ -38,7 +38,7 @@
 | [vueuse](https://vueuse.org/) | 常用工具集 | 9.13.0 |
 | [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化 | 9.2.2 |
 | [vue-router](https://router.vuejs.org/) | Vue 路由 | 4.1.6 |
-| [unocss](https://uno.antfu.me/) | 原子 CSS  | 0.50.6 |
+| [windicss](https://cn.windicss.org/) | 下一代工具优先的 CSS 框架 | 3.5.6 |
 | [iconify](https://icon-sets.iconify.design/) | 在线图标库 | 3.1.0 |

 <p align="center">
--- a/build/vite/optimize.ts
+++ b/build/vite/optimize.ts
@ -5,7 +5,6 @@ const include = [
  'axios',
  'pinia',
  'dayjs',
-  'unocss',
  'qrcode',
  'echarts',
  'intro.js',
@ -27,7 +26,8 @@ const include = [
  'ant-design-vue',
  'ant-design-vue/es/style',
  'ant-design-vue/es/locale/zh_CN',
-  'ant-design-vue/es/locale/en_US'
+  'ant-design-vue/es/locale/en_US',
+  'vite-plugin-windicss'
 ]

 const exclude = ['@iconify/json']
--- a/build/vite/plugin/index.ts
+++ b/build/vite/plugin/index.ts
@ -1,7 +1,7 @@
 import { PluginOption } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import Unocss from 'unocss/vite'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import windiCSS from 'vite-plugin-windicss'
 import progress from 'vite-plugin-progress'
 import purgeIcons from 'vite-plugin-purge-icons'
 import VitePluginCertificate from 'vite-plugin-mkcert'
@ -31,8 +31,8 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
    })
  ]

-  // Unocss
-  vitePlugins.push(Unocss())
+  // windiCSS
+  vitePlugins.push(windiCSS())

  // vite-vue-plugin-html
  vitePlugins.push(configHtmlPlugin(viteEnv, isBuild))
--- a/package.json
+++ b/package.json
@ -82,8 +82,6 @@
    "@types/sortablejs": "^1.15.1",
    "@typescript-eslint/eslint-plugin": "^5.56.0",
    "@typescript-eslint/parser": "^5.56.0",
-    "@unocss/preset-wind": "^0.50.6",
-    "@unocss/transformer-directives": "^0.50.6",
    "@vitejs/plugin-vue": "^4.1.0",
    "@vitejs/plugin-vue-jsx": "^3.0.1",
    "@vue/compiler-sfc": "^3.2.47",
@ -118,7 +116,6 @@
    "stylelint-order": "^6.0.3",
    "terser": "^5.16.8",
    "typescript": "^5.0.2",
-    "unocss": "^0.50.6",
    "unplugin-vue-setup-extend-plus": "^0.4.9",
    "vite": "^4.2.1",
    "vite-plugin-compression": "^0.5.1",
@ -128,6 +125,7 @@
    "vite-plugin-pwa": "^0.14.6",
    "vite-plugin-style-import": "^2.0.0",
    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-windicss": "^1.8.10",
    "vite-vue-plugin-html": "^1.0.1",
    "vite-vue-plugin-theme": "^1.0.0",
    "vue-eslint-parser": "^9.1.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -21,8 +21,6 @@ specifiers:
  '@types/sortablejs': ^1.15.1
  '@typescript-eslint/eslint-plugin': ^5.56.0
  '@typescript-eslint/parser': ^5.56.0
-  '@unocss/preset-wind': ^0.50.6
-  '@unocss/transformer-directives': ^0.50.6
  '@vitejs/plugin-vue': ^4.1.0
  '@vitejs/plugin-vue-jsx': ^3.0.1
  '@vue/compiler-sfc': ^3.2.47
@ -78,7 +76,6 @@ specifiers:
  terser: ^5.16.8
  tinymce: ^5.10.7
  typescript: ^5.0.2
-  unocss: ^0.50.6
  unplugin-vue-setup-extend-plus: ^0.4.9
  vditor: ^3.9.1
  vite: ^4.2.1
@ -89,6 +86,7 @@ specifiers:
  vite-plugin-pwa: ^0.14.6
  vite-plugin-style-import: ^2.0.0
  vite-plugin-svg-icons: ^2.0.1
+  vite-plugin-windicss: ^1.8.10
  vite-vue-plugin-html: ^1.0.1
  vite-vue-plugin-theme: ^1.0.0
  vue: ^3.2.47
@ -151,8 +149,6 @@ devDependencies:
  '@types/sortablejs': 1.15.1
  '@typescript-eslint/eslint-plugin': 5.56.0_2hcjazgfnbtq42tcc73br2vup4
  '@typescript-eslint/parser': 5.56.0_j4766f7ecgqbon3u7zlxn5zszu
-  '@unocss/preset-wind': 0.50.6
-  '@unocss/transformer-directives': 0.50.6
  '@vitejs/plugin-vue': 4.1.0_vite@4.2.1+vue@3.2.47
  '@vitejs/plugin-vue-jsx': 3.0.1_vite@4.2.1+vue@3.2.47
  '@vue/compiler-sfc': 3.2.47
@ -187,7 +183,6 @@ devDependencies:
  stylelint-order: 6.0.3_stylelint@15.3.0
  terser: 5.16.8
  typescript: 5.0.2
-  unocss: 0.50.6_tpn2xygpgdsxofkv7wgj5mw654
  unplugin-vue-setup-extend-plus: 0.4.9
  vite: 4.2.1_qrgdxfszmr3nib6z5ws3ht5idy
  vite-plugin-compression: 0.5.1_vite@4.2.1
@ -197,6 +192,7 @@ devDependencies:
  vite-plugin-pwa: 0.14.6_vite@4.2.1
  vite-plugin-style-import: 2.0.0_vite@4.2.1
  vite-plugin-svg-icons: 2.0.1_vite@4.2.1
+  vite-plugin-windicss: 1.8.10_vite@4.2.1
  vite-vue-plugin-html: 1.0.1_rollup@3.20.2+vite@4.2.1
  vite-vue-plugin-theme: 1.0.0_vite@4.2.1
  vue-eslint-parser: 9.1.0_eslint@8.36.0
@ -238,17 +234,6 @@ packages:
      vue: 3.2.47
    dev: false

-  /@antfu/install-pkg/0.1.1:
-    resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
-    dependencies:
-      execa: 5.1.1
-      find-up: 5.0.0
-    dev: true
-
-  /@antfu/utils/0.5.2:
-    resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
-    dev: true
-
  /@antfu/utils/0.7.2:
    resolution: {integrity: sha512-vy9fM3pIxZmX07dL+VX1aZe7ynZ+YyB0jY+jE6r3hOK6GNY2t6W8rzpFC4tgpbXUYABkFQwgJq2XYXlxbXAI0g==}
    dev: true
@ -2168,19 +2153,6 @@ packages:
  /@iconify/types/2.0.0:
    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}

-  /@iconify/utils/2.1.5:
-    resolution: {integrity: sha512-6MvDI+I6QMvXn5rK9KQGdpEE4mmLTcuQdLZEiX5N+uZB+vc4Yw9K1OtnOgkl8mp4d9X0UrILREyZgF1NUwUt+Q==}
-    dependencies:
-      '@antfu/install-pkg': 0.1.1
-      '@antfu/utils': 0.7.2
-      '@iconify/types': 2.0.0
-      debug: 4.3.4
-      kolorist: 1.7.0
-      local-pkg: 0.4.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
  /@intlify/core-base/9.2.2:
    resolution: {integrity: sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==}
    engines: {node: '>= 14'}
@ -2408,10 +2380,6 @@ packages:
      '@octokit/openapi-types': 16.0.0
    dev: true

-  /@polka/url/1.0.0-next.21:
-    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
-    dev: true
-
  /@purge-icons/core/0.9.1:
    resolution: {integrity: sha512-sx8/a30MbbqQVEqhuMPE1wJpdVRRbEmwEPZpFzVkcDixzX4p+R2A0WVxqkb0xfHUBAVQwrSE2SeAyniIQLqbLw==}
    dependencies:
@ -2819,182 +2787,6 @@ packages:
      eslint-visitor-keys: 3.3.0
    dev: true

-  /@unocss/astro/0.50.6_rollup@3.20.2+vite@4.2.1:
-    resolution: {integrity: sha512-gSGQIh+hBCor7KbAylu4wBQaMZp3AkT8dW9E6jrecpluVxzGGdar93a79Wqs76OlWiu7hr8zOyRbSDgfkwDung==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      '@unocss/reset': 0.50.6
-      '@unocss/vite': 0.50.6_rollup@3.20.2+vite@4.2.1
-    transitivePeerDependencies:
-      - rollup
-      - vite
-    dev: true
-
-  /@unocss/cli/0.50.6_rollup@3.20.2:
-    resolution: {integrity: sha512-La/KeZCpI7WxuqiUj37K7k/mh08oIGm15u8pkHUs2z+XtFWLemjWPeu84NK3cLgyUGlO2nwpDm2Awye4G1GgCg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dependencies:
-      '@ampproject/remapping': 2.2.0
-      '@rollup/pluginutils': 5.0.2_rollup@3.20.2
-      '@unocss/config': 0.50.6
-      '@unocss/core': 0.50.6
-      '@unocss/preset-uno': 0.50.6
-      cac: 6.7.14
-      chokidar: 3.5.3
-      colorette: 2.0.19
-      consola: 2.15.3
-      fast-glob: 3.2.12
-      magic-string: 0.30.0
-      pathe: 1.1.0
-      perfect-debounce: 0.1.3
-    transitivePeerDependencies:
-      - rollup
-    dev: true
-
-  /@unocss/config/0.50.6:
-    resolution: {integrity: sha512-/IdnXyU4NOQCXBryZsEv9GYAnTvCZ/wmm5mv5ZIPXrS1ZClVbCbnwUxIW08t4EHIX/E9gSFClzXJ52pLBFkZ7g==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@unocss/core': 0.50.6
-      unconfig: 0.3.7
-    dev: true
-
-  /@unocss/core/0.50.6:
-    resolution: {integrity: sha512-WMIp8xr7YSlID2whqfRGLwagp59e6u4ckPACEpoDOW8sTeSPRZm54hxPhuWXD1SQuqcwHPMtM9nzGD8UOnqQxA==}
-    dev: true
-
-  /@unocss/inspector/0.50.6:
-    resolution: {integrity: sha512-6nX1YtaL67ohn/PfSSBv3npJ8qZcdc7S9X2zE6PUD/xhwtz7Bohx9I/KtmFdjJz5WeeGR7di0uYC6xsAcFLndQ==}
-    dependencies:
-      gzip-size: 6.0.0
-      sirv: 2.0.2
-    dev: true
-
-  /@unocss/postcss/0.50.6_postcss@8.4.21:
-    resolution: {integrity: sha512-pRPBVPmwjsVu3v1T0hQuqq3L4K74Wobo6pGDypvK/MuzWdWDhHiktWwmXGNxlYSWK7mGJBIa+vI10pp4e15OUw==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      postcss: ^8.4.21
-    dependencies:
-      '@unocss/config': 0.50.6
-      '@unocss/core': 0.50.6
-      css-tree: 2.3.1
-      fast-glob: 3.2.12
-      magic-string: 0.30.0
-      postcss: 8.4.21
-    dev: true
-
-  /@unocss/preset-attributify/0.50.6:
-    resolution: {integrity: sha512-hLxBoOnwMLILhJ5fM2AtnjSWej2GffIjTdrAHIBctEy8sLssou5lIbSukDptuGRTSwkishuvQhH020dptB3YJw==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/preset-icons/0.50.6:
-    resolution: {integrity: sha512-ADnvX8JCThEr2DBiDprTh2q4bfvULbCg9hL5DZIuP9/31FvzNqpAI8xo9KpsCPBoQMksg+GVoXhj1CN2IxLhtg==}
-    dependencies:
-      '@iconify/utils': 2.1.5
-      '@unocss/core': 0.50.6
-      ofetch: 1.0.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@unocss/preset-mini/0.50.6:
-    resolution: {integrity: sha512-Ejgib688uvzCVgT/DHAOyXxKcM8vX55mxh8m3GAEx1H1pxg0IBfJO4QCKa3uAnasxj27XescBbvqv04dWi+jEQ==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/preset-tagify/0.50.6:
-    resolution: {integrity: sha512-ZyG/SJMobn4GZMbgrZOxT59ARp22LwgJGArCwJVosh3rraRVlb+B4x6ctMl6JOiLG5B1lHT9vZ92//u51Y0WTw==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/preset-typography/0.50.6:
-    resolution: {integrity: sha512-5WBsvHHVBBNJVoh38GwkJpcfS+JTdi0KuQuTsz6SvhQg+xuth3a6ebhAlrEpdS2G9BL5lpMwBd9SbgvpkE75Og==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      '@unocss/preset-mini': 0.50.6
-    dev: true
-
-  /@unocss/preset-uno/0.50.6:
-    resolution: {integrity: sha512-MTuTd49mU8CfKGP/SVMqxNBDEXJmJPes+K6uwZnOsoEwySh1ZrGdApwmIeJurlDEsBiQFQfaSHKHQ25JWVPg3A==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      '@unocss/preset-mini': 0.50.6
-      '@unocss/preset-wind': 0.50.6
-    dev: true
-
-  /@unocss/preset-web-fonts/0.50.6:
-    resolution: {integrity: sha512-81meQMAq2lOy7k5qHQZ2EGWN5iJQUJOLl8dc9dxIo1eZPgiZQruxTVr4AkNVH5LRFcjHs/1sDb2CYxAiakwTVg==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      ofetch: 1.0.1
-    dev: true
-
-  /@unocss/preset-wind/0.50.6:
-    resolution: {integrity: sha512-LU5fAad+okonKfP1eHY5Q63uhoiSstQf4lU7CZ97eZdduqN1ODLzeBegjMGHHi1K2112AvzN/Au0WEPjQFgf7Q==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      '@unocss/preset-mini': 0.50.6
-    dev: true
-
-  /@unocss/reset/0.50.6:
-    resolution: {integrity: sha512-e1fuSEgp1p7FgpsIZKNejOKgq4gyZcDGDvi+6544x458hInM6MfiMQNP95UBJEG4JZXq6qCZ8t7tRVWS2m5IXg==}
-    dev: true
-
-  /@unocss/scope/0.50.6:
-    resolution: {integrity: sha512-ep1RRJzA3xbVmEcsBYvY8i/LQIfoCFaw1bx9hvGLhdCIdboy58sL4R4GigOukBJiufykKkrLNzFmlIsi3EfJWg==}
-    dev: true
-
-  /@unocss/transformer-attributify-jsx/0.50.6:
-    resolution: {integrity: sha512-nXt9Kj9L72ehiDwkzjzxXV4QcV7VS60kP4PXuf+Gp70wE3/19iZl3K3Um/lGo3WHgAYvr91hxBkcyxYBOLUIFA==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/transformer-compile-class/0.50.6:
-    resolution: {integrity: sha512-MWpxO94bq28+HWxniED4BP26aIs5hGhTnaTBkTrisiF8T9xyNPwXaSUobuYkjP1s3ojrXHha8ic0uIXy5OC5nw==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/transformer-directives/0.50.6:
-    resolution: {integrity: sha512-deUJMZDDYQ/kGRFdGe3JrmnbiScs9Smc5Vj35Pr/MNMAM9pItbMwCgZLc+EcHgYNvO5tp0qfA9prPAIs4YpRbg==}
-    dependencies:
-      '@unocss/core': 0.50.6
-      css-tree: 2.3.1
-    dev: true
-
-  /@unocss/transformer-variant-group/0.50.6:
-    resolution: {integrity: sha512-eAbJ2Ho1lYaFvpKexqUqixh2TvzcE/DNSIHncr/9Ezo9s06kkHxw4KeIxw//TF26zYP7IJx8l5F58HoSjdKwbQ==}
-    dependencies:
-      '@unocss/core': 0.50.6
-    dev: true
-
-  /@unocss/vite/0.50.6_rollup@3.20.2+vite@4.2.1:
-    resolution: {integrity: sha512-BBfNHWRTD69ToNX4NlYdORFG6uH51HCjX+vZ8HAVgYHpSeVWziG3srnGYOk5IS0pKPzQGoLBlz8rstMsGhrAjA==}
-    peerDependencies:
-      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
-    dependencies:
-      '@ampproject/remapping': 2.2.0
-      '@rollup/pluginutils': 5.0.2_rollup@3.20.2
-      '@unocss/config': 0.50.6
-      '@unocss/core': 0.50.6
-      '@unocss/inspector': 0.50.6
-      '@unocss/scope': 0.50.6
-      '@unocss/transformer-directives': 0.50.6
-      chokidar: 3.5.3
-      fast-glob: 3.2.12
-      magic-string: 0.30.0
-      vite: 4.2.1_qrgdxfszmr3nib6z5ws3ht5idy
-    transitivePeerDependencies:
-      - rollup
-    dev: true
-
  /@vitejs/plugin-vue-jsx/3.0.1_vite@4.2.1+vue@3.2.47:
    resolution: {integrity: sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==}
    engines: {node: ^14.18.0 || >=16.0.0}
@ -3184,6 +2976,30 @@ packages:
      - vue
    dev: false

+  /@windicss/config/1.8.10:
+    resolution: {integrity: sha512-O9SsC110b1Ik3YYa4Ck/0TWuCo7YFfA9KDrwD5sAeqscT5COIGK1HszdCT3oh0MJFej2wNrvpfyW9h6yQaW6PA==}
+    dependencies:
+      debug: 4.3.4
+      jiti: 1.17.1
+      windicss: 3.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@windicss/plugin-utils/1.8.10:
+    resolution: {integrity: sha512-Phqk5OW1w+Mv+ry6t7BzAeDq3aMhbI94gR49j9vQCufFfDGCHndhhjtMK0sBv+NPJUsIAIh6qayb1iwBCXUGrw==}
+    dependencies:
+      '@antfu/utils': 0.7.2
+      '@windicss/config': 1.8.10
+      debug: 4.3.4
+      fast-glob: 3.2.12
+      magic-string: 0.27.0
+      micromatch: 4.0.5
+      windicss: 3.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
  /@zxcvbn-ts/core/2.2.1:
    resolution: {integrity: sha512-Cg1JyRpCDIF+Dh3nauqygmmCYxogNVZDxSn+9PgkPD1HZ2QiJe4elruVJrGmYRS7muGmZ1hNJq8ySQdPv6GHaw==}
    dependencies:
@ -3619,11 +3435,6 @@ packages:
    engines: {node: '>=6'}
    dev: true

-  /cac/6.7.14:
-    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
-    engines: {node: '>=8'}
-    dev: true
-
  /cache-base/1.0.1:
    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
    engines: {node: '>=0.10.0'}
@ -4450,10 +4261,6 @@ packages:
      isobject: 3.0.1
    dev: true

-  /defu/6.1.2:
-    resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==}
-    dev: true
-
  /delayed-stream/1.0.0:
    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
    engines: {node: '>=0.4.0'}
@ -4462,10 +4269,6 @@ packages:
    resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
    dev: true

-  /destr/1.2.2:
-    resolution: {integrity: sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA==}
-    dev: true
-
  /diff-match-patch/1.0.5:
    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
    dev: false
@ -4599,10 +4402,6 @@ packages:
    engines: {node: '>=12'}
    dev: true

-  /duplexer/0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
-    dev: true
-
  /eastasianwidth/0.2.0:
    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
    dev: true
@ -5506,13 +5305,6 @@ packages:
    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
    dev: true

-  /gzip-size/6.0.0:
-    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      duplexer: 0.1.2
-    dev: true
-
  /handlebars/4.7.7:
    resolution: {integrity: sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==}
    engines: {node: '>=0.4.7'}
@ -6369,11 +6161,6 @@ packages:
      json5: 1.0.2
    dev: true

-  /local-pkg/0.4.3:
-    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
-    engines: {node: '>=14'}
-    dev: true
-
  /locate-path/2.0.0:
    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
    engines: {node: '>=4'}
@ -6526,13 +6313,6 @@ packages:
      '@jridgewell/sourcemap-codec': 1.4.14
    dev: true

-  /magic-string/0.30.0:
-    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
  /make-dir/2.1.0:
    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
    engines: {node: '>=6'}
@ -6752,11 +6532,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /mrmime/1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
-    engines: {node: '>=10'}
-    dev: true
-
  /ms/2.0.0:
    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
    dev: true
@ -6840,10 +6615,6 @@ packages:
      tslib: 2.5.0
    dev: true

-  /node-fetch-native/1.0.2:
-    resolution: {integrity: sha512-KIkvH1jl6b3O7es/0ShyCgWLcfXxlBrLBbP3rOr23WArC66IMcU4DeZEeYEOwnopYhawLTn7/y+YtmASe8DFVQ==}
-    dev: true
-
  /node-fetch/2.6.7:
    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
    engines: {node: 4.x || >=6.0.0}
@ -6978,14 +6749,6 @@ packages:
      isobject: 3.0.1
    dev: true

-  /ofetch/1.0.1:
-    resolution: {integrity: sha512-icBz2JYfEpt+wZz1FRoGcrMigjNKjzvufE26m9+yUiacRQRHwnNlGRPiDnW4op7WX/MR6aniwS8xw8jyVelF2g==}
-    dependencies:
-      destr: 1.2.2
-      node-fetch-native: 1.0.2
-      ufo: 1.1.1
-    dev: true
-
  /once/1.4.0:
    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
    dependencies:
@ -7219,10 +6982,6 @@ packages:
    resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
    dev: true

-  /perfect-debounce/0.1.3:
-    resolution: {integrity: sha512-NOT9AcKiDGpnV/HBhI22Str++XWcErO/bALvHCuhv33owZW/CjH8KAFLZDCmu3727sihe0wTxpDhyGc6M8qacQ==}
-    dev: true
-
  /picocolors/1.0.0:
    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}

@ -7924,15 +7683,6 @@ packages:
    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
    dev: true

-  /sirv/2.0.2:
-    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
-    engines: {node: '>= 10'}
-    dependencies:
-      '@polka/url': 1.0.0-next.21
-      mrmime: 1.0.1
-      totalist: 3.0.0
-    dev: true
-
  /slash/3.0.0:
    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
    engines: {node: '>=8'}
@ -8555,11 +8305,6 @@ packages:
      safe-regex: 1.1.0
    dev: true

-  /totalist/3.0.0:
-    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
-    engines: {node: '>=6'}
-    dev: true
-
  /tr46/0.0.3:
    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
    dev: true
@ -8698,10 +8443,6 @@ packages:
    engines: {node: '>=12.20'}
    hasBin: true

-  /ufo/1.1.1:
-    resolution: {integrity: sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==}
-    dev: true
-
  /uglify-js/3.17.4:
    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
    engines: {node: '>=0.8.0'}
@ -8719,14 +8460,6 @@ packages:
      which-boxed-primitive: 1.0.2
    dev: true

-  /unconfig/0.3.7:
-    resolution: {integrity: sha512-1589b7oGa8ILBYpta7TndM5mLHLzHUqBfhszeZxuUBrjO/RoQ52VGVWsS3w0C0GLNxO9RPmqkf6BmIvBApaRdA==}
-    dependencies:
-      '@antfu/utils': 0.5.2
-      defu: 6.1.2
-      jiti: 1.17.1
-    dev: true
-
  /unicode-canonical-property-names-ecmascript/2.0.0:
    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
    engines: {node: '>=4'}
@ -8776,40 +8509,6 @@ packages:
    engines: {node: '>= 10.0.0'}
    dev: true

-  /unocss/0.50.6_tpn2xygpgdsxofkv7wgj5mw654:
-    resolution: {integrity: sha512-7cKiIB/ssAPvCDUcFMs0jm0FzIyQKfgIjUzBYZ5dVFthOvN5dcFh7bCZE9dIM862n7oW8FjbkTxwdTbRqqJQVQ==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@unocss/webpack': 0.50.6
-    peerDependenciesMeta:
-      '@unocss/webpack':
-        optional: true
-    dependencies:
-      '@unocss/astro': 0.50.6_rollup@3.20.2+vite@4.2.1
-      '@unocss/cli': 0.50.6_rollup@3.20.2
-      '@unocss/core': 0.50.6
-      '@unocss/postcss': 0.50.6_postcss@8.4.21
-      '@unocss/preset-attributify': 0.50.6
-      '@unocss/preset-icons': 0.50.6
-      '@unocss/preset-mini': 0.50.6
-      '@unocss/preset-tagify': 0.50.6
-      '@unocss/preset-typography': 0.50.6
-      '@unocss/preset-uno': 0.50.6
-      '@unocss/preset-web-fonts': 0.50.6
-      '@unocss/preset-wind': 0.50.6
-      '@unocss/reset': 0.50.6
-      '@unocss/transformer-attributify-jsx': 0.50.6
-      '@unocss/transformer-compile-class': 0.50.6
-      '@unocss/transformer-directives': 0.50.6
-      '@unocss/transformer-variant-group': 0.50.6
-      '@unocss/vite': 0.50.6_rollup@3.20.2+vite@4.2.1
-    transitivePeerDependencies:
-      - postcss
-      - rollup
-      - supports-color
-      - vite
-    dev: true
-
  /unplugin-vue-setup-extend-plus/0.4.9:
    resolution: {integrity: sha512-4a4CvMkoZRuUHLQq1kkcuZ7HG85xM6MPMa+E1pEf5/PX6ovaCXwZ20qVOIQUIGkh3sHVp0VBhJaibHzC8hPtoA==}
    dependencies:
@ -9022,6 +8721,20 @@ packages:
      - supports-color
    dev: true

+  /vite-plugin-windicss/1.8.10_vite@4.2.1:
+    resolution: {integrity: sha512-scywsuzo46lcTBohspmF0WiwhWEte6p+OUVrX4yr7VMRvLHMHVfLtJReyD5pppjijG7YOwVsZn7XBWWZtF658Q==}
+    peerDependencies:
+      vite: ^2.0.1 || ^3.0.0 || ^4.0.0
+    dependencies:
+      '@windicss/plugin-utils': 1.8.10
+      debug: 4.3.4
+      kolorist: 1.7.0
+      vite: 4.2.1_qrgdxfszmr3nib6z5ws3ht5idy
+      windicss: 3.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
  /vite-vue-plugin-html/1.0.1_rollup@3.20.2+vite@4.2.1:
    resolution: {integrity: sha512-jbN7p8pOR0aiYndFuPgyQwRAyEp8kIoy6EL741wMh3nDLVjHn4Atfby0k0Jg0aDfWCjoAc9paKdoLoEqOAC9PA==}
    peerDependencies:
@ -9297,6 +9010,12 @@ packages:
      isexe: 2.0.0
    dev: true

+  /windicss/3.5.6:
+    resolution: {integrity: sha512-P1mzPEjgFMZLX0ZqfFht4fhV/FX8DTG7ERG1fBLiWvd34pTLVReS5CVsewKn9PApSgXnVfPWwvq+qUsRwpnwFA==}
+    engines: {node: '>= 12'}
+    hasBin: true
+    dev: true
+
  /wmf/1.0.2:
    resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
    engines: {node: '>=0.8'}
--- a/src/main.ts
+++ b/src/main.ts
@ -1,6 +1,7 @@
-import 'uno.css'
-// import 'virtual:unocss-devtools'
+import 'virtual:windi-base.css'
+import 'virtual:windi-components.css'
 import '@/design/index.less'
+import 'virtual:windi-utilities.css'
 // Register icon sprite
 import 'virtual:svg-icons-register'
 import App from './App.vue'
--- a/stylelint.config.js
+++ b/stylelint.config.js
@ -21,7 +21,7 @@ module.exports = {
    'at-rule-no-unknown': [
      true,
      {
-        ignoreAtRules: ['unocss', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin']
+        ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin']
      }
    ],
    'no-empty-source': null,
--- a/unocss.config.ts
+++ b/unocss.config.ts
@ -1,15 +1,7 @@
-import { defineConfig, presetAttributify, presetMini, presetUno } from 'unocss'
-import transformerDirectives from '@unocss/transformer-directives'
-import presetWind from '@unocss/preset-wind'
+import { defineConfig } from 'vite-plugin-windicss'
 import { primaryColor } from './build/config/themeConfig'

 export default defineConfig({
-  exclude: ['node_modules', 'dist', '.git', '.husky', '.vscode', 'public', 'build'],
-  presets: [
-    presetMini({ dark: 'class' }),
-    presetAttributify(),
-    presetUno(),
-    presetWind({
  darkMode: 'class',
  plugins: [createEnterPlugin()],
  theme: {
@ -29,26 +21,6 @@ export default defineConfig({
      }
    }
  }
-    })
-  ],
-  transformers: [transformerDirectives()],
-  theme: {
-    extend: {
-      zIndex: {
-        '-1': '-1'
-      },
-      colors: {
-        primary: primaryColor
-      }
-    },
-    breakpoints: {
-      sm: '576px',
-      md: '768px',
-      lg: '992px',
-      xl: '1200px',
-      '2xl': '1600px'
-    }
-  }
 })

 /**