feat: v5.0

Author: hooray

.gitignore

@@ -3,6 +3,5 @@ node_modules
 dist*
 dist-ssr
 *.local
-*.tsbuildinfo
 .eslintcache
 .stylelintcache

.vscode/settings.json

@@ -24,5 +24,6 @@
     "json",
     "jsonc",
     "yaml"
-  ]
+  ],
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/assets/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "framework": "vite",
+  "aliases": {
+    "components": "@/ui/shadcn",
+    "utils": "@/utils"
+  }
+}

eslint.config.js

@@ -6,6 +6,7 @@ export default antfu(
     ignores: [
       'public',
       'dist*',
+      'src/ui/shadcn/ui',
     ],
   },
   {

loading.html

@@ -104,6 +104,11 @@
   background-color: snow;
 }
 
+.loading-container *::before,
+.loading-container *::after {
+  box-sizing: content-box;
+}
+
 .loading-container .loading {
   display: flex;
   flex-wrap: wrap;
@@ -169,13 +174,15 @@
   position: relative;
   margin-top: 20px;
   font-size: 24px;
+  line-height: 1.5;
 }
 
 .loading-container .tips {
   position: relative;
   margin-top: 10px;
   font-size: 16px;
   opacity: 0.5;
+  line-height: 1.5;
 }
 
 .loading-container .tips::after {

package.json

@@ -25,87 +25,95 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@imengyu/vue3-context-menu": "^1.4.4",
-    "@vueuse/components": "^12.0.0",
-    "@vueuse/core": "^12.0.0",
-    "@vueuse/integrations": "^12.0.0",
+    "@vee-validate/zod": "^4.15.0",
+    "@vueuse/components": "^12.3.0",
+    "@vueuse/core": "^12.3.0",
+    "@vueuse/integrations": "^12.3.0",
     "axios": "^1.7.9",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "defu": "^6.1.4",
     "disable-devtool": "^0.3.8",
-    "element-plus": "^2.9.0",
+    "element-plus": "^2.9.2",
     "eruda": "^3.4.1",
-    "floating-vue": "5.2.2",
-    "hotkeys-js": "^3.13.7",
-    "lodash-es": "^4.17.21",
+    "es-toolkit": "^1.31.0",
+    "hotkeys-js": "^3.13.9",
+    "lucide-vue-next": "^0.469.0",
     "mitt": "^3.0.1",
-    "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
     "overlayscrollbars": "^2.10.1",
     "overlayscrollbars-vue": "^0.5.9",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^8.2.0",
     "pinia": "^2.3.0",
     "qs": "^6.13.1",
+    "radix-vue": "^1.9.12",
     "scule": "^1.3.0",
+    "tailwind-merge": "^2.6.0",
+    "ua-parser-js": "^2.0.0",
     "vconsole": "^3.15.1",
+    "vee-validate": "^4.15.0",
     "vue": "^3.5.13",
-    "vue-m-message": "^4.0.2",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0",
+    "vue-sonner": "^1.3.0",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "3.11.2",
-    "@iconify/json": "^2.2.280",
-    "@iconify/vue": "^4.2.0",
+    "@antfu/eslint-config": "3.12.1",
+    "@faker-js/faker": "^9.3.0",
+    "@iconify/json": "^2.2.291",
+    "@iconify/vue": "^4.3.0",
     "@stylistic/stylelint-config": "^2.0.0",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mockjs": "^1.0.10",
     "@types/nprogress": "^0.2.3",
     "@types/path-browserify": "^1.0.3",
     "@types/qs": "^6.9.17",
-    "@unocss/eslint-plugin": "^0.65.1",
+    "@unocss/eslint-plugin": "^0.65.3",
     "@vitejs/plugin-legacy": "^6.0.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "autoprefixer": "^10.4.20",
     "boxen": "^8.0.1",
-    "bumpp": "^9.9.0",
+    "bumpp": "^9.9.2",
     "cz-git": "^1.11.0",
-    "eslint": "^9.16.0",
+    "eslint": "^9.17.0",
     "esno": "^4.8.0",
     "fs-extra": "^11.2.0",
     "http-server": "^14.1.1",
-    "inquirer": "^12.2.0",
-    "lint-staged": "^15.2.10",
-    "npm-run-all2": "^7.0.1",
+    "inquirer": "^12.3.0",
+    "lint-staged": "^15.3.0",
+    "npm-run-all2": "^7.0.2",
     "picocolors": "^1.1.1",
     "plop": "^4.0.1",
     "postcss": "^8.4.49",
     "postcss-nested": "^7.0.2",
-    "sass-embedded": "^1.82.0",
+    "sass-embedded": "^1.83.1",
     "simple-git-hooks": "^2.11.1",
-    "stylelint": "^16.11.0",
+    "stylelint": "^16.12.0",
     "stylelint-config-recess-order": "^5.1.1",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-config-standard-vue": "^1.0.0",
     "stylelint-scss": "^6.10.0",
     "svgo": "^3.3.2",
-    "typescript": "^5.6.3",
-    "unocss": "^0.65.1",
+    "typescript": "^5.7.2",
+    "unocss": "^0.65.3",
+    "unocss-preset-animations": "^1.1.0",
     "unocss-preset-scrollbar": "^0.3.1",
-    "unplugin-auto-import": "^0.18.6",
-    "unplugin-turbo-console": "^1.10.6",
-    "unplugin-vue-components": "^0.27.5",
-    "vite": "^6.0.3",
+    "unplugin-auto-import": "^0.19.0",
+    "unplugin-turbo-console": "^1.11.1",
+    "unplugin-vue-components": "^0.28.0",
+    "vite": "^6.0.7",
     "vite-plugin-app-loading": "^0.3.0",
     "vite-plugin-archiver": "^0.1.1",
     "vite-plugin-banner": "^0.8.0",
     "vite-plugin-compression2": "^1.3.3",
-    "vite-plugin-fake-server": "^2.1.4",
+    "vite-plugin-env-parse": "^1.0.15",
+    "vite-plugin-fake-server": "^2.1.5",
     "vite-plugin-pages": "^0.32.4",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plugin-vue-devtools": "^7.6.7",
+    "vite-plugin-vue-devtools": "^7.6.8",
     "vite-plugin-vue-meta-layouts": "^0.5.1",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",

plop-templates/mock/mock.hbs

@@ -1,19 +1,20 @@
-import Mock from 'mockjs'
+import { faker } from '@faker-js/faker'
+import { defineFakeRoute } from 'vite-plugin-fake-server/client'
 
 const AllList: any[] = []
 for (let i = 0; i < 50; i++) {
-  AllList.push(Mock.mock({
-    id: '@id',
-    title: '@ctitle(10, 20)',
-  }))
+  AllList.push({
+    id: i + 1,
+    title: faker.color.human(),
+  })
 }
 
-export default [
+export default defineFakeRoute([
   {
     url: '/mock/{{#if relativePath}}{{ relativePath }}/{{/if}}{{ moduleName }}/list',
     method: 'get',
-    response: (option: any) => {
-      const { title, from, limit } = option.query
+    response: ({ query }) => {
+      const { title, from, limit } = query
       const list = AllList.filter((item) => {
         return title ? item.title.includes(title) : true
       })
@@ -33,8 +34,8 @@ export default [
   {
     url: '/mock/{{#if relativePath}}{{ relativePath }}/{{/if}}{{ moduleName }}/detail',
     method: 'get',
-    response: (option: any) => {
-      const info = AllList.filter(item => item.id === option.query.id)
+    response: ({ query }) => {
+      const info = AllList.filter(item => item.id === query.id)
       return {
         error: '',
         status: 1,
@@ -81,4 +82,4 @@ export default [
       }
     },
   },
-]
+])