From ec693180786a7abd61e98a30bdf6088c23e9a1a4 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 11:49:09 +0800
Subject: [PATCH 01/34] chore: add tdesign

---
 .workflow/pipeline-20251103.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.workflow/pipeline-20251103.yml b/.workflow/pipeline-20251103.yml
index f527e76e6..fdb3368ca 100644
--- a/.workflow/pipeline-20251103.yml
+++ b/.workflow/pipeline-20251103.yml
@@ -41,12 +41,15 @@ stages:
           - pnpm build:ele
           - '# 执行编译命令naive'
           - pnpm build:naive
+          - '# 执行编译命令tdesign'
+          - pnpm build:tdesign
         artifacts:
           - name: BUILD_ARTIFACT
             path:
               - ./apps/web-antd/dist/
               - ./apps/web-ele/dist/
               - ./apps/web-naive/dist/
+              - ./apps/web-tdesign/dist/
         caches:
           - ~/.npm
           - ~/.yarn

From 40674bf1adfe3f46ec7f1ef749d6b89ecaad82d3 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 11:52:27 +0800
Subject: [PATCH 02/34] fix: lint

---
 .../ai/chat/index/modules/message/reasoning.vue    |  3 +++
 .../views/crm/permission/modules/transfer-form.vue |  3 ++-
 .../ai/chat/index/modules/message/reasoning.vue    |  3 +++
 apps/web-ele/src/views/crm/receivable/index.vue    | 14 ++++++++++++--
 .../src/views/crm/receivable/plan/index.vue        | 14 ++++++++++++--
 5 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/apps/web-antd/src/views/ai/chat/index/modules/message/reasoning.vue b/apps/web-antd/src/views/ai/chat/index/modules/message/reasoning.vue
index 99390fbfc..de3175daa 100644
--- a/apps/web-antd/src/views/ai/chat/index/modules/message/reasoning.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/message/reasoning.vue
@@ -71,12 +71,15 @@ function toggleExpanded() {
 .scrollbar-thin::-webkit-scrollbar {
   width: 4px;
 }
+
 .scrollbar-thin::-webkit-scrollbar-track {
   background: transparent;
 }
+
 .scrollbar-thin::-webkit-scrollbar-thumb {
   @apply rounded-sm bg-gray-400/40;
 }
+
 .scrollbar-thin::-webkit-scrollbar-thumb:hover {
   @apply bg-gray-400/60;
 }
diff --git a/apps/web-antd/src/views/crm/permission/modules/transfer-form.vue b/apps/web-antd/src/views/crm/permission/modules/transfer-form.vue
index e929582de..21883543f 100644
--- a/apps/web-antd/src/views/crm/permission/modules/transfer-form.vue
+++ b/apps/web-antd/src/views/crm/permission/modules/transfer-form.vue
@@ -66,7 +66,8 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as CrmPermissionApi.BusinessTransferReqVO;
+    const data =
+      (await formApi.getValues()) as CrmPermissionApi.BusinessTransferReqVO;
     try {
       switch (bizType.value) {
         case BizTypeEnum.CRM_BUSINESS: {
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/message/reasoning.vue b/apps/web-ele/src/views/ai/chat/index/modules/message/reasoning.vue
index 99390fbfc..de3175daa 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/message/reasoning.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/message/reasoning.vue
@@ -71,12 +71,15 @@ function toggleExpanded() {
 .scrollbar-thin::-webkit-scrollbar {
   width: 4px;
 }
+
 .scrollbar-thin::-webkit-scrollbar-track {
   background: transparent;
 }
+
 .scrollbar-thin::-webkit-scrollbar-thumb {
   @apply rounded-sm bg-gray-400/40;
 }
+
 .scrollbar-thin::-webkit-scrollbar-thumb:hover {
   @apply bg-gray-400/60;
 }
diff --git a/apps/web-ele/src/views/crm/receivable/index.vue b/apps/web-ele/src/views/crm/receivable/index.vue
index 7c24caba2..d5907c9ac 100644
--- a/apps/web-ele/src/views/crm/receivable/index.vue
+++ b/apps/web-ele/src/views/crm/receivable/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -160,7 +166,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs v-model:model-value="sceneType" class="w-full" @tab-change="handleChangeSceneType">
+        <ElTabs
+          v-model:model-value="sceneType"
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />
diff --git a/apps/web-ele/src/views/crm/receivable/plan/index.vue b/apps/web-ele/src/views/crm/receivable/plan/index.vue
index 73aeff374..baeb5a8c0 100644
--- a/apps/web-ele/src/views/crm/receivable/plan/index.vue
+++ b/apps/web-ele/src/views/crm/receivable/plan/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -144,7 +150,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <ReceivableFormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs v-model:model-value="sceneType" class="w-full" @tab-change="handleChangeSceneType">
+        <ElTabs
+          v-model:model-value="sceneType"
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="下属负责的" name="3" />
         </ElTabs>

From de15aa7b59fce715c05633d4eff61d220ddd1253 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 11:56:48 +0800
Subject: [PATCH 03/34] chore: remove playground and backend-mock

---
 .vscode/launch.json                           |   9 -
 apps/backend-mock/.env                        |   3 -
 apps/backend-mock/README.md                   |  15 -
 apps/backend-mock/api/auth/codes.ts           |  16 -
 apps/backend-mock/api/auth/login.post.ts      |  42 --
 apps/backend-mock/api/auth/logout.post.ts     |  17 -
 apps/backend-mock/api/auth/refresh.post.ts    |  35 --
 apps/backend-mock/api/demo/bigint.ts          |  32 -
 apps/backend-mock/api/menu/all.ts             |  15 -
 apps/backend-mock/api/status.ts               |   8 -
 apps/backend-mock/api/system/dept/.post.ts    |  16 -
 .../api/system/dept/[id].delete.ts            |  16 -
 apps/backend-mock/api/system/dept/[id].put.ts |  16 -
 apps/backend-mock/api/system/dept/list.ts     |  62 --
 apps/backend-mock/api/system/menu/list.ts     |  13 -
 .../api/system/menu/name-exists.ts            |  29 -
 .../api/system/menu/path-exists.ts            |  29 -
 apps/backend-mock/api/system/role/list.ts     |  84 ---
 apps/backend-mock/api/table/list.ts           | 117 ----
 apps/backend-mock/api/test.get.ts             |   3 -
 apps/backend-mock/api/test.post.ts            |   3 -
 apps/backend-mock/api/timezone/getTimezone.ts |  12 -
 .../api/timezone/getTimezoneOptions.ts        |  11 -
 apps/backend-mock/api/timezone/setTimezone.ts |  22 -
 apps/backend-mock/api/upload.ts               |  14 -
 apps/backend-mock/api/user/info.ts            |  11 -
 apps/backend-mock/error.ts                    |   7 -
 apps/backend-mock/middleware/1.api.ts         |  20 -
 apps/backend-mock/nitro.config.ts             |  20 -
 apps/backend-mock/package.json                |  21 -
 apps/backend-mock/routes/[...].ts             |  15 -
 apps/backend-mock/tsconfig.build.json         |   4 -
 apps/backend-mock/tsconfig.json               |   3 -
 apps/backend-mock/utils/cookie-utils.ts       |  28 -
 apps/backend-mock/utils/jwt-utils.ts          |  77 ---
 apps/backend-mock/utils/mock-data.ts          | 421 -------------
 apps/backend-mock/utils/response.ts           |  70 ---
 apps/backend-mock/utils/timezone-utils.ts     |   9 -
 .../eslint-config/src/custom-config.ts        |   2 +-
 package.json                                  |   2 -
 playground/.env                               |   8 -
 playground/.env.analyze                       |   7 -
 playground/.env.development                   |  20 -
 playground/.env.production                    |  19 -
 playground/__tests__/e2e/auth-login.spec.ts   |  20 -
 playground/__tests__/e2e/common/auth.ts       |  46 --
 playground/index.html                         |  35 --
 playground/package.json                       |  59 --
 playground/playwright.config.ts               | 108 ----
 playground/postcss.config.mjs                 |   1 -
 playground/public/favicon.ico                 | Bin 5430 -> 0 bytes
 playground/src/adapter/component/index.ts     | 207 ------
 playground/src/adapter/form.ts                |  47 --
 playground/src/adapter/vxe-table.ts           | 297 ---------
 playground/src/api/core/auth.ts               |  57 --
 playground/src/api/core/index.ts              |   4 -
 playground/src/api/core/menu.ts               |  10 -
 playground/src/api/core/timezone.ts           |  26 -
 playground/src/api/core/user.ts               |  10 -
 playground/src/api/examples/download.ts       |  28 -
 playground/src/api/examples/index.ts          |   2 -
 playground/src/api/examples/json-bigint.ts    |  10 -
 playground/src/api/examples/params.ts         |  19 -
 playground/src/api/examples/status.ts         |  10 -
 playground/src/api/examples/table.ts          |  18 -
 playground/src/api/examples/upload.ts         |  25 -
 playground/src/api/index.ts                   |   3 -
 playground/src/api/request.ts                 | 133 ----
 playground/src/api/system/dept.ts             |  54 --
 playground/src/api/system/index.ts            |   3 -
 playground/src/api/system/menu.ts             | 158 -----
 playground/src/api/system/role.ts             |  55 --
 playground/src/app.vue                        |  39 --
 playground/src/bootstrap.ts                   |  84 ---
 playground/src/layouts/auth.vue               |  25 -
 playground/src/layouts/basic.vue              | 188 ------
 playground/src/layouts/index.ts               |   6 -
 playground/src/locales/README.md              |   3 -
 playground/src/locales/index.ts               | 102 ---
 playground/src/locales/langs/en-US/demos.json |  71 ---
 .../src/locales/langs/en-US/examples.json     |  76 ---
 playground/src/locales/langs/en-US/page.json  |  16 -
 .../src/locales/langs/en-US/system.json       |  65 --
 playground/src/locales/langs/zh-CN/demos.json |  72 ---
 .../src/locales/langs/zh-CN/examples.json     |  76 ---
 playground/src/locales/langs/zh-CN/page.json  |  16 -
 .../src/locales/langs/zh-CN/system.json       |  67 --
 playground/src/main.ts                        |  31 -
 playground/src/preferences.ts                 |  13 -
 playground/src/router/access.ts               |  42 --
 playground/src/router/guard.ts                | 136 ----
 playground/src/router/index.ts                |  37 --
 playground/src/router/routes/core.ts          |  97 ---
 playground/src/router/routes/index.ts         |  47 --
 .../src/router/routes/modules/dashboard.ts    |  38 --
 playground/src/router/routes/modules/demos.ts | 594 ------------------
 .../src/router/routes/modules/examples.ts     | 335 ----------
 .../src/router/routes/modules/system.ts       |  46 --
 playground/src/router/routes/modules/vben.ts  | 106 ----
 playground/src/store/auth.ts                  | 120 ----
 playground/src/store/index.ts                 |   1 -
 playground/src/timezone-init.ts               |  20 -
 playground/src/views/_core/README.md          |   3 -
 playground/src/views/_core/about/index.vue    |   9 -
 .../views/_core/authentication/code-login.vue | 109 ----
 .../_core/authentication/forget-password.vue  |  42 --
 .../src/views/_core/authentication/login.vue  | 132 ----
 .../_core/authentication/qrcode-login.vue     |  10 -
 .../views/_core/authentication/register.vue   |  96 ---
 .../src/views/_core/fallback/coming-soon.vue  |   7 -
 .../src/views/_core/fallback/forbidden.vue    |   9 -
 .../views/_core/fallback/internal-error.vue   |   9 -
 .../src/views/_core/fallback/not-found.vue    |   9 -
 .../src/views/_core/fallback/offline.vue      |   9 -
 .../dashboard/analytics/analytics-trends.vue  |  98 ---
 .../analytics/analytics-visits-data.vue       |  82 ---
 .../analytics/analytics-visits-sales.vue      |  46 --
 .../analytics/analytics-visits-source.vue     |  65 --
 .../dashboard/analytics/analytics-visits.vue  |  55 --
 .../src/views/dashboard/analytics/index.vue   |  90 ---
 .../src/views/dashboard/workspace/index.vue   | 266 --------
 .../src/views/demos/access/admin-visible.vue  |  11 -
 .../src/views/demos/access/button-control.vue | 157 -----
 playground/src/views/demos/access/index.vue   |  98 ---
 .../views/demos/access/menu-visible-403.vue   |  11 -
 .../src/views/demos/access/super-visible.vue  |  11 -
 .../src/views/demos/access/user-visible.vue   |  11 -
 .../src/views/demos/active-icon/index.vue     |  11 -
 playground/src/views/demos/badge/index.vue    | 117 ----
 .../views/demos/breadcrumb/lateral-detail.vue |  21 -
 .../src/views/demos/breadcrumb/lateral.vue    |  25 -
 .../views/demos/breadcrumb/level-detail.vue   |  11 -
 .../views/demos/features/clipboard/index.vue  |  25 -
 .../demos/features/file-download/base64.ts    |   1 -
 .../demos/features/file-download/index.vue    | 100 ---
 .../demos/features/full-screen/index.vue      |  47 --
 .../features/hide-menu-children/children.vue  |  23 -
 .../features/hide-menu-children/parent.vue    |  17 -
 .../src/views/demos/features/icons/index.vue  | 115 ----
 .../demos/features/json-bigint/index.vue      |  39 --
 .../demos/features/login-expired/index.vue    |  39 --
 .../views/demos/features/menu-query/index.vue |  11 -
 .../views/demos/features/new-window/index.vue |  11 -
 .../request-params-serializer/index.vue       |  61 --
 .../src/views/demos/features/tabs/index.vue   | 105 ----
 .../views/demos/features/tabs/tab-detail.vue  |  23 -
 .../vue-query/concurrency-caching.vue         |  61 --
 .../views/demos/features/vue-query/index.vue  |  40 --
 .../features/vue-query/infinite-queries.vue   |  58 --
 .../features/vue-query/paginated-queries.vue  |  53 --
 .../features/vue-query/query-retries.vue      |  34 -
 .../views/demos/features/vue-query/typing.ts  |  18 -
 .../views/demos/features/watermark/index.vue  |  86 ---
 playground/src/views/demos/nested/menu-1.vue  |   7 -
 .../src/views/demos/nested/menu-2-1.vue       |   7 -
 .../src/views/demos/nested/menu-3-1.vue       |   7 -
 .../src/views/demos/nested/menu-3-2-1.vue     |   7 -
 .../src/views/examples/button-group/index.vue | 229 -------
 .../captcha/point-selection-captcha.vue       | 181 ------
 .../views/examples/captcha/slider-captcha.vue | 117 ----
 .../captcha/slider-rotate-captcha.vue         |  28 -
 .../captcha/slider-translate-captcha.vue      |  27 -
 .../src/views/examples/count-to/index.vue     | 178 ------
 playground/src/views/examples/doc-button.vue  |  22 -
 .../examples/drawer/auto-height-demo.vue      |  47 --
 .../src/views/examples/drawer/base-demo.vue   |  35 --
 .../views/examples/drawer/dynamic-demo.vue    |  31 -
 .../examples/drawer/form-drawer-demo.vue      |  56 --
 .../views/examples/drawer/in-content-demo.vue |  48 --
 .../src/views/examples/drawer/index.vue       | 195 ------
 .../examples/drawer/shared-data-demo.vue      |  29 -
 .../src/views/examples/ellipsis/index.vue     |  46 --
 playground/src/views/examples/form/api.vue    | 274 --------
 playground/src/views/examples/form/basic.vue  | 447 -------------
 .../src/views/examples/form/custom-layout.vue | 111 ----
 playground/src/views/examples/form/custom.vue | 100 ---
 .../src/views/examples/form/dynamic.vue       | 262 --------
 playground/src/views/examples/form/merge.vue  | 116 ----
 .../examples/form/modules/two-fields.vue      |  42 --
 playground/src/views/examples/form/query.vue  | 276 --------
 playground/src/views/examples/form/rules.vue  | 245 --------
 .../examples/form/scroll-to-error-test.vue    | 180 ------
 .../src/views/examples/json-viewer/data.ts    |  66 --
 .../src/views/examples/json-viewer/index.vue  |  51 --
 .../src/views/examples/layout/col-page.vue    | 108 ----
 .../src/views/examples/loading/index.vue      | 101 ---
 .../views/examples/modal/auto-height-demo.vue |  49 --
 .../src/views/examples/modal/base-demo.vue    |  34 -
 .../src/views/examples/modal/blur-demo.vue    |  23 -
 .../src/views/examples/modal/drag-demo.vue    |  19 -
 .../src/views/examples/modal/dynamic-demo.vue |  41 --
 .../views/examples/modal/form-modal-demo.vue  |  91 ---
 .../views/examples/modal/in-content-demo.vue  |  30 -
 playground/src/views/examples/modal/index.vue | 278 --------
 .../src/views/examples/modal/nested-demo.vue  |  24 -
 .../views/examples/modal/shared-data-demo.vue |  29 -
 .../src/views/examples/motion/index.vue       | 213 -------
 .../src/views/examples/resize/basic.vue       |  58 --
 playground/src/views/examples/tippy/index.vue | 303 ---------
 .../src/views/examples/vxe-table/basic.vue    | 111 ----
 .../views/examples/vxe-table/custom-cell.vue  | 108 ----
 .../views/examples/vxe-table/edit-cell.vue    |  57 --
 .../src/views/examples/vxe-table/edit-row.vue |  94 ---
 .../src/views/examples/vxe-table/fixed.vue    |  69 --
 .../src/views/examples/vxe-table/form.vue     | 127 ----
 .../src/views/examples/vxe-table/remote.vue   |  81 ---
 .../views/examples/vxe-table/table-data.ts    | 172 -----
 .../src/views/examples/vxe-table/tree.vue     |  62 --
 .../src/views/examples/vxe-table/virtual.vue  |  66 --
 playground/src/views/system/dept/data.ts      | 135 ----
 playground/src/views/system/dept/list.vue     | 143 -----
 .../src/views/system/dept/modules/form.vue    |  78 ---
 playground/src/views/system/menu/data.ts      | 109 ----
 playground/src/views/system/menu/list.vue     | 162 -----
 .../src/views/system/menu/modules/form.vue    | 505 ---------------
 playground/src/views/system/role/data.ts      | 127 ----
 playground/src/views/system/role/list.vue     | 164 -----
 .../src/views/system/role/modules/form.vue    | 142 -----
 playground/tailwind.config.mjs                |   1 -
 playground/tsconfig.json                      |  12 -
 playground/tsconfig.node.json                 |  10 -
 playground/vite.config.mts                    |  20 -
 pnpm-workspace.yaml                           |   1 -
 scripts/vsh/src/check-dep/index.ts            |   1 -
 turbo.json                                    |   4 -
 vben-admin.code-workspace                     |   8 -
 226 files changed, 1 insertion(+), 15450 deletions(-)
 delete mode 100644 apps/backend-mock/.env
 delete mode 100644 apps/backend-mock/README.md
 delete mode 100644 apps/backend-mock/api/auth/codes.ts
 delete mode 100644 apps/backend-mock/api/auth/login.post.ts
 delete mode 100644 apps/backend-mock/api/auth/logout.post.ts
 delete mode 100644 apps/backend-mock/api/auth/refresh.post.ts
 delete mode 100644 apps/backend-mock/api/demo/bigint.ts
 delete mode 100644 apps/backend-mock/api/menu/all.ts
 delete mode 100644 apps/backend-mock/api/status.ts
 delete mode 100644 apps/backend-mock/api/system/dept/.post.ts
 delete mode 100644 apps/backend-mock/api/system/dept/[id].delete.ts
 delete mode 100644 apps/backend-mock/api/system/dept/[id].put.ts
 delete mode 100644 apps/backend-mock/api/system/dept/list.ts
 delete mode 100644 apps/backend-mock/api/system/menu/list.ts
 delete mode 100644 apps/backend-mock/api/system/menu/name-exists.ts
 delete mode 100644 apps/backend-mock/api/system/menu/path-exists.ts
 delete mode 100644 apps/backend-mock/api/system/role/list.ts
 delete mode 100644 apps/backend-mock/api/table/list.ts
 delete mode 100644 apps/backend-mock/api/test.get.ts
 delete mode 100644 apps/backend-mock/api/test.post.ts
 delete mode 100644 apps/backend-mock/api/timezone/getTimezone.ts
 delete mode 100644 apps/backend-mock/api/timezone/getTimezoneOptions.ts
 delete mode 100644 apps/backend-mock/api/timezone/setTimezone.ts
 delete mode 100644 apps/backend-mock/api/upload.ts
 delete mode 100644 apps/backend-mock/api/user/info.ts
 delete mode 100644 apps/backend-mock/error.ts
 delete mode 100644 apps/backend-mock/middleware/1.api.ts
 delete mode 100644 apps/backend-mock/nitro.config.ts
 delete mode 100644 apps/backend-mock/package.json
 delete mode 100644 apps/backend-mock/routes/[...].ts
 delete mode 100644 apps/backend-mock/tsconfig.build.json
 delete mode 100644 apps/backend-mock/tsconfig.json
 delete mode 100644 apps/backend-mock/utils/cookie-utils.ts
 delete mode 100644 apps/backend-mock/utils/jwt-utils.ts
 delete mode 100644 apps/backend-mock/utils/mock-data.ts
 delete mode 100644 apps/backend-mock/utils/response.ts
 delete mode 100644 apps/backend-mock/utils/timezone-utils.ts
 delete mode 100644 playground/.env
 delete mode 100644 playground/.env.analyze
 delete mode 100644 playground/.env.development
 delete mode 100644 playground/.env.production
 delete mode 100644 playground/__tests__/e2e/auth-login.spec.ts
 delete mode 100644 playground/__tests__/e2e/common/auth.ts
 delete mode 100644 playground/index.html
 delete mode 100644 playground/package.json
 delete mode 100644 playground/playwright.config.ts
 delete mode 100644 playground/postcss.config.mjs
 delete mode 100644 playground/public/favicon.ico
 delete mode 100644 playground/src/adapter/component/index.ts
 delete mode 100644 playground/src/adapter/form.ts
 delete mode 100644 playground/src/adapter/vxe-table.ts
 delete mode 100644 playground/src/api/core/auth.ts
 delete mode 100644 playground/src/api/core/index.ts
 delete mode 100644 playground/src/api/core/menu.ts
 delete mode 100644 playground/src/api/core/timezone.ts
 delete mode 100644 playground/src/api/core/user.ts
 delete mode 100644 playground/src/api/examples/download.ts
 delete mode 100644 playground/src/api/examples/index.ts
 delete mode 100644 playground/src/api/examples/json-bigint.ts
 delete mode 100644 playground/src/api/examples/params.ts
 delete mode 100644 playground/src/api/examples/status.ts
 delete mode 100644 playground/src/api/examples/table.ts
 delete mode 100644 playground/src/api/examples/upload.ts
 delete mode 100644 playground/src/api/index.ts
 delete mode 100644 playground/src/api/request.ts
 delete mode 100644 playground/src/api/system/dept.ts
 delete mode 100644 playground/src/api/system/index.ts
 delete mode 100644 playground/src/api/system/menu.ts
 delete mode 100644 playground/src/api/system/role.ts
 delete mode 100644 playground/src/app.vue
 delete mode 100644 playground/src/bootstrap.ts
 delete mode 100644 playground/src/layouts/auth.vue
 delete mode 100644 playground/src/layouts/basic.vue
 delete mode 100644 playground/src/layouts/index.ts
 delete mode 100644 playground/src/locales/README.md
 delete mode 100644 playground/src/locales/index.ts
 delete mode 100644 playground/src/locales/langs/en-US/demos.json
 delete mode 100644 playground/src/locales/langs/en-US/examples.json
 delete mode 100644 playground/src/locales/langs/en-US/page.json
 delete mode 100644 playground/src/locales/langs/en-US/system.json
 delete mode 100644 playground/src/locales/langs/zh-CN/demos.json
 delete mode 100644 playground/src/locales/langs/zh-CN/examples.json
 delete mode 100644 playground/src/locales/langs/zh-CN/page.json
 delete mode 100644 playground/src/locales/langs/zh-CN/system.json
 delete mode 100644 playground/src/main.ts
 delete mode 100644 playground/src/preferences.ts
 delete mode 100644 playground/src/router/access.ts
 delete mode 100644 playground/src/router/guard.ts
 delete mode 100644 playground/src/router/index.ts
 delete mode 100644 playground/src/router/routes/core.ts
 delete mode 100644 playground/src/router/routes/index.ts
 delete mode 100644 playground/src/router/routes/modules/dashboard.ts
 delete mode 100644 playground/src/router/routes/modules/demos.ts
 delete mode 100644 playground/src/router/routes/modules/examples.ts
 delete mode 100644 playground/src/router/routes/modules/system.ts
 delete mode 100644 playground/src/router/routes/modules/vben.ts
 delete mode 100644 playground/src/store/auth.ts
 delete mode 100644 playground/src/store/index.ts
 delete mode 100644 playground/src/timezone-init.ts
 delete mode 100644 playground/src/views/_core/README.md
 delete mode 100644 playground/src/views/_core/about/index.vue
 delete mode 100644 playground/src/views/_core/authentication/code-login.vue
 delete mode 100644 playground/src/views/_core/authentication/forget-password.vue
 delete mode 100644 playground/src/views/_core/authentication/login.vue
 delete mode 100644 playground/src/views/_core/authentication/qrcode-login.vue
 delete mode 100644 playground/src/views/_core/authentication/register.vue
 delete mode 100644 playground/src/views/_core/fallback/coming-soon.vue
 delete mode 100644 playground/src/views/_core/fallback/forbidden.vue
 delete mode 100644 playground/src/views/_core/fallback/internal-error.vue
 delete mode 100644 playground/src/views/_core/fallback/not-found.vue
 delete mode 100644 playground/src/views/_core/fallback/offline.vue
 delete mode 100644 playground/src/views/dashboard/analytics/analytics-trends.vue
 delete mode 100644 playground/src/views/dashboard/analytics/analytics-visits-data.vue
 delete mode 100644 playground/src/views/dashboard/analytics/analytics-visits-sales.vue
 delete mode 100644 playground/src/views/dashboard/analytics/analytics-visits-source.vue
 delete mode 100644 playground/src/views/dashboard/analytics/analytics-visits.vue
 delete mode 100644 playground/src/views/dashboard/analytics/index.vue
 delete mode 100644 playground/src/views/dashboard/workspace/index.vue
 delete mode 100644 playground/src/views/demos/access/admin-visible.vue
 delete mode 100644 playground/src/views/demos/access/button-control.vue
 delete mode 100644 playground/src/views/demos/access/index.vue
 delete mode 100644 playground/src/views/demos/access/menu-visible-403.vue
 delete mode 100644 playground/src/views/demos/access/super-visible.vue
 delete mode 100644 playground/src/views/demos/access/user-visible.vue
 delete mode 100644 playground/src/views/demos/active-icon/index.vue
 delete mode 100644 playground/src/views/demos/badge/index.vue
 delete mode 100644 playground/src/views/demos/breadcrumb/lateral-detail.vue
 delete mode 100644 playground/src/views/demos/breadcrumb/lateral.vue
 delete mode 100644 playground/src/views/demos/breadcrumb/level-detail.vue
 delete mode 100644 playground/src/views/demos/features/clipboard/index.vue
 delete mode 100644 playground/src/views/demos/features/file-download/base64.ts
 delete mode 100644 playground/src/views/demos/features/file-download/index.vue
 delete mode 100644 playground/src/views/demos/features/full-screen/index.vue
 delete mode 100644 playground/src/views/demos/features/hide-menu-children/children.vue
 delete mode 100644 playground/src/views/demos/features/hide-menu-children/parent.vue
 delete mode 100644 playground/src/views/demos/features/icons/index.vue
 delete mode 100644 playground/src/views/demos/features/json-bigint/index.vue
 delete mode 100644 playground/src/views/demos/features/login-expired/index.vue
 delete mode 100644 playground/src/views/demos/features/menu-query/index.vue
 delete mode 100644 playground/src/views/demos/features/new-window/index.vue
 delete mode 100644 playground/src/views/demos/features/request-params-serializer/index.vue
 delete mode 100644 playground/src/views/demos/features/tabs/index.vue
 delete mode 100644 playground/src/views/demos/features/tabs/tab-detail.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/concurrency-caching.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/index.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/infinite-queries.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/paginated-queries.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/query-retries.vue
 delete mode 100644 playground/src/views/demos/features/vue-query/typing.ts
 delete mode 100644 playground/src/views/demos/features/watermark/index.vue
 delete mode 100644 playground/src/views/demos/nested/menu-1.vue
 delete mode 100644 playground/src/views/demos/nested/menu-2-1.vue
 delete mode 100644 playground/src/views/demos/nested/menu-3-1.vue
 delete mode 100644 playground/src/views/demos/nested/menu-3-2-1.vue
 delete mode 100644 playground/src/views/examples/button-group/index.vue
 delete mode 100644 playground/src/views/examples/captcha/point-selection-captcha.vue
 delete mode 100644 playground/src/views/examples/captcha/slider-captcha.vue
 delete mode 100644 playground/src/views/examples/captcha/slider-rotate-captcha.vue
 delete mode 100644 playground/src/views/examples/captcha/slider-translate-captcha.vue
 delete mode 100644 playground/src/views/examples/count-to/index.vue
 delete mode 100644 playground/src/views/examples/doc-button.vue
 delete mode 100644 playground/src/views/examples/drawer/auto-height-demo.vue
 delete mode 100644 playground/src/views/examples/drawer/base-demo.vue
 delete mode 100644 playground/src/views/examples/drawer/dynamic-demo.vue
 delete mode 100644 playground/src/views/examples/drawer/form-drawer-demo.vue
 delete mode 100644 playground/src/views/examples/drawer/in-content-demo.vue
 delete mode 100644 playground/src/views/examples/drawer/index.vue
 delete mode 100644 playground/src/views/examples/drawer/shared-data-demo.vue
 delete mode 100644 playground/src/views/examples/ellipsis/index.vue
 delete mode 100644 playground/src/views/examples/form/api.vue
 delete mode 100644 playground/src/views/examples/form/basic.vue
 delete mode 100644 playground/src/views/examples/form/custom-layout.vue
 delete mode 100644 playground/src/views/examples/form/custom.vue
 delete mode 100644 playground/src/views/examples/form/dynamic.vue
 delete mode 100644 playground/src/views/examples/form/merge.vue
 delete mode 100644 playground/src/views/examples/form/modules/two-fields.vue
 delete mode 100644 playground/src/views/examples/form/query.vue
 delete mode 100644 playground/src/views/examples/form/rules.vue
 delete mode 100644 playground/src/views/examples/form/scroll-to-error-test.vue
 delete mode 100644 playground/src/views/examples/json-viewer/data.ts
 delete mode 100644 playground/src/views/examples/json-viewer/index.vue
 delete mode 100644 playground/src/views/examples/layout/col-page.vue
 delete mode 100644 playground/src/views/examples/loading/index.vue
 delete mode 100644 playground/src/views/examples/modal/auto-height-demo.vue
 delete mode 100644 playground/src/views/examples/modal/base-demo.vue
 delete mode 100644 playground/src/views/examples/modal/blur-demo.vue
 delete mode 100644 playground/src/views/examples/modal/drag-demo.vue
 delete mode 100644 playground/src/views/examples/modal/dynamic-demo.vue
 delete mode 100644 playground/src/views/examples/modal/form-modal-demo.vue
 delete mode 100644 playground/src/views/examples/modal/in-content-demo.vue
 delete mode 100644 playground/src/views/examples/modal/index.vue
 delete mode 100644 playground/src/views/examples/modal/nested-demo.vue
 delete mode 100644 playground/src/views/examples/modal/shared-data-demo.vue
 delete mode 100644 playground/src/views/examples/motion/index.vue
 delete mode 100644 playground/src/views/examples/resize/basic.vue
 delete mode 100644 playground/src/views/examples/tippy/index.vue
 delete mode 100644 playground/src/views/examples/vxe-table/basic.vue
 delete mode 100644 playground/src/views/examples/vxe-table/custom-cell.vue
 delete mode 100644 playground/src/views/examples/vxe-table/edit-cell.vue
 delete mode 100644 playground/src/views/examples/vxe-table/edit-row.vue
 delete mode 100644 playground/src/views/examples/vxe-table/fixed.vue
 delete mode 100644 playground/src/views/examples/vxe-table/form.vue
 delete mode 100644 playground/src/views/examples/vxe-table/remote.vue
 delete mode 100644 playground/src/views/examples/vxe-table/table-data.ts
 delete mode 100644 playground/src/views/examples/vxe-table/tree.vue
 delete mode 100644 playground/src/views/examples/vxe-table/virtual.vue
 delete mode 100644 playground/src/views/system/dept/data.ts
 delete mode 100644 playground/src/views/system/dept/list.vue
 delete mode 100644 playground/src/views/system/dept/modules/form.vue
 delete mode 100644 playground/src/views/system/menu/data.ts
 delete mode 100644 playground/src/views/system/menu/list.vue
 delete mode 100644 playground/src/views/system/menu/modules/form.vue
 delete mode 100644 playground/src/views/system/role/data.ts
 delete mode 100644 playground/src/views/system/role/list.vue
 delete mode 100644 playground/src/views/system/role/modules/form.vue
 delete mode 100644 playground/tailwind.config.mjs
 delete mode 100644 playground/tsconfig.json
 delete mode 100644 playground/tsconfig.node.json
 delete mode 100644 playground/vite.config.mts

diff --git a/.vscode/launch.json b/.vscode/launch.json
index e96733044..0278f8370 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -2,15 +2,6 @@
   "$schema": "https://json.schemastore.org/launchsettings.json",
   "version": "0.2.0",
   "configurations": [
-    {
-      "type": "chrome",
-      "name": "vben admin playground dev",
-      "request": "launch",
-      "url": "http://localhost:5555",
-      "env": { "NODE_ENV": "development" },
-      "sourceMaps": true,
-      "webRoot": "${workspaceFolder}/playground"
-    },
     {
       "type": "chrome",
       "name": "vben admin antd dev",
diff --git a/apps/backend-mock/.env b/apps/backend-mock/.env
deleted file mode 100644
index b20c4a65f..000000000
--- a/apps/backend-mock/.env
+++ /dev/null
@@ -1,3 +0,0 @@
-PORT=5320
-ACCESS_TOKEN_SECRET=access_token_secret
-REFRESH_TOKEN_SECRET=refresh_token_secret
diff --git a/apps/backend-mock/README.md b/apps/backend-mock/README.md
deleted file mode 100644
index 401bda76f..000000000
--- a/apps/backend-mock/README.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# @vben/backend-mock
-
-## Description
-
-Vben Admin 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。线上环境不再提供 mock 集成，可自行部署服务或者对接真实数据，由于 `mock.js` 等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了真实的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。该服务不需要手动启动，已经集成在 vite 插件内，随应用一起启用。
-
-## Running the app
-
-```bash
-# development
-$ pnpm run start
-
-# production mode
-$ pnpm run build
-```
diff --git a/apps/backend-mock/api/auth/codes.ts b/apps/backend-mock/api/auth/codes.ts
deleted file mode 100644
index e610b3381..000000000
--- a/apps/backend-mock/api/auth/codes.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { MOCK_CODES } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-export default eventHandler((event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  const codes =
-    MOCK_CODES.find((item) => item.username === userinfo.username)?.codes ?? [];
-
-  return useResponseSuccess(codes);
-});
diff --git a/apps/backend-mock/api/auth/login.post.ts b/apps/backend-mock/api/auth/login.post.ts
deleted file mode 100644
index e23942c46..000000000
--- a/apps/backend-mock/api/auth/login.post.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { defineEventHandler, readBody, setResponseStatus } from 'h3';
-import {
-  clearRefreshTokenCookie,
-  setRefreshTokenCookie,
-} from '~/utils/cookie-utils';
-import { generateAccessToken, generateRefreshToken } from '~/utils/jwt-utils';
-import { MOCK_USERS } from '~/utils/mock-data';
-import {
-  forbiddenResponse,
-  useResponseError,
-  useResponseSuccess,
-} from '~/utils/response';
-
-export default defineEventHandler(async (event) => {
-  const { password, username } = await readBody(event);
-  if (!password || !username) {
-    setResponseStatus(event, 400);
-    return useResponseError(
-      'BadRequestException',
-      'Username and password are required',
-    );
-  }
-
-  const findUser = MOCK_USERS.find(
-    (item) => item.username === username && item.password === password,
-  );
-
-  if (!findUser) {
-    clearRefreshTokenCookie(event);
-    return forbiddenResponse(event, 'Username or password is incorrect.');
-  }
-
-  const accessToken = generateAccessToken(findUser);
-  const refreshToken = generateRefreshToken(findUser);
-
-  setRefreshTokenCookie(event, refreshToken);
-
-  return useResponseSuccess({
-    ...findUser,
-    accessToken,
-  });
-});
diff --git a/apps/backend-mock/api/auth/logout.post.ts b/apps/backend-mock/api/auth/logout.post.ts
deleted file mode 100644
index 74c8d3151..000000000
--- a/apps/backend-mock/api/auth/logout.post.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { defineEventHandler } from 'h3';
-import {
-  clearRefreshTokenCookie,
-  getRefreshTokenFromCookie,
-} from '~/utils/cookie-utils';
-import { useResponseSuccess } from '~/utils/response';
-
-export default defineEventHandler(async (event) => {
-  const refreshToken = getRefreshTokenFromCookie(event);
-  if (!refreshToken) {
-    return useResponseSuccess('');
-  }
-
-  clearRefreshTokenCookie(event);
-
-  return useResponseSuccess('');
-});
diff --git a/apps/backend-mock/api/auth/refresh.post.ts b/apps/backend-mock/api/auth/refresh.post.ts
deleted file mode 100644
index 7d8d3a51e..000000000
--- a/apps/backend-mock/api/auth/refresh.post.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { defineEventHandler } from 'h3';
-import {
-  clearRefreshTokenCookie,
-  getRefreshTokenFromCookie,
-  setRefreshTokenCookie,
-} from '~/utils/cookie-utils';
-import { generateAccessToken, verifyRefreshToken } from '~/utils/jwt-utils';
-import { MOCK_USERS } from '~/utils/mock-data';
-import { forbiddenResponse } from '~/utils/response';
-
-export default defineEventHandler(async (event) => {
-  const refreshToken = getRefreshTokenFromCookie(event);
-  if (!refreshToken) {
-    return forbiddenResponse(event);
-  }
-
-  clearRefreshTokenCookie(event);
-
-  const userinfo = verifyRefreshToken(refreshToken);
-  if (!userinfo) {
-    return forbiddenResponse(event);
-  }
-
-  const findUser = MOCK_USERS.find(
-    (item) => item.username === userinfo.username,
-  );
-  if (!findUser) {
-    return forbiddenResponse(event);
-  }
-  const accessToken = generateAccessToken(findUser);
-
-  setRefreshTokenCookie(event, refreshToken);
-
-  return accessToken;
-});
diff --git a/apps/backend-mock/api/demo/bigint.ts b/apps/backend-mock/api/demo/bigint.ts
deleted file mode 100644
index 00d6c28c5..000000000
--- a/apps/backend-mock/api/demo/bigint.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { eventHandler, setHeader } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse } from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  const data = `
-  {
-    "code": 0,
-    "message": "success",
-    "data": [
-              {
-                "id": 123456789012345678901234567890123456789012345678901234567890,
-                "name": "John Doe",
-                "age": 30,
-                "email": "john-doe@demo.com"
-                },
-                {
-                "id": 987654321098765432109876543210987654321098765432109876543210,
-                "name": "Jane Smith",
-                "age": 25,
-                "email": "jane@demo.com"
-                }
-            ]
-  }
-  `;
-  setHeader(event, 'Content-Type', 'application/json');
-  return data;
-});
diff --git a/apps/backend-mock/api/menu/all.ts b/apps/backend-mock/api/menu/all.ts
deleted file mode 100644
index 7923f7ca5..000000000
--- a/apps/backend-mock/api/menu/all.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { MOCK_MENUS } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  const menus =
-    MOCK_MENUS.find((item) => item.username === userinfo.username)?.menus ?? [];
-  return useResponseSuccess(menus);
-});
diff --git a/apps/backend-mock/api/status.ts b/apps/backend-mock/api/status.ts
deleted file mode 100644
index 43782095d..000000000
--- a/apps/backend-mock/api/status.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { eventHandler, getQuery, setResponseStatus } from 'h3';
-import { useResponseError } from '~/utils/response';
-
-export default eventHandler((event) => {
-  const { status } = getQuery(event);
-  setResponseStatus(event, Number(status));
-  return useResponseError(`${status}`);
-});
diff --git a/apps/backend-mock/api/system/dept/.post.ts b/apps/backend-mock/api/system/dept/.post.ts
deleted file mode 100644
index 9a4896afa..000000000
--- a/apps/backend-mock/api/system/dept/.post.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import {
-  sleep,
-  unAuthorizedResponse,
-  useResponseSuccess,
-} from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  await sleep(600);
-  return useResponseSuccess(null);
-});
diff --git a/apps/backend-mock/api/system/dept/[id].delete.ts b/apps/backend-mock/api/system/dept/[id].delete.ts
deleted file mode 100644
index eac0f5846..000000000
--- a/apps/backend-mock/api/system/dept/[id].delete.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import {
-  sleep,
-  unAuthorizedResponse,
-  useResponseSuccess,
-} from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  await sleep(1000);
-  return useResponseSuccess(null);
-});
diff --git a/apps/backend-mock/api/system/dept/[id].put.ts b/apps/backend-mock/api/system/dept/[id].put.ts
deleted file mode 100644
index 6805e1395..000000000
--- a/apps/backend-mock/api/system/dept/[id].put.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import {
-  sleep,
-  unAuthorizedResponse,
-  useResponseSuccess,
-} from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  await sleep(2000);
-  return useResponseSuccess(null);
-});
diff --git a/apps/backend-mock/api/system/dept/list.ts b/apps/backend-mock/api/system/dept/list.ts
deleted file mode 100644
index a649a0d2f..000000000
--- a/apps/backend-mock/api/system/dept/list.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { faker } from '@faker-js/faker';
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-const formatterCN = new Intl.DateTimeFormat('zh-CN', {
-  timeZone: 'Asia/Shanghai',
-  year: 'numeric',
-  month: '2-digit',
-  day: '2-digit',
-  hour: '2-digit',
-  minute: '2-digit',
-  second: '2-digit',
-});
-
-function generateMockDataList(count: number) {
-  const dataList = [];
-
-  for (let i = 0; i < count; i++) {
-    const dataItem: Record<string, any> = {
-      id: faker.string.uuid(),
-      pid: 0,
-      name: faker.commerce.department(),
-      status: faker.helpers.arrayElement([0, 1]),
-      createTime: formatterCN.format(
-        faker.date.between({ from: '2021-01-01', to: '2022-12-31' }),
-      ),
-      remark: faker.lorem.sentence(),
-    };
-    if (faker.datatype.boolean()) {
-      dataItem.children = Array.from(
-        { length: faker.number.int({ min: 1, max: 5 }) },
-        () => ({
-          id: faker.string.uuid(),
-          pid: dataItem.id,
-          name: faker.commerce.department(),
-          status: faker.helpers.arrayElement([0, 1]),
-          createTime: formatterCN.format(
-            faker.date.between({ from: '2023-01-01', to: '2023-12-31' }),
-          ),
-          remark: faker.lorem.sentence(),
-        }),
-      );
-    }
-    dataList.push(dataItem);
-  }
-
-  return dataList;
-}
-
-const mockData = generateMockDataList(10);
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  const listData = structuredClone(mockData);
-
-  return useResponseSuccess(listData);
-});
diff --git a/apps/backend-mock/api/system/menu/list.ts b/apps/backend-mock/api/system/menu/list.ts
deleted file mode 100644
index ce96bb14e..000000000
--- a/apps/backend-mock/api/system/menu/list.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { MOCK_MENU_LIST } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  return useResponseSuccess(MOCK_MENU_LIST);
-});
diff --git a/apps/backend-mock/api/system/menu/name-exists.ts b/apps/backend-mock/api/system/menu/name-exists.ts
deleted file mode 100644
index 7d5551b3b..000000000
--- a/apps/backend-mock/api/system/menu/name-exists.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { eventHandler, getQuery } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { MOCK_MENU_LIST } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-const namesMap: Record<string, any> = {};
-
-function getNames(menus: any[]) {
-  menus.forEach((menu) => {
-    namesMap[menu.name] = String(menu.id);
-    if (menu.children) {
-      getNames(menu.children);
-    }
-  });
-}
-getNames(MOCK_MENU_LIST);
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  const { id, name } = getQuery(event);
-
-  return (name as string) in namesMap &&
-    (!id || namesMap[name as string] !== String(id))
-    ? useResponseSuccess(true)
-    : useResponseSuccess(false);
-});
diff --git a/apps/backend-mock/api/system/menu/path-exists.ts b/apps/backend-mock/api/system/menu/path-exists.ts
deleted file mode 100644
index f3c3be997..000000000
--- a/apps/backend-mock/api/system/menu/path-exists.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { eventHandler, getQuery } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { MOCK_MENU_LIST } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-const pathMap: Record<string, any> = { '/': 0 };
-
-function getPaths(menus: any[]) {
-  menus.forEach((menu) => {
-    pathMap[menu.path] = String(menu.id);
-    if (menu.children) {
-      getPaths(menu.children);
-    }
-  });
-}
-getPaths(MOCK_MENU_LIST);
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  const { id, path } = getQuery(event);
-
-  return (path as string) in pathMap &&
-    (!id || pathMap[path as string] !== String(id))
-    ? useResponseSuccess(true)
-    : useResponseSuccess(false);
-});
diff --git a/apps/backend-mock/api/system/role/list.ts b/apps/backend-mock/api/system/role/list.ts
deleted file mode 100644
index bad29a513..000000000
--- a/apps/backend-mock/api/system/role/list.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { faker } from '@faker-js/faker';
-import { eventHandler, getQuery } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { getMenuIds, MOCK_MENU_LIST } from '~/utils/mock-data';
-import { unAuthorizedResponse, usePageResponseSuccess } from '~/utils/response';
-
-const formatterCN = new Intl.DateTimeFormat('zh-CN', {
-  timeZone: 'Asia/Shanghai',
-  year: 'numeric',
-  month: '2-digit',
-  day: '2-digit',
-  hour: '2-digit',
-  minute: '2-digit',
-  second: '2-digit',
-});
-
-const menuIds = getMenuIds(MOCK_MENU_LIST);
-
-function generateMockDataList(count: number) {
-  const dataList = [];
-
-  for (let i = 0; i < count; i++) {
-    const dataItem: Record<string, any> = {
-      id: faker.string.uuid(),
-      name: faker.commerce.product(),
-      status: faker.helpers.arrayElement([0, 1]),
-      createTime: formatterCN.format(
-        faker.date.between({ from: '2022-01-01', to: '2025-01-01' }),
-      ),
-      permissions: faker.helpers.arrayElements(menuIds),
-      remark: faker.lorem.sentence(),
-    };
-
-    dataList.push(dataItem);
-  }
-
-  return dataList;
-}
-
-const mockData = generateMockDataList(100);
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  const {
-    page = 1,
-    pageSize = 20,
-    name,
-    id,
-    remark,
-    startTime,
-    endTime,
-    status,
-  } = getQuery(event);
-  let listData = structuredClone(mockData);
-  if (name) {
-    listData = listData.filter((item) =>
-      item.name.toLowerCase().includes(String(name).toLowerCase()),
-    );
-  }
-  if (id) {
-    listData = listData.filter((item) =>
-      item.id.toLowerCase().includes(String(id).toLowerCase()),
-    );
-  }
-  if (remark) {
-    listData = listData.filter((item) =>
-      item.remark?.toLowerCase()?.includes(String(remark).toLowerCase()),
-    );
-  }
-  if (startTime) {
-    listData = listData.filter((item) => item.createTime >= startTime);
-  }
-  if (endTime) {
-    listData = listData.filter((item) => item.createTime <= endTime);
-  }
-  if (['0', '1'].includes(status as string)) {
-    listData = listData.filter((item) => item.status === Number(status));
-  }
-  return usePageResponseSuccess(page as string, pageSize as string, listData);
-});
diff --git a/apps/backend-mock/api/table/list.ts b/apps/backend-mock/api/table/list.ts
deleted file mode 100644
index 6664b583e..000000000
--- a/apps/backend-mock/api/table/list.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { faker } from '@faker-js/faker';
-import { eventHandler, getQuery } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import {
-  sleep,
-  unAuthorizedResponse,
-  usePageResponseSuccess,
-} from '~/utils/response';
-
-function generateMockDataList(count: number) {
-  const dataList = [];
-
-  for (let i = 0; i < count; i++) {
-    const dataItem = {
-      id: faker.string.uuid(),
-      imageUrl: faker.image.avatar(),
-      imageUrl2: faker.image.avatar(),
-      open: faker.datatype.boolean(),
-      status: faker.helpers.arrayElement(['success', 'error', 'warning']),
-      productName: faker.commerce.productName(),
-      price: faker.commerce.price(),
-      currency: faker.finance.currencyCode(),
-      quantity: faker.number.int({ min: 1, max: 100 }),
-      available: faker.datatype.boolean(),
-      category: faker.commerce.department(),
-      releaseDate: faker.date.past(),
-      rating: faker.number.float({ min: 1, max: 5 }),
-      description: faker.commerce.productDescription(),
-      weight: faker.number.float({ min: 0.1, max: 10 }),
-      color: faker.color.human(),
-      inProduction: faker.datatype.boolean(),
-      tags: Array.from({ length: 3 }, () => faker.commerce.productAdjective()),
-    };
-
-    dataList.push(dataItem);
-  }
-
-  return dataList;
-}
-
-const mockData = generateMockDataList(100);
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-
-  await sleep(600);
-
-  const { page, pageSize, sortBy, sortOrder } = getQuery(event);
-  // 规范化分页参数，处理 string[]
-  const pageRaw = Array.isArray(page) ? page[0] : page;
-  const pageSizeRaw = Array.isArray(pageSize) ? pageSize[0] : pageSize;
-  const pageNumber = Math.max(
-    1,
-    Number.parseInt(String(pageRaw ?? '1'), 10) || 1,
-  );
-  const pageSizeNumber = Math.min(
-    100,
-    Math.max(1, Number.parseInt(String(pageSizeRaw ?? '10'), 10) || 10),
-  );
-  const listData = structuredClone(mockData);
-
-  // 规范化 query 入参，兼容 string[]
-  const sortKeyRaw = Array.isArray(sortBy) ? sortBy[0] : sortBy;
-  const sortOrderRaw = Array.isArray(sortOrder) ? sortOrder[0] : sortOrder;
-  // 检查 sortBy 是否是 listData 元素的合法属性键
-  if (
-    typeof sortKeyRaw === 'string' &&
-    listData[0] &&
-    Object.prototype.hasOwnProperty.call(listData[0], sortKeyRaw)
-  ) {
-    // 定义数组元素的类型
-    type ItemType = (typeof listData)[0];
-    const sortKey = sortKeyRaw as keyof ItemType; // 将 sortBy 断言为合法键
-    const isDesc = sortOrderRaw === 'desc';
-    listData.sort((a, b) => {
-      const aValue = a[sortKey] as unknown;
-      const bValue = b[sortKey] as unknown;
-
-      let result = 0;
-
-      if (typeof aValue === 'number' && typeof bValue === 'number') {
-        result = aValue - bValue;
-      } else if (aValue instanceof Date && bValue instanceof Date) {
-        result = aValue.getTime() - bValue.getTime();
-      } else if (typeof aValue === 'boolean' && typeof bValue === 'boolean') {
-        if (aValue === bValue) {
-          result = 0;
-        } else {
-          result = aValue ? 1 : -1;
-        }
-      } else {
-        const aStr = String(aValue);
-        const bStr = String(bValue);
-        const aNum = Number(aStr);
-        const bNum = Number(bStr);
-        result =
-          Number.isFinite(aNum) && Number.isFinite(bNum)
-            ? aNum - bNum
-            : aStr.localeCompare(bStr, undefined, {
-                numeric: true,
-                sensitivity: 'base',
-              });
-      }
-
-      return isDesc ? -result : result;
-    });
-  }
-
-  return usePageResponseSuccess(
-    String(pageNumber),
-    String(pageSizeNumber),
-    listData,
-  );
-});
diff --git a/apps/backend-mock/api/test.get.ts b/apps/backend-mock/api/test.get.ts
deleted file mode 100644
index dc2ceef79..000000000
--- a/apps/backend-mock/api/test.get.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { defineEventHandler } from 'h3';
-
-export default defineEventHandler(() => 'Test get handler');
diff --git a/apps/backend-mock/api/test.post.ts b/apps/backend-mock/api/test.post.ts
deleted file mode 100644
index 0e9e337a8..000000000
--- a/apps/backend-mock/api/test.post.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { defineEventHandler } from 'h3';
-
-export default defineEventHandler(() => 'Test post handler');
diff --git a/apps/backend-mock/api/timezone/getTimezone.ts b/apps/backend-mock/api/timezone/getTimezone.ts
deleted file mode 100644
index 0cbcb6ec0..000000000
--- a/apps/backend-mock/api/timezone/getTimezone.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-import { getTimezone } from '~/utils/timezone-utils';
-
-export default eventHandler((event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  return useResponseSuccess(getTimezone());
-});
diff --git a/apps/backend-mock/api/timezone/getTimezoneOptions.ts b/apps/backend-mock/api/timezone/getTimezoneOptions.ts
deleted file mode 100644
index 6c241864e..000000000
--- a/apps/backend-mock/api/timezone/getTimezoneOptions.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { eventHandler } from 'h3';
-import { TIME_ZONE_OPTIONS } from '~/utils/mock-data';
-import { useResponseSuccess } from '~/utils/response';
-
-export default eventHandler(() => {
-  const data = TIME_ZONE_OPTIONS.map((o) => ({
-    label: `${o.timezone} (GMT${o.offset >= 0 ? `+${o.offset}` : o.offset})`,
-    value: o.timezone,
-  }));
-  return useResponseSuccess(data);
-});
diff --git a/apps/backend-mock/api/timezone/setTimezone.ts b/apps/backend-mock/api/timezone/setTimezone.ts
deleted file mode 100644
index 34d8f19e2..000000000
--- a/apps/backend-mock/api/timezone/setTimezone.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { eventHandler, readBody } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { TIME_ZONE_OPTIONS } from '~/utils/mock-data';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-import { setTimezone } from '~/utils/timezone-utils';
-
-export default eventHandler(async (event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  const body = await readBody<{ timezone?: unknown }>(event);
-  const timezone =
-    typeof body?.timezone === 'string' ? body.timezone : undefined;
-  const allowed = TIME_ZONE_OPTIONS.some((o) => o.timezone === timezone);
-  if (!timezone || !allowed) {
-    setResponseStatus(event, 400);
-    return useResponseError('Bad Request', 'Invalid timezone');
-  }
-  setTimezone(timezone);
-  return useResponseSuccess({});
-});
diff --git a/apps/backend-mock/api/upload.ts b/apps/backend-mock/api/upload.ts
deleted file mode 100644
index 436b63cbf..000000000
--- a/apps/backend-mock/api/upload.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-export default eventHandler((event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  return useResponseSuccess({
-    url: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
-  });
-  // return useResponseError("test")
-});
diff --git a/apps/backend-mock/api/user/info.ts b/apps/backend-mock/api/user/info.ts
deleted file mode 100644
index 138cb4331..000000000
--- a/apps/backend-mock/api/user/info.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { eventHandler } from 'h3';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse, useResponseSuccess } from '~/utils/response';
-
-export default eventHandler((event) => {
-  const userinfo = verifyAccessToken(event);
-  if (!userinfo) {
-    return unAuthorizedResponse(event);
-  }
-  return useResponseSuccess(userinfo);
-});
diff --git a/apps/backend-mock/error.ts b/apps/backend-mock/error.ts
deleted file mode 100644
index e20beac4e..000000000
--- a/apps/backend-mock/error.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { NitroErrorHandler } from 'nitropack';
-
-const errorHandler: NitroErrorHandler = function (error, event) {
-  event.node.res.end(`[Error Handler] ${error.stack}`);
-};
-
-export default errorHandler;
diff --git a/apps/backend-mock/middleware/1.api.ts b/apps/backend-mock/middleware/1.api.ts
deleted file mode 100644
index 339cda4db..000000000
--- a/apps/backend-mock/middleware/1.api.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { defineEventHandler } from 'h3';
-import { forbiddenResponse, sleep } from '~/utils/response';
-
-export default defineEventHandler(async (event) => {
-  event.node.res.setHeader(
-    'Access-Control-Allow-Origin',
-    event.headers.get('Origin') ?? '*',
-  );
-  if (event.method === 'OPTIONS') {
-    event.node.res.statusCode = 204;
-    event.node.res.statusMessage = 'No Content.';
-    return 'OK';
-  } else if (
-    ['DELETE', 'PATCH', 'POST', 'PUT'].includes(event.method) &&
-    event.path.startsWith('/api/system/')
-  ) {
-    await sleep(Math.floor(Math.random() * 2000));
-    return forbiddenResponse(event, '演示环境，禁止修改');
-  }
-});
diff --git a/apps/backend-mock/nitro.config.ts b/apps/backend-mock/nitro.config.ts
deleted file mode 100644
index c0fc13e2e..000000000
--- a/apps/backend-mock/nitro.config.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import errorHandler from './error';
-
-process.env.COMPATIBILITY_DATE = new Date().toISOString();
-export default defineNitroConfig({
-  devErrorHandler: errorHandler,
-  errorHandler: '~/error',
-  routeRules: {
-    '/api/**': {
-      cors: true,
-      headers: {
-        'Access-Control-Allow-Credentials': 'true',
-        'Access-Control-Allow-Headers':
-          'Accept, Authorization, Content-Length, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-CSRF-TOKEN, X-Requested-With',
-        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
-        'Access-Control-Allow-Origin': '*',
-        'Access-Control-Expose-Headers': '*',
-      },
-    },
-  },
-});
diff --git a/apps/backend-mock/package.json b/apps/backend-mock/package.json
deleted file mode 100644
index cc0b8d533..000000000
--- a/apps/backend-mock/package.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "@vben/backend-mock",
-  "version": "0.0.1",
-  "description": "",
-  "private": true,
-  "license": "MIT",
-  "author": "",
-  "scripts": {
-    "build": "nitro build",
-    "start": "nitro dev"
-  },
-  "dependencies": {
-    "@faker-js/faker": "catalog:",
-    "jsonwebtoken": "catalog:",
-    "nitropack": "catalog:"
-  },
-  "devDependencies": {
-    "@types/jsonwebtoken": "catalog:",
-    "h3": "catalog:"
-  }
-}
diff --git a/apps/backend-mock/routes/[...].ts b/apps/backend-mock/routes/[...].ts
deleted file mode 100644
index 5a22563dc..000000000
--- a/apps/backend-mock/routes/[...].ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineEventHandler } from 'h3';
-
-export default defineEventHandler(() => {
-  return `
-<h1>Hello Vben Admin</h1>
-<h2>Mock service is starting</h2>
-<ul>
-<li><a href="/api/user">/api/user/info</a></li>
-<li><a href="/api/menu">/api/menu/all</a></li>
-<li><a href="/api/auth/codes">/api/auth/codes</a></li>
-<li><a href="/api/auth/login">/api/auth/login</a></li>
-<li><a href="/api/upload">/api/upload</a></li>
-</ul>
-`;
-});
diff --git a/apps/backend-mock/tsconfig.build.json b/apps/backend-mock/tsconfig.build.json
deleted file mode 100644
index 64f86c6bd..000000000
--- a/apps/backend-mock/tsconfig.build.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
-}
diff --git a/apps/backend-mock/tsconfig.json b/apps/backend-mock/tsconfig.json
deleted file mode 100644
index 43008af1c..000000000
--- a/apps/backend-mock/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "./.nitro/types/tsconfig.json"
-}
diff --git a/apps/backend-mock/utils/cookie-utils.ts b/apps/backend-mock/utils/cookie-utils.ts
deleted file mode 100644
index 187ce2f00..000000000
--- a/apps/backend-mock/utils/cookie-utils.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { EventHandlerRequest, H3Event } from 'h3';
-
-import { deleteCookie, getCookie, setCookie } from 'h3';
-
-export function clearRefreshTokenCookie(event: H3Event<EventHandlerRequest>) {
-  deleteCookie(event, 'jwt', {
-    httpOnly: true,
-    sameSite: 'none',
-    secure: true,
-  });
-}
-
-export function setRefreshTokenCookie(
-  event: H3Event<EventHandlerRequest>,
-  refreshToken: string,
-) {
-  setCookie(event, 'jwt', refreshToken, {
-    httpOnly: true,
-    maxAge: 24 * 60 * 60, // unit: seconds
-    sameSite: 'none',
-    secure: true,
-  });
-}
-
-export function getRefreshTokenFromCookie(event: H3Event<EventHandlerRequest>) {
-  const refreshToken = getCookie(event, 'jwt');
-  return refreshToken;
-}
diff --git a/apps/backend-mock/utils/jwt-utils.ts b/apps/backend-mock/utils/jwt-utils.ts
deleted file mode 100644
index 718583070..000000000
--- a/apps/backend-mock/utils/jwt-utils.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import type { EventHandlerRequest, H3Event } from 'h3';
-
-import type { UserInfo } from './mock-data';
-
-import { getHeader } from 'h3';
-import jwt from 'jsonwebtoken';
-
-import { MOCK_USERS } from './mock-data';
-
-// TODO: Replace with your own secret key
-const ACCESS_TOKEN_SECRET = 'access_token_secret';
-const REFRESH_TOKEN_SECRET = 'refresh_token_secret';
-
-export interface UserPayload extends UserInfo {
-  iat: number;
-  exp: number;
-}
-
-export function generateAccessToken(user: UserInfo) {
-  return jwt.sign(user, ACCESS_TOKEN_SECRET, { expiresIn: '7d' });
-}
-
-export function generateRefreshToken(user: UserInfo) {
-  return jwt.sign(user, REFRESH_TOKEN_SECRET, {
-    expiresIn: '30d',
-  });
-}
-
-export function verifyAccessToken(
-  event: H3Event<EventHandlerRequest>,
-): null | Omit<UserInfo, 'password'> {
-  const authHeader = getHeader(event, 'Authorization');
-  if (!authHeader?.startsWith('Bearer')) {
-    return null;
-  }
-
-  const tokenParts = authHeader.split(' ');
-  if (tokenParts.length !== 2) {
-    return null;
-  }
-  const token = tokenParts[1] as string;
-  try {
-    const decoded = jwt.verify(
-      token,
-      ACCESS_TOKEN_SECRET,
-    ) as unknown as UserPayload;
-
-    const username = decoded.username;
-    const user = MOCK_USERS.find((item) => item.username === username);
-    if (!user) {
-      return null;
-    }
-    const { password: _pwd, ...userinfo } = user;
-    return userinfo;
-  } catch {
-    return null;
-  }
-}
-
-export function verifyRefreshToken(
-  token: string,
-): null | Omit<UserInfo, 'password'> {
-  try {
-    const decoded = jwt.verify(token, REFRESH_TOKEN_SECRET) as UserPayload;
-    const username = decoded.username;
-    const user = MOCK_USERS.find(
-      (item) => item.username === username,
-    ) as UserInfo;
-    if (!user) {
-      return null;
-    }
-    const { password: _pwd, ...userinfo } = user;
-    return userinfo;
-  } catch {
-    return null;
-  }
-}
diff --git a/apps/backend-mock/utils/mock-data.ts b/apps/backend-mock/utils/mock-data.ts
deleted file mode 100644
index ee38e8ef9..000000000
--- a/apps/backend-mock/utils/mock-data.ts
+++ /dev/null
@@ -1,421 +0,0 @@
-export interface UserInfo {
-  id: number;
-  password: string;
-  realName: string;
-  roles: string[];
-  username: string;
-  homePath?: string;
-}
-
-export interface TimezoneOption {
-  offset: number;
-  timezone: string;
-}
-
-export const MOCK_USERS: UserInfo[] = [
-  {
-    id: 0,
-    password: '123456',
-    realName: 'Vben',
-    roles: ['super'],
-    username: 'vben',
-  },
-  {
-    id: 1,
-    password: '123456',
-    realName: 'Admin',
-    roles: ['admin'],
-    username: 'admin',
-    homePath: '/workspace',
-  },
-  {
-    id: 2,
-    password: '123456',
-    realName: 'Jack',
-    roles: ['user'],
-    username: 'jack',
-    homePath: '/analytics',
-  },
-];
-
-export const MOCK_CODES = [
-  // super
-  {
-    codes: ['AC_100100', 'AC_100110', 'AC_100120', 'AC_100010'],
-    username: 'vben',
-  },
-  {
-    // admin
-    codes: ['AC_100010', 'AC_100020', 'AC_100030'],
-    username: 'admin',
-  },
-  {
-    // user
-    codes: ['AC_1000001', 'AC_1000002'],
-    username: 'jack',
-  },
-];
-
-const dashboardMenus = [
-  {
-    meta: {
-      order: -1,
-      title: 'page.dashboard.title',
-    },
-    name: 'Dashboard',
-    path: '/dashboard',
-    redirect: '/analytics',
-    children: [
-      {
-        name: 'Analytics',
-        path: '/analytics',
-        component: '/dashboard/analytics/index',
-        meta: {
-          affixTab: true,
-          title: 'page.dashboard.analytics',
-        },
-      },
-      {
-        name: 'Workspace',
-        path: '/workspace',
-        component: '/dashboard/workspace/index',
-        meta: {
-          title: 'page.dashboard.workspace',
-        },
-      },
-    ],
-  },
-];
-
-const createDemosMenus = (role: 'admin' | 'super' | 'user') => {
-  const roleWithMenus = {
-    admin: {
-      component: '/demos/access/admin-visible',
-      meta: {
-        icon: 'mdi:button-cursor',
-        title: 'demos.access.adminVisible',
-      },
-      name: 'AccessAdminVisibleDemo',
-      path: '/demos/access/admin-visible',
-    },
-    super: {
-      component: '/demos/access/super-visible',
-      meta: {
-        icon: 'mdi:button-cursor',
-        title: 'demos.access.superVisible',
-      },
-      name: 'AccessSuperVisibleDemo',
-      path: '/demos/access/super-visible',
-    },
-    user: {
-      component: '/demos/access/user-visible',
-      meta: {
-        icon: 'mdi:button-cursor',
-        title: 'demos.access.userVisible',
-      },
-      name: 'AccessUserVisibleDemo',
-      path: '/demos/access/user-visible',
-    },
-  };
-
-  return [
-    {
-      meta: {
-        icon: 'ic:baseline-view-in-ar',
-        keepAlive: true,
-        order: 1000,
-        title: 'demos.title',
-      },
-      name: 'Demos',
-      path: '/demos',
-      redirect: '/demos/access',
-      children: [
-        {
-          name: 'AccessDemos',
-          path: '/demosaccess',
-          meta: {
-            icon: 'mdi:cloud-key-outline',
-            title: 'demos.access.backendPermissions',
-          },
-          redirect: '/demos/access/page-control',
-          children: [
-            {
-              name: 'AccessPageControlDemo',
-              path: '/demos/access/page-control',
-              component: '/demos/access/index',
-              meta: {
-                icon: 'mdi:page-previous-outline',
-                title: 'demos.access.pageAccess',
-              },
-            },
-            {
-              name: 'AccessButtonControlDemo',
-              path: '/demos/access/button-control',
-              component: '/demos/access/button-control',
-              meta: {
-                icon: 'mdi:button-cursor',
-                title: 'demos.access.buttonControl',
-              },
-            },
-            {
-              name: 'AccessMenuVisible403Demo',
-              path: '/demos/access/menu-visible-403',
-              component: '/demos/access/menu-visible-403',
-              meta: {
-                authority: ['no-body'],
-                icon: 'mdi:button-cursor',
-                menuVisibleWithForbidden: true,
-                title: 'demos.access.menuVisible403',
-              },
-            },
-            roleWithMenus[role],
-          ],
-        },
-      ],
-    },
-  ];
-};
-
-export const MOCK_MENUS = [
-  {
-    menus: [...dashboardMenus, ...createDemosMenus('super')],
-    username: 'vben',
-  },
-  {
-    menus: [...dashboardMenus, ...createDemosMenus('admin')],
-    username: 'admin',
-  },
-  {
-    menus: [...dashboardMenus, ...createDemosMenus('user')],
-    username: 'jack',
-  },
-];
-
-export const MOCK_MENU_LIST = [
-  {
-    id: 1,
-    name: 'Workspace',
-    status: 1,
-    type: 'menu',
-    icon: 'mdi:dashboard',
-    path: '/workspace',
-    component: '/dashboard/workspace/index',
-    meta: {
-      icon: 'carbon:workspace',
-      title: 'page.dashboard.workspace',
-      affixTab: true,
-      order: 0,
-    },
-  },
-  {
-    id: 2,
-    meta: {
-      icon: 'carbon:settings',
-      order: 9997,
-      title: 'system.title',
-      badge: 'new',
-      badgeType: 'normal',
-      badgeVariants: 'primary',
-    },
-    status: 1,
-    type: 'catalog',
-    name: 'System',
-    path: '/system',
-    children: [
-      {
-        id: 201,
-        pid: 2,
-        path: '/system/menu',
-        name: 'SystemMenu',
-        authCode: 'System:Menu:List',
-        status: 1,
-        type: 'menu',
-        meta: {
-          icon: 'carbon:menu',
-          title: 'system.menu.title',
-        },
-        component: '/system/menu/list',
-        children: [
-          {
-            id: 20_101,
-            pid: 201,
-            name: 'SystemMenuCreate',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Menu:Create',
-            meta: { title: 'common.create' },
-          },
-          {
-            id: 20_102,
-            pid: 201,
-            name: 'SystemMenuEdit',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Menu:Edit',
-            meta: { title: 'common.edit' },
-          },
-          {
-            id: 20_103,
-            pid: 201,
-            name: 'SystemMenuDelete',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Menu:Delete',
-            meta: { title: 'common.delete' },
-          },
-        ],
-      },
-      {
-        id: 202,
-        pid: 2,
-        path: '/system/dept',
-        name: 'SystemDept',
-        status: 1,
-        type: 'menu',
-        authCode: 'System:Dept:List',
-        meta: {
-          icon: 'carbon:container-services',
-          title: 'system.dept.title',
-        },
-        component: '/system/dept/list',
-        children: [
-          {
-            id: 20_401,
-            pid: 202,
-            name: 'SystemDeptCreate',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Dept:Create',
-            meta: { title: 'common.create' },
-          },
-          {
-            id: 20_402,
-            pid: 202,
-            name: 'SystemDeptEdit',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Dept:Edit',
-            meta: { title: 'common.edit' },
-          },
-          {
-            id: 20_403,
-            pid: 202,
-            name: 'SystemDeptDelete',
-            status: 1,
-            type: 'button',
-            authCode: 'System:Dept:Delete',
-            meta: { title: 'common.delete' },
-          },
-        ],
-      },
-    ],
-  },
-  {
-    id: 9,
-    meta: {
-      badgeType: 'dot',
-      order: 9998,
-      title: 'demos.vben.title',
-      icon: 'carbon:data-center',
-    },
-    name: 'Project',
-    path: '/vben-admin',
-    type: 'catalog',
-    status: 1,
-    children: [
-      {
-        id: 901,
-        pid: 9,
-        name: 'VbenDocument',
-        path: '/vben-admin/document',
-        component: 'IFrameView',
-        type: 'embedded',
-        status: 1,
-        meta: {
-          icon: 'carbon:book',
-          iframeSrc: 'https://doc.vben.pro',
-          title: 'demos.vben.document',
-        },
-      },
-      {
-        id: 902,
-        pid: 9,
-        name: 'VbenGithub',
-        path: '/vben-admin/github',
-        component: 'IFrameView',
-        type: 'link',
-        status: 1,
-        meta: {
-          icon: 'carbon:logo-github',
-          link: 'https://github.com/vbenjs/vue-vben-admin',
-          title: 'Github',
-        },
-      },
-      {
-        id: 903,
-        pid: 9,
-        name: 'VbenAntdv',
-        path: '/vben-admin/antdv',
-        component: 'IFrameView',
-        type: 'link',
-        status: 0,
-        meta: {
-          icon: 'carbon:hexagon-vertical-solid',
-          badgeType: 'dot',
-          link: 'https://ant.vben.pro',
-          title: 'demos.vben.antdv',
-        },
-      },
-    ],
-  },
-  {
-    id: 10,
-    component: '_core/about/index',
-    type: 'menu',
-    status: 1,
-    meta: {
-      icon: 'lucide:copyright',
-      order: 9999,
-      title: 'demos.vben.about',
-    },
-    name: 'About',
-    path: '/about',
-  },
-];
-
-export function getMenuIds(menus: any[]) {
-  const ids: number[] = [];
-  menus.forEach((item) => {
-    ids.push(item.id);
-    if (item.children && item.children.length > 0) {
-      ids.push(...getMenuIds(item.children));
-    }
-  });
-  return ids;
-}
-
-/**
- * 时区选项
- */
-export const TIME_ZONE_OPTIONS: TimezoneOption[] = [
-  {
-    offset: -5,
-    timezone: 'America/New_York',
-  },
-  {
-    offset: 0,
-    timezone: 'Europe/London',
-  },
-  {
-    offset: 8,
-    timezone: 'Asia/Shanghai',
-  },
-  {
-    offset: 9,
-    timezone: 'Asia/Tokyo',
-  },
-  {
-    offset: 9,
-    timezone: 'Asia/Seoul',
-  },
-];
diff --git a/apps/backend-mock/utils/response.ts b/apps/backend-mock/utils/response.ts
deleted file mode 100644
index 2d4242e98..000000000
--- a/apps/backend-mock/utils/response.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import type { EventHandlerRequest, H3Event } from 'h3';
-
-import { setResponseStatus } from 'h3';
-
-export function useResponseSuccess<T = any>(data: T) {
-  return {
-    code: 0,
-    data,
-    error: null,
-    message: 'ok',
-  };
-}
-
-export function usePageResponseSuccess<T = any>(
-  page: number | string,
-  pageSize: number | string,
-  list: T[],
-  { message = 'ok' } = {},
-) {
-  const pageData = pagination(
-    Number.parseInt(`${page}`),
-    Number.parseInt(`${pageSize}`),
-    list,
-  );
-
-  return {
-    ...useResponseSuccess({
-      items: pageData,
-      total: list.length,
-    }),
-    message,
-  };
-}
-
-export function useResponseError(message: string, error: any = null) {
-  return {
-    code: -1,
-    data: null,
-    error,
-    message,
-  };
-}
-
-export function forbiddenResponse(
-  event: H3Event<EventHandlerRequest>,
-  message = 'Forbidden Exception',
-) {
-  setResponseStatus(event, 403);
-  return useResponseError(message, message);
-}
-
-export function unAuthorizedResponse(event: H3Event<EventHandlerRequest>) {
-  setResponseStatus(event, 401);
-  return useResponseError('Unauthorized Exception', 'Unauthorized Exception');
-}
-
-export function sleep(ms: number) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-export function pagination<T = any>(
-  pageNo: number,
-  pageSize: number,
-  array: T[],
-): T[] {
-  const offset = (pageNo - 1) * Number(pageSize);
-  return offset + Number(pageSize) >= array.length
-    ? array.slice(offset)
-    : array.slice(offset, offset + Number(pageSize));
-}
diff --git a/apps/backend-mock/utils/timezone-utils.ts b/apps/backend-mock/utils/timezone-utils.ts
deleted file mode 100644
index da35f920f..000000000
--- a/apps/backend-mock/utils/timezone-utils.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-let mockTimeZone: null | string = null;
-
-export const setTimezone = (timeZone: string) => {
-  mockTimeZone = timeZone;
-};
-
-export const getTimezone = () => {
-  return mockTimeZone;
-};
diff --git a/internal/lint-configs/eslint-config/src/custom-config.ts b/internal/lint-configs/eslint-config/src/custom-config.ts
index 27c3e2fc9..cf52492bf 100644
--- a/internal/lint-configs/eslint-config/src/custom-config.ts
+++ b/internal/lint-configs/eslint-config/src/custom-config.ts
@@ -139,7 +139,7 @@ const customConfig: Linter.Config[] = [
   },
   // 后端模拟代码，不需要太多规则
   {
-    files: ['apps/backend-mock/**/**', 'docs/**/**'],
+    files: ['docs/**/**'],
     rules: {
       '@typescript-eslint/no-extraneous-class': 'off',
       'n/no-extraneous-import': 'off',
diff --git a/package.json b/package.json
index 1fa7eb49f..8229c713f 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,6 @@
     "build:ele": "pnpm run build --filter=@vben/web-ele",
     "build:naive": "pnpm run build --filter=@vben/web-naive",
     "build:tdesign": "pnpm run build --filter=@vben/web-tdesign",
-    "build:play": "pnpm run build --filter=@vben/playground",
     "changeset": "pnpm exec changeset",
     "check": "pnpm run check:circular && pnpm run check:dep && pnpm run check:type && pnpm check:cspell",
     "check:circular": "vsh check-circular",
@@ -48,7 +47,6 @@
     "dev:ele": "pnpm -F @vben/web-ele run dev",
     "dev:naive": "pnpm -F @vben/web-naive run dev",
     "dev:tdesign": "pnpm -F @vben/web-tdesign run dev",
-    "dev:play": "pnpm -F @vben/playground run dev",
     "format": "vsh lint --format",
     "lint": "vsh lint",
     "postinstall": "pnpm -r run stub --if-present",
diff --git a/playground/.env b/playground/.env
deleted file mode 100644
index 94ff4faf7..000000000
--- a/playground/.env
+++ /dev/null
@@ -1,8 +0,0 @@
-# 应用标题
-VITE_APP_TITLE=Vben Admin
-
-# 应用命名空间，用于缓存、store等功能的前缀，确保隔离
-VITE_APP_NAMESPACE=vben-web-play
-
-# 对store进行加密的密钥，在将store持久化到localStorage时会使用该密钥进行加密
-VITE_APP_STORE_SECURE_KEY=please-replace-me-with-your-own-key
diff --git a/playground/.env.analyze b/playground/.env.analyze
deleted file mode 100644
index ffafa8dd5..000000000
--- a/playground/.env.analyze
+++ /dev/null
@@ -1,7 +0,0 @@
-# public path
-VITE_BASE=/
-
-# Basic interface address SPA
-VITE_GLOB_API_URL=/api
-
-VITE_VISUALIZER=true
diff --git a/playground/.env.development b/playground/.env.development
deleted file mode 100644
index 0b1dc0571..000000000
--- a/playground/.env.development
+++ /dev/null
@@ -1,20 +0,0 @@
-# 端口号
-VITE_PORT=5555
-
-VITE_BASE=/
-
-# 接口地址
-VITE_GLOB_API_URL=/api
-
-# 是否开启 Nitro Mock服务，true 为开启，false 为关闭
-VITE_NITRO_MOCK=true
-
-# 是否打开 devtools，true 为打开，false 为关闭
-VITE_DEVTOOLS=false
-
-# 是否注入全局loading
-VITE_INJECT_APP_LOADING=true
-
-# 钉钉登录配置
-VITE_GLOB_AUTH_DINGDING_CLIENT_ID=应用的clientId
-VITE_GLOB_AUTH_DINGDING_CORP_ID=应用的corpId
diff --git a/playground/.env.production b/playground/.env.production
deleted file mode 100644
index 5375847a6..000000000
--- a/playground/.env.production
+++ /dev/null
@@ -1,19 +0,0 @@
-VITE_BASE=/
-
-# 接口地址
-VITE_GLOB_API_URL=https://mock-napi.vben.pro/api
-
-# 是否开启压缩，可以设置为 none, brotli, gzip
-VITE_COMPRESS=none
-
-# 是否开启 PWA
-VITE_PWA=false
-
-# vue-router 的模式
-VITE_ROUTER_HISTORY=hash
-
-# 是否注入全局loading
-VITE_INJECT_APP_LOADING=true
-
-# 打包后是否生成dist.zip
-VITE_ARCHIVER=true
diff --git a/playground/__tests__/e2e/auth-login.spec.ts b/playground/__tests__/e2e/auth-login.spec.ts
deleted file mode 100644
index bb6cd2895..000000000
--- a/playground/__tests__/e2e/auth-login.spec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { authLogin } from './common/auth';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-});
-
-test.describe('Auth Login Page Tests', () => {
-  test('check title and page elements', async ({ page }) => {
-    // 获取页面标题并断言标题包含 'Vben Admin'
-    const title = await page.title();
-    expect(title).toContain('Vben Admin');
-  });
-
-  // 测试用例: 成功登录
-  test('should successfully login with valid credentials', async ({ page }) => {
-    await authLogin(page);
-  });
-});
diff --git a/playground/__tests__/e2e/common/auth.ts b/playground/__tests__/e2e/common/auth.ts
deleted file mode 100644
index 26b526fde..000000000
--- a/playground/__tests__/e2e/common/auth.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { Page } from '@playwright/test';
-
-import { expect } from '@playwright/test';
-
-export async function authLogin(page: Page) {
-  // 确保登录表单正常
-  const usernameInput = await page.locator(`input[name='username']`);
-  await expect(usernameInput).toBeVisible();
-
-  const passwordInput = await page.locator(`input[name='password']`);
-  await expect(passwordInput).toBeVisible();
-
-  const sliderCaptcha = await page.locator(`div[name='captcha']`);
-  const sliderCaptchaAction = await page.locator(`div[name='captcha-action']`);
-  await expect(sliderCaptcha).toBeVisible();
-  await expect(sliderCaptchaAction).toBeVisible();
-
-  // 拖动验证码滑块
-  // 获取拖动按钮的位置
-  const sliderCaptchaBox = await sliderCaptcha.boundingBox();
-  if (!sliderCaptchaBox) throw new Error('滑块未找到');
-
-  const actionBoundingBox = await sliderCaptchaAction.boundingBox();
-  if (!actionBoundingBox) throw new Error('要拖动的按钮未找到');
-
-  // 计算起始位置和目标位置
-  const startX = actionBoundingBox.x + actionBoundingBox.width / 2; // div 中心的 x 坐标
-  const startY = actionBoundingBox.y + actionBoundingBox.height / 2; // div 中心的 y 坐标
-
-  const targetX = startX + sliderCaptchaBox.width + actionBoundingBox.width; // 向右拖动容器的宽度
-  const targetY = startY; // y 坐标保持不变
-
-  // 模拟鼠标拖动
-  await page.mouse.move(startX, startY); // 移动到 action 的中心
-  await page.mouse.down(); // 按下鼠标
-  await page.mouse.move(targetX, targetY, { steps: 20 }); // 拖动到目标位置
-  await page.mouse.up(); // 松开鼠标
-
-  // 在拖动后进行断言，检查action是否在预期位置,
-  const newActionBoundingBox = await sliderCaptchaAction.boundingBox();
-  expect(newActionBoundingBox?.x).toBeGreaterThan(actionBoundingBox.x);
-
-  // 到这里已经校验成功，点击进行登录
-  await page.waitForTimeout(300);
-  await page.getByRole('button', { name: 'login' }).click();
-}
diff --git a/playground/index.html b/playground/index.html
deleted file mode 100644
index ca5326990..000000000
--- a/playground/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!doctype html>
-<html lang="zh">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="renderer" content="webkit" />
-    <meta name="description" content="A Modern Back-end Management System" />
-    <meta name="keywords" content="Vben Admin Vue3 Vite" />
-    <meta name="author" content="Vben" />
-    <meta
-      name="viewport"
-      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
-    />
-    <!-- 由 vite 注入 VITE_APP_TITLE 变量，在 .env 文件内配置 -->
-    <title><%= VITE_APP_TITLE %></title>
-    <link rel="icon" href="/favicon.ico" />
-    <script>
-      // 生产环境下注入百度统计
-      if (window._VBEN_ADMIN_PRO_APP_CONF_) {
-        var _hmt = _hmt || [];
-        (function () {
-          var hm = document.createElement('script');
-          hm.src =
-            'https://hm.baidu.com/hm.js?d20a01273820422b6aa2ee41b6c9414d';
-          var s = document.getElementsByTagName('script')[0];
-          s.parentNode.insertBefore(hm, s);
-        })();
-      }
-    </script>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
diff --git a/playground/package.json b/playground/package.json
deleted file mode 100644
index c8651563a..000000000
--- a/playground/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "@vben/playground",
-  "version": "5.5.9",
-  "homepage": "https://vben.pro",
-  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
-    "directory": "playground"
-  },
-  "license": "MIT",
-  "author": {
-    "name": "vben",
-    "email": "ann.vben@gmail.com",
-    "url": "https://github.com/anncwb"
-  },
-  "type": "module",
-  "scripts": {
-    "build": "pnpm vite build --mode production",
-    "build:analyze": "pnpm vite build --mode analyze",
-    "dev": "pnpm vite --mode development",
-    "preview": "vite preview",
-    "typecheck": "vue-tsc --noEmit --skipLibCheck",
-    "test:e2e": "playwright test",
-    "test:e2e-ui": "playwright test --ui",
-    "test:e2e-codegen": "playwright codegen"
-  },
-  "imports": {
-    "#/*": "./src/*"
-  },
-  "dependencies": {
-    "@tanstack/vue-query": "catalog:",
-    "@vben-core/menu-ui": "workspace:*",
-    "@vben/access": "workspace:*",
-    "@vben/common-ui": "workspace:*",
-    "@vben/constants": "workspace:*",
-    "@vben/hooks": "workspace:*",
-    "@vben/icons": "workspace:*",
-    "@vben/layouts": "workspace:*",
-    "@vben/locales": "workspace:*",
-    "@vben/plugins": "workspace:*",
-    "@vben/preferences": "workspace:*",
-    "@vben/request": "workspace:*",
-    "@vben/stores": "workspace:*",
-    "@vben/styles": "workspace:*",
-    "@vben/types": "workspace:*",
-    "@vben/utils": "workspace:*",
-    "@vueuse/core": "catalog:",
-    "ant-design-vue": "catalog:",
-    "dayjs": "catalog:",
-    "json-bigint": "catalog:",
-    "pinia": "catalog:",
-    "vue": "catalog:",
-    "vue-router": "catalog:"
-  },
-  "devDependencies": {
-    "@types/json-bigint": "catalog:"
-  }
-}
diff --git a/playground/playwright.config.ts b/playground/playwright.config.ts
deleted file mode 100644
index ca0c90852..000000000
--- a/playground/playwright.config.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import type { PlaywrightTestConfig } from '@playwright/test';
-
-import { devices } from '@playwright/test';
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-const config: PlaywrightTestConfig = {
-  expect: {
-    /**
-     * Maximum time expect() should wait for the condition to be met.
-     * For example in `await expect(locator).toHaveText();`
-     */
-    timeout: 5000,
-  },
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Folder for test artifacts such as screenshots, videos, traces, etc. */
-  outputDir: 'node_modules/.e2e/test-results/',
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: {
-        ...devices['Desktop Chrome'],
-      },
-    },
-    // {
-    //   name: 'firefox',
-    //   use: {
-    //     ...devices['Desktop Firefox'],
-    //   },
-    // },
-    // {
-    //   name: 'webkit',
-    //   use: {
-    //     ...devices['Desktop Safari'],
-    //   },
-    // },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: {
-    //     ...devices['Pixel 5'],
-    //   },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: {
-    //     ...devices['iPhone 12'],
-    //   },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: {
-    //     channel: 'msedge',
-    //   },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: {
-    //     channel: 'chrome',
-    //   },
-    // },
-  ],
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: [
-    ['list'],
-    ['html', { outputFolder: 'node_modules/.e2e/test-results' }],
-  ],
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  testDir: './__tests__/e2e',
-  /* Maximum time one test can run for. */
-  timeout: 30 * 1000,
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
-    actionTimeout: 0,
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://localhost:5555',
-    /* Only on CI systems run the tests headless */
-    headless: !!process.env.CI,
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'retain-on-failure',
-  },
-
-  /* Run your local dev server before starting the tests */
-  webServer: {
-    command: process.env.CI ? 'pnpm preview --port 5555' : 'pnpm dev',
-    port: 5555,
-    reuseExistingServer: !process.env.CI,
-  },
-
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-};
-
-export default config;
diff --git a/playground/postcss.config.mjs b/playground/postcss.config.mjs
deleted file mode 100644
index 3d8070455..000000000
--- a/playground/postcss.config.mjs
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from '@vben/tailwind-config/postcss';
diff --git a/playground/public/favicon.ico b/playground/public/favicon.ico
deleted file mode 100644
index fcf9818e2cf855039b272bdbfbb202d3ff3fa159..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5430
zcmbtY33L=y7JY$12T+8gBk14=GU5gfn~Es=nm`C4AtVq2WF`B)l8}u>kcfdG`xZh7
z1QH@k!WNbQA}Y8rB4pn?Rn^_qRo&T0_nY^tI}C`PBiiTO^QwMT{dfQSKkwZa04wMM
zy?X=M0kG_E0D}QwzyR}o4vl|CV{g(JUD6xoaWVij{_9_Z+hnMBoj6eCWqqZ|bDG3?
zP1V)7jjOBM^TxNWH(wK5z8fU#uMgCSB?DD--$H2RPrcYwmDwZk?iT=9oB(QH+axi3
z9?DS*P#;M)Y%a>#V-YKdAXdDsz*NrcJ2dtV8t=Z2nsdGH*5&qiyUE>Vm@dqrLZt6>
z(Th+Yvk>*s^HEHlg>AP+S>_mmri!6xDj#N<V+gkX@G5GHpWCSoaoHxtEI?fheG}z^
zQruG1$I^Y&eAH%7L1X3n^zA4G#&Wu@WOEK9I~+SIhRRZ6&>lJ7oxWQ{b1Xzn%o3F2
zJy4EYjGB~r*z(;Z#Hz7qs`{9|A<#8ejX|uNj3&YMhCXf82Xb<7t(@Sce5a-F#rS2Y
zPw=KW-BEkM4vp1Q(NsN!FqN*!*3f;EooLj|vHO`eL|&WtiJTISa&ibti2<mM_eVJ?
z4CTZS)UNixmYZ|XR5#m<T3a+V+M`Krx4Vs-_LRIK4W#t+H>9;|D&^HFD6dLJF=aUl
zQK_g7S%X4w3TiekkUA=zPMK5-kDF8rPMA1{9Ua2-!AA8AkaE6;=1?EdZ_7=RH)f)o
zz6YhW?I?uqK+bnR@_w194oGPgLT0)mW_M}f{ky5|&9E|QX9CL8LEd)~4EqY9IqS?o
z{kEgO$QcJ|@3tc!kcFIoHX)1V*p0kb)a5#dX?;}TF3?iv0EkJTD|G@qe-~Pce+GHo
zUNGz}jFvZLqdGDZxqw5+`{xi25@;Up%^i&{5ngJKR4B7`edHK7AGr+82hKvv;WMv@
zYYyG!LyjO9l#6`eVdBv_&jI9pw_i|sXY^1l+y2P+cXkv&)3*J<2c8E_(&=zM;!EU0
z@{kKYf_xCoLGuVSpE^80voR>Un<^;hk?+}!ZdX2t>o0=%S;@=7@}lqg@B-vQ^J$Kw
z$kRMRNM0isbo4zwI1l*X$G<O%TT3xP;KNRVc2%*j5L;;E!;d2uR)BoyF<MXFO6I55
zD+|hk_Or{!e!894K==6-&~3WfN0U^%Nr*jjnU5+g;ljS$(de7|vdZrW)GvG7_hS?N
z)<9Q)BnvK*WvF`EoM#5m`x6K(A1ObUcz)w|-F6(@vK|I!-|N@q-rV=yOC3gkch7!Q
zWtqc!mF14_R}rf3%^g{JW%A&&d#AtPqblgTM>yH9LO9vCUO3gaUR~I)UQ^VszB=pq
zJ72ARzCd00QaRnLwP*Ti2{J*f&gxTfBdPm^TdR65(H6Yc<=&PT;fM6WaKmm2a4u7z
zY0)I8b)GPl_qG;vVa_N8*`pjZ+l*jlZISnwf<MQ;)7tj)n<gxK3rz%O6_me4`D-v5
zz8OU0l+()JAiQZt#hYlnGYHj1y|FH*dsE$^UgPSI^aNG@GjPLpJd`_3gkNTkeTMh6
zIVFbLQ@&b2Idc)plsom|j;N1tP#}faqjvp7G?tDq=Q|~bQto8=(~?6?<kM6>l<v*>
zwR4>1*Y=-YMWLuCHstj@R+ZJSN6o<(K)=KqG#)n4uxOg27&xazjC4dT`IKUoTJp9N
z>Z6DU%ij@>sEM{gL&=Bc{L6Cp!%%!u97-9Vcg-A>{BGewG17na4{SQ#y`>@VSqJV!
zcc^fj1ovi-e@^h8bzUMLBKgvWJD@glA>~?k%K0vo`<)5%mHaPJ4dFIT#QUX`ua$K_
zv`!@kR1+xvrt;y$@z-$}g2rF|jbd>xY&y~NLfzpPo|paXq0w!|VqJ(syG(v`(M}c)
z^C(YyQq5S5hFBLgC>)$ACQisl+Msy;Bg*%~&Gm=YYGUiHG=tS7V<~&aI8v>n*qgzw
zhhqDW|3clxUTvDQeS)f;roW`|oBNea>y*ilMC(*IP%N}m_vCnQ;y|^Jp0PN{>^bdE
zL)sK<ze{yTsbM3?GBBSEBhXkj9E}wpQf(UffR~xyf9UzU*zwB%Y`fk6zk=Ta7hU9{
zR+;LYMD<Z(F|csZL^z=)&fB~XajwLV&L#1XV_cAnu%ojyiR#`*<mUsLlfY`K1+1oa
zl#izSF$xD(S51|~k=5C%4-gxucB)1h#TDW1a)Qr&dHG_Bw<}?xnFsmNMLT0t_(H0i
zz9=uJ^SIoNKrvzOQBAL3Hv`-55{Jr<$UlKu0$N~X{;S3-b=g!&KAGRD(TFt@5rsKu
z)J*?Y+PGnmyej&(9M9@B^Fei<aUox<_G==Xk&mGmBrK!n?&f#mm!O{B;py)|I5}OJ
z&r~^%e2t^|J29TPjHTGnc=cq&YSIVQ9~0;~tJ7M0sY94Gzd3vn=r^nlmXkwGidIPQ
zK#6pQ#Iy(Tkz(DD3wK3vMIdPhFVxdBJ-wr6&tn#2!`fNcdUpoR%l2X-`65gH%wRfa
zJQ_(?C~K~nKw7~DQSF2#jcs;It@GdIty@9fx%)+VZPE=n(I2G*9|CC<f*kKj@IXzJ
zEAnx){zS&X#|(BZDP{ug1AlU+GB49Hrs`>g8Kh+_=+ri~?4IeHdE|Qz-@)6CF{)<)
zjs-BRjtBk54es*F==&1+kV)$>F7gULf-mibH*%4rpOQ!mtq3B}^A+qlA<hRI);VD7
zJ<>w8#G}T>Y-?wcHN#jlo%oSHYH%Rm4ro+cZ_?b3=+aWV5Y&5fK;E$%<ULt^^l57@
z=~u?0er1dW(I}@zp*}Sd#pS*ztO%y@IJ%EPIfb63(6f{X)GYTz{shh4;7ES#9s<*6
z4CK4sp3d9?@^4dhziGzX9h^0^H#$Kds)zVlBIrL&1vz7*i?k-OO-J)fsnLWeLZlhV
zVaUaLBOf1++BiZ?ENWw8=sKGAClpo54k%r<Ycr`_@0%K3NDDd>$f_)8BCDP)cJNdD
z5dR5M*#fwd?XFZ~Zg(zdGj@V{^PXPPhOKAhPts6cvkv9eYc2Rhv0`cpHiRc5w`?<V
zo*R+#N+*1dy!Qsw1V^EeJhHs``-MS9!7I9hb6;*jTnD!_rh}UocwaSboW6W!x7Iov
zXs(_6KnWn}8!;{v4BHNaA+yL{|HYwZdE-7sb28o834Qu5RL6fx+L7r`rXR`rXOi8A
zg5OpYBj&d^`MtixSY!>T^8l1Q&Crn*oxsRVg_ar{VE#)>+#dL67hLvPFyvkW!<S$8
zFzh~FAZKKwqI($+rhf_2`pu-*wjk$sfIvF7)4zp-+J6<Q{jI;Lb{*Zf)@=gZgYj@H
zZ$5mT!*uOfkV{>mt=0{?cCmWIH@mr+o(*k>E<nrv)6krKZn}PZzQi;$)4hr%9@@k-
zWz8IEUqwSR4y2=5Jd~LDQha=ZO{&G#L2bVC;P~v<;JV$c$9(<XKm&_G-W6y*ee3Dw
z%%U85%TbgzA3`Z3hqOPfJ#0Jq$ssW9O&t8Pi4SRTB_8IUK=9ds+~TD_RXW(cQa#TJ
z?%2Ehp1a4!t*oq|l{9;6PBCfri{lNuPH5#Xj?ntEP)yuJnw@k%>2{86CkHbRwjbs_
z;eGcaw{!*8Il9N8dkTDGI}Ok+=`mlwH&Byx8Vtv-fuZ<zx8|&~d-dCo(b~76I&2^5
z{aoZo^Rpg=aZva?=ta!^2=7n*g!fi#bdD;mw)cF!*3loTmQh3e1izO2tI*2MLT<?z
z!>&9*o3w*^g`-N}!37fsOYgx4us+7ZgITsO%AU}9@c0~6uE~i8yCA6W+4Kb70q*X~
z1AYEAXs;5x${9Jk)G_2cgnE{cP7c&Z5fA?1UP|ew%;$pjW$KWFC<JB}R(b7wswQCX
z6ZvN^vl!?;yG(sk@rUY!(>zc8j?y<V4i9)R4itk&cu*Vy50Q2%Ky^g^=H0{Htg3?#
zJhA^D)3ZRk>l(;c%DQUTT-YW=pQN6P`YqPGu^v$A11)>exgV^rWIbW%QR)c`>QsTb
zBe+27tpc;3*gyL~x0Us6C9H27sZKoG$VZs_K92Q$ojlmNVC%O)pq^6AVikBK30GD_
zMZkWz8Mfn3`Trp!2gH5Xq1C9d64zZy7vc&@^BhNW56d_Z=v?p=3wAyk1d0(Kly|Gn
zJG*~_Zw}N39{f|jJ3rFxybe;vRgkt^8=^@)U&}|GR5-Byw=)jB5)0x%RtPO<SNR@Z
zs`bwY$N(q{$n2czPuUZxt3bQ|Ys%%cA8944)d^=%;ShP^|FKZc1+6=b{yz|K^i;K1
z=CgIa*-+;9*L-&p7I#q$wtNNB_Urw{Pc9Xy6VBbI9^NR#oHhy3g(g1gl!=cxala`j
z|NDCHoY5-p!@w;&4Ef&iom2cJ%j$FU`fDJqD*^52SNdy`E-n?~io^KWbKzXfnMf}B
zOmtI3p+~)6?x6O_3vknO3*7PF^M`yU{h_yh`z89;is2$aS3+Wy8RJC&1+8Q|EHIHJ
NB%&GY-%JE6{2x{ZbIt$&

diff --git a/playground/src/adapter/component/index.ts b/playground/src/adapter/component/index.ts
deleted file mode 100644
index 094d4fc4b..000000000
--- a/playground/src/adapter/component/index.ts
+++ /dev/null
@@ -1,207 +0,0 @@
-/**
- * 通用组件共同的使用的基础组件，原先放在 adapter/form 内部，限制了使用范围，这里提取出来，方便其他地方使用
- * 可用于 vben-form、vben-modal、vben-drawer 等组件使用,
- */
-
-import type { Component } from 'vue';
-
-import type { BaseFormComponentType } from '@vben/common-ui';
-import type { Recordable } from '@vben/types';
-
-import { defineAsyncComponent, defineComponent, h, ref } from 'vue';
-
-import { ApiComponent, globalShareState, IconPicker } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-import { notification } from 'ant-design-vue';
-
-const AutoComplete = defineAsyncComponent(
-  () => import('ant-design-vue/es/auto-complete'),
-);
-const Button = defineAsyncComponent(() => import('ant-design-vue/es/button'));
-const Checkbox = defineAsyncComponent(
-  () => import('ant-design-vue/es/checkbox'),
-);
-const CheckboxGroup = defineAsyncComponent(() =>
-  import('ant-design-vue/es/checkbox').then((res) => res.CheckboxGroup),
-);
-const DatePicker = defineAsyncComponent(
-  () => import('ant-design-vue/es/date-picker'),
-);
-const Divider = defineAsyncComponent(() => import('ant-design-vue/es/divider'));
-const Input = defineAsyncComponent(() => import('ant-design-vue/es/input'));
-const InputNumber = defineAsyncComponent(
-  () => import('ant-design-vue/es/input-number'),
-);
-const InputPassword = defineAsyncComponent(() =>
-  import('ant-design-vue/es/input').then((res) => res.InputPassword),
-);
-const Mentions = defineAsyncComponent(
-  () => import('ant-design-vue/es/mentions'),
-);
-const Radio = defineAsyncComponent(() => import('ant-design-vue/es/radio'));
-const RadioGroup = defineAsyncComponent(() =>
-  import('ant-design-vue/es/radio').then((res) => res.RadioGroup),
-);
-const RangePicker = defineAsyncComponent(() =>
-  import('ant-design-vue/es/date-picker').then((res) => res.RangePicker),
-);
-const Rate = defineAsyncComponent(() => import('ant-design-vue/es/rate'));
-const Select = defineAsyncComponent(() => import('ant-design-vue/es/select'));
-const Space = defineAsyncComponent(() => import('ant-design-vue/es/space'));
-const Switch = defineAsyncComponent(() => import('ant-design-vue/es/switch'));
-const Textarea = defineAsyncComponent(() =>
-  import('ant-design-vue/es/input').then((res) => res.Textarea),
-);
-const TimePicker = defineAsyncComponent(
-  () => import('ant-design-vue/es/time-picker'),
-);
-const TreeSelect = defineAsyncComponent(
-  () => import('ant-design-vue/es/tree-select'),
-);
-const Upload = defineAsyncComponent(() => import('ant-design-vue/es/upload'));
-
-const withDefaultPlaceholder = <T extends Component>(
-  component: T,
-  type: 'input' | 'select',
-  componentProps: Recordable<any> = {},
-) => {
-  return defineComponent({
-    name: component.name,
-    inheritAttrs: false,
-    setup: (props: any, { attrs, expose, slots }) => {
-      const placeholder =
-        props?.placeholder ||
-        attrs?.placeholder ||
-        $t(`ui.placeholder.${type}`);
-      // 透传组件暴露的方法
-      const innerRef = ref();
-      // const publicApi: Recordable<any> = {};
-      expose(
-        new Proxy(
-          {},
-          {
-            get: (_target, key) => innerRef.value?.[key],
-            has: (_target, key) => key in (innerRef.value || {}),
-          },
-        ),
-      );
-      // const instance = getCurrentInstance();
-      // instance?.proxy?.$nextTick(() => {
-      //   for (const key in innerRef.value) {
-      //     if (typeof innerRef.value[key] === 'function') {
-      //       publicApi[key] = innerRef.value[key];
-      //     }
-      //   }
-      // });
-      return () =>
-        h(
-          component,
-          { ...componentProps, placeholder, ...props, ...attrs, ref: innerRef },
-          slots,
-        );
-    },
-  });
-};
-
-// 这里需要自行根据业务组件库进行适配，需要用到的组件都需要在这里类型说明
-export type ComponentType =
-  | 'ApiSelect'
-  | 'ApiTreeSelect'
-  | 'AutoComplete'
-  | 'Checkbox'
-  | 'CheckboxGroup'
-  | 'DatePicker'
-  | 'DefaultButton'
-  | 'Divider'
-  | 'IconPicker'
-  | 'Input'
-  | 'InputNumber'
-  | 'InputPassword'
-  | 'Mentions'
-  | 'PrimaryButton'
-  | 'Radio'
-  | 'RadioGroup'
-  | 'RangePicker'
-  | 'Rate'
-  | 'Select'
-  | 'Space'
-  | 'Switch'
-  | 'Textarea'
-  | 'TimePicker'
-  | 'TreeSelect'
-  | 'Upload'
-  | BaseFormComponentType;
-
-async function initComponentAdapter() {
-  const components: Partial<Record<ComponentType, Component>> = {
-    // 如果你的组件体积比较大，可以使用异步加载
-    // Button: () =>
-    // import('xxx').then((res) => res.Button),
-
-    ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', {
-      component: Select,
-      loadingSlot: 'suffixIcon',
-      modelPropName: 'value',
-      visibleEvent: 'onVisibleChange',
-    }),
-    ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', {
-      component: TreeSelect,
-      fieldNames: { label: 'label', value: 'value', children: 'children' },
-      loadingSlot: 'suffixIcon',
-      modelPropName: 'value',
-      optionsPropName: 'treeData',
-      visibleEvent: 'onVisibleChange',
-    }),
-    AutoComplete,
-    Checkbox,
-    CheckboxGroup,
-    DatePicker,
-    // 自定义默认按钮
-    DefaultButton: (props, { attrs, slots }) => {
-      return h(Button, { ...props, attrs, type: 'default' }, slots);
-    },
-    Divider,
-    IconPicker: withDefaultPlaceholder(IconPicker, 'select', {
-      iconSlot: 'addonAfter',
-      inputComponent: Input,
-      modelValueProp: 'value',
-    }),
-    Input: withDefaultPlaceholder(Input, 'input'),
-    InputNumber: withDefaultPlaceholder(InputNumber, 'input'),
-    InputPassword: withDefaultPlaceholder(InputPassword, 'input'),
-    Mentions: withDefaultPlaceholder(Mentions, 'input'),
-    // 自定义主要按钮
-    PrimaryButton: (props, { attrs, slots }) => {
-      return h(Button, { ...props, attrs, type: 'primary' }, slots);
-    },
-    Radio,
-    RadioGroup,
-    RangePicker,
-    Rate,
-    Select: withDefaultPlaceholder(Select, 'select'),
-    Space,
-    Switch,
-    Textarea: withDefaultPlaceholder(Textarea, 'input'),
-    TimePicker,
-    TreeSelect: withDefaultPlaceholder(TreeSelect, 'select'),
-    Upload,
-  };
-
-  // 将组件注册到全局共享状态中
-  globalShareState.setComponents(components);
-
-  // 定义全局共享状态中的消息提示
-  globalShareState.defineMessage({
-    // 复制成功消息提示
-    copyPreferencesSuccess: (title, content) => {
-      notification.success({
-        description: content,
-        message: title,
-        placement: 'bottomRight',
-      });
-    },
-  });
-}
-
-export { initComponentAdapter };
diff --git a/playground/src/adapter/form.ts b/playground/src/adapter/form.ts
deleted file mode 100644
index c5589aab4..000000000
--- a/playground/src/adapter/form.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import type {
-  VbenFormSchema as FormSchema,
-  VbenFormProps,
-} from '@vben/common-ui';
-
-import type { ComponentType } from './component';
-
-import { setupVbenForm, useVbenForm as useForm, z } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-async function initSetupVbenForm() {
-  setupVbenForm<ComponentType>({
-    config: {
-      // ant design vue组件库默认都是 v-model:value
-      baseModelPropName: 'value',
-      // 一些组件是 v-model:checked 或者 v-model:fileList
-      modelPropNameMap: {
-        Checkbox: 'checked',
-        Radio: 'checked',
-        Switch: 'checked',
-        Upload: 'fileList',
-      },
-    },
-    defineRules: {
-      // 输入项目必填国际化适配
-      required: (value, _params, ctx) => {
-        if (value === undefined || value === null || value.length === 0) {
-          return $t('ui.formRules.required', [ctx.label]);
-        }
-        return true;
-      },
-      // 选择项目必填国际化适配
-      selectRequired: (value, _params, ctx) => {
-        if (value === undefined || value === null) {
-          return $t('ui.formRules.selectRequired', [ctx.label]);
-        }
-        return true;
-      },
-    },
-  });
-}
-
-const useVbenForm = useForm<ComponentType>;
-
-export { initSetupVbenForm, useVbenForm, z };
-export type VbenFormSchema = FormSchema<ComponentType>;
-export type { VbenFormProps };
diff --git a/playground/src/adapter/vxe-table.ts b/playground/src/adapter/vxe-table.ts
deleted file mode 100644
index 24dfd4cdc..000000000
--- a/playground/src/adapter/vxe-table.ts
+++ /dev/null
@@ -1,297 +0,0 @@
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
-import type { Recordable } from '@vben/types';
-
-import type { ComponentType } from './component';
-
-import { h } from 'vue';
-
-import { IconifyIcon } from '@vben/icons';
-import { $te } from '@vben/locales';
-import {
-  setupVbenVxeTable,
-  useVbenVxeGrid as useGrid,
-} from '@vben/plugins/vxe-table';
-import { get, isFunction, isString } from '@vben/utils';
-
-import { objectOmit } from '@vueuse/core';
-import { Button, Image, Popconfirm, Switch, Tag } from 'ant-design-vue';
-
-import { $t } from '#/locales';
-
-import { useVbenForm } from './form';
-
-setupVbenVxeTable({
-  configVxeTable: (vxeUI) => {
-    vxeUI.setConfig({
-      grid: {
-        align: 'center',
-        border: false,
-        columnConfig: {
-          resizable: true,
-        },
-
-        formConfig: {
-          // 全局禁用vxe-table的表单配置，使用formOptions
-          enabled: false,
-        },
-        minHeight: 180,
-        proxyConfig: {
-          autoLoad: true,
-          response: {
-            result: 'items',
-            total: 'total',
-            list: '',
-          },
-          showActiveMsg: true,
-          showResponseMsg: false,
-        },
-        round: true,
-        showOverflow: true,
-        size: 'small',
-      } as VxeTableGridOptions,
-    });
-
-    /**
-     * 解决vxeTable在热更新时可能会出错的问题
-     */
-    vxeUI.renderer.forEach((_item, key) => {
-      if (key.startsWith('Cell')) {
-        vxeUI.renderer.delete(key);
-      }
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellImage' },
-    vxeUI.renderer.add('CellImage', {
-      renderTableDefault(_renderOpts, params) {
-        const { column, row } = params;
-        return h(Image, { src: row[column.field] });
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellLink' },
-    vxeUI.renderer.add('CellLink', {
-      renderTableDefault(renderOpts) {
-        const { props } = renderOpts;
-        return h(
-          Button,
-          { size: 'small', type: 'link' },
-          { default: () => props?.text },
-        );
-      },
-    });
-
-    // 单元格渲染： Tag
-    vxeUI.renderer.add('CellTag', {
-      renderTableDefault({ options, props }, { column, row }) {
-        const value = get(row, column.field);
-        const tagOptions = options ?? [
-          { color: 'success', label: $t('common.enabled'), value: 1 },
-          { color: 'error', label: $t('common.disabled'), value: 0 },
-        ];
-        const tagItem = tagOptions.find((item) => item.value === value);
-        return h(
-          Tag,
-          {
-            ...props,
-            ...objectOmit(tagItem ?? {}, ['label']),
-          },
-          { default: () => tagItem?.label ?? value },
-        );
-      },
-    });
-
-    vxeUI.renderer.add('CellSwitch', {
-      renderTableDefault({ attrs, props }, { column, row }) {
-        const loadingKey = `__loading_${column.field}`;
-        const finallyProps = {
-          checkedChildren: $t('common.enabled'),
-          checkedValue: 1,
-          unCheckedChildren: $t('common.disabled'),
-          unCheckedValue: 0,
-          ...props,
-          checked: row[column.field],
-          loading: row[loadingKey] ?? false,
-          'onUpdate:checked': onChange,
-        };
-        async function onChange(newVal: any) {
-          row[loadingKey] = true;
-          try {
-            const result = await attrs?.beforeChange?.(newVal, row);
-            if (result !== false) {
-              row[column.field] = newVal;
-            }
-          } finally {
-            row[loadingKey] = false;
-          }
-        }
-        return h(Switch, finallyProps);
-      },
-    });
-
-    /**
-     * 注册表格的操作按钮渲染器
-     */
-    vxeUI.renderer.add('CellOperation', {
-      renderTableDefault({ attrs, options, props }, { column, row }) {
-        const defaultProps = { size: 'small', type: 'link', ...props };
-        let align = 'end';
-        switch (column.align) {
-          case 'center': {
-            align = 'center';
-            break;
-          }
-          case 'left': {
-            align = 'start';
-            break;
-          }
-          default: {
-            align = 'end';
-            break;
-          }
-        }
-        const presets: Recordable<Recordable<any>> = {
-          delete: {
-            danger: true,
-            text: $t('common.delete'),
-          },
-          edit: {
-            text: $t('common.edit'),
-          },
-        };
-        const operations: Array<Recordable<any>> = (
-          options || ['edit', 'delete']
-        )
-          .map((opt) => {
-            if (isString(opt)) {
-              return presets[opt]
-                ? { code: opt, ...presets[opt], ...defaultProps }
-                : {
-                    code: opt,
-                    text: $te(`common.${opt}`) ? $t(`common.${opt}`) : opt,
-                    ...defaultProps,
-                  };
-            } else {
-              return { ...defaultProps, ...presets[opt.code], ...opt };
-            }
-          })
-          .map((opt) => {
-            const optBtn: Recordable<any> = {};
-            Object.keys(opt).forEach((key) => {
-              optBtn[key] = isFunction(opt[key]) ? opt[key](row) : opt[key];
-            });
-            return optBtn;
-          })
-          .filter((opt) => opt.show !== false);
-
-        function renderBtn(opt: Recordable<any>, listen = true) {
-          return h(
-            Button,
-            {
-              ...props,
-              ...opt,
-              icon: undefined,
-              onClick: listen
-                ? () =>
-                    attrs?.onClick?.({
-                      code: opt.code,
-                      row,
-                    })
-                : undefined,
-            },
-            {
-              default: () => {
-                const content = [];
-                if (opt.icon) {
-                  content.push(
-                    h(IconifyIcon, { class: 'size-5', icon: opt.icon }),
-                  );
-                }
-                content.push(opt.text);
-                return content;
-              },
-            },
-          );
-        }
-
-        function renderConfirm(opt: Recordable<any>) {
-          let viewportWrapper: HTMLElement | null = null;
-          return h(
-            Popconfirm,
-            {
-              /**
-               * 当popconfirm用在固定列中时，将固定列作为弹窗的容器时可能会因为固定列较窄而无法容纳弹窗
-               * 将表格主体区域作为弹窗容器时又会因为固定列的层级较高而遮挡弹窗
-               * 将body或者表格视口区域作为弹窗容器时又会导致弹窗无法跟随表格滚动。
-               * 鉴于以上各种情况，一种折中的解决方案是弹出层展示时，禁止操作表格的滚动条。
-               * 这样既解决了弹窗的遮挡问题，又不至于让弹窗随着表格的滚动而跑出视口区域。
-               */
-              getPopupContainer(el) {
-                viewportWrapper = el.closest('.vxe-table--viewport-wrapper');
-                return document.body;
-              },
-              placement: 'topLeft',
-              title: $t('ui.actionTitle.delete', [attrs?.nameTitle || '']),
-              ...props,
-              ...opt,
-              icon: undefined,
-              onOpenChange: (open: boolean) => {
-                // 当弹窗打开时，禁止表格的滚动
-                if (open) {
-                  viewportWrapper?.style.setProperty('pointer-events', 'none');
-                } else {
-                  viewportWrapper?.style.removeProperty('pointer-events');
-                }
-              },
-              onConfirm: () => {
-                attrs?.onClick?.({
-                  code: opt.code,
-                  row,
-                });
-              },
-            },
-            {
-              default: () => renderBtn({ ...opt }, false),
-              description: () =>
-                h(
-                  'div',
-                  { class: 'truncate' },
-                  $t('ui.actionMessage.deleteConfirm', [
-                    row[attrs?.nameField || 'name'],
-                  ]),
-                ),
-            },
-          );
-        }
-
-        const btns = operations.map((opt) =>
-          opt.code === 'delete' ? renderConfirm(opt) : renderBtn(opt),
-        );
-        return h(
-          'div',
-          {
-            class: 'flex table-operations',
-            style: { justifyContent: align },
-          },
-          btns,
-        );
-      },
-    });
-
-    // 这里可以自行扩展 vxe-table 的全局配置，比如自定义格式化
-    // vxeUI.formats.add
-  },
-  useVbenForm,
-});
-
-export const useVbenVxeGrid = <T extends Record<string, any>>(
-  ...rest: Parameters<typeof useGrid<T, ComponentType>>
-) => useGrid<T, ComponentType>(...rest);
-
-export type OnActionClickParams<T = Recordable<any>> = {
-  code: string;
-  row: T;
-};
-export type OnActionClickFn<T = Recordable<any>> = (
-  params: OnActionClickParams<T>,
-) => void;
-export type * from '@vben/plugins/vxe-table';
diff --git a/playground/src/api/core/auth.ts b/playground/src/api/core/auth.ts
deleted file mode 100644
index b4627cbe7..000000000
--- a/playground/src/api/core/auth.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { baseRequestClient, requestClient } from '#/api/request';
-
-export namespace AuthApi {
-  /** 登录接口参数 */
-  export interface LoginParams {
-    password?: string;
-    username?: string;
-  }
-
-  /** 登录接口返回值 */
-  export interface LoginResult {
-    accessToken: string;
-  }
-
-  export interface RefreshTokenResult {
-    data: string;
-    status: number;
-  }
-}
-
-/**
- * 登录
- */
-export async function loginApi(data: AuthApi.LoginParams) {
-  return requestClient.post<AuthApi.LoginResult>('/auth/login', data, {
-    withCredentials: true,
-  });
-}
-
-/**
- * 刷新accessToken
- */
-export async function refreshTokenApi() {
-  return baseRequestClient.post<AuthApi.RefreshTokenResult>(
-    '/auth/refresh',
-    null,
-    {
-      withCredentials: true,
-    },
-  );
-}
-
-/**
- * 退出登录
- */
-export async function logoutApi() {
-  return baseRequestClient.post('/auth/logout', null, {
-    withCredentials: true,
-  });
-}
-
-/**
- * 获取用户权限码
- */
-export async function getAccessCodesApi() {
-  return requestClient.get<string[]>('/auth/codes');
-}
diff --git a/playground/src/api/core/index.ts b/playground/src/api/core/index.ts
deleted file mode 100644
index 7134366bc..000000000
--- a/playground/src/api/core/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './auth';
-export * from './menu';
-export * from './timezone';
-export * from './user';
diff --git a/playground/src/api/core/menu.ts b/playground/src/api/core/menu.ts
deleted file mode 100644
index 9ef60b11c..000000000
--- a/playground/src/api/core/menu.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { RouteRecordStringComponent } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-/**
- * 获取用户所有菜单
- */
-export async function getAllMenusApi() {
-  return requestClient.get<RouteRecordStringComponent[]>('/menu/all');
-}
diff --git a/playground/src/api/core/timezone.ts b/playground/src/api/core/timezone.ts
deleted file mode 100644
index 13d44d196..000000000
--- a/playground/src/api/core/timezone.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { requestClient } from '#/api/request';
-
-/**
- * 获取系统支持的时区列表
- */
-export async function getTimezoneOptionsApi() {
-  return await requestClient.get<
-    {
-      label: string;
-      value: string;
-    }[]
-  >('/timezone/getTimezoneOptions');
-}
-/**
- * 获取用户时区
- */
-export async function getTimezoneApi(): Promise<null | string | undefined> {
-  return requestClient.get<null | string | undefined>('/timezone/getTimezone');
-}
-/**
- * 设置用户时区
- * @param timezone 时区
- */
-export async function setTimezoneApi(timezone: string): Promise<void> {
-  return requestClient.post('/timezone/setTimezone', { timezone });
-}
diff --git a/playground/src/api/core/user.ts b/playground/src/api/core/user.ts
deleted file mode 100644
index 7e28ea848..000000000
--- a/playground/src/api/core/user.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { UserInfo } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-/**
- * 获取用户信息
- */
-export async function getUserInfoApi() {
-  return requestClient.get<UserInfo>('/user/info');
-}
diff --git a/playground/src/api/examples/download.ts b/playground/src/api/examples/download.ts
deleted file mode 100644
index 0b4dcd36e..000000000
--- a/playground/src/api/examples/download.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { RequestResponse } from '@vben/request';
-
-import { requestClient } from '../request';
-
-/**
- * 下载文件，获取Blob
- * @returns Blob
- */
-async function downloadFile1() {
-  return requestClient.download<Blob>(
-    'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
-  );
-}
-
-/**
- * 下载文件，获取完整的Response
- * @returns RequestResponse<Blob>
- */
-async function downloadFile2() {
-  return requestClient.download<RequestResponse<Blob>>(
-    'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
-    {
-      responseReturn: 'raw',
-    },
-  );
-}
-
-export { downloadFile1, downloadFile2 };
diff --git a/playground/src/api/examples/index.ts b/playground/src/api/examples/index.ts
deleted file mode 100644
index c830b81f3..000000000
--- a/playground/src/api/examples/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './status';
-export * from './table';
diff --git a/playground/src/api/examples/json-bigint.ts b/playground/src/api/examples/json-bigint.ts
deleted file mode 100644
index 19e41e2e9..000000000
--- a/playground/src/api/examples/json-bigint.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { requestClient } from '#/api/request';
-
-/**
- * 发起请求
- */
-async function getBigIntData() {
-  return requestClient.get('/demo/bigint');
-}
-
-export { getBigIntData };
diff --git a/playground/src/api/examples/params.ts b/playground/src/api/examples/params.ts
deleted file mode 100644
index 6568ec64b..000000000
--- a/playground/src/api/examples/params.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { Recordable } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-/**
- * 发起数组请求
- */
-async function getParamsData(
-  params: Recordable<any>,
-  type: 'brackets' | 'comma' | 'indices' | 'repeat',
-) {
-  return requestClient.get('/status', {
-    params,
-    paramsSerializer: type,
-    responseReturn: 'raw',
-  });
-}
-
-export { getParamsData };
diff --git a/playground/src/api/examples/status.ts b/playground/src/api/examples/status.ts
deleted file mode 100644
index 4a75fe7e7..000000000
--- a/playground/src/api/examples/status.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { requestClient } from '#/api/request';
-
-/**
- * 模拟任意状态码
- */
-async function getMockStatusApi(status: string) {
-  return requestClient.get('/status', { params: { status } });
-}
-
-export { getMockStatusApi };
diff --git a/playground/src/api/examples/table.ts b/playground/src/api/examples/table.ts
deleted file mode 100644
index 4739ca986..000000000
--- a/playground/src/api/examples/table.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { requestClient } from '#/api/request';
-
-export namespace DemoTableApi {
-  export interface PageFetchParams {
-    [key: string]: any;
-    page: number;
-    pageSize: number;
-  }
-}
-
-/**
- * 获取示例表格数据
- */
-async function getExampleTableApi(params: DemoTableApi.PageFetchParams) {
-  return requestClient.get('/table/list', { params });
-}
-
-export { getExampleTableApi };
diff --git a/playground/src/api/examples/upload.ts b/playground/src/api/examples/upload.ts
deleted file mode 100644
index 246d4f267..000000000
--- a/playground/src/api/examples/upload.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { requestClient } from '#/api/request';
-
-interface UploadFileParams {
-  file: File;
-  onError?: (error: Error) => void;
-  onProgress?: (progress: { percent: number }) => void;
-  onSuccess?: (data: any, file: File) => void;
-}
-export async function upload_file({
-  file,
-  onError,
-  onProgress,
-  onSuccess,
-}: UploadFileParams) {
-  try {
-    onProgress?.({ percent: 0 });
-
-    const data = await requestClient.upload('/upload', { file });
-
-    onProgress?.({ percent: 100 });
-    onSuccess?.(data, file);
-  } catch (error) {
-    onError?.(error instanceof Error ? error : new Error(String(error)));
-  }
-}
diff --git a/playground/src/api/index.ts b/playground/src/api/index.ts
deleted file mode 100644
index 3c3fa0d27..000000000
--- a/playground/src/api/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './core';
-export * from './examples';
-export * from './system';
diff --git a/playground/src/api/request.ts b/playground/src/api/request.ts
deleted file mode 100644
index a88553613..000000000
--- a/playground/src/api/request.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-/**
- * 该文件可自行根据业务逻辑进行调整
- */
-import type { AxiosResponseHeaders, RequestClientOptions } from '@vben/request';
-
-import { useAppConfig } from '@vben/hooks';
-import { preferences } from '@vben/preferences';
-import {
-  authenticateResponseInterceptor,
-  defaultResponseInterceptor,
-  errorMessageResponseInterceptor,
-  RequestClient,
-} from '@vben/request';
-import { useAccessStore } from '@vben/stores';
-import { cloneDeep } from '@vben/utils';
-
-import { message } from 'ant-design-vue';
-import JSONBigInt from 'json-bigint';
-
-import { useAuthStore } from '#/store';
-
-import { refreshTokenApi } from './core';
-
-const { apiURL } = useAppConfig(import.meta.env, import.meta.env.PROD);
-
-function createRequestClient(baseURL: string, options?: RequestClientOptions) {
-  const client = new RequestClient({
-    ...options,
-    baseURL,
-    transformResponse: (data: any, header: AxiosResponseHeaders) => {
-      // storeAsString指示将BigInt存储为字符串，设为false则会存储为内置的BigInt类型
-      if (
-        header.getContentType()?.toString().includes('application/json') &&
-        typeof data === 'string'
-      ) {
-        return cloneDeep(
-          JSONBigInt({ storeAsString: true, strict: true }).parse(data),
-        );
-      }
-      return data;
-    },
-  });
-
-  /**
-   * 重新认证逻辑
-   */
-  async function doReAuthenticate() {
-    console.warn('Access token or refresh token is invalid or expired. ');
-    const accessStore = useAccessStore();
-    const authStore = useAuthStore();
-    accessStore.setAccessToken(null);
-    if (
-      preferences.app.loginExpiredMode === 'modal' &&
-      accessStore.isAccessChecked
-    ) {
-      accessStore.setLoginExpired(true);
-    } else {
-      await authStore.logout();
-    }
-  }
-
-  /**
-   * 刷新token逻辑
-   */
-  async function doRefreshToken() {
-    const accessStore = useAccessStore();
-    const resp = await refreshTokenApi();
-    const newToken = resp.data;
-    accessStore.setAccessToken(newToken);
-    return newToken;
-  }
-
-  function formatToken(token: null | string) {
-    return token ? `Bearer ${token}` : null;
-  }
-
-  // 请求头处理
-  client.addRequestInterceptor({
-    fulfilled: async (config) => {
-      const accessStore = useAccessStore();
-
-      config.headers.Authorization = formatToken(accessStore.accessToken);
-      config.headers['Accept-Language'] = preferences.app.locale;
-      return config;
-    },
-  });
-
-  // 处理返回的响应数据格式
-  client.addResponseInterceptor(
-    defaultResponseInterceptor({
-      codeField: 'code',
-      dataField: 'data',
-      successCode: 0,
-    }),
-  );
-
-  // token过期的处理
-  client.addResponseInterceptor(
-    authenticateResponseInterceptor({
-      client,
-      doReAuthenticate,
-      doRefreshToken,
-      enableRefreshToken: preferences.app.enableRefreshToken,
-      formatToken,
-    }),
-  );
-
-  // 通用的错误处理,如果没有进入上面的错误处理逻辑，就会进入这里
-  client.addResponseInterceptor(
-    errorMessageResponseInterceptor((msg: string, error) => {
-      // 这里可以根据业务进行定制,你可以拿到 error 内的信息进行定制化处理，根据不同的 code 做不同的提示，而不是直接使用 message.error 提示 msg
-      // 当前mock接口返回的错误字段是 error 或者 message
-      const responseData = error?.response?.data ?? {};
-      const errorMessage = responseData?.error ?? responseData?.message ?? '';
-      // 如果没有错误信息，则会根据状态码进行提示
-      message.error(errorMessage || msg);
-    }),
-  );
-
-  return client;
-}
-
-export const requestClient = createRequestClient(apiURL, {
-  responseReturn: 'data',
-});
-
-export const baseRequestClient = new RequestClient({ baseURL: apiURL });
-
-export interface PageFetchParams {
-  [key: string]: any;
-  pageNo?: number;
-  pageSize?: number;
-}
diff --git a/playground/src/api/system/dept.ts b/playground/src/api/system/dept.ts
deleted file mode 100644
index ce2b0de8a..000000000
--- a/playground/src/api/system/dept.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { requestClient } from '#/api/request';
-
-export namespace SystemDeptApi {
-  export interface SystemDept {
-    [key: string]: any;
-    children?: SystemDept[];
-    id: string;
-    name: string;
-    remark?: string;
-    status: 0 | 1;
-  }
-}
-
-/**
- * 获取部门列表数据
- */
-async function getDeptList() {
-  return requestClient.get<Array<SystemDeptApi.SystemDept>>(
-    '/system/dept/list',
-  );
-}
-
-/**
- * 创建部门
- * @param data 部门数据
- */
-async function createDept(
-  data: Omit<SystemDeptApi.SystemDept, 'children' | 'id'>,
-) {
-  return requestClient.post('/system/dept', data);
-}
-
-/**
- * 更新部门
- *
- * @param id 部门 ID
- * @param data 部门数据
- */
-async function updateDept(
-  id: string,
-  data: Omit<SystemDeptApi.SystemDept, 'children' | 'id'>,
-) {
-  return requestClient.put(`/system/dept/${id}`, data);
-}
-
-/**
- * 删除部门
- * @param id 部门 ID
- */
-async function deleteDept(id: string) {
-  return requestClient.delete(`/system/dept/${id}`);
-}
-
-export { createDept, deleteDept, getDeptList, updateDept };
diff --git a/playground/src/api/system/index.ts b/playground/src/api/system/index.ts
deleted file mode 100644
index f2a248f10..000000000
--- a/playground/src/api/system/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './dept';
-export * from './menu';
-export * from './role';
diff --git a/playground/src/api/system/menu.ts b/playground/src/api/system/menu.ts
deleted file mode 100644
index 507a5aec0..000000000
--- a/playground/src/api/system/menu.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import type { Recordable } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-export namespace SystemMenuApi {
-  /** 徽标颜色集合 */
-  export const BadgeVariants = [
-    'default',
-    'destructive',
-    'primary',
-    'success',
-    'warning',
-  ] as const;
-  /** 徽标类型集合 */
-  export const BadgeTypes = ['dot', 'normal'] as const;
-  /** 菜单类型集合 */
-  export const MenuTypes = [
-    'catalog',
-    'menu',
-    'embedded',
-    'link',
-    'button',
-  ] as const;
-  /** 系统菜单 */
-  export interface SystemMenu {
-    [key: string]: any;
-    /** 后端权限标识 */
-    authCode: string;
-    /** 子级 */
-    children?: SystemMenu[];
-    /** 组件 */
-    component?: string;
-    /** 菜单ID */
-    id: string;
-    /** 菜单元数据 */
-    meta?: {
-      /** 激活时显示的图标 */
-      activeIcon?: string;
-      /** 作为路由时，需要激活的菜单的Path */
-      activePath?: string;
-      /** 固定在标签栏 */
-      affixTab?: boolean;
-      /** 在标签栏固定的顺序 */
-      affixTabOrder?: number;
-      /** 徽标内容(当徽标类型为normal时有效) */
-      badge?: string;
-      /** 徽标类型 */
-      badgeType?: (typeof BadgeTypes)[number];
-      /** 徽标颜色 */
-      badgeVariants?: (typeof BadgeVariants)[number];
-      /** 在菜单中隐藏下级 */
-      hideChildrenInMenu?: boolean;
-      /** 在面包屑中隐藏 */
-      hideInBreadcrumb?: boolean;
-      /** 在菜单中隐藏 */
-      hideInMenu?: boolean;
-      /** 在标签栏中隐藏 */
-      hideInTab?: boolean;
-      /** 菜单图标 */
-      icon?: string;
-      /** 内嵌Iframe的URL */
-      iframeSrc?: string;
-      /** 是否缓存页面 */
-      keepAlive?: boolean;
-      /** 外链页面的URL */
-      link?: string;
-      /** 同一个路由最大打开的标签数 */
-      maxNumOfOpenTab?: number;
-      /** 无需基础布局 */
-      noBasicLayout?: boolean;
-      /** 是否在新窗口打开 */
-      openInNewWindow?: boolean;
-      /** 菜单排序 */
-      order?: number;
-      /** 额外的路由参数 */
-      query?: Recordable<any>;
-      /** 菜单标题 */
-      title?: string;
-    };
-    /** 菜单名称 */
-    name: string;
-    /** 路由路径 */
-    path: string;
-    /** 父级ID */
-    pid: string;
-    /** 重定向 */
-    redirect?: string;
-    /** 菜单类型 */
-    type: (typeof MenuTypes)[number];
-  }
-}
-
-/**
- * 获取菜单数据列表
- */
-async function getMenuList() {
-  return requestClient.get<Array<SystemMenuApi.SystemMenu>>(
-    '/system/menu/list',
-  );
-}
-
-async function isMenuNameExists(
-  name: string,
-  id?: SystemMenuApi.SystemMenu['id'],
-) {
-  return requestClient.get<boolean>('/system/menu/name-exists', {
-    params: { id, name },
-  });
-}
-
-async function isMenuPathExists(
-  path: string,
-  id?: SystemMenuApi.SystemMenu['id'],
-) {
-  return requestClient.get<boolean>('/system/menu/path-exists', {
-    params: { id, path },
-  });
-}
-
-/**
- * 创建菜单
- * @param data 菜单数据
- */
-async function createMenu(
-  data: Omit<SystemMenuApi.SystemMenu, 'children' | 'id'>,
-) {
-  return requestClient.post('/system/menu', data);
-}
-
-/**
- * 更新菜单
- *
- * @param id 菜单 ID
- * @param data 菜单数据
- */
-async function updateMenu(
-  id: string,
-  data: Omit<SystemMenuApi.SystemMenu, 'children' | 'id'>,
-) {
-  return requestClient.put(`/system/menu/${id}`, data);
-}
-
-/**
- * 删除菜单
- * @param id 菜单 ID
- */
-async function deleteMenu(id: string) {
-  return requestClient.delete(`/system/menu/${id}`);
-}
-
-export {
-  createMenu,
-  deleteMenu,
-  getMenuList,
-  isMenuNameExists,
-  isMenuPathExists,
-  updateMenu,
-};
diff --git a/playground/src/api/system/role.ts b/playground/src/api/system/role.ts
deleted file mode 100644
index 60b465aef..000000000
--- a/playground/src/api/system/role.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Recordable } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-export namespace SystemRoleApi {
-  export interface SystemRole {
-    [key: string]: any;
-    id: string;
-    name: string;
-    permissions: string[];
-    remark?: string;
-    status: 0 | 1;
-  }
-}
-
-/**
- * 获取角色列表数据
- */
-async function getRoleList(params: Recordable<any>) {
-  return requestClient.get<Array<SystemRoleApi.SystemRole>>(
-    '/system/role/list',
-    { params },
-  );
-}
-
-/**
- * 创建角色
- * @param data 角色数据
- */
-async function createRole(data: Omit<SystemRoleApi.SystemRole, 'id'>) {
-  return requestClient.post('/system/role', data);
-}
-
-/**
- * 更新角色
- *
- * @param id 角色 ID
- * @param data 角色数据
- */
-async function updateRole(
-  id: string,
-  data: Omit<SystemRoleApi.SystemRole, 'id'>,
-) {
-  return requestClient.put(`/system/role/${id}`, data);
-}
-
-/**
- * 删除角色
- * @param id 角色 ID
- */
-async function deleteRole(id: string) {
-  return requestClient.delete(`/system/role/${id}`);
-}
-
-export { createRole, deleteRole, getRoleList, updateRole };
diff --git a/playground/src/app.vue b/playground/src/app.vue
deleted file mode 100644
index bbaccce13..000000000
--- a/playground/src/app.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import { useAntdDesignTokens } from '@vben/hooks';
-import { preferences, usePreferences } from '@vben/preferences';
-
-import { App, ConfigProvider, theme } from 'ant-design-vue';
-
-import { antdLocale } from '#/locales';
-
-defineOptions({ name: 'App' });
-
-const { isDark } = usePreferences();
-const { tokens } = useAntdDesignTokens();
-
-const tokenTheme = computed(() => {
-  const algorithm = isDark.value
-    ? [theme.darkAlgorithm]
-    : [theme.defaultAlgorithm];
-
-  // antd 紧凑模式算法
-  if (preferences.app.compact) {
-    algorithm.push(theme.compactAlgorithm);
-  }
-
-  return {
-    algorithm,
-    token: tokens,
-  };
-});
-</script>
-
-<template>
-  <ConfigProvider :locale="antdLocale" :theme="tokenTheme">
-    <App>
-      <RouterView />
-    </App>
-  </ConfigProvider>
-</template>
diff --git a/playground/src/bootstrap.ts b/playground/src/bootstrap.ts
deleted file mode 100644
index fed073400..000000000
--- a/playground/src/bootstrap.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { createApp, watchEffect } from 'vue';
-
-import { registerAccessDirective } from '@vben/access';
-import { registerLoadingDirective } from '@vben/common-ui';
-import { preferences } from '@vben/preferences';
-import { initStores } from '@vben/stores';
-import '@vben/styles';
-import '@vben/styles/antd';
-
-import { useTitle } from '@vueuse/core';
-
-import { $t, setupI18n } from '#/locales';
-import { router } from '#/router';
-
-import { initComponentAdapter } from './adapter/component';
-import { initSetupVbenForm } from './adapter/form';
-import App from './app.vue';
-import { initTimezone } from './timezone-init';
-
-async function bootstrap(namespace: string) {
-  // 初始化组件适配器
-  await initComponentAdapter();
-
-  // 初始化表单组件
-  await initSetupVbenForm();
-
-  // 设置弹窗的默认配置
-  // setDefaultModalProps({
-  //   fullscreenButton: false,
-  // });
-  // 设置抽屉的默认配置
-  // setDefaultDrawerProps({
-  //   zIndex: 1020,
-  // });
-
-  const app = createApp(App);
-
-  // 注册v-loading指令
-  registerLoadingDirective(app, {
-    loading: 'loading', // 在这里可以自定义指令名称，也可以明确提供false表示不注册这个指令
-    spinning: 'spinning',
-  });
-
-  // 国际化 i18n 配置
-  await setupI18n(app);
-
-  // 配置 pinia-tore
-  await initStores(app, { namespace });
-
-  // 初始化时区HANDLER
-  initTimezone();
-
-  // 安装权限指令
-  registerAccessDirective(app);
-
-  // 初始化 tippy
-  const { initTippy } = await import('@vben/common-ui/es/tippy');
-  initTippy(app);
-
-  // 配置路由及路由守卫
-  app.use(router);
-
-  // 配置@tanstack/vue-query
-  const { VueQueryPlugin } = await import('@tanstack/vue-query');
-  app.use(VueQueryPlugin);
-
-  // 配置Motion插件
-  const { MotionPlugin } = await import('@vben/plugins/motion');
-  app.use(MotionPlugin);
-
-  // 动态更新标题
-  watchEffect(() => {
-    if (preferences.app.dynamicTitle) {
-      const routeTitle = router.currentRoute.value.meta?.title;
-      const pageTitle =
-        (routeTitle ? `${$t(routeTitle)} - ` : '') + preferences.app.name;
-      useTitle(pageTitle);
-    }
-  });
-
-  app.mount('#app');
-}
-
-export { bootstrap };
diff --git a/playground/src/layouts/auth.vue b/playground/src/layouts/auth.vue
deleted file mode 100644
index c33a632a0..000000000
--- a/playground/src/layouts/auth.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import { AuthPageLayout } from '@vben/layouts';
-import { preferences } from '@vben/preferences';
-
-import { $t } from '#/locales';
-
-const appName = computed(() => preferences.app.name);
-const logo = computed(() => preferences.logo.source);
-const clickLogo = () => {};
-</script>
-
-<template>
-  <AuthPageLayout
-    :app-name="appName"
-    :logo="logo"
-    :page-description="$t('authentication.pageDesc')"
-    :page-title="$t('authentication.pageTitle')"
-    :click-logo="clickLogo"
-  >
-    <!-- 自定义工具栏 -->
-    <!-- <template #toolbar></template> -->
-  </AuthPageLayout>
-</template>
diff --git a/playground/src/layouts/basic.vue b/playground/src/layouts/basic.vue
deleted file mode 100644
index 057876510..000000000
--- a/playground/src/layouts/basic.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script lang="ts" setup>
-import type { NotificationItem } from '@vben/layouts';
-
-import { computed, onBeforeMount, ref, watch } from 'vue';
-
-import { AuthenticationLoginExpiredModal } from '@vben/common-ui';
-import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '@vben/constants';
-import { useWatermark } from '@vben/hooks';
-import { BookOpenText, CircleHelp, SvgGithubIcon } from '@vben/icons';
-import {
-  BasicLayout,
-  LockScreen,
-  Notification,
-  UserDropdown,
-} from '@vben/layouts';
-import { preferences } from '@vben/preferences';
-import { useAccessStore, useTabbarStore, useUserStore } from '@vben/stores';
-import { openWindow } from '@vben/utils';
-
-import { $t } from '#/locales';
-import { useAuthStore } from '#/store';
-import LoginForm from '#/views/_core/authentication/login.vue';
-
-const { setMenuList } = useTabbarStore();
-setMenuList([
-  'close',
-  'affix',
-  'maximize',
-  'reload',
-  'open-in-new-window',
-  'close-left',
-  'close-right',
-  'close-other',
-  'close-all',
-]);
-
-const notifications = ref<NotificationItem[]>([
-  {
-    avatar: 'https://avatar.vercel.sh/vercel.svg?text=VB',
-    date: '3小时前',
-    isRead: true,
-    message: '描述信息描述信息描述信息',
-    title: '收到了 14 份新周报',
-  },
-  {
-    avatar: 'https://avatar.vercel.sh/1',
-    date: '刚刚',
-    isRead: false,
-    message: '描述信息描述信息描述信息',
-    title: '朱偏右 回复了你',
-  },
-  {
-    avatar: 'https://avatar.vercel.sh/1',
-    date: '2024-01-01',
-    isRead: false,
-    message: '描述信息描述信息描述信息',
-    title: '曲丽丽 评论了你',
-  },
-  {
-    avatar: 'https://avatar.vercel.sh/satori',
-    date: '1天前',
-    isRead: false,
-    message: '描述信息描述信息描述信息',
-    title: '代办提醒',
-  },
-]);
-
-const userStore = useUserStore();
-const authStore = useAuthStore();
-const accessStore = useAccessStore();
-const { destroyWatermark, updateWatermark } = useWatermark();
-const showDot = computed(() =>
-  notifications.value.some((item) => !item.isRead),
-);
-
-const menus = computed(() => [
-  {
-    handler: () => {
-      openWindow(VBEN_DOC_URL, {
-        target: '_blank',
-      });
-    },
-    icon: BookOpenText,
-    text: $t('ui.widgets.document'),
-  },
-  {
-    handler: () => {
-      openWindow(VBEN_GITHUB_URL, {
-        target: '_blank',
-      });
-    },
-    icon: SvgGithubIcon,
-    text: 'GitHub',
-  },
-  {
-    handler: () => {
-      openWindow(`${VBEN_GITHUB_URL}/issues`, {
-        target: '_blank',
-      });
-    },
-    icon: CircleHelp,
-    text: $t('ui.widgets.qa'),
-  },
-]);
-
-const avatar = computed(() => {
-  return userStore.userInfo?.avatar ?? preferences.app.defaultAvatar;
-});
-
-async function handleLogout() {
-  await authStore.logout(false);
-}
-
-function handleNoticeClear() {
-  notifications.value = [];
-}
-
-function handleMakeAll() {
-  notifications.value.forEach((item) => (item.isRead = true));
-}
-
-function handleClickLogo() {}
-
-watch(
-  () => ({
-    enable: preferences.app.watermark,
-    content: preferences.app.watermarkContent,
-  }),
-  async ({ enable, content }) => {
-    if (enable) {
-      await updateWatermark({
-        content:
-          content ||
-          `${userStore.userInfo?.username} - ${userStore.userInfo?.realName}`,
-      });
-    } else {
-      destroyWatermark();
-    }
-  },
-  {
-    immediate: true,
-  },
-);
-
-onBeforeMount(() => {
-  if (preferences.app.watermark) {
-    destroyWatermark();
-  }
-});
-</script>
-
-<template>
-  <BasicLayout
-    @clear-preferences-and-logout="handleLogout"
-    @click-logo="handleClickLogo"
-  >
-    <template #user-dropdown>
-      <UserDropdown
-        :avatar
-        :menus
-        :text="userStore.userInfo?.realName"
-        description="ann.vben@gmail.com"
-        tag-text="Pro"
-        trigger="both"
-        @logout="handleLogout"
-      />
-    </template>
-    <template #notification>
-      <Notification
-        :dot="showDot"
-        :notifications="notifications"
-        @clear="handleNoticeClear"
-        @make-all="handleMakeAll"
-      />
-    </template>
-    <template #extra>
-      <AuthenticationLoginExpiredModal
-        v-model:open="accessStore.loginExpired"
-        :avatar
-      >
-        <LoginForm />
-      </AuthenticationLoginExpiredModal>
-    </template>
-    <template #lock-screen>
-      <LockScreen :avatar @to-login="handleLogout" />
-    </template>
-  </BasicLayout>
-</template>
diff --git a/playground/src/layouts/index.ts b/playground/src/layouts/index.ts
deleted file mode 100644
index a43207805..000000000
--- a/playground/src/layouts/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-const BasicLayout = () => import('./basic.vue');
-const AuthPageLayout = () => import('./auth.vue');
-
-const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);
-
-export { AuthPageLayout, BasicLayout, IFrameView };
diff --git a/playground/src/locales/README.md b/playground/src/locales/README.md
deleted file mode 100644
index 7b451032e..000000000
--- a/playground/src/locales/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# locale
-
-每个app使用的国际化可能不同，这里用于扩展国际化的功能，例如扩展 dayjs、antd组件库的多语言切换，以及app本身的国际化文件。
diff --git a/playground/src/locales/index.ts b/playground/src/locales/index.ts
deleted file mode 100644
index 7f32bd18e..000000000
--- a/playground/src/locales/index.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import type { Locale } from 'ant-design-vue/es/locale';
-
-import type { App } from 'vue';
-
-import type { LocaleSetupOptions, SupportedLanguagesType } from '@vben/locales';
-
-import { ref } from 'vue';
-
-import {
-  $t,
-  setupI18n as coreSetup,
-  loadLocalesMapFromDir,
-} from '@vben/locales';
-import { preferences } from '@vben/preferences';
-
-import antdEnLocale from 'ant-design-vue/es/locale/en_US';
-import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN';
-import dayjs from 'dayjs';
-
-const antdLocale = ref<Locale>(antdDefaultLocale);
-
-const modules = import.meta.glob('./langs/**/*.json');
-
-const localesMap = loadLocalesMapFromDir(
-  /\.\/langs\/([^/]+)\/(.*)\.json$/,
-  modules,
-);
-/**
- * 加载应用特有的语言包
- * 这里也可以改造为从服务端获取翻译数据
- * @param lang
- */
-async function loadMessages(lang: SupportedLanguagesType) {
-  const [appLocaleMessages] = await Promise.all([
-    localesMap[lang]?.(),
-    loadThirdPartyMessage(lang),
-  ]);
-  return appLocaleMessages?.default;
-}
-
-/**
- * 加载第三方组件库的语言包
- * @param lang
- */
-async function loadThirdPartyMessage(lang: SupportedLanguagesType) {
-  await Promise.all([loadAntdLocale(lang), loadDayjsLocale(lang)]);
-}
-
-/**
- * 加载dayjs的语言包
- * @param lang
- */
-async function loadDayjsLocale(lang: SupportedLanguagesType) {
-  let locale;
-  switch (lang) {
-    case 'en-US': {
-      locale = await import('dayjs/locale/en');
-      break;
-    }
-    case 'zh-CN': {
-      locale = await import('dayjs/locale/zh-cn');
-      break;
-    }
-    // 默认使用英语
-    default: {
-      locale = await import('dayjs/locale/en');
-    }
-  }
-  if (locale) {
-    dayjs.locale(locale);
-  } else {
-    console.error(`Failed to load dayjs locale for ${lang}`);
-  }
-}
-
-/**
- * 加载antd的语言包
- * @param lang
- */
-async function loadAntdLocale(lang: SupportedLanguagesType) {
-  switch (lang) {
-    case 'en-US': {
-      antdLocale.value = antdEnLocale;
-      break;
-    }
-    case 'zh-CN': {
-      antdLocale.value = antdDefaultLocale;
-      break;
-    }
-  }
-}
-
-async function setupI18n(app: App, options: LocaleSetupOptions = {}) {
-  await coreSetup(app, {
-    defaultLocale: preferences.app.locale,
-    loadMessages,
-    missingWarn: !import.meta.env.PROD,
-    ...options,
-  });
-}
-
-export { $t, antdLocale, setupI18n };
diff --git a/playground/src/locales/langs/en-US/demos.json b/playground/src/locales/langs/en-US/demos.json
deleted file mode 100644
index 8697ea3c6..000000000
--- a/playground/src/locales/langs/en-US/demos.json
+++ /dev/null
@@ -1,71 +0,0 @@
-{
-  "title": "Demos",
-  "access": {
-    "frontendPermissions": "Frontend Permissions",
-    "backendPermissions": "Backend Permissions",
-    "pageAccess": "Page Access",
-    "buttonControl": "Button Control",
-    "menuVisible403": "Menu Visible(403)",
-    "superVisible": "Visible to Super",
-    "adminVisible": "Visible to Admin",
-    "userVisible": "Visible to User"
-  },
-  "nested": {
-    "title": "Nested Menu",
-    "menu1": "Menu 1",
-    "menu2": "Menu 2",
-    "menu2_1": "Menu 2-1",
-    "menu3": "Menu 3",
-    "menu3_1": "Menu 3-1",
-    "menu3_2": "Menu 3-2",
-    "menu3_2_1": "Menu 3-2-1"
-  },
-  "outside": {
-    "title": "External Pages",
-    "embedded": "Embedded",
-    "externalLink": "External Link"
-  },
-  "badge": {
-    "title": "Menu Badge",
-    "dot": "Dot Badge",
-    "text": "Text Badge",
-    "color": "Badge Color"
-  },
-  "activeIcon": {
-    "title": "Active Menu Icon",
-    "children": "Children Active Icon"
-  },
-  "fallback": {
-    "title": "Fallback Page"
-  },
-  "features": {
-    "title": "Features",
-    "hideChildrenInMenu": "Hide Menu Children",
-    "loginExpired": "Login Expired",
-    "icons": "Icons",
-    "watermark": "Watermark",
-    "tabs": "Tabs",
-    "tabDetail": "Tab Detail Page",
-    "fullScreen": "FullScreen",
-    "clipboard": "Clipboard",
-    "menuWithQuery": "Menu With Query",
-    "openInNewWindow": "Open in New Window",
-    "fileDownload": "File Download"
-  },
-  "breadcrumb": {
-    "navigation": "Breadcrumb Navigation",
-    "lateral": "Lateral Mode",
-    "lateralDetail": "Lateral Mode Detail",
-    "level": "Level Mode",
-    "levelDetail": "Level Mode Detail"
-  },
-  "vben": {
-    "title": "Project",
-    "about": "About",
-    "document": "Document",
-    "antdv": "Ant Design Vue Version",
-    "naive-ui": "Naive UI Version",
-    "element-plus": "Element Plus Version",
-    "tdesign": "TDesign Vue Version"
-  }
-}
diff --git a/playground/src/locales/langs/en-US/examples.json b/playground/src/locales/langs/en-US/examples.json
deleted file mode 100644
index 2b9c23db0..000000000
--- a/playground/src/locales/langs/en-US/examples.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "title": "Examples",
-  "modal": {
-    "title": "Modal"
-  },
-  "drawer": {
-    "title": "Drawer"
-  },
-  "ellipsis": {
-    "title": "EllipsisText"
-  },
-  "form": {
-    "title": "Form",
-    "basic": "Basic Form",
-    "layout": "Custom Layout",
-    "query": "Query Form",
-    "rules": "Form Rules",
-    "dynamic": "Dynamic Form",
-    "custom": "Custom Component",
-    "api": "Api",
-    "merge": "Merge Form",
-    "scrollToError": "Scroll to Error Field",
-    "upload-error": "Partial file upload failed",
-    "upload-urls": "Urls after file upload",
-    "file": "file",
-    "upload-image": "Click to upload image"
-  },
-  "vxeTable": {
-    "title": "Vxe Table",
-    "basic": "Basic Table",
-    "remote": "Remote Load",
-    "tree": "Tree Table",
-    "fixed": "Fixed Header/Column",
-    "virtual": "Virtual Scroll",
-    "editCell": "Edit Cell",
-    "editRow": "Edit Row",
-    "custom-cell": "Custom Cell",
-    "form": "Form Table"
-  },
-  "captcha": {
-    "title": "Captcha",
-    "pointSelection": "Point Selection Captcha",
-    "sliderCaptcha": "Slider Captcha",
-    "sliderRotateCaptcha": "Rotate Captcha",
-    "sliderTranslateCaptcha": "Translate Captcha",
-    "captchaCardTitle": "Please complete the security verification",
-    "pageDescription": "Verify user identity by clicking on specific locations in the image.",
-    "pageTitle": "Captcha Component Example",
-    "basic": "Basic Usage",
-    "titlePlaceholder": "Captcha Title Text",
-    "captchaImageUrlPlaceholder": "Captcha Image (supports img tag src attribute value)",
-    "hintImage": "Hint Image",
-    "hintText": "Hint Text",
-    "hintImagePlaceholder": "Hint Image (supports img tag src attribute value)",
-    "hintTextPlaceholder": "Hint Text",
-    "showConfirm": "Show Confirm",
-    "hideConfirm": "Hide Confirm",
-    "widthPlaceholder": "Captcha Image Width Default 300px",
-    "heightPlaceholder": "Captcha Image Height Default 220px",
-    "paddingXPlaceholder": "Horizontal Padding Default 12px",
-    "paddingYPlaceholder": "Vertical Padding Default 16px",
-    "index": "Index:",
-    "timestamp": "Timestamp:",
-    "x": "x:",
-    "y": "y:"
-  },
-  "resize": {
-    "title": "Resize"
-  },
-  "layout": {
-    "col-page": "ColPage Layout"
-  },
-  "button-group": {
-    "title": "Button Group"
-  }
-}
diff --git a/playground/src/locales/langs/en-US/page.json b/playground/src/locales/langs/en-US/page.json
deleted file mode 100644
index 50f19dc44..000000000
--- a/playground/src/locales/langs/en-US/page.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "auth": {
-    "login": "Login",
-    "register": "Register",
-    "codeLogin": "Code Login",
-    "qrcodeLogin": "Qr Code Login",
-    "forgetPassword": "Forget Password",
-    "sendingCode": "SMS Code is sending...",
-    "codeSentTo": "Code has been sent to {0}"
-  },
-  "dashboard": {
-    "title": "Dashboard",
-    "analytics": "Analytics",
-    "workspace": "Workspace"
-  }
-}
diff --git a/playground/src/locales/langs/en-US/system.json b/playground/src/locales/langs/en-US/system.json
deleted file mode 100644
index 003dfbbed..000000000
--- a/playground/src/locales/langs/en-US/system.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "title": "System Management",
-  "dept": {
-    "name": "Department",
-    "title": "Department Management",
-    "deptName": "Department Name",
-    "status": "Status",
-    "createTime": "Create Time",
-    "remark": "Remark",
-    "operation": "Operation",
-    "parentDept": "Parent Department"
-  },
-  "menu": {
-    "title": "Menu Management",
-    "parent": "Parent Menu",
-    "menuTitle": "Title",
-    "menuName": "Menu Name",
-    "name": "Menu",
-    "type": "Type",
-    "typeCatalog": "Catalog",
-    "typeMenu": "Menu",
-    "typeButton": "Button",
-    "typeLink": "Link",
-    "typeEmbedded": "Embedded",
-    "icon": "Icon",
-    "activeIcon": "Active Icon",
-    "activePath": "Active Path",
-    "path": "Route Path",
-    "component": "Component",
-    "status": "Status",
-    "authCode": "Auth Code",
-    "badge": "Badge",
-    "operation": "Operation",
-    "linkSrc": "Link Address",
-    "affixTab": "Affix In Tabs",
-    "keepAlive": "Keep Alive",
-    "hideInMenu": "Hide In Menu",
-    "hideInTab": "Hide In Tabbar",
-    "hideChildrenInMenu": "Hide Children In Menu",
-    "hideInBreadcrumb": "Hide In Breadcrumb",
-    "advancedSettings": "Other Settings",
-    "activePathMustExist": "The path could not find a valid menu",
-    "activePathHelp": "When jumping to the current route, \nthe menu path that needs to be activated must be specified when it does not display in the navigation menu.",
-    "badgeType": {
-      "title": "Badge Type",
-      "dot": "Dot",
-      "normal": "Text",
-      "none": "None"
-    },
-    "badgeVariants": "Badge Style"
-  },
-  "role": {
-    "title": "Role Management",
-    "list": "Role List",
-    "name": "Role",
-    "roleName": "Role Name",
-    "id": "Role ID",
-    "status": "Status",
-    "remark": "Remark",
-    "createTime": "Creation Time",
-    "operation": "Operation",
-    "permissions": "Permissions",
-    "setPermissions": "Permissions"
-  }
-}
diff --git a/playground/src/locales/langs/zh-CN/demos.json b/playground/src/locales/langs/zh-CN/demos.json
deleted file mode 100644
index b7823b72e..000000000
--- a/playground/src/locales/langs/zh-CN/demos.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "title": "演示",
-  "access": {
-    "frontendPermissions": "前端权限",
-    "backendPermissions": "后端权限",
-    "pageAccess": "页面访问",
-    "buttonControl": "按钮控制",
-    "menuVisible403": "菜单可见(403)",
-    "superVisible": "Super 可见",
-    "adminVisible": "Admin 可见",
-    "userVisible": "User 可见"
-  },
-  "nested": {
-    "title": "嵌套菜单",
-    "menu1": "菜单 1",
-    "menu2": "菜单 2",
-    "menu2_1": "菜单 2-1",
-    "menu3": "菜单 3",
-    "menu3_1": "菜单 3-1",
-    "menu3_2": "菜单 3-2",
-    "menu3_2_1": "菜单 3-2-1"
-  },
-  "outside": {
-    "title": "外部页面",
-    "embedded": "内嵌",
-    "externalLink": "外链"
-  },
-  "badge": {
-    "title": "菜单徽标",
-    "dot": "点徽标",
-    "text": "文本徽标",
-    "color": "徽标颜色"
-  },
-  "activeIcon": {
-    "title": "菜单激活图标",
-    "children": "子级激活图标"
-  },
-  "fallback": {
-    "title": "缺省页"
-  },
-  "features": {
-    "title": "功能",
-    "hideChildrenInMenu": "隐藏子菜单",
-    "loginExpired": "登录过期",
-    "icons": "图标",
-    "watermark": "水印",
-    "tabs": "标签页",
-    "tabDetail": "标签详情页",
-    "fullScreen": "全屏",
-    "clipboard": "剪贴板",
-    "menuWithQuery": "带参菜单",
-    "openInNewWindow": "新窗口打开",
-    "fileDownload": "文件下载",
-    "requestParamsSerializer": "参数序列化"
-  },
-  "breadcrumb": {
-    "navigation": "面包屑导航",
-    "lateral": "平级模式",
-    "level": "层级模式",
-    "levelDetail": "层级模式详情",
-    "lateralDetail": "平级模式详情"
-  },
-  "vben": {
-    "title": "项目",
-    "about": "关于",
-    "document": "文档",
-    "antdv": "Ant Design Vue 版本",
-    "naive-ui": "Naive UI 版本",
-    "element-plus": "Element Plus 版本",
-    "tdesign": "TDesign Vue 版本"
-  }
-}
diff --git a/playground/src/locales/langs/zh-CN/examples.json b/playground/src/locales/langs/zh-CN/examples.json
deleted file mode 100644
index aa0b00f95..000000000
--- a/playground/src/locales/langs/zh-CN/examples.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "title": "示例",
-  "modal": {
-    "title": "弹窗"
-  },
-  "drawer": {
-    "title": "抽屉"
-  },
-  "ellipsis": {
-    "title": "文本省略"
-  },
-  "resize": {
-    "title": "拖动调整"
-  },
-  "form": {
-    "title": "表单",
-    "basic": "基础表单",
-    "layout": "自定义布局",
-    "query": "查询表单",
-    "rules": "表单校验",
-    "dynamic": "动态表单",
-    "custom": "自定义组件",
-    "api": "Api",
-    "merge": "合并表单",
-    "scrollToError": "滚动到错误字段",
-    "upload-error": "部分文件上传失败",
-    "upload-urls": "文件上传后的网址",
-    "file": "文件",
-    "upload-image": "点击上传图片"
-  },
-  "vxeTable": {
-    "title": "Vxe 表格",
-    "basic": "基础表格",
-    "remote": "远程加载",
-    "tree": "树形表格",
-    "fixed": "固定表头/列",
-    "virtual": "虚拟滚动",
-    "editCell": "单元格编辑",
-    "editRow": "行编辑",
-    "custom-cell": "自定义单元格",
-    "form": "搜索表单"
-  },
-  "captcha": {
-    "title": "验证码",
-    "pointSelection": "点选验证",
-    "sliderCaptcha": "滑块验证",
-    "sliderRotateCaptcha": "旋转验证",
-    "sliderTranslateCaptcha": "拼图滑块验证",
-    "captchaCardTitle": "请完成安全验证",
-    "pageDescription": "通过点击图片中的特定位置来验证用户身份。",
-    "pageTitle": "验证码组件示例",
-    "basic": "基本使用",
-    "titlePlaceholder": "验证码标题文案",
-    "captchaImageUrlPlaceholder": "验证码图片（支持img标签src属性值）",
-    "hintImage": "提示图片",
-    "hintText": "提示文本",
-    "hintImagePlaceholder": "提示图片（支持img标签src属性值）",
-    "hintTextPlaceholder": "提示文本",
-    "showConfirm": "展示确认",
-    "hideConfirm": "隐藏确认",
-    "widthPlaceholder": "验证码图片宽度 默认300px",
-    "heightPlaceholder": "验证码图片高度 默认220px",
-    "paddingXPlaceholder": "水平内边距 默认12px",
-    "paddingYPlaceholder": "垂直内边距 默认16px",
-    "index": "索引：",
-    "timestamp": "时间戳：",
-    "x": "x：",
-    "y": "y："
-  },
-  "layout": {
-    "col-page": "双列布局"
-  },
-  "button-group": {
-    "title": "按钮组"
-  }
-}
diff --git a/playground/src/locales/langs/zh-CN/page.json b/playground/src/locales/langs/zh-CN/page.json
deleted file mode 100644
index 666db5b7b..000000000
--- a/playground/src/locales/langs/zh-CN/page.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "auth": {
-    "login": "登录",
-    "register": "注册",
-    "codeLogin": "验证码登录",
-    "qrcodeLogin": "二维码登录",
-    "forgetPassword": "忘记密码",
-    "sendingCode": "正在发送验证码",
-    "codeSentTo": "验证码已发送至{0}"
-  },
-  "dashboard": {
-    "title": "概览",
-    "analytics": "分析页",
-    "workspace": "工作台"
-  }
-}
diff --git a/playground/src/locales/langs/zh-CN/system.json b/playground/src/locales/langs/zh-CN/system.json
deleted file mode 100644
index be5a7ae36..000000000
--- a/playground/src/locales/langs/zh-CN/system.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "title": "系统管理",
-  "dept": {
-    "list": "部门列表",
-    "createTime": "创建时间",
-    "deptName": "部门名称",
-    "name": "部门",
-    "operation": "操作",
-    "parentDept": "上级部门",
-    "remark": "备注",
-    "status": "状态",
-    "title": "部门管理"
-  },
-  "menu": {
-    "list": "菜单列表",
-    "activeIcon": "激活图标",
-    "activePath": "激活路径",
-    "activePathHelp": "跳转到当前路由时，需要激活的菜单路径。\n当不在导航菜单中显示时，需要指定激活路径",
-    "activePathMustExist": "该路径未能找到有效的菜单",
-    "advancedSettings": "其它设置",
-    "affixTab": "固定在标签",
-    "authCode": "权限标识",
-    "badge": "徽章内容",
-    "badgeVariants": "徽标样式",
-    "badgeType": {
-      "dot": "点",
-      "none": "无",
-      "normal": "文字",
-      "title": "徽标类型"
-    },
-    "component": "页面组件",
-    "hideChildrenInMenu": "隐藏子菜单",
-    "hideInBreadcrumb": "在面包屑中隐藏",
-    "hideInMenu": "隐藏菜单",
-    "hideInTab": "在标签栏中隐藏",
-    "icon": "图标",
-    "keepAlive": "缓存标签页",
-    "linkSrc": "链接地址",
-    "menuName": "菜单名称",
-    "menuTitle": "标题",
-    "name": "菜单",
-    "operation": "操作",
-    "parent": "上级菜单",
-    "path": "路由地址",
-    "status": "状态",
-    "title": "菜单管理",
-    "type": "类型",
-    "typeButton": "按钮",
-    "typeCatalog": "目录",
-    "typeEmbedded": "内嵌",
-    "typeLink": "外链",
-    "typeMenu": "菜单"
-  },
-  "role": {
-    "title": "角色管理",
-    "list": "角色列表",
-    "name": "角色",
-    "roleName": "角色名称",
-    "id": "角色ID",
-    "status": "状态",
-    "remark": "备注",
-    "createTime": "创建时间",
-    "operation": "操作",
-    "permissions": "权限",
-    "setPermissions": "授权"
-  }
-}
diff --git a/playground/src/main.ts b/playground/src/main.ts
deleted file mode 100644
index 5d728a02a..000000000
--- a/playground/src/main.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { initPreferences } from '@vben/preferences';
-import { unmountGlobalLoading } from '@vben/utils';
-
-import { overridesPreferences } from './preferences';
-
-/**
- * 应用初始化完成之后再进行页面加载渲染
- */
-async function initApplication() {
-  // name用于指定项目唯一标识
-  // 用于区分不同项目的偏好设置以及存储数据的key前缀以及其他一些需要隔离的数据
-  const env = import.meta.env.PROD ? 'prod' : 'dev';
-  const appVersion = import.meta.env.VITE_APP_VERSION;
-  const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${appVersion}-${env}`;
-
-  // app偏好设置初始化
-  await initPreferences({
-    namespace,
-    overrides: overridesPreferences,
-  });
-
-  // 启动应用并挂载
-  // vue应用主要逻辑及视图
-  const { bootstrap } = await import('./bootstrap');
-  await bootstrap(namespace);
-
-  // 移除并销毁loading
-  unmountGlobalLoading();
-}
-
-initApplication();
diff --git a/playground/src/preferences.ts b/playground/src/preferences.ts
deleted file mode 100644
index b2e9ace43..000000000
--- a/playground/src/preferences.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineOverridesPreferences } from '@vben/preferences';
-
-/**
- * @description 项目配置文件
- * 只需要覆盖项目中的一部分配置，不需要的配置不用覆盖，会自动使用默认配置
- * !!! 更改配置后请清空缓存，否则可能不生效
- */
-export const overridesPreferences = defineOverridesPreferences({
-  // overrides
-  app: {
-    name: import.meta.env.VITE_APP_TITLE,
-  },
-});
diff --git a/playground/src/router/access.ts b/playground/src/router/access.ts
deleted file mode 100644
index 3a48be237..000000000
--- a/playground/src/router/access.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import type {
-  ComponentRecordType,
-  GenerateMenuAndRoutesOptions,
-} from '@vben/types';
-
-import { generateAccessible } from '@vben/access';
-import { preferences } from '@vben/preferences';
-
-import { message } from 'ant-design-vue';
-
-import { getAllMenusApi } from '#/api';
-import { BasicLayout, IFrameView } from '#/layouts';
-import { $t } from '#/locales';
-
-const forbiddenComponent = () => import('#/views/_core/fallback/forbidden.vue');
-
-async function generateAccess(options: GenerateMenuAndRoutesOptions) {
-  const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');
-
-  const layoutMap: ComponentRecordType = {
-    BasicLayout,
-    IFrameView,
-  };
-
-  return await generateAccessible(preferences.app.accessMode, {
-    ...options,
-    fetchMenuListAsync: async () => {
-      message.loading({
-        content: `${$t('common.loadingMenu')}...`,
-        duration: 1.5,
-      });
-      return await getAllMenusApi();
-    },
-    // 可以指定没有权限跳转403页面
-    forbiddenComponent,
-    // 如果 route.meta.menuVisibleWithForbidden = true
-    layoutMap,
-    pageMap,
-  });
-}
-
-export { generateAccess };
diff --git a/playground/src/router/guard.ts b/playground/src/router/guard.ts
deleted file mode 100644
index 514bd2eb6..000000000
--- a/playground/src/router/guard.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import type { Router } from 'vue-router';
-
-import { LOGIN_PATH } from '@vben/constants';
-import { preferences } from '@vben/preferences';
-import { useAccessStore, useUserStore } from '@vben/stores';
-import { startProgress, stopProgress } from '@vben/utils';
-
-import { accessRoutes, coreRouteNames } from '#/router/routes';
-import { useAuthStore } from '#/store';
-
-import { generateAccess } from './access';
-
-/**
- * 通用守卫配置
- * @param router
- */
-function setupCommonGuard(router: Router) {
-  // 记录已经加载的页面
-  const loadedPaths = new Set<string>();
-
-  router.beforeEach((to) => {
-    to.meta.loaded = loadedPaths.has(to.path);
-
-    // 页面加载进度条
-    if (!to.meta.loaded && preferences.transition.progress) {
-      startProgress();
-    }
-    return true;
-  });
-
-  router.afterEach((to) => {
-    // 记录页面是否加载,如果已经加载，后续的页面切换动画等效果不在重复执行
-    loadedPaths.add(to.path);
-
-    // 关闭页面加载进度条
-    if (preferences.transition.progress) {
-      stopProgress();
-    }
-  });
-}
-
-/**
- * 权限访问守卫配置
- * @param router
- */
-function setupAccessGuard(router: Router) {
-  router.beforeEach(async (to, from) => {
-    const accessStore = useAccessStore();
-    const userStore = useUserStore();
-    const authStore = useAuthStore();
-    // 基本路由，这些路由不需要进入权限拦截
-    if (coreRouteNames.includes(to.name as string)) {
-      if (to.path === LOGIN_PATH && accessStore.accessToken) {
-        return decodeURIComponent(
-          (to.query?.redirect as string) ||
-            userStore.userInfo?.homePath ||
-            preferences.app.defaultHomePath,
-        );
-      }
-      return true;
-    }
-
-    // accessToken 检查
-    if (!accessStore.accessToken) {
-      // 明确声明忽略权限访问权限，则可以访问
-      if (to.meta.ignoreAccess) {
-        return true;
-      }
-
-      // 没有访问权限，跳转登录页面
-      if (to.fullPath !== LOGIN_PATH) {
-        return {
-          path: LOGIN_PATH,
-          // 如不需要，直接删除 query
-          query:
-            to.fullPath === preferences.app.defaultHomePath
-              ? {}
-              : { redirect: encodeURIComponent(to.fullPath) },
-          // 携带当前跳转的页面，登录后重新跳转该页面
-          replace: true,
-        };
-      }
-      return to;
-    }
-
-    // 是否已经生成过动态路由
-    if (accessStore.isAccessChecked) {
-      return true;
-    }
-
-    // 生成路由表
-    // 当前登录用户拥有的角色标识列表
-    const userInfo = userStore.userInfo || (await authStore.fetchUserInfo());
-    const userRoles = userInfo.roles ?? [];
-
-    // 生成菜单和路由
-    const { accessibleMenus, accessibleRoutes } = await generateAccess({
-      roles: userRoles,
-      router,
-      // 则会在菜单中显示，但是访问会被重定向到403
-      routes: accessRoutes,
-    });
-
-    // 保存菜单信息和路由信息
-    accessStore.setAccessMenus(accessibleMenus);
-    accessStore.setAccessRoutes(accessibleRoutes);
-    accessStore.setIsAccessChecked(true);
-    let redirectPath: string;
-    if (from.query.redirect) {
-      redirectPath = from.query.redirect as string;
-    } else if (to.path === preferences.app.defaultHomePath) {
-      redirectPath = preferences.app.defaultHomePath;
-    } else if (userInfo.homePath && to.path === userInfo.homePath) {
-      redirectPath = userInfo.homePath;
-    } else {
-      redirectPath = to.fullPath;
-    }
-    return {
-      ...router.resolve(decodeURIComponent(redirectPath)),
-      replace: true,
-    };
-  });
-}
-
-/**
- * 项目守卫配置
- * @param router
- */
-function createRouterGuard(router: Router) {
-  /** 通用 */
-  setupCommonGuard(router);
-  /** 权限访问 */
-  setupAccessGuard(router);
-}
-
-export { createRouterGuard };
diff --git a/playground/src/router/index.ts b/playground/src/router/index.ts
deleted file mode 100644
index 484023034..000000000
--- a/playground/src/router/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import {
-  createRouter,
-  createWebHashHistory,
-  createWebHistory,
-} from 'vue-router';
-
-import { resetStaticRoutes } from '@vben/utils';
-
-import { createRouterGuard } from './guard';
-import { routes } from './routes';
-
-/**
- *  @zh_CN 创建vue-router实例
- */
-const router = createRouter({
-  history:
-    import.meta.env.VITE_ROUTER_HISTORY === 'hash'
-      ? createWebHashHistory(import.meta.env.VITE_BASE)
-      : createWebHistory(import.meta.env.VITE_BASE),
-  // 应该添加到路由的初始路由列表。
-  routes,
-  scrollBehavior: (to, _from, savedPosition) => {
-    if (savedPosition) {
-      return savedPosition;
-    }
-    return to.hash ? { behavior: 'smooth', el: to.hash } : { left: 0, top: 0 };
-  },
-  // 是否应该禁止尾部斜杠。
-  // strict: true,
-});
-
-const resetRoutes = () => resetStaticRoutes(router, routes);
-
-// 创建路由守卫
-createRouterGuard(router);
-
-export { resetRoutes, router };
diff --git a/playground/src/router/routes/core.ts b/playground/src/router/routes/core.ts
deleted file mode 100644
index 949b0b65a..000000000
--- a/playground/src/router/routes/core.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { LOGIN_PATH } from '@vben/constants';
-import { preferences } from '@vben/preferences';
-
-import { $t } from '#/locales';
-
-const BasicLayout = () => import('#/layouts/basic.vue');
-const AuthPageLayout = () => import('#/layouts/auth.vue');
-/** 全局404页面 */
-const fallbackNotFoundRoute: RouteRecordRaw = {
-  component: () => import('#/views/_core/fallback/not-found.vue'),
-  meta: {
-    hideInBreadcrumb: true,
-    hideInMenu: true,
-    hideInTab: true,
-    title: '404',
-  },
-  name: 'FallbackNotFound',
-  path: '/:path(.*)*',
-};
-
-/** 基本路由，这些路由是必须存在的 */
-const coreRoutes: RouteRecordRaw[] = [
-  /**
-   * 根路由
-   * 使用基础布局，作为所有页面的父级容器，子级就不必配置BasicLayout。
-   * 此路由必须存在，且不应修改
-   */
-  {
-    component: BasicLayout,
-    meta: {
-      hideInBreadcrumb: true,
-      title: 'Root',
-    },
-    name: 'Root',
-    path: '/',
-    redirect: preferences.app.defaultHomePath,
-    children: [],
-  },
-  {
-    component: AuthPageLayout,
-    meta: {
-      hideInTab: true,
-      title: 'Authentication',
-    },
-    name: 'Authentication',
-    path: '/auth',
-    redirect: LOGIN_PATH,
-    children: [
-      {
-        name: 'Login',
-        path: 'login',
-        component: () => import('#/views/_core/authentication/login.vue'),
-        meta: {
-          title: $t('page.auth.login'),
-        },
-      },
-      {
-        name: 'CodeLogin',
-        path: 'code-login',
-        component: () => import('#/views/_core/authentication/code-login.vue'),
-        meta: {
-          title: $t('page.auth.codeLogin'),
-        },
-      },
-      {
-        name: 'QrCodeLogin',
-        path: 'qrcode-login',
-        component: () =>
-          import('#/views/_core/authentication/qrcode-login.vue'),
-        meta: {
-          title: $t('page.auth.qrcodeLogin'),
-        },
-      },
-      {
-        name: 'ForgetPassword',
-        path: 'forget-password',
-        component: () =>
-          import('#/views/_core/authentication/forget-password.vue'),
-        meta: {
-          title: $t('page.auth.forgetPassword'),
-        },
-      },
-      {
-        name: 'Register',
-        path: 'register',
-        component: () => import('#/views/_core/authentication/register.vue'),
-        meta: {
-          title: $t('page.auth.register'),
-        },
-      },
-    ],
-  },
-];
-
-export { coreRoutes, fallbackNotFoundRoute };
diff --git a/playground/src/router/routes/index.ts b/playground/src/router/routes/index.ts
deleted file mode 100644
index 275eb8379..000000000
--- a/playground/src/router/routes/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { mergeRouteModules, traverseTreeValues } from '@vben/utils';
-
-import { coreRoutes, fallbackNotFoundRoute } from './core';
-
-const dynamicRouteFiles = import.meta.glob('./modules/**/*.ts', {
-  eager: true,
-});
-
-// 有需要可以自行打开注释，并创建文件夹
-// const externalRouteFiles = import.meta.glob('./external/**/*.ts', { eager: true });
-// const staticRouteFiles = import.meta.glob('./static/**/*.ts', { eager: true });
-
-/** 动态路由 */
-const dynamicRoutes: RouteRecordRaw[] = mergeRouteModules(dynamicRouteFiles);
-
-/** 外部路由列表，访问这些页面可以不需要Layout，可能用于内嵌在别的系统(不会显示在菜单中) */
-// const externalRoutes: RouteRecordRaw[] = mergeRouteModules(externalRouteFiles);
-// const staticRoutes: RouteRecordRaw[] = mergeRouteModules(staticRouteFiles);
-const staticRoutes: RouteRecordRaw[] = [];
-const externalRoutes: RouteRecordRaw[] = [];
-
-/** 路由列表，由基本路由、外部路由和404兜底路由组成
- *  无需走权限验证（会一直显示在菜单中） */
-const routes: RouteRecordRaw[] = [
-  ...coreRoutes,
-  ...externalRoutes,
-  fallbackNotFoundRoute,
-];
-
-/** 基本路由列表，这些路由不需要进入权限拦截 */
-const coreRouteNames = traverseTreeValues(coreRoutes, (route) => route.name);
-
-/** 有权限校验的路由列表，包含动态路由和静态路由 */
-const accessRoutes = [...dynamicRoutes, ...staticRoutes];
-
-const componentKeys: string[] = Object.keys(
-  import.meta.glob('../../views/**/*.vue'),
-)
-  .filter((item) => !item.includes('/modules/'))
-  .map((v) => {
-    const path = v.replace('../../views/', '/');
-    return path.endsWith('.vue') ? path.slice(0, -4) : path;
-  });
-
-export { accessRoutes, componentKeys, coreRouteNames, routes };
diff --git a/playground/src/router/routes/modules/dashboard.ts b/playground/src/router/routes/modules/dashboard.ts
deleted file mode 100644
index 5254dc65d..000000000
--- a/playground/src/router/routes/modules/dashboard.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'lucide:layout-dashboard',
-      order: -1,
-      title: $t('page.dashboard.title'),
-    },
-    name: 'Dashboard',
-    path: '/dashboard',
-    children: [
-      {
-        name: 'Analytics',
-        path: '/analytics',
-        component: () => import('#/views/dashboard/analytics/index.vue'),
-        meta: {
-          affixTab: true,
-          icon: 'lucide:area-chart',
-          title: $t('page.dashboard.analytics'),
-        },
-      },
-      {
-        name: 'Workspace',
-        path: '/workspace',
-        component: () => import('#/views/dashboard/workspace/index.vue'),
-        meta: {
-          icon: 'carbon:workspace',
-          title: $t('page.dashboard.workspace'),
-        },
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/playground/src/router/routes/modules/demos.ts b/playground/src/router/routes/modules/demos.ts
deleted file mode 100644
index 3df4f0ad6..000000000
--- a/playground/src/router/routes/modules/demos.ts
+++ /dev/null
@@ -1,594 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { IFrameView } from '#/layouts';
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'ic:baseline-view-in-ar',
-      keepAlive: true,
-      order: 1000,
-      title: $t('demos.title'),
-    },
-    name: 'Demos',
-    path: '/demos',
-    children: [
-      // 权限控制
-      {
-        meta: {
-          icon: 'mdi:shield-key-outline',
-          title: $t('demos.access.frontendPermissions'),
-        },
-        name: 'AccessDemos',
-        path: '/demos/access',
-        children: [
-          {
-            name: 'AccessPageControlDemo',
-            path: '/demos/access/page-control',
-            component: () => import('#/views/demos/access/index.vue'),
-            meta: {
-              icon: 'mdi:page-previous-outline',
-              title: $t('demos.access.pageAccess'),
-            },
-          },
-          {
-            name: 'AccessButtonControlDemo',
-            path: '/demos/access/button-control',
-            component: () => import('#/views/demos/access/button-control.vue'),
-            meta: {
-              icon: 'mdi:button-cursor',
-              title: $t('demos.access.buttonControl'),
-            },
-          },
-          {
-            name: 'AccessMenuVisible403Demo',
-            path: '/demos/access/menu-visible-403',
-            component: () =>
-              import('#/views/demos/access/menu-visible-403.vue'),
-            meta: {
-              authority: ['no-body'],
-              icon: 'mdi:button-cursor',
-              menuVisibleWithForbidden: true,
-              title: $t('demos.access.menuVisible403'),
-            },
-          },
-          {
-            name: 'AccessSuperVisibleDemo',
-            path: '/demos/access/super-visible',
-            component: () => import('#/views/demos/access/super-visible.vue'),
-            meta: {
-              authority: ['super'],
-              icon: 'mdi:button-cursor',
-              title: $t('demos.access.superVisible'),
-            },
-          },
-          {
-            name: 'AccessAdminVisibleDemo',
-            path: '/demos/access/admin-visible',
-            component: () => import('#/views/demos/access/admin-visible.vue'),
-            meta: {
-              authority: ['admin'],
-              icon: 'mdi:button-cursor',
-              title: $t('demos.access.adminVisible'),
-            },
-          },
-          {
-            name: 'AccessUserVisibleDemo',
-            path: '/demos/access/user-visible',
-            component: () => import('#/views/demos/access/user-visible.vue'),
-            meta: {
-              authority: ['user'],
-              icon: 'mdi:button-cursor',
-              title: $t('demos.access.userVisible'),
-            },
-          },
-        ],
-      },
-      // 功能
-      {
-        meta: {
-          icon: 'mdi:feature-highlight',
-          title: $t('demos.features.title'),
-        },
-        name: 'FeaturesDemos',
-        path: '/demos/features',
-        children: [
-          {
-            name: 'LoginExpiredDemo',
-            path: '/demos/features/login-expired',
-            component: () =>
-              import('#/views/demos/features/login-expired/index.vue'),
-            meta: {
-              icon: 'mdi:encryption-expiration',
-              title: $t('demos.features.loginExpired'),
-            },
-          },
-          {
-            name: 'IconsDemo',
-            path: '/demos/features/icons',
-            component: () => import('#/views/demos/features/icons/index.vue'),
-            meta: {
-              icon: 'lucide:annoyed',
-              title: $t('demos.features.icons'),
-            },
-          },
-          {
-            name: 'WatermarkDemo',
-            path: '/demos/features/watermark',
-            component: () =>
-              import('#/views/demos/features/watermark/index.vue'),
-            meta: {
-              icon: 'lucide:tags',
-              title: $t('demos.features.watermark'),
-            },
-          },
-          {
-            name: 'FeatureTabsDemo',
-            path: '/demos/features/tabs',
-            component: () => import('#/views/demos/features/tabs/index.vue'),
-            meta: {
-              icon: 'lucide:app-window',
-              title: $t('demos.features.tabs'),
-            },
-          },
-          {
-            name: 'FeatureTabDetailDemo',
-            path: '/demos/features/tabs/detail/:id',
-            component: () =>
-              import('#/views/demos/features/tabs/tab-detail.vue'),
-            meta: {
-              activePath: '/demos/features/tabs',
-              hideInMenu: true,
-              maxNumOfOpenTab: 3,
-              title: $t('demos.features.tabDetail'),
-            },
-          },
-          {
-            name: 'HideChildrenInMenuParentDemo',
-            path: '/demos/features/hide-menu-children',
-            meta: {
-              hideChildrenInMenu: true,
-              icon: 'ic:round-menu',
-              title: $t('demos.features.hideChildrenInMenu'),
-            },
-            children: [
-              {
-                name: 'HideChildrenInMenuDemo',
-                path: '',
-                component: () =>
-                  import(
-                    '#/views/demos/features/hide-menu-children/parent.vue'
-                  ),
-                meta: {
-                  // hideInMenu: true,
-                  title: $t('demos.features.hideChildrenInMenu'),
-                },
-              },
-              {
-                name: 'HideChildrenInMenuChildrenDemo',
-                path: '/demos/features/hide-menu-children/children',
-                component: () =>
-                  import(
-                    '#/views/demos/features/hide-menu-children/children.vue'
-                  ),
-                meta: {
-                  activePath: '/demos/features/hide-menu-children',
-                  title: $t('demos.features.hideChildrenInMenu'),
-                },
-              },
-            ],
-          },
-          {
-            name: 'FullScreenDemo',
-            path: '/demos/features/full-screen',
-            component: () =>
-              import('#/views/demos/features/full-screen/index.vue'),
-            meta: {
-              icon: 'lucide:fullscreen',
-              title: $t('demos.features.fullScreen'),
-            },
-          },
-          {
-            name: 'FileDownloadDemo',
-            path: '/demos/features/file-download',
-            component: () =>
-              import('#/views/demos/features/file-download/index.vue'),
-            meta: {
-              icon: 'lucide:hard-drive-download',
-              title: $t('demos.features.fileDownload'),
-            },
-          },
-          {
-            name: 'ClipboardDemo',
-            path: '/demos/features/clipboard',
-            component: () =>
-              import('#/views/demos/features/clipboard/index.vue'),
-            meta: {
-              icon: 'lucide:copy',
-              title: $t('demos.features.clipboard'),
-            },
-          },
-          {
-            name: 'MenuQueryDemo',
-            path: '/demos/menu-query',
-            component: () =>
-              import('#/views/demos/features/menu-query/index.vue'),
-            meta: {
-              icon: 'lucide:curly-braces',
-              query: {
-                id: 1,
-              },
-              title: $t('demos.features.menuWithQuery'),
-            },
-          },
-          {
-            name: 'NewWindowDemo',
-            path: '/demos/new-window',
-            component: () =>
-              import('#/views/demos/features/new-window/index.vue'),
-            meta: {
-              icon: 'lucide:app-window',
-              openInNewWindow: true,
-              title: $t('demos.features.openInNewWindow'),
-            },
-          },
-          {
-            name: 'VueQueryDemo',
-            path: '/demos/features/vue-query',
-            component: () =>
-              import('#/views/demos/features/vue-query/index.vue'),
-            meta: {
-              icon: 'lucide:git-pull-request-arrow',
-              title: 'Tanstack Query',
-            },
-          },
-          {
-            name: 'RequestParamsSerializerDemo',
-            path: '/demos/features/request-params-serializer',
-            component: () =>
-              import(
-                '#/views/demos/features/request-params-serializer/index.vue'
-              ),
-            meta: {
-              icon: 'lucide:git-pull-request-arrow',
-              title: $t('demos.features.requestParamsSerializer'),
-            },
-          },
-          {
-            name: 'BigIntDemo',
-            path: '/demos/features/json-bigint',
-            component: () =>
-              import('#/views/demos/features/json-bigint/index.vue'),
-            meta: {
-              icon: 'lucide:grape',
-              title: 'JSON BigInt',
-            },
-          },
-        ],
-      },
-      // 面包屑导航
-      {
-        name: 'BreadcrumbDemos',
-        path: '/demos/breadcrumb',
-        meta: {
-          icon: 'lucide:navigation',
-          title: $t('demos.breadcrumb.navigation'),
-        },
-        children: [
-          {
-            name: 'BreadcrumbLateralDemo',
-            path: '/demos/breadcrumb/lateral',
-            component: () => import('#/views/demos/breadcrumb/lateral.vue'),
-            meta: {
-              icon: 'lucide:navigation',
-              title: $t('demos.breadcrumb.lateral'),
-            },
-          },
-          {
-            name: 'BreadcrumbLateralDetailDemo',
-            path: '/demos/breadcrumb/lateral-detail',
-            component: () =>
-              import('#/views/demos/breadcrumb/lateral-detail.vue'),
-            meta: {
-              activePath: '/demos/breadcrumb/lateral',
-              hideInMenu: true,
-              title: $t('demos.breadcrumb.lateralDetail'),
-            },
-          },
-          {
-            name: 'BreadcrumbLevelDemo',
-            path: '/demos/breadcrumb/level',
-            meta: {
-              icon: 'lucide:navigation',
-              title: $t('demos.breadcrumb.level'),
-            },
-            children: [
-              {
-                name: 'BreadcrumbLevelDetailDemo',
-                path: '/demos/breadcrumb/level/detail',
-                component: () =>
-                  import('#/views/demos/breadcrumb/level-detail.vue'),
-                meta: {
-                  title: $t('demos.breadcrumb.levelDetail'),
-                },
-              },
-            ],
-          },
-        ],
-      },
-      // 缺省页
-      {
-        meta: {
-          icon: 'mdi:lightbulb-error-outline',
-          title: $t('demos.fallback.title'),
-        },
-        name: 'FallbackDemos',
-        path: '/demos/fallback',
-        children: [
-          {
-            name: 'Fallback403Demo',
-            path: '/demos/fallback/403',
-            component: () => import('#/views/_core/fallback/forbidden.vue'),
-            meta: {
-              icon: 'mdi:do-not-disturb-alt',
-              title: '403',
-            },
-          },
-          {
-            name: 'Fallback404Demo',
-            path: '/demos/fallback/404',
-            component: () => import('#/views/_core/fallback/not-found.vue'),
-            meta: {
-              icon: 'mdi:table-off',
-              title: '404',
-            },
-          },
-          {
-            name: 'Fallback500Demo',
-            path: '/demos/fallback/500',
-            component: () =>
-              import('#/views/_core/fallback/internal-error.vue'),
-            meta: {
-              icon: 'mdi:server-network-off',
-              title: '500',
-            },
-          },
-          {
-            name: 'FallbackOfflineDemo',
-            path: '/demos/fallback/offline',
-            component: () => import('#/views/_core/fallback/offline.vue'),
-            meta: {
-              icon: 'mdi:offline',
-              title: $t('ui.fallback.offline'),
-            },
-          },
-        ],
-      },
-      // 菜单徽标
-      {
-        meta: {
-          badgeType: 'dot',
-          badgeVariants: 'destructive',
-          icon: 'lucide:circle-dot',
-          title: $t('demos.badge.title'),
-        },
-        name: 'BadgeDemos',
-        path: '/demos/badge',
-        children: [
-          {
-            name: 'BadgeDotDemo',
-            component: () => import('#/views/demos/badge/index.vue'),
-            path: '/demos/badge/dot',
-            meta: {
-              badgeType: 'dot',
-              icon: 'lucide:square-dot',
-              title: $t('demos.badge.dot'),
-            },
-          },
-          {
-            name: 'BadgeTextDemo',
-            component: () => import('#/views/demos/badge/index.vue'),
-            path: '/demos/badge/text',
-            meta: {
-              badge: '10',
-              icon: 'lucide:square-dot',
-              title: $t('demos.badge.text'),
-            },
-          },
-          {
-            name: 'BadgeColorDemo',
-            component: () => import('#/views/demos/badge/index.vue'),
-            path: '/demos/badge/color',
-            meta: {
-              badge: 'Hot',
-              badgeVariants: 'destructive',
-              icon: 'lucide:square-dot',
-              title: $t('demos.badge.color'),
-            },
-          },
-        ],
-      },
-      // 菜单激活图标
-      {
-        meta: {
-          activeIcon: 'fluent-emoji:radioactive',
-          icon: 'bi:radioactive',
-          title: $t('demos.activeIcon.title'),
-        },
-        name: 'ActiveIconDemos',
-        path: '/demos/active-icon',
-        children: [
-          {
-            name: 'ActiveIconDemo',
-            component: () => import('#/views/demos/active-icon/index.vue'),
-            path: '/demos/active-icon/children',
-            meta: {
-              activeIcon: 'fluent-emoji:radioactive',
-              icon: 'bi:radioactive',
-              title: $t('demos.activeIcon.children'),
-            },
-          },
-        ],
-      },
-      // 外部链接
-      {
-        meta: {
-          icon: 'ic:round-settings-input-composite',
-          title: $t('demos.outside.title'),
-        },
-        name: 'OutsideDemos',
-        path: '/demos/outside',
-        children: [
-          {
-            name: 'IframeDemos',
-            path: '/demos/outside/iframe',
-            meta: {
-              icon: 'mdi:newspaper-variant-outline',
-              title: $t('demos.outside.embedded'),
-            },
-            children: [
-              {
-                name: 'VueDocumentDemo',
-                path: '/demos/outside/iframe/vue-document',
-                component: IFrameView,
-                meta: {
-                  icon: 'logos:vue',
-                  iframeSrc: 'https://cn.vuejs.org/',
-                  keepAlive: true,
-                  title: 'Vue',
-                },
-              },
-              {
-                name: 'TailwindcssDemo',
-                path: '/demos/outside/iframe/tailwindcss',
-                component: IFrameView,
-                meta: {
-                  icon: 'devicon:tailwindcss',
-                  iframeSrc: 'https://tailwindcss.com/',
-                  // keepAlive: true,
-                  title: 'Tailwindcss',
-                },
-              },
-            ],
-          },
-          {
-            name: 'ExternalLinkDemos',
-            path: '/demos/outside/external-link',
-            meta: {
-              icon: 'mdi:newspaper-variant-multiple-outline',
-              title: $t('demos.outside.externalLink'),
-            },
-            children: [
-              {
-                name: 'ViteDemo',
-                path: '/demos/outside/external-link/vite',
-                component: IFrameView,
-                meta: {
-                  icon: 'logos:vitejs',
-                  link: 'https://vitejs.dev/',
-                  title: 'Vite',
-                },
-              },
-              {
-                name: 'VueUseDemo',
-                path: '/demos/outside/external-link/vue-use',
-                component: IFrameView,
-                meta: {
-                  icon: 'logos:vueuse',
-                  link: 'https://vueuse.org',
-                  title: 'VueUse',
-                },
-              },
-            ],
-          },
-        ],
-      },
-      // 嵌套菜单
-      {
-        meta: {
-          icon: 'ic:round-menu',
-          title: $t('demos.nested.title'),
-        },
-        name: 'NestedDemos',
-        path: '/demos/nested',
-        children: [
-          {
-            name: 'Menu1Demo',
-            path: '/demos/nested/menu1',
-            component: () => import('#/views/demos/nested/menu-1.vue'),
-            meta: {
-              icon: 'ic:round-menu',
-              keepAlive: true,
-              title: $t('demos.nested.menu1'),
-            },
-          },
-          {
-            name: 'Menu2Demo',
-            path: '/demos/nested/menu2',
-            meta: {
-              icon: 'ic:round-menu',
-              keepAlive: true,
-              title: $t('demos.nested.menu2'),
-            },
-            children: [
-              {
-                name: 'Menu21Demo',
-                path: '/demos/nested/menu2/menu2-1',
-                component: () => import('#/views/demos/nested/menu-2-1.vue'),
-                meta: {
-                  icon: 'ic:round-menu',
-                  keepAlive: true,
-                  title: $t('demos.nested.menu2_1'),
-                },
-              },
-            ],
-          },
-          {
-            name: 'Menu3Demo',
-            path: '/demos/nested/menu3',
-            meta: {
-              icon: 'ic:round-menu',
-              title: $t('demos.nested.menu3'),
-            },
-            children: [
-              {
-                name: 'Menu31Demo',
-                path: '/demos/nested/menu3/menu3-1',
-                component: () => import('#/views/demos/nested/menu-3-1.vue'),
-                meta: {
-                  icon: 'ic:round-menu',
-                  keepAlive: true,
-                  title: $t('demos.nested.menu3_1'),
-                },
-              },
-              {
-                name: 'Menu32Demo',
-                path: '/demos/nested/menu3/menu3-2',
-                meta: {
-                  icon: 'ic:round-menu',
-                  title: $t('demos.nested.menu3_2'),
-                },
-                children: [
-                  {
-                    name: 'Menu321Demo',
-                    path: '/demos/nested/menu3/menu3-2/menu3-2-1',
-                    component: () =>
-                      import('#/views/demos/nested/menu-3-2-1.vue'),
-                    meta: {
-                      icon: 'ic:round-menu',
-                      keepAlive: true,
-                      title: $t('demos.nested.menu3_2_1'),
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/playground/src/router/routes/modules/examples.ts b/playground/src/router/routes/modules/examples.ts
deleted file mode 100644
index 2ca6b80dd..000000000
--- a/playground/src/router/routes/modules/examples.ts
+++ /dev/null
@@ -1,335 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'ion:layers-outline',
-      keepAlive: true,
-      order: 1000,
-      title: $t('examples.title'),
-    },
-    name: 'Examples',
-    path: '/examples',
-    children: [
-      {
-        name: 'FormExample',
-        path: '/examples/form',
-        meta: {
-          icon: 'mdi:form-select',
-          title: $t('examples.form.title'),
-        },
-        children: [
-          {
-            name: 'FormBasicExample',
-            path: '/examples/form/basic',
-            component: () => import('#/views/examples/form/basic.vue'),
-            meta: {
-              title: $t('examples.form.basic'),
-            },
-          },
-          {
-            name: 'FormQueryExample',
-            path: '/examples/form/query',
-            component: () => import('#/views/examples/form/query.vue'),
-            meta: {
-              title: $t('examples.form.query'),
-            },
-          },
-          {
-            name: 'FormRulesExample',
-            path: '/examples/form/rules',
-            component: () => import('#/views/examples/form/rules.vue'),
-            meta: {
-              title: $t('examples.form.rules'),
-            },
-          },
-          {
-            name: 'FormDynamicExample',
-            path: '/examples/form/dynamic',
-            component: () => import('#/views/examples/form/dynamic.vue'),
-            meta: {
-              title: $t('examples.form.dynamic'),
-            },
-          },
-          {
-            name: 'FormLayoutExample',
-            path: '/examples/form/custom-layout',
-            component: () => import('#/views/examples/form/custom-layout.vue'),
-            meta: {
-              title: $t('examples.form.layout'),
-            },
-          },
-          {
-            name: 'FormCustomExample',
-            path: '/examples/form/custom',
-            component: () => import('#/views/examples/form/custom.vue'),
-            meta: {
-              title: $t('examples.form.custom'),
-            },
-          },
-          {
-            name: 'FormApiExample',
-            path: '/examples/form/api',
-            component: () => import('#/views/examples/form/api.vue'),
-            meta: {
-              title: $t('examples.form.api'),
-            },
-          },
-          {
-            name: 'FormMergeExample',
-            path: '/examples/form/merge',
-            component: () => import('#/views/examples/form/merge.vue'),
-            meta: {
-              title: $t('examples.form.merge'),
-            },
-          },
-          {
-            name: 'FormScrollToErrorExample',
-            path: '/examples/form/scroll-to-error-test',
-            component: () =>
-              import('#/views/examples/form/scroll-to-error-test.vue'),
-            meta: {
-              title: $t('examples.form.scrollToError'),
-            },
-          },
-        ],
-      },
-      {
-        name: 'VxeTableExample',
-        path: '/examples/vxe-table',
-        meta: {
-          icon: 'lucide:table',
-          title: $t('examples.vxeTable.title'),
-        },
-        children: [
-          {
-            name: 'VxeTableBasicExample',
-            path: '/examples/vxe-table/basic',
-            component: () => import('#/views/examples/vxe-table/basic.vue'),
-            meta: {
-              title: $t('examples.vxeTable.basic'),
-            },
-          },
-          {
-            name: 'VxeTableRemoteExample',
-            path: '/examples/vxe-table/remote',
-            component: () => import('#/views/examples/vxe-table/remote.vue'),
-            meta: {
-              title: $t('examples.vxeTable.remote'),
-            },
-          },
-          {
-            name: 'VxeTableTreeExample',
-            path: '/examples/vxe-table/tree',
-            component: () => import('#/views/examples/vxe-table/tree.vue'),
-            meta: {
-              title: $t('examples.vxeTable.tree'),
-            },
-          },
-          {
-            name: 'VxeTableFixedExample',
-            path: '/examples/vxe-table/fixed',
-            component: () => import('#/views/examples/vxe-table/fixed.vue'),
-            meta: {
-              title: $t('examples.vxeTable.fixed'),
-            },
-          },
-          {
-            name: 'VxeTableCustomCellExample',
-            path: '/examples/vxe-table/custom-cell',
-            component: () =>
-              import('#/views/examples/vxe-table/custom-cell.vue'),
-            meta: {
-              title: $t('examples.vxeTable.custom-cell'),
-            },
-          },
-          {
-            name: 'VxeTableFormExample',
-            path: '/examples/vxe-table/form',
-            component: () => import('#/views/examples/vxe-table/form.vue'),
-            meta: {
-              title: $t('examples.vxeTable.form'),
-            },
-          },
-          {
-            name: 'VxeTableEditCellExample',
-            path: '/examples/vxe-table/edit-cell',
-            component: () => import('#/views/examples/vxe-table/edit-cell.vue'),
-            meta: {
-              title: $t('examples.vxeTable.editCell'),
-            },
-          },
-          {
-            name: 'VxeTableEditRowExample',
-            path: '/examples/vxe-table/edit-row',
-            component: () => import('#/views/examples/vxe-table/edit-row.vue'),
-            meta: {
-              title: $t('examples.vxeTable.editRow'),
-            },
-          },
-          {
-            name: 'VxeTableVirtualExample',
-            path: '/examples/vxe-table/virtual',
-            component: () => import('#/views/examples/vxe-table/virtual.vue'),
-            meta: {
-              title: $t('examples.vxeTable.virtual'),
-            },
-          },
-        ],
-      },
-      {
-        name: 'CaptchaExample',
-        path: '/examples/captcha',
-        meta: {
-          icon: 'logos:recaptcha',
-          title: $t('examples.captcha.title'),
-        },
-        children: [
-          {
-            name: 'DragVerifyExample',
-            path: '/examples/captcha/slider',
-            component: () =>
-              import('#/views/examples/captcha/slider-captcha.vue'),
-            meta: {
-              title: $t('examples.captcha.sliderCaptcha'),
-            },
-          },
-          {
-            name: 'RotateVerifyExample',
-            path: '/examples/captcha/slider-rotate',
-            component: () =>
-              import('#/views/examples/captcha/slider-rotate-captcha.vue'),
-            meta: {
-              title: $t('examples.captcha.sliderRotateCaptcha'),
-            },
-          },
-          {
-            name: 'TranslateVerifyExample',
-            path: '/examples/captcha/slider-translate',
-            component: () =>
-              import('#/views/examples/captcha/slider-translate-captcha.vue'),
-            meta: {
-              title: $t('examples.captcha.sliderTranslateCaptcha'),
-            },
-          },
-          {
-            name: 'CaptchaPointSelectionExample',
-            path: '/examples/captcha/point-selection',
-            component: () =>
-              import('#/views/examples/captcha/point-selection-captcha.vue'),
-            meta: {
-              title: $t('examples.captcha.pointSelection'),
-            },
-          },
-        ],
-      },
-      {
-        name: 'ModalExample',
-        path: '/examples/modal',
-        component: () => import('#/views/examples/modal/index.vue'),
-        meta: {
-          icon: 'system-uicons:window-content',
-          keepAlive: true,
-          title: $t('examples.modal.title'),
-        },
-      },
-      {
-        name: 'DrawerExample',
-        path: '/examples/drawer',
-        component: () => import('#/views/examples/drawer/index.vue'),
-        meta: {
-          icon: 'iconoir:drawer',
-          keepAlive: true,
-          title: $t('examples.drawer.title'),
-        },
-      },
-      {
-        name: 'EllipsisExample',
-        path: '/examples/ellipsis',
-        component: () => import('#/views/examples/ellipsis/index.vue'),
-        meta: {
-          icon: 'ion:ellipsis-horizontal',
-          title: $t('examples.ellipsis.title'),
-        },
-      },
-      {
-        name: 'VueResizeDemo',
-        path: '/demos/resize/basic',
-        component: () => import('#/views/examples/resize/basic.vue'),
-        meta: {
-          icon: 'material-symbols:resize',
-          title: $t('examples.resize.title'),
-        },
-      },
-      {
-        name: 'ColPageDemo',
-        path: '/examples/layout/col-page',
-        component: () => import('#/views/examples/layout/col-page.vue'),
-        meta: {
-          badge: 'Alpha',
-          badgeVariants: 'destructive',
-          icon: 'material-symbols:horizontal-distribute',
-          title: $t('examples.layout.col-page'),
-        },
-      },
-      {
-        name: 'TippyDemo',
-        path: '/examples/tippy',
-        component: () => import('#/views/examples/tippy/index.vue'),
-        meta: {
-          icon: 'mdi:message-settings-outline',
-          title: 'Tippy',
-        },
-      },
-      {
-        name: 'JsonViewer',
-        path: '/examples/json-viewer',
-        component: () => import('#/views/examples/json-viewer/index.vue'),
-        meta: {
-          icon: 'tabler:json',
-          title: 'JsonViewer',
-        },
-      },
-      {
-        name: 'Motion',
-        path: '/examples/motion',
-        component: () => import('#/views/examples/motion/index.vue'),
-        meta: {
-          icon: 'mdi:animation-play',
-          title: 'Motion',
-        },
-      },
-      {
-        name: 'CountTo',
-        path: '/examples/count-to',
-        component: () => import('#/views/examples/count-to/index.vue'),
-        meta: {
-          icon: 'mdi:animation-play',
-          title: 'CountTo',
-        },
-      },
-      {
-        name: 'Loading',
-        path: '/examples/loading',
-        component: () => import('#/views/examples/loading/index.vue'),
-        meta: {
-          icon: 'mdi:circle-double',
-          title: 'Loading',
-        },
-      },
-      {
-        name: 'ButtonGroup',
-        path: '/examples/button-group',
-        component: () => import('#/views/examples/button-group/index.vue'),
-        meta: {
-          icon: 'mdi:check-circle',
-          title: $t('examples.button-group.title'),
-        },
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/playground/src/router/routes/modules/system.ts b/playground/src/router/routes/modules/system.ts
deleted file mode 100644
index e1bf71255..000000000
--- a/playground/src/router/routes/modules/system.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'ion:settings-outline',
-      order: 9997,
-      title: $t('system.title'),
-    },
-    name: 'System',
-    path: '/system',
-    children: [
-      {
-        path: '/system/role',
-        name: 'SystemRole',
-        meta: {
-          icon: 'mdi:account-group',
-          title: $t('system.role.title'),
-        },
-        component: () => import('#/views/system/role/list.vue'),
-      },
-      {
-        path: '/system/menu',
-        name: 'SystemMenu',
-        meta: {
-          icon: 'mdi:menu',
-          title: $t('system.menu.title'),
-        },
-        component: () => import('#/views/system/menu/list.vue'),
-      },
-      {
-        path: '/system/dept',
-        name: 'SystemDept',
-        meta: {
-          icon: 'charm:organisation',
-          title: $t('system.dept.title'),
-        },
-        component: () => import('#/views/system/dept/list.vue'),
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/playground/src/router/routes/modules/vben.ts b/playground/src/router/routes/modules/vben.ts
deleted file mode 100644
index 1c1777980..000000000
--- a/playground/src/router/routes/modules/vben.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import {
-  VBEN_ANT_PREVIEW_URL,
-  VBEN_DOC_URL,
-  VBEN_ELE_PREVIEW_URL,
-  VBEN_GITHUB_URL,
-  VBEN_LOGO_URL,
-  VBEN_NAIVE_PREVIEW_URL,
-  VBEN_TD_PREVIEW_URL,
-} from '@vben/constants';
-import { SvgAntdvLogoIcon, SvgTDesignIcon } from '@vben/icons';
-
-import { IFrameView } from '#/layouts';
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      badgeType: 'dot',
-      icon: VBEN_LOGO_URL,
-      order: 9998,
-      title: $t('demos.vben.title'),
-    },
-    name: 'VbenProject',
-    path: '/vben-admin',
-    children: [
-      {
-        name: 'VbenDocument',
-        path: '/vben-admin/document',
-        component: IFrameView,
-        meta: {
-          icon: 'lucide:book-open-text',
-          link: VBEN_DOC_URL,
-          title: $t('demos.vben.document'),
-        },
-      },
-      {
-        name: 'VbenGithub',
-        path: '/vben-admin/github',
-        component: IFrameView,
-        meta: {
-          icon: 'mdi:github',
-          link: VBEN_GITHUB_URL,
-          title: 'Github',
-        },
-      },
-      {
-        name: 'VbenAntdv',
-        path: '/vben-admin/antdv',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: SvgAntdvLogoIcon,
-          link: VBEN_ANT_PREVIEW_URL,
-          title: $t('demos.vben.antdv'),
-        },
-      },
-      {
-        name: 'VbenNaive',
-        path: '/vben-admin/naive',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: 'logos:naiveui',
-          link: VBEN_NAIVE_PREVIEW_URL,
-          title: $t('demos.vben.naive-ui'),
-        },
-      },
-      {
-        name: 'VbenElementPlus',
-        path: '/vben-admin/ele',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: 'logos:element',
-          link: VBEN_ELE_PREVIEW_URL,
-          title: $t('demos.vben.element-plus'),
-        },
-      },
-      {
-        name: 'VbenTDesign',
-        path: '/vben-admin/tdesign',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: SvgTDesignIcon,
-          link: VBEN_TD_PREVIEW_URL,
-          title: $t('demos.vben.tdesign'),
-        },
-      },
-    ],
-  },
-  {
-    component: () => import('#/views/_core/about/index.vue'),
-    meta: {
-      icon: 'lucide:copyright',
-      order: 9999,
-      title: $t('demos.vben.about'),
-    },
-    name: 'VbenAbout',
-    path: '/vben-admin/about',
-  },
-];
-
-export default routes;
diff --git a/playground/src/store/auth.ts b/playground/src/store/auth.ts
deleted file mode 100644
index 4adeb76e1..000000000
--- a/playground/src/store/auth.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import type { Recordable, UserInfo } from '@vben/types';
-
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { LOGIN_PATH } from '@vben/constants';
-import { preferences } from '@vben/preferences';
-import { resetAllStores, useAccessStore, useUserStore } from '@vben/stores';
-
-import { notification } from 'ant-design-vue';
-import { defineStore } from 'pinia';
-
-import { getAccessCodesApi, getUserInfoApi, loginApi, logoutApi } from '#/api';
-import { $t } from '#/locales';
-
-export const useAuthStore = defineStore('auth', () => {
-  const accessStore = useAccessStore();
-  const userStore = useUserStore();
-  const router = useRouter();
-
-  const loginLoading = ref(false);
-
-  /**
-   * 异步处理登录操作
-   * Asynchronously handle the login process
-   * @param params 登录表单数据
-   * @param onSuccess 成功之后的回调函数
-   */
-  async function authLogin(
-    params: Recordable<any>,
-    onSuccess?: () => Promise<void> | void,
-  ) {
-    // 异步处理用户登录操作并获取 accessToken
-    let userInfo: null | UserInfo = null;
-    try {
-      loginLoading.value = true;
-      const { accessToken } = await loginApi(params);
-
-      // 如果成功获取到 accessToken
-      if (accessToken) {
-        accessStore.setAccessToken(accessToken);
-
-        // 获取用户信息并存储到 accessStore 中
-        const [fetchUserInfoResult, accessCodes] = await Promise.all([
-          fetchUserInfo(),
-          getAccessCodesApi(),
-        ]);
-
-        userInfo = fetchUserInfoResult;
-
-        userStore.setUserInfo(userInfo);
-        accessStore.setAccessCodes(accessCodes);
-
-        if (accessStore.loginExpired) {
-          accessStore.setLoginExpired(false);
-        } else {
-          onSuccess
-            ? await onSuccess?.()
-            : await router.push(
-                userInfo.homePath || preferences.app.defaultHomePath,
-              );
-        }
-
-        if (userInfo?.realName) {
-          notification.success({
-            description: `${$t('authentication.loginSuccessDesc')}:${userInfo?.realName}`,
-            duration: 3,
-            message: $t('authentication.loginSuccess'),
-          });
-        }
-      }
-    } finally {
-      loginLoading.value = false;
-    }
-
-    return {
-      userInfo,
-    };
-  }
-
-  async function logout(redirect: boolean = true) {
-    try {
-      await logoutApi();
-    } catch {
-      // 不做任何处理
-    }
-
-    resetAllStores();
-    accessStore.setLoginExpired(false);
-
-    // 回登录页带上当前路由地址
-    await router.replace({
-      path: LOGIN_PATH,
-      query: redirect
-        ? {
-            redirect: encodeURIComponent(router.currentRoute.value.fullPath),
-          }
-        : {},
-    });
-  }
-
-  async function fetchUserInfo() {
-    let userInfo: null | UserInfo = null;
-    userInfo = await getUserInfoApi();
-    userStore.setUserInfo(userInfo);
-    return userInfo;
-  }
-
-  function $reset() {
-    loginLoading.value = false;
-  }
-
-  return {
-    $reset,
-    authLogin,
-    fetchUserInfo,
-    loginLoading,
-    logout,
-  };
-});
diff --git a/playground/src/store/index.ts b/playground/src/store/index.ts
deleted file mode 100644
index 269586ee8..000000000
--- a/playground/src/store/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './auth';
diff --git a/playground/src/timezone-init.ts b/playground/src/timezone-init.ts
deleted file mode 100644
index 1d82bd473..000000000
--- a/playground/src/timezone-init.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { setTimezoneHandler } from '@vben/stores';
-
-import { getTimezoneApi, getTimezoneOptionsApi, setTimezoneApi } from '#/api';
-
-/**
- * 初始化时区处理，通过API保存时区设置
- */
-export function initTimezone() {
-  setTimezoneHandler({
-    getTimezone() {
-      return getTimezoneApi();
-    },
-    setTimezone(timezone: string) {
-      return setTimezoneApi(timezone);
-    },
-    getTimezoneOptions() {
-      return getTimezoneOptionsApi();
-    },
-  });
-}
diff --git a/playground/src/views/_core/README.md b/playground/src/views/_core/README.md
deleted file mode 100644
index 8248afe6c..000000000
--- a/playground/src/views/_core/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# \_core
-
-此目录包含应用程序正常运行所需的基本视图。这些视图是应用程序布局中使用的视图。
diff --git a/playground/src/views/_core/about/index.vue b/playground/src/views/_core/about/index.vue
deleted file mode 100644
index 0ee524335..000000000
--- a/playground/src/views/_core/about/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-import { About } from '@vben/common-ui';
-
-defineOptions({ name: 'About' });
-</script>
-
-<template>
-  <About />
-</template>
diff --git a/playground/src/views/_core/authentication/code-login.vue b/playground/src/views/_core/authentication/code-login.vue
deleted file mode 100644
index 3b50c6269..000000000
--- a/playground/src/views/_core/authentication/code-login.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormSchema } from '@vben/common-ui';
-import type { Recordable } from '@vben/types';
-
-import { computed, ref, useTemplateRef } from 'vue';
-
-import { AuthenticationCodeLogin, z } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-import { message } from 'ant-design-vue';
-
-defineOptions({ name: 'CodeLogin' });
-
-const loading = ref(false);
-const CODE_LENGTH = 6;
-const loginRef =
-  useTemplateRef<InstanceType<typeof AuthenticationCodeLogin>>('loginRef');
-function sendCodeApi(phoneNumber: string) {
-  message.loading({
-    content: $t('page.auth.sendingCode'),
-    duration: 0,
-    key: 'sending-code',
-  });
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      message.success({
-        content: $t('page.auth.codeSentTo', [phoneNumber]),
-        duration: 3,
-        key: 'sending-code',
-      });
-      resolve({ code: '123456', phoneNumber });
-    }, 3000);
-  });
-}
-const formSchema = computed((): VbenFormSchema[] => {
-  return [
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: $t('authentication.mobile'),
-      },
-      fieldName: 'phoneNumber',
-      label: $t('authentication.mobile'),
-      rules: z
-        .string()
-        .min(1, { message: $t('authentication.mobileTip') })
-        .refine((v) => /^\d{11}$/.test(v), {
-          message: $t('authentication.mobileErrortip'),
-        }),
-    },
-    {
-      component: 'VbenPinInput',
-      componentProps: {
-        codeLength: CODE_LENGTH,
-        createText: (countdown: number) => {
-          const text =
-            countdown > 0
-              ? $t('authentication.sendText', [countdown])
-              : $t('authentication.sendCode');
-          return text;
-        },
-        handleSendCode: async () => {
-          // 模拟发送验证码
-          // Simulate sending verification code
-          loading.value = true;
-          const formApi = loginRef.value?.getFormApi();
-          if (!formApi) {
-            loading.value = false;
-            throw new Error('formApi is not ready');
-          }
-          await formApi.validateField('phoneNumber');
-          const isPhoneReady = await formApi.isFieldValid('phoneNumber');
-          if (!isPhoneReady) {
-            loading.value = false;
-            throw new Error('Phone number is not Ready');
-          }
-          const { phoneNumber } = await formApi.getValues();
-          await sendCodeApi(phoneNumber);
-          loading.value = false;
-        },
-        placeholder: $t('authentication.code'),
-      },
-      fieldName: 'code',
-      label: $t('authentication.code'),
-      rules: z.string().length(CODE_LENGTH, {
-        message: $t('authentication.codeTip', [CODE_LENGTH]),
-      }),
-    },
-  ];
-});
-/**
- * 异步处理登录操作
- * Asynchronously handle the login process
- * @param values 登录表单数据
- */
-async function handleLogin(values: Recordable<any>) {
-  // eslint-disable-next-line no-console
-  console.log(values);
-}
-</script>
-
-<template>
-  <AuthenticationCodeLogin
-    ref="loginRef"
-    :form-schema="formSchema"
-    :loading="loading"
-    @submit="handleLogin"
-  />
-</template>
diff --git a/playground/src/views/_core/authentication/forget-password.vue b/playground/src/views/_core/authentication/forget-password.vue
deleted file mode 100644
index 34491113f..000000000
--- a/playground/src/views/_core/authentication/forget-password.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormSchema } from '@vben/common-ui';
-
-import { computed, ref } from 'vue';
-
-import { AuthenticationForgetPassword, z } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-defineOptions({ name: 'ForgetPassword' });
-
-const loading = ref(false);
-
-const formSchema = computed((): VbenFormSchema[] => {
-  return [
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: 'example@example.com',
-      },
-      fieldName: 'email',
-      label: $t('authentication.email'),
-      rules: z
-        .string()
-        .min(1, { message: $t('authentication.emailTip') })
-        .email($t('authentication.emailValidErrorTip')),
-    },
-  ];
-});
-
-function handleSubmit(value: Record<string, any>) {
-  // eslint-disable-next-line no-console
-  console.log('reset email:', value);
-}
-</script>
-
-<template>
-  <AuthenticationForgetPassword
-    :form-schema="formSchema"
-    :loading="loading"
-    @submit="handleSubmit"
-  />
-</template>
diff --git a/playground/src/views/_core/authentication/login.vue b/playground/src/views/_core/authentication/login.vue
deleted file mode 100644
index 162398e05..000000000
--- a/playground/src/views/_core/authentication/login.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormSchema } from '@vben/common-ui';
-import type { BasicOption, Recordable } from '@vben/types';
-
-import { computed, markRaw, useTemplateRef } from 'vue';
-
-import { AuthenticationLogin, SliderCaptcha, z } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-import { useAuthStore } from '#/store';
-
-defineOptions({ name: 'Login' });
-
-const authStore = useAuthStore();
-
-const MOCK_USER_OPTIONS: BasicOption[] = [
-  {
-    label: 'Super',
-    value: 'vben',
-  },
-  {
-    label: 'Admin',
-    value: 'admin',
-  },
-  {
-    label: 'User',
-    value: 'jack',
-  },
-];
-
-const formSchema = computed((): VbenFormSchema[] => {
-  return [
-    {
-      component: 'VbenSelect',
-      // componentProps(_values, form) {
-      //   return {
-      //     'onUpdate:modelValue': (value: string) => {
-      //       const findItem = MOCK_USER_OPTIONS.find(
-      //         (item) => item.value === value,
-      //       );
-      //       if (findItem) {
-      //         form.setValues({
-      //           password: '123456',
-      //           username: findItem.label,
-      //         });
-      //       }
-      //     },
-      //     options: MOCK_USER_OPTIONS,
-      //     placeholder: $t('authentication.selectAccount'),
-      //   };
-      // },
-      componentProps: {
-        options: MOCK_USER_OPTIONS,
-        placeholder: $t('authentication.selectAccount'),
-      },
-      fieldName: 'selectAccount',
-      label: $t('authentication.selectAccount'),
-      rules: z
-        .string()
-        .min(1, { message: $t('authentication.selectAccount') })
-        .optional()
-        .default('vben'),
-    },
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: $t('authentication.usernameTip'),
-      },
-      dependencies: {
-        trigger(values, form) {
-          if (values.selectAccount) {
-            const findUser = MOCK_USER_OPTIONS.find(
-              (item) => item.value === values.selectAccount,
-            );
-            if (findUser) {
-              form.setValues({
-                password: '123456',
-                username: findUser.value,
-              });
-            }
-          }
-        },
-        triggerFields: ['selectAccount'],
-      },
-      fieldName: 'username',
-      label: $t('authentication.username'),
-      rules: z.string().min(1, { message: $t('authentication.usernameTip') }),
-    },
-    {
-      component: 'VbenInputPassword',
-      componentProps: {
-        placeholder: $t('authentication.password'),
-      },
-      fieldName: 'password',
-      label: $t('authentication.password'),
-      rules: z.string().min(1, { message: $t('authentication.passwordTip') }),
-    },
-    {
-      component: markRaw(SliderCaptcha),
-      fieldName: 'captcha',
-      rules: z.boolean().refine((value) => value, {
-        message: $t('authentication.verifyRequiredTip'),
-      }),
-    },
-  ];
-});
-
-const loginRef =
-  useTemplateRef<InstanceType<typeof AuthenticationLogin>>('loginRef');
-
-async function onSubmit(params: Recordable<any>) {
-  authStore.authLogin(params).catch(() => {
-    // 登陆失败，刷新验证码的演示
-    const formApi = loginRef.value?.getFormApi();
-    // 重置验证码组件的值
-    formApi?.setFieldValue('captcha', false, false);
-    // 使用表单API获取验证码组件实例，并调用其resume方法来重置验证码
-    formApi
-      ?.getFieldComponentRef<InstanceType<typeof SliderCaptcha>>('captcha')
-      ?.resume();
-  });
-}
-</script>
-
-<template>
-  <AuthenticationLogin
-    ref="loginRef"
-    :form-schema="formSchema"
-    :loading="authStore.loginLoading"
-    @submit="onSubmit"
-  />
-</template>
diff --git a/playground/src/views/_core/authentication/qrcode-login.vue b/playground/src/views/_core/authentication/qrcode-login.vue
deleted file mode 100644
index 23f5f2dad..000000000
--- a/playground/src/views/_core/authentication/qrcode-login.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-import { AuthenticationQrCodeLogin } from '@vben/common-ui';
-import { LOGIN_PATH } from '@vben/constants';
-
-defineOptions({ name: 'QrCodeLogin' });
-</script>
-
-<template>
-  <AuthenticationQrCodeLogin :login-path="LOGIN_PATH" />
-</template>
diff --git a/playground/src/views/_core/authentication/register.vue b/playground/src/views/_core/authentication/register.vue
deleted file mode 100644
index b1a5de726..000000000
--- a/playground/src/views/_core/authentication/register.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormSchema } from '@vben/common-ui';
-import type { Recordable } from '@vben/types';
-
-import { computed, h, ref } from 'vue';
-
-import { AuthenticationRegister, z } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-
-defineOptions({ name: 'Register' });
-
-const loading = ref(false);
-
-const formSchema = computed((): VbenFormSchema[] => {
-  return [
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: $t('authentication.usernameTip'),
-      },
-      fieldName: 'username',
-      label: $t('authentication.username'),
-      rules: z.string().min(1, { message: $t('authentication.usernameTip') }),
-    },
-    {
-      component: 'VbenInputPassword',
-      componentProps: {
-        passwordStrength: true,
-        placeholder: $t('authentication.password'),
-      },
-      fieldName: 'password',
-      label: $t('authentication.password'),
-      renderComponentContent() {
-        return {
-          strengthText: () => $t('authentication.passwordStrength'),
-        };
-      },
-      rules: z.string().min(1, { message: $t('authentication.passwordTip') }),
-    },
-    {
-      component: 'VbenInputPassword',
-      componentProps: {
-        placeholder: $t('authentication.confirmPassword'),
-      },
-      dependencies: {
-        rules(values) {
-          const { password } = values;
-          return z
-            .string({ required_error: $t('authentication.passwordTip') })
-            .min(1, { message: $t('authentication.passwordTip') })
-            .refine((value) => value === password, {
-              message: $t('authentication.confirmPasswordTip'),
-            });
-        },
-        triggerFields: ['password'],
-      },
-      fieldName: 'confirmPassword',
-      label: $t('authentication.confirmPassword'),
-    },
-    {
-      component: 'VbenCheckbox',
-      fieldName: 'agreePolicy',
-      renderComponentContent: () => ({
-        default: () =>
-          h('span', [
-            $t('authentication.agree'),
-            h(
-              'a',
-              {
-                class: 'vben-link ml-1 ',
-                href: '',
-              },
-              `${$t('authentication.privacyPolicy')} & ${$t('authentication.terms')}`,
-            ),
-          ]),
-      }),
-      rules: z.boolean().refine((value) => !!value, {
-        message: $t('authentication.agreeTip'),
-      }),
-    },
-  ];
-});
-
-function handleSubmit(value: Recordable<any>) {
-  // eslint-disable-next-line no-console
-  console.log('register submit:', value);
-}
-</script>
-
-<template>
-  <AuthenticationRegister
-    :form-schema="formSchema"
-    :loading="loading"
-    @submit="handleSubmit"
-  />
-</template>
diff --git a/playground/src/views/_core/fallback/coming-soon.vue b/playground/src/views/_core/fallback/coming-soon.vue
deleted file mode 100644
index f394930f2..000000000
--- a/playground/src/views/_core/fallback/coming-soon.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback status="coming-soon" />
-</template>
diff --git a/playground/src/views/_core/fallback/forbidden.vue b/playground/src/views/_core/fallback/forbidden.vue
deleted file mode 100644
index 8ea65fedb..000000000
--- a/playground/src/views/_core/fallback/forbidden.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-
-defineOptions({ name: 'Fallback403Demo' });
-</script>
-
-<template>
-  <Fallback status="403" />
-</template>
diff --git a/playground/src/views/_core/fallback/internal-error.vue b/playground/src/views/_core/fallback/internal-error.vue
deleted file mode 100644
index 819a47d5e..000000000
--- a/playground/src/views/_core/fallback/internal-error.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-
-defineOptions({ name: 'Fallback500Demo' });
-</script>
-
-<template>
-  <Fallback status="500" />
-</template>
diff --git a/playground/src/views/_core/fallback/not-found.vue b/playground/src/views/_core/fallback/not-found.vue
deleted file mode 100644
index 4d178e9cb..000000000
--- a/playground/src/views/_core/fallback/not-found.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-
-defineOptions({ name: 'Fallback404Demo' });
-</script>
-
-<template>
-  <Fallback status="404" />
-</template>
diff --git a/playground/src/views/_core/fallback/offline.vue b/playground/src/views/_core/fallback/offline.vue
deleted file mode 100644
index 5de4a88de..000000000
--- a/playground/src/views/_core/fallback/offline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-
-defineOptions({ name: 'FallbackOfflineDemo' });
-</script>
-
-<template>
-  <Fallback status="offline" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/analytics-trends.vue b/playground/src/views/dashboard/analytics/analytics-trends.vue
deleted file mode 100644
index f1f0b232a..000000000
--- a/playground/src/views/dashboard/analytics/analytics-trends.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
-
-import { onMounted, ref } from 'vue';
-
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-const chartRef = ref<EchartsUIType>();
-const { renderEcharts } = useEcharts(chartRef);
-
-onMounted(() => {
-  renderEcharts({
-    grid: {
-      bottom: 0,
-      containLabel: true,
-      left: '1%',
-      right: '1%',
-      top: '2 %',
-    },
-    series: [
-      {
-        areaStyle: {},
-        data: [
-          111, 2000, 6000, 16_000, 33_333, 55_555, 64_000, 33_333, 18_000,
-          36_000, 70_000, 42_444, 23_222, 13_000, 8000, 4000, 1200, 333, 222,
-          111,
-        ],
-        itemStyle: {
-          color: '#5ab1ef',
-        },
-        smooth: true,
-        type: 'line',
-      },
-      {
-        areaStyle: {},
-        data: [
-          33, 66, 88, 333, 3333, 6200, 20_000, 3000, 1200, 13_000, 22_000,
-          11_000, 2221, 1201, 390, 198, 60, 30, 22, 11,
-        ],
-        itemStyle: {
-          color: '#019680',
-        },
-        smooth: true,
-        type: 'line',
-      },
-    ],
-    tooltip: {
-      axisPointer: {
-        lineStyle: {
-          color: '#019680',
-          width: 1,
-        },
-      },
-      trigger: 'axis',
-    },
-    // xAxis: {
-    //   axisTick: {
-    //     show: false,
-    //   },
-    //   boundaryGap: false,
-    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
-    //   type: 'category',
-    // },
-    xAxis: {
-      axisTick: {
-        show: false,
-      },
-      boundaryGap: false,
-      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
-      splitLine: {
-        lineStyle: {
-          type: 'solid',
-          width: 1,
-        },
-        show: true,
-      },
-      type: 'category',
-    },
-    yAxis: [
-      {
-        axisTick: {
-          show: false,
-        },
-        max: 80_000,
-        splitArea: {
-          show: true,
-        },
-        splitNumber: 4,
-        type: 'value',
-      },
-    ],
-  });
-});
-</script>
-
-<template>
-  <EchartsUI ref="chartRef" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/analytics-visits-data.vue b/playground/src/views/dashboard/analytics/analytics-visits-data.vue
deleted file mode 100644
index 190fb41f4..000000000
--- a/playground/src/views/dashboard/analytics/analytics-visits-data.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
-
-import { onMounted, ref } from 'vue';
-
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-const chartRef = ref<EchartsUIType>();
-const { renderEcharts } = useEcharts(chartRef);
-
-onMounted(() => {
-  renderEcharts({
-    legend: {
-      bottom: 0,
-      data: ['访问', '趋势'],
-    },
-    radar: {
-      indicator: [
-        {
-          name: '网页',
-        },
-        {
-          name: '移动端',
-        },
-        {
-          name: 'Ipad',
-        },
-        {
-          name: '客户端',
-        },
-        {
-          name: '第三方',
-        },
-        {
-          name: '其它',
-        },
-      ],
-      radius: '60%',
-      splitNumber: 8,
-    },
-    series: [
-      {
-        areaStyle: {
-          opacity: 1,
-          shadowBlur: 0,
-          shadowColor: 'rgba(0,0,0,.2)',
-          shadowOffsetX: 0,
-          shadowOffsetY: 10,
-        },
-        data: [
-          {
-            itemStyle: {
-              color: '#b6a2de',
-            },
-            name: '访问',
-            value: [90, 50, 86, 40, 50, 20],
-          },
-          {
-            itemStyle: {
-              color: '#5ab1ef',
-            },
-            name: '趋势',
-            value: [70, 75, 70, 76, 20, 85],
-          },
-        ],
-        itemStyle: {
-          // borderColor: '#fff',
-          borderRadius: 10,
-          borderWidth: 2,
-        },
-        symbolSize: 0,
-        type: 'radar',
-      },
-    ],
-    tooltip: {},
-  });
-});
-</script>
-
-<template>
-  <EchartsUI ref="chartRef" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/analytics-visits-sales.vue b/playground/src/views/dashboard/analytics/analytics-visits-sales.vue
deleted file mode 100644
index 02f509123..000000000
--- a/playground/src/views/dashboard/analytics/analytics-visits-sales.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
-
-import { onMounted, ref } from 'vue';
-
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-const chartRef = ref<EchartsUIType>();
-const { renderEcharts } = useEcharts(chartRef);
-
-onMounted(() => {
-  renderEcharts({
-    series: [
-      {
-        animationDelay() {
-          return Math.random() * 400;
-        },
-        animationEasing: 'exponentialInOut',
-        animationType: 'scale',
-        center: ['50%', '50%'],
-        color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
-        data: [
-          { name: '外包', value: 500 },
-          { name: '定制', value: 310 },
-          { name: '技术支持', value: 274 },
-          { name: '远程', value: 400 },
-        ].sort((a, b) => {
-          return a.value - b.value;
-        }),
-        name: '商业占比',
-        radius: '80%',
-        roseType: 'radius',
-        type: 'pie',
-      },
-    ],
-
-    tooltip: {
-      trigger: 'item',
-    },
-  });
-});
-</script>
-
-<template>
-  <EchartsUI ref="chartRef" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/analytics-visits-source.vue b/playground/src/views/dashboard/analytics/analytics-visits-source.vue
deleted file mode 100644
index 0915c7af7..000000000
--- a/playground/src/views/dashboard/analytics/analytics-visits-source.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
-
-import { onMounted, ref } from 'vue';
-
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-const chartRef = ref<EchartsUIType>();
-const { renderEcharts } = useEcharts(chartRef);
-
-onMounted(() => {
-  renderEcharts({
-    legend: {
-      bottom: '2%',
-      left: 'center',
-    },
-    series: [
-      {
-        animationDelay() {
-          return Math.random() * 100;
-        },
-        animationEasing: 'exponentialInOut',
-        animationType: 'scale',
-        avoidLabelOverlap: false,
-        color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
-        data: [
-          { name: '搜索引擎', value: 1048 },
-          { name: '直接访问', value: 735 },
-          { name: '邮件营销', value: 580 },
-          { name: '联盟广告', value: 484 },
-        ],
-        emphasis: {
-          label: {
-            fontSize: '12',
-            fontWeight: 'bold',
-            show: true,
-          },
-        },
-        itemStyle: {
-          // borderColor: '#fff',
-          borderRadius: 10,
-          borderWidth: 2,
-        },
-        label: {
-          position: 'center',
-          show: false,
-        },
-        labelLine: {
-          show: false,
-        },
-        name: '访问来源',
-        radius: ['40%', '65%'],
-        type: 'pie',
-      },
-    ],
-    tooltip: {
-      trigger: 'item',
-    },
-  });
-});
-</script>
-
-<template>
-  <EchartsUI ref="chartRef" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/analytics-visits.vue b/playground/src/views/dashboard/analytics/analytics-visits.vue
deleted file mode 100644
index 7e0f10133..000000000
--- a/playground/src/views/dashboard/analytics/analytics-visits.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
-
-import { onMounted, ref } from 'vue';
-
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-const chartRef = ref<EchartsUIType>();
-const { renderEcharts } = useEcharts(chartRef);
-
-onMounted(() => {
-  renderEcharts({
-    grid: {
-      bottom: 0,
-      containLabel: true,
-      left: '1%',
-      right: '1%',
-      top: '2 %',
-    },
-    series: [
-      {
-        barMaxWidth: 80,
-        // color: '#4f69fd',
-        data: [
-          3000, 2000, 3333, 5000, 3200, 4200, 3200, 2100, 3000, 5100, 6000,
-          3200, 4800,
-        ],
-        type: 'bar',
-      },
-    ],
-    tooltip: {
-      axisPointer: {
-        lineStyle: {
-          // color: '#4f69fd',
-          width: 1,
-        },
-      },
-      trigger: 'axis',
-    },
-    xAxis: {
-      data: Array.from({ length: 12 }).map((_item, index) => `${index + 1}月`),
-      type: 'category',
-    },
-    yAxis: {
-      max: 8000,
-      splitNumber: 4,
-      type: 'value',
-    },
-  });
-});
-</script>
-
-<template>
-  <EchartsUI ref="chartRef" />
-</template>
diff --git a/playground/src/views/dashboard/analytics/index.vue b/playground/src/views/dashboard/analytics/index.vue
deleted file mode 100644
index 5e3d6d285..000000000
--- a/playground/src/views/dashboard/analytics/index.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts" setup>
-import type { AnalysisOverviewItem } from '@vben/common-ui';
-import type { TabOption } from '@vben/types';
-
-import {
-  AnalysisChartCard,
-  AnalysisChartsTabs,
-  AnalysisOverview,
-} from '@vben/common-ui';
-import {
-  SvgBellIcon,
-  SvgCakeIcon,
-  SvgCardIcon,
-  SvgDownloadIcon,
-} from '@vben/icons';
-
-import AnalyticsTrends from './analytics-trends.vue';
-import AnalyticsVisitsData from './analytics-visits-data.vue';
-import AnalyticsVisitsSales from './analytics-visits-sales.vue';
-import AnalyticsVisitsSource from './analytics-visits-source.vue';
-import AnalyticsVisits from './analytics-visits.vue';
-
-const overviewItems: AnalysisOverviewItem[] = [
-  {
-    icon: SvgCardIcon,
-    title: '用户量',
-    totalTitle: '总用户量',
-    totalValue: 120_000,
-    value: 2000,
-  },
-  {
-    icon: SvgCakeIcon,
-    title: '访问量',
-    totalTitle: '总访问量',
-    totalValue: 500_000,
-    value: 20_000,
-  },
-  {
-    icon: SvgDownloadIcon,
-    title: '下载量',
-    totalTitle: '总下载量',
-    totalValue: 120_000,
-    value: 8000,
-  },
-  {
-    icon: SvgBellIcon,
-    title: '使用量',
-    totalTitle: '总使用量',
-    totalValue: 50_000,
-    value: 5000,
-  },
-];
-
-const chartTabs: TabOption[] = [
-  {
-    label: '流量趋势',
-    value: 'trends',
-  },
-  {
-    label: '月访问量',
-    value: 'visits',
-  },
-];
-</script>
-
-<template>
-  <div class="p-5">
-    <AnalysisOverview :items="overviewItems" />
-    <AnalysisChartsTabs :tabs="chartTabs" class="mt-5">
-      <template #trends>
-        <AnalyticsTrends />
-      </template>
-      <template #visits>
-        <AnalyticsVisits />
-      </template>
-    </AnalysisChartsTabs>
-
-    <div class="mt-5 w-full md:flex">
-      <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="访问数量">
-        <AnalyticsVisitsData />
-      </AnalysisChartCard>
-      <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="访问来源">
-        <AnalyticsVisitsSource />
-      </AnalysisChartCard>
-      <AnalysisChartCard class="mt-5 md:mt-0 md:w-1/3" title="访问来源">
-        <AnalyticsVisitsSales />
-      </AnalysisChartCard>
-    </div>
-  </div>
-</template>
diff --git a/playground/src/views/dashboard/workspace/index.vue b/playground/src/views/dashboard/workspace/index.vue
deleted file mode 100644
index b95d61381..000000000
--- a/playground/src/views/dashboard/workspace/index.vue
+++ /dev/null
@@ -1,266 +0,0 @@
-<script lang="ts" setup>
-import type {
-  WorkbenchProjectItem,
-  WorkbenchQuickNavItem,
-  WorkbenchTodoItem,
-  WorkbenchTrendItem,
-} from '@vben/common-ui';
-
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import {
-  AnalysisChartCard,
-  WorkbenchHeader,
-  WorkbenchProject,
-  WorkbenchQuickNav,
-  WorkbenchTodo,
-  WorkbenchTrends,
-} from '@vben/common-ui';
-import { preferences } from '@vben/preferences';
-import { useUserStore } from '@vben/stores';
-import { openWindow } from '@vben/utils';
-
-import AnalyticsVisitsSource from '../analytics/analytics-visits-source.vue';
-
-const userStore = useUserStore();
-
-// 这是一个示例数据，实际项目中需要根据实际情况进行调整
-// url 也可以是内部路由，在 navTo 方法中识别处理，进行内部跳转
-// 例如：url: /dashboard/workspace
-const projectItems: WorkbenchProjectItem[] = [
-  {
-    color: '',
-    content: '不要等待机会，而要创造机会。',
-    date: '2021-04-01',
-    group: '开源组',
-    icon: 'carbon:logo-github',
-    title: 'Github',
-    url: 'https://github.com',
-  },
-  {
-    color: '#3fb27f',
-    content: '现在的你决定将来的你。',
-    date: '2021-04-01',
-    group: '算法组',
-    icon: 'ion:logo-vue',
-    title: 'Vue',
-    url: 'https://vuejs.org',
-  },
-  {
-    color: '#e18525',
-    content: '没有什么才能比努力更重要。',
-    date: '2021-04-01',
-    group: '上班摸鱼',
-    icon: 'ion:logo-html5',
-    title: 'Html5',
-    url: 'https://developer.mozilla.org/zh-CN/docs/Web/HTML',
-  },
-  {
-    color: '#bf0c2c',
-    content: '热情和欲望可以突破一切难关。',
-    date: '2021-04-01',
-    group: 'UI',
-    icon: 'ion:logo-angular',
-    title: 'Angular',
-    url: 'https://angular.io',
-  },
-  {
-    color: '#00d8ff',
-    content: '健康的身体是实现目标的基石。',
-    date: '2021-04-01',
-    group: '技术牛',
-    icon: 'bx:bxl-react',
-    title: 'React',
-    url: 'https://reactjs.org',
-  },
-  {
-    color: '#EBD94E',
-    content: '路是走出来的，而不是空想出来的。',
-    date: '2021-04-01',
-    group: '架构组',
-    icon: 'ion:logo-javascript',
-    title: 'Js',
-    url: 'https://developer.mozilla.org/zh-CN/docs/Web/JavaScript',
-  },
-];
-
-// 同样，这里的 url 也可以使用以 http 开头的外部链接
-const quickNavItems: WorkbenchQuickNavItem[] = [
-  {
-    color: '#1fdaca',
-    icon: 'ion:home-outline',
-    title: '首页',
-    url: '/',
-  },
-  {
-    color: '#bf0c2c',
-    icon: 'ion:grid-outline',
-    title: '仪表盘',
-    url: '/dashboard',
-  },
-  {
-    color: '#e18525',
-    icon: 'ion:layers-outline',
-    title: '组件',
-    url: '/demos/features/icons',
-  },
-  {
-    color: '#3fb27f',
-    icon: 'ion:settings-outline',
-    title: '系统管理',
-    url: '/demos/features/login-expired', // 这里的 URL 是示例，实际项目中需要根据实际情况进行调整
-  },
-  {
-    color: '#4daf1bc9',
-    icon: 'ion:key-outline',
-    title: '权限管理',
-    url: '/demos/access/page-control',
-  },
-  {
-    color: '#00d8ff',
-    icon: 'ion:bar-chart-outline',
-    title: '图表',
-    url: '/analytics',
-  },
-];
-
-const todoItems = ref<WorkbenchTodoItem[]>([
-  {
-    completed: false,
-    content: `审查最近提交到Git仓库的前端代码，确保代码质量和规范。`,
-    date: '2024-07-30 11:00:00',
-    title: '审查前端代码提交',
-  },
-  {
-    completed: true,
-    content: `检查并优化系统性能，降低CPU使用率。`,
-    date: '2024-07-30 11:00:00',
-    title: '系统性能优化',
-  },
-  {
-    completed: false,
-    content: `进行系统安全检查，确保没有安全漏洞或未授权的访问。 `,
-    date: '2024-07-30 11:00:00',
-    title: '安全检查',
-  },
-  {
-    completed: false,
-    content: `更新项目中的所有npm依赖包，确保使用最新版本。`,
-    date: '2024-07-30 11:00:00',
-    title: '更新项目依赖',
-  },
-  {
-    completed: false,
-    content: `修复用户报告的页面UI显示问题，确保在不同浏览器中显示一致。 `,
-    date: '2024-07-30 11:00:00',
-    title: '修复UI显示问题',
-  },
-]);
-const trendItems: WorkbenchTrendItem[] = [
-  {
-    avatar: 'svg:avatar-1',
-    content: `在 <a>开源组</a> 创建了项目 <a>Vue</a>`,
-    date: '刚刚',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-2',
-    content: `关注了 <a>威廉</a> `,
-    date: '1个小时前',
-    title: '艾文',
-  },
-  {
-    avatar: 'svg:avatar-3',
-    content: `发布了 <a>个人动态</a> `,
-    date: '1天前',
-    title: '克里斯',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `发表文章 <a>如何编写一个Vite插件</a> `,
-    date: '2天前',
-    title: 'Vben',
-  },
-  {
-    avatar: 'svg:avatar-1',
-    content: `回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>`,
-    date: '3天前',
-    title: '皮特',
-  },
-  {
-    avatar: 'svg:avatar-2',
-    content: `关闭了问题 <a>如何运行项目</a> `,
-    date: '1周前',
-    title: '杰克',
-  },
-  {
-    avatar: 'svg:avatar-3',
-    content: `发布了 <a>个人动态</a> `,
-    date: '1周前',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `推送了代码到 <a>Github</a>`,
-    date: '2021-04-01 20:00',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `发表文章 <a>如何编写使用 Admin Vben</a> `,
-    date: '2021-03-01 20:00',
-    title: 'Vben',
-  },
-];
-
-const router = useRouter();
-
-// 这是一个示例方法，实际项目中需要根据实际情况进行调整
-// This is a sample method, adjust according to the actual project requirements
-function navTo(nav: WorkbenchProjectItem | WorkbenchQuickNavItem) {
-  if (nav.url?.startsWith('http')) {
-    openWindow(nav.url);
-    return;
-  }
-  if (nav.url?.startsWith('/')) {
-    router.push(nav.url).catch((error) => {
-      console.error('Navigation failed:', error);
-    });
-  } else {
-    console.warn(`Unknown URL for navigation item: ${nav.title} -> ${nav.url}`);
-  }
-}
-</script>
-
-<template>
-  <div class="p-5">
-    <WorkbenchHeader
-      :avatar="userStore.userInfo?.avatar || preferences.app.defaultAvatar"
-    >
-      <template #title>
-        早安, {{ userStore.userInfo?.realName }}, 开始您一天的工作吧！
-      </template>
-      <template #description> 今日晴，20℃ - 32℃！ </template>
-    </WorkbenchHeader>
-
-    <div class="mt-5 flex flex-col lg:flex-row">
-      <div class="mr-4 w-full lg:w-3/5">
-        <WorkbenchProject :items="projectItems" title="项目" @click="navTo" />
-        <WorkbenchTrends :items="trendItems" class="mt-5" title="最新动态" />
-      </div>
-      <div class="w-full lg:w-2/5">
-        <WorkbenchQuickNav
-          :items="quickNavItems"
-          class="mt-5 lg:mt-0"
-          title="快捷导航"
-          @click="navTo"
-        />
-        <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
-        <AnalysisChartCard class="mt-5" title="访问来源">
-          <AnalyticsVisitsSource />
-        </AnalysisChartCard>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/playground/src/views/demos/access/admin-visible.vue b/playground/src/views/demos/access/admin-visible.vue
deleted file mode 100644
index 079b93092..000000000
--- a/playground/src/views/demos/access/admin-visible.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="当前页面仅 Admin 账号可见"
-    status="coming-soon"
-    title="页面访问测试"
-  />
-</template>
diff --git a/playground/src/views/demos/access/button-control.vue b/playground/src/views/demos/access/button-control.vue
deleted file mode 100644
index 0966a7be6..000000000
--- a/playground/src/views/demos/access/button-control.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script lang="ts" setup>
-import type { Recordable } from '@vben/types';
-
-import { useRouter } from 'vue-router';
-
-import { AccessControl, useAccess } from '@vben/access';
-import { Page } from '@vben/common-ui';
-import { resetAllStores, useUserStore } from '@vben/stores';
-
-import { Button, Card } from 'ant-design-vue';
-
-import { useAuthStore } from '#/store';
-
-const accounts: Record<string, Recordable<any>> = {
-  admin: {
-    password: '123456',
-    username: 'admin',
-  },
-  super: {
-    password: '123456',
-    username: 'vben',
-  },
-  user: {
-    password: '123456',
-    username: 'jack',
-  },
-};
-
-const { accessMode, hasAccessByCodes } = useAccess();
-const authStore = useAuthStore();
-const userStore = useUserStore();
-const router = useRouter();
-
-function roleButtonType(role: string) {
-  return userStore.userRoles.includes(role) ? 'primary' : 'default';
-}
-
-async function changeAccount(role: string) {
-  if (userStore.userRoles.includes(role)) {
-    return;
-  }
-
-  const account = accounts[role];
-  resetAllStores();
-  if (account) {
-    await authStore.authLogin(account, async () => {
-      router.go(0);
-    });
-  }
-}
-</script>
-
-<template>
-  <Page
-    :title="`${accessMode === 'frontend' ? '前端' : '后端'}按钮访问权限演示`"
-    description="切换不同的账号，观察按钮变化。"
-  >
-    <Card class="mb-5">
-      <template #title>
-        <span class="font-semibold">当前角色:</span>
-        <span class="text-primary mx-4 text-lg">
-          {{ userStore.userRoles?.[0] }}
-        </span>
-      </template>
-
-      <Button :type="roleButtonType('super')" @click="changeAccount('super')">
-        切换为 Super 账号
-      </Button>
-
-      <Button
-        :type="roleButtonType('admin')"
-        class="mx-4"
-        @click="changeAccount('admin')"
-      >
-        切换为 Admin 账号
-      </Button>
-      <Button :type="roleButtonType('user')" @click="changeAccount('user')">
-        切换为 User 账号
-      </Button>
-    </Card>
-
-    <Card class="mb-5" title="组件形式控制 - 权限码">
-      <AccessControl :codes="['AC_100100']" type="code">
-        <Button class="mr-4"> Super 账号可见 ["AC_100100"] </Button>
-      </AccessControl>
-      <AccessControl :codes="['AC_100030']" type="code">
-        <Button class="mr-4"> Admin 账号可见 ["AC_100030"] </Button>
-      </AccessControl>
-      <AccessControl :codes="['AC_1000001']" type="code">
-        <Button class="mr-4"> User 账号可见 ["AC_1000001"] </Button>
-      </AccessControl>
-      <AccessControl :codes="['AC_100100', 'AC_100030']" type="code">
-        <Button class="mr-4">
-          Super & Admin 账号可见 ["AC_100100","AC_100030"]
-        </Button>
-      </AccessControl>
-    </Card>
-
-    <Card
-      v-if="accessMode === 'frontend'"
-      class="mb-5"
-      title="组件形式控制 - 角色"
-    >
-      <AccessControl :codes="['super']" type="role">
-        <Button class="mr-4"> Super 角色可见 </Button>
-      </AccessControl>
-      <AccessControl :codes="['admin']" type="role">
-        <Button class="mr-4"> Admin 角色可见 </Button>
-      </AccessControl>
-      <AccessControl :codes="['user']" type="role">
-        <Button class="mr-4"> User 角色可见 </Button>
-      </AccessControl>
-      <AccessControl :codes="['super', 'admin']" type="role">
-        <Button class="mr-4"> Super & Admin 角色可见 </Button>
-      </AccessControl>
-    </Card>
-
-    <Card class="mb-5" title="函数形式控制">
-      <Button v-if="hasAccessByCodes(['AC_100100'])" class="mr-4">
-        Super 账号可见 ["AC_100100"]
-      </Button>
-      <Button v-if="hasAccessByCodes(['AC_100030'])" class="mr-4">
-        Admin 账号可见 ["AC_100030"]
-      </Button>
-      <Button v-if="hasAccessByCodes(['AC_1000001'])" class="mr-4">
-        User 账号可见 ["AC_1000001"]
-      </Button>
-      <Button v-if="hasAccessByCodes(['AC_100100', 'AC_100030'])" class="mr-4">
-        Super & Admin 账号可见 ["AC_100100","AC_100030"]
-      </Button>
-    </Card>
-
-    <Card class="mb-5" title="指令方式 - 权限码">
-      <Button class="mr-4" v-access:code="['AC_100100']">
-        Super 账号可见 ["AC_100100"]
-      </Button>
-      <Button class="mr-4" v-access:code="['AC_100030']">
-        Admin 账号可见 ["AC_100030"]
-      </Button>
-      <Button class="mr-4" v-access:code="['AC_1000001']">
-        User 账号可见 ["AC_1000001"]
-      </Button>
-      <Button class="mr-4" v-access:code="['AC_100100', 'AC_100030']">
-        Super & Admin 账号可见 ["AC_100100","AC_100030"]
-      </Button>
-    </Card>
-
-    <Card v-if="accessMode === 'frontend'" class="mb-5" title="指令方式 - 角色">
-      <Button class="mr-4" v-access:role="['super']"> Super 角色可见 </Button>
-      <Button class="mr-4" v-access:role="['admin']"> Admin 角色可见 </Button>
-      <Button class="mr-4" v-access:role="['user']"> User 角色可见 </Button>
-      <Button class="mr-4" v-access:role="['super', 'admin']">
-        Super & Admin 角色可见
-      </Button>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/access/index.vue b/playground/src/views/demos/access/index.vue
deleted file mode 100644
index abd55254d..000000000
--- a/playground/src/views/demos/access/index.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts" setup>
-import type { Recordable } from '@vben/types';
-
-import { useRouter } from 'vue-router';
-
-import { useAccess } from '@vben/access';
-import { Page } from '@vben/common-ui';
-import { resetAllStores, useUserStore } from '@vben/stores';
-
-import { Button, Card } from 'ant-design-vue';
-
-import { useAuthStore } from '#/store';
-
-const accounts: Record<string, Recordable<any>> = {
-  admin: {
-    password: '123456',
-    username: 'admin',
-  },
-  super: {
-    password: '123456',
-    username: 'vben',
-  },
-  user: {
-    password: '123456',
-    username: 'jack',
-  },
-};
-
-const { accessMode, toggleAccessMode } = useAccess();
-const userStore = useUserStore();
-const accessStore = useAuthStore();
-const router = useRouter();
-
-function roleButtonType(role: string) {
-  return userStore.userRoles.includes(role) ? 'primary' : 'default';
-}
-
-async function changeAccount(role: string) {
-  if (userStore.userRoles.includes(role)) {
-    return;
-  }
-
-  const account = accounts[role];
-  resetAllStores();
-  if (account) {
-    await accessStore.authLogin(account, async () => {
-      router.go(0);
-    });
-  }
-}
-
-async function handleToggleAccessMode() {
-  if (!accounts.super) {
-    return;
-  }
-  await toggleAccessMode();
-  resetAllStores();
-
-  await accessStore.authLogin(accounts.super, async () => {
-    setTimeout(() => {
-      router.go(0);
-    }, 150);
-  });
-}
-</script>
-
-<template>
-  <Page
-    :title="`${accessMode === 'frontend' ? '前端' : '后端'}页面访问权限演示`"
-    description="切换不同的账号，观察左侧菜单变化。"
-  >
-    <Card class="mb-5" title="权限模式">
-      <span class="font-semibold">当前权限模式:</span>
-      <span class="text-primary mx-4">{{
-        accessMode === 'frontend' ? '前端权限控制' : '后端权限控制'
-      }}</span>
-      <Button type="primary" @click="handleToggleAccessMode">
-        切换为{{ accessMode === 'frontend' ? '后端' : '前端' }}权限模式
-      </Button>
-    </Card>
-    <Card title="账号切换">
-      <Button :type="roleButtonType('super')" @click="changeAccount('super')">
-        切换为 Super 账号
-      </Button>
-
-      <Button
-        :type="roleButtonType('admin')"
-        class="mx-4"
-        @click="changeAccount('admin')"
-      >
-        切换为 Admin 账号
-      </Button>
-      <Button :type="roleButtonType('user')" @click="changeAccount('user')">
-        切换为 User 账号
-      </Button>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/access/menu-visible-403.vue b/playground/src/views/demos/access/menu-visible-403.vue
deleted file mode 100644
index 7e3cde88b..000000000
--- a/playground/src/views/demos/access/menu-visible-403.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="当前页面用户不可见，会被重定向到403页面"
-    status="coming-soon"
-    title="页面访问测试"
-  />
-</template>
diff --git a/playground/src/views/demos/access/super-visible.vue b/playground/src/views/demos/access/super-visible.vue
deleted file mode 100644
index 877fcd115..000000000
--- a/playground/src/views/demos/access/super-visible.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="当前页面仅 Super 账号可见"
-    status="coming-soon"
-    title="页面访问测试"
-  />
-</template>
diff --git a/playground/src/views/demos/access/user-visible.vue b/playground/src/views/demos/access/user-visible.vue
deleted file mode 100644
index a3c5f001d..000000000
--- a/playground/src/views/demos/access/user-visible.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="当前页面仅 User 账号可见"
-    status="coming-soon"
-    title="页面访问测试"
-  />
-</template>
diff --git a/playground/src/views/demos/active-icon/index.vue b/playground/src/views/demos/active-icon/index.vue
deleted file mode 100644
index af9f69aff..000000000
--- a/playground/src/views/demos/active-icon/index.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="用于菜单激活显示不同的图标"
-    status="coming-soon"
-    title="激活图标示例"
-  />
-</template>
diff --git a/playground/src/views/demos/badge/index.vue b/playground/src/views/demos/badge/index.vue
deleted file mode 100644
index fbe22b2e3..000000000
--- a/playground/src/views/demos/badge/index.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts" setup>
-import { reactive } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { Page } from '@vben/common-ui';
-import { useAccessStore } from '@vben/stores';
-
-import { MenuBadge } from '@vben-core/menu-ui';
-
-import { Button, Card, Radio, RadioGroup } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const colors = [
-  { label: '预设：默认', value: 'default' },
-  { label: '预设：关键', value: 'destructive' },
-  { label: '预设：主要', value: 'primary' },
-  { label: '预设：成功', value: 'success' },
-  { label: '自定义', value: 'bg-gray-200 text-black' },
-];
-
-const route = useRoute();
-const accessStore = useAccessStore();
-const menu = accessStore.getMenuByPath(route.path);
-const badgeProps = reactive({
-  badge: menu?.badge as string,
-  badgeType: menu?.badge ? 'normal' : (menu?.badgeType as 'dot' | 'normal'),
-  badgeVariants: menu?.badgeVariants as string,
-});
-
-const [Form] = useVbenForm({
-  handleValuesChange(values) {
-    badgeProps.badge = values.badge;
-    badgeProps.badgeType = values.badgeType;
-    badgeProps.badgeVariants = values.badgeVariants;
-  },
-  schema: [
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        options: [
-          { label: '点徽标', value: 'dot' },
-          { label: '文字徽标', value: 'normal' },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: badgeProps.badgeType,
-      fieldName: 'badgeType',
-      label: '类型',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        maxLength: 4,
-        placeholder: '请输入徽标内容',
-        style: { width: '200px' },
-      },
-      defaultValue: badgeProps.badge,
-      fieldName: 'badge',
-      label: '徽标内容',
-    },
-    {
-      component: 'RadioGroup',
-      defaultValue: badgeProps.badgeVariants,
-      fieldName: 'badgeVariants',
-      label: '颜色',
-    },
-    {
-      component: 'Input',
-      fieldName: 'action',
-    },
-  ],
-  showDefaultActions: false,
-});
-
-function updateMenuBadge() {
-  if (menu) {
-    menu.badge = badgeProps.badge;
-    menu.badgeType = badgeProps.badgeType;
-    menu.badgeVariants = badgeProps.badgeVariants;
-  }
-}
-</script>
-
-<template>
-  <Page
-    description="菜单项上可以显示徽标，这些徽标可以主动更新"
-    title="菜单徽标"
-  >
-    <Card title="徽标更新">
-      <Form>
-        <template #badgeVariants="slotProps">
-          <RadioGroup v-bind="slotProps">
-            <Radio
-              v-for="color in colors"
-              :key="color.value"
-              :value="color.value"
-            >
-              <div
-                :title="color.label"
-                class="flex h-[14px] w-[50px] items-center justify-start"
-              >
-                <MenuBadge
-                  v-bind="{ ...badgeProps, badgeVariants: color.value }"
-                />
-              </div>
-            </Radio>
-          </RadioGroup>
-        </template>
-        <template #action>
-          <Button type="primary" @click="updateMenuBadge">更新徽标</Button>
-        </template>
-      </Form>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/breadcrumb/lateral-detail.vue b/playground/src/views/demos/breadcrumb/lateral-detail.vue
deleted file mode 100644
index 8a4de64e2..000000000
--- a/playground/src/views/demos/breadcrumb/lateral-detail.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts" setup>
-import { useRouter } from 'vue-router';
-
-import { Fallback } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-const router = useRouter();
-</script>
-
-<template>
-  <Fallback
-    description="面包屑导航-平级模式-详情页"
-    status="coming-soon"
-    title="注意观察面包屑导航变化"
-  >
-    <template #action>
-      <Button @click="router.go(-1)">返回</Button>
-    </template>
-  </Fallback>
-</template>
diff --git a/playground/src/views/demos/breadcrumb/lateral.vue b/playground/src/views/demos/breadcrumb/lateral.vue
deleted file mode 100644
index 2c24abff2..000000000
--- a/playground/src/views/demos/breadcrumb/lateral.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts" setup>
-import { useRouter } from 'vue-router';
-
-import { Fallback } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-const router = useRouter();
-
-function details() {
-  router.push({ name: 'BreadcrumbLateralDetailDemo' });
-}
-</script>
-
-<template>
-  <Fallback
-    description="点击查看详情，并观察面包屑导航变化"
-    status="coming-soon"
-    title="面包屑导航-平级模式"
-  >
-    <template #action>
-      <Button type="primary" @click="details">点击查看详情</Button>
-    </template>
-  </Fallback>
-</template>
diff --git a/playground/src/views/demos/breadcrumb/level-detail.vue b/playground/src/views/demos/breadcrumb/level-detail.vue
deleted file mode 100644
index 7aa18d4b0..000000000
--- a/playground/src/views/demos/breadcrumb/level-detail.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="面包屑导航-层级模式-详情页"
-    status="coming-soon"
-    title="注意观察面包屑导航变化"
-  />
-</template>
diff --git a/playground/src/views/demos/features/clipboard/index.vue b/playground/src/views/demos/features/clipboard/index.vue
deleted file mode 100644
index 792315ffa..000000000
--- a/playground/src/views/demos/features/clipboard/index.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { useClipboard } from '@vueuse/core';
-import { Button, Card, Input } from 'ant-design-vue';
-
-const source = ref('Hello');
-const { copy, text } = useClipboard({ legacy: true, source });
-</script>
-
-<template>
-  <Page title="剪切板示例">
-    <Card title="基本使用">
-      <p class="mb-3">
-        Current copied: <code>{{ text || 'none' }}</code>
-      </p>
-      <div class="flex">
-        <Input v-model:value="source" class="mr-3 flex w-[200px]" />
-        <Button type="primary" @click="copy(source)"> Copy </Button>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/file-download/base64.ts b/playground/src/views/demos/features/file-download/base64.ts
deleted file mode 100644
index ee6ac2bc4..000000000
--- a/playground/src/views/demos/features/file-download/base64.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAACXBIWXMAAAsSAAALEgHS3X78AAAAAXNSR0IArs4c6QAAIABJREFUeF7tvQmYZFd1H37eVnv1Nj2rZjQaSSONNJJBCyDABiTAQAxxTGLH4W8HCJgQ5/+3wRAwccDg8NlOjM1nxzGOiQGDHf4QiDFgvLCK3SAZtC8zo5596Z7ea3/Lzfc7956q20/V3dUzPa2e7nqfRtX16r377rv3nHPP8jvnOtQ/+iOwiUfA2cTv3n/1/ghQnwH6RLCpR6DPAJt6+vsv32eAPg1s6hHoM8Cmnv7+y/cZoE8Dm3oE+gywqae///J9BujTwKYegT4DbOrp7798nwH6NLCpR6DPAJt6+vsv32eAPg1s6hHoM8Cmnv7+y/cZoE8Dm3oE+gywqae///J9BujTwKYegT4DbOrp7798nwH6NLCpR6DPAJt6+vsv32eAPg1s6hHoM8Cmnv7+y/cZoE8Dm3oE+gywqae///J9BujTwKYegT4DPEXT/9WxsRzVav7+wT3ZphsVG6EqF0Ma9FrxkBMGo+5h5wp0LYmpGDXVDr/hbcf3KBefyxScI40bWt/yivUH9u7dO/0UvcKGeGyfAVZxGo99dvpN3hPZX1ORMxrFCbmJoiRR5LoOJQlRHCl+mh84FOKPUJGjiOJYkeMQuZ6eDvyNA9dHnkMe7nP4P1JKX6fQrudQcThDuZJPczvqn6/9yMxrbti9e3IVX2nDN9VngIuc4m+fOJHf9/nRx2uz8e6ompDnOVRvxZTxXGrGCSml+DPne0zACROxItdxKGFqdqkZRhS4DhV8n+bDiLKeS1GS8DUtIsoQUStRfD9+a8UJt4+jkPEIbDWyK0/5YZecrUnt9J7pW665ZuvjF/lqm+L2PgNcxDQf/+LkW/2HS78zf77JhNoKI3LIoRDi3hyuQ5SAzoXgIeGJyMOqoAU7xWAE0tcoUuRaBfvwm+c4bYKvRzGvEDnP4/uiRP8+XPKpNJqj8k6P3JJDEwPVD13xjNLrLuL1NsWtfQa4wGk+/Sdzn29Nuj/RrCU02wopA0kea8IfyPg014rahNqMYyZ2+8DAO4Yp8Hfe96gWxe1LioFHjShpMwerRlg9zBWlwKdqGPH3wHWZcXBudE+BijtdcosOnWnWv733ZYXnXuArborb+gxwAdN8/EOzn61M+q9oVBLyw5hYKpt2sr7H6kylpYlTDhCprAz2arDY4wuBR7VwIUNUw5ilfdbHGuEwA4DoE1Lch8FMQNmcS+WtOWYCxyc6l2t87co7C3dewGtuilv6DLDCaT7+halfqzyUfW+9klBUh+LTOSC165HW+1MCn3zoQrABlOLVAN+hvuQ8lxowaH2XEkPwWA1wfzOKn9QO2gATiNqE77AvcC0+YSOUtmRpZG9Abp7IyTo0v7P+O1sOFN62wlfdFJf3GWAF03zo5OTu5NP5Y83J2K03FhK/EDSag4EKQ9U+8LvvONRInV/u8SBoqFbyKddjFcEBVsNqwAa1MZJLWZ+GjVHsb9Huo7G9M0+//urh+5Z73mb7vc8AK5jxQx+oRY0zkVdrhKzmhJZin5bKaLbpuJRVCbmBx9Ld1uGFSXpRh6SLLceljNKMlX6+tANVi1eBkkdbry6QkyHyhvQ0f4u+Ftx5553RCl55w1/aZ4Aep/jo1+Y+OvlV5+fhiIewVa3QeHe0l6fbgdOLDTAEuBHaS/YAbKMVoicfCWFV0edlBYDtgP7kfW0LDO3xySsjyEDUClqnSj+a3d3jK2+Ky/oM0MM0/2BsbCj/2W1T1anEgd4/mA1othkukOjpZlinjxaqQT08alUuwSoARvA9h1WhwhaXvBE91bM7qr+39YbSW1blQRugkT4D9DCJUH3mz8VeWGstSvRpiS7qj918zfWokHQ8OytdNeT6pVYWXAMjGl6hoWxAuaJHQztzlB1x2DWaNBQd2j9x7c37tx/p4dU3/CV9Blhmio99ff6D579Mr/fDiP3yKz0ixyEfnh9ySDlEUGkChW/ap49P2AhhmCxQdcBAOKDz29finM0A3RhN+gjDG27SoR15Km/3yCsRORnAMlSSe5HrrfRdNuL1fQZYYlYfe+z0aPLXg+O12cSJmxEpK8Kbvk0IfTGprn01mhESR/+twQ2KGSRGUMxcExiGQXjLPkLDFGCg5Q6GTChFjuvSSM5jJgBUQrxCzdHw7vLNmRcs185G/73PAEvM8OMfqIXzZ2M/7e/vdgsYAECInCHO0IGk1wSM/wsDcATYc0kBJ2R+g6wHA+B+eI0g1XEv2vBxp+EDPAOknwGWyDAHvkeO/oZ77cMxOIxsLkNDeYe27C2QXyJWhWAUn9sx+y/23DD06Y1O5Eu9X58BFhmdk9+ffe+5z7u/BtRl3GTsZtdDiBskCB0f0hxqi6gpIFrPSHh8alp2GDRXSxzKK20TtFUZxArIpZzSQTCcB8G3EAHmdp028YNpwBxYTZixLKgE2oSrNFbEkeOs61JxJEsjuwJyi0RuQccH7i/fm7n99tsXf8ENzh19Bugywd89dGhg4DO7ZrtFe21fvH2rnF/s94YDou5I6IbjMZHj0GoREe4FQQtTwF4AAxRUzCuELCewJcBo9oE20ioTYg2INAOXhANGsWCFQPxYCZoUTpbvzIxucDpf9PX6DNBlaA79Sa1eG09yjbnmAoPTvhT6uOjiaclfdz3KJzrwpSW4JnwhepHiQvg2MWupriW6MAeelTHMgvO4L5PxqBomC5gKLIFnCANJf3l1cIjKmYCKgxka3BZQZlh7hfCg2R3V3916Q+mtm5EJ+gyQmvUz9838u3Of9f+Ik1EM1gdqjAtIMymyjV0Qm0cJxUZlSTMIVBPXEDMGWuwCECqIWNqCqs4qE4xffhb0f5elPNqQQ5gObYFRbI8S5xmYVWCpSUUMozQU0MjuLLkFIifQeKGxXWe2Xn/9rvObjQn6DJCa8UffX02qMzrghQNECkKDMQodXg4QoK3b4xqcA5PIeRC5/C3EjGtE4oudwBIekdqE2tdjdVFsGOtzOFoOkmr039pJqhml6Kj2vTaTsloEncp0m43vRNFIzqeRKwoLvEKxE9fyL/CLfQbYbCNgve/jf1abrB1PRqJmTLHRm0W3lk9IcfbdmxVB1Bh8F9cmiBAS2bYLArMaSDwATAC6BAELI8g5gT500+txLbw+YAowJ75DxZKVA9/BHLLKdINRuIFP20qe9gqViZycw9Dp+kDjy4O35V+0mUigvwKY2T724NQrqn+T/Wx1JmTgGohX/PMsjVO4HvmOz6rrMxHiH7sujcSWwYWNAIIVF6e4K+vGEJa22EYIXKpFWre3Vxx0UyLJIPzQqF14hhjYtoqFtks+tSHWer0w2CQHSTsBlW2vEOwBIjpzxfQr9l438vnNwgR9BjAz/dgf1OLKZOwu5vMHQ8CgLScRVVyfDWAhaNHN8V3+1r78xKgqHf0fRApCRzuLHTYATlQtXMueIGg0lhdImCJtUOM7XKdgJDAImBPvIJ4oPxdQSRFt2V2g4mgHK4TnfOuqo/k79+1rbAYm6DMAER3+q8q9cz9Qt0Jw1xpR2/gUvzoIvpQgTNWRoiJNZaWwI7uQs/Ld912KTarjkwbbAhChHUh2eI9gzCLnHfq6xAKg4kiwy3a1iiq2QMITEVYAKFcIqOFOfM9QssB96gUeDfguje4uUGGHy7nEOBpu8/TA83NclmWjH5ueAY4cOX3l7MfKx5I4oWpL43EkggvJyfq+CTQJpiftDQKRQLJDcqcjwQJvwCerKMZI1l4ejfORFQUEjvsh1XMGdgGmAAGLWoX7uD9mJRA7AZ4jGM1Qm2wGEU+TjS2SezzfozJyB0QVKlCbCSo7G388ciD/7/oMsMFH4PE/rMbzE4nbrEOr1m5I0b1BNOL9EbXE9vaIjYBz2vB1FkSBObBlSqGIdIcBiwPXZlXMahWugfqE69EWVJycWQmartvGCGF1qLk+B9AiE/YCw4q6ZUeDGV5hBcckFiHGsfQ3mw8orxRt2Z6ngd0euTkNmMNx4sqJ6665ZtuhjUwCm3oFOPH1yv+a+jr9qyjs+PyhKkDXBmwZ0Vk7SCUuUTFiRbriHhCipMbjfhCcECCkNohdAmOs4rDPX7cPYgURgyghybECaebR/kswJVYErAxQxdASVpM2wI5/R391vEIwRGBppMwL0+pn6Wc0XI+fg+9FwKaVou1XFylbdshDGiUzUNLM3+nl+gywAUfgofHxkvPR4nx9PqGw3mL92wav4ZWhmoixKlgdrfNraQ1pXjRGMUgGf4sur92UOiUSBAmiw3cYxmAQSHMQrBirxSSmqusx44CIhaGwGqAtGM4Ch8AKAOLW6hFWD+21EqNcsEMMmjPBNfQf7ITnwDgW4xr3BPkMFRJFxQGfRq/Mkb/VlKGDy3UovKdwS+YZG5AE+JU27Qrw+IcbM5Vj4WAjUuS2OtldQkgy4SAcDUVImHjxO75DEuPAd/wDceEcmEaMT0hc8cTgHhAyfgOha9tAEzcIGvcB89Mil41VfDKjqJhqZoXh3ABFBLUomyBQpp8v/RJPDz6bjtdmCPRDq1teO3aAfuC8vIufR/05oquuyFNhq9vOI8a5c7tnXrBn//DdG5EJNiUDHHtg4uUzf5X/3EwtIT+OmKggcUHEQuDi1xeDkqEGBqcjKgvsAzEuNbFrRhH8D4gLBAwpjFgBDhAiVhoY2LgfvqU20A11Q41KBJicXkG0dO8QdcyrgVZljGvUTq4xapPAJNCGqGPoCxhNQHiMG0piAnYJzIuVoFj2aM+eHPnbOqShlEqyd23MBJpNyQAPv6+qRPURghe3JohE1BJ84jsbuyY5XevqxIQLFQSH+PsFj4Pz8OagTYnUaomsiRm6e+zgPs104l4Fw4A4OVpsoURt75OsJLAfcGiIhf6sc4U4BOK0d0lDsWFDaIMYh2SY4W+NcdLJOFCX8B65gSzt3paj/KDLtoBj8sYmt8++beeNQ7+z0VaBTccAY39Zu3f2weTWsBlTPezAk0Uai1ojBCwTro1WnZAiDADmAENILIAJzniDQIqQrkL4uA7SGMSp/UCaOXA99HkcsgrpxBeTSpkyxDFhsClw2DEAAdelCVSYS5Cr3HcTrba9REIIhZxP2wYC2rI7w2A5iQ0w89wpmOyNwwabigHGxqavmv94MBY2FbXq0Ps1UcOLAwKBFAVxgKAFQyN+dfwOHz6IBlJ03hjIop4ITA4qBgYV14MoRb3Bd7ElwBxoR6K3tvEqgS8mcMNM8jc+bWxSmgzBtLA5RLeXPomLVRhOVhhWjcz1wnRQhYYGMrRnf5GA4kYesRxHbji//+C12w5vHPLfZEbwY79bU5W5mKJGSKjvIB4dSSmEx0fOCaAMRJs2cnEdGEAIXeAPwgwCcBOPi/wu3hlGjSotieUQSd1ecSxdXq4CAWPVge4uf+M3GMk4oD6dDzJUsorswp0L9ykOqFwgevkuDCLPBKNkSFFuIEO7t2rvJ1QhOZrX1T88fEvx3/QZ4DIcgeNfqX7myBejnyy5iiqxJgZIdyEG8aBAUotLFOoKAk+ip8PNCWNWCEc8KWgLnh2bIdAeJLG0j7aE0cT7IwxgS3r0ib1AJmDWKburVSRZBdLEm2YgIXxp22YiELqsduLexXe8A94xk8+wNwjxEWzm4eccCrIOTZSb39r7T/I/ehlO/6Jd3hQq0NjY2NDkX2+fmj0ZOgOeokqk1QsYjJCakKgsIUl7cEA8ogZBP8d5DnYZDw2CS7hO9HS4I+FJsiW6MJQ98mIfgHjxfKwIsCmwQkjFCFyDSRH9HJ/4LmoT2hPitdsWJhX9XuII3Jbpn6hC3fombWGFyeUC2j6UYeIPkKhgjvkrwm9d9RN9BrjsBMBDf9poVk5EmUojpjhRVHA04dm6sa0Lw3iFLi/wAZG6IA4BmUkgCQQmrlBchzbRNmwLIVROqDHeFq2fL5Q7jOe3vEpaXdE2g32I/x/nbImPZ8GkRmwA9+B7NokX5Bq0odDG2JaVRewPtAmmAZMXcz7lSy7lM64KEtfxco6KG8qh0eandv/8wE9fdgSwRIc3/Apw8rtzv3n6m+474tmEqqE2es8dn6Dde7a0JbiA2xhQZgxXcRfCXy+HTZQiYUWSw/jkDDATYBJJbJctESITxmAj2HPIibULUgieYwpuB9bAdYKQxA6Yg+tQYIqRiisU5+XA77xSmRUJq5Ncj2twKZgX9onEPdr9ifW+Y8NZlxkA1awDMJdPqt5KnPJt9X++567R/9NngMtkBD75yU96Nx37iehcgyiuRmxAQoLjGPKJZowqpL3m+hDJmtap0xLZ/h0RXLTLfn8DXViYzavbFn3c7oeca0MfuoTnax4iv5opMuYzH2tbBf3gf1YivbyL9AfqmYD8qr5HhShuu2vlWi7M1Ywol3FpIOsxA0QtRb4BxmEnnFt+HVV2N9ax4V7Inp4ffKTZSMZa2enmwoJRkJxJK6ZhT0MBPAvi0G16BeJgM4nAD0SqdhtISFkQ1sJVBIEnLc3FZrA9NdJezfOYmdBuNtZGa8X3Fnh4lnq2zQS9TnLYiinIeDToKi7XCOIPAofqVR6/5Lb3lDdcOcVex+ayY/tjh6ZeMfGJzGenYyKnburvGGNQXnri1CRtu2LLgmisrRPbLy36t0h+fIetIBAIXCuANjAYIrC2p6buuQSpnT7ASGgLDAHpXLRcmKL2SDtgCL2UOOTGnQoVom7hOrQBFQjPkhXAVpE4zuABz+SQnyBYl/DK4mM/sjChIOuxCmQf7HJ9/cyWg3v2TF12hLBMhzcsA3z/96tqquKQN6+LnnGAy9Ww4rb3BqpQxqVqU0Of00EmqCoSsGq4OkcYh62HQ4WRUoaiS9tlEW0Vwy6RItJbGAvPlxKILG6NoczV5FyHHKP3g5Gg04NE2ZNl1Bv0jPvnaJgGG928O2VHrWu5LmXw/ia7jO8PE0IJxQT6f8ZjaAS2Kx7IuFSPFOV9h6ZzNPmid5Q3ZPGsDckAhz5Ve2T6wfjAXNMkqSeKImM8gniFAcAUzckKjQ7l2lh9Idi0OzEtSNr4f7Mk2PkAuFYHuzS2n5PYLeOViR97hLVLGepGoN83PE2kuAffQawhKBmqkKtxPXAzcbkU3i+s86wQqw5KISKdUu/DzZtl5Mx39lgZJGk9Id5cA03HlSZlcj6rP1E5IK8WUVzw+VN5Do28cb54+65dtY0m/fE+G44Bjj4y+ZyzX8p9a/5szDm17JkxLkioEJy1xVBi7NelCDbe/OQ8jY6W2oAxnuiUFZwmYFuyo/201Bc3qUhdkfjyHc2n1SJpA8Tp+FIYC/aCZgD7XhA380XgUi6GVDdeIhiz7AbVTMQrhQHdNZGFBuyRWQlwP54VRwkhd7kQ6JVGBS7FOY+cSkSjdyXvu+3FQ/9hIxL/hmSAez7UTKZPx45T0apP2n0ICRtE2IV9ocen6DtUjdLx1Q7RiVSXdEkBxUn7kKwamaldkHKI/10YiFUdFLxiCLb23sghZdNxPyRvnWA3xHorJZcYtlyI4zbj2Ek8EgtA2yDiOWzXil3qXZeGwkg/z7xzE7tUgqEUUSPRK0Yrq+HarktUQpwkcKnSVOpf/EZxoUGwwThhQ60AR79a/csj9zn/LBmPqIZsrXjhbixCrB2CI8LOpI2sT8npaRreWm5P72LGsD3/QtzdPiGtYWwOhE8ufzIbEw0af4owBuAZYCov2zGEu3l97JUH71P1PLYJ8K74G5/SJmwe2C65MKZG4NNAFOnIs+tSDWXozOHkfSrlHKo0FgqAm99Q3339ntFTG4zmF7zOhmGAQ4cmByb/Njc7M+eQW9ETjWwvSDcPRqSF6U/7+udAHGFEE2emaNvOkQUDlCZuW7JD6opxDQAa2gXBYbeXIgtUbQeI+gMVrO1NQgkW45Nntd5smhdzIKtTDhF34zl4l7zfcZ/KO2BFgiqVM1IfXiTYIxVPl2qHKgYGkQAZGJOwl7GBgoP4eaUEY/gO5WO9j/GWW5K/uPOV5Z/byMS/oVSgH3yk2To/EQfOVEgAOmPdBtFD0MEIhAqAJb9gDELG9puitCAQEHIlVLQ969AMOVTocT9fSFkQI4i2AXeiCUihTQSwclHClZlFf0d/wJTCOLhX3KPSFkdoQaji2QHSM07YQIanCNcJY0LNYU+VQ2w0Q/fHMRP47b+5kC4YIU7IixKqWd5YMMAcBshs5O14DrmNMHr1u0rBRif+DcMAx783//5j33XfVD8PyaYTwSFpxRMyoBJWD6A/wxsE/zekHOYc31l2G+nsnJujgZECzz0IDteKezP9KZ4ikbRSFlGSZ/j3WNsbTejmcDX65vlm9RBQnniBQNya8DWhA2KBQyLApThm5tC5wWxQkGe8XHg/BNAQOMNqEylAGbSBDgZQTehZihK0m9Nw7lYeFe90sG7QbOB3x7+a33XjVVvP9BngMhiBRx+dKFe+OTB7/lzswOcPosUBPRfqAPv+TVAIXg82LsEMrYiqGZ+KrYgCp+Pbn04ccqbmaWBrmSO2bUlr/PCiX9uf7UJUXKwKKkfSZjAQGTw2eIYEpmw3rHimjJ1LsFpwDgSPA+qNqDGIYeA7DrwTmFeAdZy4g+1RYx19xt9cjzRJGP3qZD1SdW2PNKD2gCmyLlWyHmGx472PieiGfdVPvPRnhn72Mpj6VeniZW8DPPyx5uyJk/GAOxsy4XC2kwS1gMc30VWpwYOVAeoJIqbQ20FAYBJgbUAss4FPST2iARUTSgd2M3BB5C0A2LxOES3bfJxNiJBHwsSPqG3OIxc+dbPKQOXBefSF8f9JZ8VCHyDFIek1qlTbDSDqQXhzXM3A+A1qGtQuEDO+g3kEq8DlUJhE4OxPSEHvB0PlAlYPw6xDsH1wLuMTwVZH2ODNbw82HNxhKU65rBng5P3Trzl5d+bDMHydKKH5yGGXHyYVhIxDvCMgMkhHHGxUIhCFoFCccFwABwgCf0O6Tk/M08jWcttoZW9KAoLT3h0QI8B00OfzxlGIZ+Leth7uezRkQRugl4sqg/vtKnR4/ryvSyJCXZMDqxgmCR4hvBvagMqF5+Cc/Y5PmmgsefB9ctaYQ0ErpjDjEXY+cLYENBcBKsq6Ei9Tr3j15PZrd+wYXxXRepk0ctkygFLK+94H6tH0NFGrBtef1vl1BQX9CakJKY9VgItTYVJMDc0E+/IG+h6OJ5kVAKoDVJ+oEVOu0aJ8KcOEWbYImenKJZqJdWAp42lvkBA+CFPwOFBZQPTtAlWua1YcMJ4GuLFkN2oLJD5WCOj3sAPwCQMb74N+QsWT1QbnwLAMnDOeHLCEGMyIlMHb08h55KMIABim4LJwALzfySIa7FCzoei5B2ofe8E/G/jXlwndrlo3L1sGeOwT9ePHj6s9yZTWa0GkIDK76gGIGgQE9UbryJpQocKAYEBoYBKoI6wKYEdIAy1gXqlHtMVFDR/t6RFbIYR71XM4uQbPA6SArwcRGqGLZ0FVAVPARoBk72yu0dkbWJ6NvgjsGUzDwTADrRbUaLdMMDxXmJ1dvVykV98LQxkesQhwjEiRk3GpWfCpmnepEnSUNoeS6D2/mN0UXp8051yWDHDk4fMvmvhy/otQfWDhgXCYAE3hKpaWxssCFYd3YDThfyEsEIquhIBCtEBELgx44rxTj8ip1GloKM+QAVF18Cy7bj+iqWAOqOOMrQHa0rhExeMoeH5xeWpDtbNPmADxoO+DEUMTMWbYhokvyGSxbQDCt2aTmQ9eJgOcg7HPJRCB/2klTPwKhF8KaNpLqOUTZSLiz3/74pPD+/btm1k1sXoZNXRZMsC9H2kl589EjpoT1UHjX0QaSkoivrMENsQPNUkIEoSF81g/QEiCF8I9cAuWjKGKVcCdrVJ+pMi4IakNBGM0aiXMFGCOgqfrBYn+DgaA+tWGHiPVMIppPvAZ3iAqj+B02OljPFa4J218g5DRvpQ90dWftaFt1xkSVQjvgcBuBDXINFYZytJ0WRN9M4D7lOhZN4Z//NPP3vhl0BfjycuOAY59sfq3hx9yXhLNJtQIO0Wi8II2EcuLwSUpXhYQJQgIyej2kcK9tX8CYXG1t3pEhYypx2nUrQFjEyxsSXtsGHINkJ0PYu+4LnVmVgeBaN8r6o0Q/lJCVK6Rd9FlFLWahnfjFQP/4H8Fk+Rdms8FdG5YR5Jjl6iBZBcKG+97dT5/GQnsVe/qZcUAjz4xcf3MFwqPzsxq1QcGJFQO6OCyaVx6hEAkw2HEbk85oNMPR6iJiWpt2nXILsRGxNatEyBhBInpRrevRxTOVWnbSLFtgGLgxOsjXiRcDf1dDHId5dXBqaUOrBR4FwHYyXexK5jQmxEjRLFKYIWyGQalzdnFySUZtc0SZR2K52NSLlF1UEv+WbM7vCwvb3re/PC+fcObUvWR+bisGOAfP9KKpyYjt14lVj9kZ0R5GanCJswgLyeenjSsUbVicjId4hQCRHuiGknbWAXyzZAyxYCqMRGSA4VosRrgb6g4ksoIAxzMgD6IqgKXrDCDGMUgboZtwDdvvFEgcsA2oHLZqpD8jWulr2CGLMMhdBsgflwX+Q5F9ZhqQ1maKxKd2uIy1geHmxC9sDDxe696xfa3rLpIvcwavGwY4MQ3K//z8Xvc11VmFQdtbGIF4RSM5LNlrbhF2eCFhEf2U2BlhzDeB0uAGQZ8NwY15hHBLhAhE6PnsCo07BNjaXA+9LXBCg+UztLSWxexSuVoYJx9LKbeYLWBaiIeJHGZulFCia+ZyJ4ovIsk3MCzJCodG71IlYwVNT2icCDLfT+zw6HZosuqT+SBOZLWJ1/uZy8zWr0k3b0sGEAplf2HD9Qb5yeJGphRcwihiKrQ7WUgGaF3Q51hAhSLUGgejAFPEVyPogoJ4YFh4OM3nhXk4YbT8xSUi7wCQKC24cy+rr0vwTJBYIJBqh423+jgecTmkFWGVwG4ao3El4iujfeHpNcb3mnm57gDkKCpGkNhxiHVSKhbDAF1AAAgAElEQVRSDLhvp7c5NFV2mfBh/OL47886X962bVvlklDUZdboZcEA932sWZkYj4vNmmYA23hMS1V7ZWDd2WBqNOVoBByrC5DYBniGOROia6tLlsHKg8T5tsDeEGXPzlEwVKA4oze6kNImUqcHl9s++6Z4mvCD6YP0m41sa3NrXGIb5ZDwUOlkZbO9PDhnMwCInHMEmgklA1maGiB6/AqPIpgOANd5RC8v1f7iF55X2vAw5175cN0zwLEHpn/+8JezHw2r1E7YaBOIEFMzZrCXED/0YDYMgX6E9EbEF/j3QKsToDhgY1gdMkTEtUJZsurVIm0DyIACUpCrhTRi6goJnl6Y0jae25NgcantucHzxK2JSyRQZu8bIOqPbeRK6iTek3kKaFDDRQh41YeyVCWHTl/h0KHtnSnOUlT//IszGuraP3gE1j0DwOc/cSpy7GwlEHrZZEC15xG5rAabL4YhfmslijJd3J8gPI2l72xizSqM5SKFdMUOijiEsGFvoLJ05twMbR0pMjQBun6bKY0dYUtx25BND7q9gslqIDBrMWrRB+kL3g3XQf3B39w3UH/BpWZTUbPoMyPNDhJ97xqPZrOdFeXD+05tyNImF8PL65oBDn26+vCxY84NM9OKbVPJUYHE4/LlRoUR6dsOCIUJxYHW6XGIP5+lpRXFlZeX64xJbHBDqOjQWQmwIghR4xOAsp1hRNPA1FieJLPAtCWLrEoevDKRxinJ80Sflwm025eVSfou7k1u3wf4T791C3sNwBipJ1QtB1yNem6U6KHdLk1Ysv7HSvUP/e6txdddDLFsxHvXLQOMHZq849gX8t9pVDTYbQFUwaAcRR/ubBdEnHTS8DXxw+BlH7/BxQAewUaxqZUPSQlJinZ4ReDisB0CBdELtoidi0Zc6y31iFWhfNbVcGVjbMv9jBMyK5Kt3gheCefEdSmEJckvAnGAHVELXPKihXYPfkeMC94ep+hRraUoynpUAdCurGhsp0ePjUJAAJaBKHkS/vAOT++C1z8WjMC6ZQCGO5yOnGaoKMa/lLdDVAdblWGJaurxgPCF8EBoIHT8DrVBSoXYpUyE6ERCC96GrzUqEKcjmn7A7Qp7YFcrpPFM0HZFgvCRg4xniqtS7xRpUKoGmgy1Bjq8eHYkm0zeE6ucrHC2miepi1HGoSRU5KB0YUQ0kwuoNaBoruDQt692qZnTxXUTl+hTO6f27N+95WSf9p88AuuSAY5+pfrpI/c7r5ybVjpbKeUpEWKxX4fVEiPRRZURvdn2lIDQ7ToNQshsD1h7gImOLa5G3Cc6uu2F2u4mNJFgcztN4OLREVelQBP0pni6j/bzbVshra6xuoMGDTfHgXZx+lCnfP03AHBTeZ/CnE+T24ge2eXS+KBOCsK/W4Yb3/3Itfln94m/+wisOwZ44Ilz26f/ZuBsbUa1vT52ppP9NyQoozmt3RZFrbHVChAhpLWtY4OuxLhcjjgWu26m0qJdRY0itn366KPe7d3hAJ2sVugDGAmqjXhwFnt2C1h/uF2h6+ddUk1kdSlyix7/7WRdSqoxzQZEjWKOpf/YDo/u37NwSu97xsbb2G65+VrJ7+uOAf7xI63o/LnIi1rEui0O8eoIBkagAyAiNoaNdIa0FhcorhXhKWoGVoL0CrDcYAnxpyU1PzNJaMB1KJ9xqNbUhA7iZx3dbE0KBpVVRj7xTMEfdXs+l0I0BWqDCJUtNJZfoaQEHpIFzCGhCoi/kKOGj82sHbpvl0PNvJb+UNfe2zh55yt+bM/X5BlfHRvLBc1msMMfagPgksBpb4MXNp2B5cbD/t0P3IbjxvAH8OGGqh1cOxvN1HHuRw8cmF9Jm2t97bpigGPfnn//2Pe9N8HrYyVgtY1FkaTotLgvRW0QwkPQSNyHIDJRS9IDC109zzutr3wIgK+frFbUTVsHnAiR3qQTDMNzOjvDaPtB+suFbE1FCuDj2HuDRBXY1wanzRWgERKWshVoEIk6fA0SfDTzNGDgBh7VBnyaHXLo0V0uncgTzfkOlQPNhC/aFd59v/KeX0E9VDQJHy6Yw9PPw94f+JQtsDkx3jqPoTHxP3IDIpB6r6b0oEKFOaJtgcNmS8lTCMPQsO80trTibzzz7NQvrocdJ1c++5eIRe+5555g/r6bW7MnIpozbh0QqejBMCxR04bLhjBuxuDcjZ4cJbr+DibMB8ozScj3XIqM77QVR4T91VE6EPcyoQJ3D91fosXWu7nmulgl5GGnSKVLLXoOEKgxDeYyNF2tK2m/EbUo52tHSxh3tPyIN75WFEehozj32LYg4MNPVL5QoDCK0Bf9ozUrsZflbw2VUNbF7mSKHLh5HXLmPZ+icpaq122hY1dGnPBeyzo0uls3A7i4Ug7qYLVdyL1Mn0CiUtCoXm5dcA3S6zFdw1lFo1mi7YFDIxnEZYiKBn+1pRl943Ul/wWO40iqxoqfczE3rBsG+O7fhWfPTdB2dzamOYgk9AzLf0jkBg4x7RhC5V3aYxAwkQtUKIgOyEuDtceEAzmMT67JY+gRuB6sEEHGoTjSoDqFVC6xmgOHMq2EWgggyx69XH65Q7RV5dADh8fojqddrcfdVNzCZLN7lNUXrlHeuQ9ZM9iko82h5pm4F0sEngG/pqZ1aiGTBRvUISfYPBr5/HGGqNnUwwBAnjdIVB3B7o1EJ3MJNQNF3tU+NUOH3xns1GgrKPrxGEcL79dmDKxIvBpwJT2iZkhko7jxfF61rGqTEpvhecCKhD4aMpZXLejdVnk6txUV7Ss4tDOrGEeFelw+qmY7RD9SD3/lZYOZ918MMV/IveuCAU79cPq133+g9KHJSaJKSxMtqwugDxdITIuIgcXB+o7JxRZHBkAGnkl0aQ/KB0R1LbD5WplMu9gbikMB3Lao2Ekr/cj2Ug5Xi9h95YAmfOOJ4UE017MdYvz/6D8uy+QMQxjIQqgcyjmKmkrbMEYz4f6yxwvElNH7gmXqeoo4tRFepIRoGqUPiw414QoloiPNkOJnZ6i4i2im5lCtoYmdUzTBd5L4b8qfoGAGiBYCwFY1hYDwG84LEcv59Heb4HIZ/Sxpj13S1mKXR0TaIRoqKLq64NC+nOL+DcGzpWFWNNqKv/H6kv+8CyHkC73nKWcApZT7d5+KwzNnlItCtU4joUZMpLIuB7UEFmBvQWq/bNFJqAqKgSDNORQ3FJVQDCoFRZZ78gpbnpocYkO3NeXwzpGYLwhu+HVA7DgQHINkxwbSU7NN2r4rT9Uq9vJVDIlY2BdcC2GuK7K1TBtCgHgG2y5KE64cYVFRUH3yVIjCxDaNEQhIv5x2FM17KHDl0Im5mB4frNFVLx1iAgTx4wDB4TtWUPleby4k6kzQ+b0XAgLjpGv94jlot9uB9nE9Vgrci+uwImC1vG5Q0Y1FfRdWgJLJVdjejP/+NWX/Jb30ZzWuecoZ4Htfaow9MeZdNVchiqEmVGNyhgNewgERlsDQQs154asvQIAq4OMTDiJBwkLSckDMJJjwnZZ0F8MaRA5ixz0g3rqRzvI7nvHVf7iX7nrWbZTLO1Svd9R1/AWm4WoMVvPtlEqkKhqGsb0/UUGRDwlvboLExHPEU4XVQ2IgUOfwDmdI0SRyEiKiqSSmQ82zdOB1V1K95VCz1bGd0RYkq6yQdhaobdyK9E1liS4YYFkR8Il/tlplXygqEogdK4G0acNY8Hc2Q1TMKrqh7NC2DFHZV1TyHGqidpPn0HX18Pd+ajCzJsk6TykDPPHw+PMe+uHw3WfPaEKHqgLijVCTE1XPjKSGGgO9XAYUG9xhO59uh43iFHW125WQzhmzJ5FN9HlH44xkBRBiPD/Xoh0jGYqeXO2cu2HjjbKQ9DA+LWLu1tckA+iG/gfCl+rkyFyEuoNz6DvkAn6bIEWoVT6rEpoOI5qr1Gjvz47S/EBHnRHVposG1+4CFkdTC4z1euj+oq6k9XzcJOfanwaXJYyRfje7/fRvYAD8832tnt46TLQ7p9geAGhRcpP++fHpm6+9duTB1ZDyS7XxlDGAUsr5ymei8PgJ8uabelBgmMoGztzpRPFmFqhm1j4EAh3G7AbkCK0RY0KEjN/hDSA0kTMRsUTXxhfDFLA6wKhsdbYbwu/a5u1ghtDWdD2iMtx5KHhlJL30xyZ8e6AV7Hg2pk0CC/Ru2CgomQiCw2oBBkCSekv3yc4fk9UEbcKunlSKJhTREQUVMabzMxVKhk/S1n95CzWaJgJtyjGK/i5MgFUABC9uz/RqaktoeQdRd2y1J33dUoSebse2H8A4aBfnRgqKbhvQ3qEyKlNbFFkPyHv3JfYOPWUM8Pg36n/7j4/6Lzkz1a7MvcBo4gEEvADS3uxeAj84VBshFKgpOaPTQ+qyf1w55Ds6FiDECkaAZIeuD5UI9+NvEELR2plOpD5LPTOD0HQeO3Kannbtrq4Gc+Ij8V2rTosdSUAEL6rK4X2goumdWUwYoI0QFcKUlsCM2OCyqhShVPMTIvnna1SZmaR9b72e85NxwOsFG8pWZSBlQVBiB1xyaWqcF8tJXJsBS3miqwcU3Vwm2pLp7HuMNsqt5PFfLHnXX8p+PyUMcOTI1JUPfbd8DCmOsw3ijR/Ea9N2CUByNsI28WMTZ2YEE+Fl4jfEzFLSEC2IGOdhaIoKJC8JJsHggyFA4ND18Rv+4T4wCe6zoc/jcyHtGAraKsOCdK3UzEBNgcPHtgPknHwyihM2QV6R19ABKvaQGvtBmBY5xyBu2AGzjqJDiuh4q0XVepPmxifpwBuvpuqwy4YuVrH0AekKY7MVaWkLY1R0cyNb2rcspsosdn45gkyrUWGTKOiSgYwVBWM1kCc6MKTo+gLRoK/nDYZxNVb0wlb06ucPZj663DMv9PenhAG+/rmodWRMBTpY3tuRGA5x4eO0DiF4nBJJbxvFQti2cQlpDdXJVjPsNuGtASPMgvgmp2jnaGfXmDiryGt2hs22ObBagIDN5urcJNAcTPCm/AqugY6PcyBuxjIZphGfv/QFCW0zjqJxRfRwGFIzimnizASFzuO07z+8pO3xsfvO6g4YMauJXvz2aRWkm/tzqZmA90Y8TN28QYvdK5Hl5drGCnb7FqI9ObXAK4T7Xn7o4ezBgwe7sHlvtLPcinTxrayghRPfq/6P7z+SecOJc5r7G4lDkMyYfBMHareG36GqiB4PohS8jejWttFq6+OCERJpzFLPcmvaRqL45PF72wNDRIePnaYb9u5KxW5196DWuMbFKG3r6hFax8dRM5vRiWtVtkVNSx2OxVmMgnbwHWrSCVL0mEpoHsk3M/NUGz9Ne999C7cPb4wYs+kpsAm+G8HCE4N7xa0Je2gx784KpnfZS7sxhHiGdpcVPa3sUMHTW1vlsZdDrBA1jt6WcS5J7dI1XQGwmcWJh4anT55S3mxdEyQmm111EHfI6zU+cjAF9HmoRD72vcp4/B0S1jXrubgIQW9gEuyIIkkm+E1cj4L1TztwbCYAw8B2QBtob7Ke0JWjHvv820hP40rFd4HqSL6ASHsYv1n4481qIH1sF98yBjpWBK4jatkq7Lo0JFSBR9hR9JBSNBVGVGuFNHVukq7+me3UuqqwQPqbLQJ6hjvIKrEstV7EBbBFWo2Ysvmli4LJI7hwdY7owKCiG4raPgpMlBjMvLcef/xVg/6rLqJLXW9dUwb45ufD+ZNnqDQ+o4M0MGo5ad10TQxJ0cFxHnp6hPIkKDtirsN5u+qCSG7djg5c2Ydg+dvJLqgi3d4tXROhfUxHRMcOH6KnH9jfPi3qkjATVixOtJFItK+xN/gdxA0GEMmO67jIlUXwnfjDQpsBPYfPf5YUjSmi0yqh89U6zc3MU338Qbr6N1/K7mJIb8Y9+dqNifHsprNfqB5/sYQGNK+BRvXcFBggFyi6fVjDJWAP4BDP0I+fm7julj3bDvXcYA8XrhkDnH5w+k333Fd6/7HTeoKZVE1lNhA+A9IMPkQYAfuXAPfD1wISbDxAkqoo78crAABnvEuvZhodVNIrAmQQpDtsBPwu0jhohpRkA/5NnonrJ+dC2jagV1xbhRIpLzp+G6djeY3gamRiNBOHa2xpb88JwyBMOfU2QyREFVJ0XhE9YlSfmbkKVU4fpat+45lM9FwYzPLdo81uMIWloAuL3bMUzXSLEXS7HgxZr7aoUF5ZFiaYFdHjnSWtCg34iqES9vF2JEms4rGqjS3Wr3tOny6cvXtrdXxcqw7zDZ2tBE8OJl7bAFq9EYgAzgmkAKqPRHTxDLkWxIrzck4IFud4AwhDwKLj2wQtqoaoSfjETurY9WUIerwZGdnfi8sWWkYtE5BpH0atELAJEOucANlTQKrFGUaxIQ7SDwgFuD2nkUhD1Pb6VGoNmp+Yov0/tY0aBwa6Gr6rSA+r0lSEldBo7M06UXYF5XcBrSjlFO3IEt06qL1C7MAw8zEYJg+/segdXJWOrlVZlO/8bTh+9DhtPTvd6bYYtyJ5YcziReU7Clc9KSfWfmtLNKeDUenvEhPgHRMlQtsKKcoErFaByJEbALXlvvsfomc/7SCBkLXR3EmhZEwbbzrR/UAbuE8+FwuSpe8WOALMILR9lBQ9FIU0W63T/OQshbPH6NrfeAG7RSFd04Esaa8btmetjNvlCFLecbnr8DtUoZKBSlyVVzScWgXumq6++BnbS1/qpa3lrrnkK8Cxx2Ze+N1vFL90etJsS2qkIUvxMKJW4C+AEbAxanAzqOrAm14YzD8bbyZiKiqNbcjiZb1WRE4GuHljPxij1g4yiRokn1zrBy7P+ZB2bQkoDDUzyGF7lHiCTD/g25fnc61Q6x69snXgzN0ywNgmMK5Q3kAv0VifR5KYqlFMk1OzVDt3lK55z7OZUcVLwz5+wEMsThTsX9orhH1fYDOsxQG9P2wpyiMTJnVgB1YgdjlQh3Gzw95dOgcmGCgousNEiQdkCTDXrpYqdMkZ4PMfD9Wps0hv1D0X/V0kMbw38PzYHhoQixNGFPseM4AckMb2XPrYaA67Olo2QnosbcIDQ8H4FQiyXAviB8qyjNazARuzIHLbjYl2QNAgcvYwmd95HgFpaOlzaAs95vSFlIdHjDnYCAJSw+2AOOP9K46iB5Wi8VZI03NVqk/P0s7nFch/7q6eVJ/ldP5LzQTLGb5gTmHU5VYEMDj+XTOgWBWyEaN4j1yszv1y3t1xse90SRngB19uPvDQ4+5N0xVt+NpQAzxYCIUlN7Ysxa6NnMiieAdHcaCB8BU2kjM7PwL7E5gaP7aaYXt7ug0M9HwYxml36Dz87cfO0I37dvJvdjaigf2381zslYH7bQJqYhhLcCvNrO3+GNWN8x1MrACJLwh4nVJEh8OQZqp1qkzOUGvmcbr+PS+lOYPs7HWywQgwKMFoi8UJem1rqetEqvM1iFvUI8oV7I2bFt4tDGDbCEu1D/UNqNGbBh2CKlTGJuMWxd7UjN79E+XgPRfzLpeMAY4eOvfse7818u0T4x18ijCAEI2oD04rIoXNaq0DRjC8NvCi4KVZNTJ6u4N9s8x2R91WUpuA5Xfsowj3KLIOkRYpBwh+ei6krQMBS3yR/HZfxNePfkDtMWVGdX0hI+nRosQgwAzot7wfr/om3gGVJxom8qdM5lWs8f0ziuhx4/WZOD9DjfGjdOA/PYfmrIp46NNiPvynSvq36kReQASiXsrYbTWQGITYAFFgnENQg1pNoky2k4tsrxJ4X6hCg3lFzxp0aDB4sj3w0yfHd1x99fZzF8oEl4YBlHK+9tmoNXaMfIE7gPih7kD10eqEDjDBFpDNIGyVhCu2md0bUb4cORcg+lKzRa1chr0/OlBG5DdbFCG0ucjbpA1qIUwY3uOxQ+dOzdBVe4ba0lzUHPRnUUlueRDS9oXtOpWtevEpxAvJzFluALqB0YnoBwkCXiFNTc9Tc26edj8nR87zdzOUYSkdfi2CWksR13KqjNy7HCRC0qUlQV/ukyjx3rKiZw7ps7ZR7ClqvDXrrMDPtPBtLgkDPPL12pfveyy4a3JKZ02BIODyNCtlW/WRh7vYyRw5AM2QWtmgTcdCWLINEvz2obWbZ4hNrq19c1kamxlxjI8fz2TpHMUMZ8bfAkyDxJ+eatAVW3LsvRHG4JReE7RCH7h6BKADgG1bXiHkKGRh2FnuThleIfj2KmDS/oDYBO4F6g8YAdL/iCI6yV6fBlWmZqk1c5RueOcLqJrRhu5iySpPldRvr54m2FWZrVNpcCEN2ok2ac89agYIoeM3e3WQVQKfckAVwrRfb6LENgPMhopuTJK//Lmy/8oLWQVWnQEOHx6/9tHvDx86dNyUFDQgNfbKpIxYtgEQCEp0EgyMVFs9YYbhims6UcIGubmtiBJLbbKlrjAKzokhirZA5DCmTEoxTc+1aPuWDM0aA12MXAHOSa66nb4ogyxtpKPI+B0qEiSzVDfhdzRJ+vqdOq7V46Taqg8SXGZPHKaD77iDJk1dAMmLBpdJIArn8OpAel4IE6zmqgE7IJPpnlsMqQ7D2CZmvL/YDml1h8euC3IUhjOYYCCn6GBZ2wM516H5GDWT9Jz+wpnpg/v3b3l4pUyw6gzwd/87jI+dJLfa6iSkpLOrdIKK1u1jIypwToJOXP3Z7MqC5PW2rWD0bNG7RRqz18i8uQ2qk+AVJL2tr3M0FT7/++6nZ9/6I6yCMcbI0uflmcxABrfTjRHE3hAcD+4TAmsn96fSJGF0g4HOO4qOGZgzB7zGz9PWZ3jk3XkNCwa7AsNKJ3ap67slwFxo+2EroiBlvy3XFlYAz5h83QxiqSoj17AqarxCSKB5wQiAcpgvhyHTEDg7cw5diGt0VRngni/NvufwWOFdEzMaySjoTfH2SMQXsAYmDux+0oqo5vtSCK0dUZX0QBClDS8G4YKwBXMjkVdbsuN5IGpIZwlKifqF9iA1GtWQtmzzKap38gZwTTp4JQZ7WteV8wy54FpE5tOsVKL7S6ohViOpSoF+AeN/Gsk2YYsarYiBbuH043Tte19CNfjMkeBiql4wSiSVbLIcEXOqIxfiWo4cL/z3VjOhjKlg10srIHYQta0Spcd1KVcqosTwbu0uansATFAxYzQSOLS1GX3l35SDF/bSF7lmVRkAPn+oPjgg9QVazGXH2YPiUNBoUZjLsFuRUYxG8oOobQkswSepKILvYArB2Jjy+PwstCHBQhA+7hEGklXCVpEqlZBGhwKCpBGQucYL6XiAnZYnKo3ZTKaNeWAmM/WH0oPIW69CzTFtgfC5bhDq5hj4BFQfBLwqgDlPz1F94jQdeMdtVDEJ5V1qdfG72qtL+hpISa6DtAaBr5VCHITgFlSeMy66pQxkWyXCuyHPAWN5+4jOJU5HiX98fOaWW3YP/7BXJlg1Bhj74eRrv/ntgQ+dn1/o7093RKK7XObDRFWhooBohcg7eKBOJDXdjrgrobeDeMU/b8OOxQawGQKM98jDj9JNBw90HaPlaocuVy2NIc6m+BSYHp4eeHxwTrLB5hxFT9iqz8QUXXGrR+5L9nF2l12/qNeJXMvrIMkbtQaVBi1LdZkOCJFjn7fsRWzSBGMYqxvqC901QpTzUHaxQ8aeUo23Zt2evUKrxgCf/NNQnZ/RBawk33bBMmNgDeLZ0bifTnYUiF985+JTBzFDynLqnFED0KZAkMV9Kvq6fMfqYHtroCNipYb0rcxrpGc6oCUrxAKXplRmgFfIoC8lP18IPV2cgs/DSLV2YwUTGAQAqz4gfnh9pit1qtcaVD/1D3T1f/mpZV2eNo1BGgIKvVi+74UYx70yUdjq+PJ7uWc5V+liKZNLtT1UIrqmrOhgSavIUlcI99zWTH75RWXvD3rp26oxwIf/IFTw+YtvXx5uQxFsA1VUAUhFSF3YDAwblmXeUol4AJOEAtT6NNFXieaK2iRoSjyXty81Kha+M2wBQLNGRNVKhUa3aYey6NbijRK9XfouKpoQrwwWGArBnxg6rTGQ8UwQHe9GY5YwXMflCI09Mm8CXo8arM98pU4zJw7RwV+9g2pFnXJoE24v3hq7xg8/6xLq/FAZ8S/t1emF0CAB2mqoGUjBBQmDIDC2ILoM9RiuVhQVsIr4SmxgwATItmbUAgZAf3o1iFeFAcbGx3d85sPDZ0C80PNtLw3r+MYFCVUE38EIAn0WG0DwNZDiICZxRbK/3DICoeszkzBsuFNHhifBSGwQvGRx4X6GJ6C0yMQ07dg9zK45WTVwG+/PK356vZkkX8+rgVkSmNDMtcI8bQPZuDbFEAbhckFa8y4VbkvRrEN0PKX6bHm6osEX7aca7klVdbAJK53YIlCHpQpa9USYPV6EMYPvvl4NqWhyJXq8dcFli8Eg2GBH/dFFkBS25wgNYowHikQ/MkS0L89pk7zqyvHMWuun7xzKfmq5Pq4KAxw+PHXT5z5dfgBRXZHM6aCV+MtFz2dpYEVHUfXByQIHqg9bJWGjNNLBMiFYjtaaZBKoN+zaND54DISoIiBuEG/VUn0Eh8MZVcY/L2qW7dFh/72R8OhD2r2JPqaltDAWzk9jh0rAOUz1CXh9DiUxnZurUrPRotqp++na9/64hldcoE9/uQlezd+XA7t1e9ZS6o8t7dOSX+5LA+jwDPEiASZxLUosllBtWqdQQvhh7DOKpt+cdTrVDBYZiFVjgE98svwAngyIAqK+Aj8Qrw90bnmYTdwMC0ClMBSVxabTVnIJG7cm2or+S5KJ3Wk7Wiw7rUu0laOMKC3SjGhs7Am66eB1C4YBKgoYwPAXM50EsNhLZVYfXCOHVJ6W33FzOwYBCWYYBm0B3ZlVDsMdgPUR1ef85Cw1zp+iG992O503iD+po2lHUFeTeFejrbAZUWBqNPXS3nK6/1JtdAuSpa+HR2gbssdKDrtEt2ZQNVuXV0SZxf+cT/vznvzEVWGA06fnRv/XB9wJbNUjR7bWZPQmqtxQbgAAABvWSURBVLdJ0oltmOJK1HG1t/+Ue1l3NsWecM6OIAsQzX4VGWgYzLIMMnEbSEOzGlIJu0YYghbdHszRzYgV7w1gDrYqw8Y1jE/DECaPnz09dUdRHjgnh2iS9N9SCucYKQJaC3V9GoA6n5mg3NVNtfVfHnSk1EgvBIVreqnGlm5rtfKCV1IOpVElyhXhLSLKGa8PIA/Q5W0vUC+Ebr9PWhXaNaLoQNGhskecQsnVuM38/HZxjRgAHfytt4wrZ3CAgOtp5QE81oYoG4dENG8wMLADYAMwOVr4epMSrI1A49sHYYk+LmlxeEGJvfCOQakCsCBOvDZLaOzeUototOzz6mLHAvC3+OnRPzxX1BecF78/+sBxBo/oPKQL9v2SvpuanSB09I/tG7NSsZfLVIOeVEQPRRE1UdIQ0v/cEbr+XT9Gs8Z2sCd4Me+NZHst9ntaFbO/X6xHqFf4srxHmkhxvttqkFZ70ozLSFEgR5cQ0+UC0W0mMmwHTPH+fzS4fP7wqqwA6Phv/NKp8VZpcGtuoLMKgAig30pQC8SLB0JKiiqB39huML8JpFh0cUhpLG/IlhJ1B8TJsGLjZRE3sCSayISHrZiOPHGIbrqx4/PnrYYso1quFdUF39EupD8TvzGQIVXAcHLI9QK3kOT7tksWwUCj+oxxaZOQAHeYPX2Kbvrlm2k892SQ23LR3V5XidW+rjrbpOJgl9JuSz3IljZdGKA9B6ZmKZqyGcL2EEkmmZCzzUywA24cVrwqQ+MRgnaUiv58FBs7LX2sGgMcOnTumg/+Sf5wrpRhbL+ozRyUNIPBXpNWTCoAOt94e8x3diFaFRKgwogx23ahWfq2SO92fR6zciDcGnmejjxXQxodCbjsIphD2u/mauSBMNTLG7dYxao40YazvRT55FBIioq8hZJ2e2KlQxag5AuDT1qOInh/ThDR2SiiqUqNk9uLV8zQyL++fckMr15Vll7cpMsRwFK/C0FeiNol7dqrR7eVQX5nl7LJK2C3p+UNgXsU7lDpBys2CID6Ol/gqrJigSWqKX7OuZR8YjQNrn7y264aA6DpX/33p5o0MJgJSlneLDpdyw4MAMJkSWqpHKLXsy8fLys2gLV7EfviDYOIILbVJryIMAMIHXo/sCNuEDBhimQW20J0e9Hp5V55jmiPVdgSxo8vaFR8YmVmJjZeJOwKiRNsOBMRor2o5vxYGFIjAtxhnhrjY7Tvvc9dkvh7JTbZygiPBSr0Uh3Q2wvF7mjPbs8E04henyY/wfyDoNvKibVSyH22B4jHFLv/AEZiQHTyHWNQyBMhV8DwRHs+bg5b//v9V+V+ZrlxWVUGOHToUPZ/fnB7wwG2fyDH+3GBESQABsJm/d8QuXCsGKxsExj9myfW+E4xWKLmiK4uiFGOEUDE5/x2aXVce+TwCbpu/542XkcGQiSLPEegyvhdnscSHIn5DlHZlFdpkKIcwaUJw13r/AhsDSPFUmIFfF9H9ZEML1Z9Th6lg2+5lSawKFuFa5ebIPyeZoqL1el7eWadNzztnuC+2P1tCZ9Sf7pdb6sx7MKGvm/UQskRkIK6wizIPsOBgltYOcAcQ8MaFsGEPONQbkTXFv1Q61h+3759Zr+cxd94VRkAj/mz3z/7sfvHsj9Ho2XKhBE5OZ+BYVBnBLkp0lYkPmNnjAojObhp0JfsU2fBPtp714nUxjNwP6R/Gu4gHht7KHjTDUArjL6P32DEQttlDxUCeCACcggMkKWOjintcFlyGMOOopxyOLcXbR62Al71ap1azmN0w+vuars9u01JN5VG7IJeV4ZeiLuXa8SL08u1cs1KIA1pTBDAdUiVhHTHqgM1SCS9QC/wCWYAo4BB4U0qoaJ0RlE9dqiQVRTPOrR3S9T8q11BT0ClVWcADMabXndceQNlymI/5ozPRiWkPvb+wgPheoQaxBh9Y3TivrZBauXB4py4LSU6K6oPe4iszdgUEiSaEc3MTNMVu7cxdYswYvXFbBpnqztslJvnsd1ganIWTURbGAL9mCNFQ6g2ByYzjAKJD3UI7eNZUH2mEfBSCc21Qu31GT9K+977HKYT7JO1VtHblRAvrhUJjv5V556c5bXS9kTKyw6T9v1c38ioN7JHMkeCjdmKvogNYucHsJMCO4dCjXKJSkWifIMoQsYeoNYJ0Uf9qcE79m+Z66W/l4QBnnji3Pb/9j7vbHYwR1ExxwSGnUIFpAbPkGB3RIIyA4geD0xA4D0JFyOS3lYBONkdxGoivnPTDRoZyemNpcVukHKFRl+3IQtwzyJnANcKZkfiFVLrx0aY4tl6+yJstKHzm6Gp8f69qCznKDoK47fVonlUdzg/TQf+v2tpNn9hG1WsxPfey4T3cg0ILpvtXe/nNk3uQVrvT3vc5Pk4z/8MI0i2GyQ/GAY7foq6IwyAa8MW9oN2yMWWtzB8MxoiDTvNTYgGm43HvndbvjvUt8vLXxIGwHM++Hun/uLR44VXBfmA4oxPQU6DPPB/LixroTwXELZkYFkux3Q4QxhAXKV4CVF9tg4F7SQJRITBfEifhGdK7pP2OIBFigY91Cbt1AGyCR5eHjF4RUXBc8X9CVWJ7RVHUZWIzmAbIwS8miFNn52g/I5JGn3ts3gbI0itXuvyr4WevxgzAO+TLy7rQXzS7WLEsiFscD2svxsq43qmSGAxSTE2A0hj8OxAwkMdAuELjJq3eEJsCQMO5ECgN93AnHA9BMxTi+hjN1PmdsfpOSPikjEAXujNrzueuOWy4xcz5JW0H1k8PEK8eAExgttZVAYJyohOK0gVAQ/kum13l8QBEHxDew8+9BA9/ek3a2iDeIwMPBl6vsQA2jYI8hAMFEHsAfHng/9qjqKSchjSUDAqEVQeEDswPmAMqEL4hEGMgJf4/M+dHqfW3Bhd95/upNlVQGheqA3QdhqIW3GZJQC6db7UyzrRucZOaEkbt+lQFH6HyxOSO11XiOcFq7VxiQqyVRlbDTZG26Xua1sA1yNIiVX91X7t9e/cX/zTlfT+kjLAYydOXPGB92ZPZuARGsob96d+pF9vkVfKsOeFpZ3JA5YsJ47ESklxEHOjRXEuo4kfVSRct+3XR3tzMw3aOZIjuC3bkWBzfzszy/LWsMpjorUwXiEyYMiOiFcHS7px1UKvRwQ4MME4e9DQDtQeGPgnDdyBvT6njtENb72lDXPutbLySiZvta+9ELCb3Qch3HS/IMnFkBW053IgOYkPcBol9jOGBwgqU1NRbhgq0EIUwK5mdO7eZwUrrhR3SRkAA/GHv3n2m2Pj2ecGhQypUpZhzFydzRC84HUETw+1BOVRklzAniEGxxkkqESPpeoC2sfOkgC7lYseJY7bxt8LklO8SgJ94G06LbhyjO9GQouQtGMGMpniFcKnxETlOiS5wPCF23Oy1qDJ0+M0emNE+Z880FNJw5US8mpHjIU4a/MRFcqLV3brtZ/iDRKjGt+hsrD91CDKwj8Dh4SVHM/7HSBYaQieGcUUBgATYLVQdUVO3mGpL3gimYMzT18e9tCt/5ecAfDQt7zhdEKFPKtCUS7DFR9UnJDva4JlCENTV2sWrw1L+qYufSJRYokuS36ANrwUnTx2gq699kq+105Z5MExxrCdpI6/pVK0eHPsIBd7loxqY3t7JM8BGB+gPKH6QE06h5KGKqHZMGKvT+3k9+n6//xPaR7tGOZquzNNhBnjcqFqzWKEuJzdwHqy3z1neDlczmLPhMsSxCqS3f4OY5ZNAKi5JpILaS5eH/wuVeLQPvrAAVKzcoNx0C6rPuaA5EclOQmkgk9+J5h85s/eNPr9XhnUvm5NGOCb9526/lP/PXg0t6VAYSGra35Gsa7rw3q+YinvGM8PXESJ55Ib6g2x2cVoxHMS64pxEjeAz39gq6nuIFgjy+sjTMGrhfldVCScEzemGLjw98Obw0nyxsMjWWicuWZ+BzPATJxw9E4up0Jdznzm+GE6+LZnUrVEVAf6Ee0AVWoVEBKp1SvkYbmJtTEyy1272O+AOmfz/ooyyiTqK3sB2G1zzoVJ8IH6B4KFAcxwh5b+tGW2GMTiRQKTAAzHwg/GsIrIcXxmGOQFo4Axfrshrnz963eUn3+h770mDIDO/dFvnf6bQycyL2XXaC7DyS0c1EKBKxA7DFnePdlsGC05xMY/6UJcoOy5AbLhVmB9zpw7Sddcs699niVJGJMHy8gY3fjEiiKrAfbdRXBLiF/gDLL6QOAIA/B2TdirGIW7PG0r6BVCUcMhxvk/GEc0U2vQzNnztO8VIxQfHKGqJbVkcpaT0Bc6iRd7H1SMXK53D5X46LttfSqS3HaHghFkk24ui24G2k5zxH3teIABOSI4ZkN4UXsUzMMhLqhHEdHEMy9M9WnPycUO3kruf/MbzikXHqFyjrPBVC4gB6wMFB8kPbuDdEk0jJHt/pS4gUSEo0bEQa/hkRxhVYhRY4jVKW1jCJwZ99mReQ68GXeQ52OfXUUZTqAw3rpUdTpRhzhoZ70sVgJsXn0cO7iHIU3PVGh+9nt07dtfThVMktmbV25Zid4uK8RKxvZSXCv6OD4jxAZ6rrWgo7lcAwhuaGvghMh5fq3zEv3luUcSE++DZjwR0PnzRCVIfZ+oagzgT3vntj/3aTvGL+bd12wFQCe/8J1Tz/37DwffhCoE6o4Dn3yj4oiLUoheYgO4T4hZiJ/98LWQRgcCzjOwoRCSFMO5xDCq4oSlN1Co2GmSP9FgN8FhOAVGLbxBU4gRmJqmYE43gLKmvT44YPg+aJCe8Prs/fVbKAiJZrvVSzSzBFw/u36Nr9z2Ti63m0vaZui2+cVKEaLVuQYVLQh7N2JazDvEnhrohSm3GBu3qTACoA9ghgUJ9Wa8mfhNsIXdoLFmIDkyYDyz8ot36FnN2T/97HOGXn8xxI9715QB8MB3/vsTJ2tB6QoOkOUCdmcKMWLyJC6Aa/G3eIfEPcp5AM2IDh16nG646cYF749r25h9M2BCEKB3SBQB0eGZgvGHClQzeB4xbqWuJxOoAtYkoQJWJxC+o3gTbYiew9Uazc5WaOfLBsi5tsSEzZNo7cGbnqTlCL3bpC5lMHfbGmkxdatXNczO5DJD0JYZ4sIUYky7NHspm5KOEAvBi+3AqlTSItfNsPQX2AT6PxwTPXzbxak+T4kKZB7q/Mr/O5k4oLpiltg9GkZ6F0hseuF7vFkGZX1KooSg+yeZgJym3jEGEh3lTQaHsjqjC4C7jK/LoAgmxypVyAwV6VqjoiLxrjMSDZNOGXEghjJWEKQ5IgAGT0+mEVMm63OSCyK+JxD0arU4yWXmxBN07TtvpxCgOmxe3WPQ6WKl18Xe36i2KFfsfSdHCXjZ/n6p7CwuSymbIlJd1Bz26BjDVwJhbdiz2fvMQbAyJAqriu0tGGIcEQY5wF0NmIRLdPpp2B/FWRUQ+JqvAKwKffnEy7746fwXYBDH2YASED10vxAbneodJJXnccwAA8EYIUTMAo8NX+VGVCjkF8ApeMWIYt7pkQvrWgJCcEJScU28QCzluWSLIhRlBwQaCS8RoM8w3LBTOSnKQP3xXGp4APQpmnEdekIldGK2QrX5Kt34yh00vzugeQPSsmvzQPdHVxZ4gVJ1PnshZFtyy98SXLN/E89SL5J+pW5YxuQD4oDCtCaC3nZvArNv1e7p9k6M6UFQ0yS+iHcIKwnPMVRWc402AomKyMQLNNYHJSdfn59/w2/dNPDBXsasl2ueEgZAx977llOPTMeFA1gBoAolgDiohN2h8PYoUyYFpdPhMYqbETVDRVNTM7Rrz1ZNVK1Eg+AwcshCM1lZWDlg4NrYncV0Y4E+iEcI3+Hn9yJF2Loo8l3yWjGFGZezv+phQmdaEY1RQlOtFs2dG6crf+0AJ6XAUBSi4oCbIQoxwm0mWA7jvxQBL0fcyxE2G6Io1bI6WkTb3Ynm7GQVSHjG9VjZlNql2dlGlaERBvMjblUhXEj/IpCpxpDe1awf+8FzClf1Qti9XvOUMcC73/1ud27ql2Jsfu2MFLUtgHkx26NCPw/DhHwTDm4h4tuIaGQgoIoxMhExxgrC+qHU7TEeIY4gG1WIK7lZniXZqFsGCc1xTSErwCWBMawKGdJqUKOR0Ezg0NFKjU4A7jw+SVF1nKHO3WDOyEjDefsAkbC0W0RNWqkHaCmjdzHPU3UupNGtwZP61ivRpJPkxUiWz26pj6zTG9iLuEQ5AQqqkYkTcNWIpiIHtS9BC1pL5pxx+C1O3LJKHGu96FPGAOjD333hxP/z939f+nMYxGExR5kk5t3j4R1CbAD4fs93eFUAMxw+8hjdfPNBBs/hkMyytkFjqRZ2kgt+l2oRILz2TvWINcSKXN9lAoe+3zQE344Qm5jCdBTTjO/ShMH7yD5embEn6Iq/+LklIQ9gBKhfi9XxXMwoXuw80I+wNVbiWu2VuBe7bimQXLeqEWkjeqnnc5Vu8frAHmhpyAOMXzGovzI6ddPBvVseutj3SN//lDIAOvP2XziahLmykyllqREElE1iSjDzBiAH0R41Y2o1QhodznGhLCiLWDHEZSq4H5b6kOSRIqws8Bb5qDYHW4JFikOxIWjJ9MIndEuoOxkFpKeODg+Qw8ktxcShCphSKXoicGl+rkLHHMUJ7sFDD5OqHFX7/vyXnGlfw3Kxly+6D3UH/0SiS1wgrb4s58FZjSivTDqIqVnvJLosp0qliWW58ig9g+kkV8PEaHSqo6IkDsn1OkY5r9ou0a2q+vkvPaf0itUmfiaJS9HoStpUSjlvfuP5xMv75G0tc4xbgWhrIa8EDJpqxW3VRwKJnB1mPEdt/AgnV+g8ZCwSwPuA6AWCbWsdYZRQ4LuET8Yk8RKt7Q2uWxom1FQJhb5LUaRoqtaiEyrU25lOzVI4d4b8sftppHYiLv32u7zqXq3oLjBWO6VF29Jafk/r6fiOVQq2hB1EA1NDRUjXDUU7xivLZRV7OdoYfdmaKrUDZS9tXMg1C4pfGYMIqg/eAUyJjKKkAaGlQ/BOxmHvD95vOEmih5+RjipcSC+63/OUMwC6dffdp5/3/388c3cwUqSc73CNUIScEJ2FSB87fJiuO7CfQhMJE+ONq0AbQm7BXvAdioEVksrQgC/EMSlYZuZNpZ6Pljk6chzBRRonjApNAldjgMKYWo5D9URRrRnR2SikSqVBx1VEk1PH2sT/vKc97d7/+Ot3/fxdM6OPYcm2jeBudf5FZ+8Gj+7m6QEz2MR/MfihKIzJNxCR1SOhVEt22D31kxjA7IU20V6oO8qUD1FwVxcccnyHUNEHoLezt66+3m93a10wADr0zrd/9+NHZ/f87Gh5gOsGuagdBDWmEdHQQIaqoVZrYD3ik7E9wNTBW+M71EKqnAH8wAuEyhS4jv92HO1XxmH8/6xJYZXJeZRzXF5NolZEju+RD1UHnp9Y0VyIim4JnZmp0ANRlY1ekfw3X3X1mS/+zev3oNmbPjr58MmrR25AMomoNXY1N1wDYoYdgJ6IVLdXAiF2WZolVNHOkTDwiuXSJLt5gdg/D5/6KiTnCAF1iwvYxIXfGeZs75mMjfNMRYekqiiqxGyH4Vq/6FIQOBTD9e0T/XBfb5UdLoaZ1w0D4CXe9Pp7Hz4X77phy/YB9vvCEK5Upqg8uIXBbey/h5enFWuCZgwEkZsBrFozi5yHKgSYRdxKyM/7fA+YoX0Y5Rzt4h78FiPvgEFZimphTOdJ0fjZGc75nahV6PyJQ0QzT6hyMJFcMbp18t5vvHm7PfhbP3iu3rpmay436LQxMJDYUvmZVx2UdjRGrNzLMs7oxd1sAvu6C0moXyr55EKJB9AGQBRs+Ww/B0A2oERB7IA/4DpdakXj+sPZmMK5mIpRRTXmYqc8RKqZLzheHKtWueTcveeHxdtvv712of3r9b51xQDo9Cvf/Jmfaow97f+M7hrgWvQ7rxikWq1FhUKGkBKJgWw2QyoUslStNimbRb6A3gHe9z2KEAxrRlQsZqlSaVLJpGLKgMzN6eIymQyuTSiT8fl63I+j6rvUQC2jiQpNJTFNVufpuDdDQ4+covr0V5mDbtm/879+6+vveke3Qb7rl/76td993o9/yC955KJqsZVeuBLPSK8T2Mt13fbx7eW+9DXdIA5p5hK/Pie3IzCI4KEh46SiJX44n5A6O0NqGhkTwAElVBiIlSqNUL7W/N6Zt155x4X070LuWXcMIC/xjBf+4YeHys97DbCdWWfQwJthHHkclZWjVQ9Z0ss5eIuwbSerS6mjXmlygAwlvhlmAWLHfq5cKDchFxtn1yqkopgqM+dpzK3S8MQszYdnklAd5eve+c5Xjb7jF39sernBfubbv/Er/zhy4Hf9vYOUGfFZt8XBcQD8Q0kXg0BFdhOw70BBMijM+MwZAW6SP/h1ZFNpc45hyZGWtAlq5piaqYAUiJEJ6QtUJl+LeAjgBiZhHec4omt2E4HqBCnN+bowxgPEYnTkFs8AA4inB0YqVgF+B2uDEXuFgooTVxNeUVvnGkTzdVITc0SVOUrmz8DTwDVyHNejggru/9xr/NvuvPPOHk365Wagt9/XLQNI9//gz7+6+zN/dt9vnZ8a/Mmp8145k81TGDYpWAyMbm6Mwhb5droRqx/do5+tVoM8z6dq8zwrImECcESdMt786S1D2e9s3bP9Wx/+/X/yx/v37++C8l96oO9RKvi3r/3cG+8f2f0+tfPKjK4R0x1/w0wLakIMxNQ75E1DsPEa6B+1+dmeMTa9YfIEQCgEAuEVWOSQyDpn0QGxB5wBrGveasZ84qwPj4zeOIFLGNqVyJahKcRwEinZXWmQmq1ywEKdmiRVO0/+uQnKTUypfHY2cZOIMnv2fepVL9v9q7/95pdp6fIUHOueAZ6CMbnkj/zcPfcUvvPNmXKlGm89/8TYSORkS6f80eFWS62sFkmSFJTrNl2VAA2SVZR4zdhzkFunKM4r5YSO6zZJxT3Veagn/pZ2kTDXpUYU5xPHfdKejq1mNNBtkDJZfy5Tn2sVSvmjeyvHxka25I4P771qcnDAP//in7xm9s4eShVe8sFPPaDPAGs94v3nrasR6DPAupqOfmfWegT6DLDWI95/3roagT4DrKvp6HdmrUegzwBrPeL9562rEegzwLqajn5n1noE+gyw1iPef966GoE+A6yr6eh3Zq1HoM8Aaz3i/eetqxHoM8C6mo5+Z9Z6BPoMsNYj3n/euhqBPgOsq+nod2atR6DPAGs94v3nrasR6DPAupqOfmfWegT6DLDWI95/3roagT4DrKvp6HdmrUegzwBrPeL9562rEegzwLqajn5n1noE+gyw1iPef966GoE+A6yr6eh3Zq1HoM8Aaz3i/eetqxHoM8C6mo5+Z9Z6BPoMsNYj3n/euhqBPgOsq+nod2atR6DPAGs94v3nrasR6DPAupqOfmfWegT6DLDWI95/3roagT4DrKvp6HdmrUegzwBrPeL9562rEegzwLqajn5n1noE+gyw1iPef966GoH/C1zAroKuwIcHAAAAAElFTkSuQmCC`;
diff --git a/playground/src/views/demos/features/file-download/index.vue b/playground/src/views/demos/features/file-download/index.vue
deleted file mode 100644
index 5342141d0..000000000
--- a/playground/src/views/demos/features/file-download/index.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-import {
-  downloadFileFromBase64,
-  downloadFileFromBlobPart,
-  downloadFileFromImageUrl,
-  downloadFileFromUrl,
-} from '@vben/utils';
-
-import { Button, Card } from 'ant-design-vue';
-
-import { downloadFile1, downloadFile2 } from '#/api/examples/download';
-
-import imageBase64 from './base64';
-
-const downloadResult = ref('');
-
-function getBlob() {
-  downloadFile1().then((res) => {
-    downloadResult.value = `获取Blob成功，长度：${res.size}`;
-  });
-}
-
-function getResponse() {
-  downloadFile2().then((res) => {
-    downloadResult.value = `获取Response成功，headers：${JSON.stringify(res.headers)},长度：${res.data.size}`;
-  });
-}
-</script>
-
-<template>
-  <Page title="文件下载示例">
-    <Card title="根据文件地址下载文件">
-      <Button
-        type="primary"
-        @click="
-          downloadFileFromUrl({
-            source:
-              'https://codeload.github.com/vbenjs/vue-vben-admin-doc/zip/main',
-            target: '_self',
-          })
-        "
-      >
-        Download File
-      </Button>
-    </Card>
-
-    <Card class="my-5" title="根据地址下载图片">
-      <Button
-        type="primary"
-        @click="
-          downloadFileFromImageUrl({
-            source:
-              'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
-            fileName: 'vben-logo.png',
-          })
-        "
-      >
-        Download File
-      </Button>
-    </Card>
-
-    <Card class="my-5" title="base64流下载">
-      <Button
-        type="primary"
-        @click="
-          downloadFileFromBase64({
-            source: imageBase64,
-            fileName: 'image.png',
-          })
-        "
-      >
-        Download Image
-      </Button>
-    </Card>
-    <Card class="my-5" title="文本下载">
-      <Button
-        type="primary"
-        @click="
-          downloadFileFromBlobPart({
-            source: 'text content',
-            fileName: 'test.txt',
-          })
-        "
-      >
-        Download TxT
-      </Button>
-    </Card>
-
-    <Card class="my-5" title="Request download">
-      <Button type="primary" @click="getBlob"> 获取Blob </Button>
-      <Button type="primary" class="ml-4" @click="getResponse">
-        获取Response
-      </Button>
-      <div class="mt-4">{{ downloadResult }}</div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/full-screen/index.vue b/playground/src/views/demos/features/full-screen/index.vue
deleted file mode 100644
index 485b2e43b..000000000
--- a/playground/src/views/demos/features/full-screen/index.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { useFullscreen } from '@vueuse/core';
-import { Button, Card } from 'ant-design-vue';
-
-const domRef = ref<HTMLElement>();
-
-const { enter, exit, isFullscreen, toggle } = useFullscreen();
-
-const { isFullscreen: isDomFullscreen, toggle: toggleDom } =
-  useFullscreen(domRef);
-</script>
-
-<template>
-  <Page title="全屏示例">
-    <Card title="Window Full Screen">
-      <div class="flex flex-wrap items-center gap-4">
-        <Button :disabled="isFullscreen" type="primary" @click="enter">
-          Enter Window Full Screen
-        </Button>
-        <Button @click="toggle"> Toggle Window Full Screen </Button>
-
-        <Button :disabled="!isFullscreen" danger @click="exit">
-          Exit Window Full Screen
-        </Button>
-
-        <span class="text-nowrap"> Current State: {{ isFullscreen }} </span>
-      </div>
-    </Card>
-
-    <Card class="mt-5" title="Dom Full Screen">
-      <Button type="primary" @click="toggleDom"> Enter Dom Full Screen </Button>
-    </Card>
-
-    <div
-      ref="domRef"
-      class="mx-auto mt-10 flex h-64 w-1/2 items-center justify-center rounded-md bg-yellow-400"
-    >
-      <Button class="mr-2" type="primary" @click="toggleDom">
-        {{ isDomFullscreen ? 'Exit Dom Full Screen' : 'Enter Dom Full Screen' }}
-      </Button>
-    </div>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/hide-menu-children/children.vue b/playground/src/views/demos/features/hide-menu-children/children.vue
deleted file mode 100644
index 1959f96dc..000000000
--- a/playground/src/views/demos/features/hide-menu-children/children.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import { Fallback, VbenButton } from '@vben/common-ui';
-import { useTabs } from '@vben/hooks';
-import { X } from '@vben/icons';
-
-const { closeCurrentTab } = useTabs();
-</script>
-
-<template>
-  <Fallback
-    description="当前路由在菜单中不可见"
-    status="coming-soon"
-    title="被隐藏的子菜单"
-    show-back
-  >
-    <template #action>
-      <VbenButton size="lg" @click="closeCurrentTab()">
-        <X class="mr-2 size-4" />
-        关闭当前标签页
-      </VbenButton>
-    </template>
-  </Fallback>
-</template>
diff --git a/playground/src/views/demos/features/hide-menu-children/parent.vue b/playground/src/views/demos/features/hide-menu-children/parent.vue
deleted file mode 100644
index b732c1bee..000000000
--- a/playground/src/views/demos/features/hide-menu-children/parent.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    :description="`当前路由：${String($route.name)}，子菜单不可见`"
-    status="coming-soon"
-    title="隐藏子菜单"
-  >
-    <template #action>
-      <RouterLink to="/demos/features/hide-menu-children/children">
-        打开子路由
-      </RouterLink>
-    </template>
-  </Fallback>
-</template>
diff --git a/playground/src/views/demos/features/icons/index.vue b/playground/src/views/demos/features/icons/index.vue
deleted file mode 100644
index 994c99552..000000000
--- a/playground/src/views/demos/features/icons/index.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<script lang="ts" setup>
-import { h, ref } from 'vue';
-
-import { IconPicker, Page } from '@vben/common-ui';
-import {
-  MdiKeyboardEsc,
-  SvgAvatar1Icon,
-  SvgAvatar2Icon,
-  SvgAvatar3Icon,
-  SvgAvatar4Icon,
-  SvgBellIcon,
-  SvgCakeIcon,
-  SvgCardIcon,
-  SvgDownloadIcon,
-  SvgGithubIcon,
-  SvgGoogleIcon,
-  SvgQQChatIcon,
-  SvgWeChatIcon,
-} from '@vben/icons';
-
-import { Card, Input } from 'ant-design-vue';
-
-const iconValue1 = ref('ant-design:trademark-outlined');
-const iconValue2 = ref('svg:avatar-1');
-const iconValue3 = ref('mdi:alien-outline');
-const iconValue4 = ref('mdi-light:book-multiple');
-
-const inputComponent = h(Input);
-</script>
-
-<template>
-  <Page title="图标">
-    <template #description>
-      <div class="text-foreground/80 mt-2">
-        图标可在
-        <a
-          class="text-primary"
-          href="https://icon-sets.iconify.design/"
-          target="_blank"
-        >
-          Iconify
-        </a>
-        中查找，支持多种图标库，如 Material Design, Font Awesome, Jam Icons 等。
-      </div>
-    </template>
-
-    <Card class="mb-5" title="Iconify">
-      <div class="flex items-center gap-5">
-        <SvgGithubIcon class="size-8" />
-        <SvgGoogleIcon class="size-8" />
-        <SvgQQChatIcon class="size-8" />
-        <SvgWeChatIcon class="size-8" />
-        <MdiKeyboardEsc class="size-8" />
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="Svg Icons">
-      <div class="flex items-center gap-5">
-        <SvgAvatar1Icon class="size-8" />
-        <SvgAvatar2Icon class="size-8 text-red-500" />
-        <SvgAvatar3Icon class="size-8 text-green-500" />
-        <SvgAvatar4Icon class="size-8" />
-        <SvgCakeIcon class="size-8" />
-        <SvgBellIcon class="size-8" />
-        <SvgCardIcon class="size-8" />
-        <SvgDownloadIcon class="size-8" />
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="Tailwind CSS">
-      <div class="flex items-center gap-5 text-3xl">
-        <span class="icon-[ant-design--alipay-circle-outlined]"></span>
-        <span class="icon-[ant-design--account-book-filled]"></span>
-        <span class="icon-[ant-design--container-outlined]"></span>
-        <span class="icon-[svg-spinners--wind-toy]"></span>
-        <span class="icon-[svg-spinners--blocks-wave]"></span>
-        <span class="icon-[line-md--compass-filled-loop]"></span>
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="图标选择器">
-      <div class="mb-5 flex items-center gap-5">
-        <span>原始样式(Iconify):</span>
-        <IconPicker v-model="iconValue1" class="w-[200px]" />
-      </div>
-      <div class="mb-5 flex items-center gap-5">
-        <span>原始样式(svg):</span>
-        <IconPicker v-model="iconValue2" class="w-[200px]" prefix="svg" />
-      </div>
-      <div class="mb-5 flex items-center gap-5">
-        <span>自定义Input:</span>
-        <IconPicker
-          :input-component="inputComponent"
-          v-model="iconValue3"
-          icon-slot="addonAfter"
-          model-value-prop="value"
-          prefix="mdi"
-        />
-      </div>
-      <div class="flex items-center gap-5">
-        <span>显示为一个Icon:</span>
-        <Input
-          v-model:value="iconValue4"
-          allow-clear
-          placeholder="点击这里选择图标"
-          style="width: 300px"
-        >
-          <template #addonAfter>
-            <IconPicker v-model="iconValue4" prefix="mdi-light" type="icon" />
-          </template>
-        </Input>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/json-bigint/index.vue b/playground/src/views/demos/features/json-bigint/index.vue
deleted file mode 100644
index d1f58145c..000000000
--- a/playground/src/views/demos/features/json-bigint/index.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Alert, Button, Card } from 'ant-design-vue';
-
-import { getBigIntData } from '#/api/examples/json-bigint';
-
-const response = ref('');
-function fetchData() {
-  getBigIntData().then((res) => {
-    response.value = res;
-  });
-}
-</script>
-<template>
-  <Page
-    title="JSON BigInt Support"
-    description="解析后端返回的长整数（long/bigInt）。代码位置：playground/src/api/request.ts中的transformResponse"
-  >
-    <Card>
-      <Alert>
-        <template #message>
-          有些后端接口返回的ID是长整数，但javascript原生的JSON解析是不支持超过2^53-1的长整数的。
-          这种情况可以建议后端返回数据前将长整数转换为字符串类型。如果后端不接受我们的建议😡……
-          <br />
-          下面的按钮点击后会发起请求，接口返回的JSON数据中的id字段是超出整数范围的数字，已自动将其解析为字符串
-        </template>
-      </Alert>
-      <Button class="mt-4" type="primary" @click="fetchData">发起请求</Button>
-      <div>
-        <pre>
-        {{ response }}
-        </pre>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/login-expired/index.vue b/playground/src/views/demos/features/login-expired/index.vue
deleted file mode 100644
index 532839af8..000000000
--- a/playground/src/views/demos/features/login-expired/index.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts" setup>
-import type { LoginExpiredModeType } from '@vben/types';
-
-import { Page } from '@vben/common-ui';
-import { preferences, updatePreferences } from '@vben/preferences';
-
-import { Button, Card } from 'ant-design-vue';
-
-import { getMockStatusApi } from '#/api';
-
-async function handleClick(type: LoginExpiredModeType) {
-  const loginExpiredMode = preferences.app.loginExpiredMode;
-
-  updatePreferences({ app: { loginExpiredMode: type } });
-  await getMockStatusApi('401');
-  updatePreferences({ app: { loginExpiredMode } });
-}
-</script>
-
-<template>
-  <Page title="登录过期演示">
-    <template #description>
-      <div class="text-foreground/80 mt-2">
-        接口请求遇到401状态码时，需要重新登录。有两种方式：
-        <p>1.转到登录页，登录成功后跳转回原页面</p>
-        <p>
-          2.弹出重新登录弹窗，登录后关闭弹窗，不进行任何页面跳转（刷新后还是会跳转登录页面）
-        </p>
-      </div>
-    </template>
-
-    <Card class="mb-5" title="跳转登录页面方式">
-      <Button type="primary" @click="handleClick('page')"> 点击触发 </Button>
-    </Card>
-    <Card class="mb-5" title="登录弹窗方式">
-      <Button type="primary" @click="handleClick('modal')"> 点击触发 </Button>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/menu-query/index.vue b/playground/src/views/demos/features/menu-query/index.vue
deleted file mode 100644
index 6943a248d..000000000
--- a/playground/src/views/demos/features/menu-query/index.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="点击菜单，将会带上参数"
-    status="coming-soon"
-    title="菜单带参示例"
-  />
-</template>
diff --git a/playground/src/views/demos/features/new-window/index.vue b/playground/src/views/demos/features/new-window/index.vue
deleted file mode 100644
index 68f89d0d0..000000000
--- a/playground/src/views/demos/features/new-window/index.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback
-    description="当前页面已在新窗口内打开"
-    status="coming-soon"
-    title="新窗口打开页面"
-  />
-</template>
diff --git a/playground/src/views/demos/features/request-params-serializer/index.vue b/playground/src/views/demos/features/request-params-serializer/index.vue
deleted file mode 100644
index 4ed4d08e1..000000000
--- a/playground/src/views/demos/features/request-params-serializer/index.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import { computed, ref, watchEffect } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Card, Radio, RadioGroup } from 'ant-design-vue';
-
-import { getParamsData } from '#/api/examples/params';
-
-const params = { ids: [2512, 3241, 4255] };
-const paramsSerializer = ref<'brackets' | 'comma' | 'indices' | 'repeat'>(
-  'brackets',
-);
-const response = ref('');
-const paramsStr = computed(() => {
-  // 写一段代码，从完整的URL中提取参数部分
-  const url = response.value;
-  return new URL(url).searchParams.toString();
-});
-
-watchEffect(() => {
-  getParamsData(params, paramsSerializer.value).then((res) => {
-    response.value = res.request.responseURL;
-  });
-});
-</script>
-<template>
-  <Page
-    title="请求参数序列化"
-    description="不同的后台接口可能对数组类型的GET参数的解析方式不同，我们预置了几种数组序列化方式，通过配置 paramsSerializer 来实现不同的序列化方式"
-  >
-    <Card>
-      <RadioGroup v-model:value="paramsSerializer" name="paramsSerializer">
-        <Radio value="brackets">brackets</Radio>
-        <Radio value="comma">comma</Radio>
-        <Radio value="indices">indices</Radio>
-        <Radio value="repeat">repeat</Radio>
-      </RadioGroup>
-      <div class="mt-4 flex flex-col gap-4">
-        <div>
-          <h3>需要提交的参数</h3>
-          <div>{{ JSON.stringify(params, null, 2) }}</div>
-        </div>
-        <template v-if="response">
-          <div>
-            <h3>访问地址</h3>
-            <pre>{{ response }}</pre>
-          </div>
-          <div>
-            <h3>参数字符串</h3>
-            <pre>{{ paramsStr }}</pre>
-          </div>
-          <div>
-            <h3>参数解码</h3>
-            <pre>{{ decodeURIComponent(paramsStr) }}</pre>
-          </div>
-        </template>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/tabs/index.vue b/playground/src/views/demos/features/tabs/index.vue
deleted file mode 100644
index 5e7bfa2eb..000000000
--- a/playground/src/views/demos/features/tabs/index.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { Page } from '@vben/common-ui';
-import { useTabs } from '@vben/hooks';
-
-import { Button, Card, Input } from 'ant-design-vue';
-
-const router = useRouter();
-const newTabTitle = ref('');
-
-const {
-  closeAllTabs,
-  closeCurrentTab,
-  closeLeftTabs,
-  closeOtherTabs,
-  closeRightTabs,
-  closeTabByKey,
-  refreshTab,
-  resetTabTitle,
-  setTabTitle,
-} = useTabs();
-
-function openTab() {
-  // 这里就是路由跳转，也可以用path
-  router.push({ name: 'VbenAbout' });
-}
-
-function openTabWithParams(id: number) {
-  // 这里就是路由跳转，也可以用path
-  router.push({ name: 'FeatureTabDetailDemo', params: { id } });
-}
-
-function reset() {
-  newTabTitle.value = '';
-  resetTabTitle();
-}
-</script>
-
-<template>
-  <Page description="用于需要操作标签页的场景" title="标签页">
-    <Card class="mb-5" title="打开/关闭标签页">
-      <div class="text-foreground/80 mb-3">
-        如果标签页存在，直接跳转切换。如果标签页不存在，则打开新的标签页。
-      </div>
-      <div class="flex flex-wrap gap-3">
-        <Button type="primary" @click="openTab"> 打开 "关于" 标签页 </Button>
-        <Button type="primary" @click="closeTabByKey('/vben-admin/about')">
-          关闭 "关于" 标签页
-        </Button>
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="标签页操作">
-      <div class="text-foreground/80 mb-3">用于动态控制标签页的各种操作</div>
-      <div class="flex flex-wrap gap-3">
-        <Button type="primary" @click="closeCurrentTab()">
-          关闭当前标签页
-        </Button>
-        <Button type="primary" @click="closeLeftTabs()">
-          关闭左侧标签页
-        </Button>
-        <Button type="primary" @click="closeRightTabs()">
-          关闭右侧标签页
-        </Button>
-        <Button type="primary" @click="closeAllTabs()"> 关闭所有标签页 </Button>
-        <Button type="primary" @click="closeOtherTabs()">
-          关闭其他标签页
-        </Button>
-        <Button type="primary" @click="refreshTab()"> 刷新当前标签页 </Button>
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="动态标题">
-      <div class="text-foreground/80 mb-3">
-        该操作不会影响页面标题，仅修改Tab标题
-      </div>
-      <div class="flex flex-wrap items-center gap-3">
-        <Input
-          v-model:value="newTabTitle"
-          class="w-40"
-          placeholder="请输入新标题"
-        />
-        <Button type="primary" @click="() => setTabTitle(newTabTitle)">
-          修改
-        </Button>
-        <Button @click="reset"> 重置 </Button>
-      </div>
-    </Card>
-
-    <Card class="mb-5" title="最大打开数量">
-      <div class="text-foreground/80 mb-3">
-        限制带参数的tab打开的最大数量，由 `route.meta.maxNumOfOpenTab` 控制
-      </div>
-      <div class="flex flex-wrap items-center gap-3">
-        <template v-for="item in 5" :key="item">
-          <Button type="primary" @click="openTabWithParams(item)">
-            打开{{ item }}详情页
-          </Button>
-        </template>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/tabs/tab-detail.vue b/playground/src/views/demos/features/tabs/tab-detail.vue
deleted file mode 100644
index c03b61c8c..000000000
--- a/playground/src/views/demos/features/tabs/tab-detail.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { Page } from '@vben/common-ui';
-import { useTabs } from '@vben/hooks';
-
-const route = useRoute();
-
-const { setTabTitle } = useTabs();
-
-const index = computed(() => {
-  return route.params?.id ?? -1;
-});
-
-setTabTitle(`No.${index.value} - 详情信息`);
-</script>
-
-<template>
-  <Page :title="`标签页${index}详情页`">
-    <template #description> {{ index }} - 详情页内容在此 </template>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/concurrency-caching.vue b/playground/src/views/demos/features/vue-query/concurrency-caching.vue
deleted file mode 100644
index 1e0f32800..000000000
--- a/playground/src/views/demos/features/vue-query/concurrency-caching.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import type { Recordable } from '@vben/types';
-
-import { useQuery } from '@tanstack/vue-query';
-
-import { useVbenForm } from '#/adapter/form';
-import { getMenuList } from '#/api';
-
-const queryKey = ['demo', 'api', 'options'];
-const count = 4;
-
-const { dataUpdatedAt, promise: fetchDataFn } = useQuery({
-  // 在组件渲染期间预取数据
-  experimental_prefetchInRender: true,
-  // 获取接口数据的函数
-  queryFn: getMenuList,
-  queryKey,
-  // 每次组件挂载时都重新获取数据。如果不需要每次都重新获取就不要设置为always
-  refetchOnMount: 'always',
-  // 缓存时间
-  staleTime: 1000 * 60 * 5,
-});
-
-async function fetchOptions() {
-  return await fetchDataFn.value;
-}
-
-const schema = [];
-
-for (let i = 0; i < count; i++) {
-  schema.push({
-    component: 'ApiSelect',
-    componentProps: {
-      api: fetchOptions,
-      class: 'w-full',
-      filterOption: (input: string, option: Recordable<any>) => {
-        return option.label.toLowerCase().includes(input.toLowerCase());
-      },
-      labelField: 'name',
-      showSearch: true,
-      valueField: 'id',
-    },
-    fieldName: `field${i}`,
-    label: `Select ${i}`,
-  });
-}
-
-const [Form] = useVbenForm({
-  schema,
-  showDefaultActions: false,
-});
-</script>
-<template>
-  <div>
-    <div class="mb-2 flex gap-2">
-      <div>以下{{ count }}个组件共用一个数据源。</div>
-      <div>缓存更新时间：{{ new Date(dataUpdatedAt).toLocaleString() }}</div>
-    </div>
-    <Form />
-  </div>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/index.vue b/playground/src/views/demos/features/vue-query/index.vue
deleted file mode 100644
index 00dd6e4f1..000000000
--- a/playground/src/views/demos/features/vue-query/index.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import { Page } from '@vben/common-ui';
-
-import { refAutoReset } from '@vueuse/core';
-import { Button, Card, Empty } from 'ant-design-vue';
-
-import ConcurrencyCaching from './concurrency-caching.vue';
-import InfiniteQueries from './infinite-queries.vue';
-import PaginatedQueries from './paginated-queries.vue';
-import QueryRetries from './query-retries.vue';
-
-const showCaching = refAutoReset(true, 1000);
-</script>
-
-<template>
-  <Page title="Vue Query示例">
-    <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
-      <Card title="分页查询">
-        <PaginatedQueries />
-      </Card>
-      <Card title="无限滚动">
-        <InfiniteQueries class="h-[300px] overflow-auto" />
-      </Card>
-      <Card title="错误重试">
-        <QueryRetries />
-      </Card>
-      <Card
-        title="并发和缓存"
-        v-spinning="!showCaching"
-        :body-style="{ minHeight: '330px' }"
-      >
-        <template #extra>
-          <Button @click="showCaching = false">重新加载</Button>
-        </template>
-        <ConcurrencyCaching v-if="showCaching" />
-        <Empty v-else description="正在加载..." />
-      </Card>
-    </div>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/infinite-queries.vue b/playground/src/views/demos/features/vue-query/infinite-queries.vue
deleted file mode 100644
index 2add4c158..000000000
--- a/playground/src/views/demos/features/vue-query/infinite-queries.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup lang="ts">
-import type { IProducts } from './typing';
-
-import { useInfiniteQuery } from '@tanstack/vue-query';
-import { Button } from 'ant-design-vue';
-
-const LIMIT = 10;
-const fetchProducts = async ({ pageParam = 0 }): Promise<IProducts> => {
-  const res = await fetch(
-    `https://dummyjson.com/products?limit=${LIMIT}&skip=${pageParam * LIMIT}`,
-  );
-  return res.json();
-};
-
-const {
-  data,
-  error,
-  fetchNextPage,
-  hasNextPage,
-  isError,
-  isFetching,
-  isFetchingNextPage,
-  isPending,
-} = useInfiniteQuery({
-  getNextPageParam: (current, allPages) => {
-    const nextPage = allPages.length + 1;
-    const lastPage = current.skip + current.limit;
-    if (lastPage === current.total) return;
-    return nextPage;
-  },
-  initialPageParam: 0,
-  queryFn: fetchProducts,
-  queryKey: ['products'],
-});
-</script>
-
-<template>
-  <div>
-    <span v-if="isPending">加载...</span>
-    <span v-else-if="isError">出错了: {{ error }}</span>
-    <div v-else-if="data">
-      <span v-if="isFetching && !isFetchingNextPage">Fetching...</span>
-      <ul v-for="(group, index) in data.pages" :key="index">
-        <li v-for="product in group.products" :key="product.id">
-          {{ product.title }}
-        </li>
-      </ul>
-      <Button
-        :disabled="!hasNextPage || isFetchingNextPage"
-        @click="() => fetchNextPage()"
-      >
-        <span v-if="isFetchingNextPage">加载中...</span>
-        <span v-else-if="hasNextPage">加载更多</span>
-        <span v-else>没有更多了</span>
-      </Button>
-    </div>
-  </div>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/paginated-queries.vue b/playground/src/views/demos/features/vue-query/paginated-queries.vue
deleted file mode 100644
index a29e4b970..000000000
--- a/playground/src/views/demos/features/vue-query/paginated-queries.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import type { Ref } from 'vue';
-
-import type { IProducts } from './typing';
-
-import { ref } from 'vue';
-
-import { keepPreviousData, useQuery } from '@tanstack/vue-query';
-import { Button } from 'ant-design-vue';
-
-const LIMIT = 10;
-const fetcher = async (page: Ref<number>): Promise<IProducts> => {
-  const res = await fetch(
-    `https://dummyjson.com/products?limit=${LIMIT}&skip=${(page.value - 1) * LIMIT}`,
-  );
-  return res.json();
-};
-
-const page = ref(1);
-const { data, error, isError, isPending, isPlaceholderData } = useQuery({
-  // The data from the last successful fetch is available while new data is being requested.
-  placeholderData: keepPreviousData,
-  queryFn: () => fetcher(page),
-  queryKey: ['products', page],
-});
-const prevPage = () => {
-  page.value = Math.max(page.value - 1, 1);
-};
-const nextPage = () => {
-  if (!isPlaceholderData.value) {
-    page.value = page.value + 1;
-  }
-};
-</script>
-
-<template>
-  <div class="flex gap-4">
-    <Button size="small" @click="prevPage">上一页</Button>
-    <p>当前页: {{ page }}</p>
-    <Button size="small" @click="nextPage">下一页</Button>
-  </div>
-  <div class="p-4">
-    <div v-if="isPending">加载中...</div>
-    <div v-else-if="isError">出错了: {{ error }}</div>
-    <div v-else-if="data">
-      <ul>
-        <li v-for="item in data.products" :key="item.id">
-          {{ item.title }}
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/query-retries.vue b/playground/src/views/demos/features/vue-query/query-retries.vue
deleted file mode 100644
index 0080386f8..000000000
--- a/playground/src/views/demos/features/vue-query/query-retries.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { useQuery } from '@tanstack/vue-query';
-import { Button } from 'ant-design-vue';
-
-const count = ref(-1);
-async function fetchApi() {
-  count.value += 1;
-  return new Promise((_resolve, reject) => {
-    setTimeout(() => {
-      reject(new Error('something went wrong!'));
-    }, 1000);
-  });
-}
-
-const { error, isFetching, refetch } = useQuery({
-  enabled: false, // Disable automatic refetching when the query mounts
-  queryFn: fetchApi,
-  queryKey: ['queryKey'],
-  retry: 3, // Will retry failed requests 3 times before displaying an error
-});
-
-const onClick = async () => {
-  count.value = -1;
-  await refetch();
-};
-</script>
-
-<template>
-  <Button :loading="isFetching" @click="onClick"> 发起错误重试 </Button>
-  <p v-if="count > 0" class="my-3">重试次数{{ count }}</p>
-  <p>{{ error }}</p>
-</template>
diff --git a/playground/src/views/demos/features/vue-query/typing.ts b/playground/src/views/demos/features/vue-query/typing.ts
deleted file mode 100644
index 95558dd8c..000000000
--- a/playground/src/views/demos/features/vue-query/typing.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export interface IProducts {
-  limit: number;
-  products: {
-    brand: string;
-    category: string;
-    description: string;
-    discountPercentage: string;
-    id: string;
-    images: string[];
-    price: string;
-    rating: string;
-    stock: string;
-    thumbnail: string;
-    title: string;
-  }[];
-  skip: number;
-  total: number;
-}
diff --git a/playground/src/views/demos/features/watermark/index.vue b/playground/src/views/demos/features/watermark/index.vue
deleted file mode 100644
index 27875fcc2..000000000
--- a/playground/src/views/demos/features/watermark/index.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-import { useWatermark } from '@vben/hooks';
-
-import { Button, Card } from 'ant-design-vue';
-
-const { destroyWatermark, updateWatermark, watermark } = useWatermark();
-
-async function recreateWaterMark() {
-  destroyWatermark();
-  await createWaterMark();
-}
-
-async function createWaterMark() {
-  await updateWatermark({
-    advancedStyle: {
-      colorStops: [
-        {
-          color: 'red',
-          offset: 0,
-        },
-        {
-          color: 'blue',
-          offset: 1,
-        },
-      ],
-      type: 'linear',
-    },
-    content: `hello my watermark\n${new Date().toLocaleString()}`,
-    globalAlpha: 0.5,
-    gridLayoutOptions: {
-      cols: 2,
-      gap: [20, 20],
-      matrix: [
-        [1, 0],
-        [0, 1],
-      ],
-      rows: 2,
-    },
-    height: 200,
-    layout: 'grid',
-    rotate: 22,
-    width: 200,
-  });
-}
-</script>
-
-<template>
-  <Page title="水印">
-    <template #description>
-      <div class="text-foreground/80 mt-2">
-        水印使用了
-        <a
-          class="text-primary"
-          href="https://zhensherlock.github.io/watermark-js-plus/"
-          target="_blank"
-        >
-          watermark-js-plus
-        </a>
-        开源插件，详细配置可见插件配置。
-      </div>
-    </template>
-
-    <Card title="使用">
-      <Button
-        :disabled="!!watermark"
-        class="mr-2"
-        type="primary"
-        @click="recreateWaterMark"
-      >
-        创建水印
-      </Button>
-      <Button
-        :disabled="!watermark"
-        class="mr-2"
-        type="primary"
-        @click="createWaterMark"
-      >
-        更新水印
-      </Button>
-      <Button :disabled="!watermark" danger @click="destroyWatermark">
-        移除水印
-      </Button>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/demos/nested/menu-1.vue b/playground/src/views/demos/nested/menu-1.vue
deleted file mode 100644
index f394930f2..000000000
--- a/playground/src/views/demos/nested/menu-1.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback status="coming-soon" />
-</template>
diff --git a/playground/src/views/demos/nested/menu-2-1.vue b/playground/src/views/demos/nested/menu-2-1.vue
deleted file mode 100644
index f394930f2..000000000
--- a/playground/src/views/demos/nested/menu-2-1.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback status="coming-soon" />
-</template>
diff --git a/playground/src/views/demos/nested/menu-3-1.vue b/playground/src/views/demos/nested/menu-3-1.vue
deleted file mode 100644
index f394930f2..000000000
--- a/playground/src/views/demos/nested/menu-3-1.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback status="coming-soon" />
-</template>
diff --git a/playground/src/views/demos/nested/menu-3-2-1.vue b/playground/src/views/demos/nested/menu-3-2-1.vue
deleted file mode 100644
index f394930f2..000000000
--- a/playground/src/views/demos/nested/menu-3-2-1.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Fallback } from '@vben/common-ui';
-</script>
-
-<template>
-  <Fallback status="coming-soon" />
-</template>
diff --git a/playground/src/views/examples/button-group/index.vue b/playground/src/views/examples/button-group/index.vue
deleted file mode 100644
index 23861da40..000000000
--- a/playground/src/views/examples/button-group/index.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<script lang="ts" setup>
-import type { Recordable } from '@vben/types';
-
-import { reactive, ref } from 'vue';
-
-import {
-  Page,
-  VbenButton,
-  VbenButtonGroup,
-  VbenCheckButtonGroup,
-} from '@vben/common-ui';
-import { LoaderCircle, Square, SquareCheckBig } from '@vben/icons';
-
-import { Button, Card, message } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const radioValue = ref<string | undefined>('a');
-const checkValue = ref(['a', 'b']);
-
-const options = [
-  { label: '选项1', value: 'a' },
-  { label: '选项2', value: 'b', num: 999 },
-  { label: '选项3', value: 'c' },
-  { label: '选项4', value: 'd' },
-  { label: '选项5', value: 'e' },
-  { label: '选项6', value: 'f' },
-];
-
-function resetValues() {
-  radioValue.value = undefined;
-  checkValue.value = [];
-}
-
-function beforeChange(v: any, isChecked: boolean) {
-  return new Promise((resolve) => {
-    message.loading({
-      content: `正在设置${v}为${isChecked ? '选中' : '未选中'}...`,
-      duration: 0,
-      key: 'beforeChange',
-    });
-    setTimeout(() => {
-      message.success({ content: `${v} 已设置成功`, key: 'beforeChange' });
-      resolve(true);
-    }, 2000);
-  });
-}
-
-const compProps = reactive({
-  beforeChange: undefined,
-  disabled: false,
-  gap: 0,
-  showIcon: true,
-  size: 'middle',
-  allowClear: false,
-} as Recordable<any>);
-
-const [Form] = useVbenForm({
-  handleValuesChange(values) {
-    Object.keys(values).forEach((k) => {
-      if (k === 'beforeChange') {
-        compProps[k] = values[k] ? beforeChange : undefined;
-      } else {
-        compProps[k] = values[k];
-      }
-    });
-  },
-  commonConfig: {
-    labelWidth: 150,
-  },
-  schema: [
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        options: [
-          { label: '大', value: 'large' },
-          { label: '中', value: 'middle' },
-          { label: '小', value: 'small' },
-        ],
-      },
-      defaultValue: compProps.size,
-      fieldName: 'size',
-      label: '尺寸',
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        options: [
-          { label: '无', value: 0 },
-          { label: '小', value: 5 },
-          { label: '中', value: 15 },
-          { label: '大', value: 30 },
-        ],
-      },
-      defaultValue: compProps.gap,
-      fieldName: 'gap',
-      label: '间距',
-    },
-    {
-      component: 'Switch',
-      defaultValue: compProps.showIcon,
-      fieldName: 'showIcon',
-      label: '显示图标',
-    },
-    {
-      component: 'Switch',
-      defaultValue: compProps.disabled,
-      fieldName: 'disabled',
-      label: '禁用',
-    },
-    {
-      component: 'Switch',
-      defaultValue: false,
-      fieldName: 'beforeChange',
-      label: '前置回调',
-    },
-    {
-      component: 'Switch',
-      defaultValue: false,
-      fieldName: 'allowClear',
-      label: '允许清除',
-      help: '单选时是否允许取消选中（值为undefined）',
-    },
-    {
-      component: 'InputNumber',
-      defaultValue: 0,
-      fieldName: 'maxCount',
-      label: '最大选中数量',
-      help: '多选时有效，0表示不限制',
-    },
-  ],
-  showDefaultActions: false,
-  submitOnChange: true,
-});
-
-function onBtnClick(value: any) {
-  const opt = options.find((o) => o.value === value);
-  if (opt) {
-    message.success(`点击了按钮${opt.label}，value = ${value}`);
-  }
-}
-</script>
-<template>
-  <Page
-    title="VbenButtonGroup 按钮组"
-    description="VbenButtonGroup是一个按钮容器，用于包裹一组按钮，协调整体样式。VbenCheckButtonGroup则可以作为一个表单组件，提供单选或多选功能"
-  >
-    <Card title="基本用法">
-      <template #extra>
-        <Button type="primary" @click="resetValues">清空值</Button>
-      </template>
-      <p class="mt-4">按钮组：</p>
-      <div class="mt-2 flex flex-col gap-2">
-        <VbenButtonGroup v-bind="compProps" border>
-          <VbenButton
-            v-for="btn in options"
-            :key="btn.value"
-            variant="link"
-            @click="onBtnClick(btn.value)"
-          >
-            {{ btn.label }}
-          </VbenButton>
-        </VbenButtonGroup>
-        <VbenButtonGroup v-bind="compProps" border>
-          <VbenButton
-            v-for="btn in options"
-            :key="btn.value"
-            variant="outline"
-            @click="onBtnClick(btn.value)"
-          >
-            {{ btn.label }}
-          </VbenButton>
-        </VbenButtonGroup>
-      </div>
-      <p class="mt-4">单选：{{ radioValue }}</p>
-      <div class="mt-2 flex flex-col gap-2">
-        <VbenCheckButtonGroup
-          v-model="radioValue"
-          :options="options"
-          v-bind="compProps"
-        />
-      </div>
-      <p class="mt-4">单选插槽：{{ radioValue }}</p>
-      <div class="mt-2 flex flex-col gap-2">
-        <VbenCheckButtonGroup
-          v-model="radioValue"
-          :options="options"
-          v-bind="compProps"
-        >
-          <template #option="{ label, value, data }">
-            <div class="flex items-center">
-              <span>{{ label }}</span>
-              <span class="ml-2 text-gray-400">{{ value }}</span>
-              <span v-if="data.num" class="white ml-2">{{ data.num }}</span>
-            </div>
-          </template>
-        </VbenCheckButtonGroup>
-      </div>
-      <p class="mt-4">多选{{ checkValue }}</p>
-      <div class="mt-2 flex flex-col gap-2">
-        <VbenCheckButtonGroup
-          v-model="checkValue"
-          multiple
-          :options="options"
-          v-bind="compProps"
-        />
-      </div>
-      <p class="mt-4">自定义图标{{ checkValue }}</p>
-      <div class="mt-2 flex flex-col gap-2">
-        <VbenCheckButtonGroup
-          v-model="checkValue"
-          multiple
-          :options="options"
-          v-bind="compProps"
-        >
-          <template #icon="{ loading, checked }">
-            <LoaderCircle class="animate-spin" v-if="loading" />
-            <SquareCheckBig v-else-if="checked" />
-            <Square v-else />
-          </template>
-        </VbenCheckButtonGroup>
-      </div>
-    </Card>
-
-    <Card title="设置" class="mt-4">
-      <Form />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/captcha/point-selection-captcha.vue b/playground/src/views/examples/captcha/point-selection-captcha.vue
deleted file mode 100644
index 498a97737..000000000
--- a/playground/src/views/examples/captcha/point-selection-captcha.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<script lang="ts" setup>
-import type { CaptchaPoint } from '@vben/common-ui';
-
-import { reactive, ref } from 'vue';
-
-import { Page, PointSelectionCaptcha } from '@vben/common-ui';
-
-import { Card, Input, InputNumber, message, Switch } from 'ant-design-vue';
-
-import { $t } from '#/locales';
-
-const DEFAULT_CAPTCHA_IMAGE =
-  'https://unpkg.com/@vbenjs/static-source@0.1.7/source/default-captcha-image.jpeg';
-
-const DEFAULT_HINT_IMAGE =
-  'https://unpkg.com/@vbenjs/static-source@0.1.7/source/default-hint-image.png';
-
-const selectedPoints = ref<CaptchaPoint[]>([]);
-const params = reactive({
-  captchaImage: '',
-  captchaImageUrl: DEFAULT_CAPTCHA_IMAGE,
-  height: undefined,
-  hintImage: '',
-  hintImageUrl: DEFAULT_HINT_IMAGE,
-  hintText: '唇，燕，碴，找',
-  paddingX: undefined,
-  paddingY: undefined,
-  showConfirm: true,
-  showHintImage: false,
-  title: '',
-  width: undefined,
-});
-const handleConfirm = (points: CaptchaPoint[], clear: () => void) => {
-  message.success({
-    content: `captcha points: ${JSON.stringify(points)}`,
-  });
-  clear();
-  selectedPoints.value = [];
-};
-const handleRefresh = () => {
-  selectedPoints.value = [];
-};
-const handleClick = (point: CaptchaPoint) => {
-  selectedPoints.value.push(point);
-};
-</script>
-
-<template>
-  <Page
-    :description="$t('examples.captcha.pageDescription')"
-    :title="$t('examples.captcha.pageTitle')"
-  >
-    <Card :title="$t('examples.captcha.basic')" class="mb-4 overflow-x-auto">
-      <div class="mb-3 flex items-center justify-start">
-        <Input
-          v-model:value="params.title"
-          :placeholder="$t('examples.captcha.titlePlaceholder')"
-          class="w-64"
-        />
-        <Input
-          v-model:value="params.captchaImageUrl"
-          :placeholder="$t('examples.captcha.captchaImageUrlPlaceholder')"
-          class="ml-8 w-64"
-        />
-        <div class="ml-8 flex w-96 items-center">
-          <Switch
-            v-model="params.showHintImage"
-            :checked-children="$t('examples.captcha.hintImage')"
-            :un-checked-children="$t('examples.captcha.hintText')"
-            class="mr-4 w-40"
-          />
-          <Input
-            v-show="params.showHintImage"
-            v-model:value="params.hintImageUrl"
-            :placeholder="$t('examples.captcha.hintImagePlaceholder')"
-          />
-          <Input
-            v-show="!params.showHintImage"
-            v-model:value="params.hintText"
-            :placeholder="$t('examples.captcha.hintTextPlaceholder')"
-          />
-        </div>
-
-        <Switch
-          v-model="params.showConfirm"
-          :checked-children="$t('examples.captcha.showConfirm')"
-          :un-checked-children="$t('examples.captcha.hideConfirm')"
-          class="ml-8 w-28"
-        />
-      </div>
-      <div class="mb-3 flex items-center justify-start">
-        <div>
-          <InputNumber
-            v-model:value="params.width"
-            :min="1"
-            :placeholder="$t('examples.captcha.widthPlaceholder')"
-            :precision="0"
-            :step="1"
-            class="w-64"
-          >
-            <template #addonAfter>px</template>
-          </InputNumber>
-        </div>
-        <div class="ml-8">
-          <InputNumber
-            v-model:value="params.height"
-            :min="1"
-            :placeholder="$t('examples.captcha.heightPlaceholder')"
-            :precision="0"
-            :step="1"
-            class="w-64"
-          >
-            <template #addonAfter>px</template>
-          </InputNumber>
-        </div>
-        <div class="ml-8">
-          <InputNumber
-            v-model:value="params.paddingX"
-            :min="1"
-            :placeholder="$t('examples.captcha.paddingXPlaceholder')"
-            :precision="0"
-            :step="1"
-            class="w-64"
-          >
-            <template #addonAfter>px</template>
-          </InputNumber>
-        </div>
-        <div class="ml-8">
-          <InputNumber
-            v-model:value="params.paddingY"
-            :min="1"
-            :placeholder="$t('examples.captcha.paddingYPlaceholder')"
-            :precision="0"
-            :step="1"
-            class="w-64"
-          >
-            <template #addonAfter>px</template>
-          </InputNumber>
-        </div>
-      </div>
-
-      <PointSelectionCaptcha
-        :captcha-image="params.captchaImageUrl || params.captchaImage"
-        :height="params.height || 220"
-        :hint-image="
-          params.showHintImage ? params.hintImageUrl || params.hintImage : ''
-        "
-        :hint-text="params.hintText"
-        :padding-x="params.paddingX"
-        :padding-y="params.paddingY"
-        :show-confirm="params.showConfirm"
-        :width="params.width || 300"
-        class="float-left"
-        @click="handleClick"
-        @confirm="handleConfirm"
-        @refresh="handleRefresh"
-      >
-        <template #title>
-          {{ params.title || $t('examples.captcha.captchaCardTitle') }}
-        </template>
-      </PointSelectionCaptcha>
-
-      <ol class="float-left p-5">
-        <li v-for="point in selectedPoints" :key="point.i" class="flex">
-          <span class="mr-3 w-16">{{
-            $t('examples.captcha.index') + point.i
-          }}</span>
-          <span class="mr-3 w-52">{{
-            $t('examples.captcha.timestamp') + point.t
-          }}</span>
-          <span class="mr-3 w-16">{{
-            $t('examples.captcha.x') + point.x
-          }}</span>
-          <span class="mr-3 w-16">{{
-            $t('examples.captcha.y') + point.y
-          }}</span>
-        </li>
-      </ol>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/captcha/slider-captcha.vue b/playground/src/views/examples/captcha/slider-captcha.vue
deleted file mode 100644
index 0a397655a..000000000
--- a/playground/src/views/examples/captcha/slider-captcha.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts" setup>
-import type {
-  CaptchaVerifyPassingData,
-  SliderCaptchaActionType,
-} from '@vben/common-ui';
-
-import { ref } from 'vue';
-
-import { Page, SliderCaptcha } from '@vben/common-ui';
-import { Bell, Sun } from '@vben/icons';
-
-import { Button, Card, message } from 'ant-design-vue';
-
-function handleSuccess(data: CaptchaVerifyPassingData) {
-  const { time } = data;
-  message.success(`校验成功,耗时${time}秒`);
-}
-function handleBtnClick(elRef?: SliderCaptchaActionType) {
-  if (!elRef) {
-    return;
-  }
-  elRef.resume();
-}
-
-const el1 = ref<SliderCaptchaActionType>();
-const el2 = ref<SliderCaptchaActionType>();
-const el3 = ref<SliderCaptchaActionType>();
-const el4 = ref<SliderCaptchaActionType>();
-const el5 = ref<SliderCaptchaActionType>();
-const el6 = ref<SliderCaptchaActionType>();
-</script>
-
-<template>
-  <Page description="用于前端简单的拖动校验场景" title="滑块校验">
-    <Card class="mb-5" title="基础示例">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha ref="el1" @success="handleSuccess" />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
-          还原
-        </Button>
-      </div>
-    </Card>
-    <Card class="mb-5" title="自定义圆角">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha
-          ref="el2"
-          class="rounded-full"
-          @success="handleSuccess"
-        />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el2)">
-          还原
-        </Button>
-      </div>
-    </Card>
-    <Card class="mb-5" title="自定义背景色">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha
-          ref="el3"
-          :bar-style="{
-            backgroundColor: '#018ffb',
-          }"
-          success-text="校验成功"
-          text="拖动以进行校验"
-          @success="handleSuccess"
-        />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el3)">
-          还原
-        </Button>
-      </div>
-    </Card>
-    <Card class="mb-5" title="自定义拖拽图标">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha ref="el4" @success="handleSuccess">
-          <template #actionIcon="{ isPassing }">
-            <Bell v-if="isPassing" />
-            <Sun v-else />
-          </template>
-        </SliderCaptcha>
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el4)">
-          还原
-        </Button>
-      </div>
-    </Card>
-    <Card class="mb-5" title="自定义文本">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha
-          ref="el5"
-          success-text="成功"
-          text="拖动"
-          @success="handleSuccess"
-        />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
-          还原
-        </Button>
-      </div>
-    </Card>
-    <Card class="mb-5" title="自定义内容(slot)">
-      <div class="flex items-center justify-center p-4 px-[30%]">
-        <SliderCaptcha ref="el6" @success="handleSuccess">
-          <template #text="{ isPassing }">
-            <template v-if="isPassing">
-              <Bell class="mr-2 size-4" />
-              成功
-            </template>
-            <template v-else>
-              拖动
-              <Sun class="ml-2 size-4" />
-            </template>
-          </template>
-        </SliderCaptcha>
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el6)">
-          还原
-        </Button>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/captcha/slider-rotate-captcha.vue b/playground/src/views/examples/captcha/slider-rotate-captcha.vue
deleted file mode 100644
index 237757741..000000000
--- a/playground/src/views/examples/captcha/slider-rotate-captcha.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { Page, SliderRotateCaptcha } from '@vben/common-ui';
-import { preferences } from '@vben/preferences';
-import { useUserStore } from '@vben/stores';
-
-import { Card, message } from 'ant-design-vue';
-
-const userStore = useUserStore();
-function handleSuccess() {
-  message.success('success!');
-}
-
-const avatar = computed(() => {
-  return userStore.userInfo?.avatar || preferences.app.defaultAvatar;
-});
-</script>
-
-<template>
-  <Page description="用于前端简单的拖动校验场景" title="滑块旋转校验">
-    <Card class="mb-5" title="基本示例">
-      <div class="flex items-center justify-center p-4">
-        <SliderRotateCaptcha :src="avatar" @success="handleSuccess" />
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/captcha/slider-translate-captcha.vue b/playground/src/views/examples/captcha/slider-translate-captcha.vue
deleted file mode 100644
index 78fbd86c5..000000000
--- a/playground/src/views/examples/captcha/slider-translate-captcha.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import { Page, SliderTranslateCaptcha } from '@vben/common-ui';
-
-import { Card, message } from 'ant-design-vue';
-
-function handleSuccess() {
-  message.success('success!');
-}
-</script>
-
-<template>
-  <Page
-    description="用于前端简单的拼图滑块水平拖动校验场景"
-    title="拼图滑块校验"
-  >
-    <Card class="mb-5" title="基本示例">
-      <div class="flex items-center justify-center p-4">
-        <SliderTranslateCaptcha
-          src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/pro-avatar.webp"
-          :canvas-width="420"
-          :canvas-height="420"
-          @success="handleSuccess"
-        />
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/count-to/index.vue b/playground/src/views/examples/count-to/index.vue
deleted file mode 100644
index 1309351d4..000000000
--- a/playground/src/views/examples/count-to/index.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<script lang="ts" setup>
-import type { CountToProps, TransitionPresets } from '@vben/common-ui';
-
-import { reactive } from 'vue';
-
-import { CountTo, Page, TransitionPresetsKeys } from '@vben/common-ui';
-import { IconifyIcon } from '@vben/icons';
-
-import {
-  Button,
-  Card,
-  Col,
-  Form,
-  FormItem,
-  Input,
-  InputNumber,
-  message,
-  Row,
-  Select,
-  Switch,
-} from 'ant-design-vue';
-
-const props = reactive<CountToProps & { transition: TransitionPresets }>({
-  decimal: '.',
-  decimals: 2,
-  decimalStyle: {
-    fontSize: 'small',
-    fontStyle: 'italic',
-  },
-  delay: 0,
-  disabled: false,
-  duration: 2000,
-  endVal: 100_000,
-  mainStyle: {
-    color: 'hsl(var(--primary))',
-    fontSize: 'xx-large',
-    fontWeight: 'bold',
-  },
-  prefix: '￥',
-  prefixStyle: {
-    paddingRight: '0.5rem',
-  },
-  separator: ',',
-  startVal: 0,
-  suffix: '元',
-  suffixStyle: {
-    paddingLeft: '0.5rem',
-  },
-  transition: 'easeOutQuart',
-});
-
-function changeNumber() {
-  props.endVal =
-    Math.floor(Math.random() * 100_000_000) / 10 ** (props.decimals || 0);
-}
-
-function openDocumentation() {
-  window.open('https://vueuse.org/core/useTransition/', '_blank');
-}
-
-function onStarted() {
-  message.loading({
-    content: '动画已开始',
-    duration: 0,
-    key: 'animator-info',
-  });
-}
-
-function onFinished() {
-  message.success({
-    content: '动画已结束',
-    duration: 2,
-    key: 'animator-info',
-  });
-}
-</script>
-<template>
-  <Page title="CountTo" description="数字滚动动画组件。使用">
-    <template #description>
-      <span>
-        使用useTransition封装的数字滚动动画组件，每次改变当前值都会产生过渡动画。
-      </span>
-      <Button type="link" @click="openDocumentation">
-        查看useTransition文档
-      </Button>
-    </template>
-    <Card title="基本用法">
-      <div class="flex w-full items-center justify-center pb-4">
-        <CountTo v-bind="props" @started="onStarted" @finished="onFinished" />
-      </div>
-      <Form :model="props">
-        <Row :gutter="20">
-          <Col :span="8">
-            <FormItem label="初始值" name="startVal">
-              <InputNumber v-model:value="props.startVal" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="当前值" name="endVal">
-              <InputNumber
-                v-model:value="props.endVal"
-                class="w-full"
-                :precision="props.decimals"
-              >
-                <template #addonAfter>
-                  <IconifyIcon
-                    v-tippy="`设置一个随机值`"
-                    class="size-5 cursor-pointer outline-none"
-                    icon="ix:random-filled"
-                    @click="changeNumber"
-                  />
-                </template>
-              </InputNumber>
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="禁用动画" name="disabled">
-              <Switch v-model="props.disabled" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="延迟动画" name="delay">
-              <InputNumber v-model:value="props.delay" :min="0" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="持续时间" name="duration">
-              <InputNumber v-model:value="props.duration" :min="0" />
-            </FormItem>
-          </Col>
-
-          <Col :span="8">
-            <FormItem label="小数位数" name="decimals">
-              <InputNumber
-                v-model:value="props.decimals"
-                :min="0"
-                :precision="0"
-              />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="分隔符" name="separator">
-              <Input v-model:value="props.separator" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="小数点" name="decimal">
-              <Input v-model:value="props.decimal" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="动画" name="transition">
-              <Select v-model:value="props.transition">
-                <Select.Option
-                  v-for="preset in TransitionPresetsKeys"
-                  :key="preset"
-                  :value="preset"
-                >
-                  {{ preset }}
-                </Select.Option>
-              </Select>
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="前缀" name="prefix">
-              <Input v-model:value="props.prefix" />
-            </FormItem>
-          </Col>
-          <Col :span="8">
-            <FormItem label="后缀" name="suffix">
-              <Input v-model:value="props.suffix" />
-            </FormItem>
-          </Col>
-        </Row>
-      </Form>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/doc-button.vue b/playground/src/views/examples/doc-button.vue
deleted file mode 100644
index 4dad2a8d5..000000000
--- a/playground/src/views/examples/doc-button.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import { VBEN_DOC_URL } from '@vben/constants';
-import { openWindow } from '@vben/utils';
-
-import { Button } from 'ant-design-vue';
-
-const props = defineProps<{ path: string }>();
-
-function handleClick() {
-  // 如果没有.html，打开页面时可能会出现404
-  const path =
-    VBEN_DOC_URL +
-    (props.path.toLowerCase().endsWith('.html')
-      ? props.path
-      : `${props.path}.html`);
-  openWindow(path);
-}
-</script>
-
-<template>
-  <Button @click="handleClick">查看组件文档</Button>
-</template>
diff --git a/playground/src/views/examples/drawer/auto-height-demo.vue b/playground/src/views/examples/drawer/auto-height-demo.vue
deleted file mode 100644
index 0c327340c..000000000
--- a/playground/src/views/examples/drawer/auto-height-demo.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const list = ref<number[]>([]);
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  onCancel() {
-    drawerApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // drawerApi.close();
-  },
-  onOpenChange(isOpen) {
-    if (isOpen) {
-      handleUpdate(10);
-    }
-  },
-});
-
-function handleUpdate(len: number) {
-  drawerApi.setState({ loading: true });
-  setTimeout(() => {
-    list.value = Array.from({ length: len }, (_v, k) => k + 1);
-    drawerApi.setState({ loading: false });
-  }, 2000);
-}
-</script>
-<template>
-  <Drawer title="自动计算高度">
-    <div
-      v-for="item in list"
-      :key="item"
-      class="even:bg-heavy bg-muted flex-center h-[220px] w-full"
-    >
-      {{ item }}
-    </div>
-
-    <template #prepend-footer>
-      <Button type="link" @click="handleUpdate(6)">点击更新数据</Button>
-    </template>
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/drawer/base-demo.vue b/playground/src/views/examples/drawer/base-demo.vue
deleted file mode 100644
index 08bc68fc5..000000000
--- a/playground/src/views/examples/drawer/base-demo.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts" setup>
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  onCancel() {
-    drawerApi.close();
-  },
-  onClosed() {
-    drawerApi.setState({ overlayBlur: 0, placement: 'right' });
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // drawerApi.close();
-  },
-});
-
-function lockDrawer() {
-  drawerApi.lock();
-  setTimeout(() => {
-    drawerApi.unlock();
-  }, 3000);
-}
-</script>
-<template>
-  <Drawer title="基础抽屉示例" title-tooltip="标题提示内容">
-    <template #extra> extra </template>
-    base demo
-    <Button type="primary" @click="lockDrawer">锁定抽屉状态</Button>
-    <!-- <template #prepend-footer> slot </template> -->
-    <!-- <template #append-footer> prepend slot </template> -->
-    <!-- <template #center-footer> center slot </template> -->
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/drawer/dynamic-demo.vue b/playground/src/views/examples/drawer/dynamic-demo.vue
deleted file mode 100644
index ce5560fab..000000000
--- a/playground/src/views/examples/drawer/dynamic-demo.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  onCancel() {
-    drawerApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // drawerApi.close();
-  },
-  title: '动态修改配置示例',
-});
-
-// const state = drawerApi.useStore();
-
-function handleUpdateTitle() {
-  drawerApi.setState({ title: '内部动态标题' });
-}
-</script>
-<template>
-  <Drawer>
-    <div class="flex-col-center">
-      <Button class="mb-3" type="primary" @click="handleUpdateTitle()">
-        内部动态修改标题
-      </Button>
-    </div>
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/drawer/form-drawer-demo.vue b/playground/src/views/examples/drawer/form-drawer-demo.vue
deleted file mode 100644
index 5af392f65..000000000
--- a/playground/src/views/examples/drawer/form-drawer-demo.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts" setup>
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { useVbenForm } from '#/adapter/form';
-
-defineOptions({
-  name: 'FormDrawerDemo',
-});
-
-const [Form, formApi] = useVbenForm({
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field1',
-      label: '字段1',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field2',
-      label: '字段2',
-      rules: 'required',
-    },
-  ],
-  showDefaultActions: false,
-});
-const [Drawer, drawerApi] = useVbenDrawer({
-  onCancel() {
-    drawerApi.close();
-  },
-  onConfirm: async () => {
-    await formApi.submitForm();
-    drawerApi.close();
-  },
-  onOpenChange(isOpen: boolean) {
-    if (isOpen) {
-      const { values } = drawerApi.getData<Record<string, any>>();
-      if (values) {
-        formApi.setValues(values);
-      }
-    }
-  },
-  title: '内嵌表单示例',
-});
-</script>
-<template>
-  <Drawer>
-    <Form />
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/drawer/in-content-demo.vue b/playground/src/views/examples/drawer/in-content-demo.vue
deleted file mode 100644
index f67b97850..000000000
--- a/playground/src/views/examples/drawer/in-content-demo.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { Input, message } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const value = ref('');
-
-const [Form] = useVbenForm({
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: 'KeepAlive测试：内部组件',
-      },
-      fieldName: 'field1',
-      hideLabel: true,
-      label: '字段1',
-    },
-  ],
-  showDefaultActions: false,
-});
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  destroyOnClose: false,
-  onCancel() {
-    drawerApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // drawerApi.close();
-  },
-});
-</script>
-<template>
-  <Drawer append-to-main title="基础抽屉示例" title-tooltip="标题提示内容">
-    <template #extra> extra </template>
-    此弹窗指定在内容区域打开，并且在关闭之后弹窗内容不会被销毁
-    <Input
-      v-model:value="value"
-      placeholder="KeepAlive测试:connectedComponent"
-    />
-    <Form />
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/drawer/index.vue b/playground/src/views/examples/drawer/index.vue
deleted file mode 100644
index 9804b19f1..000000000
--- a/playground/src/views/examples/drawer/index.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<script lang="ts" setup>
-import type { DrawerPlacement, DrawerState } from '@vben/common-ui';
-
-import { Page, useVbenDrawer } from '@vben/common-ui';
-
-import { Button, Card } from 'ant-design-vue';
-
-import DocButton from '../doc-button.vue';
-import AutoHeightDemo from './auto-height-demo.vue';
-import BaseDemo from './base-demo.vue';
-import DynamicDemo from './dynamic-demo.vue';
-import FormDrawerDemo from './form-drawer-demo.vue';
-import inContentDemo from './in-content-demo.vue';
-import SharedDataDemo from './shared-data-demo.vue';
-
-defineOptions({ name: 'DrawerExample' });
-const [BaseDrawer, baseDrawerApi] = useVbenDrawer({
-  // 连接抽离的组件
-  connectedComponent: BaseDemo,
-  // placement: 'left',
-});
-
-const [InContentDrawer, inContentDrawerApi] = useVbenDrawer({
-  // 连接抽离的组件
-  connectedComponent: inContentDemo,
-  // placement: 'left',
-});
-
-const [AutoHeightDrawer, autoHeightDrawerApi] = useVbenDrawer({
-  connectedComponent: AutoHeightDemo,
-});
-
-const [DynamicDrawer, dynamicDrawerApi] = useVbenDrawer({
-  connectedComponent: DynamicDemo,
-});
-
-const [SharedDataDrawer, sharedDrawerApi] = useVbenDrawer({
-  connectedComponent: SharedDataDemo,
-});
-
-const [FormDrawer, formDrawerApi] = useVbenDrawer({
-  connectedComponent: FormDrawerDemo,
-});
-
-function openBaseDrawer(placement: DrawerPlacement = 'right') {
-  baseDrawerApi.setState({ placement }).open();
-}
-
-function openBlurDrawer() {
-  baseDrawerApi.setState({ overlayBlur: 5 }).open();
-}
-
-function openInContentDrawer(placement: DrawerPlacement = 'right') {
-  const state: Partial<DrawerState> = { class: '', placement };
-  if (placement === 'top') {
-    // 页面顶部区域的层级只有200，所以设置一个低于200的值，抽屉从顶部滑出来的时候才比较合适
-    state.zIndex = 199;
-  }
-  inContentDrawerApi.setState(state).open();
-}
-
-function openMaxContentDrawer() {
-  // 这里只是用来演示方便。实际上自己使用的时候可以直接将这些配置卸载Drawer的属性里
-  inContentDrawerApi.setState({ class: 'w-full', placement: 'right' }).open();
-}
-
-function openAutoHeightDrawer() {
-  autoHeightDrawerApi.open();
-}
-
-function openDynamicDrawer() {
-  dynamicDrawerApi.open();
-}
-
-function handleUpdateTitle() {
-  dynamicDrawerApi.setState({ title: '外部动态标题' }).open();
-}
-
-function openSharedDrawer() {
-  sharedDrawerApi
-    .setData({
-      content: '外部传递的数据 content',
-      payload: '外部传递的数据 payload',
-    })
-    .open();
-}
-
-function openFormDrawer() {
-  formDrawerApi
-    .setData({
-      // 表单值
-      values: { field1: 'abc', field2: '123' },
-    })
-    .open();
-}
-</script>
-
-<template>
-  <Page
-    auto-content-height
-    description="抽屉组件通常用于在当前页面上显示一个覆盖层，用以展示重要信息或提供用户交互界面。"
-    title="抽屉组件示例"
-  >
-    <template #extra>
-      <DocButton path="/components/common-ui/vben-drawer" />
-    </template>
-    <BaseDrawer />
-    <InContentDrawer />
-    <AutoHeightDrawer />
-    <DynamicDrawer />
-    <SharedDataDrawer />
-    <FormDrawer />
-
-    <Card class="mb-4" title="基本使用">
-      <p class="mb-3">一个基础的抽屉示例</p>
-      <Button class="mb-2" type="primary" @click="openBaseDrawer('right')">
-        右侧打开
-      </Button>
-      <Button
-        class="mb-2 ml-2"
-        type="primary"
-        @click="openBaseDrawer('bottom')"
-      >
-        底部打开
-      </Button>
-      <Button class="mb-2 ml-2" type="primary" @click="openBaseDrawer('left')">
-        左侧打开
-      </Button>
-      <Button class="mb-2 ml-2" type="primary" @click="openBaseDrawer('top')">
-        顶部打开
-      </Button>
-      <Button class="mb-2 ml-2" type="primary" @click="openBlurDrawer">
-        遮罩层模糊效果
-      </Button>
-    </Card>
-
-    <Card class="mb-4" title="在内容区域打开">
-      <p class="mb-3">指定抽屉在内容区域打开，不会覆盖顶部和左侧菜单等区域</p>
-      <Button class="mb-2" type="primary" @click="openInContentDrawer('right')">
-        右侧打开
-      </Button>
-      <Button
-        class="mb-2 ml-2"
-        type="primary"
-        @click="openInContentDrawer('bottom')"
-      >
-        底部打开
-      </Button>
-      <Button
-        class="mb-2 ml-2"
-        type="primary"
-        @click="openInContentDrawer('left')"
-      >
-        左侧打开
-      </Button>
-      <Button
-        class="mb-2 ml-2"
-        type="primary"
-        @click="openInContentDrawer('top')"
-      >
-        顶部打开
-      </Button>
-      <Button class="mb-2 ml-2" type="primary" @click="openMaxContentDrawer">
-        内容区域全屏打开
-      </Button>
-    </Card>
-
-    <Card class="mb-4" title="内容高度自适应滚动">
-      <p class="mb-3">可根据内容自动计算滚动高度</p>
-      <Button type="primary" @click="openAutoHeightDrawer">打开抽屉</Button>
-    </Card>
-
-    <Card class="mb-4" title="动态配置示例">
-      <p class="mb-3">通过 setState 动态调整抽屉数据</p>
-      <Button type="primary" @click="openDynamicDrawer">打开抽屉</Button>
-      <Button class="ml-2" type="primary" @click="handleUpdateTitle">
-        从外部修改标题并打开
-      </Button>
-    </Card>
-
-    <Card class="mb-4" title="内外数据共享示例">
-      <p class="mb-3">通过共享 sharedData 来进行数据交互</p>
-      <Button type="primary" @click="openSharedDrawer">
-        打开抽屉并传递数据
-      </Button>
-    </Card>
-
-    <Card class="mb-4" title="表单抽屉示例">
-      <p class="mb-3">打开抽屉并设置表单schema以及数据</p>
-      <Button type="primary" @click="openFormDrawer">
-        打开抽屉并设置表单schema以及数据
-      </Button>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/drawer/shared-data-demo.vue b/playground/src/views/examples/drawer/shared-data-demo.vue
deleted file mode 100644
index d54227398..000000000
--- a/playground/src/views/examples/drawer/shared-data-demo.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-
-const data = ref();
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  onCancel() {
-    drawerApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // drawerApi.close();
-  },
-  onOpenChange(isOpen: boolean) {
-    if (isOpen) {
-      data.value = drawerApi.getData<Record<string, any>>();
-    }
-  },
-});
-</script>
-<template>
-  <Drawer title="数据共享示例">
-    <div class="flex-col-center">外部传递数据： {{ data }}</div>
-  </Drawer>
-</template>
diff --git a/playground/src/views/examples/ellipsis/index.vue b/playground/src/views/examples/ellipsis/index.vue
deleted file mode 100644
index b88c8190b..000000000
--- a/playground/src/views/examples/ellipsis/index.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { EllipsisText, Page } from '@vben/common-ui';
-
-import { Card } from 'ant-design-vue';
-
-import DocButton from '../doc-button.vue';
-
-const longText = `Vben Admin 是一个基于 Vue3.0、Vite、 TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、多主题配置、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例，用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术，并将其应用在项目中。Vben Admin 是一个基于 Vue3.0、Vite、 TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、多主题配置、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例，用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术，并将其应用在项目中。Vben Admin 是一个基于 Vue3.0、Vite、 TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、多主题配置、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例，用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术，并将其应用在项目中。Vben Admin 是一个基于 Vue3.0、Vite、 TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、多主题配置、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例，用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术，并将其应用在项目中。`;
-
-const text = ref(longText);
-</script>
-
-<template>
-  <Page
-    description="用于多行文本省略，支持点击展开和自定义内容。"
-    title="文本省略组件示例"
-  >
-    <template #extra>
-      <DocButton class="mb-2" path="/components/common-ui/vben-ellipsis-text" />
-    </template>
-    <Card class="mb-4" title="基本使用">
-      <EllipsisText :max-width="500">{{ text }}</EllipsisText>
-    </Card>
-
-    <Card class="mb-4" title="多行省略">
-      <EllipsisText :line="2">{{ text }}</EllipsisText>
-    </Card>
-
-    <Card class="mb-4" title="点击展开">
-      <EllipsisText :line="3" expand>{{ text }}</EllipsisText>
-    </Card>
-    <Card class="mb-4" title="自定义内容">
-      <EllipsisText :max-width="240">
-        住在我心里孤独的 孤独的海怪 痛苦之王 开始厌倦 深海的光 停滞的海浪
-        <template #tooltip>
-          <div style="text-align: center">
-            《秦皇岛》<br />住在我心里孤独的<br />孤独的海怪 痛苦之王<br />开始厌倦
-            深海的光 停滞的海浪
-          </div>
-        </template>
-      </EllipsisText>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/api.vue b/playground/src/views/examples/form/api.vue
deleted file mode 100644
index a7e15a08b..000000000
--- a/playground/src/views/examples/form/api.vue
+++ /dev/null
@@ -1,274 +0,0 @@
-<script lang="ts" setup>
-import type { RefSelectProps } from 'ant-design-vue/es/select';
-
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, message, Space } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const isReverseActionButtons = ref(false);
-
-const [BaseForm, formApi] = useVbenForm({
-  // 翻转操作按钮的位置
-  actionButtonsReverse: isReverseActionButtons.value,
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  // 使用 tailwindcss grid布局
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  layout: 'horizontal',
-  // 水平布局，label和input在同一行
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      // 字段名
-      fieldName: 'field1',
-      // 界面显示的label
-      label: 'field1',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field2',
-      label: 'field2',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      fieldName: 'fieldOptions',
-      label: '下拉选',
-    },
-  ],
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-
-function handleClick(
-  action:
-    | 'batchAddSchema'
-    | 'batchDeleteSchema'
-    | 'componentRef'
-    | 'disabled'
-    | 'hiddenAction'
-    | 'hiddenResetButton'
-    | 'hiddenSubmitButton'
-    | 'labelWidth'
-    | 'resetDisabled'
-    | 'resetLabelWidth'
-    | 'reverseActionButtons'
-    | 'showAction'
-    | 'showResetButton'
-    | 'showSubmitButton'
-    | 'updateActionAlign'
-    | 'updateResetButton'
-    | 'updateSchema'
-    | 'updateSubmitButton',
-) {
-  switch (action) {
-    case 'batchAddSchema': {
-      formApi.setState((prev) => {
-        const currentSchema = prev?.schema ?? [];
-        const newSchema = [];
-        for (let i = 0; i < 3; i++) {
-          newSchema.push({
-            component: 'Input',
-            componentProps: {
-              placeholder: '请输入',
-            },
-            fieldName: `field${i}${Date.now()}`,
-            label: `field+`,
-          });
-        }
-        return {
-          schema: [...currentSchema, ...newSchema],
-        };
-      });
-      break;
-    }
-
-    case 'batchDeleteSchema': {
-      formApi.setState((prev) => {
-        const currentSchema = prev?.schema ?? [];
-        return {
-          schema: currentSchema.slice(0, -3),
-        };
-      });
-      break;
-    }
-    case 'componentRef': {
-      // 获取下拉组件的实例，并调用它的focus方法
-      formApi.getFieldComponentRef<RefSelectProps>('fieldOptions')?.focus?.();
-      break;
-    }
-    case 'disabled': {
-      formApi.setState({ commonConfig: { disabled: true } });
-      break;
-    }
-    case 'hiddenAction': {
-      formApi.setState({ showDefaultActions: false });
-      break;
-    }
-    case 'hiddenResetButton': {
-      formApi.setState({ resetButtonOptions: { show: false } });
-      break;
-    }
-    case 'hiddenSubmitButton': {
-      formApi.setState({ submitButtonOptions: { show: false } });
-      break;
-    }
-    case 'labelWidth': {
-      formApi.setState({
-        commonConfig: {
-          labelWidth: 150,
-        },
-      });
-      break;
-    }
-    case 'resetDisabled': {
-      formApi.setState({ commonConfig: { disabled: false } });
-      break;
-    }
-    case 'resetLabelWidth': {
-      formApi.setState({
-        commonConfig: {
-          labelWidth: 100,
-        },
-      });
-      break;
-    }
-    case 'reverseActionButtons': {
-      isReverseActionButtons.value = !isReverseActionButtons.value;
-      formApi.setState({ actionButtonsReverse: isReverseActionButtons.value });
-      break;
-    }
-    case 'showAction': {
-      formApi.setState({ showDefaultActions: true });
-      break;
-    }
-    case 'showResetButton': {
-      formApi.setState({ resetButtonOptions: { show: true } });
-      break;
-    }
-    case 'showSubmitButton': {
-      formApi.setState({ submitButtonOptions: { show: true } });
-      break;
-    }
-
-    case 'updateActionAlign': {
-      formApi.setState({
-        // 可以自行调整class
-        actionWrapperClass: 'text-center',
-      });
-      break;
-    }
-    case 'updateResetButton': {
-      formApi.setState({
-        resetButtonOptions: { disabled: true },
-      });
-      break;
-    }
-    case 'updateSchema': {
-      formApi.updateSchema([
-        {
-          componentProps: {
-            options: [
-              {
-                label: '选项1',
-                value: '1',
-              },
-              {
-                label: '选项2',
-                value: '2',
-              },
-              {
-                label: '选项3',
-                value: '3',
-              },
-            ],
-          },
-          fieldName: 'fieldOptions',
-        },
-      ]);
-      message.success('字段 `fieldOptions` 下拉选项更新成功。');
-      break;
-    }
-    case 'updateSubmitButton': {
-      formApi.setState({
-        submitButtonOptions: { loading: true },
-      });
-      break;
-    }
-  }
-}
-</script>
-
-<template>
-  <Page description="表单组件api操作示例。" title="表单组件">
-    <Space class="mb-5 flex-wrap">
-      <Button @click="handleClick('updateSchema')">updateSchema</Button>
-      <Button @click="handleClick('labelWidth')">更改labelWidth</Button>
-      <Button @click="handleClick('resetLabelWidth')">还原labelWidth</Button>
-      <Button @click="handleClick('disabled')">禁用表单</Button>
-      <Button @click="handleClick('resetDisabled')">解除禁用</Button>
-      <Button @click="handleClick('reverseActionButtons')">
-        翻转操作按钮位置
-      </Button>
-      <Button @click="handleClick('hiddenAction')">隐藏操作按钮</Button>
-      <Button @click="handleClick('showAction')">显示操作按钮</Button>
-      <Button @click="handleClick('hiddenResetButton')">隐藏重置按钮</Button>
-      <Button @click="handleClick('showResetButton')">显示重置按钮</Button>
-      <Button @click="handleClick('hiddenSubmitButton')">隐藏提交按钮</Button>
-      <Button @click="handleClick('showSubmitButton')">显示提交按钮</Button>
-      <Button @click="handleClick('updateResetButton')">修改重置按钮</Button>
-      <Button @click="handleClick('updateSubmitButton')">修改提交按钮</Button>
-      <Button @click="handleClick('updateActionAlign')">
-        调整操作按钮位置
-      </Button>
-      <Button @click="handleClick('batchAddSchema')"> 批量添加表单项 </Button>
-      <Button @click="handleClick('batchDeleteSchema')">
-        批量删除表单项
-      </Button>
-      <Button @click="handleClick('componentRef')">下拉组件获取焦点</Button>
-    </Space>
-    <Card title="操作示例">
-      <BaseForm />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/basic.vue b/playground/src/views/examples/form/basic.vue
deleted file mode 100644
index d0e91d33a..000000000
--- a/playground/src/views/examples/form/basic.vue
+++ /dev/null
@@ -1,447 +0,0 @@
-<script lang="ts" setup>
-import type { UploadFile } from 'ant-design-vue';
-
-import { h, ref, toRaw } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { useDebounceFn } from '@vueuse/core';
-import { Button, Card, message, Spin, Tag } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
-import { useVbenForm, z } from '#/adapter/form';
-import { getAllMenusApi } from '#/api';
-import { upload_file } from '#/api/examples/upload';
-import { $t } from '#/locales';
-
-import DocButton from '../doc-button.vue';
-
-const keyword = ref('');
-const fetching = ref(false);
-// 模拟远程获取数据
-function fetchRemoteOptions({ keyword = '选项' }: Record<string, any>) {
-  fetching.value = true;
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const options = Array.from({ length: 10 }).map((_, index) => ({
-        label: `${keyword}-${index}`,
-        value: `${keyword}-${index}`,
-      }));
-      resolve(options);
-      fetching.value = false;
-    }, 1000);
-  });
-}
-
-const [BaseForm, baseFormApi] = useVbenForm({
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 在label后显示一个冒号
-    colon: true,
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  fieldMappingTime: [['rangePicker', ['startTime', 'endTime'], 'YYYY-MM-DD']],
-  // 提交函数
-  handleSubmit: onSubmit,
-  handleValuesChange(_values, fieldsChanged) {
-    message.info(`表单以下字段发生变化：${fieldsChanged.join('，')}`);
-  },
-
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'horizontal',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      // 字段名
-      fieldName: 'username',
-      // 界面显示的label
-      label: '字符串',
-      rules: 'required',
-    },
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'ApiSelect',
-      // 对应组件的参数
-      componentProps: {
-        // 菜单接口转options格式
-        afterFetch: (data: { name: string; path: string }[]) => {
-          return data.map((item: any) => ({
-            label: item.name,
-            value: item.path,
-          }));
-        },
-        // 菜单接口
-        api: getAllMenusApi,
-        autoSelect: 'first',
-      },
-      // 字段名
-      fieldName: 'api',
-      // 界面显示的label
-      label: 'ApiSelect',
-    },
-    {
-      component: 'ApiSelect',
-      // 对应组件的参数
-      componentProps: () => {
-        return {
-          api: fetchRemoteOptions,
-          // 禁止本地过滤
-          filterOption: false,
-          // 如果正在获取数据，使用插槽显示一个loading
-          notFoundContent: fetching.value ? undefined : null,
-          // 搜索词变化时记录下来， 使用useDebounceFn防抖。
-          onSearch: useDebounceFn((value: string) => {
-            keyword.value = value;
-          }, 300),
-          // 远程搜索参数。当搜索词变化时，params也会更新
-          params: {
-            keyword: keyword.value || undefined,
-          },
-          showSearch: true,
-        };
-      },
-      // 字段名
-      fieldName: 'remoteSearch',
-      // 界面显示的label
-      label: '远程搜索',
-      renderComponentContent: () => {
-        return {
-          notFoundContent: fetching.value ? h(Spin) : undefined,
-        };
-      },
-      rules: 'selectRequired',
-    },
-    {
-      component: 'ApiTreeSelect',
-      // 对应组件的参数
-      componentProps: {
-        // 菜单接口
-        api: getAllMenusApi,
-        // 菜单接口转options格式
-        labelField: 'name',
-        valueField: 'path',
-        childrenField: 'children',
-      },
-      // 字段名
-      fieldName: 'apiTree',
-      // 界面显示的label
-      label: 'ApiTreeSelect',
-    },
-    {
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入密码',
-      },
-      fieldName: 'password',
-      label: '密码',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'number',
-      label: '数字(带后缀)',
-      suffix: () => '¥',
-    },
-    {
-      component: 'IconPicker',
-      fieldName: 'icon',
-      label: '图标',
-    },
-    {
-      colon: false,
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      fieldName: 'options',
-      label: () => h(Tag, { color: 'warning' }, () => '😎自定义：'),
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-      },
-      fieldName: 'radioGroup',
-      label: '单选组',
-    },
-    {
-      component: 'Radio',
-      fieldName: 'radio',
-      label: '',
-      renderComponentContent: () => {
-        return {
-          default: () => ['Radio'],
-        };
-      },
-    },
-    {
-      component: 'CheckboxGroup',
-      componentProps: {
-        name: 'cname',
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-      },
-      fieldName: 'checkboxGroup',
-      label: '多选组',
-    },
-    {
-      component: 'Checkbox',
-      fieldName: 'checkbox',
-      label: '',
-      renderComponentContent: () => {
-        return {
-          default: () => ['我已阅读并同意'],
-        };
-      },
-      rules: z
-        .boolean()
-        .refine((v) => v, { message: '为什么不同意？勾上它！' }),
-    },
-    {
-      component: 'Mentions',
-      componentProps: {
-        options: [
-          {
-            label: 'afc163',
-            value: 'afc163',
-          },
-          {
-            label: 'zombieJ',
-            value: 'zombieJ',
-          },
-        ],
-        placeholder: '请输入',
-      },
-      fieldName: 'mentions',
-      label: '提及',
-    },
-    {
-      component: 'Rate',
-      fieldName: 'rate',
-      label: '评分',
-    },
-    {
-      component: 'Switch',
-      componentProps: {
-        class: 'w-auto',
-      },
-      fieldName: 'switch',
-      help: () =>
-        ['这是一个多行帮助信息', '第二行', '第三行'].map((v) => h('p', v)),
-      label: '开关',
-    },
-    {
-      component: 'DatePicker',
-      fieldName: 'datePicker',
-      label: '日期选择框',
-    },
-    {
-      component: 'RangePicker',
-      fieldName: 'rangePicker',
-      label: '范围选择器',
-    },
-    {
-      component: 'TimePicker',
-      fieldName: 'timePicker',
-      label: '时间选择框',
-    },
-    {
-      component: 'TreeSelect',
-      componentProps: {
-        allowClear: true,
-        placeholder: '请选择',
-        showSearch: true,
-        treeData: [
-          {
-            label: 'root 1',
-            value: 'root 1',
-            children: [
-              {
-                label: 'parent 1',
-                value: 'parent 1',
-                children: [
-                  {
-                    label: 'parent 1-0',
-                    value: 'parent 1-0',
-                    children: [
-                      {
-                        label: 'my leaf',
-                        value: 'leaf1',
-                      },
-                      {
-                        label: 'your leaf',
-                        value: 'leaf2',
-                      },
-                    ],
-                  },
-                  {
-                    label: 'parent 1-1',
-                    value: 'parent 1-1',
-                  },
-                ],
-              },
-              {
-                label: 'parent 2',
-                value: 'parent 2',
-              },
-            ],
-          },
-        ],
-        treeNodeFilterProp: 'label',
-      },
-      fieldName: 'treeSelect',
-      label: '树选择',
-    },
-    {
-      component: 'Upload',
-      componentProps: {
-        // 更多属性见：https://ant.design/components/upload-cn
-        accept: '.png,.jpg,.jpeg',
-        // 自动携带认证信息
-        customRequest: upload_file,
-        disabled: false,
-        maxCount: 1,
-        multiple: false,
-        showUploadList: true,
-        // 上传列表的内建样式，支持四种基本样式 text, picture, picture-card 和 picture-circle
-        listType: 'picture-card',
-      },
-      fieldName: 'files',
-      label: $t('examples.form.file'),
-      renderComponentContent: () => {
-        return {
-          default: () => $t('examples.form.upload-image'),
-        };
-      },
-      rules: 'required',
-    },
-  ],
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-function onSubmit(values: Record<string, any>) {
-  const files = toRaw(values.files) as UploadFile[];
-  const doneFiles = files.filter((file) => file.status === 'done');
-  const failedFiles = files.filter((file) => file.status !== 'done');
-
-  const msg = [
-    ...doneFiles.map((file) => file.response?.url || file.url),
-    ...failedFiles.map((file) => file.name),
-  ].join(', ');
-
-  if (failedFiles.length === 0) {
-    message.success({
-      content: `${$t('examples.form.upload-urls')}: ${msg}`,
-    });
-  } else {
-    message.error({
-      content: `${$t('examples.form.upload-error')}: ${msg}`,
-    });
-    return;
-  }
-  // 如果需要可提交前替换为需要的urls
-  values.files = doneFiles.map((file) => file.response?.url || file.url);
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-
-function handleSetFormValue() {
-  /**
-   * 设置表单值(多个)
-   */
-  baseFormApi.setValues({
-    checkboxGroup: ['1'],
-    datePicker: dayjs('2022-01-01'),
-    files: [
-      {
-        name: 'example.png',
-        status: 'done',
-        uid: '-1',
-        url: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
-      },
-    ],
-    mentions: '@afc163',
-    number: 3,
-    options: '1',
-    password: '2',
-    radioGroup: '1',
-    rangePicker: [dayjs('2022-01-01'), dayjs('2022-01-02')],
-    rate: 3,
-    switch: true,
-    timePicker: dayjs('2022-01-01 12:00:00'),
-    treeSelect: 'leaf1',
-    username: '1',
-  });
-
-  // 设置单个表单值
-  baseFormApi.setFieldValue('checkbox', true);
-}
-</script>
-
-<template>
-  <Page
-    content-class="flex flex-col gap-4"
-    description="表单组件基础示例，请注意，该页面用到的参数代码会添加一些简单注释，方便理解，请仔细查看。"
-    title="表单组件"
-  >
-    <template #description>
-      <div class="text-muted-foreground">
-        <p>
-          表单组件基础示例，请注意，该页面用到的参数代码会添加一些简单注释，方便理解，请仔细查看。
-        </p>
-      </div>
-    </template>
-    <template #extra>
-      <DocButton class="mb-2" path="/components/common-ui/vben-form" />
-    </template>
-    <Card title="基础示例">
-      <template #extra>
-        <Button type="primary" @click="handleSetFormValue">设置表单值</Button>
-      </template>
-      <BaseForm />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/custom-layout.vue b/playground/src/views/examples/form/custom-layout.vue
deleted file mode 100644
index cd7146b2e..000000000
--- a/playground/src/views/examples/form/custom-layout.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script lang="ts" setup>
-import { h } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Card } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-import DocButton from '../doc-button.vue';
-
-const [CustomLayoutForm] = useVbenForm({
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  layout: 'horizontal',
-  schema: [
-    {
-      component: 'Select',
-      fieldName: 'field1',
-      label: '字符串',
-    },
-    {
-      component: 'TreeSelect',
-      fieldName: 'field2',
-      label: '字符串',
-    },
-    {
-      component: 'Mentions',
-      fieldName: 'field3',
-      label: '字符串',
-    },
-    {
-      component: 'Input',
-      fieldName: 'field4',
-      label: '字符串',
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'field5',
-      // 从第三列开始 相当于中间空了一列
-      formItemClass: 'col-start-3',
-      label: '前面空了一列',
-    },
-    {
-      component: 'Divider',
-      fieldName: '_divider',
-      formItemClass: 'col-span-3',
-      hideLabel: true,
-      renderComponentContent: () => {
-        return {
-          default: () => h('div', '分割线'),
-        };
-      },
-    },
-    {
-      component: 'Textarea',
-      fieldName: 'field6',
-      // 占满三列空间 基线对齐
-      formItemClass: 'col-span-3 items-baseline',
-      label: '占满三列',
-    },
-    {
-      component: 'Input',
-      fieldName: 'field7',
-      // 占满2列空间 从第二列开始 相当于前面空了一列
-      formItemClass: 'col-span-2 col-start-2',
-      label: '占满2列',
-    },
-    {
-      component: 'Input',
-      fieldName: 'field8',
-      // 左右留空
-      formItemClass: 'col-start-2',
-      label: '左右留空',
-    },
-    {
-      component: 'InputPassword',
-      fieldName: 'field9',
-      formItemClass: 'col-start-1',
-      label: '字符串',
-    },
-  ],
-  // 一共三列
-  wrapperClass: 'grid-cols-3',
-});
-</script>
-
-<template>
-  <Page
-    content-class="flex flex-col gap-4"
-    description="使用tailwind自定义表单项的布局"
-    title="表单自定义布局"
-  >
-    <template #description>
-      <div class="text-muted-foreground">
-        <p>使用tailwind自定义表单项的布局，使用Divider分割表单。</p>
-      </div>
-    </template>
-    <template #extra>
-      <DocButton class="mb-2" path="/components/common-ui/vben-form" />
-    </template>
-    <Card title="使用tailwind自定义布局">
-      <CustomLayoutForm />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/custom.vue b/playground/src/views/examples/form/custom.vue
deleted file mode 100644
index 7fab17a6c..000000000
--- a/playground/src/views/examples/form/custom.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts" setup>
-import { h, markRaw } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Card, Input, message } from 'ant-design-vue';
-
-import { useVbenForm, z } from '#/adapter/form';
-
-import TwoFields from './modules/two-fields.vue';
-
-const [Form] = useVbenForm({
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-    labelClass: 'w-2/6',
-  },
-  fieldMappingTime: [['field4', ['phoneType', 'phoneNumber'], null]],
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'horizontal',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      fieldName: 'field',
-      label: '自定义后缀',
-      suffix: () => h('span', { class: 'text-red-600' }, '元'),
-    },
-    {
-      component: 'Input',
-      fieldName: 'field1',
-      label: '自定义组件slot',
-      renderComponentContent: () => ({
-        prefix: () => 'prefix',
-        suffix: () => 'suffix',
-      }),
-    },
-    {
-      component: h(Input, { placeholder: '请输入Field2' }),
-      fieldName: 'field2',
-      label: '自定义组件',
-      modelPropName: 'value',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      fieldName: 'field3',
-      label: '自定义组件(slot)',
-      rules: 'required',
-    },
-    {
-      component: markRaw(TwoFields),
-      defaultValue: [undefined, ''],
-      disabledOnChangeListener: false,
-      fieldName: 'field4',
-      formItemClass: 'col-span-1',
-      label: '组合字段',
-      rules: z
-        .array(z.string().optional())
-        .length(2, '请选择类型并输入手机号码')
-        .refine((v) => !!v[0], {
-          message: '请选择类型',
-        })
-        .refine((v) => !!v[1] && v[1] !== '', {
-          message: '　　　　　　　输入手机号码',
-        })
-        .refine((v) => v[1]?.match(/^1[3-9]\d{9}$/), {
-          // 使用全角空格占位，将错误提示文字挤到手机号码输入框的下面
-          message: '　　　　　　　号码格式不正确',
-        }),
-    },
-  ],
-  // 中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-</script>
-
-<template>
-  <Page description="表单组件自定义示例" title="表单组件">
-    <Card title="基础示例">
-      <Form>
-        <template #field3="slotProps">
-          <Input placeholder="请输入" v-bind="slotProps" />
-        </template>
-      </Form>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/dynamic.vue b/playground/src/views/examples/form/dynamic.vue
deleted file mode 100644
index c11a3c1aa..000000000
--- a/playground/src/views/examples/form/dynamic.vue
+++ /dev/null
@@ -1,262 +0,0 @@
-<script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, message } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const [Form, formApi] = useVbenForm({
-  // 提交函数
-  handleSubmit: onSubmit,
-  schema: [
-    {
-      component: 'Input',
-      defaultValue: 'hidden value',
-      dependencies: {
-        show: false,
-        // 随意一个字段改变时，都会触发
-        triggerFields: ['field1Switch'],
-      },
-      fieldName: 'hiddenField',
-      label: '隐藏字段',
-    },
-    {
-      component: 'Switch',
-      defaultValue: true,
-      fieldName: 'field1Switch',
-      help: '通过Dom控制销毁',
-      label: '显示字段1',
-    },
-    {
-      component: 'Switch',
-      defaultValue: true,
-      fieldName: 'field2Switch',
-      help: '通过css控制隐藏',
-      label: '显示字段2',
-    },
-    {
-      component: 'Switch',
-      fieldName: 'field3Switch',
-      label: '禁用字段3',
-    },
-    {
-      component: 'Switch',
-      fieldName: 'field4Switch',
-      label: '字段4必填',
-    },
-    {
-      component: 'Input',
-      dependencies: {
-        if(values) {
-          return !!values.field1Switch;
-        },
-        // 只有指定的字段改变时，才会触发
-        triggerFields: ['field1Switch'],
-      },
-      // 字段名
-      fieldName: 'field1',
-      // 界面显示的label
-      label: '字段1',
-    },
-    {
-      component: 'Input',
-      dependencies: {
-        show(values) {
-          return !!values.field2Switch;
-        },
-        triggerFields: ['field2Switch'],
-      },
-      fieldName: 'field2',
-      label: '字段2',
-    },
-    {
-      component: 'Input',
-      dependencies: {
-        disabled(values) {
-          return !!values.field3Switch;
-        },
-        triggerFields: ['field3Switch'],
-      },
-      fieldName: 'field3',
-      label: '字段3',
-    },
-    {
-      component: 'Input',
-      dependencies: {
-        required(values) {
-          return !!values.field4Switch;
-        },
-        triggerFields: ['field4Switch'],
-      },
-      fieldName: 'field4',
-      label: '字段4',
-    },
-    {
-      component: 'Input',
-      dependencies: {
-        rules(values) {
-          if (values.field1 === '123') {
-            return 'required';
-          }
-          return null;
-        },
-        triggerFields: ['field1'],
-      },
-      fieldName: 'field5',
-      help: '当字段1的值为`123`时，必填',
-      label: '动态rules',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        class: 'w-full',
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      dependencies: {
-        componentProps(values) {
-          if (values.field2 === '123') {
-            return {
-              options: [
-                {
-                  label: '选项1',
-                  value: '1',
-                },
-                {
-                  label: '选项2',
-                  value: '2',
-                },
-                {
-                  label: '选项3',
-                  value: '3',
-                },
-              ],
-            };
-          }
-          return {};
-        },
-        triggerFields: ['field2'],
-      },
-      fieldName: 'field6',
-      help: '当字段2的值为`123`时，更改下拉选项',
-      label: '动态配置',
-    },
-    {
-      component: 'Input',
-      fieldName: 'field7',
-      label: '字段7',
-    },
-  ],
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-3 lg:grid-cols-4',
-});
-
-const [SyncForm] = useVbenForm({
-  handleSubmit: onSubmit,
-  schema: [
-    {
-      component: 'Input',
-      // 字段名
-      fieldName: 'field1',
-      // 界面显示的label
-      label: '字段1',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        disabled: true,
-      },
-      dependencies: {
-        trigger(values, form) {
-          form.setFieldValue('field2', values.field1);
-        },
-        // 只有指定的字段改变时，才会触发
-        triggerFields: ['field1'],
-      },
-      // 字段名
-      fieldName: 'field2',
-      // 界面显示的label
-      label: '字段2',
-    },
-  ],
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-3 lg:grid-cols-4',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-
-function handleDelete() {
-  formApi.setState((prev) => {
-    return {
-      schema: prev.schema?.filter((item) => item.fieldName !== 'field7'),
-    };
-  });
-}
-
-function handleAdd() {
-  formApi.setState((prev) => {
-    return {
-      schema: [
-        ...(prev?.schema ?? []),
-        {
-          component: 'Input',
-          fieldName: `field${Date.now()}`,
-          label: '字段+',
-        },
-      ],
-    };
-  });
-}
-
-function handleUpdate() {
-  formApi.setState((prev) => {
-    return {
-      schema: prev.schema?.map((item) => {
-        if (item.fieldName === 'field3') {
-          return {
-            ...item,
-            label: '字段3-修改',
-          };
-        }
-        return item;
-      }),
-    };
-  });
-}
-</script>
-
-<template>
-  <Page
-    description="表单组件动态联动示例，包含了常用的场景。增删改，本质上是修改schema，你也可以通过 `setState` 动态修改schema。"
-    title="表单组件"
-  >
-    <Card title="表单动态联动示例">
-      <template #extra>
-        <Button class="mr-2" @click="handleUpdate">修改字段3</Button>
-        <Button class="mr-2" @click="handleDelete">删除字段7</Button>
-        <Button @click="handleAdd">添加字段</Button>
-      </template>
-      <Form />
-    </Card>
-
-    <Card class="mt-5" title="字段同步，字段1数据与字段2数据同步">
-      <SyncForm />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/merge.vue b/playground/src/views/examples/form/merge.vue
deleted file mode 100644
index 95a37c67a..000000000
--- a/playground/src/views/examples/form/merge.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, message, Step, Steps, Switch } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const currentTab = ref(0);
-function onFirstSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form1 values: ${JSON.stringify(values)}`,
-  });
-  currentTab.value = 1;
-}
-function onSecondReset() {
-  currentTab.value = 0;
-}
-function onSecondSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form2 values: ${JSON.stringify(values)}`,
-  });
-}
-
-const [FirstForm, firstFormApi] = useVbenForm({
-  commonConfig: {
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  handleSubmit: onFirstSubmit,
-  layout: 'horizontal',
-  resetButtonOptions: {
-    show: false,
-  },
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'formFirst',
-      label: '表单1字段',
-      rules: 'required',
-    },
-  ],
-  submitButtonOptions: {
-    content: '下一步',
-  },
-  wrapperClass: 'grid-cols-1 md:grid-cols-1 lg:grid-cols-1',
-});
-const [SecondForm, secondFormApi] = useVbenForm({
-  commonConfig: {
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  handleReset: onSecondReset,
-  handleSubmit: onSecondSubmit,
-  layout: 'horizontal',
-  resetButtonOptions: {
-    content: '上一步',
-  },
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'formSecond',
-      label: '表单2字段',
-      rules: 'required',
-    },
-  ],
-  wrapperClass: 'grid-cols-1 md:grid-cols-1 lg:grid-cols-1',
-});
-const needMerge = ref(true);
-async function handleMergeSubmit() {
-  const values = await firstFormApi
-    .merge(secondFormApi)
-    .submitAllForm(needMerge.value);
-  message.success({
-    content: `merged form values: ${JSON.stringify(values)}`,
-  });
-}
-</script>
-
-<template>
-  <Page
-    description="表单组件合并示例：在某些场景下，例如分步表单，需要合并多个表单并统一提交。默认情况下，使用 Object.assign 规则合并表单。如果需要特殊处理数据，可以传入 false。"
-    title="表单组件"
-  >
-    <Card title="基础示例">
-      <template #extra>
-        <Switch
-          v-model="needMerge"
-          checked-children="开启字段合并"
-          class="mr-4"
-          un-checked-children="关闭字段合并"
-        />
-        <Button type="primary" @click="handleMergeSubmit">合并提交</Button>
-      </template>
-      <div class="mx-auto max-w-lg">
-        <Steps :current="currentTab" class="steps">
-          <Step title="表单1" />
-          <Step title="表单2" />
-        </Steps>
-        <div class="p-20">
-          <FirstForm v-show="currentTab === 0" />
-          <SecondForm v-show="currentTab === 1" />
-        </div>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/modules/two-fields.vue b/playground/src/views/examples/form/modules/two-fields.vue
deleted file mode 100644
index da79a102a..000000000
--- a/playground/src/views/examples/form/modules/two-fields.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import { Input, Select } from 'ant-design-vue';
-
-const emit = defineEmits(['blur', 'change']);
-
-const modelValue = defineModel<[string, string]>({
-  default: () => [undefined, undefined],
-});
-
-function onChange() {
-  emit('change', modelValue.value);
-}
-</script>
-<template>
-  <div class="flex w-full gap-1">
-    <Select
-      v-model:value="modelValue[0]"
-      class="w-[80px]"
-      placeholder="类型"
-      allow-clear
-      :class="{ 'valid-success': !!modelValue[0] }"
-      :options="[
-        { label: '个人', value: 'personal' },
-        { label: '工作', value: 'work' },
-        { label: '私密', value: 'private' },
-      ]"
-      @blur="emit('blur')"
-      @change="onChange"
-    />
-    <Input
-      placeholder="请输入11位手机号码"
-      class="flex-1"
-      allow-clear
-      :class="{ 'valid-success': modelValue[1]?.match(/^1[3-9]\d{9}$/) }"
-      v-model:value="modelValue[1]"
-      :maxlength="11"
-      type="tel"
-      @blur="emit('blur')"
-      @change="onChange"
-    />
-  </div>
-</template>
diff --git a/playground/src/views/examples/form/query.vue b/playground/src/views/examples/form/query.vue
deleted file mode 100644
index 5efae67b8..000000000
--- a/playground/src/views/examples/form/query.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-
-import { Card, message } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const [QueryForm] = useVbenForm({
-  // 默认展开
-  collapsed: false,
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'horizontal',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      // 字段名
-      fieldName: 'username',
-      // 界面显示的label
-      label: '字符串',
-    },
-    {
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入密码',
-      },
-      fieldName: 'password',
-      label: '密码',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'number',
-      label: '数字(带后缀)',
-      suffix: () => '¥',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      fieldName: 'options',
-      label: '下拉选',
-    },
-    {
-      component: 'DatePicker',
-      fieldName: 'datePicker',
-      label: '日期选择框',
-    },
-  ],
-  // 是否可展开
-  showCollapseButton: true,
-  submitButtonOptions: {
-    content: '查询',
-  },
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-const [InlineForm] = useVbenForm({
-  layout: 'inline',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      // 字段名
-      fieldName: 'username',
-      // 界面显示的label
-      label: '字符串',
-    },
-    {
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入密码',
-      },
-      fieldName: 'password',
-      label: '密码',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'number',
-      label: '数字(带后缀)',
-      suffix: () => '¥',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      fieldName: 'options',
-      label: '下拉选',
-    },
-  ],
-});
-
-const [QueryForm1] = useVbenForm({
-  // 默认展开
-  collapsed: true,
-  collapsedRows: 2,
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'horizontal',
-  schema: (() => {
-    const schema = [];
-    for (let index = 0; index < 14; index++) {
-      schema.push({
-        // 组件需要在 #/adapter.ts内注册，并加上类型
-        component: 'Input',
-        // 字段名
-        fieldName: `field${index}`,
-        // 界面显示的label
-        label: `字段${index}`,
-      });
-    }
-    return schema;
-  })(),
-  // 是否可展开
-  showCollapseButton: true,
-  submitButtonOptions: {
-    content: '查询',
-  },
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-const [QueryForm2] = useVbenForm({
-  // 操作按钮组 newLine: 在新行显示。rowEnd: 在行内显示，靠右对齐（默认）。inline: 使用grid默认样式
-  actionLayout: 'newLine',
-  actionPosition: 'left', // 操作按钮组在左侧显示
-  // 默认折叠
-  collapsed: true,
-  collapsedRows: 3,
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'vertical',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      // 字段名
-      fieldName: 'username',
-      // 界面显示的label
-      label: '字符串',
-    },
-    {
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入密码',
-      },
-      fieldName: 'password',
-      label: '密码',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'number',
-      label: '数字(带后缀)',
-      suffix: () => '¥',
-    },
-    {
-      component: 'DatePicker',
-      fieldName: 'datePicker',
-      label: '日期选择框',
-    },
-  ],
-  // 是否可展开
-  showCollapseButton: true,
-  submitButtonOptions: {
-    content: '查询',
-  },
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-</script>
-
-<template>
-  <Page
-    description="查询表单，常用语和表格组合使用，可进行收缩展开。"
-    title="表单组件"
-  >
-    <Card class="mb-5" title="查询表单，默认展开">
-      <QueryForm />
-    </Card>
-
-    <Card class="mb-5" title="查询表单，单行表单">
-      <InlineForm />
-    </Card>
-
-    <Card class="mb-5" title="查询表单，默认展开，垂直布局">
-      <QueryForm2 />
-    </Card>
-
-    <Card title="查询表单，默认折叠，折叠时保留2行">
-      <QueryForm1 />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/rules.vue b/playground/src/views/examples/form/rules.vue
deleted file mode 100644
index 7ec954939..000000000
--- a/playground/src/views/examples/form/rules.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, message } from 'ant-design-vue';
-
-import { useVbenForm, z } from '#/adapter/form';
-
-const [Form, formApi] = useVbenForm({
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  // 提交函数
-  handleSubmit: onSubmit,
-  // 垂直布局，label和input在不同行，值为vertical
-  // 水平布局，label和input在同一行
-  layout: 'horizontal',
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入',
-      },
-      // 字段名
-      fieldName: 'field1',
-      // 界面显示的label
-      label: '字段1',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      defaultValue: '默认值',
-      fieldName: 'field2',
-      label: '默认值(必填)',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field3',
-      label: '默认值(非必填)',
-      rules: z.string().default('默认值').optional(),
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field31',
-      label: '自定义信息',
-      rules: z.string().min(1, { message: '最少输入1个字符' }),
-    },
-    {
-      component: 'Input',
-      // 对应组件的参数
-      componentProps: {
-        placeholder: '请输入',
-      },
-      // 字段名
-      fieldName: 'field4',
-      // 界面显示的label
-      label: '邮箱',
-      rules: z.string().email('请输入正确的邮箱'),
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'number',
-      label: '数字',
-      rules: 'required',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      defaultValue: undefined,
-      fieldName: 'options',
-      label: '下拉选',
-      rules: 'selectRequired',
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-      },
-      fieldName: 'radioGroup',
-      label: '单选组',
-      rules: 'selectRequired',
-    },
-    {
-      component: 'CheckboxGroup',
-      componentProps: {
-        name: 'cname',
-        options: [
-          {
-            label: '选项1',
-            value: '1',
-          },
-          {
-            label: '选项2',
-            value: '2',
-          },
-        ],
-      },
-      fieldName: 'checkboxGroup',
-      label: '多选组',
-      rules: 'selectRequired',
-    },
-    {
-      component: 'Checkbox',
-      fieldName: 'checkbox',
-      label: '',
-      renderComponentContent: () => {
-        return {
-          default: () => ['我已阅读并同意'],
-        };
-      },
-      rules: z.boolean().refine((value) => value, {
-        message: '请勾选',
-      }),
-    },
-    {
-      component: 'DatePicker',
-      defaultValue: undefined,
-      fieldName: 'datePicker',
-      label: '日期选择框',
-      rules: 'selectRequired',
-    },
-    {
-      component: 'RangePicker',
-      defaultValue: undefined,
-      fieldName: 'rangePicker',
-      label: '区间选择框',
-      rules: 'selectRequired',
-    },
-    {
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'password',
-      label: '密码',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'input-blur',
-      formFieldProps: {
-        validateOnChange: false,
-        validateOnModelUpdate: false,
-      },
-      help: 'blur时才会触发校验',
-      label: 'blur触发',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'input-async',
-      label: '异步校验',
-      rules: z
-        .string()
-        .min(3, '用户名至少需要3个字符')
-        .refine(
-          async (username) => {
-            // 假设这是一个异步函数，模拟检查用户名是否已存在
-            const checkUsernameExists = async (
-              username: string,
-            ): Promise<boolean> => {
-              await new Promise((resolve) => setTimeout(resolve, 1000));
-              return username === 'existingUser';
-            };
-            const exists = await checkUsernameExists(username);
-            return !exists;
-          },
-          {
-            message: '用户名已存在',
-          },
-        ),
-    },
-  ],
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.success({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-</script>
-
-<template>
-  <Page description="表单校验示例" title="表单组件">
-    <Card title="基础组件校验示例">
-      <template #extra>
-        <Button @click="() => formApi.validate()">校验表单</Button>
-        <Button class="mx-2" @click="() => formApi.resetValidate()">
-          清空校验信息
-        </Button>
-      </template>
-      <Form />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/form/scroll-to-error-test.vue b/playground/src/views/examples/form/scroll-to-error-test.vue
deleted file mode 100644
index 89aaf50bb..000000000
--- a/playground/src/views/examples/form/scroll-to-error-test.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, Switch } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-defineOptions({
-  name: 'ScrollToErrorTest',
-});
-
-const scrollEnabled = ref(true);
-
-const [Form, formApi] = useVbenForm({
-  scrollToFirstError: scrollEnabled.value,
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入用户名',
-      },
-      fieldName: 'username',
-      label: '用户名',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入邮箱',
-      },
-      fieldName: 'email',
-      label: '邮箱',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入手机号',
-      },
-      fieldName: 'phone',
-      label: '手机号',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入地址',
-      },
-      fieldName: 'address',
-      label: '地址',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入备注',
-      },
-      fieldName: 'remark',
-      label: '备注',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入公司名称',
-      },
-      fieldName: 'company',
-      label: '公司名称',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入职位',
-      },
-      fieldName: 'position',
-      label: '职位',
-      rules: 'required',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        options: [
-          { label: '男', value: 'male' },
-          { label: '女', value: 'female' },
-        ],
-        placeholder: '请选择性别',
-      },
-      fieldName: 'gender',
-      label: '性别',
-      rules: 'selectRequired',
-    },
-  ],
-  showDefaultActions: false,
-});
-
-// 测试 validateAndSubmitForm（验证并提交）
-async function testValidateAndSubmit() {
-  await formApi.validateAndSubmitForm();
-}
-
-// 测试 validate（手动验证整个表单）
-async function testValidate() {
-  await formApi.validate();
-}
-
-// 测试 validateField（验证单个字段）
-async function testValidateField() {
-  await formApi.validateField('username');
-}
-
-// 切换滚动功能
-function toggleScrollToError() {
-  formApi.setState({ scrollToFirstError: scrollEnabled.value });
-}
-
-// 填充部分数据测试
-async function fillPartialData() {
-  await formApi.resetForm();
-  await formApi.setFieldValue('username', '测试用户');
-  await formApi.setFieldValue('email', 'test@example.com');
-}
-</script>
-
-<template>
-  <Page
-    description="测试表单验证失败时自动滚动到错误字段的功能"
-    title="滚动到错误字段测试"
-  >
-    <Card title="功能测试">
-      <template #extra>
-        <div class="flex items-center gap-2">
-          <Switch v-model="scrollEnabled" @change="toggleScrollToError" />
-          <span>启用滚动到错误字段</span>
-        </div>
-      </template>
-
-      <div class="space-y-4">
-        <div class="rounded bg-blue-50 p-4">
-          <h3 class="mb-2 font-medium">测试说明：</h3>
-          <ul class="list-inside list-disc space-y-1 text-sm">
-            <li>所有验证方法在验证失败时都会自动滚动到第一个错误字段</li>
-            <li>可以通过右上角的开关控制是否启用自动滚动功能</li>
-          </ul>
-        </div>
-
-        <div class="rounded border p-4">
-          <h4 class="mb-3 font-medium">验证方法测试：</h4>
-          <div class="flex flex-wrap gap-2">
-            <Button type="primary" @click="testValidateAndSubmit">
-              测试 validateAndSubmitForm()
-            </Button>
-            <Button @click="testValidate"> 测试 validate() </Button>
-            <Button @click="testValidateField"> 测试 validateField() </Button>
-          </div>
-          <div class="mt-2 text-xs text-gray-500">
-            <p>• validateAndSubmitForm(): 验证表单并提交</p>
-            <p>• validate(): 手动验证整个表单</p>
-            <p>• validateField(): 验证单个字段（这里测试用户名字段）</p>
-          </div>
-        </div>
-
-        <div class="rounded border p-4">
-          <h4 class="mb-3 font-medium">数据填充测试：</h4>
-          <div class="flex flex-wrap gap-2">
-            <Button @click="fillPartialData"> 填充部分数据 </Button>
-            <Button @click="() => formApi.resetForm()"> 清空表单 </Button>
-          </div>
-          <div class="mt-2 text-xs text-gray-500">
-            <p>• 填充部分数据后验证，会滚动到第一个错误字段</p>
-          </div>
-        </div>
-
-        <Form />
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/json-viewer/data.ts b/playground/src/views/examples/json-viewer/data.ts
deleted file mode 100644
index 2767e0794..000000000
--- a/playground/src/views/examples/json-viewer/data.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-export const json1 = {
-  additionalInfo: {
-    author: 'Your Name',
-    debug: true,
-    version: '1.3.10',
-    versionCode: 132,
-  },
-  additionalNotes: 'This JSON is used for demonstration purposes',
-  tools: [
-    {
-      description: 'Description of Tool 1',
-      name: 'Tool 1',
-    },
-    {
-      description: 'Description of Tool 2',
-      name: 'Tool 2',
-    },
-    {
-      description: 'Description of Tool 3',
-      name: 'Tool 3',
-    },
-    {
-      description: 'Description of Tool 4',
-      name: 'Tool 4',
-    },
-  ],
-};
-
-export const json2 = JSON.parse(`
-  {
-	"id": "chatcmpl-123",
-	"object": "chat.completion",
-	"created": 1677652288,
-	"model": "gpt-3.5-turbo-0613",
-	"system_fingerprint": "fp_44709d6fcb",
-	"choices": [{
-		"index": 0,
-		"message": {
-			"role": "assistant",
-			"content": "Hello there, how may I assist you today?"
-		},
-		"finish_reason": "stop"
-	}],
-	"usage": {
-		"prompt_tokens": 9,
-		"completion_tokens": 12,
-		"total_tokens": 21,
-    "debug_mode": true
-	},
-  "debug": {
-    "startAt": "2021-08-01T00:00:00Z",
-    "logs": [
-      {
-        "timestamp": "2021-08-01T00:00:00Z",
-        "message": "This is a debug message",
-        "extra":[ "extra1", "extra2" ]
-      },
-      {
-        "timestamp": "2021-08-01T00:00:01Z",
-        "message": "This is another debug message",
-        "extra":[ "extra3", "extra4" ]
-      }
-    ]
-  }
-}
-  `);
diff --git a/playground/src/views/examples/json-viewer/index.vue b/playground/src/views/examples/json-viewer/index.vue
deleted file mode 100644
index a91e042dc..000000000
--- a/playground/src/views/examples/json-viewer/index.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts" setup>
-import type { JsonViewerAction, JsonViewerValue } from '@vben/common-ui';
-
-import { JsonViewer, Page } from '@vben/common-ui';
-
-import { Card, message } from 'ant-design-vue';
-
-import { json1, json2 } from './data';
-
-function handleKeyClick(key: string) {
-  message.info(`点击了Key ${key}`);
-}
-
-function handleValueClick(value: JsonViewerValue) {
-  message.info(`点击了Value ${JSON.stringify(value)}`);
-}
-
-function handleCopied(_event: JsonViewerAction) {
-  message.success('已复制JSON');
-}
-</script>
-<template>
-  <Page
-    title="Json Viewer"
-    description="一个渲染 JSON 结构数据的组件，支持复制、展开等，简单易用"
-  >
-    <Card title="默认配置">
-      <JsonViewer :value="json1" />
-    </Card>
-    <Card title="可复制、默认展开3层、显示边框、事件处理" class="mt-4">
-      <JsonViewer
-        :value="json2"
-        :expand-depth="3"
-        copyable
-        :sort="false"
-        @key-click="handleKeyClick"
-        @value-click="handleValueClick"
-        @copied="handleCopied"
-        boxed
-      />
-    </Card>
-    <Card title="预览模式" class="mt-4">
-      <JsonViewer
-        :value="json2"
-        copyable
-        preview-mode
-        :show-array-index="false"
-      />
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/layout/col-page.vue b/playground/src/views/examples/layout/col-page.vue
deleted file mode 100644
index 45d8651a7..000000000
--- a/playground/src/views/examples/layout/col-page.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts" setup>
-import { reactive, ref } from 'vue';
-
-import { ColPage } from '@vben/common-ui';
-import { IconifyIcon } from '@vben/icons';
-
-import {
-  Alert,
-  Button,
-  Card,
-  Checkbox,
-  Slider,
-  Tag,
-  Tooltip,
-} from 'ant-design-vue';
-
-const props = reactive({
-  leftCollapsedWidth: 5,
-  leftCollapsible: true,
-  leftMaxWidth: 50,
-  leftMinWidth: 20,
-  leftWidth: 30,
-  resizable: true,
-  rightWidth: 70,
-  splitHandle: true,
-  splitLine: true,
-});
-const leftMinWidth = ref(props.leftMinWidth || 1);
-const leftMaxWidth = ref(props.leftMaxWidth || 100);
-</script>
-<template>
-  <ColPage
-    auto-content-height
-    description="ColPage 是一个双列布局组件，支持左侧折叠、拖拽调整宽度等功能。"
-    v-bind="props"
-    title="ColPage 双列布局组件"
-  >
-    <template #title>
-      <span class="mr-2 text-2xl font-bold">ColPage 双列布局组件</span>
-      <Tag color="hsl(var(--destructive))">Alpha</Tag>
-    </template>
-    <template #left="{ isCollapsed, expand }">
-      <div v-if="isCollapsed" @click="expand">
-        <Tooltip title="点击展开左侧">
-          <Button
-            shape="circle"
-            type="primary"
-            class="flex items-center justify-center"
-          >
-            <template #icon>
-              <IconifyIcon class="text-2xl" icon="bi:arrow-right" />
-            </template>
-          </Button>
-        </Tooltip>
-      </div>
-      <div
-        v-else
-        :style="{ minWidth: '200px' }"
-        class="border-border bg-card mr-2 rounded-[var(--radius)] border p-2"
-      >
-        <p>这里是左侧内容</p>
-        <p>这里是左侧内容</p>
-        <p>这里是左侧内容</p>
-        <p>这里是左侧内容</p>
-        <p>这里是左侧内容</p>
-      </div>
-    </template>
-    <Card class="ml-2" title="基本使用">
-      <div class="flex flex-col gap-2">
-        <div class="flex gap-2">
-          <Checkbox v-model="props.resizable">可拖动调整宽度</Checkbox>
-          <Checkbox v-model="props.splitLine">显示拖动分隔线</Checkbox>
-          <Checkbox v-model="props.splitHandle">显示拖动手柄</Checkbox>
-          <Checkbox v-model="props.leftCollapsible"> 左侧可折叠 </Checkbox>
-        </div>
-        <div class="flex items-center gap-2">
-          <span>左侧最小宽度百分比：</span>
-          <Slider
-            v-model:value="leftMinWidth"
-            :max="props.leftMaxWidth - 1"
-            :min="1"
-            style="width: 100px"
-            @after-change="(value) => (props.leftMinWidth = value as number)"
-          />
-          <span>左侧最大宽度百分比：</span>
-          <Slider
-            v-model:value="props.leftMaxWidth"
-            :max="100"
-            :min="leftMaxWidth + 1"
-            style="width: 100px"
-            @after-change="(value) => (props.leftMaxWidth = value as number)"
-          />
-        </div>
-        <Alert message="实验性的组件" show-icon type="warning">
-          <template #description>
-            <p>
-              双列布局组件是一个在Page组件上扩展的相对基础的布局组件，支持左侧折叠（当拖拽导致左侧宽度比最小宽度还要小时，还可以进入折叠状态）、拖拽调整宽度等功能。
-            </p>
-            <p>以上宽度设置的数值是百分比，最小值为1，最大值为100。</p>
-            <p class="font-bold text-red-600">
-              这是一个实验性的组件，用法可能会发生变动，也可能最终不会被采用。在其用法正式出现在文档中之前，不建议在生产环境中使用。
-            </p>
-          </template>
-        </Alert>
-      </div>
-    </Card>
-  </ColPage>
-</template>
diff --git a/playground/src/views/examples/loading/index.vue b/playground/src/views/examples/loading/index.vue
deleted file mode 100644
index c31f78440..000000000
--- a/playground/src/views/examples/loading/index.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<script lang="ts" setup>
-import { Loading, Page, Spinner } from '@vben/common-ui';
-import { IconifyIcon } from '@vben/icons';
-
-import { refAutoReset } from '@vueuse/core';
-import { Button, Card, Spin } from 'ant-design-vue';
-
-const spinning = refAutoReset(false, 3000);
-const loading = refAutoReset(false, 3000);
-
-const spinningV = refAutoReset(false, 3000);
-const loadingV = refAutoReset(false, 3000);
-</script>
-<template>
-  <Page
-    title="Vben Loading"
-    description="加载中状态组件。这个组件可以为其它作为容器的组件添加一个加载中的遮罩层。使用它们时，容器需要relative定位。"
-  >
-    <Card title="Antd Spin">
-      <template #actions>这是Antd 组件库自带的Spin组件演示</template>
-      <Spin :spinning="spinning" tip="加载中...">
-        <Button type="primary" @click="spinning = true">显示Spin</Button>
-      </Spin>
-    </Card>
-
-    <Card title="Vben Loading" v-loading="loadingV" class="mt-4">
-      <template #extra>
-        <Button type="primary" @click="loadingV = true">
-          v-loading 指令
-        </Button>
-      </template>
-      <template #actions>
-        Loading组件可以设置文字，并且也提供了icon插槽用于替换加载图标。
-      </template>
-      <div class="flex gap-4">
-        <div class="size-40">
-          <Loading
-            :spinning="loading"
-            text="正在加载..."
-            class="flex h-full w-full items-center justify-center"
-          >
-            <Button type="primary" @click="loading = true">默认动画</Button>
-          </Loading>
-        </div>
-        <div class="size-40">
-          <Loading
-            :spinning="loading"
-            class="flex h-full w-full items-center justify-center"
-          >
-            <Button type="primary" @click="loading = true">自定义动画1</Button>
-            <template #icon>
-              <IconifyIcon
-                icon="svg-spinners:ring-resize"
-                class="text-primary size-10"
-              />
-            </template>
-          </Loading>
-        </div>
-        <div class="size-40">
-          <Loading
-            :spinning="loading"
-            class="flex h-full w-full items-center justify-center"
-          >
-            <Button type="primary" @click="loading = true">自定义动画2</Button>
-            <template #icon>
-              <IconifyIcon
-                icon="svg-spinners:bars-scale"
-                class="text-primary size-10"
-              />
-            </template>
-          </Loading>
-        </div>
-      </div>
-    </Card>
-
-    <Card
-      title="Vben Spinner"
-      v-spinning="spinningV"
-      class="mt-4 overflow-hidden"
-      :body-style="{
-        position: 'relative',
-        overflow: 'hidden',
-      }"
-    >
-      <template #extra>
-        <Button type="primary" @click="spinningV = true">
-          v-spinning 指令
-        </Button>
-      </template>
-      <template #actions>
-        Spinner组件是Loading组件的一个特例，只有一个固定的统一样式。
-      </template>
-      <Spinner
-        :spinning="spinning"
-        class="flex size-40 items-center justify-center"
-      >
-        <Button type="primary" @click="spinning = true">显示Spinner</Button>
-      </Spinner>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/modal/auto-height-demo.vue b/playground/src/views/examples/modal/auto-height-demo.vue
deleted file mode 100644
index 5e8f7ad03..000000000
--- a/playground/src/views/examples/modal/auto-height-demo.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenModal } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const list = ref<number[]>([]);
-
-const [Modal, modalApi] = useVbenModal({
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-  },
-  onOpenChange(isOpen) {
-    if (isOpen) {
-      handleUpdate();
-    }
-  },
-});
-
-function handleUpdate(len?: number) {
-  modalApi.setState({ confirmDisabled: true, loading: true });
-  setTimeout(() => {
-    list.value = Array.from(
-      { length: len ?? Math.floor(Math.random() * 10) + 1 },
-      (_v, k) => k + 1,
-    );
-    modalApi.setState({ confirmDisabled: false, loading: false });
-  }, 2000);
-}
-</script>
-
-<template>
-  <Modal title="自动计算高度">
-    <div
-      v-for="item in list"
-      :key="item"
-      class="even:bg-heavy bg-muted flex-center h-[220px] w-full"
-    >
-      {{ item }}
-    </div>
-    <template #prepend-footer>
-      <Button type="link" @click="handleUpdate()">点击更新数据</Button>
-    </template>
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/base-demo.vue b/playground/src/views/examples/modal/base-demo.vue
deleted file mode 100644
index 7b2f6391b..000000000
--- a/playground/src/views/examples/modal/base-demo.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const [Modal, modalApi] = useVbenModal({
-  onCancel() {
-    modalApi.close();
-  },
-  onClosed() {
-    message.info('onClosed：关闭动画结束');
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // modalApi.close();
-  },
-  onOpened() {
-    message.info('onOpened：打开动画结束');
-  },
-});
-
-function lockModal() {
-  modalApi.lock();
-  setTimeout(() => {
-    modalApi.unlock();
-  }, 3000);
-}
-</script>
-<template>
-  <Modal class="w-[600px]" title="基础弹窗示例" title-tooltip="标题提示内容">
-    base demo
-    <Button type="primary" @click="lockModal">锁定弹窗</Button>
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/blur-demo.vue b/playground/src/views/examples/modal/blur-demo.vue
deleted file mode 100644
index 432ce0da0..000000000
--- a/playground/src/views/examples/modal/blur-demo.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import { ref, watch } from 'vue';
-
-import { useVbenModal } from '@vben/common-ui';
-
-import { Slider } from 'ant-design-vue';
-
-const blur = ref(5);
-const [Modal, modalApi] = useVbenModal({
-  overlayBlur: blur.value,
-});
-watch(blur, (val) => {
-  modalApi.setState({
-    overlayBlur: val,
-  });
-});
-</script>
-<template>
-  <Modal title="遮罩层模糊">
-    <p>调整滑块来改变遮罩层模糊程度：{{ blur }}</p>
-    <Slider v-model:value="blur" :max="30" :min="0" />
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/drag-demo.vue b/playground/src/views/examples/modal/drag-demo.vue
deleted file mode 100644
index 452030363..000000000
--- a/playground/src/views/examples/modal/drag-demo.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-
-const [Modal, modalApi] = useVbenModal({
-  draggable: true,
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // modalApi.close();
-  },
-});
-</script>
-<template>
-  <Modal title="可拖拽示例"> 鼠标移动到 header 上，可拖拽弹窗 </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/dynamic-demo.vue b/playground/src/views/examples/modal/dynamic-demo.vue
deleted file mode 100644
index 33d1c4eeb..000000000
--- a/playground/src/views/examples/modal/dynamic-demo.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-const [Modal, modalApi] = useVbenModal({
-  draggable: true,
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // modalApi.close();
-  },
-  title: '动态修改配置示例',
-});
-
-const state = modalApi.useStore();
-
-function handleUpdateTitle() {
-  modalApi.setState({ title: '内部动态标题' });
-}
-
-function handleToggleFullscreen() {
-  modalApi.setState((prev) => {
-    return { ...prev, fullscreen: !prev.fullscreen };
-  });
-}
-</script>
-<template>
-  <Modal>
-    <div class="flex-col-center">
-      <Button class="mb-3" type="primary" @click="handleUpdateTitle()">
-        内部动态修改标题
-      </Button>
-      <Button class="mb-3" type="primary" @click="handleToggleFullscreen()">
-        {{ state.fullscreen ? '退出全屏' : '打开全屏' }}
-      </Button>
-    </div>
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/form-modal-demo.vue b/playground/src/views/examples/modal/form-modal-demo.vue
deleted file mode 100644
index 6d58aa15c..000000000
--- a/playground/src/views/examples/modal/form-modal-demo.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-defineOptions({
-  name: 'FormModelDemo',
-});
-
-const [Form, formApi] = useVbenForm({
-  handleSubmit: onSubmit,
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field1',
-      label: '字段1',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field2',
-      label: '字段2',
-      rules: 'required',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        options: [
-          { label: '选项1', value: '1' },
-          { label: '选项2', value: '2' },
-        ],
-        placeholder: '请输入',
-      },
-      fieldName: 'field3',
-      label: '字段3',
-      rules: 'required',
-    },
-  ],
-  showDefaultActions: false,
-});
-
-const [Modal, modalApi] = useVbenModal({
-  fullscreenButton: false,
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm: async () => {
-    await formApi.validateAndSubmitForm();
-    // modalApi.close();
-  },
-  onOpenChange(isOpen: boolean) {
-    if (isOpen) {
-      const { values } = modalApi.getData<Record<string, any>>();
-      if (values) {
-        formApi.setValues(values);
-      }
-    }
-  },
-  title: '内嵌表单示例',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.loading({
-    content: '正在提交中...',
-    duration: 0,
-    key: 'is-form-submitting',
-  });
-  modalApi.lock();
-  setTimeout(() => {
-    modalApi.close();
-    message.success({
-      content: `提交成功：${JSON.stringify(values)}`,
-      duration: 2,
-      key: 'is-form-submitting',
-    });
-  }, 3000);
-}
-</script>
-<template>
-  <Modal>
-    <Form />
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/in-content-demo.vue b/playground/src/views/examples/modal/in-content-demo.vue
deleted file mode 100644
index 7ffe7b773..000000000
--- a/playground/src/views/examples/modal/in-content-demo.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenModal } from '@vben/common-ui';
-
-import { Input, message } from 'ant-design-vue';
-
-const [Modal, modalApi] = useVbenModal({
-  destroyOnClose: false,
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // modalApi.close();
-  },
-});
-const value = ref();
-</script>
-<template>
-  <Modal
-    append-to-main
-    class="w-[600px]"
-    title="基础弹窗示例"
-    title-tooltip="标题提示内容"
-  >
-    此弹窗指定在内容区域打开，并且在关闭之后弹窗内容不会被销毁
-    <Input v-model:value="value" placeholder="KeepAlive测试" />
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/index.vue b/playground/src/views/examples/modal/index.vue
deleted file mode 100644
index 3ed6cdead..000000000
--- a/playground/src/views/examples/modal/index.vue
+++ /dev/null
@@ -1,278 +0,0 @@
-<script lang="ts" setup>
-import { onBeforeUnmount } from 'vue';
-
-import {
-  alert,
-  clearAllAlerts,
-  confirm,
-  Page,
-  prompt,
-  useVbenModal,
-} from '@vben/common-ui';
-
-import { Button, Card, Flex, message } from 'ant-design-vue';
-
-import DocButton from '../doc-button.vue';
-import AutoHeightDemo from './auto-height-demo.vue';
-import BaseDemo from './base-demo.vue';
-import BlurDemo from './blur-demo.vue';
-import DragDemo from './drag-demo.vue';
-import DynamicDemo from './dynamic-demo.vue';
-import FormModalDemo from './form-modal-demo.vue';
-import InContentModalDemo from './in-content-demo.vue';
-import NestedDemo from './nested-demo.vue';
-import SharedDataDemo from './shared-data-demo.vue';
-
-defineOptions({ name: 'ModalExample' });
-
-const [BaseModal, baseModalApi] = useVbenModal({
-  // 连接抽离的组件
-  connectedComponent: BaseDemo,
-});
-
-const [InContentModal, inContentModalApi] = useVbenModal({
-  // 连接抽离的组件
-  connectedComponent: InContentModalDemo,
-});
-
-const [AutoHeightModal, autoHeightModalApi] = useVbenModal({
-  connectedComponent: AutoHeightDemo,
-});
-
-const [DragModal, dragModalApi] = useVbenModal({
-  connectedComponent: DragDemo,
-});
-
-const [DynamicModal, dynamicModalApi] = useVbenModal({
-  connectedComponent: DynamicDemo,
-});
-
-const [SharedDataModal, sharedModalApi] = useVbenModal({
-  connectedComponent: SharedDataDemo,
-});
-
-const [FormModal, formModalApi] = useVbenModal({
-  connectedComponent: FormModalDemo,
-});
-
-const [NestedModal, nestedModalApi] = useVbenModal({
-  connectedComponent: NestedDemo,
-});
-
-const [BlurModal, blurModalApi] = useVbenModal({
-  connectedComponent: BlurDemo,
-});
-
-function openBaseModal() {
-  baseModalApi.open();
-}
-
-function openInContentModal() {
-  inContentModalApi.open();
-}
-
-function openAutoHeightModal() {
-  autoHeightModalApi.open();
-}
-
-function openDragModal() {
-  dragModalApi.open();
-}
-
-function openDynamicModal() {
-  dynamicModalApi.open();
-}
-
-function openSharedModal() {
-  sharedModalApi
-    .setData({
-      content: '外部传递的数据 content',
-      payload: '外部传递的数据 payload',
-    })
-    .open();
-}
-
-function openNestedModal() {
-  nestedModalApi.open();
-}
-
-function openBlurModal() {
-  blurModalApi.open();
-}
-
-function handleUpdateTitle() {
-  dynamicModalApi.setState({ title: '外部动态标题' }).open();
-}
-
-function openFormModal() {
-  formModalApi
-    .setData({
-      // 表单值
-      values: { field1: 'abc', field2: '123' },
-    })
-    .open();
-}
-
-function openAlert() {
-  alert({
-    content: '这是一个弹窗',
-    icon: 'success',
-  }).then(() => {
-    message.info('用户关闭了弹窗');
-  });
-}
-
-onBeforeUnmount(() => {
-  // 清除所有弹窗
-  clearAllAlerts();
-});
-
-function openConfirm() {
-  confirm({
-    beforeClose({ isConfirm }) {
-      if (!isConfirm) return;
-      // 这里可以做一些异步操作
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve(true);
-        }, 1000);
-      });
-    },
-    centered: false,
-    content: '这是一个确认弹窗',
-    icon: 'question',
-  })
-    .then(() => {
-      message.success('用户确认了操作');
-    })
-    .catch(() => {
-      message.error('用户取消了操作');
-    });
-}
-
-async function openPrompt() {
-  prompt<string>({
-    async beforeClose({ isConfirm, value }) {
-      if (isConfirm && value === '芝士') {
-        message.error('不能吃芝士');
-        return false;
-      }
-    },
-    componentProps: { placeholder: '不能吃芝士...' },
-    content: '中午吃了什么？',
-    icon: 'question',
-    overlayBlur: 3,
-  })
-    .then((res) => {
-      message.success(`用户输入了：${res}`);
-    })
-    .catch(() => {
-      message.error('用户取消了输入');
-    });
-}
-</script>
-
-<template>
-  <Page
-    auto-content-height
-    description="弹窗组件常用于在不离开当前页面的情况下，显示额外的信息、表单或操作提示，更多api请查看组件文档。"
-    title="弹窗组件示例"
-  >
-    <template #extra>
-      <DocButton path="/components/common-ui/vben-modal" />
-    </template>
-    <BaseModal />
-    <InContentModal />
-    <AutoHeightModal />
-    <DragModal />
-    <DynamicModal />
-    <SharedDataModal />
-    <FormModal />
-    <NestedModal />
-    <BlurModal />
-    <Flex wrap="wrap" class="w-full" gap="10">
-      <Card class="w-[300px]" title="基本使用">
-        <p>一个基础的弹窗示例</p>
-        <template #actions>
-          <Button type="primary" @click="openBaseModal">打开弹窗</Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="指定容器+关闭后不销毁">
-        <p>在内容区域打开弹窗的示例</p>
-        <template #actions>
-          <Button type="primary" @click="openInContentModal">打开弹窗</Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="内容高度自适应">
-        <p>可根据内容并自动调整高度</p>
-        <template #actions>
-          <Button type="primary" @click="openAutoHeightModal">
-            打开弹窗
-          </Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="可拖拽示例">
-        <p>配置 draggable 可开启拖拽功能</p>
-        <template #actions>
-          <Button type="primary" @click="openDragModal"> 打开弹窗 </Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="动态配置示例">
-        <p>通过 setState 动态调整弹窗数据</p>
-        <template #extra>
-          <Button type="link" @click="openDynamicModal">打开弹窗</Button>
-        </template>
-        <template #actions>
-          <Button type="primary" @click="handleUpdateTitle">
-            外部修改标题并打开
-          </Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="内外数据共享示例">
-        <p>通过共享 sharedData 来进行数据交互</p>
-        <template #actions>
-          <Button type="primary" @click="openSharedModal">
-            打开弹窗并传递数据
-          </Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="表单弹窗示例">
-        <p>弹窗与表单结合</p>
-        <template #actions>
-          <Button type="primary" @click="openFormModal"> 打开表单弹窗 </Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="嵌套弹窗示例">
-        <p>在已经打开的弹窗中再次打开弹窗</p>
-        <template #actions>
-          <Button type="primary" @click="openNestedModal">打开嵌套弹窗</Button>
-        </template>
-      </Card>
-
-      <Card class="w-[300px]" title="遮罩模糊示例">
-        <p>遮罩层应用类似毛玻璃的模糊效果</p>
-        <template #actions>
-          <Button type="primary" @click="openBlurModal">打开弹窗</Button>
-        </template>
-      </Card>
-      <Card class="w-[300px]" title="轻量提示弹窗">
-        <template #extra>
-          <DocButton path="/components/common-ui/vben-alert" />
-        </template>
-        <p>通过快捷方法创建动态提示弹窗，适合一些轻量的提示和确认、输入等</p>
-        <template #actions>
-          <Button type="primary" @click="openAlert">Alert</Button>
-          <Button type="primary" @click="openConfirm">Confirm</Button>
-          <Button type="primary" @click="openPrompt">Prompt</Button>
-        </template>
-      </Card>
-    </Flex>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/modal/nested-demo.vue b/playground/src/views/examples/modal/nested-demo.vue
deleted file mode 100644
index 6251fd059..000000000
--- a/playground/src/views/examples/modal/nested-demo.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import DragDemo from './drag-demo.vue';
-
-const [Modal] = useVbenModal({
-  destroyOnClose: true,
-});
-const [BaseModal, baseModalApi] = useVbenModal({
-  connectedComponent: DragDemo,
-});
-
-function openNestedModal() {
-  baseModalApi.open();
-}
-</script>
-<template>
-  <Modal title="嵌套弹窗示例">
-    <Button @click="openNestedModal" type="primary">打开子弹窗</Button>
-    <BaseModal />
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/modal/shared-data-demo.vue b/playground/src/views/examples/modal/shared-data-demo.vue
deleted file mode 100644
index 8ba6e7e9a..000000000
--- a/playground/src/views/examples/modal/shared-data-demo.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { useVbenModal } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-
-const data = ref();
-
-const [Modal, modalApi] = useVbenModal({
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm() {
-    message.info('onConfirm');
-    // modalApi.close();
-  },
-  onOpenChange(isOpen: boolean) {
-    if (isOpen) {
-      data.value = modalApi.getData<Record<string, any>>();
-    }
-  },
-});
-</script>
-<template>
-  <Modal title="数据共享示例">
-    <div class="flex-col-center">外部传递数据： {{ data }}</div>
-  </Modal>
-</template>
diff --git a/playground/src/views/examples/motion/index.vue b/playground/src/views/examples/motion/index.vue
deleted file mode 100644
index 1faaa23b7..000000000
--- a/playground/src/views/examples/motion/index.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<script lang="ts" setup>
-import { reactive } from 'vue';
-
-import { Page } from '@vben/common-ui';
-import { Motion, MotionGroup, MotionPresets } from '@vben/plugins/motion';
-
-import { refAutoReset, watchDebounced } from '@vueuse/core';
-import {
-  Button,
-  Card,
-  Col,
-  Form,
-  FormItem,
-  InputNumber,
-  Row,
-  Select,
-} from 'ant-design-vue';
-// 本例子用不到visible类型的动画。带有VisibleOnce和Visible的类型会在组件进入视口被显示时执行动画，
-const presets = MotionPresets.filter((v) => !v.includes('Visible'));
-const showCard1 = refAutoReset(true, 100);
-const showCard2 = refAutoReset(true, 100);
-const showCard3 = refAutoReset(true, 100);
-const motionProps = reactive({
-  delay: 0,
-  duration: 300,
-  enter: { scale: 1 },
-  hovered: { scale: 1.1, transition: { delay: 0, duration: 50 } },
-  preset: 'fade',
-  tapped: { scale: 0.9, transition: { delay: 0, duration: 50 } },
-});
-
-const motionGroupProps = reactive({
-  delay: 0,
-  duration: 300,
-  enter: { scale: 1 },
-  hovered: { scale: 1.1, transition: { delay: 0, duration: 50 } },
-  preset: 'fade',
-  tapped: { scale: 0.9, transition: { delay: 0, duration: 50 } },
-});
-
-watchDebounced(
-  motionProps,
-  () => {
-    showCard2.value = false;
-  },
-  { debounce: 200, deep: true },
-);
-
-watchDebounced(
-  motionGroupProps,
-  () => {
-    showCard3.value = false;
-  },
-  { debounce: 200, deep: true },
-);
-
-function openDocPage() {
-  window.open('https://motion.vueuse.org/', '_blank');
-}
-</script>
-<template>
-  <Page title="Motion">
-    <template #description>
-      <span>一个易于使用的为其它组件赋予动画效果的组件。</span>
-      <Button type="link" @click="openDocPage">查看文档</Button>
-    </template>
-    <Card title="使用指令" :body-style="{ minHeight: '5rem' }">
-      <template #extra>
-        <Button type="primary" @click="showCard1 = false">重载</Button>
-      </template>
-      <div>
-        <div class="relative flex gap-2 overflow-hidden" v-if="showCard1">
-          <Button v-motion-fade-visible>fade</Button>
-          <Button v-motion-pop-visible :duration="500">pop</Button>
-          <Button v-motion-slide-left>slide-left</Button>
-          <Button v-motion-slide-right>slide-right</Button>
-          <Button v-motion-slide-bottom>slide-bottom</Button>
-          <Button v-motion-slide-top>slide-top</Button>
-        </div>
-      </div>
-    </Card>
-    <Card
-      class="mt-2"
-      title="使用组件（将内部作为一个整体添加动画）"
-      :body-style="{ padding: 0 }"
-    >
-      <div
-        class="relative flex min-h-32 items-center justify-center gap-2 overflow-hidden"
-      >
-        <Motion
-          v-bind="motionProps"
-          v-if="showCard2"
-          class="flex items-center gap-2"
-        >
-          <Button size="large">这个按钮在显示时会有动画效果</Button>
-          <span>附属组件，会作为整体处理动画</span>
-        </Motion>
-      </div>
-      <div
-        class="relative flex min-h-32 items-center justify-center gap-2 overflow-hidden"
-      >
-        <div v-if="showCard2" class="flex items-center gap-2">
-          <span>顺序延迟</span>
-          <Motion
-            v-bind="{
-              ...motionProps,
-              delay: motionProps.delay + 100 * i,
-            }"
-            v-for="i in 5"
-            :key="i"
-          >
-            <Button size="large">按钮{{ i }}</Button>
-          </Motion>
-        </div>
-      </div>
-      <div>
-        <Form :model="motionProps" :label-col="{ span: 10 }">
-          <Row>
-            <Col :span="8">
-              <FormItem prop="preset" label="动画效果">
-                <Select v-model:value="motionProps.preset">
-                  <Select.Option
-                    :value="preset"
-                    v-for="preset in presets"
-                    :key="preset"
-                  >
-                    {{ preset }}
-                  </Select.Option>
-                </Select>
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="duration" label="持续时间">
-                <InputNumber v-model:value="motionProps.duration" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="delay" label="延迟动画">
-                <InputNumber v-model:value="motionProps.delay" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="hovered.scale" label="Hover缩放">
-                <InputNumber v-model:value="motionProps.hovered.scale" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="hovered.tapped" label="按下时缩放">
-                <InputNumber v-model:value="motionProps.tapped.scale" />
-              </FormItem>
-            </Col>
-          </Row>
-        </Form>
-      </div>
-    </Card>
-    <Card
-      class="mt-2"
-      title="分组动画（每个子元素都会应用相同的独立动画）"
-      :body-style="{ padding: 0 }"
-    >
-      <div
-        class="relative flex min-h-32 items-center justify-center gap-2 overflow-hidden"
-      >
-        <MotionGroup v-bind="motionGroupProps" v-if="showCard3">
-          <Button size="large">按钮1</Button>
-          <Button size="large">按钮2</Button>
-          <Button size="large">按钮3</Button>
-          <Button size="large">按钮4</Button>
-          <Button size="large">按钮5</Button>
-        </MotionGroup>
-      </div>
-      <div>
-        <Form :model="motionGroupProps" :label-col="{ span: 10 }">
-          <Row>
-            <Col :span="8">
-              <FormItem prop="preset" label="动画效果">
-                <Select v-model:value="motionGroupProps.preset">
-                  <Select.Option
-                    :value="preset"
-                    v-for="preset in presets"
-                    :key="preset"
-                  >
-                    {{ preset }}
-                  </Select.Option>
-                </Select>
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="duration" label="持续时间">
-                <InputNumber v-model:value="motionGroupProps.duration" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="delay" label="延迟动画">
-                <InputNumber v-model:value="motionGroupProps.delay" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="hovered.scale" label="Hover缩放">
-                <InputNumber v-model:value="motionGroupProps.hovered.scale" />
-              </FormItem>
-            </Col>
-            <Col :span="8">
-              <FormItem prop="hovered.tapped" label="按下时缩放">
-                <InputNumber v-model:value="motionGroupProps.tapped.scale" />
-              </FormItem>
-            </Col>
-          </Row>
-        </Form>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/resize/basic.vue b/playground/src/views/examples/resize/basic.vue
deleted file mode 100644
index 6295839a6..000000000
--- a/playground/src/views/examples/resize/basic.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { Page, VResize } from '@vben/common-ui';
-
-const colorMap = ['red', 'green', 'yellow', 'gray'];
-
-type TSize = {
-  height: number;
-  left: number;
-  top: number;
-  width: number;
-};
-
-const sizeList = ref<TSize[]>([
-  { height: 200, left: 200, top: 200, width: 200 },
-  { height: 300, left: 300, top: 300, width: 300 },
-  { height: 400, left: 400, top: 400, width: 400 },
-  { height: 500, left: 500, top: 500, width: 500 },
-]);
-
-const resize = (size?: TSize, rect?: TSize) => {
-  if (!size || !rect) return;
-
-  size.height = rect.height;
-  size.left = rect.left;
-  size.top = rect.top;
-  size.width = rect.width;
-};
-</script>
-
-<template>
-  <Page description="Resize组件基础示例" title="Resize组件">
-    <div class="m-4 bg-blue-500 p-48 text-xl">
-      <div v-for="size in sizeList" :key="size.width">
-        {{
-          `width: ${size.width}px, height: ${size.height}px, top: ${size.top}px, left: ${size.left}px`
-        }}
-      </div>
-    </div>
-
-    <template v-for="(_, idx) of 4" :key="idx">
-      <VResize
-        :h="100 * (idx + 1)"
-        :w="100 * (idx + 1)"
-        :x="100 * (idx + 1)"
-        :y="100 * (idx + 1)"
-        @dragging="(rect) => resize(sizeList[idx], rect)"
-        @resizing="(rect) => resize(sizeList[idx], rect)"
-      >
-        <div
-          :style="{ backgroundColor: colorMap[idx] }"
-          class="h-full w-full"
-        ></div>
-      </VResize>
-    </template>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/tippy/index.vue b/playground/src/views/examples/tippy/index.vue
deleted file mode 100644
index 628fa3804..000000000
--- a/playground/src/views/examples/tippy/index.vue
+++ /dev/null
@@ -1,303 +0,0 @@
-<script lang="ts" setup>
-import type { TippyProps } from '@vben/common-ui';
-
-import { reactive } from 'vue';
-
-import { Page, Tippy } from '@vben/common-ui';
-
-import { Button, Card, Flex } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-
-const tippyProps = reactive<TippyProps>({
-  animation: 'shift-away',
-  arrow: true,
-  content: '这是一个提示',
-  delay: [200, 200],
-  duration: 200,
-  followCursor: false,
-  hideOnClick: false,
-  inertia: true,
-  maxWidth: 'none',
-  placement: 'top',
-  theme: 'dark',
-  trigger: 'mouseenter focusin',
-});
-
-function parseBoolean(value: string) {
-  switch (value) {
-    case 'false': {
-      return false;
-    }
-    case 'true': {
-      return true;
-    }
-    default: {
-      return value;
-    }
-  }
-}
-
-const [Form] = useVbenForm({
-  handleValuesChange(values) {
-    Object.assign(tippyProps, {
-      ...values,
-      delay: [values.delay1, values.delay2],
-      followCursor: parseBoolean(values.followCursor),
-      hideOnClick: parseBoolean(values.hideOnClick),
-      trigger: values.trigger.join(' '),
-    });
-  },
-  schema: [
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        class: 'w-full',
-        options: [
-          { label: '自动', value: 'auto' },
-          { label: '暗色', value: 'dark' },
-          { label: '亮色', value: 'light' },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: tippyProps.theme,
-      fieldName: 'theme',
-      label: '主题',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        class: 'w-full',
-        options: [
-          { label: '向上滑入', value: 'shift-away' },
-          { label: '向下滑入', value: 'shift-toward' },
-          { label: '缩放', value: 'scale' },
-          { label: '透视', value: 'perspective' },
-          { label: '淡入', value: 'fade' },
-        ],
-      },
-      defaultValue: tippyProps.animation,
-      fieldName: 'animation',
-      label: '动画类型',
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        options: [
-          { label: '是', value: true },
-          { label: '否', value: false },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: tippyProps.inertia,
-      fieldName: 'inertia',
-      label: '动画惯性',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        class: 'w-full',
-        options: [
-          { label: '顶部', value: 'top' },
-          { label: '顶左', value: 'top-start' },
-          { label: '顶右', value: 'top-end' },
-          { label: '底部', value: 'bottom' },
-          { label: '底左', value: 'bottom-start' },
-          { label: '底右', value: 'bottom-end' },
-          { label: '左侧', value: 'left' },
-          { label: '左上', value: 'left-start' },
-          { label: '左下', value: 'left-end' },
-          { label: '右侧', value: 'right' },
-          { label: '右上', value: 'right-start' },
-          { label: '右下', value: 'right-end' },
-        ],
-      },
-      defaultValue: tippyProps.placement,
-      fieldName: 'placement',
-      label: '位置',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        addonAfter: '毫秒',
-      },
-      defaultValue: tippyProps.duration,
-      fieldName: 'duration',
-      label: '动画时长',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        addonAfter: '毫秒',
-      },
-      defaultValue: 100,
-      fieldName: 'delay1',
-      label: '显示延时',
-    },
-    {
-      component: 'InputNumber',
-      componentProps: {
-        addonAfter: '毫秒',
-      },
-      defaultValue: 100,
-      fieldName: 'delay2',
-      label: '隐藏延时',
-    },
-    {
-      component: 'Input',
-      defaultValue: tippyProps.content,
-      fieldName: 'content',
-      label: '内容',
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        options: [
-          { label: '是', value: true },
-          { label: '否', value: false },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: tippyProps.arrow,
-      fieldName: 'arrow',
-      label: '指示箭头',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        class: 'w-full',
-        options: [
-          { label: '不跟随', value: 'false' },
-          { label: '完全跟随', value: 'true' },
-          { label: '仅横向', value: 'horizontal' },
-          { label: '仅纵向', value: 'vertical' },
-          { label: '仅初始', value: 'initial' },
-        ],
-      },
-      defaultValue: tippyProps.followCursor?.toString(),
-      fieldName: 'followCursor',
-      label: '跟随指针',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        class: 'w-full',
-        mode: 'multiple',
-        options: [
-          { label: '鼠标移入', value: 'mouseenter' },
-          { label: '被点击', value: 'click' },
-          { label: '获得焦点', value: 'focusin' },
-          { label: '无触发，仅手动', value: 'manual' },
-        ],
-      },
-      defaultValue: tippyProps.trigger?.split(' '),
-      fieldName: 'trigger',
-      label: '触发方式',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        class: 'w-full',
-        options: [
-          { label: '否', value: 'false' },
-          { label: '是', value: 'true' },
-          { label: '仅内部', value: 'toggle' },
-        ],
-      },
-      defaultValue: tippyProps.hideOnClick?.toString(),
-      dependencies: {
-        componentProps(_, formAction) {
-          return {
-            disabled: !formAction.values.trigger.includes('click'),
-          };
-        },
-        triggerFields: ['trigger'],
-      },
-      fieldName: 'hideOnClick',
-      help: '只有在触发方式为`click`时才有效',
-      label: '点击后隐藏',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        allowClear: true,
-        placeholder: 'none、200px',
-      },
-      defaultValue: tippyProps.maxWidth,
-      fieldName: 'maxWidth',
-      label: '最大宽度',
-    },
-  ],
-  showDefaultActions: false,
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
-
-function goDoc() {
-  window.open('https://atomiks.github.io/tippyjs/v6/all-props/');
-}
-</script>
-<template>
-  <Page title="Tippy">
-    <template #description>
-      <div class="flex items-center">
-        <p>
-          Tippy
-          是一个轻量级的提示工具库，它可以用来创建各种交互式提示，如工具提示、引导提示等。
-        </p>
-        <Button type="link" size="small" @click="goDoc">查看文档</Button>
-      </div>
-    </template>
-    <Card title="指令形式使用">
-      <p class="mb-4">
-        指令形式使用比较简洁，直接在需要展示tooltip的组件上用v-tippy传递配置，适用于固定内容的工具提示。
-      </p>
-      <Flex warp="warp" gap="20" align="center">
-        <Button v-tippy="'这是一个提示，使用了默认的配置'">默认配置</Button>
-
-        <Button
-          v-tippy="{ theme: 'light', content: '这是一个提示，总是light主题' }"
-        >
-          指定主题
-        </Button>
-        <Button
-          v-tippy="{
-            theme: 'light',
-            content: '这个提示将在点燃组件100毫秒后激活',
-            delay: 100,
-          }"
-        >
-          指定延时
-        </Button>
-        <Button
-          v-tippy="{
-            content: '本提示的动画为`scale`',
-            animation: 'scale',
-          }"
-        >
-          指定动画
-        </Button>
-      </Flex>
-    </Card>
-    <Card title="组件形式使用" class="mt-4">
-      <div class="flex w-full justify-center">
-        <Tippy v-bind="tippyProps">
-          <Button>鼠标移到这个组件上来体验效果</Button>
-        </Tippy>
-      </div>
-
-      <Form class="mt-4" />
-      <template #actions>
-        <p
-          class="text-secondary-foreground hover:text-secondary-foreground cursor-default"
-        >
-          更多配置请
-          <Button type="link" size="small" @click="goDoc">查看文档</Button>
-          ，这里只列出了一些常用的配置
-        </p>
-      </template>
-    </Card>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/basic.vue b/playground/src/views/examples/vxe-table/basic.vue
deleted file mode 100644
index d20472461..000000000
--- a/playground/src/views/examples/vxe-table/basic.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridListeners, VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-
-import DocButton from '../doc-button.vue';
-import { MOCK_TABLE_DATA } from './table-data';
-
-interface RowType {
-  address: string;
-  age: number;
-  id: number;
-  name: string;
-  nickname: string;
-  role: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { field: 'name', title: 'Name' },
-    { field: 'age', sortable: true, title: 'Age' },
-    { field: 'nickname', title: 'Nickname' },
-    { field: 'role', title: 'Role' },
-    { field: 'address', showOverflow: true, title: 'Address' },
-  ],
-  data: MOCK_TABLE_DATA,
-  pagerConfig: {
-    enabled: false,
-  },
-  sortConfig: {
-    multiple: true,
-  },
-};
-
-const gridEvents: VxeGridListeners<RowType> = {
-  cellClick: ({ row }) => {
-    message.info(`cell-click: ${row.name}`);
-  },
-};
-
-const [Grid, gridApi] = useVbenVxeGrid<RowType>({
-  // 放开注释查看表单组件的类型
-  // formOptions: {
-  //   schema: [
-  //     {
-  //       component: 'Switch',
-  //       fieldName: 'name',
-  //     },
-  //   ],
-  // },
-  gridEvents,
-  gridOptions,
-});
-
-// 放开注释查看当前表格实例的类型
-// gridApi.grid
-
-const showBorder = gridApi.useStore((state) => state.gridOptions?.border);
-const showStripe = gridApi.useStore((state) => state.gridOptions?.stripe);
-
-function changeBorder() {
-  gridApi.setGridOptions({
-    border: !showBorder.value,
-  });
-}
-
-function changeStripe() {
-  gridApi.setGridOptions({
-    stripe: !showStripe.value,
-  });
-}
-
-function changeLoading() {
-  gridApi.setLoading(true);
-  setTimeout(() => {
-    gridApi.setLoading(false);
-  }, 2000);
-}
-</script>
-
-<template>
-  <Page
-    description="表格组件常用于快速开发数据展示与交互界面，示例数据为静态数据。该组件是对vxe-table进行简单的二次封装，大部分属性与方法与vxe-table保持一致。"
-    title="表格基础示例"
-  >
-    <template #extra>
-      <DocButton path="/components/common-ui/vben-vxe-table" />
-    </template>
-    <Grid table-title="基础列表" table-title-help="提示">
-      <!-- <template #toolbar-actions>
-        <Button class="mr-2" type="primary">左侧插槽</Button>
-      </template> -->
-      <template #toolbar-tools>
-        <Button class="mr-2" type="primary" @click="changeBorder">
-          {{ showBorder ? '隐藏' : '显示' }}边框
-        </Button>
-        <Button class="mr-2" type="primary" @click="changeLoading">
-          显示loading
-        </Button>
-        <Button type="primary" @click="changeStripe">
-          {{ showStripe ? '隐藏' : '显示' }}斑马纹
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/custom-cell.vue b/playground/src/views/examples/vxe-table/custom-cell.vue
deleted file mode 100644
index 262588049..000000000
--- a/playground/src/views/examples/vxe-table/custom-cell.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Image, Switch, Tag } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  imageUrl: string;
-  open: boolean;
-  price: string;
-  productName: string;
-  releaseDate: string;
-  status: 'error' | 'success' | 'warning';
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  checkboxConfig: {
-    highlight: true,
-    labelField: 'name',
-  },
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { field: 'category', title: 'Category', width: 100 },
-    {
-      field: 'imageUrl',
-      slots: { default: 'image-url' },
-      title: 'Image',
-      width: 100,
-    },
-    {
-      cellRender: { name: 'CellImage' },
-      field: 'imageUrl2',
-      title: 'Render Image',
-      width: 130,
-    },
-    {
-      field: 'open',
-      slots: { default: 'open' },
-      title: 'Open',
-      width: 100,
-    },
-    {
-      field: 'status',
-      slots: { default: 'status' },
-      title: 'Status',
-      width: 100,
-    },
-    { field: 'color', title: 'Color', width: 100 },
-    { field: 'productName', title: 'Product Name', width: 200 },
-    { field: 'price', title: 'Price', width: 100 },
-    {
-      field: 'releaseDate',
-      formatter: 'formatDateTime',
-      title: 'Date',
-      width: 200,
-    },
-    {
-      cellRender: { name: 'CellLink', props: { text: '编辑' } },
-      field: 'action',
-      fixed: 'right',
-      title: '操作',
-      width: 120,
-    },
-  ],
-  height: 'auto',
-  keepSource: true,
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-        });
-      },
-    },
-  },
-  showOverflow: false,
-};
-
-const [Grid] = useVbenVxeGrid({ gridOptions });
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid>
-      <template #image-url="{ row }">
-        <Image :src="row.imageUrl" height="30" width="30" />
-      </template>
-      <template #open="{ row }">
-        <Switch v-model="row.open" />
-      </template>
-      <template #status="{ row }">
-        <Tag :color="row.color">{{ row.status }}</Tag>
-      </template>
-      <template #action>
-        <Button type="link">编辑</Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/edit-cell.vue b/playground/src/views/examples/vxe-table/edit-cell.vue
deleted file mode 100644
index 9aebde867..000000000
--- a/playground/src/views/examples/vxe-table/edit-cell.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { editRender: { name: 'input' }, field: 'category', title: 'Category' },
-    { editRender: { name: 'input' }, field: 'color', title: 'Color' },
-    {
-      editRender: { name: 'input' },
-      field: 'productName',
-      title: 'Product Name',
-    },
-    { field: 'price', title: 'Price' },
-    { field: 'releaseDate', formatter: 'formatDateTime', title: 'Date' },
-  ],
-  editConfig: {
-    mode: 'cell',
-    trigger: 'click',
-  },
-  height: 'auto',
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-        });
-      },
-    },
-  },
-  showOverflow: true,
-};
-
-const [Grid] = useVbenVxeGrid({ gridOptions });
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid />
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/edit-row.vue b/playground/src/views/examples/vxe-table/edit-row.vue
deleted file mode 100644
index f9d25cac5..000000000
--- a/playground/src/views/examples/vxe-table/edit-row.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { editRender: { name: 'input' }, field: 'category', title: 'Category' },
-    { editRender: { name: 'input' }, field: 'color', title: 'Color' },
-    {
-      editRender: { name: 'input' },
-      field: 'productName',
-      title: 'Product Name',
-    },
-    { field: 'price', title: 'Price' },
-    { field: 'releaseDate', formatter: 'formatDateTime', title: 'Date' },
-    { slots: { default: 'action' }, title: '操作' },
-  ],
-  editConfig: {
-    mode: 'row',
-    trigger: 'click',
-  },
-  height: 'auto',
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-        });
-      },
-    },
-  },
-  showOverflow: true,
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({ gridOptions });
-
-function hasEditStatus(row: RowType) {
-  return gridApi.grid?.isEditByRow(row);
-}
-
-function editRowEvent(row: RowType) {
-  gridApi.grid?.setEditRow(row);
-}
-
-async function saveRowEvent(row: RowType) {
-  await gridApi.grid?.clearEdit();
-
-  gridApi.setLoading(true);
-  setTimeout(() => {
-    gridApi.setLoading(false);
-    message.success({
-      content: `保存成功！category=${row.category}`,
-    });
-  }, 600);
-}
-
-const cancelRowEvent = (_row: RowType) => {
-  gridApi.grid?.clearEdit();
-};
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid>
-      <template #action="{ row }">
-        <template v-if="hasEditStatus(row)">
-          <Button type="link" @click="saveRowEvent(row)">保存</Button>
-          <Button type="link" @click="cancelRowEvent(row)">取消</Button>
-        </template>
-        <template v-else>
-          <Button type="link" @click="editRowEvent(row)">编辑</Button>
-        </template>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/fixed.vue b/playground/src/views/examples/vxe-table/fixed.vue
deleted file mode 100644
index 399d35210..000000000
--- a/playground/src/views/examples/vxe-table/fixed.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { fixed: 'left', title: '序号', type: 'seq', width: 50 },
-    { field: 'category', title: 'Category', width: 300 },
-    { field: 'color', title: 'Color', width: 300 },
-    { field: 'productName', title: 'Product Name', width: 300 },
-    { field: 'price', title: 'Price', width: 300 },
-    {
-      field: 'releaseDate',
-      formatter: 'formatDateTime',
-      title: 'DateTime',
-      width: 500,
-    },
-    {
-      field: 'action',
-      fixed: 'right',
-      slots: { default: 'action' },
-      title: '操作',
-      width: 120,
-    },
-  ],
-  height: 'auto',
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-        });
-      },
-    },
-  },
-  rowConfig: {
-    isHover: true,
-  },
-};
-
-const [Grid] = useVbenVxeGrid({ gridOptions });
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid>
-      <template #action>
-        <Button type="link">编辑</Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/form.vue b/playground/src/views/examples/vxe-table/form.vue
deleted file mode 100644
index 95de70453..000000000
--- a/playground/src/views/examples/vxe-table/form.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormProps } from '#/adapter/form';
-import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const formOptions: VbenFormProps = {
-  // 默认展开
-  collapsed: false,
-  fieldMappingTime: [['date', ['start', 'end']]],
-  schema: [
-    {
-      component: 'Input',
-      defaultValue: '1',
-      fieldName: 'category',
-      label: 'Category',
-    },
-    {
-      component: 'Input',
-      fieldName: 'productName',
-      label: 'ProductName',
-    },
-    {
-      component: 'Input',
-      fieldName: 'price',
-      label: 'Price',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        options: [
-          {
-            label: 'Color1',
-            value: '1',
-          },
-          {
-            label: 'Color2',
-            value: '2',
-          },
-        ],
-        placeholder: '请选择',
-      },
-      fieldName: 'color',
-      label: 'Color',
-    },
-    {
-      component: 'RangePicker',
-      defaultValue: [dayjs().subtract(7, 'days'), dayjs()],
-      fieldName: 'date',
-      label: 'Date',
-    },
-  ],
-  // 控制表单是否显示折叠按钮
-  showCollapseButton: true,
-  // 是否在字段值改变时提交表单
-  submitOnChange: true,
-  // 按下回车时是否提交表单
-  submitOnEnter: false,
-};
-
-const gridOptions: VxeTableGridOptions<RowType> = {
-  checkboxConfig: {
-    highlight: true,
-    labelField: 'name',
-  },
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { align: 'left', title: 'Name', type: 'checkbox', width: 100 },
-    { field: 'category', title: 'Category' },
-    { field: 'color', title: 'Color' },
-    { field: 'productName', title: 'Product Name' },
-    { field: 'price', title: 'Price' },
-    { field: 'releaseDate', formatter: 'formatDateTime', title: 'Date' },
-  ],
-  exportConfig: {},
-  height: 'auto',
-  keepSource: true,
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }, formValues) => {
-        message.success(`Query params: ${JSON.stringify(formValues)}`);
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-          ...formValues,
-        });
-      },
-    },
-  },
-  toolbarConfig: {
-    custom: true,
-    export: true,
-    refresh: true,
-    resizable: true,
-    search: true,
-    zoom: true,
-  },
-};
-
-const [Grid] = useVbenVxeGrid({
-  formOptions,
-  gridOptions,
-});
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid />
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/remote.vue b/playground/src/views/examples/vxe-table/remote.vue
deleted file mode 100644
index 7042019fb..000000000
--- a/playground/src/views/examples/vxe-table/remote.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  checkboxConfig: {
-    highlight: true,
-    labelField: 'name',
-  },
-  columns: [
-    { title: '序号', type: 'seq', width: 50 },
-    { align: 'left', title: 'Name', type: 'checkbox', width: 100 },
-    { field: 'category', sortable: true, title: 'Category' },
-    { field: 'color', sortable: true, title: 'Color' },
-    { field: 'productName', sortable: true, title: 'Product Name' },
-    { field: 'price', sortable: true, title: 'Price' },
-    { field: 'releaseDate', formatter: 'formatDateTime', title: 'DateTime' },
-  ],
-  exportConfig: {},
-  height: 'auto',
-  keepSource: true,
-  proxyConfig: {
-    ajax: {
-      query: async ({ page, sort }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-          sortBy: sort.field,
-          sortOrder: sort.order,
-        });
-      },
-    },
-    sort: true,
-  },
-  sortConfig: {
-    defaultSort: { field: 'category', order: 'desc' },
-    remote: true,
-  },
-  toolbarConfig: {
-    custom: true,
-    export: true,
-    // import: true,
-    refresh: true,
-    zoom: true,
-  },
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({
-  gridOptions,
-});
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid table-title="数据列表" table-title-help="提示">
-      <template #toolbar-tools>
-        <Button class="mr-2" type="primary" @click="() => gridApi.query()">
-          刷新当前页面
-        </Button>
-        <Button type="primary" @click="() => gridApi.reload()">
-          刷新并返回第一页
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/table-data.ts b/playground/src/views/examples/vxe-table/table-data.ts
deleted file mode 100644
index b4eb5ede1..000000000
--- a/playground/src/views/examples/vxe-table/table-data.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-interface TableRowData {
-  address: string;
-  age: number;
-  id: number;
-  name: string;
-  nickname: string;
-  role: string;
-}
-
-const roles = ['User', 'Admin', 'Manager', 'Guest'];
-
-export const MOCK_TABLE_DATA: TableRowData[] = (() => {
-  const data: TableRowData[] = [];
-  for (let i = 0; i < 40; i++) {
-    data.push({
-      address: `New York${i}`,
-      age: i + 1,
-      id: i,
-      name: `Test${i}`,
-      nickname: `Test${i}`,
-      role: roles[Math.floor(Math.random() * roles.length)] as string,
-    });
-  }
-  return data;
-})();
-
-export const MOCK_TREE_TABLE_DATA = [
-  {
-    date: '2020-08-01',
-    id: 10_000,
-    name: 'Test1',
-    parentId: null,
-    size: 1024,
-    type: 'mp3',
-  },
-  {
-    date: '2021-04-01',
-    id: 10_050,
-    name: 'Test2',
-    parentId: null,
-    size: 0,
-    type: 'mp4',
-  },
-  {
-    date: '2020-03-01',
-    id: 24_300,
-    name: 'Test3',
-    parentId: 10_050,
-    size: 1024,
-    type: 'avi',
-  },
-  {
-    date: '2021-04-01',
-    id: 20_045,
-    name: 'Test4',
-    parentId: 24_300,
-    size: 600,
-    type: 'html',
-  },
-  {
-    date: '2021-04-01',
-    id: 10_053,
-    name: 'Test5',
-    parentId: 24_300,
-    size: 0,
-    type: 'avi',
-  },
-  {
-    date: '2021-10-01',
-    id: 24_330,
-    name: 'Test6',
-    parentId: 10_053,
-    size: 25,
-    type: 'txt',
-  },
-  {
-    date: '2020-01-01',
-    id: 21_011,
-    name: 'Test7',
-    parentId: 10_053,
-    size: 512,
-    type: 'pdf',
-  },
-  {
-    date: '2021-06-01',
-    id: 22_200,
-    name: 'Test8',
-    parentId: 10_053,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2020-11-01',
-    id: 23_666,
-    name: 'Test9',
-    parentId: null,
-    size: 2048,
-    type: 'xlsx',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_677,
-    name: 'Test10',
-    parentId: 23_666,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_671,
-    name: 'Test11',
-    parentId: 23_677,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_672,
-    name: 'Test12',
-    parentId: 23_677,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_688,
-    name: 'Test13',
-    parentId: 23_666,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_681,
-    name: 'Test14',
-    parentId: 23_688,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 23_682,
-    name: 'Test15',
-    parentId: 23_688,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2020-10-01',
-    id: 24_555,
-    name: 'Test16',
-    parentId: null,
-    size: 224,
-    type: 'avi',
-  },
-  {
-    date: '2021-06-01',
-    id: 24_566,
-    name: 'Test17',
-    parentId: 24_555,
-    size: 1024,
-    type: 'js',
-  },
-  {
-    date: '2021-06-01',
-    id: 24_577,
-    name: 'Test18',
-    parentId: 24_555,
-    size: 1024,
-    type: 'js',
-  },
-];
diff --git a/playground/src/views/examples/vxe-table/tree.vue b/playground/src/views/examples/vxe-table/tree.vue
deleted file mode 100644
index c8a1df46f..000000000
--- a/playground/src/views/examples/vxe-table/tree.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-
-import { MOCK_TREE_TABLE_DATA } from './table-data';
-
-interface RowType {
-  date: string;
-  id: number;
-  name: string;
-  parentId: null | number;
-  size: number;
-  type: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { type: 'seq', width: 70 },
-    { field: 'name', minWidth: 300, title: 'Name', treeNode: true },
-    { field: 'size', title: 'Size' },
-    { field: 'type', title: 'Type' },
-    { field: 'date', title: 'Date' },
-  ],
-  data: MOCK_TREE_TABLE_DATA,
-  pagerConfig: {
-    enabled: false,
-  },
-  treeConfig: {
-    parentField: 'parentId',
-    rowField: 'id',
-    transform: true,
-  },
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({ gridOptions });
-
-const expandAll = () => {
-  gridApi.grid?.setAllTreeExpand(true);
-};
-
-const collapseAll = () => {
-  gridApi.grid?.setAllTreeExpand(false);
-};
-</script>
-
-<template>
-  <Page>
-    <Grid table-title="数据列表" table-title-help="提示">
-      <template #toolbar-tools>
-        <Button class="mr-2" type="primary" @click="expandAll">
-          展开全部
-        </Button>
-        <Button type="primary" @click="collapseAll"> 折叠全部 </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/examples/vxe-table/virtual.vue b/playground/src/views/examples/vxe-table/virtual.vue
deleted file mode 100644
index f35a691b3..000000000
--- a/playground/src/views/examples/vxe-table/virtual.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
-import { onMounted } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-
-interface RowType {
-  id: number;
-  name: string;
-  role: string;
-  sex: string;
-}
-
-const gridOptions: VxeGridProps<RowType> = {
-  columns: [
-    { type: 'seq', width: 70 },
-    { field: 'name', title: 'Name' },
-    { field: 'role', title: 'Role' },
-    { field: 'sex', title: 'Sex' },
-  ],
-  data: [],
-  height: 'auto',
-  pagerConfig: {
-    enabled: false,
-  },
-  scrollY: {
-    enabled: true,
-    gt: 0,
-  },
-  showOverflow: true,
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({ gridOptions });
-
-// 模拟行数据
-const loadList = (size = 200) => {
-  try {
-    const dataList: RowType[] = [];
-    for (let i = 0; i < size; i++) {
-      dataList.push({
-        id: 10_000 + i,
-        name: `Test${i}`,
-        role: 'Developer',
-        sex: '男',
-      });
-    }
-    gridApi.setGridOptions({ data: dataList });
-  } catch (error) {
-    console.error('Failed to load data:', error);
-    // Implement user-friendly error handling
-  }
-};
-
-onMounted(() => {
-  loadList(1000);
-});
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid />
-  </Page>
-</template>
diff --git a/playground/src/views/system/dept/data.ts b/playground/src/views/system/dept/data.ts
deleted file mode 100644
index 48773625a..000000000
--- a/playground/src/views/system/dept/data.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
-
-import type { VbenFormSchema } from '#/adapter/form';
-import type { OnActionClickFn } from '#/adapter/vxe-table';
-import type { SystemDeptApi } from '#/api/system/dept';
-
-import { z } from '#/adapter/form';
-import { getDeptList } from '#/api/system/dept';
-import { $t } from '#/locales';
-
-/**
- * 获取编辑表单的字段配置。如果没有使用多语言，可以直接export一个数组常量
- */
-export function useSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'name',
-      label: $t('system.dept.deptName'),
-      rules: z
-        .string()
-        .min(2, $t('ui.formRules.minLength', [$t('system.dept.deptName'), 2]))
-        .max(
-          20,
-          $t('ui.formRules.maxLength', [$t('system.dept.deptName'), 20]),
-        ),
-    },
-    {
-      component: 'ApiTreeSelect',
-      componentProps: {
-        allowClear: true,
-        api: getDeptList,
-        class: 'w-full',
-        labelField: 'name',
-        valueField: 'id',
-        childrenField: 'children',
-      },
-      fieldName: 'pid',
-      label: $t('system.dept.parentDept'),
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        options: [
-          { label: $t('common.enabled'), value: 1 },
-          { label: $t('common.disabled'), value: 0 },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: 1,
-      fieldName: 'status',
-      label: $t('system.dept.status'),
-    },
-    {
-      component: 'Textarea',
-      componentProps: {
-        maxLength: 50,
-        rows: 3,
-        showCount: true,
-      },
-      fieldName: 'remark',
-      label: $t('system.dept.remark'),
-      rules: z
-        .string()
-        .max(50, $t('ui.formRules.maxLength', [$t('system.dept.remark'), 50]))
-        .optional(),
-    },
-  ];
-}
-
-/**
- * 获取表格列配置
- * @description 使用函数的形式返回列数据而不是直接export一个Array常量，是为了响应语言切换时重新翻译表头
- * @param onActionClick 表格操作按钮点击事件
- */
-export function useColumns(
-  onActionClick?: OnActionClickFn<SystemDeptApi.SystemDept>,
-): VxeTableGridOptions<SystemDeptApi.SystemDept>['columns'] {
-  return [
-    {
-      align: 'left',
-      field: 'name',
-      fixed: 'left',
-      title: $t('system.dept.deptName'),
-      treeNode: true,
-      width: 150,
-    },
-    {
-      cellRender: { name: 'CellTag' },
-      field: 'status',
-      title: $t('system.dept.status'),
-      width: 100,
-    },
-    {
-      field: 'createTime',
-      title: $t('system.dept.createTime'),
-      width: 180,
-    },
-    {
-      field: 'remark',
-      title: $t('system.dept.remark'),
-    },
-    {
-      align: 'right',
-      cellRender: {
-        attrs: {
-          nameField: 'name',
-          nameTitle: $t('system.dept.name'),
-          onClick: onActionClick,
-        },
-        name: 'CellOperation',
-        options: [
-          {
-            code: 'append',
-            text: '新增下级',
-          },
-          'edit', // 默认的编辑按钮
-          {
-            code: 'delete', // 默认的删除按钮
-            disabled: (row: SystemDeptApi.SystemDept) => {
-              return !!(row.children && row.children.length > 0);
-            },
-          },
-        ],
-      },
-      field: 'operation',
-      fixed: 'right',
-      headerAlign: 'center',
-      showOverflow: false,
-      title: $t('system.dept.operation'),
-      width: 200,
-    },
-  ];
-}
diff --git a/playground/src/views/system/dept/list.vue b/playground/src/views/system/dept/list.vue
deleted file mode 100644
index 13d45a6ee..000000000
--- a/playground/src/views/system/dept/list.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<script lang="ts" setup>
-import type {
-  OnActionClickParams,
-  VxeTableGridOptions,
-} from '#/adapter/vxe-table';
-import type { SystemDeptApi } from '#/api/system/dept';
-
-import { Page, useVbenModal } from '@vben/common-ui';
-import { Plus } from '@vben/icons';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDept, getDeptList } from '#/api/system/dept';
-import { $t } from '#/locales';
-
-import { useColumns } from './data';
-import Form from './modules/form.vue';
-
-const [FormModal, formModalApi] = useVbenModal({
-  connectedComponent: Form,
-  destroyOnClose: true,
-});
-
-/**
- * 编辑部门
- * @param row
- */
-function onEdit(row: SystemDeptApi.SystemDept) {
-  formModalApi.setData(row).open();
-}
-
-/**
- * 添加下级部门
- * @param row
- */
-function onAppend(row: SystemDeptApi.SystemDept) {
-  formModalApi.setData({ pid: row.id }).open();
-}
-
-/**
- * 创建新部门
- */
-function onCreate() {
-  formModalApi.setData(null).open();
-}
-
-/**
- * 删除部门
- * @param row
- */
-function onDelete(row: SystemDeptApi.SystemDept) {
-  const hideLoading = message.loading({
-    content: $t('ui.actionMessage.deleting', [row.name]),
-    duration: 0,
-    key: 'action_process_msg',
-  });
-  deleteDept(row.id)
-    .then(() => {
-      message.success({
-        content: $t('ui.actionMessage.deleteSuccess', [row.name]),
-        key: 'action_process_msg',
-      });
-      refreshGrid();
-    })
-    .catch(() => {
-      hideLoading();
-    });
-}
-
-/**
- * 表格操作按钮的回调函数
- */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemDeptApi.SystemDept>) {
-  switch (code) {
-    case 'append': {
-      onAppend(row);
-      break;
-    }
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
-  }
-}
-
-const [Grid, gridApi] = useVbenVxeGrid({
-  gridEvents: {},
-  gridOptions: {
-    columns: useColumns(onActionClick),
-    height: 'auto',
-    keepSource: true,
-    pagerConfig: {
-      enabled: false,
-    },
-    proxyConfig: {
-      ajax: {
-        query: async (_params) => {
-          return await getDeptList();
-        },
-      },
-    },
-    toolbarConfig: {
-      custom: true,
-      export: false,
-      refresh: true,
-      zoom: true,
-    },
-    treeConfig: {
-      parentField: 'pid',
-      rowField: 'id',
-      transform: false,
-    },
-  } as VxeTableGridOptions,
-});
-
-/**
- * 刷新表格
- */
-function refreshGrid() {
-  gridApi.query();
-}
-</script>
-<template>
-  <Page auto-content-height>
-    <FormModal @success="refreshGrid" />
-    <Grid table-title="部门列表">
-      <template #toolbar-tools>
-        <Button type="primary" @click="onCreate">
-          <Plus class="size-5" />
-          {{ $t('ui.actionTitle.create', [$t('system.dept.name')]) }}
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/system/dept/modules/form.vue b/playground/src/views/system/dept/modules/form.vue
deleted file mode 100644
index 18a13966c..000000000
--- a/playground/src/views/system/dept/modules/form.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<script lang="ts" setup>
-import type { SystemDeptApi } from '#/api/system/dept';
-
-import { computed, ref } from 'vue';
-
-import { useVbenModal } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-import { createDept, updateDept } from '#/api/system/dept';
-import { $t } from '#/locales';
-
-import { useSchema } from '../data';
-
-const emit = defineEmits(['success']);
-const formData = ref<SystemDeptApi.SystemDept>();
-const getTitle = computed(() => {
-  return formData.value?.id
-    ? $t('ui.actionTitle.edit', [$t('system.dept.name')])
-    : $t('ui.actionTitle.create', [$t('system.dept.name')]);
-});
-
-const [Form, formApi] = useVbenForm({
-  layout: 'vertical',
-  schema: useSchema(),
-  showDefaultActions: false,
-});
-
-function resetForm() {
-  formApi.resetForm();
-  formApi.setValues(formData.value || {});
-}
-
-const [Modal, modalApi] = useVbenModal({
-  async onConfirm() {
-    const { valid } = await formApi.validate();
-    if (valid) {
-      modalApi.lock();
-      const data = await formApi.getValues();
-      try {
-        await (formData.value?.id
-          ? updateDept(formData.value.id, data)
-          : createDept(data));
-        modalApi.close();
-        emit('success');
-      } finally {
-        modalApi.lock(false);
-      }
-    }
-  },
-  onOpenChange(isOpen) {
-    if (isOpen) {
-      const data = modalApi.getData<SystemDeptApi.SystemDept>();
-      if (data) {
-        if (data.pid === 0) {
-          data.pid = undefined;
-        }
-        formData.value = data;
-        formApi.setValues(formData.value);
-      }
-    }
-  },
-});
-</script>
-
-<template>
-  <Modal :title="getTitle">
-    <Form class="mx-4" />
-    <template #prepend-footer>
-      <div class="flex-auto">
-        <Button type="primary" danger @click="resetForm">
-          {{ $t('common.reset') }}
-        </Button>
-      </div>
-    </template>
-  </Modal>
-</template>
diff --git a/playground/src/views/system/menu/data.ts b/playground/src/views/system/menu/data.ts
deleted file mode 100644
index 75190b4ac..000000000
--- a/playground/src/views/system/menu/data.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { SystemMenuApi } from '#/api/system/menu';
-
-import { $t } from '#/locales';
-
-export function getMenuTypeOptions() {
-  return [
-    {
-      color: 'processing',
-      label: $t('system.menu.typeCatalog'),
-      value: 'catalog',
-    },
-    { color: 'default', label: $t('system.menu.typeMenu'), value: 'menu' },
-    { color: 'error', label: $t('system.menu.typeButton'), value: 'button' },
-    {
-      color: 'success',
-      label: $t('system.menu.typeEmbedded'),
-      value: 'embedded',
-    },
-    { color: 'warning', label: $t('system.menu.typeLink'), value: 'link' },
-  ];
-}
-
-export function useColumns(
-  onActionClick: OnActionClickFn<SystemMenuApi.SystemMenu>,
-): VxeTableGridOptions<SystemMenuApi.SystemMenu>['columns'] {
-  return [
-    {
-      align: 'left',
-      field: 'meta.title',
-      fixed: 'left',
-      slots: { default: 'title' },
-      title: $t('system.menu.menuTitle'),
-      treeNode: true,
-      width: 250,
-    },
-    {
-      align: 'center',
-      cellRender: { name: 'CellTag', options: getMenuTypeOptions() },
-      field: 'type',
-      title: $t('system.menu.type'),
-      width: 100,
-    },
-    {
-      field: 'authCode',
-      title: $t('system.menu.authCode'),
-      width: 200,
-    },
-    {
-      align: 'left',
-      field: 'path',
-      title: $t('system.menu.path'),
-      width: 200,
-    },
-
-    {
-      align: 'left',
-      field: 'component',
-      formatter: ({ row }) => {
-        switch (row.type) {
-          case 'catalog':
-          case 'menu': {
-            return row.component ?? '';
-          }
-          case 'embedded': {
-            return row.meta?.iframeSrc ?? '';
-          }
-          case 'link': {
-            return row.meta?.link ?? '';
-          }
-        }
-        return '';
-      },
-      minWidth: 200,
-      title: $t('system.menu.component'),
-    },
-    {
-      cellRender: { name: 'CellTag' },
-      field: 'status',
-      title: $t('system.menu.status'),
-      width: 100,
-    },
-
-    {
-      align: 'right',
-      cellRender: {
-        attrs: {
-          nameField: 'name',
-          onClick: onActionClick,
-        },
-        name: 'CellOperation',
-        options: [
-          {
-            code: 'append',
-            text: '新增下级',
-          },
-          'edit', // 默认的编辑按钮
-          'delete', // 默认的删除按钮
-        ],
-      },
-      field: 'operation',
-      fixed: 'right',
-      headerAlign: 'center',
-      showOverflow: false,
-      title: $t('system.menu.operation'),
-      width: 200,
-    },
-  ];
-}
diff --git a/playground/src/views/system/menu/list.vue b/playground/src/views/system/menu/list.vue
deleted file mode 100644
index 759dccf6b..000000000
--- a/playground/src/views/system/menu/list.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<script lang="ts" setup>
-import type {
-  OnActionClickParams,
-  VxeTableGridOptions,
-} from '#/adapter/vxe-table';
-
-import { Page, useVbenDrawer } from '@vben/common-ui';
-import { IconifyIcon, Plus } from '@vben/icons';
-import { $t } from '@vben/locales';
-
-import { MenuBadge } from '@vben-core/menu-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteMenu, getMenuList, SystemMenuApi } from '#/api/system/menu';
-
-import { useColumns } from './data';
-import Form from './modules/form.vue';
-
-const [FormDrawer, formDrawerApi] = useVbenDrawer({
-  connectedComponent: Form,
-  destroyOnClose: true,
-});
-
-const [Grid, gridApi] = useVbenVxeGrid({
-  gridOptions: {
-    columns: useColumns(onActionClick),
-    height: 'auto',
-    keepSource: true,
-    pagerConfig: {
-      enabled: false,
-    },
-    proxyConfig: {
-      ajax: {
-        query: async (_params) => {
-          return await getMenuList();
-        },
-      },
-    },
-    rowConfig: {
-      keyField: 'id',
-    },
-    toolbarConfig: {
-      custom: true,
-      export: false,
-      refresh: true,
-      zoom: true,
-    },
-    treeConfig: {
-      parentField: 'pid',
-      rowField: 'id',
-      transform: false,
-    },
-  } as VxeTableGridOptions,
-});
-
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemMenuApi.SystemMenu>) {
-  switch (code) {
-    case 'append': {
-      onAppend(row);
-      break;
-    }
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
-    default: {
-      break;
-    }
-  }
-}
-
-function onRefresh() {
-  gridApi.query();
-}
-function onEdit(row: SystemMenuApi.SystemMenu) {
-  formDrawerApi.setData(row).open();
-}
-function onCreate() {
-  formDrawerApi.setData({}).open();
-}
-function onAppend(row: SystemMenuApi.SystemMenu) {
-  formDrawerApi.setData({ pid: row.id }).open();
-}
-
-function onDelete(row: SystemMenuApi.SystemMenu) {
-  const hideLoading = message.loading({
-    content: $t('ui.actionMessage.deleting', [row.name]),
-    duration: 0,
-    key: 'action_process_msg',
-  });
-  deleteMenu(row.id)
-    .then(() => {
-      message.success({
-        content: $t('ui.actionMessage.deleteSuccess', [row.name]),
-        key: 'action_process_msg',
-      });
-      onRefresh();
-    })
-    .catch(() => {
-      hideLoading();
-    });
-}
-</script>
-<template>
-  <Page auto-content-height>
-    <FormDrawer @success="onRefresh" />
-    <Grid>
-      <template #toolbar-tools>
-        <Button type="primary" @click="onCreate">
-          <Plus class="size-5" />
-          {{ $t('ui.actionTitle.create', [$t('system.menu.name')]) }}
-        </Button>
-      </template>
-      <template #title="{ row }">
-        <div class="flex w-full items-center gap-1">
-          <div class="size-5 flex-shrink-0">
-            <IconifyIcon
-              v-if="row.type === 'button'"
-              icon="carbon:security"
-              class="size-full"
-            />
-            <IconifyIcon
-              v-else-if="row.meta?.icon"
-              :icon="row.meta?.icon || 'carbon:circle-dash'"
-              class="size-full"
-            />
-          </div>
-          <span class="flex-auto">{{ $t(row.meta?.title) }}</span>
-          <div class="items-center justify-end"></div>
-        </div>
-        <MenuBadge
-          v-if="row.meta?.badgeType"
-          class="menu-badge"
-          :badge="row.meta.badge"
-          :badge-type="row.meta.badgeType"
-          :badge-variants="row.meta.badgeVariants"
-        />
-      </template>
-    </Grid>
-  </Page>
-</template>
-<style lang="scss" scoped>
-.menu-badge {
-  top: 50%;
-  right: 0;
-  transform: translateY(-50%);
-
-  & > :deep(div) {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
-</style>
diff --git a/playground/src/views/system/menu/modules/form.vue b/playground/src/views/system/menu/modules/form.vue
deleted file mode 100644
index 3cf40e356..000000000
--- a/playground/src/views/system/menu/modules/form.vue
+++ /dev/null
@@ -1,505 +0,0 @@
-<script lang="ts" setup>
-import type { ChangeEvent } from 'ant-design-vue/es/_util/EventInterface';
-
-import type { Recordable } from '@vben/types';
-
-import type { VbenFormSchema } from '#/adapter/form';
-
-import { computed, h, ref } from 'vue';
-
-import { useVbenDrawer } from '@vben/common-ui';
-import { IconifyIcon } from '@vben/icons';
-import { $te } from '@vben/locales';
-import { getPopupContainer } from '@vben/utils';
-
-import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
-
-import { useVbenForm, z } from '#/adapter/form';
-import {
-  createMenu,
-  getMenuList,
-  isMenuNameExists,
-  isMenuPathExists,
-  SystemMenuApi,
-  updateMenu,
-} from '#/api/system/menu';
-import { $t } from '#/locales';
-import { componentKeys } from '#/router/routes';
-
-import { getMenuTypeOptions } from '../data';
-
-const emit = defineEmits<{
-  success: [];
-}>();
-const formData = ref<SystemMenuApi.SystemMenu>();
-const titleSuffix = ref<string>();
-const schema: VbenFormSchema[] = [
-  {
-    component: 'RadioGroup',
-    componentProps: {
-      buttonStyle: 'solid',
-      options: getMenuTypeOptions(),
-      optionType: 'button',
-    },
-    defaultValue: 'menu',
-    fieldName: 'type',
-    formItemClass: 'col-span-2 md:col-span-2',
-    label: $t('system.menu.type'),
-  },
-  {
-    component: 'Input',
-    fieldName: 'name',
-    label: $t('system.menu.menuName'),
-    rules: z
-      .string()
-      .min(2, $t('ui.formRules.minLength', [$t('system.menu.menuName'), 2]))
-      .max(30, $t('ui.formRules.maxLength', [$t('system.menu.menuName'), 30]))
-      .refine(
-        async (value: string) => {
-          return !(await isMenuNameExists(value, formData.value?.id));
-        },
-        (value) => ({
-          message: $t('ui.formRules.alreadyExists', [
-            $t('system.menu.menuName'),
-            value,
-          ]),
-        }),
-      ),
-  },
-  {
-    component: 'ApiTreeSelect',
-    componentProps: {
-      api: getMenuList,
-      class: 'w-full',
-      filterTreeNode(input: string, node: Recordable<any>) {
-        if (!input || input.length === 0) {
-          return true;
-        }
-        const title: string = node.meta?.title ?? '';
-        if (!title) return false;
-        return title.includes(input) || $t(title).includes(input);
-      },
-      getPopupContainer,
-      labelField: 'meta.title',
-      showSearch: true,
-      treeDefaultExpandAll: true,
-      valueField: 'id',
-      childrenField: 'children',
-    },
-    fieldName: 'pid',
-    label: $t('system.menu.parent'),
-    renderComponentContent() {
-      return {
-        title({ label, meta }: { label: string; meta: Recordable<any> }) {
-          const coms = [];
-          if (!label) return '';
-          if (meta?.icon) {
-            coms.push(h(IconifyIcon, { class: 'size-4', icon: meta.icon }));
-          }
-          coms.push(h('span', { class: '' }, $t(label || '')));
-          return h('div', { class: 'flex items-center gap-1' }, coms);
-        },
-      };
-    },
-  },
-  {
-    component: 'Input',
-    componentProps() {
-      // 不需要处理多语言时就无需这么做
-      return {
-        addonAfter: titleSuffix.value,
-        onChange({ target: { value } }: ChangeEvent) {
-          titleSuffix.value = value && $te(value) ? $t(value) : undefined;
-        },
-      };
-    },
-    fieldName: 'meta.title',
-    label: $t('system.menu.menuTitle'),
-    rules: 'required',
-  },
-  {
-    component: 'Input',
-    dependencies: {
-      show: (values) => {
-        return ['catalog', 'embedded', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'path',
-    label: $t('system.menu.path'),
-    rules: z
-      .string()
-      .min(2, $t('ui.formRules.minLength', [$t('system.menu.path'), 2]))
-      .max(100, $t('ui.formRules.maxLength', [$t('system.menu.path'), 100]))
-      .refine(
-        (value: string) => {
-          return value.startsWith('/');
-        },
-        $t('ui.formRules.startWith', [$t('system.menu.path'), '/']),
-      )
-      .refine(
-        async (value: string) => {
-          return !(await isMenuPathExists(value, formData.value?.id));
-        },
-        (value) => ({
-          message: $t('ui.formRules.alreadyExists', [
-            $t('system.menu.path'),
-            value,
-          ]),
-        }),
-      ),
-  },
-  {
-    component: 'Input',
-    dependencies: {
-      show: (values) => {
-        return ['embedded', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'activePath',
-    help: $t('system.menu.activePathHelp'),
-    label: $t('system.menu.activePath'),
-    rules: z
-      .string()
-      .min(2, $t('ui.formRules.minLength', [$t('system.menu.path'), 2]))
-      .max(100, $t('ui.formRules.maxLength', [$t('system.menu.path'), 100]))
-      .refine(
-        (value: string) => {
-          return value.startsWith('/');
-        },
-        $t('ui.formRules.startWith', [$t('system.menu.path'), '/']),
-      )
-      .refine(async (value: string) => {
-        return await isMenuPathExists(value, formData.value?.id);
-      }, $t('system.menu.activePathMustExist'))
-      .optional(),
-  },
-  {
-    component: 'IconPicker',
-    componentProps: {
-      prefix: 'carbon',
-    },
-    dependencies: {
-      show: (values) => {
-        return ['catalog', 'embedded', 'link', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.icon',
-    label: $t('system.menu.icon'),
-  },
-  {
-    component: 'IconPicker',
-    componentProps: {
-      prefix: 'carbon',
-    },
-    dependencies: {
-      show: (values) => {
-        return ['catalog', 'embedded', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.activeIcon',
-    label: $t('system.menu.activeIcon'),
-  },
-  {
-    component: 'AutoComplete',
-    componentProps: {
-      allowClear: true,
-      class: 'w-full',
-      filterOption(input: string, option: { value: string }) {
-        return option.value.toLowerCase().includes(input.toLowerCase());
-      },
-      options: componentKeys.map((v) => ({ value: v })),
-    },
-    dependencies: {
-      rules: (values) => {
-        return values.type === 'menu' ? 'required' : null;
-      },
-      show: (values) => {
-        return values.type === 'menu';
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'component',
-    label: $t('system.menu.component'),
-  },
-  {
-    component: 'Input',
-    dependencies: {
-      show: (values) => {
-        return ['embedded', 'link'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'linkSrc',
-    label: $t('system.menu.linkSrc'),
-    rules: z.string().url($t('ui.formRules.invalidURL')),
-  },
-  {
-    component: 'Input',
-    dependencies: {
-      rules: (values) => {
-        return values.type === 'button' ? 'required' : null;
-      },
-      show: (values) => {
-        return ['button', 'catalog', 'embedded', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'authCode',
-    label: $t('system.menu.authCode'),
-  },
-  {
-    component: 'RadioGroup',
-    componentProps: {
-      buttonStyle: 'solid',
-      options: [
-        { label: $t('common.enabled'), value: 1 },
-        { label: $t('common.disabled'), value: 0 },
-      ],
-      optionType: 'button',
-    },
-    defaultValue: 1,
-    fieldName: 'status',
-    label: $t('system.menu.status'),
-  },
-  {
-    component: 'Select',
-    componentProps: {
-      allowClear: true,
-      class: 'w-full',
-      options: [
-        { label: $t('system.menu.badgeType.dot'), value: 'dot' },
-        { label: $t('system.menu.badgeType.normal'), value: 'normal' },
-      ],
-    },
-    dependencies: {
-      show: (values) => {
-        return values.type !== 'button';
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.badgeType',
-    label: $t('system.menu.badgeType.title'),
-  },
-  {
-    component: 'Input',
-    componentProps: (values) => {
-      return {
-        allowClear: true,
-        class: 'w-full',
-        disabled: values.meta?.badgeType !== 'normal',
-      };
-    },
-    dependencies: {
-      show: (values) => {
-        return values.type !== 'button';
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.badge',
-    label: $t('system.menu.badge'),
-  },
-  {
-    component: 'Select',
-    componentProps: {
-      allowClear: true,
-      class: 'w-full',
-      options: SystemMenuApi.BadgeVariants.map((v) => ({
-        label: v,
-        value: v,
-      })),
-    },
-    dependencies: {
-      show: (values) => {
-        return values.type !== 'button';
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.badgeVariants',
-    label: $t('system.menu.badgeVariants'),
-  },
-  {
-    component: 'Divider',
-    dependencies: {
-      show: (values) => {
-        return !['button', 'link'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'divider1',
-    formItemClass: 'col-span-2 md:col-span-2 pb-0',
-    hideLabel: true,
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.advancedSettings'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return ['menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.keepAlive',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.keepAlive'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return ['embedded', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.affixTab',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.affixTab'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return !['button'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.hideInMenu',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.hideInMenu'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return ['catalog', 'menu'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.hideChildrenInMenu',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.hideChildrenInMenu'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return !['button', 'link'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.hideInBreadcrumb',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.hideInBreadcrumb'),
-      };
-    },
-  },
-  {
-    component: 'Checkbox',
-    dependencies: {
-      show: (values) => {
-        return !['button', 'link'].includes(values.type);
-      },
-      triggerFields: ['type'],
-    },
-    fieldName: 'meta.hideInTab',
-    renderComponentContent() {
-      return {
-        default: () => $t('system.menu.hideInTab'),
-      };
-    },
-  },
-];
-
-const breakpoints = useBreakpoints(breakpointsTailwind);
-const isHorizontal = computed(() => breakpoints.greaterOrEqual('md').value);
-
-const [Form, formApi] = useVbenForm({
-  commonConfig: {
-    colon: true,
-    formItemClass: 'col-span-2 md:col-span-1',
-  },
-  schema,
-  showDefaultActions: false,
-  wrapperClass: 'grid-cols-2 gap-x-4',
-});
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  onConfirm: onSubmit,
-  onOpenChange(isOpen) {
-    if (isOpen) {
-      const data = drawerApi.getData<SystemMenuApi.SystemMenu>();
-      if (data?.type === 'link') {
-        data.linkSrc = data.meta?.link;
-      } else if (data?.type === 'embedded') {
-        data.linkSrc = data.meta?.iframeSrc;
-      }
-      if (data) {
-        formData.value = data;
-        formApi.setValues(formData.value);
-        titleSuffix.value = formData.value.meta?.title
-          ? $t(formData.value.meta.title)
-          : '';
-      } else {
-        formApi.resetForm();
-        titleSuffix.value = '';
-      }
-    }
-  },
-});
-
-async function onSubmit() {
-  const { valid } = await formApi.validate();
-  if (valid) {
-    drawerApi.lock();
-    const data =
-      await formApi.getValues<
-        Omit<SystemMenuApi.SystemMenu, 'children' | 'id'>
-      >();
-    if (data.type === 'link') {
-      data.meta = { ...data.meta, link: data.linkSrc };
-    } else if (data.type === 'embedded') {
-      data.meta = { ...data.meta, iframeSrc: data.linkSrc };
-    }
-    delete data.linkSrc;
-    try {
-      await (formData.value?.id
-        ? updateMenu(formData.value.id, data)
-        : createMenu(data));
-      drawerApi.close();
-      emit('success');
-    } finally {
-      drawerApi.unlock();
-    }
-  }
-}
-const getDrawerTitle = computed(() =>
-  formData.value?.id
-    ? $t('ui.actionTitle.edit', [$t('system.menu.name')])
-    : $t('ui.actionTitle.create', [$t('system.menu.name')]),
-);
-</script>
-<template>
-  <Drawer class="w-full max-w-[800px]" :title="getDrawerTitle">
-    <Form class="mx-4" :layout="isHorizontal ? 'horizontal' : 'vertical'" />
-  </Drawer>
-</template>
diff --git a/playground/src/views/system/role/data.ts b/playground/src/views/system/role/data.ts
deleted file mode 100644
index 255b6cc72..000000000
--- a/playground/src/views/system/role/data.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-import type { VbenFormSchema } from '#/adapter/form';
-import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { SystemRoleApi } from '#/api';
-
-import { $t } from '#/locales';
-
-export function useFormSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'name',
-      label: $t('system.role.roleName'),
-      rules: 'required',
-    },
-    {
-      component: 'RadioGroup',
-      componentProps: {
-        buttonStyle: 'solid',
-        options: [
-          { label: $t('common.enabled'), value: 1 },
-          { label: $t('common.disabled'), value: 0 },
-        ],
-        optionType: 'button',
-      },
-      defaultValue: 1,
-      fieldName: 'status',
-      label: $t('system.role.status'),
-    },
-    {
-      component: 'Textarea',
-      fieldName: 'remark',
-      label: $t('system.role.remark'),
-    },
-    {
-      component: 'Input',
-      fieldName: 'permissions',
-      formItemClass: 'items-start',
-      label: $t('system.role.setPermissions'),
-      modelPropName: 'modelValue',
-    },
-  ];
-}
-
-export function useGridFormSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'name',
-      label: $t('system.role.roleName'),
-    },
-    { component: 'Input', fieldName: 'id', label: $t('system.role.id') },
-    {
-      component: 'Select',
-      componentProps: {
-        allowClear: true,
-        options: [
-          { label: $t('common.enabled'), value: 1 },
-          { label: $t('common.disabled'), value: 0 },
-        ],
-      },
-      fieldName: 'status',
-      label: $t('system.role.status'),
-    },
-    {
-      component: 'Input',
-      fieldName: 'remark',
-      label: $t('system.role.remark'),
-    },
-    {
-      component: 'RangePicker',
-      fieldName: 'createTime',
-      label: $t('system.role.createTime'),
-    },
-  ];
-}
-
-export function useColumns<T = SystemRoleApi.SystemRole>(
-  onActionClick: OnActionClickFn<T>,
-  onStatusChange?: (newStatus: any, row: T) => PromiseLike<boolean | undefined>,
-): VxeTableGridOptions['columns'] {
-  return [
-    {
-      field: 'name',
-      title: $t('system.role.roleName'),
-      width: 200,
-    },
-    {
-      field: 'id',
-      title: $t('system.role.id'),
-      width: 200,
-    },
-    {
-      cellRender: {
-        attrs: { beforeChange: onStatusChange },
-        name: onStatusChange ? 'CellSwitch' : 'CellTag',
-      },
-      field: 'status',
-      title: $t('system.role.status'),
-      width: 100,
-    },
-    {
-      field: 'remark',
-      minWidth: 100,
-      title: $t('system.role.remark'),
-    },
-    {
-      field: 'createTime',
-      title: $t('system.role.createTime'),
-      width: 200,
-    },
-    {
-      align: 'center',
-      cellRender: {
-        attrs: {
-          nameField: 'name',
-          nameTitle: $t('system.role.name'),
-          onClick: onActionClick,
-        },
-        name: 'CellOperation',
-      },
-      field: 'operation',
-      fixed: 'right',
-      title: $t('system.role.operation'),
-      width: 130,
-    },
-  ];
-}
diff --git a/playground/src/views/system/role/list.vue b/playground/src/views/system/role/list.vue
deleted file mode 100644
index 4775c028e..000000000
--- a/playground/src/views/system/role/list.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<script lang="ts" setup>
-import type { Recordable } from '@vben/types';
-
-import type {
-  OnActionClickParams,
-  VxeTableGridOptions,
-} from '#/adapter/vxe-table';
-import type { SystemRoleApi } from '#/api';
-
-import { Page, useVbenDrawer } from '@vben/common-ui';
-import { Plus } from '@vben/icons';
-
-import { Button, message, Modal } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteRole, getRoleList, updateRole } from '#/api';
-import { $t } from '#/locales';
-
-import { useColumns, useGridFormSchema } from './data';
-import Form from './modules/form.vue';
-
-const [FormDrawer, formDrawerApi] = useVbenDrawer({
-  connectedComponent: Form,
-  destroyOnClose: true,
-});
-
-const [Grid, gridApi] = useVbenVxeGrid({
-  formOptions: {
-    fieldMappingTime: [['createTime', ['startTime', 'endTime']]],
-    schema: useGridFormSchema(),
-    submitOnChange: true,
-  },
-  gridOptions: {
-    columns: useColumns(onActionClick, onStatusChange),
-    height: 'auto',
-    keepSource: true,
-    proxyConfig: {
-      ajax: {
-        query: async ({ page }, formValues) => {
-          return await getRoleList({
-            page: page.currentPage,
-            pageSize: page.pageSize,
-            ...formValues,
-          });
-        },
-      },
-    },
-    rowConfig: {
-      keyField: 'id',
-    },
-
-    toolbarConfig: {
-      custom: true,
-      export: false,
-      refresh: true,
-      search: true,
-      zoom: true,
-    },
-  } as VxeTableGridOptions<SystemRoleApi.SystemRole>,
-});
-
-function onActionClick(e: OnActionClickParams<SystemRoleApi.SystemRole>) {
-  switch (e.code) {
-    case 'delete': {
-      onDelete(e.row);
-      break;
-    }
-    case 'edit': {
-      onEdit(e.row);
-      break;
-    }
-  }
-}
-
-/**
- * 将Antd的Modal.confirm封装为promise，方便在异步函数中调用。
- * @param content 提示内容
- * @param title 提示标题
- */
-function confirm(content: string, title: string) {
-  return new Promise((reslove, reject) => {
-    Modal.confirm({
-      content,
-      onCancel() {
-        reject(new Error('已取消'));
-      },
-      onOk() {
-        reslove(true);
-      },
-      title,
-    });
-  });
-}
-
-/**
- * 状态开关即将改变
- * @param newStatus 期望改变的状态值
- * @param row 行数据
- * @returns 返回false则中止改变，返回其他值（undefined、true）则允许改变
- */
-async function onStatusChange(
-  newStatus: number,
-  row: SystemRoleApi.SystemRole,
-) {
-  const status: Recordable<string> = {
-    0: '禁用',
-    1: '启用',
-  };
-  try {
-    await confirm(
-      `你要将${row.name}的状态切换为 【${status[newStatus.toString()]}】 吗？`,
-      `切换状态`,
-    );
-    await updateRole(row.id, { status: newStatus });
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-function onEdit(row: SystemRoleApi.SystemRole) {
-  formDrawerApi.setData(row).open();
-}
-
-function onDelete(row: SystemRoleApi.SystemRole) {
-  const hideLoading = message.loading({
-    content: $t('ui.actionMessage.deleting', [row.name]),
-    duration: 0,
-    key: 'action_process_msg',
-  });
-  deleteRole(row.id)
-    .then(() => {
-      message.success({
-        content: $t('ui.actionMessage.deleteSuccess', [row.name]),
-        key: 'action_process_msg',
-      });
-      onRefresh();
-    })
-    .catch(() => {
-      hideLoading();
-    });
-}
-
-function onRefresh() {
-  gridApi.query();
-}
-
-function onCreate() {
-  formDrawerApi.setData({}).open();
-}
-</script>
-<template>
-  <Page auto-content-height>
-    <FormDrawer @success="onRefresh" />
-    <Grid :table-title="$t('system.role.list')">
-      <template #toolbar-tools>
-        <Button type="primary" @click="onCreate">
-          <Plus class="size-5" />
-          {{ $t('ui.actionTitle.create', [$t('system.role.name')]) }}
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/playground/src/views/system/role/modules/form.vue b/playground/src/views/system/role/modules/form.vue
deleted file mode 100644
index 511fb04bc..000000000
--- a/playground/src/views/system/role/modules/form.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts" setup>
-import type { DataNode } from 'ant-design-vue/es/tree';
-
-import type { Recordable } from '@vben/types';
-
-import type { SystemRoleApi } from '#/api/system/role';
-
-import { computed, nextTick, ref } from 'vue';
-
-import { Tree, useVbenDrawer } from '@vben/common-ui';
-import { IconifyIcon } from '@vben/icons';
-
-import { Spin } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-import { getMenuList } from '#/api/system/menu';
-import { createRole, updateRole } from '#/api/system/role';
-import { $t } from '#/locales';
-
-import { useFormSchema } from '../data';
-
-const emits = defineEmits(['success']);
-
-const formData = ref<SystemRoleApi.SystemRole>();
-
-const [Form, formApi] = useVbenForm({
-  schema: useFormSchema(),
-  showDefaultActions: false,
-});
-
-const permissions = ref<DataNode[]>([]);
-const loadingPermissions = ref(false);
-
-const id = ref();
-const [Drawer, drawerApi] = useVbenDrawer({
-  async onConfirm() {
-    const { valid } = await formApi.validate();
-    if (!valid) return;
-    const values = await formApi.getValues();
-    drawerApi.lock();
-    (id.value ? updateRole(id.value, values) : createRole(values))
-      .then(() => {
-        emits('success');
-        drawerApi.close();
-      })
-      .catch(() => {
-        drawerApi.unlock();
-      });
-  },
-
-  async onOpenChange(isOpen) {
-    if (isOpen) {
-      const data = drawerApi.getData<SystemRoleApi.SystemRole>();
-      formApi.resetForm();
-
-      if (data) {
-        formData.value = data;
-        id.value = data.id;
-      } else {
-        id.value = undefined;
-      }
-
-      if (permissions.value.length === 0) {
-        await loadPermissions();
-      }
-      // Wait for Vue to flush DOM updates (form fields mounted)
-      await nextTick();
-      if (data) {
-        formApi.setValues(data);
-      }
-    }
-  },
-});
-
-async function loadPermissions() {
-  loadingPermissions.value = true;
-  try {
-    const res = await getMenuList();
-    permissions.value = res as unknown as DataNode[];
-  } finally {
-    loadingPermissions.value = false;
-  }
-}
-
-const getDrawerTitle = computed(() => {
-  return formData.value?.id
-    ? $t('common.edit', $t('system.role.name'))
-    : $t('common.create', $t('system.role.name'));
-});
-
-function getNodeClass(node: Recordable<any>) {
-  const classes: string[] = [];
-  if (node.value?.type === 'button') {
-    classes.push('inline-flex');
-  }
-
-  return classes.join(' ');
-}
-</script>
-<template>
-  <Drawer :title="getDrawerTitle">
-    <Form>
-      <template #permissions="slotProps">
-        <Spin :spinning="loadingPermissions" wrapper-class-name="w-full">
-          <Tree
-            :tree-data="permissions"
-            multiple
-            bordered
-            :default-expanded-level="2"
-            :get-node-class="getNodeClass"
-            v-bind="slotProps"
-            value-field="id"
-            label-field="meta.title"
-            icon-field="meta.icon"
-          >
-            <template #node="{ value }">
-              <IconifyIcon v-if="value.meta.icon" :icon="value.meta.icon" />
-              {{ $t(value.meta.title) }}
-            </template>
-          </Tree>
-        </Spin>
-      </template>
-    </Form>
-  </Drawer>
-</template>
-<style lang="css" scoped>
-:deep(.ant-tree-title) {
-  .tree-actions {
-    display: none;
-    margin-left: 20px;
-  }
-}
-
-:deep(.ant-tree-title:hover) {
-  .tree-actions {
-    display: flex;
-    flex: auto;
-    justify-content: flex-end;
-    margin-left: 20px;
-  }
-}
-</style>
diff --git a/playground/tailwind.config.mjs b/playground/tailwind.config.mjs
deleted file mode 100644
index f17f556fa..000000000
--- a/playground/tailwind.config.mjs
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from '@vben/tailwind-config';
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
deleted file mode 100644
index 02c287fe6..000000000
--- a/playground/tsconfig.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/tsconfig/web-app.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "#/*": ["./src/*"]
-    }
-  },
-  "references": [{ "path": "./tsconfig.node.json" }],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}
diff --git a/playground/tsconfig.node.json b/playground/tsconfig.node.json
deleted file mode 100644
index c2f0d86cc..000000000
--- a/playground/tsconfig.node.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@vben/tsconfig/node.json",
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "noEmit": false
-  },
-  "include": ["vite.config.mts"]
-}
diff --git a/playground/vite.config.mts b/playground/vite.config.mts
deleted file mode 100644
index b6360f1d4..000000000
--- a/playground/vite.config.mts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { defineConfig } from '@vben/vite-config';
-
-export default defineConfig(async () => {
-  return {
-    application: {},
-    vite: {
-      server: {
-        proxy: {
-          '/api': {
-            changeOrigin: true,
-            rewrite: (path) => path.replace(/^\/api/, ''),
-            // mock代理目标地址
-            target: 'http://localhost:5320/api',
-            ws: true,
-          },
-        },
-      },
-    },
-  };
-});
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index a452c627f..fbb134817 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -11,7 +11,6 @@ packages:
   - apps/*
   - scripts/*
   - docs
-  - playground
 
 catalog:
   '@ast-grep/napi': ^0.37.0
diff --git a/scripts/vsh/src/check-dep/index.ts b/scripts/vsh/src/check-dep/index.ts
index e600e1bbd..3da10b997 100644
--- a/scripts/vsh/src/check-dep/index.ts
+++ b/scripts/vsh/src/check-dep/index.ts
@@ -19,7 +19,6 @@ const DEFAULT_CONFIG = {
   ],
   // 需要忽略的包
   ignorePackages: [
-    '@vben/backend-mock',
     '@vben/commitlint-config',
     '@vben/eslint-config',
     '@vben/node-utils',
diff --git a/turbo.json b/turbo.json
index 3443e27cf..7226f13dc 100644
--- a/turbo.json
+++ b/turbo.json
@@ -31,10 +31,6 @@
       "dependsOn": ["^build"],
       "outputs": ["dist/**"]
     },
-    "@vben/backend-mock#build": {
-      "dependsOn": ["^build"],
-      "outputs": [".nitro/**", ".output/**"]
-    },
     "test:e2e": {},
     "dev": {
       "dependsOn": [],
diff --git a/vben-admin.code-workspace b/vben-admin.code-workspace
index 33df5a752..9b7acc34c 100644
--- a/vben-admin.code-workspace
+++ b/vben-admin.code-workspace
@@ -1,9 +1,5 @@
 {
   "folders": [
-    {
-      "name": "@vben/backend-mock",
-      "path": "apps/backend-mock",
-    },
     {
       "name": "@vben/web-antd",
       "path": "apps/web-antd",
@@ -160,10 +156,6 @@
       "name": "@vben/utils",
       "path": "packages/utils",
     },
-    {
-      "name": "@vben/playground",
-      "path": "playground",
-    },
     {
       "name": "@vben/turbo-run",
       "path": "scripts/turbo-run",

From 79c6fdc7a2fe0c59614ba9f669cdf23141bd1bab Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 13:58:46 +0800
Subject: [PATCH 04/34] chore: lock

---
 pnpm-lock.yaml | 2043 +++++++++++++++++++++---------------------------
 1 file changed, 896 insertions(+), 1147 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57d2e7fd7..439198801 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,12 +27,9 @@ catalogs:
     '@eslint/js':
       specifier: ^9.30.1
       version: 9.39.1
-    '@faker-js/faker':
-      specifier: ^9.9.0
-      version: 9.9.0
     '@form-create/ant-design-vue':
       specifier: ^3.2.27
-      version: 3.2.32
+      version: 3.2.33
     '@form-create/antd-designer':
       specifier: ^3.3.0
       version: 3.3.2
@@ -41,10 +38,10 @@ catalogs:
       version: 3.3.1
     '@form-create/element-ui':
       specifier: ^3.2.27
-      version: 3.2.32
+      version: 3.2.33
     '@iconify/json':
       specifier: ^2.2.354
-      version: 2.2.405
+      version: 2.2.408
     '@iconify/tailwind':
       specifier: ^1.2.0
       version: 1.2.0
@@ -84,9 +81,6 @@ catalogs:
     '@tailwindcss/typography':
       specifier: ^0.5.16
       version: 0.5.19
-    '@tanstack/vue-query':
-      specifier: ^5.81.5
-      version: 5.90.7
     '@tanstack/vue-store':
       specifier: ^0.7.1
       version: 0.7.7
@@ -111,12 +105,6 @@ catalogs:
     '@types/html-minifier-terser':
       specifier: ^7.0.2
       version: 7.0.2
-    '@types/json-bigint':
-      specifier: ^1.0.4
-      version: 1.0.4
-    '@types/jsonwebtoken':
-      specifier: ^9.0.10
-      version: 9.0.10
     '@types/lodash.clonedeep':
       specifier: ^4.5.9
       version: 4.5.9
@@ -134,7 +122,7 @@ catalogs:
       version: 14.1.2
     '@types/node':
       specifier: ^24.9.2
-      version: 24.10.0
+      version: 24.10.1
     '@types/nprogress':
       specifier: ^0.2.3
       version: 0.2.3
@@ -152,10 +140,10 @@ catalogs:
       version: 1.15.9
     '@typescript-eslint/eslint-plugin':
       specifier: ^8.35.1
-      version: 8.46.3
+      version: 8.47.0
     '@typescript-eslint/parser':
       specifier: ^8.35.1
-      version: 8.46.3
+      version: 8.47.0
     '@vee-validate/zod':
       specifier: ^4.15.1
       version: 4.15.1
@@ -194,7 +182,7 @@ catalogs:
       version: 7.0.1
     autoprefixer:
       specifier: ^10.4.21
-      version: 10.4.21
+      version: 10.4.22
     axios:
       specifier: ^1.10.0
       version: 1.13.2
@@ -281,13 +269,13 @@ catalogs:
       version: 5.6.0
     element-plus:
       specifier: ^2.10.2
-      version: 2.11.7
+      version: 2.11.8
     eslint:
       specifier: ^9.30.1
       version: 9.39.1
     eslint-config-turbo:
       specifier: ^2.5.4
-      version: 2.6.0
+      version: 2.6.1
     eslint-plugin-command:
       specifier: ^3.3.1
       version: 3.3.1
@@ -345,9 +333,6 @@ catalogs:
     globals:
       specifier: ^16.3.0
       version: 16.5.0
-    h3:
-      specifier: ^1.15.3
-      version: 1.15.4
     happy-dom:
       specifier: ^17.6.3
       version: 17.6.3
@@ -369,9 +354,6 @@ catalogs:
     jsonc-eslint-parser:
       specifier: ^2.4.0
       version: 2.4.1
-    jsonwebtoken:
-      specifier: ^9.0.2
-      version: 9.0.2
     lefthook:
       specifier: ^1.11.14
       version: 1.13.6
@@ -410,7 +392,7 @@ catalogs:
       version: 1.1.0
     naive-ui:
       specifier: ^2.42.0
-      version: 2.43.1
+      version: 2.43.2
     nitropack:
       specifier: ^2.11.13
       version: 2.12.9
@@ -473,13 +455,13 @@ catalogs:
       version: 6.1.0
     rollup:
       specifier: ^4.44.1
-      version: 4.53.1
+      version: 4.53.2
     rollup-plugin-visualizer:
       specifier: ^5.14.0
       version: 5.14.0
     sass:
       specifier: ^1.89.2
-      version: 1.93.3
+      version: 1.94.1
     secure-ls:
       specifier: ^2.0.0
       version: 2.0.0
@@ -536,7 +518,7 @@ catalogs:
       version: 6.3.7
     turbo:
       specifier: ^2.5.4
-      version: 2.6.0
+      version: 2.6.1
     typescript:
       specifier: ^5.8.3
       version: 5.9.3
@@ -572,7 +554,7 @@ catalogs:
       version: 1.1.0
     vite-plugin-vue-devtools:
       specifier: ^7.7.7
-      version: 7.7.7
+      version: 7.7.9
     vitepress:
       specifier: ^1.6.3
       version: 1.6.4
@@ -614,10 +596,10 @@ catalogs:
       version: 4.1.0
     vxe-pc-ui:
       specifier: ^4.9.29
-      version: 4.10.18
+      version: 4.10.27
     vxe-table:
       specifier: ^4.16.11
-      version: 4.17.12
+      version: 4.17.16
     watermark-js-plus:
       specifier: ^1.6.2
       version: 1.6.3
@@ -645,13 +627,13 @@ importers:
         version: 0.5.1
       '@changesets/cli':
         specifier: 'catalog:'
-        version: 2.29.7(@types/node@24.10.0)
+        version: 2.29.7(@types/node@24.10.1)
       '@playwright/test':
         specifier: 'catalog:'
         version: 1.56.1
       '@types/node':
         specifier: 'catalog:'
-        version: 24.10.0
+        version: 24.10.1
       '@vben/commitlint-config':
         specifier: workspace:*
         version: link:internal/lint-configs/commitlint-config
@@ -681,16 +663,16 @@ importers:
         version: link:scripts/vsh
       '@vitejs/plugin-vue':
         specifier: 'catalog:'
-        version: 6.0.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+        version: 6.0.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vitejs/plugin-vue-jsx':
         specifier: 'catalog:'
-        version: 5.1.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+        version: 5.1.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vue/test-utils':
         specifier: 'catalog:'
         version: 2.4.6
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.4.21(postcss@8.5.6)
+        version: 10.4.22(postcss@8.5.6)
       cross-env:
         specifier: 'catalog:'
         version: 7.0.3
@@ -717,19 +699,19 @@ importers:
         version: 3.4.18(yaml@2.8.1)
       turbo:
         specifier: 'catalog:'
-        version: 2.6.0
+        version: 2.6.1
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
       unbuild:
         specifier: 'catalog:'
-        version: 3.6.1(sass@1.93.3)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
+        version: 3.6.1(sass@1.94.1)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
       vite:
         specifier: 'catalog:'
-        version: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+        version: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       vitest:
         specifier: 'catalog:'
-        version: 3.2.4(@types/node@24.10.0)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+        version: 3.2.4(@types/node@24.10.1)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       vue:
         specifier: ^3.5.17
         version: 3.5.24(typescript@5.9.3)
@@ -737,30 +719,11 @@ importers:
         specifier: 'catalog:'
         version: 2.2.10(typescript@5.9.3)
 
-  apps/backend-mock:
-    dependencies:
-      '@faker-js/faker':
-        specifier: 'catalog:'
-        version: 9.9.0
-      jsonwebtoken:
-        specifier: 'catalog:'
-        version: 9.0.2
-      nitropack:
-        specifier: 'catalog:'
-        version: 2.12.9
-    devDependencies:
-      '@types/jsonwebtoken':
-        specifier: 'catalog:'
-        version: 9.0.10
-      h3:
-        specifier: 'catalog:'
-        version: 1.15.4
-
   apps/web-antd:
     dependencies:
       '@form-create/ant-design-vue':
         specifier: 'catalog:'
-        version: 3.2.32(vue@3.5.24(typescript@5.9.3))
+        version: 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@form-create/antd-designer':
         specifier: 'catalog:'
         version: 3.3.2(vue@3.5.24(typescript@5.9.3))
@@ -889,7 +852,7 @@ importers:
         version: 3.3.1(vue@3.5.24(typescript@5.9.3))
       '@form-create/element-ui':
         specifier: 'catalog:'
-        version: 3.2.32(vue@3.5.24(typescript@5.9.3))
+        version: 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@tinymce/tinymce-vue':
         specifier: 'catalog:'
         version: 6.3.0(tinymce@7.9.1)(vue@3.5.24(typescript@5.9.3))
@@ -955,7 +918,7 @@ importers:
         version: 1.11.19
       element-plus:
         specifier: 'catalog:'
-        version: 2.11.7(vue@3.5.24(typescript@5.9.3))
+        version: 2.11.8(vue@3.5.24(typescript@5.9.3))
       highlight.js:
         specifier: 'catalog:'
         version: 11.11.1
@@ -1037,7 +1000,7 @@ importers:
         version: 1.11.19
       naive-ui:
         specifier: 'catalog:'
-        version: 2.43.1(vue@3.5.24(typescript@5.9.3))
+        version: 2.43.2(vue@3.5.24(typescript@5.9.3))
       pinia:
         specifier: ^3.0.3
         version: 3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
@@ -1112,7 +1075,7 @@ importers:
         version: 3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       tdesign-vue-next:
         specifier: ^1.17.1
-        version: 1.17.2(vue@3.5.24(typescript@5.9.3))
+        version: 1.17.3(vue@3.5.24(typescript@5.9.3))
       tinymce:
         specifier: 'catalog:'
         version: 7.9.1
@@ -1158,20 +1121,20 @@ importers:
         version: 2.6.0(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       vitepress-plugin-group-icons:
         specifier: 'catalog:'
-        version: 1.6.5(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))
+        version: 1.6.5(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))
     devDependencies:
       '@nolebase/vitepress-plugin-git-changelog':
         specifier: 'catalog:'
-        version: 2.18.2(vitepress@1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
+        version: 2.18.2(vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
       '@vben/vite-config':
         specifier: workspace:*
         version: link:../internal/vite-config
       '@vite-pwa/vitepress':
         specifier: 'catalog:'
-        version: 1.0.1(vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0))
+        version: 1.0.1(vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0))
       vitepress:
         specifier: 'catalog:'
-        version: 1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
+        version: 1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
       vue:
         specifier: ^3.5.17
         version: 3.5.24(typescript@5.9.3)
@@ -1180,7 +1143,7 @@ importers:
     dependencies:
       '@commitlint/cli':
         specifier: 'catalog:'
-        version: 19.8.1(@types/node@24.10.0)(typescript@5.9.3)
+        version: 19.8.1(@types/node@24.10.1)(typescript@5.9.3)
       '@commitlint/config-conventional':
         specifier: 'catalog:'
         version: 19.8.1
@@ -1201,13 +1164,13 @@ importers:
     dependencies:
       eslint-config-turbo:
         specifier: 'catalog:'
-        version: 2.6.0(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.0)
+        version: 2.6.1(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.1)
       eslint-plugin-command:
         specifier: 'catalog:'
         version: 3.3.1(eslint@9.39.1(jiti@2.6.1))
       eslint-plugin-import-x:
         specifier: 'catalog:'
-        version: 4.16.1(@typescript-eslint/utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))
+        version: 4.16.1(@typescript-eslint/utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))
     devDependencies:
       '@eslint/js':
         specifier: 'catalog:'
@@ -1217,10 +1180,10 @@ importers:
         version: 9.6.1
       '@typescript-eslint/eslint-plugin':
         specifier: 'catalog:'
-        version: 8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser':
         specifier: 'catalog:'
-        version: 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       eslint:
         specifier: 'catalog:'
         version: 9.39.1(jiti@2.6.1)
@@ -1253,13 +1216,13 @@ importers:
         version: 59.0.1(eslint@9.39.1(jiti@2.6.1))
       eslint-plugin-unused-imports:
         specifier: 'catalog:'
-        version: 4.3.0(@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))
+        version: 4.3.0(@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))
       eslint-plugin-vitest:
         specifier: 'catalog:'
-        version: 0.5.4(@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.2.4(@types/node@24.10.0)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+        version: 0.5.4(@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.2.4(@types/node@24.10.1)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       eslint-plugin-vue:
         specifier: 'catalog:'
-        version: 10.5.1(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@2.6.1)))
+        version: 10.5.1(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@2.6.1)))
       globals:
         specifier: 'catalog:'
         version: 16.5.0
@@ -1365,7 +1328,7 @@ importers:
     dependencies:
       '@iconify/json':
         specifier: 'catalog:'
-        version: 2.2.405
+        version: 2.2.408
       '@iconify/tailwind':
         specifier: 'catalog:'
         version: 1.2.0
@@ -1380,7 +1343,7 @@ importers:
         version: 0.5.19(tailwindcss@3.4.18(yaml@2.8.1))
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.4.21(postcss@8.5.6)
+        version: 10.4.22(postcss@8.5.6)
       cssnano:
         specifier: 'catalog:'
         version: 7.1.2(postcss@8.5.6)
@@ -1414,13 +1377,13 @@ importers:
         version: link:../../packages/types
       vite:
         specifier: 'catalog:'
-        version: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+        version: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
 
   internal/vite-config:
     dependencies:
       '@intlify/unplugin-vue-i18n':
         specifier: 'catalog:'
-        version: 6.0.8(@vue/compiler-dom@3.5.24)(eslint@9.39.1(jiti@2.6.1))(rollup@4.53.1)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
+        version: 6.0.8(@vue/compiler-dom@3.5.24)(eslint@9.39.1(jiti@2.6.1))(rollup@4.53.2)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
       '@jspm/generator':
         specifier: 'catalog:'
         version: 2.7.6
@@ -1444,10 +1407,10 @@ importers:
         version: 2.0.3
       vite-plugin-pwa:
         specifier: 'catalog:'
-        version: 1.1.0(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0)
+        version: 1.1.0(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0)
       vite-plugin-vue-devtools:
         specifier: 'catalog:'
-        version: 7.7.7(rollup@4.53.1)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+        version: 7.7.9(rollup@4.53.2)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
     devDependencies:
       '@pnpm/workspace.read-manifest':
         specifier: 'catalog:'
@@ -1463,10 +1426,10 @@ importers:
         version: link:../node-utils
       '@vitejs/plugin-vue':
         specifier: 'catalog:'
-        version: 6.0.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+        version: 6.0.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vitejs/plugin-vue-jsx':
         specifier: 'catalog:'
-        version: 5.1.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+        version: 5.1.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       dayjs:
         specifier: 'catalog:'
         version: 1.11.19
@@ -1475,25 +1438,25 @@ importers:
         version: 16.6.1
       rollup:
         specifier: 'catalog:'
-        version: 4.53.1
+        version: 4.53.2
       rollup-plugin-visualizer:
         specifier: 'catalog:'
-        version: 5.14.0(rollup@4.53.1)
+        version: 5.14.0(rollup@4.53.2)
       sass:
         specifier: 'catalog:'
-        version: 1.93.3
+        version: 1.94.1
       vite:
         specifier: 'catalog:'
-        version: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+        version: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       vite-plugin-compression:
         specifier: 'catalog:'
-        version: 0.5.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+        version: 0.5.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       vite-plugin-dts:
         specifier: 'catalog:'
-        version: 4.5.4(@types/node@24.10.0)(rollup@4.53.1)(typescript@5.9.3)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+        version: 4.5.4(@types/node@24.10.1)(rollup@4.53.2)(typescript@5.9.3)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       vite-plugin-html:
         specifier: 'catalog:'
-        version: 3.2.2(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+        version: 3.2.2(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       vite-plugin-lazy-import:
         specifier: 'catalog:'
         version: 1.0.7
@@ -1969,7 +1932,7 @@ importers:
     dependencies:
       '@tinyflow-ai/vue':
         specifier: 'catalog:'
-        version: 1.1.9(svelte@5.43.5)(vue@3.5.24(typescript@5.9.3))
+        version: 1.1.9(svelte@5.43.10)(vue@3.5.24(typescript@5.9.3))
       '@vben-core/form-ui':
         specifier: workspace:*
         version: link:../../@core/ui-kit/form-ui
@@ -2002,7 +1965,7 @@ importers:
         version: 13.9.0(vue@3.5.24(typescript@5.9.3))
       '@vueuse/motion':
         specifier: 'catalog:'
-        version: 3.0.3(vue@3.5.24(typescript@5.9.3))
+        version: 3.0.3(magicast@0.5.1)(vue@3.5.24(typescript@5.9.3))
       codemirror:
         specifier: 'catalog:'
         version: 5.65.20
@@ -2029,10 +1992,10 @@ importers:
         version: 3.5.24(typescript@5.9.3)
       vxe-pc-ui:
         specifier: 'catalog:'
-        version: 4.10.18(vue@3.5.24(typescript@5.9.3))
+        version: 4.10.27(vue@3.5.24(typescript@5.9.3))
       vxe-table:
         specifier: 'catalog:'
-        version: 4.17.12(vue@3.5.24(typescript@5.9.3))
+        version: 4.17.16(vue@3.5.24(typescript@5.9.3))
     devDependencies:
       '@types/codemirror':
         specifier: 'catalog:'
@@ -2112,7 +2075,7 @@ importers:
         version: 3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       pinia-plugin-persistedstate:
         specifier: 'catalog:'
-        version: 4.7.1(@nuxt/kit@3.20.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))
+        version: 4.7.1(@nuxt/kit@3.20.1(magicast@0.5.1))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))
       secure-ls:
         specifier: 'catalog:'
         version: 2.0.0
@@ -2153,82 +2116,6 @@ importers:
         specifier: 'catalog:'
         version: 4.6.3(vue@3.5.24(typescript@5.9.3))
 
-  playground:
-    dependencies:
-      '@tanstack/vue-query':
-        specifier: 'catalog:'
-        version: 5.90.7(vue@3.5.24(typescript@5.9.3))
-      '@vben-core/menu-ui':
-        specifier: workspace:*
-        version: link:../packages/@core/ui-kit/menu-ui
-      '@vben/access':
-        specifier: workspace:*
-        version: link:../packages/effects/access
-      '@vben/common-ui':
-        specifier: workspace:*
-        version: link:../packages/effects/common-ui
-      '@vben/constants':
-        specifier: workspace:*
-        version: link:../packages/constants
-      '@vben/hooks':
-        specifier: workspace:*
-        version: link:../packages/effects/hooks
-      '@vben/icons':
-        specifier: workspace:*
-        version: link:../packages/icons
-      '@vben/layouts':
-        specifier: workspace:*
-        version: link:../packages/effects/layouts
-      '@vben/locales':
-        specifier: workspace:*
-        version: link:../packages/locales
-      '@vben/plugins':
-        specifier: workspace:*
-        version: link:../packages/effects/plugins
-      '@vben/preferences':
-        specifier: workspace:*
-        version: link:../packages/preferences
-      '@vben/request':
-        specifier: workspace:*
-        version: link:../packages/effects/request
-      '@vben/stores':
-        specifier: workspace:*
-        version: link:../packages/stores
-      '@vben/styles':
-        specifier: workspace:*
-        version: link:../packages/styles
-      '@vben/types':
-        specifier: workspace:*
-        version: link:../packages/types
-      '@vben/utils':
-        specifier: workspace:*
-        version: link:../packages/utils
-      '@vueuse/core':
-        specifier: 'catalog:'
-        version: 13.9.0(vue@3.5.24(typescript@5.9.3))
-      ant-design-vue:
-        specifier: 'catalog:'
-        version: 4.2.6(vue@3.5.24(typescript@5.9.3))
-      dayjs:
-        specifier: 'catalog:'
-        version: 1.11.19
-      json-bigint:
-        specifier: 'catalog:'
-        version: 1.0.0
-      pinia:
-        specifier: ^3.0.3
-        version: 3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
-      vue:
-        specifier: ^3.5.17
-        version: 3.5.24(typescript@5.9.3)
-      vue-router:
-        specifier: 'catalog:'
-        version: 4.6.3(vue@3.5.24(typescript@5.9.3))
-    devDependencies:
-      '@types/json-bigint':
-        specifier: 'catalog:'
-        version: 1.0.4
-
   scripts/turbo-run:
     dependencies:
       '@clack/prompts':
@@ -2261,8 +2148,8 @@ importers:
 
 packages:
 
-  '@algolia/abtesting@1.9.0':
-    resolution: {integrity: sha512-4q9QCxFPiDIx1n5w41A1JMkrXI8p0ugCQnCGFtCKZPmWtwgWCqwVRncIbp++81xSELFZVQUfiB7Kbsla1tIBSw==}
+  '@algolia/abtesting@1.10.0':
+    resolution: {integrity: sha512-mQT3jwuTgX8QMoqbIR7mPlWkqQqBPQaPabQzm37xg2txMlaMogK/4hCiiESGdg39MlHZOVHeV+0VJuE7f5UK8A==}
     engines: {node: '>= 14.0.0'}
 
   '@algolia/autocomplete-core@1.17.7':
@@ -2285,56 +2172,56 @@ packages:
       '@algolia/client-search': '>= 4.9.1 < 6'
       algoliasearch: '>= 4.9.1 < 6'
 
-  '@algolia/client-abtesting@5.43.0':
-    resolution: {integrity: sha512-YsKYkohIMxiYEAu8nppZi5EioYDUIo9Heoor8K8vMUnkUtGCOEU/Q4p5OWaYSSBx3evo09Ga9rG4jsKViIcDzQ==}
+  '@algolia/client-abtesting@5.44.0':
+    resolution: {integrity: sha512-KY5CcrWhRTUo/lV7KcyjrZkPOOF9bjgWpMj9z98VA+sXzVpZtkuskBLCKsWYFp2sbwchZFTd3wJM48H0IGgF7g==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-analytics@5.43.0':
-    resolution: {integrity: sha512-kDGJWt3nzf0nu5RPFXQhNGl6Q0cn35fazxVWXhd0Fw3Vo6gcVfrcezcBenHb66laxnVJ7uwr1uKhmsu3Wy25sQ==}
+  '@algolia/client-analytics@5.44.0':
+    resolution: {integrity: sha512-LKOCE8S4ewI9bN3ot9RZoYASPi8b78E918/DVPW3HHjCMUe6i+NjbNG6KotU4RpP6AhRWZjjswbOkWelUO+OoA==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-common@5.43.0':
-    resolution: {integrity: sha512-RAFipkAnI8xhL/Sgi/gpXgNWN5HDM6F7z4NNNOcI8ZMYysZEBsqVXojg/WdKEKkQCOHVTZ3mooIjc5BaQdyVtA==}
+  '@algolia/client-common@5.44.0':
+    resolution: {integrity: sha512-1yyJm4OYC2cztbS28XYVWwLXdwpLsMG4LoZLOltVglQ2+hc/i9q9fUDZyjRa2Bqt4DmkIfezagfMrokhyH4uxQ==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-insights@5.43.0':
-    resolution: {integrity: sha512-PmVs83THco8Qig3cAjU9a5eAGaSxsfgh7PdmWMQFE/MCmIcLPv0MVpgfcGGyPjZGYvPC4cg+3q7JJxcNSsEaTg==}
+  '@algolia/client-insights@5.44.0':
+    resolution: {integrity: sha512-wVQWK6jYYsbEOjIMI+e5voLGPUIbXrvDj392IckXaCPvQ6vCMTXakQqOYCd+znQdL76S+3wHDo77HZWiAYKrtA==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-personalization@5.43.0':
-    resolution: {integrity: sha512-Bs4zMLXvkAr19FSOZWNizlNUpRFxZVxtvyEJ+q3n3+hPZUcKjo0LIh15qghhRcQPEihjBN6Gr/U+AqRfOCsvnA==}
+  '@algolia/client-personalization@5.44.0':
+    resolution: {integrity: sha512-lkgRjOjOkqmIkebHjHpU9rLJcJNUDMm+eVSW/KJQYLjGqykEZxal+nYJJTBbLceEU2roByP/+27ZmgIwCdf0iA==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-query-suggestions@5.43.0':
-    resolution: {integrity: sha512-pwHv+z8TZAKbwAWt9+v2gIqlqcCFiMdteTdgdPn2yOBRx4WUQdsIWAaG9GiV3by8jO51FuFQnTohhauuI63y3A==}
+  '@algolia/client-query-suggestions@5.44.0':
+    resolution: {integrity: sha512-sYfhgwKu6NDVmZHL1WEKVLsOx/jUXCY4BHKLUOcYa8k4COCs6USGgz6IjFkUf+niwq8NCECMmTC4o/fVQOalsA==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-search@5.43.0':
-    resolution: {integrity: sha512-wKy6x6fKcnB1CsfeNNdGp4dzLzz04k8II3JLt6Sp81F8s57Ks3/K9qsysmL9SJa8P486s719bBttVLE8JJYurQ==}
+  '@algolia/client-search@5.44.0':
+    resolution: {integrity: sha512-/FRKUM1G4xn3vV8+9xH1WJ9XknU8rkBGlefruq9jDhYUAvYozKimhrmC2pRqw/RyHhPivmgZCRuC8jHP8piz4Q==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/ingestion@1.43.0':
-    resolution: {integrity: sha512-TA21h2KwqCUyPXhSAWF3R2UES/FAnzjaVPDI6cRPXeadX+pdrGN0GWat5gSUATJVcMHECn+lGvuMMRxO86o2Pg==}
+  '@algolia/ingestion@1.44.0':
+    resolution: {integrity: sha512-5+S5ynwMmpTpCLXGjTDpeIa81J+R4BLH0lAojOhmeGSeGEHQTqacl/4sbPyDTcidvnWhaqtyf8m42ue6lvISAw==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/monitoring@1.43.0':
-    resolution: {integrity: sha512-rvWVEiA1iLcFmHS3oIXGIBreHIxNZqEFDjiNyRtLEffgd62kul2DjXM7H5bOouDMTo1ywMWT9OeQnzrhlTGAwA==}
+  '@algolia/monitoring@1.44.0':
+    resolution: {integrity: sha512-xhaTN8pXJjR6zkrecg4Cc9YZaQK2LKm2R+LkbAq+AYGBCWJxtSGlNwftozZzkUyq4AXWoyoc0x2SyBtq5LRtqQ==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/recommend@5.43.0':
-    resolution: {integrity: sha512-scCijGd38npvH2uHbYhO4f1SR8It5R2FZqOjNcMfw/7Ph7Hxvl+cd7Mo6RzIxsNRcLW5RrwjtpTK3gpDe8r/WQ==}
+  '@algolia/recommend@5.44.0':
+    resolution: {integrity: sha512-GNcite/uOIS7wgRU1MT7SdNIupGSW+vbK9igIzMePvD2Dl8dy0O3urKPKIbTuZQqiVH1Cb84y5cgLvwNrdCj/Q==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-browser-xhr@5.43.0':
-    resolution: {integrity: sha512-jMkRLWJYr4Hcmpl89e4vIWs69Mkf8Uwx7MG5ZKk2UxW3G3TmouGjI0Ph5mVPmg3Jf1UG3AdmVDc4XupzycT1Jw==}
+  '@algolia/requester-browser-xhr@5.44.0':
+    resolution: {integrity: sha512-YZHBk72Cd7pcuNHzbhNzF/FbbYszlc7JhZlDyQAchnX5S7tcemSS96F39Sy8t4O4WQLpFvUf1MTNedlitWdOsQ==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-fetch@5.43.0':
-    resolution: {integrity: sha512-KyQiVz+HdYtissC0J9KIGhHhKytQyJX+82GVsbv5rSCXbETnAoojvUyCn+3KRtWUvMDYCsZ+Y7hM71STTUJUJg==}
+  '@algolia/requester-fetch@5.44.0':
+    resolution: {integrity: sha512-B9WHl+wQ7uf46t9cq+vVM/ypVbOeuldVDq9OtKsX2ApL2g/htx6ImB9ugDOOJmB5+fE31/XPTuCcYz/j03+idA==}
     engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-node-http@5.43.0':
-    resolution: {integrity: sha512-UnUBNY0U+oT0bkYDsEqVsCkErC2w7idk4CRiLSzicqY8tGylD9oP0j13X/fse1CuiAFCCr3jfl+cBlN6dC0OFw==}
+  '@algolia/requester-node-http@5.44.0':
+    resolution: {integrity: sha512-MULm0qeAIk4cdzZ/ehJnl1o7uB5NMokg83/3MKhPq0Pk7+I0uELGNbzIfAkvkKKEYcHALemKdArtySF9eKzh/A==}
     engines: {node: '>= 14.0.0'}
 
   '@alloc/quick-lru@5.2.0':
@@ -2978,8 +2865,8 @@ packages:
   '@bpmn-io/extract-process-variables@0.8.0':
     resolution: {integrity: sha512-yAS7ZYX+D56K+luC36u96eRMLb4VHcPUwTUqMZ/Z/Je2gou2DJLRbuBTHAB4jjKt4wFCHSG4B8Y+TrBciEYf4w==}
 
-  '@bpmn-io/feel-editor@1.12.0':
-    resolution: {integrity: sha512-l19PUPZX4DurVNZF06x3mJ0jBNnVpEJTP4tTzVBpgxofxRDWemDjfHWlY+gsuW4QFFGjVL3hV5IIEiZp/oA3Kw==}
+  '@bpmn-io/feel-editor@1.12.1':
+    resolution: {integrity: sha512-XEsbglURtQsphlvGQll3aiGYsM8Qc22y7fDGmxUqSYv3AVzORBzYdFhFFwfYMfKfzln/qwa3Wlrl0amvELRJ2A==}
     engines: {node: '>= 16'}
 
   '@bpmn-io/feel-lint@1.4.0':
@@ -2997,14 +2884,11 @@ packages:
   '@bpmn-io/properties-panel@3.33.2':
     resolution: {integrity: sha512-8KgiKzJryfcxZmQb+ArL6zjWZ8N2o/vdWMWY01EOJrL/OmasCmxQU4lIE5GejgZ/EHoi92aVo8Ij+44uaRFGNw==}
 
-  '@cacheable/memoize@2.0.3':
-    resolution: {integrity: sha512-hl9wfQgpiydhQEIv7fkjEzTGE+tcosCXLKFDO707wYJ/78FVOlowb36djex5GdbSyeHnG62pomYLMuV/OT8Pbw==}
+  '@cacheable/memory@2.0.5':
+    resolution: {integrity: sha512-fkiAxCvssEyJZ5fxX4tcdZFRmW9JehSTGvvqmXn6rTzG5cH6V/3C4ad8yb01vOjp2xBydHkHrgpW0qeGtzt6VQ==}
 
-  '@cacheable/memory@2.0.4':
-    resolution: {integrity: sha512-cCmJKCKlT1t7hNBI1+gFCwmKFd9I4pS3zqBeNGXTSODnpa0EeDmORHY8oEMTuozfdg3cgsVh8ojLaPYb6eC7Cg==}
-
-  '@cacheable/utils@2.2.0':
-    resolution: {integrity: sha512-7xaQayO3msdVcxXLYcLU5wDqJBNdQcPPPHr6mdTEIQI7N7TbtSVVTpWOTfjyhg0L6AQwQdq7miKdWtTDBoBldQ==}
+  '@cacheable/utils@2.3.1':
+    resolution: {integrity: sha512-38NJXjIr4W1Sghun8ju+uYWD8h2c61B4dKwfnQHVDFpAJ9oS28RpfqZQJ6Dgd3RceGkILDY9YT+72HJR3LoeSQ==}
 
   '@camunda/feel-builtins@0.2.0':
     resolution: {integrity: sha512-Jusm8x3Onqze9E5Y0lGGdPj66bnFKLYNwDz+uG4otsEXgSL0FpF+koGHK48LkF9Jqo67KaP1y3zr2y/HIWRePw==}
@@ -3098,8 +2982,8 @@ packages:
   '@codemirror/state@6.5.2':
     resolution: {integrity: sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==}
 
-  '@codemirror/view@6.38.6':
-    resolution: {integrity: sha512-qiS0z1bKs5WOvHIAC0Cybmv4AJSkAXgX5aD6Mqd2epSLlVJsQl8NG23jCVouIgkh4All/mrbdsf2UOLFnJw0tw==}
+  '@codemirror/view@6.38.8':
+    resolution: {integrity: sha512-XcE9fcnkHCbWkjeKyi0lllwXmBLtyYb5dt89dJyx23I9+LSh5vZDIuk7OLG4VM1lgrXZQcY6cxyZyk5WVPRv/A==}
 
   '@commitlint/cli@19.8.1':
     resolution: {integrity: sha512-LXUdNIkspyxrlV6VDHWBmCZRtkEVRpBKxi2Gtw3J54cGWhLCTouVD/Q6ZSaSvd2YaDObWK8mDjrz3TIKtaQMAA==}
@@ -3200,8 +3084,8 @@ packages:
   '@cspell/dict-al@1.1.1':
     resolution: {integrity: sha512-sD8GCaZetgQL4+MaJLXqbzWcRjfKVp8x+px3HuCaaiATAAtvjwUQ5/Iubiqwfd1boIh2Y1/3EgM3TLQ7Q8e0wQ==}
 
-  '@cspell/dict-aws@4.0.15':
-    resolution: {integrity: sha512-aPY7VVR5Os4rz36EaqXBAEy14wR4Rqv+leCJ2Ug/Gd0IglJpM30LalF3e2eJChnjje3vWoEC0Rz3+e5gpZG+Kg==}
+  '@cspell/dict-aws@4.0.16':
+    resolution: {integrity: sha512-a681zShZbtTo947NvTYGLer95ZDQw1ROKvIFydak1e0OlfFCsNdtcYTupn0nbbYs53c9AO7G2DU8AcNEAnwXPA==}
 
   '@cspell/dict-bash@4.2.2':
     resolution: {integrity: sha512-kyWbwtX3TsCf5l49gGQIZkRLaB/P8g73GDRm41Zu8Mv51kjl2H7Au0TsEvHv7jzcsRLS6aUYaZv6Zsvk1fOz+Q==}
@@ -3322,8 +3206,8 @@ packages:
   '@cspell/dict-node@5.0.8':
     resolution: {integrity: sha512-AirZcN2i84ynev3p2/1NCPEhnNsHKMz9zciTngGoqpdItUb2bDt1nJBjwlsrFI78GZRph/VaqTVFwYikmncpXg==}
 
-  '@cspell/dict-npm@5.2.20':
-    resolution: {integrity: sha512-tJRv1qEdW3f8fxK/D2huoqkSvM6ogz55hAt9RTdB7tZy57wio9Tkj+xfi2DIeOlmf6e94c6pNPZIC/o5rclMhw==}
+  '@cspell/dict-npm@5.2.22':
+    resolution: {integrity: sha512-bepGmmRv7KmxULqfw88G9wxkpIAQA96YyrfKpfg4RHnQLxpmzoRnZGtK5S9JH7Hlf5LEd1gkOF7dtCE6cek67w==}
 
   '@cspell/dict-php@4.1.0':
     resolution: {integrity: sha512-dTDeabyOj7eFvn2Q4Za3uVXM2+SzeFMqX8ly2P0XTo4AzbCmI2hulFD/QIADwWmwiRrInbbf8cxwFHNIYrXl4w==}
@@ -3352,8 +3236,8 @@ packages:
   '@cspell/dict-shell@1.1.2':
     resolution: {integrity: sha512-WqOUvnwcHK1X61wAfwyXq04cn7KYyskg90j4lLg3sGGKMW9Sq13hs91pqrjC44Q+lQLgCobrTkMDw9Wyl9nRFA==}
 
-  '@cspell/dict-software-terms@5.1.11':
-    resolution: {integrity: sha512-xwARdlp6o81BK7uNl4qR5CmLBXuc9xWyEeEwzeAw/8SkBdYheVQO6F1Fey2iqMRDT9LAb5Znbg83pJVpLjgBjg==}
+  '@cspell/dict-software-terms@5.1.13':
+    resolution: {integrity: sha512-bmWMOpqzCmmKFHM9hFC6o+GP20t2+uTuwksR3a6crHQqvNv3revzwQHorsWvSYx75xsdcvRYrAz7PqPEV/FG1g==}
 
   '@cspell/dict-sql@2.2.1':
     resolution: {integrity: sha512-qDHF8MpAYCf4pWU8NKbnVGzkoxMNrFqBHyG/dgrlic5EQiKANCLELYtGlX5auIMDLmTf1inA0eNtv74tyRJ/vg==}
@@ -3717,11 +3601,11 @@ packages:
     peerDependencies:
       vue: ^3.5.17
 
-  '@emnapi/core@1.7.0':
-    resolution: {integrity: sha512-pJdKGq/1iquWYtv1RRSljZklxHCOCAJFJrImO5ZLKPJVJlVUcs8yFwNQlqS0Lo8xT1VAXXTCZocF9n26FWEKsw==}
+  '@emnapi/core@1.7.1':
+    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
 
-  '@emnapi/runtime@1.7.0':
-    resolution: {integrity: sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q==}
+  '@emnapi/runtime@1.7.1':
+    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
 
   '@emnapi/wasi-threads@1.1.0':
     resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
@@ -3935,10 +3819,6 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@faker-js/faker@9.9.0':
-    resolution: {integrity: sha512-OEl393iCOoo/z8bMezRlJu+GlRGlsKbUAN7jKB6LhnKoqKve5DXRpalbItIIcwnCjs1k/FOPjFzcA6Qn+H+YbA==}
-    engines: {node: '>=18.0.0', npm: '>=9.0.0'}
-
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
@@ -3951,8 +3831,8 @@ packages:
   '@floating-ui/vue@1.1.9':
     resolution: {integrity: sha512-BfNqNW6KA83Nexspgb9DZuz578R7HT8MZw1CfK9I6Ah4QReNWEJsXWHN+SdmOVLNGmTPDi+fDT535Df5PzMLbQ==}
 
-  '@form-create/ant-design-vue@3.2.32':
-    resolution: {integrity: sha512-0W4GDqbhwK14WiVZK6PvToIu2Ug21zMHIsC93w4gtOBQ1z19qCS28iRVaOppAZ7KbQ13uOdQyRi8vCzfsa0PmA==}
+  '@form-create/ant-design-vue@3.2.33':
+    resolution: {integrity: sha512-FRJ6Jzpm2RT4QL4A69ew9A28CtymtPFAyN5GVtinhIv6kHkIW73PvxfYlppODjT1K06Et7oBowTh1JiJbHvUSw==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -3997,8 +3877,8 @@ packages:
   '@form-create/component-wangeditor@3.2.14':
     resolution: {integrity: sha512-N/U/hFBdBu2OIguxoKe1Kslq5fW6XmtyhKDImLfKLn1xI6X5WUtt3r7QTaUPcVUl2vntpM9wJ/FBdG17RzF/Dg==}
 
-  '@form-create/core@3.2.32':
-    resolution: {integrity: sha512-1nXMBqtE0v1jTd7vQ5V5Rm6iLzlwnDiUO/Xu/sIu5sMyWw60XX1MIbrDg3ou+0kUvVOk3cOpgckXxU1HZEuWTw==}
+  '@form-create/core@3.2.33':
+    resolution: {integrity: sha512-4TBFtJFkpq8gkeBNpx+Gelyl5Pxk76aTztr/dA37isIsrgsJi/5iL50lRdBGDTK88rj5puPaQ7M/R5tgTQKOrg==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -4007,8 +3887,8 @@ packages:
     peerDependencies:
       vue: ^3.5.17
 
-  '@form-create/element-ui@3.2.32':
-    resolution: {integrity: sha512-n3O4gcGTGKrF+oFTLs3vMO/MivLSQdYds096OAYKR8DULTNyqQB6eMsPOIE8u8FqY2kT7C+eh/5TwbBElYwSvw==}
+  '@form-create/element-ui@3.2.33':
+    resolution: {integrity: sha512-h2Oj/De35Z0zklhbXmRV578NKXp2ydEH9Pml7F0AaBYw8QKZQrsMtCFfF+mOl/mOVmO0sOWTtujrkNqm1W82fQ==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -4041,17 +3921,17 @@ packages:
   '@iconify-json/logos@1.2.10':
     resolution: {integrity: sha512-qxaXKJ6fu8jzTMPQdHtNxlfx6tBQ0jXRbHZIYy5Ilh8Lx9US9FsAdzZWUR8MXV8PnWTKGDFO4ZZee9VwerCyMA==}
 
-  '@iconify-json/octicon@1.2.18':
-    resolution: {integrity: sha512-rj94lgRl70HXovRxD+xSOpSql6cj3N8rv3ouSh7UJEuAFim0RcCEt2JQhr8hiS5Lj1D65EQP7oSNMrVOkYi8kg==}
+  '@iconify-json/octicon@1.2.19':
+    resolution: {integrity: sha512-q1a9fpyg0Cw/Bt9hEfP86eJlgKtMXzNIRQnsbPZi1MBoHlPyi056TdzV72zY/F+oJSJ8b5Ub8njL2fWs/iLJAg==}
 
-  '@iconify-json/simple-icons@1.2.58':
-    resolution: {integrity: sha512-XtXEoRALqztdNc9ujYBj2tTCPKdIPKJBdLNDebFF46VV1aOAwTbAYMgNsK5GMCpTJupLCmpBWDn+gX5SpECorQ==}
+  '@iconify-json/simple-icons@1.2.59':
+    resolution: {integrity: sha512-fYx/InyQsWFW4wVxWka3CGDJ6m/fXoTqWBSl+oA3FBXO5RhPAb6S3Y5bRgCPnrYevErH8VjAL0TZevIqlN2PhQ==}
 
-  '@iconify-json/vscode-icons@1.2.33':
-    resolution: {integrity: sha512-2lKDybGxXXeLeeqeNT2YVDYXs5va0YMHf06w3GemS22j/0CCTpKwKDK7REaibsCq3bRV8qX0RJDM4AbREE7L+w==}
+  '@iconify-json/vscode-icons@1.2.35':
+    resolution: {integrity: sha512-LWI0uBk2oZ+tjbLR6NyPWCu+A+alo0xsEU10j/NYMJhcIM4meMBTL10TlTIGJr/tiI5IybdXUKs5woAGjLsbhA==}
 
-  '@iconify/json@2.2.405':
-    resolution: {integrity: sha512-wpZMsZoqt6tHbipJ/JmkhRK1TWkmRrTBfL2pi48qXyqUxF56+OEUVB61VkcQ1hMKj/tDAIicFSirkaRZkMwliw==}
+  '@iconify/json@2.2.408':
+    resolution: {integrity: sha512-xKr3eb3LWps/VCtnMJAcv7nf9e6i2IWcgtdq9b7bsJSyrqWc00SHdtA3pAH1hBI0z0SCY6rZFs+6h4B5gMOnTQ==}
 
   '@iconify/tailwind@1.2.0':
     resolution: {integrity: sha512-KgpIHWOTcRYw1XcoUqyNSrmYyfLLqZYu3AmP8zdfLk0F5TqRO8YerhlvlQmGfn7rJXgPeZN569xPAJnJ53zZxA==}
@@ -4184,11 +4064,11 @@ packages:
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
-  '@keyv/bigmap@1.1.0':
-    resolution: {integrity: sha512-MX7XIUNwVRK+hjZcAbNJ0Z8DREo+Weu9vinBOjGU1thEi9F6vPhICzBbk4CCf3eEefKRz7n6TfZXwUFZTSgj8Q==}
+  '@keyv/bigmap@1.2.0':
+    resolution: {integrity: sha512-4Lme8NejkyetZ9oJ6u8NSf0iJEFFt7I+tyDI48wZlaFmbhDEh4nZg7bEPFPwCWkpIuL50/ukWBC9AHQTmdJLUA==}
     engines: {node: '>= 18'}
     peerDependencies:
-      keyv: ^5.5.3
+      keyv: ^5.5.4
 
   '@keyv/serialize@1.1.1':
     resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
@@ -4231,21 +4111,21 @@ packages:
   '@marijn/find-cluster-break@1.0.2':
     resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
 
-  '@microsoft/api-extractor-model@7.31.3':
-    resolution: {integrity: sha512-dv4quQI46p0U03TCEpasUf6JrJL3qjMN7JUAobsPElxBv4xayYYvWW9aPpfYV+Jx6hqUcVaLVOeV7+5hxsyoFQ==}
+  '@microsoft/api-extractor-model@7.32.0':
+    resolution: {integrity: sha512-QIVJSreb8fGGJy1Qx0yzGVXxvHJN1WXgkFNHFheVv1iBJNqgvp+xeT3ienJmRwXmPPc5Es/cxBrXtKZJR3i7iw==}
 
-  '@microsoft/api-extractor@7.54.0':
-    resolution: {integrity: sha512-t0SEcbVUPy4yAVykPafTNWktBg728X6p9t8qCuGDsYr1/lz2VQFihYDP2CnBFSArP5vwJPcvxktoKVSqH326cA==}
+  '@microsoft/api-extractor@7.55.0':
+    resolution: {integrity: sha512-TYc5OtAK/9E3HGgd2bIfSjQDYIwPc0dysf9rPiwXZGsq916I6W2oww9bhm1OxPOeg6rMfOX3PoroGd7oCryYog==}
     hasBin: true
 
   '@microsoft/fetch-event-source@2.0.1':
     resolution: {integrity: sha512-W6CLUJ2eBMw3Rec70qrsEW0jOm/3twwJv21mrmj2yORiaVmVYGS4sSS5yUwvQc1ZlDLYGPnClVWmUUMagKNsfA==}
 
-  '@microsoft/tsdoc-config@0.17.1':
-    resolution: {integrity: sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==}
+  '@microsoft/tsdoc-config@0.18.0':
+    resolution: {integrity: sha512-8N/vClYyfOH+l4fLkkr9+myAoR6M7akc8ntBJ4DJdWH2b09uVfr71+LTMpNyG19fNqWDg8KEDZhx5wxuqHyGjw==}
 
-  '@microsoft/tsdoc@0.15.1':
-    resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==}
+  '@microsoft/tsdoc@0.16.0':
+    resolution: {integrity: sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==}
 
   '@napi-rs/wasm-runtime@0.2.12':
     resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
@@ -4441,8 +4321,8 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.29':
     resolution: {integrity: sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==}
 
-  '@rolldown/pluginutils@1.0.0-beta.47':
-    resolution: {integrity: sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==}
+  '@rolldown/pluginutils@1.0.0-beta.50':
+    resolution: {integrity: sha512-5e76wQiQVeL1ICOZVUg4LSOVYg9jyhGCin+icYozhsUzM+fHE7kddi1bdiE0jwVqTfkjba3jUFbEkoC9WkdvyA==}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -4551,124 +4431,124 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.53.1':
-    resolution: {integrity: sha512-bxZtughE4VNVJlL1RdoSE545kc4JxL7op57KKoi59/gwuU5rV6jLWFXXc8jwgFoT6vtj+ZjO+Z2C5nrY0Cl6wA==}
+  '@rollup/rollup-android-arm-eabi@4.53.2':
+    resolution: {integrity: sha512-yDPzwsgiFO26RJA4nZo8I+xqzh7sJTZIWQOxn+/XOdPE31lAvLIYCKqjV+lNH/vxE2L2iH3plKxDCRK6i+CwhA==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.53.1':
-    resolution: {integrity: sha512-44a1hreb02cAAfAKmZfXVercPFaDjqXCK+iKeVOlJ9ltvnO6QqsBHgKVPTu+MJHSLLeMEUbeG2qiDYgbFPU48g==}
+  '@rollup/rollup-android-arm64@4.53.2':
+    resolution: {integrity: sha512-k8FontTxIE7b0/OGKeSN5B6j25EuppBcWM33Z19JoVT7UTXFSo3D9CdU39wGTeb29NO3XxpMNauh09B+Ibw+9g==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.53.1':
-    resolution: {integrity: sha512-usmzIgD0rf1syoOZ2WZvy8YpXK5G1V3btm3QZddoGSa6mOgfXWkkv+642bfUUldomgrbiLQGrPryb7DXLovPWQ==}
+  '@rollup/rollup-darwin-arm64@4.53.2':
+    resolution: {integrity: sha512-A6s4gJpomNBtJ2yioj8bflM2oogDwzUiMl2yNJ2v9E7++sHrSrsQ29fOfn5DM/iCzpWcebNYEdXpaK4tr2RhfQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.53.1':
-    resolution: {integrity: sha512-is3r/k4vig2Gt8mKtTlzzyaSQ+hd87kDxiN3uDSDwggJLUV56Umli6OoL+/YZa/KvtdrdyNfMKHzL/P4siOOmg==}
+  '@rollup/rollup-darwin-x64@4.53.2':
+    resolution: {integrity: sha512-e6XqVmXlHrBlG56obu9gDRPW3O3hLxpwHpLsBJvuI8qqnsrtSZ9ERoWUXtPOkY8c78WghyPHZdmPhHLWNdAGEw==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.53.1':
-    resolution: {integrity: sha512-QJ1ksgp/bDJkZB4daldVmHaEQkG4r8PUXitCOC2WRmRaSaHx5RwPoI3DHVfXKwDkB+Sk6auFI/+JHacTekPRSw==}
+  '@rollup/rollup-freebsd-arm64@4.53.2':
+    resolution: {integrity: sha512-v0E9lJW8VsrwPux5Qe5CwmH/CF/2mQs6xU1MF3nmUxmZUCHazCjLgYvToOk+YuuUqLQBio1qkkREhxhc656ViA==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.53.1':
-    resolution: {integrity: sha512-J6ma5xgAzvqsnU6a0+jgGX/gvoGokqpkx6zY4cWizRrm0ffhHDpJKQgC8dtDb3+MqfZDIqs64REbfHDMzxLMqQ==}
+  '@rollup/rollup-freebsd-x64@4.53.2':
+    resolution: {integrity: sha512-ClAmAPx3ZCHtp6ysl4XEhWU69GUB1D+s7G9YjHGhIGCSrsg00nEGRRZHmINYxkdoJehde8VIsDC5t9C0gb6yqA==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.53.1':
-    resolution: {integrity: sha512-JzWRR41o2U3/KMNKRuZNsDUAcAVUYhsPuMlx5RUldw0E4lvSIXFUwejtYz1HJXohUmqs/M6BBJAUBzKXZVddbg==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.53.2':
+    resolution: {integrity: sha512-EPlb95nUsz6Dd9Qy13fI5kUPXNSljaG9FiJ4YUGU1O/Q77i5DYFW5KR8g1OzTcdZUqQQ1KdDqsTohdFVwCwjqg==}
     cpu: [arm]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.53.1':
-    resolution: {integrity: sha512-L8kRIrnfMrEoHLHtHn+4uYA52fiLDEDyezgxZtGUTiII/yb04Krq+vk3P2Try+Vya9LeCE9ZHU8CXD6J9EhzHQ==}
+  '@rollup/rollup-linux-arm-musleabihf@4.53.2':
+    resolution: {integrity: sha512-BOmnVW+khAUX+YZvNfa0tGTEMVVEerOxN0pDk2E6N6DsEIa2Ctj48FOMfNDdrwinocKaC7YXUZ1pHlKpnkja/Q==}
     cpu: [arm]
     os: [linux]
     libc: [musl]
 
-  '@rollup/rollup-linux-arm64-gnu@4.53.1':
-    resolution: {integrity: sha512-ysAc0MFRV+WtQ8li8hi3EoFi7us6d1UzaS/+Dp7FYZfg3NdDljGMoVyiIp6Ucz7uhlYDBZ/zt6XI0YEZbUO11Q==}
+  '@rollup/rollup-linux-arm64-gnu@4.53.2':
+    resolution: {integrity: sha512-Xt2byDZ+6OVNuREgBXr4+CZDJtrVso5woFtpKdGPhpTPHcNG7D8YXeQzpNbFRxzTVqJf7kvPMCub/pcGUWgBjA==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-arm64-musl@4.53.1':
-    resolution: {integrity: sha512-UV6l9MJpDbDZZ/fJvqNcvO1PcivGEf1AvKuTcHoLjVZVFeAMygnamCTDikCVMRnA+qJe+B3pSbgX2+lBMqgBhA==}
+  '@rollup/rollup-linux-arm64-musl@4.53.2':
+    resolution: {integrity: sha512-+LdZSldy/I9N8+klim/Y1HsKbJ3BbInHav5qE9Iy77dtHC/pibw1SR/fXlWyAk0ThnpRKoODwnAuSjqxFRDHUQ==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@rollup/rollup-linux-loong64-gnu@4.53.1':
-    resolution: {integrity: sha512-UDUtelEprkA85g95Q+nj3Xf0M4hHa4DiJ+3P3h4BuGliY4NReYYqwlc0Y8ICLjN4+uIgCEvaygYlpf0hUj90Yg==}
+  '@rollup/rollup-linux-loong64-gnu@4.53.2':
+    resolution: {integrity: sha512-8ms8sjmyc1jWJS6WdNSA23rEfdjWB30LH8Wqj0Cqvv7qSHnvw6kgMMXRdop6hkmGPlyYBdRPkjJnj3KCUHV/uQ==}
     cpu: [loong64]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-ppc64-gnu@4.53.1':
-    resolution: {integrity: sha512-vrRn+BYhEtNOte/zbc2wAUQReJXxEx2URfTol6OEfY2zFEUK92pkFBSXRylDM7aHi+YqEPJt9/ABYzmcrS4SgQ==}
+  '@rollup/rollup-linux-ppc64-gnu@4.53.2':
+    resolution: {integrity: sha512-3HRQLUQbpBDMmzoxPJYd3W6vrVHOo2cVW8RUo87Xz0JPJcBLBr5kZ1pGcQAhdZgX9VV7NbGNipah1omKKe23/g==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.53.1':
-    resolution: {integrity: sha512-gto/1CxHyi4A7YqZZNznQYrVlPSaodOBPKM+6xcDSCMVZN/Fzb4K+AIkNz/1yAYz9h3Ng+e2fY9H6bgawVq17w==}
+  '@rollup/rollup-linux-riscv64-gnu@4.53.2':
+    resolution: {integrity: sha512-fMjKi+ojnmIvhk34gZP94vjogXNNUKMEYs+EDaB/5TG/wUkoeua7p7VCHnE6T2Tx+iaghAqQX8teQzcvrYpaQA==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-riscv64-musl@4.53.1':
-    resolution: {integrity: sha512-KZ6Vx7jAw3aLNjFR8eYVcQVdFa/cvBzDNRFM3z7XhNNunWjA03eUrEwJYPk0G8V7Gs08IThFKcAPS4WY/ybIrQ==}
+  '@rollup/rollup-linux-riscv64-musl@4.53.2':
+    resolution: {integrity: sha512-XuGFGU+VwUUV5kLvoAdi0Wz5Xbh2SrjIxCtZj6Wq8MDp4bflb/+ThZsVxokM7n0pcbkEr2h5/pzqzDYI7cCgLQ==}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@rollup/rollup-linux-s390x-gnu@4.53.1':
-    resolution: {integrity: sha512-HvEixy2s/rWNgpwyKpXJcHmE7om1M89hxBTBi9Fs6zVuLU4gOrEMQNbNsN/tBVIMbLyysz/iwNiGtMOpLAOlvA==}
+  '@rollup/rollup-linux-s390x-gnu@4.53.2':
+    resolution: {integrity: sha512-w6yjZF0P+NGzWR3AXWX9zc0DNEGdtvykB03uhonSHMRa+oWA6novflo2WaJr6JZakG2ucsyb+rvhrKac6NIy+w==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-x64-gnu@4.53.1':
-    resolution: {integrity: sha512-E/n8x2MSjAQgjj9IixO4UeEUeqXLtiA7pyoXCFYLuXpBA/t2hnbIdxHfA7kK9BFsYAoNU4st1rHYdldl8dTqGA==}
+  '@rollup/rollup-linux-x64-gnu@4.53.2':
+    resolution: {integrity: sha512-yo8d6tdfdeBArzC7T/PnHd7OypfI9cbuZzPnzLJIyKYFhAQ8SvlkKtKBMbXDxe1h03Rcr7u++nFS7tqXz87Gtw==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@rollup/rollup-linux-x64-musl@4.53.1':
-    resolution: {integrity: sha512-IhJ087PbLOQXCN6Ui/3FUkI9pWNZe/Z7rEIVOzMsOs1/HSAECCvSZ7PkIbkNqL/AZn6WbZvnoVZw/qwqYMo4/w==}
+  '@rollup/rollup-linux-x64-musl@4.53.2':
+    resolution: {integrity: sha512-ah59c1YkCxKExPP8O9PwOvs+XRLKwh/mV+3YdKqQ5AMQ0r4M4ZDuOrpWkUaqO7fzAHdINzV9tEVu8vNw48z0lA==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@rollup/rollup-openharmony-arm64@4.53.1':
-    resolution: {integrity: sha512-0++oPNgLJHBblreu0SFM7b3mAsBJBTY0Ksrmu9N6ZVrPiTkRgda52mWR7TKhHAsUb9noCjFvAw9l6ZO1yzaVbA==}
+  '@rollup/rollup-openharmony-arm64@4.53.2':
+    resolution: {integrity: sha512-4VEd19Wmhr+Zy7hbUsFZ6YXEiP48hE//KPLCSVNY5RMGX2/7HZ+QkN55a3atM1C/BZCGIgqN+xrVgtdak2S9+A==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rollup/rollup-win32-arm64-msvc@4.53.1':
-    resolution: {integrity: sha512-VJXivz61c5uVdbmitLkDlbcTk9Or43YC2QVLRkqp86QoeFSqI81bNgjhttqhKNMKnQMWnecOCm7lZz4s+WLGpQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.53.2':
+    resolution: {integrity: sha512-IlbHFYc/pQCgew/d5fslcy1KEaYVCJ44G8pajugd8VoOEI8ODhtb/j8XMhLpwHCMB3yk2J07ctup10gpw2nyMA==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.53.1':
-    resolution: {integrity: sha512-NmZPVTUOitCXUH6erJDzTQ/jotYw4CnkMDjCYRxNHVD9bNyfrGoIse684F9okwzKCV4AIHRbUkeTBc9F2OOH5Q==}
+  '@rollup/rollup-win32-ia32-msvc@4.53.2':
+    resolution: {integrity: sha512-lNlPEGgdUfSzdCWU176ku/dQRnA7W+Gp8d+cWv73jYrb8uT7HTVVxq62DUYxjbaByuf1Yk0RIIAbDzp+CnOTFg==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-gnu@4.53.1':
-    resolution: {integrity: sha512-2SNj7COIdAf6yliSpLdLG8BEsp5lgzRehgfkP0Av8zKfQFKku6JcvbobvHASPJu4f3BFxej5g+HuQPvqPhHvpQ==}
+  '@rollup/rollup-win32-x64-gnu@4.53.2':
+    resolution: {integrity: sha512-S6YojNVrHybQis2lYov1sd+uj7K0Q05NxHcGktuMMdIQ2VixGwAfbJ23NnlvvVV1bdpR2m5MsNBViHJKcA4ADw==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.53.1':
-    resolution: {integrity: sha512-rLarc1Ofcs3DHtgSzFO31pZsCh8g05R2azN1q3fF+H423Co87My0R+tazOEvYVKXSLh8C4LerMK41/K7wlklcg==}
+  '@rollup/rollup-win32-x64-msvc@4.53.2':
+    resolution: {integrity: sha512-k+/Rkcyx//P6fetPoLMb8pBeqJBNGx81uuf7iljX9++yNBVRDQgD04L+SVXmXmh5ZP4/WOp4mWF0kmi06PW2tA==}
     cpu: [x64]
     os: [win32]
 
@@ -4761,8 +4641,8 @@ packages:
     peerDependencies:
       svelte: ^5.1.0
 
-  '@sveltejs/acorn-typescript@1.0.6':
-    resolution: {integrity: sha512-4awhxtMh4cx9blePWl10HRHj8Iivtqj+2QdDCSMDzxG+XKa9+VCNupQuCuvzEhYPzZSrX+0gC+0lHA/0fFKKQQ==}
+  '@sveltejs/acorn-typescript@1.0.7':
+    resolution: {integrity: sha512-znp1A/Y1Jj4l/Zy7PX5DZKBE0ZNY+5QBngiE21NJkfSTyzzC5iKNWOtwFXKtIrn7MXEFBck4jD95iBNkGjK92Q==}
     peerDependencies:
       acorn: ^8.9.0
 
@@ -4782,28 +4662,12 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  '@tanstack/match-sorter-utils@8.19.4':
-    resolution: {integrity: sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==}
-    engines: {node: '>=12'}
-
-  '@tanstack/query-core@5.90.7':
-    resolution: {integrity: sha512-6PN65csiuTNfBMXqQUxQhCNdtm1rV+9kC9YwWAIKcaxAauq3Wu7p18j3gQY3YIBJU70jT/wzCCZ2uqto/vQgiQ==}
-
   '@tanstack/store@0.7.7':
     resolution: {integrity: sha512-xa6pTan1bcaqYDS9BDpSiS63qa6EoDkPN9RsRaxHuDdVDNntzq3xNwR5YKTU/V3SkSyC9T4YVOPh2zRQN0nhIQ==}
 
   '@tanstack/virtual-core@3.13.12':
     resolution: {integrity: sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==}
 
-  '@tanstack/vue-query@5.90.7':
-    resolution: {integrity: sha512-2h0esebc2qVRVDge3gFArhss5+qn/Wb4abXuaEliSy+/xPWQMrEX7Ny0UKkCy1HcMZZjvfTtNRUfpYrx+vpipw==}
-    peerDependencies:
-      '@vue/composition-api': ^1.1.2
-      vue: ^3.5.17
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-
   '@tanstack/vue-store@0.7.7':
     resolution: {integrity: sha512-6iv1Odmreff6TgEjQN11xoddsCnpn+/ul7MZ2DadHT3/RSY1YdoFafK8lCa889MEFi/5K0zAhf8psIkgTrRa9A==}
     peerDependencies:
@@ -4973,15 +4837,9 @@ packages:
   '@types/html-minifier-terser@7.0.2':
     resolution: {integrity: sha512-mm2HqV22l8lFQh4r2oSsOEVea+m0qqxEmwpc9kC1p/XzmjLWrReR9D/GRs8Pex2NX/imyEH9c5IU/7tMBQCHOA==}
 
-  '@types/json-bigint@1.0.4':
-    resolution: {integrity: sha512-ydHooXLbOmxBbubnA7Eh+RpBzuaIiQjh8WGJYQB50JFGFrdxW7JzVlyEV7fAXw0T2sqJ1ysTneJbiyNLqZRAag==}
-
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/jsonwebtoken@9.0.10':
-    resolution: {integrity: sha512-asx5hIG9Qmf/1oStypjanR7iKTv0gXQ1Ov/jfrX6kS/EO0OFni8orbmGCn0672NHR3kXHwpAwR+B368ZGN/2rA==}
-
   '@types/katex@0.16.7':
     resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
 
@@ -5018,14 +4876,11 @@ packages:
   '@types/minimatch@3.0.5':
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
 
-  '@types/ms@2.1.0':
-    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
-
   '@types/node@12.20.55':
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
 
-  '@types/node@24.10.0':
-    resolution: {integrity: sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==}
+  '@types/node@24.10.1':
+    resolution: {integrity: sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==}
 
   '@types/nprogress@0.2.3':
     resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
@@ -5063,8 +4918,8 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
-  '@types/validator@13.15.4':
-    resolution: {integrity: sha512-LSFfpSnJJY9wbC0LQxgvfb+ynbHftFo0tMsFOl/J4wexLnYMmDSPaj2ZyDv3TkfL1UePxPrxOWJfbiRS8mQv7A==}
+  '@types/validator@13.15.10':
+    resolution: {integrity: sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==}
 
   '@types/video.js@7.3.58':
     resolution: {integrity: sha512-1CQjuSrgbv1/dhmcfQ83eVyYbvGyqhTvb2Opxr0QCV+iJ4J6/J+XWQ3Om59WiwCd1MN3rDUHasx5XRrpUtewYQ==}
@@ -5075,23 +4930,23 @@ packages:
   '@types/web-bluetooth@0.0.21':
     resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
 
-  '@typescript-eslint/eslint-plugin@8.46.3':
-    resolution: {integrity: sha512-sbaQ27XBUopBkRiuY/P9sWGOWUW4rl8fDoHIUmLpZd8uldsTyB4/Zg6bWTegPoTLnKj9Hqgn3QD6cjPNB32Odw==}
+  '@typescript-eslint/eslint-plugin@8.47.0':
+    resolution: {integrity: sha512-fe0rz9WJQ5t2iaLfdbDc9T80GJy0AeO453q8C3YCilnGozvOyCG5t+EZtg7j7D88+c3FipfP/x+wzGnh1xp8ZA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.46.3
+      '@typescript-eslint/parser': ^8.47.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.46.3':
-    resolution: {integrity: sha512-6m1I5RmHBGTnUGS113G04DMu3CpSdxCAU/UvtjNWL4Nuf3MW9tQhiJqRlHzChIkhy6kZSAQmc+I1bcGjE3yNKg==}
+  '@typescript-eslint/parser@8.47.0':
+    resolution: {integrity: sha512-lJi3PfxVmo0AkEY93ecfN+r8SofEqZNGByvHAI3GBLrvt1Cw6H5k1IM02nSzu0RfUafr2EvFSw0wAsZgubNplQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.46.3':
-    resolution: {integrity: sha512-Fz8yFXsp2wDFeUElO88S9n4w1I4CWDTXDqDr9gYvZgUpwXQqmZBr9+NTTql5R3J7+hrJZPdpiWaB9VNhAKYLuQ==}
+  '@typescript-eslint/project-service@8.47.0':
+    resolution: {integrity: sha512-2X4BX8hUeB5JcA1TQJ7GjcgulXQ+5UkNb0DL8gHsHUHdFoiCTJoYLTpib3LtSDPZsRET5ygN4qqIWrHyYIKERA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -5100,18 +4955,18 @@ packages:
     resolution: {integrity: sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/scope-manager@8.46.3':
-    resolution: {integrity: sha512-FCi7Y1zgrmxp3DfWfr+3m9ansUUFoy8dkEdeQSgA9gbm8DaHYvZCdkFRQrtKiedFf3Ha6VmoqoAaP68+i+22kg==}
+  '@typescript-eslint/scope-manager@8.47.0':
+    resolution: {integrity: sha512-a0TTJk4HXMkfpFkL9/WaGTNuv7JWfFTQFJd6zS9dVAjKsojmv9HT55xzbEpnZoY+VUb+YXLMp+ihMLz/UlZfDg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.46.3':
-    resolution: {integrity: sha512-GLupljMniHNIROP0zE7nCcybptolcH8QZfXOpCfhQDAdwJ/ZTlcaBOYebSOZotpti/3HrHSw7D3PZm75gYFsOA==}
+  '@typescript-eslint/tsconfig-utils@8.47.0':
+    resolution: {integrity: sha512-ybUAvjy4ZCL11uryalkKxuT3w3sXJAuWhOoGS3T/Wu+iUu1tGJmk5ytSY8gbdACNARmcYEB0COksD2j6hfGK2g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.46.3':
-    resolution: {integrity: sha512-ZPCADbr+qfz3aiTTYNNkCbUt+cjNwI/5McyANNrFBpVxPt7GqpEYz5ZfdwuFyGUnJ9FdDXbGODUu6iRCI6XRXw==}
+  '@typescript-eslint/type-utils@8.47.0':
+    resolution: {integrity: sha512-QC9RiCmZ2HmIdCEvhd1aJELBlD93ErziOXXlHEZyuBo3tBiAZieya0HLIxp+DoDWlsQqDawyKuNEhORyku+P8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -5121,8 +4976,8 @@ packages:
     resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/types@8.46.3':
-    resolution: {integrity: sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA==}
+  '@typescript-eslint/types@8.47.0':
+    resolution: {integrity: sha512-nHAE6bMKsizhA2uuYZbEbmp5z2UpffNrPEqiKIeN7VsV6UY/roxanWfoRrf6x/k9+Obf+GQdkm0nPU+vnMXo9A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/typescript-estree@7.18.0':
@@ -5134,8 +4989,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@8.46.3':
-    resolution: {integrity: sha512-f/NvtRjOm80BtNM5OQtlaBdM5BRFUv7gf381j9wygDNL+qOYSNOgtQ/DCndiYi80iIOv76QqaTmp4fa9hwI0OA==}
+  '@typescript-eslint/typescript-estree@8.47.0':
+    resolution: {integrity: sha512-k6ti9UepJf5NpzCjH31hQNLHQWupTRPhZ+KFF8WtTuTpy7uHPfeg2NM7cP27aCGajoEplxJDFVCEm9TGPYyiVg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -5146,8 +5001,8 @@ packages:
     peerDependencies:
       eslint: ^8.56.0
 
-  '@typescript-eslint/utils@8.46.3':
-    resolution: {integrity: sha512-VXw7qmdkucEx9WkmR3ld/u6VhRyKeiF1uxWwCy/iuNfokjJ7VhsgLSOTjsol8BunSw190zABzpwdNsze2Kpo4g==}
+  '@typescript-eslint/utils@8.47.0':
+    resolution: {integrity: sha512-g7XrNf25iL4TJOiPqatNuaChyqt49a/onq5YsJ9+hXeugK+41LVg7AxikMfM02PC6jbNtZLCJj6AUcQXJS/jGQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -5157,8 +5012,8 @@ packages:
     resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/visitor-keys@8.46.3':
-    resolution: {integrity: sha512-uk574k8IU0rOF/AjniX8qbLSGURJVUCeM5e4MIMKBFFi8weeiLrG1fyQejyLXQpRZbU/1BuQasleV/RfHC3hHg==}
+  '@typescript-eslint/visitor-keys@8.47.0':
+    resolution: {integrity: sha512-SIV3/6eftCy1bNzCQoPmbWsRLujS8t5iDIZ4spZOBHqrM+yfX2ogg8Tt3PDTAVKw3sSCiUgg30uOAvK2r9zGjQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.3.0':
@@ -5399,19 +5254,19 @@ packages:
   '@vue/devtools-api@6.6.4':
     resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
-  '@vue/devtools-api@7.7.7':
-    resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==}
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
 
-  '@vue/devtools-core@7.7.7':
-    resolution: {integrity: sha512-9z9TLbfC+AjAi1PQyWX+OErjIaJmdFlbDHcD+cAMYKY6Bh5VlsAtCeGyRMrXwIlMEQPukvnWt3gZBLwTAIMKzQ==}
+  '@vue/devtools-core@7.7.9':
+    resolution: {integrity: sha512-48jrBSwG4GVQRvVeeXn9p9+dlx+ISgasM7SxZZKczseohB0cBz+ITKr4YbLWjmJdy45UHL7UMPlR4Y0CWTRcSQ==}
     peerDependencies:
       vue: ^3.5.17
 
-  '@vue/devtools-kit@7.7.7':
-    resolution: {integrity: sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==}
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
 
-  '@vue/devtools-shared@7.7.7':
-    resolution: {integrity: sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==}
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
 
   '@vue/language-core@2.2.0':
     resolution: {integrity: sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==}
@@ -5581,8 +5436,8 @@ packages:
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
 
-  '@vxe-ui/core@4.2.13':
-    resolution: {integrity: sha512-c+YJg3L8WuwftsTBnHw56knMERkKJSmB+GOqPENE+MBNKPvHTohEuSV5XcY7UAK25lXwkWNKZjEkbEzNZZS5ig==}
+  '@vxe-ui/core@4.2.14':
+    resolution: {integrity: sha512-ONu8vgW8+q0SFtAoUEPZibFjlx0nzAKTqTXD9pO2AmgYCIMtYIePFLnqiHIYaYfH/dCibVZ6KGWUc/wqxnbGDw==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -5590,13 +5445,13 @@ packages:
     resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
     engines: {node: '>=10.0.0'}
 
-  '@xyflow/svelte@1.4.1':
-    resolution: {integrity: sha512-CAegVmLMpX64G6JnhiU7ezoIOY7aX88cf1fSOV8FutKdZNMxcJBykhvaXunOBf7jjDs9X887RH8Jgdl1rMwXww==}
+  '@xyflow/svelte@1.4.2':
+    resolution: {integrity: sha512-E6mw8wt3NXS5imGJLWKrdOEOGHAkbFhsVwzb9MPG8ohkPjQ8lMeDM9o3fBSoDNp7xr16s7Q3AOVS2JzVyoY2og==}
     peerDependencies:
       svelte: ^5.25.0
 
-  '@xyflow/system@0.0.72':
-    resolution: {integrity: sha512-WBI5Aau0fXTXwxHPzceLNS6QdXggSWnGjDtj/gG669crApN8+SCmEtkBth1m7r6pStNo/5fI9McEi7Dk0ymCLA==}
+  '@xyflow/system@0.0.73':
+    resolution: {integrity: sha512-C2ymH2V4mYDkdVSiRx0D7R0s3dvfXiupVBcko6tXP5K4tVdSBMo22/e3V9yRNdn+2HQFv44RFKzwOyCcUUDAVQ==}
 
   JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
@@ -5664,8 +5519,8 @@ packages:
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
-  algoliasearch@5.43.0:
-    resolution: {integrity: sha512-hbkK41JsuGYhk+atBDxlcKxskjDCh3OOEDpdKZPtw+3zucBqhlojRG5e5KtCmByGyYvwZswVeaSWglgLn2fibg==}
+  algoliasearch@5.44.0:
+    resolution: {integrity: sha512-f8IpsbdQjzTjr/4mJ/jv5UplrtyMnnciGax6/B0OnLCs2/GJTK13O4Y7Ff1AvJVAaztanH+m5nzPoUq6EAy+aA==}
     engines: {node: '>= 14.0.0'}
 
   alien-signals@0.4.14:
@@ -5810,8 +5665,8 @@ packages:
   autolinker@3.16.2:
     resolution: {integrity: sha512-JiYl7j2Z19F9NdTmirENSUUIIL/9MytEWtmzhfmsKPCp9E+G35Y0UNCMoM9tFigxT59qSc8Ml2dlZXOCVTYwuA==}
 
-  autoprefixer@10.4.21:
-    resolution: {integrity: sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==}
+  autoprefixer@10.4.22:
+    resolution: {integrity: sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
@@ -5873,8 +5728,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.8.25:
-    resolution: {integrity: sha512-2NovHVesVF5TXefsGX1yzx1xgr7+m9JQenvz6FQY3qd+YXkKkYiv+vTCc7OriP9mcDZpTC5mAOYN4ocd29+erA==}
+  baseline-browser-mapping@2.8.29:
+    resolution: {integrity: sha512-sXdt2elaVnhpDNRDz+1BDx1JQoJRuNk7oVlAlbGiFkLikHCAQiccexF/9e91zVi6RCgqspl04aP+6Cnl9zRLrA==}
     hasBin: true
 
   benz-amr-recorder@1.1.5:
@@ -5938,8 +5793,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.27.0:
-    resolution: {integrity: sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw==}
+  browserslist@4.28.0:
+    resolution: {integrity: sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -5947,9 +5802,6 @@ packages:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
-  buffer-equal-constant-time@1.0.1:
-    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
-
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -5964,10 +5816,10 @@ packages:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
 
-  c12@3.3.1:
-    resolution: {integrity: sha512-LcWQ01LT9tkoUINHgpIOv3mMs+Abv7oVCrtpMRi1PaapVEpWoMga5WuT7/DqFTu7URP9ftbOmimNw1KNIGh9DQ==}
+  c12@3.3.2:
+    resolution: {integrity: sha512-QkikB2X5voO1okL3QsES0N690Sn/K9WokXqUsDQsWy5SnYb+psYQFGA10iy1bZHj3fjISKsI67Q90gruvWWM3A==}
     peerDependencies:
-      magicast: ^0.3.5
+      magicast: '*'
     peerDependenciesMeta:
       magicast:
         optional: true
@@ -5976,12 +5828,12 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
-  cacache@20.0.1:
-    resolution: {integrity: sha512-+7LYcYGBYoNqTp1Rv7Ny1YjUo5E0/ftkQtraH3vkfAGgVHc+ouWdC8okAwQgQR7EVIdW6JTzTmhKFwzb+4okAQ==}
+  cacache@20.0.2:
+    resolution: {integrity: sha512-rVWvqtWcgSzB22wImrVto+7PmE+lUqv5dYzRHD0QJsfpSwTkW+GIqA4ykSt/CCjQlQle8USn8CO8vcWNrIqktg==}
     engines: {node: ^20.17.0 || >=22.9.0}
 
-  cacheable@2.1.1:
-    resolution: {integrity: sha512-LmF4AXiSNdiRbI2UjH8pAp9NIXxeQsTotpEaegPiDcnN0YPygDJDV3l/Urc0mL72JWdATEorKqIHEx55nDlONg==}
+  cacheable@2.2.0:
+    resolution: {integrity: sha512-LEJxRqfeomiiRd2t0uON6hxAtgOoWDfY3fugebbz+J3vDLO+SkdfFChQcOHTZhj9SYa9iwE9MGYNX72dKiOE4w==}
 
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
@@ -6034,8 +5886,8 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001754:
-    resolution: {integrity: sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==}
+  caniuse-lite@1.0.30001755:
+    resolution: {integrity: sha512-44V+Jm6ctPj7R52Na4TLi3Zri4dWUljJd+RDm+j8LtNCc/ihLCT+X1TzoOAkRETEWqjuLnh9581Tl80FvK7jVA==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -6512,8 +6364,8 @@ packages:
   csstype@3.0.11:
     resolution: {integrity: sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==}
 
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   cz-git@1.12.0:
     resolution: {integrity: sha512-LaZ+8whPPUOo6Y0Zy4nIbf6JOleV3ejp41sT6N4RPKiKKA+ICWf4ueeIlxIO8b6JtdlDxRzHH/EcRji07nDxcg==}
@@ -6685,9 +6537,6 @@ packages:
     peerDependencies:
       date-fns: ^3.0.0 || ^4.0.0
 
-  date-fns@3.6.0:
-    resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
-
   date-fns@4.1.0:
     resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
@@ -6748,12 +6597,12 @@ packages:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
-  default-browser-id@5.0.0:
-    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
     engines: {node: '>=18'}
 
-  default-browser@5.2.1:
-    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
+  default-browser@5.4.0:
+    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
     engines: {node: '>=18'}
 
   default-passive-events@2.0.0:
@@ -6960,9 +6809,6 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  ecdsa-sig-formatter@1.0.11:
-    resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
-
   echarts@5.6.0:
     resolution: {integrity: sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==}
 
@@ -6979,11 +6825,11 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
-  electron-to-chromium@1.5.249:
-    resolution: {integrity: sha512-5vcfL3BBe++qZ5kuFhD/p8WOM1N9m3nwvJPULJx+4xf2usSlZFJ0qoNYO2fOX4hi3ocuDcmDobtA+5SFr4OmBg==}
+  electron-to-chromium@1.5.255:
+    resolution: {integrity: sha512-Z9oIp4HrFF/cZkDPMpz2XSuVpc1THDpT4dlmATFlJUIBVCy9Vap5/rIXsASP1CscBacBqhabwh8vLctqBwEerQ==}
 
-  element-plus@2.11.7:
-    resolution: {integrity: sha512-Bh47wuzsqaNBNDkbtlOlZER1cGcOB8GsXp/+C9b95MOrk0wvoHUV4NKKK7xMkfYNFYdYysQ752oMhnExgAL6+g==}
+  element-plus@2.11.8:
+    resolution: {integrity: sha512-2wzSj2uubFU1f0t/gHkkE1d09mUgV18fSZX5excw3Ar6hyWcxph4E57U8dgYLDt7HwkKYv1BiqPyBdy0WqWlOA==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -7080,8 +6926,8 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.41.0:
-    resolution: {integrity: sha512-bDd3oRmbVgqZCJS6WmeQieOrzpl3URcWBUVDXxOELlUW2FuW+0glPOz1n0KnRie+PdyvUZcXz2sOn00c6pPRIA==}
+  es-toolkit@1.42.0:
+    resolution: {integrity: sha512-SLHIyY7VfDJBM8clz4+T2oquwTQxEzu263AyhVK4jREOAwJ+8eebaa4wM3nlvnAqhDrMm2EsA6hWHaQsMPQ1nA==}
 
   esbuild@0.25.3:
     resolution: {integrity: sha512-qKA6Pvai73+M2FtftpNKRxJ78GIjmFXFxd/1DVBqGo/qNhLSfv+G12n9pNoWdytJC8U00TrViOwpjT0zgqQS8Q==}
@@ -7128,8 +6974,8 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  eslint-config-turbo@2.6.0:
-    resolution: {integrity: sha512-WdNSKL1vTl5IGyovn8w3xkaEKsK2n+l9Ybk+4oISptcom/vz9sO/9QcjEKuZSXG0zxrj9Oyx/UZA04hRxmOe+Q==}
+  eslint-config-turbo@2.6.1:
+    resolution: {integrity: sha512-iLTBigkgIANO89UFz/S4hGl0Ay+x/zO0lJVV9fo2F0r7n8USJxGtpyJ8QWPVBTubcanFRHbjk+e5mWatpvV0fw==}
     peerDependencies:
       eslint: '>6.6.0'
       turbo: '>2.0.0'
@@ -7232,8 +7078,8 @@ packages:
     peerDependencies:
       eslint: '>=8.44.0'
 
-  eslint-plugin-turbo@2.6.0:
-    resolution: {integrity: sha512-04TohZhq6YQVXBZVRvrn8ZTj1sUQYZmjUWsfwgFAlaM5Kbk5Fdh5mLBKfhGGzekB55E+Ut9qNzAGh+JW4rjiuA==}
+  eslint-plugin-turbo@2.6.1:
+    resolution: {integrity: sha512-nxwJD6ReZTxEmq/ZNJXI/Mfa3aXctTpQpJrQZESDC1bxjXXcz4i040P7wG6RsRRsQ+9eYB9D+KdCqERpwNZGzw==}
     peerDependencies:
       eslint: '>6.6.0'
       turbo: '>2.0.0'
@@ -7322,8 +7168,8 @@ packages:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
-  esrap@2.1.2:
-    resolution: {integrity: sha512-DgvlIQeowRNyvLPWW4PT7Gu13WznY288Du086E751mwwbsgr29ytBiYeLzAGIo0qk3Ujob0SDk8TiSaM5WQzNg==}
+  esrap@2.1.3:
+    resolution: {integrity: sha512-T/Dhhv/QH+yYmiaLz9SA3PW+YyenlnRKDNdtlYJrSOBmNsH4nvPux+mTwx7p+wAedlJrGoZtXNI0a0MjQ2QkVg==}
 
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
@@ -7383,8 +7229,8 @@ packages:
     resolution: {integrity: sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==}
     engines: {node: '>=12.0.0'}
 
-  exsolve@1.0.7:
-    resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
 
   extend-shallow@2.0.1:
     resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
@@ -7399,8 +7245,8 @@ packages:
   fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
 
-  fast-equals@5.3.2:
-    resolution: {integrity: sha512-6rxyATwPCkaFIL3JLqw8qXqMpIZ942pTX/tbQFkRsDGblS8tNGtlUauA/+mt6RUfqn/4MoEr+WDkYoIQbibWuQ==}
+  fast-equals@5.3.3:
+    resolution: {integrity: sha512-/boTcHZeIAQ2r/tL11voclBHDeP9WPxLt+tyAbVSyyXuUFyh0Tne7gJZTqGbxnvj79TjLdCXLOY7UIPhyG5MTw==}
     engines: {node: '>=6.0.0'}
 
   fast-fifo@1.3.2:
@@ -7509,8 +7355,8 @@ packages:
     resolution: {integrity: sha512-JrqFmyUl2PnPi1OvLyTVHnQvwQ0S+e6lGSwu8OkAZlSaNIZciTY2H/cOOROxsBA1m/LZNHDsqAgDZt6akWcjsQ==}
     engines: {node: '>=18'}
 
-  flat-cache@6.1.18:
-    resolution: {integrity: sha512-JUPnFgHMuAVmLmoH9/zoZ6RHOt5n9NlUw/sDXsTbROJ2SFoS2DS4s+swAV6UTeTbGH/CAsZIE6M8TaG/3jVxgQ==}
+  flat-cache@6.1.19:
+    resolution: {integrity: sha512-l/K33newPTZMTGAnnzaiqSl6NnH7Namh8jBNjrgjprWxGmZUuxx/sJNIRaijOh3n7q7ESbhNZC+pvVZMFdeU4A==}
 
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
@@ -7535,8 +7381,8 @@ packages:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
-  form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
   formdata-node@6.0.3:
@@ -7547,8 +7393,8 @@ packages:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
 
   framesync@6.1.2:
     resolution: {integrity: sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==}
@@ -7674,12 +7520,12 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
     hasBin: true
 
-  glob@11.0.3:
-    resolution: {integrity: sha512-2Nim7dha1KVkaiF4q6Dj+ngPPMdfvLJEOpZk/jKiUAkqKebpGAWQXAq9z1xu9HKu5lWfqw/FASuccEjyznjPaA==}
+  glob@11.1.0:
+    resolution: {integrity: sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==}
     engines: {node: 20 || >=22}
     hasBin: true
 
@@ -7806,6 +7652,10 @@ packages:
     resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
 
+  hashery@1.2.0:
+    resolution: {integrity: sha512-43XJKpwle72Ik5Zpam7MuzRWyNdwwdf6XHlh8wCj2PggvWf+v/Dm5B0dxGZOmddidgeO6Ofu9As/o231Ti/9PA==}
+    engines: {node: '>=20'}
+
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -7834,8 +7684,8 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
-  hookified@1.12.2:
-    resolution: {integrity: sha512-aokUX1VdTpI0DUsndvW+OiwmBpKCu/NgRsSSkuSY0zq8PY6Q6a+lmOfAFDXAAOtBqJELvcWY9L1EVtzjbQcMdg==}
+  hookified@1.13.0:
+    resolution: {integrity: sha512-6sPYUY8olshgM/1LDNW4QZQN0IqgKhtl/1C8koNZBJrKLBk3AZl6chQtNwpNztvfiApHMEwMHek5rv993PRbWw==}
 
   htm@3.1.1:
     resolution: {integrity: sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==}
@@ -8282,12 +8132,12 @@ packages:
   js-tokens@9.0.1:
     resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
 
-  js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+  js-yaml@3.14.2:
+    resolution: {integrity: sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==}
     hasBin: true
 
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
   jsdoc-type-pratt-parser@4.1.0:
@@ -8355,16 +8205,6 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  jsonwebtoken@9.0.2:
-    resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
-    engines: {node: '>=12', npm: '>=6'}
-
-  jwa@1.4.2:
-    resolution: {integrity: sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==}
-
-  jws@3.2.2:
-    resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
-
   katex@0.16.25:
     resolution: {integrity: sha512-woHRUZ/iF23GBP1dkDQMh1QBad9dmr8/PAwNA54VrSOVYgI12MAcE14TqnDdQOdzyEonGzMepYnqBMYdsoAr8Q==}
     hasBin: true
@@ -8375,8 +8215,8 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
-  keyv@5.5.3:
-    resolution: {integrity: sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==}
+  keyv@5.5.4:
+    resolution: {integrity: sha512-eohl3hKTiVyD1ilYdw9T0OiB4hnjef89e3dMYKz+mVKDzj+5IteTseASUsOB+EU9Tf6VNTCjDePcP6wkDGmLKQ==}
 
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
@@ -8390,8 +8230,8 @@ packages:
     resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
     engines: {node: '>= 8'}
 
-  knitwork@1.2.0:
-    resolution: {integrity: sha512-xYSH7AvuQ6nXkq42x0v5S8/Iry+cfulBz/DJQzhIyESdLD7425jXsPy4vn5cCXU+HhRN2kVw51Vd1K6/By4BQg==}
+  knitwork@1.3.0:
+    resolution: {integrity: sha512-4LqMNoONzR43B1W0ek0fhXMsDNW/zxa1NdFAVMY+k28pgZLovR4G3PB5MrpTxCy1QaZCqNoiaKPr5w5qZHfSNw==}
 
   known-css-properties@0.36.0:
     resolution: {integrity: sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==}
@@ -8550,31 +8390,16 @@ packages:
     resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
     deprecated: This package is deprecated. Use the optional chaining (?.) operator instead.
 
-  lodash.includes@4.3.0:
-    resolution: {integrity: sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==}
-
   lodash.isarguments@3.1.0:
     resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
 
-  lodash.isboolean@3.0.3:
-    resolution: {integrity: sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==}
-
   lodash.isequal@4.5.0:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
     deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
 
-  lodash.isinteger@4.0.4:
-    resolution: {integrity: sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==}
-
-  lodash.isnumber@3.0.3:
-    resolution: {integrity: sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==}
-
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
-  lodash.isstring@4.0.1:
-    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
-
   lodash.kebabcase@4.1.1:
     resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}
 
@@ -8587,9 +8412,6 @@ packages:
   lodash.mergewith@4.6.2:
     resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
 
-  lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
-
   lodash.set@4.3.2:
     resolution: {integrity: sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==}
 
@@ -8809,8 +8631,8 @@ packages:
   min-dash@4.2.3:
     resolution: {integrity: sha512-VLMYQI5+FcD9Ad24VcB08uA83B07OhueAlZ88jBK6PyupTvEJwllTMUqMy0wPGYs7pZUEtEEMWdHB63m3LtEcg==}
 
-  min-document@2.19.1:
-    resolution: {integrity: sha512-8lqe85PkqQJzIcs2iD7xW/WSxcncC3/DPVbTOafKNJDIMXwGfwXS350mH4SJslomntN2iYtFBuC0yNO3CEap6g==}
+  min-document@2.19.2:
+    resolution: {integrity: sha512-8S5I8db/uZN8r9HSLFVWPdJCvYOejMcEC82VIzNUc6Zkklf/d1gg2psfE79/vyhWOj4+J8MtwmoOz3TmvaGu5A==}
 
   min-dom@4.2.1:
     resolution: {integrity: sha512-TMoL8SEEIhUWYgkj7XMSgxmwSyGI+4fP2KFFGnN3FbHfbGHVdsLYSz8LoIsgPhz4dWRmLvxWWSMgzZMJW5sZuA==}
@@ -8938,8 +8760,8 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  naive-ui@2.43.1:
-    resolution: {integrity: sha512-w52W0mOhdOGt4uucFSZmP0DI44PCsFyuxeLSs9aoUThfIuxms90MYjv46Qrr7xprjyJRw5RU6vYpCx4o9ind3A==}
+  naive-ui@2.43.2:
+    resolution: {integrity: sha512-YlLMnGrwGTOc+zMj90sG3ubaH5/7czsgLgGcjTLA981IUaz8r6t4WIujNt8r9PNr+dqv6XNEr0vxkARgPPjfBQ==}
     peerDependencies:
       vue: ^3.5.17
 
@@ -9182,8 +9004,8 @@ packages:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
     engines: {node: '>=6'}
 
-  p-map@7.0.3:
-    resolution: {integrity: sha512-VkndIv2fIB99swvQoA65bm+fsmt6UNdGeIB0oxBs+WhAhdh08QA04JXpI7rbB9r08/nkbysKoya9rtDERYOYMA==}
+  p-map@7.0.4:
+    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
     engines: {node: '>=18'}
 
   p-try@2.2.0:
@@ -9976,8 +9798,8 @@ packages:
     resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
     engines: {node: '>=12.20'}
 
-  qified@0.5.1:
-    resolution: {integrity: sha512-+BtFN3dCP+IaFA6IYNOu/f/uK1B8xD2QWyOeCse0rjtAebBmkzgd2d1OAXi3ikAzJMIBSdzZDNZ3wZKEUDQs5w==}
+  qified@0.5.2:
+    resolution: {integrity: sha512-7gJ6mxcQb9vUBOtbKm5mDevbe2uRcOEVp1g4gb/Q+oLntB3HY8eBhOYRxFI2mlDFlY1e4DOSCptzxarXRvzxCA==}
     engines: {node: '>=20'}
 
   qrcode@1.5.4:
@@ -10128,9 +9950,6 @@ packages:
     engines: {node: '>= 6.0.0'}
     hasBin: true
 
-  remove-accents@0.5.0:
-    resolution: {integrity: sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==}
-
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -10229,8 +10048,8 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  rollup@4.53.1:
-    resolution: {integrity: sha512-n2I0V0lN3E9cxxMqBCT3opWOiQBzRN7UG60z/WDKqdX2zHUS/39lezBcsckZFsV6fUTSnfqI7kHf60jDAPGKug==}
+  rollup@4.53.2:
+    resolution: {integrity: sha512-MHngMYwGJVi6Fmnk6ISmnk7JAHRNF0UkuucA0CUW3N3a4KnONPEZz+vUanQP/ZC/iY1Qkf3bwPWzyY84wEks1g==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -10279,8 +10098,8 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass@1.93.3:
-    resolution: {integrity: sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==}
+  sass@1.94.1:
+    resolution: {integrity: sha512-/YVm5FRQaRlr3oNh2LLFYne1PdPlRZGyKnHh1sLleOqLcohTR4eUUvBjBIqkl1fEXd1MGOHgzJGJh+LgTtV4KQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -10414,8 +10233,8 @@ packages:
   signature_pad@3.0.0-beta.4:
     resolution: {integrity: sha512-cOf2NhVuTiuNqe2X/ycEmizvCDXk0DoemhsEpnkcGnA4kS5iJYTCqZ9As7tFBbsch45Q1EdX61833+6sjJ8rrw==}
 
-  signature_pad@5.1.1:
-    resolution: {integrity: sha512-BT5JJygS5BS0oV+tffPRorIud6q17bM7v/1LdQwd0o6mTqGoI25yY1NjSL99OqkekWltS4uon6p52Y8j1Zqu7g==}
+  signature_pad@5.1.2:
+    resolution: {integrity: sha512-zYmjddQDolKgJnzYRoaMYaGezKaZbwjNBBwk1W7uVY0cyNWW30Izeu9BNVAGEgXvqB6APDJmf783oWTU7W67LQ==}
 
   sirv@3.0.2:
     resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
@@ -10503,9 +10322,9 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  ssri@12.0.0:
-    resolution: {integrity: sha512-S7iGNosepx9RadX82oimUkvr0Ct7IjJbEbs4mJcTxst8um95J3sDYU1RBEOvdu6oL1Wek2ODI5i4MAw+dZ6cAQ==}
-    engines: {node: ^18.17.0 || >=20.5.0}
+  ssri@13.0.0:
+    resolution: {integrity: sha512-yizwGBpbCn4YomB2lzhZqrHLJoqFGXihNbib3ozhqF/cIp5ue+xSmOQrjNasEE62hFxsCcg/V/z23t4n8jMEng==}
+    engines: {node: ^20.17.0 || >=22.9.0}
 
   stable-hash-x@0.2.0:
     resolution: {integrity: sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ==}
@@ -10767,8 +10586,8 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svelte@5.43.5:
-    resolution: {integrity: sha512-HQoZArIewxQVNedseDsgMgnRSC4XOXczxXLF9rOJaPIJkg58INOPUiL8aEtzqZIXNSZJyw8NmqObwg/voajiHQ==}
+  svelte@5.43.10:
+    resolution: {integrity: sha512-7mkxF1xU+9VRowZA+6fY6qy2kVnS2U3gDtHV2V+aoqZaIagiXXuUR0WHzblw/GwQVXnTNXSvfh2/s5dNNv4AQw==}
     engines: {node: '>=18'}
 
   sver@1.8.4:
@@ -10830,8 +10649,8 @@ packages:
     peerDependencies:
       vue: ^3.5.17
 
-  tdesign-vue-next@1.17.2:
-    resolution: {integrity: sha512-nTofPSKGQguOS+Lb62fDiLS1Rs3Ngzb8rE8sPEjfMdDjdFZ5kEUgvVp+J+8GKfgwVRAZRjv//qSzZVt6cqgXxA==}
+  tdesign-vue-next@1.17.3:
+    resolution: {integrity: sha512-4x1E5qfcE+rROjfozJz0g3Prc2tSCmoXtZ/Q7BG4rW37FqDborcPd+G9wE3E8Rht2z84/kuzK/SZur0tMjIshQ==}
     engines: {node: '>= 18'}
     peerDependencies:
       vue: ^3.5.17
@@ -10971,38 +10790,38 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  turbo-darwin-64@2.6.0:
-    resolution: {integrity: sha512-6vHnLAubHj8Ib45Knu+oY0ZVCLO7WcibzAvt5b1E72YHqAs4y8meMAGMZM0jLqWPh/9maHDc16/qBCMxtW4pXg==}
+  turbo-darwin-64@2.6.1:
+    resolution: {integrity: sha512-Dm0HwhyZF4J0uLqkhUyCVJvKM9Rw7M03v3J9A7drHDQW0qAbIGBrUijQ8g4Q9Cciw/BXRRd8Uzkc3oue+qn+ZQ==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.6.0:
-    resolution: {integrity: sha512-IU+gWMEXNBw8H0pxvE7nPEa5p6yahxbN8g/Q4Bf0AHymsAFqsScgV0peeNbWybdmY9jk1LPbALOsF2kY1I7ZiQ==}
+  turbo-darwin-arm64@2.6.1:
+    resolution: {integrity: sha512-U0PIPTPyxdLsrC3jN7jaJUwgzX5sVUBsKLO7+6AL+OASaa1NbT1pPdiZoTkblBAALLP76FM0LlnsVQOnmjYhyw==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.6.0:
-    resolution: {integrity: sha512-CKoiJ2ZFJLCDsWdRlZg+ew1BkGn8iCEGdePhISVpjsGwkJwSVhVu49z2zKdBeL1IhcSKS2YALwp9ellNZANJxw==}
+  turbo-linux-64@2.6.1:
+    resolution: {integrity: sha512-eM1uLWgzv89bxlK29qwQEr9xYWBhmO/EGiH22UGfq+uXr+QW1OvNKKMogSN65Ry8lElMH4LZh0aX2DEc7eC0Mw==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.6.0:
-    resolution: {integrity: sha512-WroVCdCvJbrhNxNdw7XB7wHAfPPJPV+IXY+ZKNed+9VdfBu/2mQNfKnvqTuFTH7n+Pdpv8to9qwhXRTJe26upg==}
+  turbo-linux-arm64@2.6.1:
+    resolution: {integrity: sha512-MFFh7AxAQAycXKuZDrbeutfWM5Ep0CEZ9u7zs4Hn2FvOViTCzIfEhmuJou3/a5+q5VX1zTxQrKGy+4Lf5cdpsA==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@2.6.0:
-    resolution: {integrity: sha512-7pZo5aGQPR+A7RMtWCZHusarJ6y15LQ+o3jOmpMxTic/W6Bad+jSeqo07TWNIseIWjCVzrSv27+0odiYRYtQdA==}
+  turbo-windows-64@2.6.1:
+    resolution: {integrity: sha512-buq7/VAN7KOjMYi4tSZT5m+jpqyhbRU2EUTTvp6V0Ii8dAkY2tAAjQN1q5q2ByflYWKecbQNTqxmVploE0LVwQ==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.6.0:
-    resolution: {integrity: sha512-1Ty+NwIksQY7AtFUCPrTpcKQE7zmd/f7aRjdT+qkqGFQjIjFYctEtN7qo4vpQPBgCfS1U3ka83A2u/9CfJQ3wQ==}
+  turbo-windows-arm64@2.6.1:
+    resolution: {integrity: sha512-7w+AD5vJp3R+FB0YOj1YJcNcOOvBior7bcHTodqp90S3x3bLgpr7tE6xOea1e8JkP7GK6ciKVUpQvV7psiwU5Q==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.6.0:
-    resolution: {integrity: sha512-kC5VJqOXo50k0/0jnJDDjibLAXalqT9j7PQ56so0pN+81VR4Fwb2QgIE9dTzT3phqOTQuEXkPh3sCpnv5Isz2g==}
+  turbo@2.6.1:
+    resolution: {integrity: sha512-qBwXXuDT3rA53kbNafGbT5r++BrhRgx3sAo0cHoDAeG9g1ItTmUMgltz3Hy7Hazy1ODqNpR+C7QwqL6DYB52yA==}
     hasBin: true
 
   type-check@0.4.0:
@@ -11270,8 +11089,8 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  validator@13.15.22:
-    resolution: {integrity: sha512-uT/YQjiyLJP7HSrv/dPZqK9L28xf8hsNca01HSz1dfmI0DgMfjopp1rO/z13NeGF1tVystF0Ejx3y4rUKPw+bQ==}
+  validator@13.15.23:
+    resolution: {integrity: sha512-4yoz1kEWqUjzi5zsPbAS/903QXSYp0UOtHsPpp7p9rHAw/W+dkInskAE386Fat3oKRROwO98d9ZB0G4cObgUyw==}
     engines: {node: '>= 0.10'}
 
   vdirs@0.1.8:
@@ -11353,8 +11172,8 @@ packages:
       '@vite-pwa/assets-generator':
         optional: true
 
-  vite-plugin-vue-devtools@7.7.7:
-    resolution: {integrity: sha512-d0fIh3wRcgSlr4Vz7bAk4va1MkdqhQgj9ANE/rBhsAjOnRfTLs2ocjFMvSUOsv6SRRXU9G+VM7yMgqDb6yI4iQ==}
+  vite-plugin-vue-devtools@7.7.9:
+    resolution: {integrity: sha512-08DvePf663SxqLFJeMVNW537zzVyakp9KIrI2K7lwgaTqA5R/ydN/N2K8dgZO34tg/Qmw0ch84fOKoBtCEdcGg==}
     engines: {node: '>=v14.21.3'}
     peerDependencies:
       vite: ^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
@@ -11578,11 +11397,11 @@ packages:
     peerDependencies:
       vue: ^3.5.17
 
-  vxe-pc-ui@4.10.18:
-    resolution: {integrity: sha512-YNlD9vs5AfEbtne2adCUDT5qt+7gN9FvczjamYpPm+2G8pi2Vs7T7VlxMhXh6jzFIymzFn6UfV3oszgpG8cS0A==}
+  vxe-pc-ui@4.10.27:
+    resolution: {integrity: sha512-Y9o4oAfJuoX1lqYixqiuiTcjGCTqU5Rww+W78CbrJN5TglPJdR0gW7Hq5quR7baCBT3P8JaiFbxtG2gfb9ZcSw==}
 
-  vxe-table@4.17.12:
-    resolution: {integrity: sha512-gutC0uNC0Et2kelZH7Cn/808m+DUm7Cef9fNTRBy+oZkieqqoBkXajf2pBTnVry+72nsXfSyg9dUMKYm6hqPcg==}
+  vxe-table@4.17.16:
+    resolution: {integrity: sha512-h5Kk2a0hqCzGNr5XePrtBnEeRud/1qILddLzB5ub2dBoCMMWLVuvjinRpA4czdP8PfUGBUA0pb54QvNqAoXaGQ==}
 
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
@@ -11820,8 +11639,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.2.1:
-    resolution: {integrity: sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==}
+  yocto-queue@1.2.2:
+    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
     engines: {node: '>=12.20'}
 
   yoctocolors@2.1.2:
@@ -11865,117 +11684,117 @@ packages:
 
 snapshots:
 
-  '@algolia/abtesting@1.9.0':
+  '@algolia/abtesting@1.10.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)(search-insights@2.17.3)':
+  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)':
     dependencies:
-      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)(search-insights@2.17.3)
-      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)
+      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
       - search-insights
 
-  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)(search-insights@2.17.3)':
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)':
     dependencies:
-      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
       search-insights: 2.17.3
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
 
-  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)':
+  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)':
     dependencies:
-      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)
-      '@algolia/client-search': 5.43.0
-      algoliasearch: 5.43.0
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
+      '@algolia/client-search': 5.44.0
+      algoliasearch: 5.44.0
 
-  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)':
+  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)':
     dependencies:
-      '@algolia/client-search': 5.43.0
-      algoliasearch: 5.43.0
+      '@algolia/client-search': 5.44.0
+      algoliasearch: 5.44.0
 
-  '@algolia/client-abtesting@5.43.0':
+  '@algolia/client-abtesting@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-analytics@5.43.0':
+  '@algolia/client-analytics@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-common@5.43.0': {}
+  '@algolia/client-common@5.44.0': {}
 
-  '@algolia/client-insights@5.43.0':
+  '@algolia/client-insights@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-personalization@5.43.0':
+  '@algolia/client-personalization@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-query-suggestions@5.43.0':
+  '@algolia/client-query-suggestions@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-search@5.43.0':
+  '@algolia/client-search@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/ingestion@1.43.0':
+  '@algolia/ingestion@1.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/monitoring@1.43.0':
+  '@algolia/monitoring@1.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/recommend@5.43.0':
+  '@algolia/recommend@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/requester-browser-xhr@5.43.0':
+  '@algolia/requester-browser-xhr@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
+      '@algolia/client-common': 5.44.0
 
-  '@algolia/requester-fetch@5.43.0':
+  '@algolia/requester-fetch@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
+      '@algolia/client-common': 5.44.0
 
-  '@algolia/requester-node-http@5.43.0':
+  '@algolia/requester-node-http@5.44.0':
     dependencies:
-      '@algolia/client-common': 5.43.0
+      '@algolia/client-common': 5.44.0
 
   '@alloc/quick-lru@5.2.0': {}
 
@@ -12090,7 +11909,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.28.5
       '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -12758,7 +12577,7 @@ snapshots:
   '@bpmn-io/cm-theme@0.1.0-alpha.2':
     dependencies:
       '@codemirror/language': 6.11.3
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/highlight': 1.2.3
 
   '@bpmn-io/diagram-js-ui@0.2.3':
@@ -12770,7 +12589,7 @@ snapshots:
     dependencies:
       min-dash: 4.2.3
 
-  '@bpmn-io/feel-editor@1.12.0':
+  '@bpmn-io/feel-editor@1.12.1':
     dependencies:
       '@bpmn-io/feel-lint': 2.1.0
       '@bpmn-io/lang-feel': 2.4.0
@@ -12780,7 +12599,7 @@ snapshots:
       '@codemirror/language': 6.11.3
       '@codemirror/lint': 6.9.2
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/highlight': 1.2.3
       min-dom: 4.2.1
 
@@ -12809,29 +12628,26 @@ snapshots:
 
   '@bpmn-io/properties-panel@3.33.2':
     dependencies:
-      '@bpmn-io/feel-editor': 1.12.0
+      '@bpmn-io/feel-editor': 1.12.1
       '@carbon/icons': 11.70.0
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       classnames: 2.5.1
       feelers: 1.4.0
       focus-trap: 7.6.6
       min-dash: 4.2.3
       min-dom: 4.2.1
 
-  '@cacheable/memoize@2.0.3':
+  '@cacheable/memory@2.0.5':
     dependencies:
-      '@cacheable/utils': 2.2.0
+      '@cacheable/utils': 2.3.1
+      '@keyv/bigmap': 1.2.0(keyv@5.5.4)
+      hookified: 1.13.0
+      keyv: 5.5.4
 
-  '@cacheable/memory@2.0.4':
+  '@cacheable/utils@2.3.1':
     dependencies:
-      '@cacheable/utils': 2.2.0
-      '@keyv/bigmap': 1.1.0(keyv@5.5.3)
-      hookified: 1.12.2
-      keyv: 5.5.3
-
-  '@cacheable/utils@2.2.0':
-    dependencies:
-      keyv: 5.5.3
+      hashery: 1.2.0
+      keyv: 5.5.4
 
   '@camunda/feel-builtins@0.2.0': {}
 
@@ -12876,7 +12692,7 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@changesets/cli@2.29.7(@types/node@24.10.0)':
+  '@changesets/cli@2.29.7(@types/node@24.10.1)':
     dependencies:
       '@changesets/apply-release-plan': 7.0.13
       '@changesets/assemble-release-plan': 6.0.9
@@ -12892,7 +12708,7 @@ snapshots:
       '@changesets/should-skip-package': 0.1.2
       '@changesets/types': 6.1.0
       '@changesets/write': 0.4.0
-      '@inquirer/external-editor': 1.0.3(@types/node@24.10.0)
+      '@inquirer/external-editor': 1.0.3(@types/node@24.10.1)
       '@manypkg/get-packages': 1.1.3
       ansi-colors: 4.1.3
       ci-info: 3.9.0
@@ -12963,7 +12779,7 @@ snapshots:
   '@changesets/parse@0.4.1':
     dependencies:
       '@changesets/types': 6.1.0
-      js-yaml: 3.14.1
+      js-yaml: 3.14.2
 
   '@changesets/pre@2.0.2':
     dependencies:
@@ -13017,20 +12833,20 @@ snapshots:
     dependencies:
       '@codemirror/language': 6.11.3
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/common': 1.3.0
 
   '@codemirror/commands@6.10.0':
     dependencies:
       '@codemirror/language': 6.11.3
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/common': 1.3.0
 
   '@codemirror/language@6.11.3':
     dependencies:
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/common': 1.3.0
       '@lezer/highlight': 1.2.3
       '@lezer/lr': 1.4.3
@@ -13039,25 +12855,25 @@ snapshots:
   '@codemirror/lint@6.9.2':
     dependencies:
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       crelt: 1.0.6
 
   '@codemirror/state@6.5.2':
     dependencies:
       '@marijn/find-cluster-break': 1.0.2
 
-  '@codemirror/view@6.38.6':
+  '@codemirror/view@6.38.8':
     dependencies:
       '@codemirror/state': 6.5.2
       crelt: 1.0.6
       style-mod: 4.1.3
       w3c-keyname: 2.2.8
 
-  '@commitlint/cli@19.8.1(@types/node@24.10.0)(typescript@5.9.3)':
+  '@commitlint/cli@19.8.1(@types/node@24.10.1)(typescript@5.9.3)':
     dependencies:
       '@commitlint/format': 19.8.1
       '@commitlint/lint': 19.8.1
-      '@commitlint/load': 19.8.1(@types/node@24.10.0)(typescript@5.9.3)
+      '@commitlint/load': 19.8.1(@types/node@24.10.1)(typescript@5.9.3)
       '@commitlint/read': 19.8.1
       '@commitlint/types': 19.8.1
       tinyexec: 1.0.2
@@ -13104,7 +12920,7 @@ snapshots:
       '@commitlint/rules': 19.8.1
       '@commitlint/types': 19.8.1
 
-  '@commitlint/load@19.8.1(@types/node@24.10.0)(typescript@5.9.3)':
+  '@commitlint/load@19.8.1(@types/node@24.10.1)(typescript@5.9.3)':
     dependencies:
       '@commitlint/config-validator': 19.8.1
       '@commitlint/execute-rule': 19.8.1
@@ -13112,7 +12928,7 @@ snapshots:
       '@commitlint/types': 19.8.1
       chalk: 5.6.2
       cosmiconfig: 9.0.0(typescript@5.9.3)
-      cosmiconfig-typescript-loader: 6.2.0(@types/node@24.10.0)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3)
+      cosmiconfig-typescript-loader: 6.2.0(@types/node@24.10.1)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
@@ -13167,7 +12983,7 @@ snapshots:
     dependencies:
       '@cspell/dict-ada': 4.1.1
       '@cspell/dict-al': 1.1.1
-      '@cspell/dict-aws': 4.0.15
+      '@cspell/dict-aws': 4.0.16
       '@cspell/dict-bash': 4.2.2
       '@cspell/dict-companies': 3.2.7
       '@cspell/dict-cpp': 6.0.14
@@ -13206,7 +13022,7 @@ snapshots:
       '@cspell/dict-markdown': 2.0.12(@cspell/dict-css@4.0.18)(@cspell/dict-html-symbol-entities@4.0.4)(@cspell/dict-html@4.0.12)(@cspell/dict-typescript@3.2.3)
       '@cspell/dict-monkeyc': 1.0.11
       '@cspell/dict-node': 5.0.8
-      '@cspell/dict-npm': 5.2.20
+      '@cspell/dict-npm': 5.2.22
       '@cspell/dict-php': 4.1.0
       '@cspell/dict-powershell': 5.0.15
       '@cspell/dict-public-licenses': 2.0.15
@@ -13216,7 +13032,7 @@ snapshots:
       '@cspell/dict-rust': 4.0.12
       '@cspell/dict-scala': 5.0.8
       '@cspell/dict-shell': 1.1.2
-      '@cspell/dict-software-terms': 5.1.11
+      '@cspell/dict-software-terms': 5.1.13
       '@cspell/dict-sql': 2.2.1
       '@cspell/dict-svelte': 1.0.7
       '@cspell/dict-swift': 2.0.6
@@ -13242,7 +13058,7 @@ snapshots:
 
   '@cspell/dict-al@1.1.1': {}
 
-  '@cspell/dict-aws@4.0.15': {}
+  '@cspell/dict-aws@4.0.16': {}
 
   '@cspell/dict-bash@4.2.2':
     dependencies:
@@ -13327,7 +13143,7 @@ snapshots:
 
   '@cspell/dict-node@5.0.8': {}
 
-  '@cspell/dict-npm@5.2.20': {}
+  '@cspell/dict-npm@5.2.22': {}
 
   '@cspell/dict-php@4.1.0': {}
 
@@ -13349,7 +13165,7 @@ snapshots:
 
   '@cspell/dict-shell@1.1.2': {}
 
-  '@cspell/dict-software-terms@5.1.11': {}
+  '@cspell/dict-software-terms@5.1.13': {}
 
   '@cspell/dict-sql@2.2.1': {}
 
@@ -13679,9 +13495,9 @@ snapshots:
 
   '@docsearch/css@3.8.2': {}
 
-  '@docsearch/js@3.8.2(@algolia/client-search@5.43.0)(search-insights@2.17.3)':
+  '@docsearch/js@3.8.2(@algolia/client-search@5.44.0)(search-insights@2.17.3)':
     dependencies:
-      '@docsearch/react': 3.8.2(@algolia/client-search@5.43.0)(search-insights@2.17.3)
+      '@docsearch/react': 3.8.2(@algolia/client-search@5.44.0)(search-insights@2.17.3)
       preact: 10.27.2
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -13690,12 +13506,12 @@ snapshots:
       - react-dom
       - search-insights
 
-  '@docsearch/react@3.8.2(@algolia/client-search@5.43.0)(search-insights@2.17.3)':
+  '@docsearch/react@3.8.2(@algolia/client-search@5.44.0)(search-insights@2.17.3)':
     dependencies:
-      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)(search-insights@2.17.3)
-      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.43.0)(algoliasearch@5.43.0)
+      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
       '@docsearch/css': 3.8.2
-      algoliasearch: 5.43.0
+      algoliasearch: 5.44.0
     optionalDependencies:
       search-insights: 2.17.3
     transitivePeerDependencies:
@@ -13707,13 +13523,13 @@ snapshots:
     dependencies:
       vue: 3.5.24(typescript@5.9.3)
 
-  '@emnapi/core@1.7.0':
+  '@emnapi/core@1.7.1':
     dependencies:
       '@emnapi/wasi-threads': 1.1.0
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.7.0':
+  '@emnapi/runtime@1.7.1':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -13732,7 +13548,7 @@ snapshots:
   '@es-joy/jsdoccomment@0.50.2':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/types': 8.47.0
       comment-parser: 1.4.1
       esquery: 1.6.0
       jsdoc-type-pratt-parser: 4.1.0
@@ -13847,7 +13663,7 @@ snapshots:
       globals: 14.0.0
       ignore: 5.3.2
       import-fresh: 3.3.1
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       minimatch: 3.1.2
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
@@ -13867,8 +13683,6 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
-  '@faker-js/faker@9.9.0': {}
-
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
@@ -13889,25 +13703,25 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@form-create/ant-design-vue@3.2.32(vue@3.5.24(typescript@5.9.3))':
+  '@form-create/ant-design-vue@3.2.33(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@form-create/component-antdv-frame': 3.2.31
       '@form-create/component-antdv-group': 3.2.31
       '@form-create/component-antdv-upload': 3.2.31
       '@form-create/component-subform': 3.1.34
-      '@form-create/core': 3.2.32(vue@3.5.24(typescript@5.9.3))
+      '@form-create/core': 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@form-create/utils': 3.2.31
       vue: 3.5.24(typescript@5.9.3)
 
   '@form-create/antd-designer@3.3.2(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@form-create/ant-design-vue': 3.2.32(vue@3.5.24(typescript@5.9.3))
+      '@form-create/ant-design-vue': 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@form-create/component-wangeditor': 3.2.14
       '@form-create/utils': 3.2.31
       ant-design-vue: 4.2.6(vue@3.5.24(typescript@5.9.3))
       codemirror: 6.65.7
       js-beautify: 1.15.4
-      signature_pad: 5.1.1
+      signature_pad: 5.1.2
       vue: 3.5.24(typescript@5.9.3)
       vuedraggable: 4.1.0(vue@3.5.24(typescript@5.9.3))
 
@@ -13957,7 +13771,7 @@ snapshots:
     dependencies:
       wangeditor: 4.7.15
 
-  '@form-create/core@3.2.32(vue@3.5.24(typescript@5.9.3))':
+  '@form-create/core@3.2.33(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@form-create/utils': 3.2.31
       vue: 3.5.24(typescript@5.9.3)
@@ -13965,18 +13779,18 @@ snapshots:
   '@form-create/designer@3.3.1(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@form-create/component-wangeditor': 3.2.14
-      '@form-create/element-ui': 3.2.32(vue@3.5.24(typescript@5.9.3))
+      '@form-create/element-ui': 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@form-create/utils': 3.2.31
       codemirror: 6.65.7
-      element-plus: 2.11.7(vue@3.5.24(typescript@5.9.3))
+      element-plus: 2.11.8(vue@3.5.24(typescript@5.9.3))
       js-beautify: 1.15.4
-      signature_pad: 5.1.1
+      signature_pad: 5.1.2
       vue: 3.5.24(typescript@5.9.3)
       vuedraggable: 4.1.0(vue@3.5.24(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
 
-  '@form-create/element-ui@3.2.32(vue@3.5.24(typescript@5.9.3))':
+  '@form-create/element-ui@3.2.33(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@form-create/component-elm-checkbox': 3.2.31
       '@form-create/component-elm-frame': 3.2.31
@@ -13986,7 +13800,7 @@ snapshots:
       '@form-create/component-elm-tree': 3.2.31
       '@form-create/component-elm-upload': 3.2.31
       '@form-create/component-subform': 3.1.34
-      '@form-create/core': 3.2.32(vue@3.5.24(typescript@5.9.3))
+      '@form-create/core': 3.2.33(vue@3.5.24(typescript@5.9.3))
       '@form-create/utils': 3.2.31
       vue: 3.5.24(typescript@5.9.3)
 
@@ -14013,19 +13827,19 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/octicon@1.2.18':
+  '@iconify-json/octicon@1.2.19':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/simple-icons@1.2.58':
+  '@iconify-json/simple-icons@1.2.59':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/vscode-icons@1.2.33':
+  '@iconify-json/vscode-icons@1.2.35':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify/json@2.2.405':
+  '@iconify/json@2.2.408':
     dependencies:
       '@iconify/types': 2.0.0
       pathe: 2.0.3
@@ -14054,12 +13868,12 @@ snapshots:
       '@iconify/types': 2.0.0
       vue: 3.5.24(typescript@5.9.3)
 
-  '@inquirer/external-editor@1.0.3(@types/node@24.10.0)':
+  '@inquirer/external-editor@1.0.3(@types/node@24.10.1)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.0
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
   '@internationalized/date@3.10.0':
     dependencies:
@@ -14095,18 +13909,18 @@ snapshots:
 
   '@intlify/shared@11.1.12': {}
 
-  '@intlify/unplugin-vue-i18n@6.0.8(@vue/compiler-dom@3.5.24)(eslint@9.39.1(jiti@2.6.1))(rollup@4.53.1)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))':
+  '@intlify/unplugin-vue-i18n@6.0.8(@vue/compiler-dom@3.5.24)(eslint@9.39.1(jiti@2.6.1))(rollup@4.53.2)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@2.6.1))
       '@intlify/bundle-utils': 10.0.1(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))
       '@intlify/shared': 11.1.12
       '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.24)(vue-i18n@11.1.12(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
-      '@typescript-eslint/scope-manager': 8.46.3
-      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
+      '@typescript-eslint/scope-manager': 8.47.0
+      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
       debug: 4.4.3
       fast-glob: 3.3.3
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       json5: 2.2.3
       pathe: 1.1.2
       picocolors: 1.1.1
@@ -14197,10 +14011,11 @@ snapshots:
 
   '@juggle/resize-observer@3.4.0': {}
 
-  '@keyv/bigmap@1.1.0(keyv@5.5.3)':
+  '@keyv/bigmap@1.2.0(keyv@5.5.4)':
     dependencies:
-      hookified: 1.12.2
-      keyv: 5.5.3
+      hashery: 1.2.0
+      hookified: 1.13.0
+      keyv: 5.5.4
 
   '@keyv/serialize@1.1.1': {}
 
@@ -14247,7 +14062,7 @@ snapshots:
   '@manypkg/tools@2.1.0':
     dependencies:
       jju: 1.4.0
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       tinyglobby: 0.2.15
 
   '@mapbox/node-pre-gyp@2.0.0':
@@ -14265,23 +14080,23 @@ snapshots:
 
   '@marijn/find-cluster-break@1.0.2': {}
 
-  '@microsoft/api-extractor-model@7.31.3(@types/node@24.10.0)':
+  '@microsoft/api-extractor-model@7.32.0(@types/node@24.10.1)':
     dependencies:
-      '@microsoft/tsdoc': 0.15.1
-      '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.0)
+      '@microsoft/tsdoc': 0.16.0
+      '@microsoft/tsdoc-config': 0.18.0
+      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.1)
     transitivePeerDependencies:
       - '@types/node'
 
-  '@microsoft/api-extractor@7.54.0(@types/node@24.10.0)':
+  '@microsoft/api-extractor@7.55.0(@types/node@24.10.1)':
     dependencies:
-      '@microsoft/api-extractor-model': 7.31.3(@types/node@24.10.0)
-      '@microsoft/tsdoc': 0.15.1
-      '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.0)
+      '@microsoft/api-extractor-model': 7.32.0(@types/node@24.10.1)
+      '@microsoft/tsdoc': 0.16.0
+      '@microsoft/tsdoc-config': 0.18.0
+      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.1)
       '@rushstack/rig-package': 0.6.0
-      '@rushstack/terminal': 0.19.3(@types/node@24.10.0)
-      '@rushstack/ts-command-line': 5.1.3(@types/node@24.10.0)
+      '@rushstack/terminal': 0.19.3(@types/node@24.10.1)
+      '@rushstack/ts-command-line': 5.1.3(@types/node@24.10.1)
       diff: 8.0.2
       lodash: 4.17.21
       minimatch: 10.0.3
@@ -14294,19 +14109,19 @@ snapshots:
 
   '@microsoft/fetch-event-source@2.0.1': {}
 
-  '@microsoft/tsdoc-config@0.17.1':
+  '@microsoft/tsdoc-config@0.18.0':
     dependencies:
-      '@microsoft/tsdoc': 0.15.1
+      '@microsoft/tsdoc': 0.16.0
       ajv: 8.12.0
       jju: 1.4.0
       resolve: 1.22.11
 
-  '@microsoft/tsdoc@0.15.1': {}
+  '@microsoft/tsdoc@0.16.0': {}
 
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
-      '@emnapi/core': 1.7.0
-      '@emnapi/runtime': 1.7.0
+      '@emnapi/core': 1.7.1
+      '@emnapi/runtime': 1.7.1
       '@tybys/wasm-util': 0.10.1
     optional: true
 
@@ -14322,27 +14137,27 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.19.1
 
-  '@nolebase/ui@2.18.2(vitepress@1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))':
+  '@nolebase/ui@2.18.2(vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@iconify-json/octicon': 1.2.18
+      '@iconify-json/octicon': 1.2.19
       less: 4.4.2
-      vitepress: 1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
+      vitepress: 1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
       vue: 3.5.24(typescript@5.9.3)
 
-  '@nolebase/vitepress-plugin-git-changelog@2.18.2(vitepress@1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))':
+  '@nolebase/vitepress-plugin-git-changelog@2.18.2(vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@iconify-json/octicon': 1.2.18
-      '@nolebase/ui': 2.18.2(vitepress@1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
+      '@iconify-json/octicon': 1.2.19
+      '@nolebase/ui': 2.18.2(vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
       colorette: 2.0.20
       date-fns: 4.1.0
       defu: 6.1.4
-      es-toolkit: 1.41.0
+      es-toolkit: 1.42.0
       execa: 9.6.0
       globby: 14.1.0
       gray-matter: 4.0.3
       less: 4.4.2
       uncrypto: 0.1.3
-      vitepress: 1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
+      vitepress: 1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - vue
 
@@ -14350,18 +14165,18 @@ snapshots:
     dependencies:
       semver: 7.7.3
 
-  '@nuxt/kit@3.20.1':
+  '@nuxt/kit@3.20.1(magicast@0.5.1)':
     dependencies:
-      c12: 3.3.1(magicast@0.5.1)
+      c12: 3.3.2(magicast@0.5.1)
       consola: 3.4.2
       defu: 6.1.4
       destr: 2.0.5
       errx: 0.1.0
-      exsolve: 1.0.7
+      exsolve: 1.0.8
       ignore: 7.0.5
       jiti: 2.6.1
       klona: 2.0.6
-      knitwork: 1.2.0
+      knitwork: 1.3.0
       mlly: 1.8.0
       ohash: 2.0.11
       pathe: 2.0.3
@@ -14500,11 +14315,11 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-beta.29': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.47': {}
+  '@rolldown/pluginutils@1.0.0-beta.50': {}
 
-  '@rollup/plugin-alias@5.1.1(rollup@4.53.1)':
+  '@rollup/plugin-alias@5.1.1(rollup@4.53.2)':
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   '@rollup/plugin-babel@5.3.1(@babel/core@7.28.5)(rollup@2.79.2)':
     dependencies:
@@ -14515,9 +14330,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@rollup/plugin-commonjs@28.0.9(rollup@4.53.1)':
+  '@rollup/plugin-commonjs@28.0.9(rollup@4.53.2)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.5.0(picomatch@4.0.3)
@@ -14525,21 +14340,21 @@ snapshots:
       magic-string: 0.30.21
       picomatch: 4.0.3
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
-  '@rollup/plugin-inject@5.0.5(rollup@4.53.1)':
+  '@rollup/plugin-inject@5.0.5(rollup@4.53.2)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       estree-walker: 2.0.2
       magic-string: 0.30.21
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
-  '@rollup/plugin-json@6.1.0(rollup@4.53.1)':
+  '@rollup/plugin-json@6.1.0(rollup@4.53.2)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   '@rollup/plugin-node-resolve@15.3.1(rollup@2.79.2)':
     dependencies:
@@ -14551,15 +14366,15 @@ snapshots:
     optionalDependencies:
       rollup: 2.79.2
 
-  '@rollup/plugin-node-resolve@16.0.3(rollup@4.53.1)':
+  '@rollup/plugin-node-resolve@16.0.3(rollup@4.53.2)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.11
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   '@rollup/plugin-replace@2.4.2(rollup@2.79.2)':
     dependencies:
@@ -14567,12 +14382,12 @@ snapshots:
       magic-string: 0.25.9
       rollup: 2.79.2
 
-  '@rollup/plugin-replace@6.0.3(rollup@4.53.1)':
+  '@rollup/plugin-replace@6.0.3(rollup@4.53.2)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       magic-string: 0.30.21
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   '@rollup/plugin-terser@0.4.4(rollup@2.79.2)':
     dependencies:
@@ -14582,13 +14397,13 @@ snapshots:
     optionalDependencies:
       rollup: 2.79.2
 
-  '@rollup/plugin-terser@0.4.4(rollup@4.53.1)':
+  '@rollup/plugin-terser@0.4.4(rollup@4.53.2)':
     dependencies:
       serialize-javascript: 6.0.2
       smob: 1.5.0
       terser: 5.44.1
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   '@rollup/pluginutils@3.1.0(rollup@2.79.2)':
     dependencies:
@@ -14610,81 +14425,81 @@ snapshots:
     optionalDependencies:
       rollup: 2.79.2
 
-  '@rollup/pluginutils@5.3.0(rollup@4.53.1)':
+  '@rollup/pluginutils@5.3.0(rollup@4.53.2)':
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
       picomatch: 4.0.3
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
-  '@rollup/rollup-android-arm-eabi@4.53.1':
+  '@rollup/rollup-android-arm-eabi@4.53.2':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.53.1':
+  '@rollup/rollup-android-arm64@4.53.2':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.53.1':
+  '@rollup/rollup-darwin-arm64@4.53.2':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.53.1':
+  '@rollup/rollup-darwin-x64@4.53.2':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.53.1':
+  '@rollup/rollup-freebsd-arm64@4.53.2':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.53.1':
+  '@rollup/rollup-freebsd-x64@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.53.1':
+  '@rollup/rollup-linux-arm-gnueabihf@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.53.1':
+  '@rollup/rollup-linux-arm-musleabihf@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.53.1':
+  '@rollup/rollup-linux-arm64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.53.1':
+  '@rollup/rollup-linux-arm64-musl@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.53.1':
+  '@rollup/rollup-linux-loong64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.53.1':
+  '@rollup/rollup-linux-ppc64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.53.1':
+  '@rollup/rollup-linux-riscv64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.53.1':
+  '@rollup/rollup-linux-riscv64-musl@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.53.1':
+  '@rollup/rollup-linux-s390x-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.53.1':
+  '@rollup/rollup-linux-x64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.53.1':
+  '@rollup/rollup-linux-x64-musl@4.53.2':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.53.1':
+  '@rollup/rollup-openharmony-arm64@4.53.2':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.53.1':
+  '@rollup/rollup-win32-arm64-msvc@4.53.2':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.53.1':
+  '@rollup/rollup-win32-ia32-msvc@4.53.2':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.53.1':
+  '@rollup/rollup-win32-x64-gnu@4.53.2':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.53.1':
+  '@rollup/rollup-win32-x64-msvc@4.53.2':
     optional: true
 
-  '@rushstack/node-core-library@5.18.0(@types/node@24.10.0)':
+  '@rushstack/node-core-library@5.18.0(@types/node@24.10.1)':
     dependencies:
       ajv: 8.13.0
       ajv-draft-04: 1.0.0(ajv@8.13.0)
@@ -14695,28 +14510,28 @@ snapshots:
       resolve: 1.22.11
       semver: 7.5.4
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
-  '@rushstack/problem-matcher@0.1.1(@types/node@24.10.0)':
+  '@rushstack/problem-matcher@0.1.1(@types/node@24.10.1)':
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
   '@rushstack/rig-package@0.6.0':
     dependencies:
       resolve: 1.22.11
       strip-json-comments: 3.1.1
 
-  '@rushstack/terminal@0.19.3(@types/node@24.10.0)':
+  '@rushstack/terminal@0.19.3(@types/node@24.10.1)':
     dependencies:
-      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.0)
-      '@rushstack/problem-matcher': 0.1.1(@types/node@24.10.0)
+      '@rushstack/node-core-library': 5.18.0(@types/node@24.10.1)
+      '@rushstack/problem-matcher': 0.1.1(@types/node@24.10.1)
       supports-color: 8.1.1
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
-  '@rushstack/ts-command-line@5.1.3(@types/node@24.10.0)':
+  '@rushstack/ts-command-line@5.1.3(@types/node@24.10.1)':
     dependencies:
-      '@rushstack/terminal': 0.19.3(@types/node@24.10.0)
+      '@rushstack/terminal': 0.19.3(@types/node@24.10.1)
       '@types/argparse': 1.0.38
       argparse: 1.0.10
       string-argv: 0.3.2
@@ -14797,11 +14612,11 @@ snapshots:
       magic-string: 0.25.9
       string.prototype.matchall: 4.0.12
 
-  '@svelte-put/shortcut@4.1.0(svelte@5.43.5)':
+  '@svelte-put/shortcut@4.1.0(svelte@5.43.10)':
     dependencies:
-      svelte: 5.43.5
+      svelte: 5.43.10
 
-  '@sveltejs/acorn-typescript@1.0.6(acorn@8.15.0)':
+  '@sveltejs/acorn-typescript@1.0.7(acorn@8.15.0)':
     dependencies:
       acorn: 8.15.0
 
@@ -14821,24 +14636,10 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 3.4.18(yaml@2.8.1)
 
-  '@tanstack/match-sorter-utils@8.19.4':
-    dependencies:
-      remove-accents: 0.5.0
-
-  '@tanstack/query-core@5.90.7': {}
-
   '@tanstack/store@0.7.7': {}
 
   '@tanstack/virtual-core@3.13.12': {}
 
-  '@tanstack/vue-query@5.90.7(vue@3.5.24(typescript@5.9.3))':
-    dependencies:
-      '@tanstack/match-sorter-utils': 8.19.4
-      '@tanstack/query-core': 5.90.7
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.24(typescript@5.9.3)
-      vue-demi: 0.14.10(vue@3.5.24(typescript@5.9.3))
-
   '@tanstack/vue-store@0.7.7(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@tanstack/store': 0.7.7
@@ -14850,16 +14651,16 @@ snapshots:
       '@tanstack/virtual-core': 3.13.12
       vue: 3.5.24(typescript@5.9.3)
 
-  '@tinyflow-ai/ui@1.1.9(svelte@5.43.5)':
+  '@tinyflow-ai/ui@1.1.9(svelte@5.43.10)':
     dependencies:
       '@floating-ui/dom': 1.7.4
-      '@xyflow/svelte': 1.4.1(svelte@5.43.5)
+      '@xyflow/svelte': 1.4.2(svelte@5.43.10)
     transitivePeerDependencies:
       - svelte
 
-  '@tinyflow-ai/vue@1.1.9(svelte@5.43.5)(vue@3.5.24(typescript@5.9.3))':
+  '@tinyflow-ai/vue@1.1.9(svelte@5.43.10)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@tinyflow-ai/ui': 1.1.9(svelte@5.43.5)
+      '@tinyflow-ai/ui': 1.1.9(svelte@5.43.10)
       vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
       - svelte
@@ -14894,7 +14695,7 @@ snapshots:
 
   '@types/conventional-commits-parser@5.0.2':
     dependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
   '@types/crypto-js@4.2.2': {}
 
@@ -15034,15 +14835,8 @@ snapshots:
 
   '@types/html-minifier-terser@7.0.2': {}
 
-  '@types/json-bigint@1.0.4': {}
-
   '@types/json-schema@7.0.15': {}
 
-  '@types/jsonwebtoken@9.0.10':
-    dependencies:
-      '@types/ms': 2.1.0
-      '@types/node': 24.10.0
-
   '@types/katex@0.16.7': {}
 
   '@types/linkify-it@5.0.0': {}
@@ -15082,11 +14876,9 @@ snapshots:
 
   '@types/minimatch@3.0.5': {}
 
-  '@types/ms@2.1.0': {}
-
   '@types/node@12.20.55': {}
 
-  '@types/node@24.10.0':
+  '@types/node@24.10.1':
     dependencies:
       undici-types: 7.16.0
 
@@ -15100,13 +14892,13 @@ snapshots:
 
   '@types/qrcode@1.5.6':
     dependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
   '@types/qs@6.14.0': {}
 
   '@types/readdir-glob@1.1.5':
     dependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
 
   '@types/resolve@1.20.2': {}
 
@@ -15122,7 +14914,7 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
-  '@types/validator@13.15.4': {}
+  '@types/validator@13.15.10': {}
 
   '@types/video.js@7.3.58': {}
 
@@ -15130,14 +14922,14 @@ snapshots:
 
   '@types/web-bluetooth@0.0.21': {}
 
-  '@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.46.3
-      '@typescript-eslint/type-utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.46.3
+      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.47.0
+      '@typescript-eslint/type-utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.47.0
       eslint: 9.39.1(jiti@2.6.1)
       graphemer: 1.4.0
       ignore: 7.0.5
@@ -15147,22 +14939,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.46.3
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.46.3
+      '@typescript-eslint/scope-manager': 8.47.0
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.47.0
       debug: 4.4.3
       eslint: 9.39.1(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.46.3(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.47.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/tsconfig-utils': 8.47.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.47.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -15173,20 +14965,20 @@ snapshots:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/visitor-keys': 7.18.0
 
-  '@typescript-eslint/scope-manager@8.46.3':
+  '@typescript-eslint/scope-manager@8.47.0':
     dependencies:
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/visitor-keys': 8.46.3
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/visitor-keys': 8.47.0
 
-  '@typescript-eslint/tsconfig-utils@8.46.3(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.47.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.1(jiti@2.6.1)
       ts-api-utils: 2.1.0(typescript@5.9.3)
@@ -15196,7 +14988,7 @@ snapshots:
 
   '@typescript-eslint/types@7.18.0': {}
 
-  '@typescript-eslint/types@8.46.3': {}
+  '@typescript-eslint/types@8.47.0': {}
 
   '@typescript-eslint/typescript-estree@7.18.0(typescript@5.9.3)':
     dependencies:
@@ -15213,12 +15005,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.46.3(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.47.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/visitor-keys': 8.46.3
+      '@typescript-eslint/project-service': 8.47.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.47.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/visitor-keys': 8.47.0
       debug: 4.4.3
       fast-glob: 3.3.3
       is-glob: 4.0.3
@@ -15240,12 +15032,12 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.46.3
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.47.0
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
       eslint: 9.39.1(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -15256,9 +15048,9 @@ snapshots:
       '@typescript-eslint/types': 7.18.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@8.46.3':
+  '@typescript-eslint/visitor-keys@8.47.0':
     dependencies:
-      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/types': 8.47.0
       eslint-visitor-keys: 4.2.1
 
   '@ungap/structured-clone@1.3.0': {}
@@ -15330,16 +15122,16 @@ snapshots:
     transitivePeerDependencies:
       - vue
 
-  '@vercel/nft@0.30.3(rollup@4.53.1)':
+  '@vercel/nft@0.30.3(rollup@4.53.2)':
     dependencies:
       '@mapbox/node-pre-gyp': 2.0.0
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       acorn: 8.15.0
       acorn-import-attributes: 1.9.5(acorn@8.15.0)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
-      glob: 10.4.5
+      glob: 10.5.0
       graceful-fs: 4.2.11
       node-gyp-build: 4.8.4
       picomatch: 4.0.3
@@ -15378,31 +15170,31 @@ snapshots:
       global: 4.4.0
       is-function: 1.0.2
 
-  '@vite-pwa/vitepress@1.0.1(vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0))':
+  '@vite-pwa/vitepress@1.0.1(vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0))':
     dependencies:
-      vite-plugin-pwa: 1.1.0(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0)
+      vite-plugin-pwa: 1.1.0(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0)
 
-  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
+  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
       '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
-      '@rolldown/pluginutils': 1.0.0-beta.47
+      '@rolldown/pluginutils': 1.0.0-beta.50
       '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vite: 5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)
+      vite: 5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)
       vue: 3.5.24(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-beta.29
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       vue: 3.5.24(typescript@5.9.3)
 
   '@vitest/expect@3.2.4':
@@ -15413,13 +15205,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))':
+  '@vitest/mocker@3.2.4(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -15525,25 +15317,25 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-api@7.7.7':
+  '@vue/devtools-api@7.7.9':
     dependencies:
-      '@vue/devtools-kit': 7.7.7
+      '@vue/devtools-kit': 7.7.9
 
-  '@vue/devtools-core@7.7.7(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
+  '@vue/devtools-core@7.7.9(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@vue/devtools-kit': 7.7.7
-      '@vue/devtools-shared': 7.7.7
+      '@vue/devtools-kit': 7.7.9
+      '@vue/devtools-shared': 7.7.9
       mitt: 3.0.1
       nanoid: 5.1.6
       pathe: 2.0.3
-      vite-hot-client: 2.1.0(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+      vite-hot-client: 2.1.0(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
       - vite
 
-  '@vue/devtools-kit@7.7.7':
+  '@vue/devtools-kit@7.7.9':
     dependencies:
-      '@vue/devtools-shared': 7.7.7
+      '@vue/devtools-shared': 7.7.9
       birpc: 2.8.0
       hookable: 5.5.3
       mitt: 3.0.1
@@ -15551,7 +15343,7 @@ snapshots:
       speakingurl: 14.0.1
       superjson: 2.2.5
 
-  '@vue/devtools-shared@7.7.7':
+  '@vue/devtools-shared@7.7.9':
     dependencies:
       rfdc: 1.4.1
 
@@ -15595,7 +15387,7 @@ snapshots:
       '@vue/reactivity': 3.5.24
       '@vue/runtime-core': 3.5.24
       '@vue/shared': 3.5.24
-      csstype: 3.1.3
+      csstype: 3.2.3
 
   '@vue/server-renderer@3.5.24(vue@3.5.24(typescript@5.9.3))':
     dependencies:
@@ -15679,7 +15471,7 @@ snapshots:
 
   '@vueuse/metadata@9.13.0': {}
 
-  '@vueuse/motion@3.0.3(vue@3.5.24(typescript@5.9.3))':
+  '@vueuse/motion@3.0.3(magicast@0.5.1)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@vueuse/core': 13.9.0(vue@3.5.24(typescript@5.9.3))
       '@vueuse/shared': 13.9.0(vue@3.5.24(typescript@5.9.3))
@@ -15689,7 +15481,7 @@ snapshots:
       style-value-types: 5.1.2
       vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      '@nuxt/kit': 3.20.1
+      '@nuxt/kit': 3.20.1(magicast@0.5.1)
     transitivePeerDependencies:
       - magicast
 
@@ -15714,7 +15506,7 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vxe-ui/core@4.2.13(vue@3.5.24(typescript@5.9.3))':
+  '@vxe-ui/core@4.2.14(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       dom-zindex: 1.0.6
       vue: 3.5.24(typescript@5.9.3)
@@ -15722,13 +15514,13 @@ snapshots:
 
   '@xmldom/xmldom@0.8.11': {}
 
-  '@xyflow/svelte@1.4.1(svelte@5.43.5)':
+  '@xyflow/svelte@1.4.2(svelte@5.43.10)':
     dependencies:
-      '@svelte-put/shortcut': 4.1.0(svelte@5.43.5)
-      '@xyflow/system': 0.0.72
-      svelte: 5.43.5
+      '@svelte-put/shortcut': 4.1.0(svelte@5.43.10)
+      '@xyflow/system': 0.0.73
+      svelte: 5.43.10
 
-  '@xyflow/system@0.0.72':
+  '@xyflow/system@0.0.73':
     dependencies:
       '@types/d3-drag': 3.0.7
       '@types/d3-interpolate': 3.0.4
@@ -15808,22 +15600,22 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
-  algoliasearch@5.43.0:
+  algoliasearch@5.44.0:
     dependencies:
-      '@algolia/abtesting': 1.9.0
-      '@algolia/client-abtesting': 5.43.0
-      '@algolia/client-analytics': 5.43.0
-      '@algolia/client-common': 5.43.0
-      '@algolia/client-insights': 5.43.0
-      '@algolia/client-personalization': 5.43.0
-      '@algolia/client-query-suggestions': 5.43.0
-      '@algolia/client-search': 5.43.0
-      '@algolia/ingestion': 1.43.0
-      '@algolia/monitoring': 1.43.0
-      '@algolia/recommend': 5.43.0
-      '@algolia/requester-browser-xhr': 5.43.0
-      '@algolia/requester-fetch': 5.43.0
-      '@algolia/requester-node-http': 5.43.0
+      '@algolia/abtesting': 1.10.0
+      '@algolia/client-abtesting': 5.44.0
+      '@algolia/client-analytics': 5.44.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/client-insights': 5.44.0
+      '@algolia/client-personalization': 5.44.0
+      '@algolia/client-query-suggestions': 5.44.0
+      '@algolia/client-search': 5.44.0
+      '@algolia/ingestion': 1.44.0
+      '@algolia/monitoring': 1.44.0
+      '@algolia/recommend': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
   alien-signals@0.4.14: {}
 
@@ -15860,7 +15652,7 @@ snapshots:
       '@simonwep/pickr': 1.8.2
       array-tree-filter: 2.1.0
       async-validator: 4.2.5
-      csstype: 3.1.3
+      csstype: 3.2.3
       dayjs: 1.11.19
       dom-align: 1.12.4
       dom-scroll-into-view: 2.0.1
@@ -15884,7 +15676,7 @@ snapshots:
 
   archiver-utils@5.0.2:
     dependencies:
-      glob: 10.4.5
+      glob: 10.5.0
       graceful-fs: 4.2.11
       is-stream: 2.0.1
       lazystream: 1.0.1
@@ -15975,11 +15767,11 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  autoprefixer@10.4.21(postcss@8.5.6):
+  autoprefixer@10.4.22(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
-      caniuse-lite: 1.0.30001754
-      fraction.js: 4.3.7
+      browserslist: 4.28.0
+      caniuse-lite: 1.0.30001755
+      fraction.js: 5.3.4
       normalize-range: 0.1.2
       picocolors: 1.1.1
       postcss: 8.5.6
@@ -15998,7 +15790,7 @@ snapshots:
   axios@1.13.2:
     dependencies:
       follow-redirects: 1.15.11
-      form-data: 4.0.4
+      form-data: 4.0.5
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
@@ -16039,7 +15831,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.8.25: {}
+  baseline-browser-mapping@2.8.29: {}
 
   benz-amr-recorder@1.1.5:
     dependencies:
@@ -16125,18 +15917,16 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.27.0:
+  browserslist@4.28.0:
     dependencies:
-      baseline-browser-mapping: 2.8.25
-      caniuse-lite: 1.0.30001754
-      electron-to-chromium: 1.5.249
+      baseline-browser-mapping: 2.8.29
+      caniuse-lite: 1.0.30001755
+      electron-to-chromium: 1.5.255
       node-releases: 2.0.27
-      update-browserslist-db: 1.1.4(browserslist@4.27.0)
+      update-browserslist-db: 1.1.4(browserslist@4.28.0)
 
   buffer-crc32@1.0.0: {}
 
-  buffer-equal-constant-time@1.0.1: {}
-
   buffer-from@1.1.2: {}
 
   buffer@6.0.3:
@@ -16150,13 +15940,13 @@ snapshots:
     dependencies:
       run-applescript: 7.1.0
 
-  c12@3.3.1(magicast@0.5.1):
+  c12@3.3.2(magicast@0.5.1):
     dependencies:
       chokidar: 4.0.3
       confbox: 0.2.2
       defu: 6.1.4
       dotenv: 17.2.3
-      exsolve: 1.0.7
+      exsolve: 1.0.8
       giget: 2.0.0
       jiti: 2.6.1
       ohash: 2.0.11
@@ -16169,28 +15959,27 @@ snapshots:
 
   cac@6.7.14: {}
 
-  cacache@20.0.1:
+  cacache@20.0.2:
     dependencies:
       '@npmcli/fs': 4.0.0
       fs-minipass: 3.0.3
-      glob: 11.0.3
+      glob: 11.1.0
       lru-cache: 11.2.2
       minipass: 7.1.2
       minipass-collect: 2.0.1
       minipass-flush: 1.0.5
       minipass-pipeline: 1.2.4
-      p-map: 7.0.3
-      ssri: 12.0.0
+      p-map: 7.0.4
+      ssri: 13.0.0
       unique-filename: 4.0.0
 
-  cacheable@2.1.1:
+  cacheable@2.2.0:
     dependencies:
-      '@cacheable/memoize': 2.0.3
-      '@cacheable/memory': 2.0.4
-      '@cacheable/utils': 2.2.0
-      hookified: 1.12.2
-      keyv: 5.5.3
-      qified: 0.5.1
+      '@cacheable/memory': 2.0.5
+      '@cacheable/utils': 2.3.1
+      hookified: 1.13.0
+      keyv: 5.5.4
+      qified: 0.5.2
 
   call-bind-apply-helpers@1.0.2:
     dependencies:
@@ -16238,12 +16027,12 @@ snapshots:
 
   caniuse-api@3.0.0:
     dependencies:
-      browserslist: 4.27.0
-      caniuse-lite: 1.0.30001754
+      browserslist: 4.28.0
+      caniuse-lite: 1.0.30001755
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001754: {}
+  caniuse-lite@1.0.30001755: {}
 
   ccount@2.0.1: {}
 
@@ -16541,7 +16330,7 @@ snapshots:
 
   core-js-compat@3.46.0:
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
 
   core-js-pure@3.46.0: {}
 
@@ -16549,9 +16338,9 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig-typescript-loader@6.2.0(@types/node@24.10.0)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3):
+  cosmiconfig-typescript-loader@6.2.0(@types/node@24.10.1)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
       cosmiconfig: 9.0.0(typescript@5.9.3)
       jiti: 2.6.1
       typescript: 5.9.3
@@ -16568,7 +16357,7 @@ snapshots:
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       parse-json: 5.2.0
     optionalDependencies:
       typescript: 5.9.3
@@ -16615,7 +16404,7 @@ snapshots:
       '@cspell/cspell-pipe': 8.19.4
       '@cspell/cspell-types': 8.19.4
       cspell-trie-lib: 8.19.4
-      fast-equals: 5.3.2
+      fast-equals: 5.3.3
 
   cspell-gitignore@8.19.4:
     dependencies:
@@ -16657,7 +16446,7 @@ snapshots:
       cspell-io: 8.19.4
       cspell-trie-lib: 8.19.4
       env-paths: 3.0.0
-      fast-equals: 5.3.2
+      fast-equals: 5.3.3
       gensequence: 7.0.0
       import-fresh: 3.3.1
       resolve-from: 5.0.0
@@ -16752,7 +16541,7 @@ snapshots:
 
   cssnano-preset-default@7.0.10(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       css-declaration-sorter: 7.3.0(postcss@8.5.6)
       cssnano-utils: 5.0.1(postcss@8.5.6)
       postcss: 8.5.6
@@ -16800,7 +16589,7 @@ snapshots:
 
   csstype@3.0.11: {}
 
-  csstype@3.1.3: {}
+  csstype@3.2.3: {}
 
   cz-git@1.12.0: {}
 
@@ -16988,11 +16777,9 @@ snapshots:
 
   dataloader@1.4.0: {}
 
-  date-fns-tz@3.2.0(date-fns@3.6.0):
+  date-fns-tz@3.2.0(date-fns@4.1.0):
     dependencies:
-      date-fns: 3.6.0
-
-  date-fns@3.6.0: {}
+      date-fns: 4.1.0
 
   date-fns@4.1.0: {}
 
@@ -17016,12 +16803,12 @@ snapshots:
 
   deepmerge@4.3.1: {}
 
-  default-browser-id@5.0.0: {}
+  default-browser-id@5.0.1: {}
 
-  default-browser@5.2.1:
+  default-browser@5.4.0:
     dependencies:
       bundle-name: 4.1.0
-      default-browser-id: 5.0.0
+      default-browser-id: 5.0.1
 
   default-passive-events@2.0.0: {}
 
@@ -17066,7 +16853,7 @@ snapshots:
       findup-sync: 5.0.0
       ignore: 5.3.2
       is-core-module: 2.16.1
-      js-yaml: 3.14.1
+      js-yaml: 3.14.2
       json5: 2.2.3
       lodash: 4.17.21
       minimatch: 7.4.6
@@ -17237,10 +17024,6 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  ecdsa-sig-formatter@1.0.11:
-    dependencies:
-      safe-buffer: 5.2.1
-
   echarts@5.6.0:
     dependencies:
       tslib: 2.3.0
@@ -17259,9 +17042,9 @@ snapshots:
     dependencies:
       jake: 10.9.4
 
-  electron-to-chromium@1.5.249: {}
+  electron-to-chromium@1.5.255: {}
 
-  element-plus@2.11.7(vue@3.5.24(typescript@5.9.3)):
+  element-plus@2.11.8(vue@3.5.24(typescript@5.9.3)):
     dependencies:
       '@ctrl/tinycolor': 4.2.0
       '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
@@ -17414,7 +17197,7 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es-toolkit@1.41.0: {}
+  es-toolkit@1.42.0: {}
 
   esbuild@0.25.3:
     optionalDependencies:
@@ -17474,11 +17257,11 @@ snapshots:
       eslint: 9.39.1(jiti@2.6.1)
       semver: 7.7.3
 
-  eslint-config-turbo@2.6.0(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.0):
+  eslint-config-turbo@2.6.1(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.1):
     dependencies:
       eslint: 9.39.1(jiti@2.6.1)
-      eslint-plugin-turbo: 2.6.0(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.0)
-      turbo: 2.6.0
+      eslint-plugin-turbo: 2.6.1(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.1)
+      turbo: 2.6.1
 
   eslint-import-context@0.1.9(unrs-resolver@1.11.1):
     dependencies:
@@ -17511,9 +17294,9 @@ snapshots:
       eslint: 9.39.1(jiti@2.6.1)
       ignore: 5.3.2
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
-      '@typescript-eslint/types': 8.46.3
+      '@typescript-eslint/types': 8.47.0
       comment-parser: 1.4.1
       debug: 4.4.3
       eslint: 9.39.1(jiti@2.6.1)
@@ -17524,7 +17307,7 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -17578,8 +17361,8 @@ snapshots:
 
   eslint-plugin-perfectionist@4.15.1(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/utils': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.47.0
+      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.1(jiti@2.6.1)
       natural-orderby: 5.0.0
     transitivePeerDependencies:
@@ -17606,11 +17389,11 @@ snapshots:
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
 
-  eslint-plugin-turbo@2.6.0(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.0):
+  eslint-plugin-turbo@2.6.1(eslint@9.39.1(jiti@2.6.1))(turbo@2.6.1):
     dependencies:
       dotenv: 16.0.3
       eslint: 9.39.1(jiti@2.6.1)
-      turbo: 2.6.0
+      turbo: 2.6.1
 
   eslint-plugin-unicorn@59.0.1(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
@@ -17633,24 +17416,24 @@ snapshots:
       semver: 7.7.3
       strip-indent: 4.1.1
 
-  eslint-plugin-unused-imports@4.3.0(@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1)):
+  eslint-plugin-unused-imports@4.3.0(@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1)):
     dependencies:
       eslint: 9.39.1(jiti@2.6.1)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-plugin-vitest@0.5.4(@typescript-eslint/eslint-plugin@8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.2.4(@types/node@24.10.0)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  eslint-plugin-vitest@0.5.4(@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)(vitest@3.2.4(@types/node@24.10.1)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
       '@typescript-eslint/utils': 7.18.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.1(jiti@2.6.1)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.46.3(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      vitest: 3.2.4(@types/node@24.10.0)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      '@typescript-eslint/eslint-plugin': 8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      vitest: 3.2.4(@types/node@24.10.1)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-vue@10.5.1(@typescript-eslint/parser@8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@2.6.1))):
+  eslint-plugin-vue@10.5.1(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@2.6.1))
       eslint: 9.39.1(jiti@2.6.1)
@@ -17661,7 +17444,7 @@ snapshots:
       vue-eslint-parser: 10.2.0(eslint@9.39.1(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.46.3(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
 
   eslint-scope@8.4.0:
     dependencies:
@@ -17733,7 +17516,7 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  esrap@2.1.2:
+  esrap@2.1.3:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
@@ -17802,7 +17585,7 @@ snapshots:
 
   expect-type@1.2.2: {}
 
-  exsolve@1.0.7: {}
+  exsolve@1.0.8: {}
 
   extend-shallow@2.0.1:
     dependencies:
@@ -17814,7 +17597,7 @@ snapshots:
 
   fast-diff@1.3.0: {}
 
-  fast-equals@5.3.2: {}
+  fast-equals@5.3.3: {}
 
   fast-fifo@1.3.2: {}
 
@@ -17857,7 +17640,7 @@ snapshots:
       '@codemirror/language': 6.11.3
       '@codemirror/lint': 6.9.2
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.6
+      '@codemirror/view': 6.38.8
       '@lezer/common': 1.3.0
       '@lezer/highlight': 1.2.3
       '@lezer/lr': 1.4.3
@@ -17883,7 +17666,7 @@ snapshots:
 
   file-entry-cache@10.1.4:
     dependencies:
-      flat-cache: 6.1.18
+      flat-cache: 6.1.19
 
   file-entry-cache@8.0.0:
     dependencies:
@@ -17932,7 +17715,7 @@ snapshots:
     dependencies:
       magic-string: 0.30.21
       mlly: 1.8.0
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   flat-cache@4.0.1:
     dependencies:
@@ -17944,11 +17727,11 @@ snapshots:
       flatted: 3.3.3
       keyv: 4.5.4
 
-  flat-cache@6.1.18:
+  flat-cache@6.1.19:
     dependencies:
-      cacheable: 2.1.1
+      cacheable: 2.2.0
       flatted: 3.3.3
-      hookified: 1.12.2
+      hookified: 1.13.0
 
   flatted@3.3.3: {}
 
@@ -17967,7 +17750,7 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  form-data@4.0.4:
+  form-data@4.0.5:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
@@ -17981,7 +17764,7 @@ snapshots:
     dependencies:
       fetch-blob: 3.2.0
 
-  fraction.js@4.3.7: {}
+  fraction.js@5.3.4: {}
 
   framesync@6.1.2:
     dependencies:
@@ -18119,7 +17902,7 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.4.5:
+  glob@10.5.0:
     dependencies:
       foreground-child: 3.3.1
       jackspeak: 3.4.3
@@ -18128,7 +17911,7 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
-  glob@11.0.3:
+  glob@11.1.0:
     dependencies:
       foreground-child: 3.3.1
       jackspeak: 4.1.1
@@ -18176,7 +17959,7 @@ snapshots:
 
   global@4.4.0:
     dependencies:
-      min-document: 2.19.1
+      min-document: 2.19.2
       process: 0.11.10
 
   globals@14.0.0: {}
@@ -18241,7 +18024,7 @@ snapshots:
 
   gray-matter@4.0.3:
     dependencies:
-      js-yaml: 3.14.1
+      js-yaml: 3.14.2
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
@@ -18287,6 +18070,10 @@ snapshots:
     dependencies:
       has-symbols: 1.1.0
 
+  hashery@1.2.0:
+    dependencies:
+      hookified: 1.13.0
+
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -18321,7 +18108,7 @@ snapshots:
 
   hookable@5.5.3: {}
 
-  hookified@1.12.2: {}
+  hookified@1.13.0: {}
 
   htm@3.1.1: {}
 
@@ -18710,7 +18497,7 @@ snapshots:
     dependencies:
       config-chain: 1.1.13
       editorconfig: 1.0.4
-      glob: 10.4.5
+      glob: 10.5.0
       js-cookie: 3.0.5
       nopt: 7.2.1
 
@@ -18720,12 +18507,12 @@ snapshots:
 
   js-tokens@9.0.1: {}
 
-  js-yaml@3.14.1:
+  js-yaml@3.14.2:
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
 
-  js-yaml@4.1.0:
+  js-yaml@4.1.1:
     dependencies:
       argparse: 2.0.1
 
@@ -18778,30 +18565,6 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  jsonwebtoken@9.0.2:
-    dependencies:
-      jws: 3.2.2
-      lodash.includes: 4.3.0
-      lodash.isboolean: 3.0.3
-      lodash.isinteger: 4.0.4
-      lodash.isnumber: 3.0.3
-      lodash.isplainobject: 4.0.6
-      lodash.isstring: 4.0.1
-      lodash.once: 4.1.1
-      ms: 2.1.3
-      semver: 7.7.3
-
-  jwa@1.4.2:
-    dependencies:
-      buffer-equal-constant-time: 1.0.1
-      ecdsa-sig-formatter: 1.0.11
-      safe-buffer: 5.2.1
-
-  jws@3.2.2:
-    dependencies:
-      jwa: 1.4.2
-      safe-buffer: 5.2.1
-
   katex@0.16.25:
     dependencies:
       commander: 8.3.0
@@ -18812,7 +18575,7 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
-  keyv@5.5.3:
+  keyv@5.5.4:
     dependencies:
       '@keyv/serialize': 1.1.1
 
@@ -18822,7 +18585,7 @@ snapshots:
 
   klona@2.0.6: {}
 
-  knitwork@1.2.0: {}
+  knitwork@1.3.0: {}
 
   known-css-properties@0.36.0: {}
 
@@ -18988,22 +18751,12 @@ snapshots:
 
   lodash.get@4.4.2: {}
 
-  lodash.includes@4.3.0: {}
-
   lodash.isarguments@3.1.0: {}
 
-  lodash.isboolean@3.0.3: {}
-
   lodash.isequal@4.5.0: {}
 
-  lodash.isinteger@4.0.4: {}
-
-  lodash.isnumber@3.0.3: {}
-
   lodash.isplainobject@4.0.6: {}
 
-  lodash.isstring@4.0.1: {}
-
   lodash.kebabcase@4.1.1: {}
 
   lodash.memoize@4.1.2: {}
@@ -19012,8 +18765,6 @@ snapshots:
 
   lodash.mergewith@4.6.2: {}
 
-  lodash.once@4.1.1: {}
-
   lodash.set@4.3.2: {}
 
   lodash.snakecase@4.1.1: {}
@@ -19126,7 +18877,7 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.28.4
       highlight.js: 11.11.1
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       katex: 0.16.25
       markmap-common: 0.16.0
       markmap-html-parser: 0.16.1(markmap-common@0.16.0)
@@ -19233,7 +18984,7 @@ snapshots:
 
   min-dash@4.2.3: {}
 
-  min-document@2.19.1:
+  min-document@2.19.2:
     dependencies:
       dom-walk: 0.1.2
 
@@ -19304,9 +19055,9 @@ snapshots:
 
   mitt@3.0.1: {}
 
-  mkdist@2.4.1(sass@1.93.3)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3)):
+  mkdist@2.4.1(sass@1.94.1)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      autoprefixer: 10.4.21(postcss@8.5.6)
+      autoprefixer: 10.4.22(postcss@8.5.6)
       citty: 0.1.6
       cssnano: 7.1.2(postcss@8.5.6)
       defu: 6.1.4
@@ -19320,7 +19071,7 @@ snapshots:
       semver: 7.7.3
       tinyglobby: 0.2.15
     optionalDependencies:
-      sass: 1.93.3
+      sass: 1.94.1
       typescript: 5.9.3
       vue: 3.5.24(typescript@5.9.3)
       vue-tsc: 2.2.10(typescript@5.9.3)
@@ -19376,7 +19127,7 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  naive-ui@2.43.1(vue@3.5.24(typescript@5.9.3)):
+  naive-ui@2.43.2(vue@3.5.24(typescript@5.9.3)):
     dependencies:
       '@css-render/plugin-bem': 0.15.14(css-render@0.15.14)
       '@css-render/vue3-ssr': 0.15.14(vue@3.5.24(typescript@5.9.3))
@@ -19385,9 +19136,9 @@ snapshots:
       '@types/lodash-es': 4.17.12
       async-validator: 4.2.5
       css-render: 0.15.14
-      csstype: 3.1.3
-      date-fns: 3.6.0
-      date-fns-tz: 3.2.0(date-fns@3.6.0)
+      csstype: 3.2.3
+      date-fns: 4.1.0
+      date-fns-tz: 3.2.0(date-fns@4.1.0)
       evtd: 0.2.4
       highlight.js: 11.11.1
       lodash: 4.17.21
@@ -19420,16 +19171,16 @@ snapshots:
   nitropack@2.12.9:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
-      '@rollup/plugin-alias': 5.1.1(rollup@4.53.1)
-      '@rollup/plugin-commonjs': 28.0.9(rollup@4.53.1)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.53.1)
-      '@rollup/plugin-json': 6.1.0(rollup@4.53.1)
-      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.53.1)
-      '@rollup/plugin-replace': 6.0.3(rollup@4.53.1)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.53.1)
-      '@vercel/nft': 0.30.3(rollup@4.53.1)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.53.2)
+      '@rollup/plugin-commonjs': 28.0.9(rollup@4.53.2)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.53.2)
+      '@rollup/plugin-json': 6.1.0(rollup@4.53.2)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.53.2)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.53.2)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.53.2)
+      '@vercel/nft': 0.30.3(rollup@4.53.2)
       archiver: 7.0.1
-      c12: 3.3.1(magicast@0.5.1)
+      c12: 3.3.2(magicast@0.5.1)
       chokidar: 4.0.3
       citty: 0.1.6
       compatx: 0.2.0
@@ -19445,7 +19196,7 @@ snapshots:
       esbuild: 0.25.3
       escape-string-regexp: 5.0.0
       etag: 1.8.1
-      exsolve: 1.0.7
+      exsolve: 1.0.8
       globby: 15.0.0
       gzip-size: 7.0.0
       h3: 1.15.4
@@ -19454,7 +19205,7 @@ snapshots:
       ioredis: 5.8.2
       jiti: 2.6.1
       klona: 2.0.6
-      knitwork: 1.2.0
+      knitwork: 1.3.0
       listhen: 1.9.0
       magic-string: 0.30.21
       magicast: 0.5.1
@@ -19469,8 +19220,8 @@ snapshots:
       pkg-types: 2.3.0
       pretty-bytes: 7.1.0
       radix3: 1.1.2
-      rollup: 4.53.1
-      rollup-plugin-visualizer: 6.0.5(rollup@4.53.1)
+      rollup: 4.53.2
+      rollup-plugin-visualizer: 6.0.5(rollup@4.53.2)
       scule: 1.3.0
       semver: 7.7.3
       serve-placeholder: 2.0.2
@@ -19532,7 +19283,7 @@ snapshots:
 
   node-fetch-cache@5.1.0:
     dependencies:
-      cacache: 20.0.1
+      cacache: 20.0.2
       formdata-node: 6.0.3
       locko: 1.1.0
       node-fetch: 3.3.2
@@ -19654,7 +19405,7 @@ snapshots:
 
   open@10.2.0:
     dependencies:
-      default-browser: 5.2.1
+      default-browser: 5.4.0
       define-lazy-prop: 3.0.0
       is-inside-container: 1.0.0
       wsl-utils: 0.1.0
@@ -19708,7 +19459,7 @@ snapshots:
 
   p-limit@4.0.0:
     dependencies:
-      yocto-queue: 1.2.1
+      yocto-queue: 1.2.2
 
   p-locate@4.1.0:
     dependencies:
@@ -19724,7 +19475,7 @@ snapshots:
 
   p-map@2.1.0: {}
 
-  p-map@7.0.3: {}
+  p-map@7.0.4: {}
 
   p-try@2.2.0: {}
 
@@ -19851,16 +19602,16 @@ snapshots:
 
   pify@4.0.1: {}
 
-  pinia-plugin-persistedstate@4.7.1(@nuxt/kit@3.20.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))):
+  pinia-plugin-persistedstate@4.7.1(@nuxt/kit@3.20.1(magicast@0.5.1))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))):
     dependencies:
       defu: 6.1.4
     optionalDependencies:
-      '@nuxt/kit': 3.20.1
+      '@nuxt/kit': 3.20.1(magicast@0.5.1)
       pinia: 3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
 
   pinia@3.0.4(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@vue/devtools-api': 7.7.7
+      '@vue/devtools-api': 7.7.9
       vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
       typescript: 5.9.3
@@ -19880,7 +19631,7 @@ snapshots:
   pkg-types@2.3.0:
     dependencies:
       confbox: 0.2.2
-      exsolve: 1.0.7
+      exsolve: 1.0.8
       pathe: 2.0.3
 
   playwright-core@1.56.1: {}
@@ -19951,7 +19702,7 @@ snapshots:
 
   postcss-colormin@7.0.5(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.5.6
@@ -19959,7 +19710,7 @@ snapshots:
 
   postcss-convert-values@7.0.8(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
@@ -20099,7 +19850,7 @@ snapshots:
 
   postcss-merge-rules@7.0.7(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       caniuse-api: 3.0.0
       cssnano-utils: 5.0.1(postcss@8.5.6)
       postcss: 8.5.6
@@ -20119,7 +19870,7 @@ snapshots:
 
   postcss-minify-params@7.0.5(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       cssnano-utils: 5.0.1(postcss@8.5.6)
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
@@ -20183,7 +19934,7 @@ snapshots:
 
   postcss-normalize-unicode@7.0.5(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
@@ -20259,8 +20010,8 @@ snapshots:
       '@csstools/postcss-text-decoration-shorthand': 4.0.3(postcss@8.5.6)
       '@csstools/postcss-trigonometric-functions': 4.0.9(postcss@8.5.6)
       '@csstools/postcss-unset-value': 4.0.0(postcss@8.5.6)
-      autoprefixer: 10.4.21(postcss@8.5.6)
-      browserslist: 4.27.0
+      autoprefixer: 10.4.22(postcss@8.5.6)
+      browserslist: 4.28.0
       css-blank-pseudo: 7.0.1(postcss@8.5.6)
       css-has-pseudo: 7.0.3(postcss@8.5.6)
       css-prefers-color-scheme: 10.0.0(postcss@8.5.6)
@@ -20299,7 +20050,7 @@ snapshots:
 
   postcss-reduce-initial@7.0.5(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       caniuse-api: 3.0.0
       postcss: 8.5.6
 
@@ -20429,9 +20180,9 @@ snapshots:
     dependencies:
       escape-goat: 4.0.0
 
-  qified@0.5.1:
+  qified@0.5.2:
     dependencies:
-      hookified: 1.12.2
+      hookified: 1.13.0
 
   qrcode@1.5.4:
     dependencies:
@@ -20476,13 +20227,13 @@ snapshots:
   read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
-      js-yaml: 3.14.1
+      js-yaml: 3.14.2
       pify: 4.0.1
       strip-bom: 3.0.0
 
   read-yaml-file@2.1.0:
     dependencies:
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       strip-bom: 4.0.0
 
   readable-stream@2.3.8:
@@ -20619,8 +20370,6 @@ snapshots:
       argparse: 1.0.10
       autolinker: 3.16.2
 
-  remove-accents@0.5.0: {}
-
   require-directory@2.1.1: {}
 
   require-from-string@2.0.2: {}
@@ -20661,67 +20410,67 @@ snapshots:
 
   rimraf@6.1.0:
     dependencies:
-      glob: 11.0.3
+      glob: 11.1.0
       package-json-from-dist: 1.0.1
 
   robust-predicates@3.0.2: {}
 
-  rollup-plugin-dts@6.2.3(rollup@4.53.1)(typescript@5.9.3):
+  rollup-plugin-dts@6.2.3(rollup@4.53.2)(typescript@5.9.3):
     dependencies:
       magic-string: 0.30.21
-      rollup: 4.53.1
+      rollup: 4.53.2
       typescript: 5.9.3
     optionalDependencies:
       '@babel/code-frame': 7.27.1
 
-  rollup-plugin-visualizer@5.14.0(rollup@4.53.1):
+  rollup-plugin-visualizer@5.14.0(rollup@4.53.2):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.6
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
-  rollup-plugin-visualizer@6.0.5(rollup@4.53.1):
+  rollup-plugin-visualizer@6.0.5(rollup@4.53.2):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.6
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.53.1
+      rollup: 4.53.2
 
   rollup@2.79.2:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.53.1:
+  rollup@4.53.2:
     dependencies:
       '@types/estree': 1.0.8
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.53.1
-      '@rollup/rollup-android-arm64': 4.53.1
-      '@rollup/rollup-darwin-arm64': 4.53.1
-      '@rollup/rollup-darwin-x64': 4.53.1
-      '@rollup/rollup-freebsd-arm64': 4.53.1
-      '@rollup/rollup-freebsd-x64': 4.53.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.53.1
-      '@rollup/rollup-linux-arm-musleabihf': 4.53.1
-      '@rollup/rollup-linux-arm64-gnu': 4.53.1
-      '@rollup/rollup-linux-arm64-musl': 4.53.1
-      '@rollup/rollup-linux-loong64-gnu': 4.53.1
-      '@rollup/rollup-linux-ppc64-gnu': 4.53.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.53.1
-      '@rollup/rollup-linux-riscv64-musl': 4.53.1
-      '@rollup/rollup-linux-s390x-gnu': 4.53.1
-      '@rollup/rollup-linux-x64-gnu': 4.53.1
-      '@rollup/rollup-linux-x64-musl': 4.53.1
-      '@rollup/rollup-openharmony-arm64': 4.53.1
-      '@rollup/rollup-win32-arm64-msvc': 4.53.1
-      '@rollup/rollup-win32-ia32-msvc': 4.53.1
-      '@rollup/rollup-win32-x64-gnu': 4.53.1
-      '@rollup/rollup-win32-x64-msvc': 4.53.1
+      '@rollup/rollup-android-arm-eabi': 4.53.2
+      '@rollup/rollup-android-arm64': 4.53.2
+      '@rollup/rollup-darwin-arm64': 4.53.2
+      '@rollup/rollup-darwin-x64': 4.53.2
+      '@rollup/rollup-freebsd-arm64': 4.53.2
+      '@rollup/rollup-freebsd-x64': 4.53.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.53.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.53.2
+      '@rollup/rollup-linux-arm64-gnu': 4.53.2
+      '@rollup/rollup-linux-arm64-musl': 4.53.2
+      '@rollup/rollup-linux-loong64-gnu': 4.53.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.53.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.53.2
+      '@rollup/rollup-linux-riscv64-musl': 4.53.2
+      '@rollup/rollup-linux-s390x-gnu': 4.53.2
+      '@rollup/rollup-linux-x64-gnu': 4.53.2
+      '@rollup/rollup-linux-x64-musl': 4.53.2
+      '@rollup/rollup-openharmony-arm64': 4.53.2
+      '@rollup/rollup-win32-arm64-msvc': 4.53.2
+      '@rollup/rollup-win32-ia32-msvc': 4.53.2
+      '@rollup/rollup-win32-x64-gnu': 4.53.2
+      '@rollup/rollup-win32-x64-msvc': 4.53.2
       fsevents: 2.3.3
 
   rotated-array-set@3.0.0: {}
@@ -20771,7 +20520,7 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass@1.93.3:
+  sass@1.94.1:
     dependencies:
       chokidar: 4.0.3
       immutable: 5.1.4
@@ -20941,7 +20690,7 @@ snapshots:
 
   signature_pad@3.0.0-beta.4: {}
 
-  signature_pad@5.1.1: {}
+  signature_pad@5.1.2: {}
 
   sirv@3.0.2:
     dependencies:
@@ -21016,7 +20765,7 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
-  ssri@12.0.0:
+  ssri@13.0.0:
     dependencies:
       minipass: 7.1.2
 
@@ -21177,7 +20926,7 @@ snapshots:
 
   stylehacks@7.0.7(postcss@8.5.6):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       postcss: 8.5.6
       postcss-selector-parser: 7.1.0
 
@@ -21301,7 +21050,7 @@ snapshots:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
       commander: 4.1.1
-      glob: 10.4.5
+      glob: 10.5.0
       lines-and-columns: 1.2.4
       mz: 2.7.0
       pirates: 4.0.7
@@ -21328,18 +21077,18 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte@5.43.5:
+  svelte@5.43.10:
     dependencies:
       '@jridgewell/remapping': 2.3.5
       '@jridgewell/sourcemap-codec': 1.5.5
-      '@sveltejs/acorn-typescript': 1.0.6(acorn@8.15.0)
+      '@sveltejs/acorn-typescript': 1.0.7(acorn@8.15.0)
       '@types/estree': 1.0.8
       acorn: 8.15.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
       clsx: 2.1.1
       esm-env: 1.2.2
-      esrap: 2.1.2
+      esrap: 2.1.3
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.21
@@ -21437,21 +21186,21 @@ snapshots:
       '@babel/runtime': 7.28.4
       vue: 3.5.24(typescript@5.9.3)
 
-  tdesign-vue-next@1.17.2(vue@3.5.24(typescript@5.9.3)):
+  tdesign-vue-next@1.17.3(vue@3.5.24(typescript@5.9.3)):
     dependencies:
       '@babel/runtime': 7.28.4
       '@popperjs/core': 2.11.8
       '@types/lodash-es': 4.17.12
       '@types/sortablejs': 1.15.9
       '@types/tinycolor2': 1.4.6
-      '@types/validator': 13.15.4
+      '@types/validator': 13.15.10
       dayjs: 1.11.19
       lodash-es: 4.17.21
       mitt: 3.0.1
       sortablejs: 1.15.6
       tdesign-icons-vue-next: 0.4.1(vue@3.5.24(typescript@5.9.3))
       tinycolor2: 1.6.0
-      validator: 13.15.22
+      validator: 13.15.23
       vue: 3.5.24(typescript@5.9.3)
 
   temp-dir@2.0.0: {}
@@ -21562,32 +21311,32 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  turbo-darwin-64@2.6.0:
+  turbo-darwin-64@2.6.1:
     optional: true
 
-  turbo-darwin-arm64@2.6.0:
+  turbo-darwin-arm64@2.6.1:
     optional: true
 
-  turbo-linux-64@2.6.0:
+  turbo-linux-64@2.6.1:
     optional: true
 
-  turbo-linux-arm64@2.6.0:
+  turbo-linux-arm64@2.6.1:
     optional: true
 
-  turbo-windows-64@2.6.0:
+  turbo-windows-64@2.6.1:
     optional: true
 
-  turbo-windows-arm64@2.6.0:
+  turbo-windows-arm64@2.6.1:
     optional: true
 
-  turbo@2.6.0:
+  turbo@2.6.1:
     optionalDependencies:
-      turbo-darwin-64: 2.6.0
-      turbo-darwin-arm64: 2.6.0
-      turbo-linux-64: 2.6.0
-      turbo-linux-arm64: 2.6.0
-      turbo-windows-64: 2.6.0
-      turbo-windows-arm64: 2.6.0
+      turbo-darwin-64: 2.6.1
+      turbo-darwin-arm64: 2.6.1
+      turbo-linux-64: 2.6.1
+      turbo-linux-arm64: 2.6.1
+      turbo-windows-64: 2.6.1
+      turbo-windows-arm64: 2.6.1
 
   type-check@0.4.0:
     dependencies:
@@ -21651,14 +21400,14 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  unbuild@3.6.1(sass@1.93.3)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3)):
+  unbuild@3.6.1(sass@1.94.1)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@rollup/plugin-alias': 5.1.1(rollup@4.53.1)
-      '@rollup/plugin-commonjs': 28.0.9(rollup@4.53.1)
-      '@rollup/plugin-json': 6.1.0(rollup@4.53.1)
-      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.53.1)
-      '@rollup/plugin-replace': 6.0.3(rollup@4.53.1)
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.53.2)
+      '@rollup/plugin-commonjs': 28.0.9(rollup@4.53.2)
+      '@rollup/plugin-json': 6.1.0(rollup@4.53.2)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.53.2)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.53.2)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       citty: 0.1.6
       consola: 3.4.2
       defu: 6.1.4
@@ -21667,13 +21416,13 @@ snapshots:
       hookable: 5.5.3
       jiti: 2.6.1
       magic-string: 0.30.21
-      mkdist: 2.4.1(sass@1.93.3)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
+      mkdist: 2.4.1(sass@1.94.1)(typescript@5.9.3)(vue-tsc@2.2.10(typescript@5.9.3))(vue@3.5.24(typescript@5.9.3))
       mlly: 1.8.0
       pathe: 2.0.3
       pkg-types: 2.3.0
       pretty-bytes: 7.1.0
-      rollup: 4.53.1
-      rollup-plugin-dts: 6.2.3(rollup@4.53.1)(typescript@5.9.3)
+      rollup: 4.53.2
+      rollup-plugin-dts: 6.2.3(rollup@4.53.2)(typescript@5.9.3)
       scule: 1.3.0
       tinyglobby: 0.2.15
       untyped: 2.0.0
@@ -21851,12 +21600,12 @@ snapshots:
       citty: 0.1.6
       defu: 6.1.4
       jiti: 2.6.1
-      knitwork: 1.2.0
+      knitwork: 1.3.0
       scule: 1.3.0
 
   unwasm@0.3.11:
     dependencies:
-      knitwork: 1.2.0
+      knitwork: 1.3.0
       magic-string: 0.30.21
       mlly: 1.8.0
       pathe: 2.0.3
@@ -21865,9 +21614,9 @@ snapshots:
 
   upath@1.2.0: {}
 
-  update-browserslist-db@1.1.4(browserslist@4.27.0):
+  update-browserslist-db@1.1.4(browserslist@4.28.0):
     dependencies:
-      browserslist: 4.27.0
+      browserslist: 4.28.0
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -21894,7 +21643,7 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  validator@13.15.22: {}
+  validator@13.15.23: {}
 
   vdirs@0.1.8(vue@3.5.24(typescript@5.9.3)):
     dependencies:
@@ -21903,7 +21652,7 @@ snapshots:
 
   vee-validate@4.15.1(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@vue/devtools-api': 7.7.7
+      '@vue/devtools-api': 7.7.9
       type-fest: 4.41.0
       vue: 3.5.24(typescript@5.9.3)
 
@@ -21939,17 +21688,17 @@ snapshots:
     dependencies:
       global: 4.4.0
 
-  vite-hot-client@2.1.0(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-hot-client@2.1.0(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
 
-  vite-node@3.2.4(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1):
+  vite-node@3.2.4(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -21964,19 +21713,19 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-compression@0.5.1(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-plugin-compression@0.5.1(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
       chalk: 4.1.2
       debug: 4.4.3
       fs-extra: 10.1.0
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@24.10.0)(rollup@4.53.1)(typescript@5.9.3)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-plugin-dts@4.5.4(@types/node@24.10.1)(rollup@4.53.2)(typescript@5.9.3)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
-      '@microsoft/api-extractor': 7.54.0(@types/node@24.10.0)
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@microsoft/api-extractor': 7.55.0(@types/node@24.10.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       '@volar/typescript': 2.4.23
       '@vue/language-core': 2.2.0(typescript@5.9.3)
       compare-versions: 6.1.1
@@ -21986,13 +21735,13 @@ snapshots:
       magic-string: 0.30.21
       typescript: 5.9.3
     optionalDependencies:
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-html@3.2.2(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-plugin-html@3.2.2(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       colorette: 2.0.20
@@ -22006,12 +21755,12 @@ snapshots:
       html-minifier-terser: 6.1.0
       node-html-parser: 5.4.2
       pathe: 0.2.0
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
 
-  vite-plugin-inspect@0.8.9(rollup@4.53.1)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-plugin-inspect@0.8.9(rollup@4.53.2)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
       '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       debug: 4.4.3
       error-stack-parser-es: 0.1.5
       fs-extra: 11.3.2
@@ -22019,57 +21768,57 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.1
       sirv: 3.0.2
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
   vite-plugin-lazy-import@1.0.7:
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.1)
+      '@rollup/pluginutils': 5.3.0(rollup@4.53.2)
       es-module-lexer: 1.7.0
-      rollup: 4.53.1
+      rollup: 4.53.2
       xe-utils: 3.7.9
 
-  vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0):
+  vite-plugin-pwa@1.1.0(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(workbox-build@7.3.0)(workbox-window@7.3.0):
     dependencies:
       debug: 4.4.3
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.15
-      vite: 5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)
+      vite: 5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)
       workbox-build: 7.3.0
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-pwa@1.1.0(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0):
+  vite-plugin-pwa@1.1.0(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0):
     dependencies:
       debug: 4.4.3
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.15
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       workbox-build: 7.3.0
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-vue-devtools@7.7.7(rollup@4.53.1)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3)):
+  vite-plugin-vue-devtools@7.7.9(rollup@4.53.2)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@vue/devtools-core': 7.7.7(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
-      '@vue/devtools-kit': 7.7.7
-      '@vue/devtools-shared': 7.7.7
+      '@vue/devtools-core': 7.7.9(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+      '@vue/devtools-kit': 7.7.9
+      '@vue/devtools-shared': 7.7.9
       execa: 9.6.0
       sirv: 3.0.2
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
-      vite-plugin-inspect: 0.8.9(rollup@4.53.1)(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
-      vite-plugin-vue-inspector: 5.3.2(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
+      vite-plugin-inspect: 0.8.9(rollup@4.53.2)(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
+      vite-plugin-vue-inspector: 5.3.2(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
     transitivePeerDependencies:
       - '@nuxt/kit'
       - rollup
       - supports-color
       - vue
 
-  vite-plugin-vue-inspector@5.3.2(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
+  vite-plugin-vue-inspector@5.3.2(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.5)
@@ -22080,60 +21829,60 @@ snapshots:
       '@vue/compiler-dom': 3.5.24
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1):
+  vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1):
     dependencies:
       esbuild: 0.25.3
       postcss: 8.5.6
-      rollup: 4.53.1
+      rollup: 4.53.2
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
       fsevents: 2.3.3
       less: 4.4.2
-      sass: 1.93.3
+      sass: 1.94.1
       terser: 5.44.1
 
-  vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1):
+  vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1):
     dependencies:
       esbuild: 0.25.3
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.53.1
+      rollup: 4.53.2
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
       fsevents: 2.3.3
       jiti: 2.6.1
       less: 4.4.2
-      sass: 1.93.3
+      sass: 1.94.1
       terser: 5.44.1
       yaml: 2.8.1
 
-  vitepress-plugin-group-icons@1.6.5(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)):
+  vitepress-plugin-group-icons@1.6.5(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)):
     dependencies:
       '@iconify-json/logos': 1.2.10
-      '@iconify-json/vscode-icons': 1.2.33
+      '@iconify-json/vscode-icons': 1.2.35
       '@iconify/utils': 3.0.2
     optionalDependencies:
-      vite: 5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)
+      vite: 5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)
     transitivePeerDependencies:
       - supports-color
 
-  vitepress@1.6.4(@algolia/client-search@5.43.0)(@types/node@24.10.0)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3):
+  vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.10.1)(async-validator@4.2.5)(axios@1.13.2)(less@4.4.2)(nprogress@0.2.0)(postcss@8.5.6)(qrcode@1.5.4)(sass@1.94.1)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3):
     dependencies:
       '@docsearch/css': 3.8.2
-      '@docsearch/js': 3.8.2(@algolia/client-search@5.43.0)(search-insights@2.17.3)
-      '@iconify-json/simple-icons': 1.2.58
+      '@docsearch/js': 3.8.2(@algolia/client-search@5.44.0)(search-insights@2.17.3)
+      '@iconify-json/simple-icons': 1.2.59
       '@shikijs/core': 2.5.0
       '@shikijs/transformers': 2.5.0
       '@shikijs/types': 2.5.0
       '@types/markdown-it': 14.1.2
-      '@vitejs/plugin-vue': 5.2.4(vite@5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))
-      '@vue/devtools-api': 7.7.7
+      '@vitejs/plugin-vue': 5.2.4(vite@5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))
+      '@vue/devtools-api': 7.7.9
       '@vue/shared': 3.5.24
       '@vueuse/core': 12.8.2(typescript@5.9.3)
       '@vueuse/integrations': 12.8.2(async-validator@4.2.5)(axios@1.13.2)(focus-trap@7.6.6)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.6)(typescript@5.9.3)
@@ -22141,7 +21890,7 @@ snapshots:
       mark.js: 8.11.1
       minisearch: 7.2.0
       shiki: 2.5.0
-      vite: 5.4.21(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)
+      vite: 5.4.21(@types/node@24.10.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)
       vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
       postcss: 8.5.6
@@ -22172,11 +21921,11 @@ snapshots:
       - typescript
       - universal-cookie
 
-  vitest@3.2.4(@types/node@24.10.0)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1):
+  vitest@3.2.4(@types/node@24.10.1)(happy-dom@17.6.3)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1):
     dependencies:
       '@types/chai': 5.2.3
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+      '@vitest/mocker': 3.2.4(vite@7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.2.4
       '@vitest/snapshot': 3.2.4
@@ -22194,11 +21943,11 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 7.2.2(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
-      vite-node: 3.2.4(@types/node@24.10.0)(jiti@2.6.1)(less@4.4.2)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite: 7.2.2(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
+      vite-node: 3.2.4(@types/node@24.10.1)(jiti@2.6.1)(less@4.4.2)(sass@1.94.1)(terser@5.44.1)(yaml@2.8.1)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 24.10.0
+      '@types/node': 24.10.1
       happy-dom: 17.6.3
     transitivePeerDependencies:
       - jiti
@@ -22317,15 +22066,15 @@ snapshots:
       vooks: 0.2.12(vue@3.5.24(typescript@5.9.3))
       vue: 3.5.24(typescript@5.9.3)
 
-  vxe-pc-ui@4.10.18(vue@3.5.24(typescript@5.9.3)):
+  vxe-pc-ui@4.10.27(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@vxe-ui/core': 4.2.13(vue@3.5.24(typescript@5.9.3))
+      '@vxe-ui/core': 4.2.14(vue@3.5.24(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
-  vxe-table@4.17.12(vue@3.5.24(typescript@5.9.3)):
+  vxe-table@4.17.16(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      vxe-pc-ui: 4.10.18(vue@3.5.24(typescript@5.9.3))
+      vxe-pc-ui: 4.10.27(vue@3.5.24(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
@@ -22654,7 +22403,7 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.2.1: {}
+  yocto-queue@1.2.2: {}
 
   yoctocolors@2.1.2: {}
 

From f1d9ffa47d5d80238104c2cfdf3410a14cb49013 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 14:07:25 +0800
Subject: [PATCH 05/34] docs: README

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f3da9a925..cc80b795d 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,7 @@
 - **组件**：二次封装了多个常用的组件
 - **示例**：内置丰富的示例
 
-## 外包项目请联系【非项目需求请勿扫码，非客服，不解答项目问题】
+## [外包项目请联系【非项目需求请勿扫码，非客服，不解答项目问题】](https://www.shuduokeji.com)
 
 ![alt 软件定制开发 数舵科技](.image/wx-xingyu.png)
 

From 03a5af3ba34e4c890c613db06738508319e553db Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 15:54:18 +0800
Subject: [PATCH 06/34] =?UTF-8?q?fix:=20antd=20mall=20diy=20=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component-container-property.vue          |  2 +-
 .../promotion/components/diy-editor/index.vue |  2 +-
 .../promotion/diy/template/decorate/index.vue | 91 ++++++++-----------
 3 files changed, 40 insertions(+), 55 deletions(-)

diff --git a/apps/web-antd/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue b/apps/web-antd/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
index 37cc1ac46..97108ded9 100644
--- a/apps/web-antd/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
+++ b/apps/web-antd/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
@@ -189,7 +189,7 @@ function handleSliderChange(prop: string) {
                       :max="100"
                       :min="0"
                       @change="handleSliderChange(dataRef.prop)"
-                      class="mr-[16px]"
+                      class="mr-4"
                     />
                   </Col>
                   <Col :span="2">
diff --git a/apps/web-antd/src/views/mall/promotion/components/diy-editor/index.vue b/apps/web-antd/src/views/mall/promotion/components/diy-editor/index.vue
index 32ec03daa..6ec29f49e 100644
--- a/apps/web-antd/src/views/mall/promotion/components/diy-editor/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/components/diy-editor/index.vue
@@ -385,7 +385,7 @@ onMounted(() => {
             }"
           >
             <div
-              class="bg-size-[auto_auto] relative mx-auto my-0 min-h-full w-96 items-center justify-center bg-no-repeat"
+              class="relative mx-auto my-0 min-h-full w-96 items-center justify-center bg-auto bg-no-repeat"
             >
               <draggable
                 v-model="pageComponents"
diff --git a/apps/web-antd/src/views/mall/promotion/diy/template/decorate/index.vue b/apps/web-antd/src/views/mall/promotion/diy/template/decorate/index.vue
index aadc5bd9a..bf362a326 100644
--- a/apps/web-antd/src/views/mall/promotion/diy/template/decorate/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/diy/template/decorate/index.vue
@@ -9,7 +9,7 @@ import { useRoute } from 'vue-router';
 import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
-import { isEmpty, isNumber } from '@vben/utils';
+import { isEmpty } from '@vben/utils';
 
 import { message, Radio, RadioGroup } from 'ant-design-vue';
 
@@ -26,29 +26,35 @@ defineOptions({ name: 'DiyTemplateDecorate' });
 const route = useRoute();
 const { refreshTab } = useTabs();
 
-const DIY_PAGE_INDEX_KEY = 'diy_page_index'; // 特殊：存储 reset 重置时，当前 selectedTemplateItem 值，从而进行恢复
+const domain = import.meta.env.VITE_MALL_H5_DOMAIN;
+// 特殊：存储 reset 重置时，当前 selectedTemplateItem 值，从而进行恢复
+const DIY_PAGE_INDEX_KEY = 'diy_page_index';
 
 const selectedTemplateItem = ref(0);
+// 左上角工具栏操作按钮
 const templateItems = ref([
-  { name: '基础设置', icon: 'lucide:settings' },
-  { name: '首页', icon: 'lucide:home' },
-  { name: '我的', icon: 'lucide:user' },
-]); // 左上角工具栏操作按钮
+  { key: 0, name: '基础设置', icon: 'lucide:settings' },
+  { key: 1, name: '首页', icon: 'lucide:home' },
+  { key: 2, name: '我的', icon: 'lucide:user' },
+]);
 
 const formData = ref<MallDiyTemplateApi.DiyTemplateProperty>();
+// 当前编辑的属性
 const currentFormData = ref<
   MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty
 >({
   property: '',
-} as MallDiyPageApi.DiyPage); // 当前编辑的属性
+} as MallDiyPageApi.DiyPage);
+// templateItem 对应的缓存
 const currentFormDataMap = ref<
   Map<string, MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty>
->(new Map()); // templateItem 对应的缓存
-
-const previewUrl = ref(''); // 商城 H5 预览地址
-
-const templateLibs = [] as DiyComponentLibrary[]; // 模板组件库
-const libs = ref<DiyComponentLibrary[]>(templateLibs); // 当前组件库
+>(new Map());
+// 商城 H5 预览地址
+const previewUrl = ref('');
+// 模板组件库
+const templateLibs = [] as DiyComponentLibrary[];
+// 当前组件库
+const libs = ref<DiyComponentLibrary[]>(templateLibs);
 
 /** 获取详情 */
 async function getPageDetail(id: any) {
@@ -58,38 +64,32 @@ async function getPageDetail(id: any) {
   });
   try {
     formData.value = await getDiyTemplateProperty(id);
-
     // 拼接手机预览链接
-    const domain = import.meta.env.VITE_MALL_H5_DOMAIN;
     const accessStore = useAccessStore();
-    previewUrl.value = `${domain}?templateId=${formData.value.id}&${accessStore.tenantId}`;
+    previewUrl.value = `${domain}?templateId=${formData.value.id}&tenantId=${accessStore.tenantId}`;
   } finally {
     hideLoading();
   }
 }
 
 /** 模板选项切换 */
-// TODO @xingyu：貌似切换不对；“个人中心”切换不过去；
-function handleTemplateItemChange(event: any) {
-  // 从事件对象中获取值
-  const val = event.target?.value ?? event;
-  // 切换模版
-  selectedTemplateItem.value = isNumber(val)
-    ? val
-    : templateItems.value.findIndex((item) => item.name === val.name);
-
+function handleTemplateItemChange(val: any) {
+  const changeValue = val.target.value;
   // 缓存模版编辑数据
   currentFormDataMap.value.set(
-    templateItems.value[selectedTemplateItem.value]?.name || '',
+    templateItems.value[changeValue]!.name,
     currentFormData.value!,
   );
+  // 切换模版
+  selectedTemplateItem.value = changeValue;
+
   // 读取模版缓存
   const data = currentFormDataMap.value.get(
-    templateItems.value[selectedTemplateItem.value]?.name || '',
+    templateItems.value[changeValue]!.name,
   );
 
   // 情况一：编辑模板
-  if (val === 0) {
+  if (changeValue === 0) {
     libs.value = templateLibs;
     currentFormData.value = (isEmpty(data) ? formData.value : data) as
       | MallDiyPageApi.DiyPage
@@ -99,22 +99,14 @@ function handleTemplateItemChange(event: any) {
 
   // 情况二：编辑页面
   libs.value = PAGE_LIBS;
-  const pageData = isEmpty(data)
-    ? formData.value!.pages.find(
-        (page: MallDiyPageApi.DiyPage) =>
-          page.name === templateItems.value[val]?.name,
-      )
-    : data;
-
-  // 如果找不到页面数据，使用默认值
-  currentFormData.value = pageData
-    ? (pageData as
-        | MallDiyPageApi.DiyPage
-        | MallDiyTemplateApi.DiyTemplateProperty)
-    : ({
-        property: '',
-        name: templateItems.value[val]?.name || '',
-      } as MallDiyPageApi.DiyPage);
+  currentFormData.value = (
+    isEmpty(data)
+      ? formData.value!.pages.find(
+          (page: MallDiyPageApi.DiyPage) =>
+            page.name === templateItems.value[changeValue]!.name,
+        )
+      : data
+  ) as MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty;
 }
 
 /** 提交表单 */
@@ -210,15 +202,8 @@ onMounted(async () => {
         size="large"
         @change="handleTemplateItemChange"
       >
-        <template v-for="(item, index) in templateItems" :key="index">
-          <Radio.Button
-            :value="item"
-            :class="
-              index === selectedTemplateItem
-                ? 'bg-primary text-primary-foreground'
-                : ''
-            "
-          >
+        <template v-for="item in templateItems" :key="item.key">
+          <Radio.Button :value="item.key">
             <IconifyIcon
               :icon="item.icon"
               class="mt-2 flex size-5 items-center"

From 114114fc32ec8e1e42ff01bb013e20592d5e946a Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 17:22:12 +0800
Subject: [PATCH 07/34] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=20utils?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/adapter/vxe-table.ts         | 8 ++------
 apps/web-ele/src/adapter/vxe-table.ts          | 8 ++------
 apps/web-naive/src/adapter/vxe-table.ts        | 8 ++------
 apps/web-tdesign/src/adapter/vxe-table.ts      | 8 ++------
 packages/@core/base/shared/src/utils/upload.ts | 8 ++++----
 5 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/apps/web-antd/src/adapter/vxe-table.ts b/apps/web-antd/src/adapter/vxe-table.ts
index 200ea61d5..d41f39113 100644
--- a/apps/web-antd/src/adapter/vxe-table.ts
+++ b/apps/web-antd/src/adapter/vxe-table.ts
@@ -16,6 +16,7 @@ import {
   erpCountInputFormatter,
   erpNumberFormatter,
   fenToYuan,
+  formatFileSize,
   formatPast2,
   isFunction,
   isString,
@@ -354,12 +355,7 @@ setupVbenVxeTable({
     // add by 星语：文件大小格式化
     vxeUI.formats.add('formatFileSize', {
       tableCellFormatMethod({ cellValue }, digits = 2) {
-        if (!cellValue) return '0 B';
-        const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / 1024 ** index;
-        const formattedSize = size.toFixed(digits);
-        return `${formattedSize} ${unitArr[index]}`;
+        return formatFileSize(cellValue, digits);
       },
     });
   },
diff --git a/apps/web-ele/src/adapter/vxe-table.ts b/apps/web-ele/src/adapter/vxe-table.ts
index aef2a9aa1..27917454f 100644
--- a/apps/web-ele/src/adapter/vxe-table.ts
+++ b/apps/web-ele/src/adapter/vxe-table.ts
@@ -16,6 +16,7 @@ import {
   erpCountInputFormatter,
   erpNumberFormatter,
   fenToYuan,
+  formatFileSize,
   formatPast2,
   isFunction,
   isString,
@@ -344,12 +345,7 @@ setupVbenVxeTable({
     // add by 星语：文件大小格式化
     vxeUI.formats.add('formatFileSize', {
       tableCellFormatMethod({ cellValue }, digits = 2) {
-        if (!cellValue) return '0 B';
-        const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / 1024 ** index;
-        const formattedSize = size.toFixed(digits);
-        return `${formattedSize} ${unitArr[index]}`;
+        return formatFileSize(cellValue, digits);
       },
     });
   },
diff --git a/apps/web-naive/src/adapter/vxe-table.ts b/apps/web-naive/src/adapter/vxe-table.ts
index 44d2f7bfc..db032db3b 100644
--- a/apps/web-naive/src/adapter/vxe-table.ts
+++ b/apps/web-naive/src/adapter/vxe-table.ts
@@ -7,6 +7,7 @@ import {
   erpCountInputFormatter,
   erpNumberFormatter,
   fenToYuan,
+  formatFileSize,
   formatPast2,
 } from '@vben/utils';
 
@@ -205,12 +206,7 @@ setupVbenVxeTable({
 
     vxeUI.formats.add('formatFileSize', {
       tableCellFormatMethod({ cellValue }, digits = 2) {
-        if (!cellValue) return '0 B';
-        const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / 1024 ** index;
-        const formattedSize = size.toFixed(digits);
-        return `${formattedSize} ${unitArr[index]}`;
+        return formatFileSize(cellValue, digits);
       },
     });
   },
diff --git a/apps/web-tdesign/src/adapter/vxe-table.ts b/apps/web-tdesign/src/adapter/vxe-table.ts
index 24caaefb4..d774885cf 100644
--- a/apps/web-tdesign/src/adapter/vxe-table.ts
+++ b/apps/web-tdesign/src/adapter/vxe-table.ts
@@ -13,6 +13,7 @@ import {
   erpCountInputFormatter,
   erpNumberFormatter,
   fenToYuan,
+  formatFileSize,
   formatPast2,
 } from '@vben/utils';
 
@@ -211,12 +212,7 @@ setupVbenVxeTable({
     // add by 星语：文件大小格式化
     vxeUI.formats.add('formatFileSize', {
       tableCellFormatMethod({ cellValue }, digits = 2) {
-        if (!cellValue) return '0 B';
-        const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / 1024 ** index;
-        const formattedSize = size.toFixed(digits);
-        return `${formattedSize} ${unitArr[index]}`;
+        return formatFileSize(cellValue, digits);
       },
     });
   },
diff --git a/packages/@core/base/shared/src/utils/upload.ts b/packages/@core/base/shared/src/utils/upload.ts
index 04f6421ff..d7d3cb208 100644
--- a/packages/@core/base/shared/src/utils/upload.ts
+++ b/packages/@core/base/shared/src/utils/upload.ts
@@ -110,14 +110,14 @@ export function isImage(filename: null | string | undefined): boolean {
  * @param bytes 文件大小（字节）
  * @returns 格式化后的文件大小字符串
  */
-export function formatFileSize(bytes: number): string {
+export function formatFileSize(bytes: number, digits = 2): string {
   if (bytes === 0) {
     return '0 B';
   }
   const k = 1024;
-  const sizes = ['B', 'KB', 'MB', 'GB'];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${Number.parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;
+  const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const index = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${Number.parseFloat((bytes / k ** index).toFixed(digits))} ${unitArr[index]}`;
 }
 
 /**

From b3a1848243aae55fa74248b1999cdc06fe3e7ba8 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 17:24:51 +0800
Subject: [PATCH 08/34] feat: add uploadError locales

---
 packages/locales/src/langs/en-US/ui.json | 1 +
 packages/locales/src/langs/zh-CN/ui.json | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/locales/src/langs/en-US/ui.json b/packages/locales/src/langs/en-US/ui.json
index 1c4879b27..08722ab81 100644
--- a/packages/locales/src/langs/en-US/ui.json
+++ b/packages/locales/src/langs/en-US/ui.json
@@ -134,6 +134,7 @@
     "maxSizeMultiple": "Only upload files up to {0}MB!",
     "maxNumber": "Only upload up to {0} files",
     "uploadSuccess": "Upload successfully",
+    "uploadError": "Upload failed",
     "imgUploading": "Image sending, please wait..."
   },
   "cropper": {
diff --git a/packages/locales/src/langs/zh-CN/ui.json b/packages/locales/src/langs/zh-CN/ui.json
index c459286d6..3b1bc453a 100644
--- a/packages/locales/src/langs/zh-CN/ui.json
+++ b/packages/locales/src/langs/zh-CN/ui.json
@@ -134,6 +134,7 @@
     "maxSizeMultiple": "只能上传不超过{0}MB的文件!",
     "maxNumber": "最多只能上传{0}个文件",
     "uploadSuccess": "上传成功",
+    "uploadError": "上传失败",
     "imgUploading": "图片发送中，请稍等。。。"
   },
   "cropper": {

From ec23e8acf668c6be04867ad69916659e6b87ea67 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 17:29:52 +0800
Subject: [PATCH 09/34] feat: import form vben/utils

---
 apps/web-antd/src/components/upload/helper.ts | 12 ----------
 .../src/components/upload/image-upload.vue    | 11 +++++++---
 apps/web-ele/src/components/upload/helper.ts  | 12 ----------
 .../src/components/upload/image-upload.vue    | 11 +++++++---
 .../web-naive/src/components/upload/helper.ts | 12 ----------
 .../src/components/upload/image-upload.vue    | 11 +++++++---
 .../src/components/upload/helper.ts           | 12 ----------
 .../src/components/upload/image-upload.vue    | 12 +++++++---
 .../@core/base/shared/src/utils/upload.ts     | 22 ++++++++++++++++---
 9 files changed, 52 insertions(+), 63 deletions(-)

diff --git a/apps/web-antd/src/components/upload/helper.ts b/apps/web-antd/src/components/upload/helper.ts
index 27313cea6..3b7999963 100644
--- a/apps/web-antd/src/components/upload/helper.ts
+++ b/apps/web-antd/src/components/upload/helper.ts
@@ -1,8 +1,3 @@
-/**
- * 默认图片类型
- */
-export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
-
 export function checkFileType(file: File, accepts: string[]) {
   if (!accepts || accepts.length === 0) {
     return true;
@@ -11,10 +6,3 @@ export function checkFileType(file: File, accepts: string[]) {
   const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
-
-export function checkImgType(
-  file: File,
-  accepts: string[] = defaultImageAccepts,
-) {
-  return checkFileType(file, accepts);
-}
diff --git a/apps/web-antd/src/components/upload/image-upload.vue b/apps/web-antd/src/components/upload/image-upload.vue
index a79f5b7cb..0c0506be3 100644
--- a/apps/web-antd/src/components/upload/image-upload.vue
+++ b/apps/web-antd/src/components/upload/image-upload.vue
@@ -10,11 +10,16 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import {
+  defaultImageAccepts,
+  isFunction,
+  isImage,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { message, Modal, Upload } from 'ant-design-vue';
 
-import { checkImgType, defaultImageAccepts } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
@@ -159,7 +164,7 @@ async function beforeUpload(file: File) {
   }
 
   const { maxSize, accept } = props;
-  const isAct = checkImgType(file, accept);
+  const isAct = isImage(file.name, accept);
   if (!isAct) {
     message.error($t('ui.upload.acceptUpload', [accept]));
     isActMsg.value = false;
diff --git a/apps/web-ele/src/components/upload/helper.ts b/apps/web-ele/src/components/upload/helper.ts
index a7a67639d..3b7999963 100644
--- a/apps/web-ele/src/components/upload/helper.ts
+++ b/apps/web-ele/src/components/upload/helper.ts
@@ -6,15 +6,3 @@ export function checkFileType(file: File, accepts: string[]) {
   const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
-
-/**
- * 默认图片类型
- */
-export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
-
-export function checkImgType(
-  file: File,
-  accepts: string[] = defaultImageAccepts,
-) {
-  return checkFileType(file, accepts);
-}
diff --git a/apps/web-ele/src/components/upload/image-upload.vue b/apps/web-ele/src/components/upload/image-upload.vue
index 322c2cde1..bb6beb392 100644
--- a/apps/web-ele/src/components/upload/image-upload.vue
+++ b/apps/web-ele/src/components/upload/image-upload.vue
@@ -15,11 +15,16 @@ import { ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import {
+  defaultImageAccepts,
+  isFunction,
+  isImage,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { ElMessage, ElUpload } from 'element-plus';
 
-import { checkImgType, defaultImageAccepts } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
@@ -173,7 +178,7 @@ const handleRemove = async (file: UploadFile) => {
 
 const beforeUpload = async (file: File) => {
   const { maxSize, accept } = props;
-  const isAct = checkImgType(file, accept);
+  const isAct = isImage(file.name, accept);
   if (!isAct) {
     ElMessage.error($t('ui.upload.acceptUpload', [accept]));
     isActMsg.value = false;
diff --git a/apps/web-naive/src/components/upload/helper.ts b/apps/web-naive/src/components/upload/helper.ts
index 27313cea6..3b7999963 100644
--- a/apps/web-naive/src/components/upload/helper.ts
+++ b/apps/web-naive/src/components/upload/helper.ts
@@ -1,8 +1,3 @@
-/**
- * 默认图片类型
- */
-export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
-
 export function checkFileType(file: File, accepts: string[]) {
   if (!accepts || accepts.length === 0) {
     return true;
@@ -11,10 +6,3 @@ export function checkFileType(file: File, accepts: string[]) {
   const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
-
-export function checkImgType(
-  file: File,
-  accepts: string[] = defaultImageAccepts,
-) {
-  return checkFileType(file, accepts);
-}
diff --git a/apps/web-naive/src/components/upload/image-upload.vue b/apps/web-naive/src/components/upload/image-upload.vue
index e96fb96ad..8e6dd7343 100644
--- a/apps/web-naive/src/components/upload/image-upload.vue
+++ b/apps/web-naive/src/components/upload/image-upload.vue
@@ -9,11 +9,16 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import {
+  defaultImageAccepts,
+  isFunction,
+  isImage,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { NImage, NImageGroup, NModal, NUpload, useMessage } from 'naive-ui';
 
-import { checkImgType, defaultImageAccepts } from './helper';
 import { useUpload, useUploadType } from './use-upload';
 
 defineOptions({ name: 'ImageUpload', inheritAttrs: false });
@@ -152,7 +157,7 @@ function beforeUpload(options: {
   }
 
   const { maxSize, accept } = props;
-  const isAct = checkImgType(file, accept);
+  const isAct = isImage(file.name, accept);
   if (!isAct) {
     message.error($t('ui.upload.acceptUpload', [accept]));
     isActMsg.value = false;
diff --git a/apps/web-tdesign/src/components/upload/helper.ts b/apps/web-tdesign/src/components/upload/helper.ts
index 27313cea6..3b7999963 100644
--- a/apps/web-tdesign/src/components/upload/helper.ts
+++ b/apps/web-tdesign/src/components/upload/helper.ts
@@ -1,8 +1,3 @@
-/**
- * 默认图片类型
- */
-export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
-
 export function checkFileType(file: File, accepts: string[]) {
   if (!accepts || accepts.length === 0) {
     return true;
@@ -11,10 +6,3 @@ export function checkFileType(file: File, accepts: string[]) {
   const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
-
-export function checkImgType(
-  file: File,
-  accepts: string[] = defaultImageAccepts,
-) {
-  return checkFileType(file, accepts);
-}
diff --git a/apps/web-tdesign/src/components/upload/image-upload.vue b/apps/web-tdesign/src/components/upload/image-upload.vue
index 14e3776c4..c8ed5e3bd 100644
--- a/apps/web-tdesign/src/components/upload/image-upload.vue
+++ b/apps/web-tdesign/src/components/upload/image-upload.vue
@@ -9,13 +9,19 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isNumber, isObject, isString } from '@vben/utils';
+import {
+  defaultImageAccepts,
+  isFunction,
+  isImage,
+  isNumber,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { Dialog, Upload } from 'tdesign-vue-next';
 
 import { message } from '#/adapter/tdesign';
 
-import { checkImgType, defaultImageAccepts } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
@@ -164,7 +170,7 @@ async function beforeUpload(file: UploadFile) {
   }
 
   const { maxSize, accept } = props;
-  const isAct = checkImgType(file.raw!, accept);
+  const isAct = isImage(file.raw!.name, accept);
   if (!isAct) {
     message.error($t('ui.upload.acceptUpload', [accept]));
     isActMsg.value = false;
diff --git a/packages/@core/base/shared/src/utils/upload.ts b/packages/@core/base/shared/src/utils/upload.ts
index d7d3cb208..7e1279540 100644
--- a/packages/@core/base/shared/src/utils/upload.ts
+++ b/packages/@core/base/shared/src/utils/upload.ts
@@ -90,18 +90,34 @@ export function getFileNameFromUrl(url: null | string | undefined): string {
   }
 }
 
+/**
+ * 默认图片类型
+ */
+export const defaultImageAccepts = [
+  'bmp',
+  'gif',
+  'jpeg',
+  'jpg',
+  'png',
+  'svg',
+  'webp',
+];
+
 /**
  * 判断文件是否为图片
  *
  * @param filename 文件名
  * @returns 是否为图片
  */
-export function isImage(filename: null | string | undefined): boolean {
-  if (!filename) {
+export function isImage(
+  filename: null | string | undefined,
+  accepts: string[] = defaultImageAccepts,
+): boolean {
+  if (!filename || accepts.length === 0) {
     return false;
   }
   const ext = filename.split('.').pop()?.toLowerCase() || '';
-  return ['bmp', 'gif', 'jpeg', 'jpg', 'png', 'svg', 'webp'].includes(ext);
+  return accepts.includes(ext);
 }
 
 /**

From 60854e59f1120beb11ba9f99b31dd85f75ea9c8e Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 18 Nov 2025 17:33:39 +0800
Subject: [PATCH 10/34] feat: use vben/utils upload

---
 .../src/components/upload/file-upload.vue       |  3 +--
 apps/web-antd/src/components/upload/helper.ts   |  8 --------
 apps/web-ele/src/components/upload/helper.ts    |  8 --------
 .../src/components/upload/file-upload.vue       |  3 +--
 apps/web-naive/src/components/upload/helper.ts  |  8 --------
 .../src/components/upload/file-upload.vue       |  9 +++++++--
 .../web-tdesign/src/components/upload/helper.ts |  8 --------
 packages/@core/base/shared/src/utils/upload.ts  | 17 +++++++++++++++++
 8 files changed, 26 insertions(+), 38 deletions(-)
 delete mode 100644 apps/web-antd/src/components/upload/helper.ts
 delete mode 100644 apps/web-ele/src/components/upload/helper.ts
 delete mode 100644 apps/web-naive/src/components/upload/helper.ts
 delete mode 100644 apps/web-tdesign/src/components/upload/helper.ts

diff --git a/apps/web-antd/src/components/upload/file-upload.vue b/apps/web-antd/src/components/upload/file-upload.vue
index 4fa56652e..42cad7268 100644
--- a/apps/web-antd/src/components/upload/file-upload.vue
+++ b/apps/web-antd/src/components/upload/file-upload.vue
@@ -10,11 +10,10 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import { checkFileType, isFunction, isObject, isString } from '@vben/utils';
 
 import { Button, message, Upload } from 'ant-design-vue';
 
-import { checkFileType } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
diff --git a/apps/web-antd/src/components/upload/helper.ts b/apps/web-antd/src/components/upload/helper.ts
deleted file mode 100644
index 3b7999963..000000000
--- a/apps/web-antd/src/components/upload/helper.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function checkFileType(file: File, accepts: string[]) {
-  if (!accepts || accepts.length === 0) {
-    return true;
-  }
-  const newTypes = accepts.join('|');
-  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
-  return reg.test(file.name);
-}
diff --git a/apps/web-ele/src/components/upload/helper.ts b/apps/web-ele/src/components/upload/helper.ts
deleted file mode 100644
index 3b7999963..000000000
--- a/apps/web-ele/src/components/upload/helper.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function checkFileType(file: File, accepts: string[]) {
-  if (!accepts || accepts.length === 0) {
-    return true;
-  }
-  const newTypes = accepts.join('|');
-  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
-  return reg.test(file.name);
-}
diff --git a/apps/web-naive/src/components/upload/file-upload.vue b/apps/web-naive/src/components/upload/file-upload.vue
index c76dccfbc..b1556de49 100644
--- a/apps/web-naive/src/components/upload/file-upload.vue
+++ b/apps/web-naive/src/components/upload/file-upload.vue
@@ -9,11 +9,10 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import { checkFileType, isFunction, isObject, isString } from '@vben/utils';
 
 import { NButton, NUpload, useMessage } from 'naive-ui';
 
-import { checkFileType } from './helper';
 import { useUpload, useUploadType } from './use-upload';
 
 defineOptions({ name: 'FileUpload', inheritAttrs: false });
diff --git a/apps/web-naive/src/components/upload/helper.ts b/apps/web-naive/src/components/upload/helper.ts
deleted file mode 100644
index 3b7999963..000000000
--- a/apps/web-naive/src/components/upload/helper.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function checkFileType(file: File, accepts: string[]) {
-  if (!accepts || accepts.length === 0) {
-    return true;
-  }
-  const newTypes = accepts.join('|');
-  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
-  return reg.test(file.name);
-}
diff --git a/apps/web-tdesign/src/components/upload/file-upload.vue b/apps/web-tdesign/src/components/upload/file-upload.vue
index 668197711..d99944597 100644
--- a/apps/web-tdesign/src/components/upload/file-upload.vue
+++ b/apps/web-tdesign/src/components/upload/file-upload.vue
@@ -13,13 +13,18 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isNumber, isObject, isString } from '@vben/utils';
+import {
+  checkFileType,
+  isFunction,
+  isNumber,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { Button, Upload } from 'tdesign-vue-next';
 
 import { message } from '#/adapter/tdesign';
 
-import { checkFileType } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
diff --git a/apps/web-tdesign/src/components/upload/helper.ts b/apps/web-tdesign/src/components/upload/helper.ts
deleted file mode 100644
index 3b7999963..000000000
--- a/apps/web-tdesign/src/components/upload/helper.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function checkFileType(file: File, accepts: string[]) {
-  if (!accepts || accepts.length === 0) {
-    return true;
-  }
-  const newTypes = accepts.join('|');
-  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
-  return reg.test(file.name);
-}
diff --git a/packages/@core/base/shared/src/utils/upload.ts b/packages/@core/base/shared/src/utils/upload.ts
index 7e1279540..a1a5dc886 100644
--- a/packages/@core/base/shared/src/utils/upload.ts
+++ b/packages/@core/base/shared/src/utils/upload.ts
@@ -107,6 +107,7 @@ export const defaultImageAccepts = [
  * 判断文件是否为图片
  *
  * @param filename 文件名
+ * @param accepts 支持的文件类型
  * @returns 是否为图片
  */
 export function isImage(
@@ -120,6 +121,22 @@ export function isImage(
   return accepts.includes(ext);
 }
 
+/**
+ * 判断文件是否为指定类型
+ *
+ * @param file 文件
+ * @param accepts 支持的文件类型
+ * @returns 是否为指定类型
+ */
+export function checkFileType(file: File, accepts: string[]) {
+  if (!accepts || accepts.length === 0) {
+    return true;
+  }
+  const newTypes = accepts.join('|');
+  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
+  return reg.test(file.name);
+}
+
 /**
  * 格式化文件大小
  *

From abfbb851cb9a8a2be66242ba6811a4e8ae93ca18 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 19:08:51 +0800
Subject: [PATCH 11/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91contract=20=E7=9A=84=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/router/routes/modules/crm.ts |  18 +-
 .../src/views/crm/contract/components/data.ts |  92 ++++
 .../crm/contract/components/detail-list.vue   | 133 ++++++
 .../views/crm/contract/components/index.ts    |   1 +
 .../src/views/crm/contract/config/data.ts     |  39 ++
 .../src/views/crm/contract/config/index.vue   |  61 +++
 apps/web-ele/src/views/crm/contract/data.ts   | 415 ++++++++++++++++++
 .../src/views/crm/contract/detail/data.ts     | 100 +++++
 .../src/views/crm/contract/detail/index.vue   | 175 ++++++++
 .../crm/contract/detail/modules/info.vue      |  38 ++
 apps/web-ele/src/views/crm/contract/index.vue | 257 +++++++++++
 .../src/views/crm/contract/modules/form.vue   | 121 +++++
 12 files changed, 1441 insertions(+), 9 deletions(-)
 create mode 100644 apps/web-ele/src/views/crm/contract/components/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contract/components/detail-list.vue
 create mode 100644 apps/web-ele/src/views/crm/contract/components/index.ts
 create mode 100644 apps/web-ele/src/views/crm/contract/config/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contract/config/index.vue
 create mode 100644 apps/web-ele/src/views/crm/contract/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contract/detail/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contract/detail/index.vue
 create mode 100644 apps/web-ele/src/views/crm/contract/detail/modules/info.vue
 create mode 100644 apps/web-ele/src/views/crm/contract/index.vue
 create mode 100644 apps/web-ele/src/views/crm/contract/modules/form.vue

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index 0b36acbf7..a5d7f3212 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -38,15 +38,15 @@ const routes: RouteRecordRaw[] = [
       //   },
       //   component: () => import('#/views/crm/business/detail/index.vue'),
       // },
-      // {
-      //   path: 'contract/detail/:id',
-      //   name: 'CrmContractDetail',
-      //   meta: {
-      //     title: '合同详情',
-      //     activePath: '/crm/contract',
-      //   },
-      //   component: () => import('#/views/crm/contract/detail/index.vue'),
-      // },
+      {
+        path: 'contract/detail/:id',
+        name: 'CrmContractDetail',
+        meta: {
+          title: '合同详情',
+          activePath: '/crm/contract',
+        },
+        component: () => import('#/views/crm/contract/detail/index.vue'),
+      },
       {
         path: 'receivable-plan/detail/:id',
         name: 'CrmReceivablePlanDetail',
diff --git a/apps/web-ele/src/views/crm/contract/components/data.ts b/apps/web-ele/src/views/crm/contract/components/data.ts
new file mode 100644
index 000000000..c314faa99
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/components/data.ts
@@ -0,0 +1,92 @@
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { erpPriceInputFormatter } from '@vben/utils';
+
+export function useDetailListColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      title: '合同编号',
+      field: 'no',
+      minWidth: 150,
+      fixed: 'left',
+    },
+    {
+      title: '合同名称',
+      field: 'name',
+      minWidth: 150,
+      fixed: 'left',
+      slots: { default: 'name' },
+    },
+    {
+      title: '合同金额（元）',
+      field: 'totalPrice',
+      minWidth: 150,
+      formatter: 'formatAmount2',
+    },
+    {
+      title: '合同开始时间',
+      field: 'startTime',
+      minWidth: 150,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '合同结束时间',
+      field: 'endTime',
+      minWidth: 150,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '已回款金额（元）',
+      field: 'totalReceivablePrice',
+      minWidth: 150,
+      formatter: 'formatAmount2',
+    },
+    {
+      title: '未回款金额（元）',
+      field: 'unpaidPrice',
+      minWidth: 150,
+      formatter: ({ row }) => {
+        return erpPriceInputFormatter(
+          row.totalPrice - row.totalReceivablePrice,
+        );
+      },
+    },
+    {
+      title: '负责人',
+      field: 'ownerUserName',
+      minWidth: 150,
+    },
+    {
+      title: '所属部门',
+      field: 'ownerUserDeptName',
+      minWidth: 150,
+    },
+    {
+      title: '创建时间',
+      field: 'createTime',
+      minWidth: 150,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '创建人',
+      field: 'creatorName',
+      minWidth: 150,
+    },
+    {
+      title: '备注',
+      field: 'remark',
+      minWidth: 150,
+    },
+    {
+      title: '合同状态',
+      field: 'auditStatus',
+      fixed: 'right',
+      minWidth: 100,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_AUDIT_STATUS },
+      },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contract/components/detail-list.vue b/apps/web-ele/src/views/crm/contract/components/detail-list.vue
new file mode 100644
index 000000000..63dc35ca2
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/components/detail-list.vue
@@ -0,0 +1,133 @@
+<!-- 合同列表：用于【客户】【商机】【联系人】详情中，展示它们关联的合同列表 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElButton } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  getContractPageByBusiness,
+  getContractPageByCustomer,
+} from '#/api/crm/contract';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { $t } from '#/locales';
+
+import Form from '../modules/form.vue';
+import { useDetailListColumns } from './data';
+
+const props = defineProps<{
+  bizId: number; // 业务编号
+  bizType: number; // 业务类型
+}>();
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 已选择的合同 */
+const checkedRows = ref<CrmContractApi.Contract[]>();
+function setCheckedRows({ records }: { records: CrmContractApi.Contract[] }) {
+  checkedRows.value = records;
+}
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建合同 */
+function handleCreate() {
+  formModalApi
+    .setData(
+      props.bizType === BizTypeEnum.CRM_CUSTOMER
+        ? {
+            customerId: props.bizId,
+          }
+        : { businessId: props.bizId },
+    )
+    .open();
+}
+
+/** 查看合同详情 */
+function handleDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContractDetail', params: { id: row.id } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useDetailListColumns(),
+    height: 600,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          if (props.bizType === BizTypeEnum.CRM_CUSTOMER) {
+            return await getContractPageByCustomer({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              customerId: props.bizId,
+              ...formValues,
+            });
+          } else if (props.bizType === BizTypeEnum.CRM_CONTACT) {
+            return await getContractPageByBusiness({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              businessId: props.bizId,
+              ...formValues,
+            });
+          } else {
+            return [];
+          }
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContractApi.Contract>,
+  gridEvents: {
+    checkboxAll: setCheckedRows,
+    checkboxChange: setCheckedRows,
+  },
+});
+</script>
+
+<template>
+  <div>
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['合同']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:contract:create'],
+              onClick: handleCreate,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+    </Grid>
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/contract/components/index.ts b/apps/web-ele/src/views/crm/contract/components/index.ts
new file mode 100644
index 000000000..d9f61793c
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/components/index.ts
@@ -0,0 +1 @@
+export { default as ContractDetailsList } from './detail-list.vue';
diff --git a/apps/web-ele/src/views/crm/contract/config/data.ts b/apps/web-ele/src/views/crm/contract/config/data.ts
new file mode 100644
index 000000000..8900429de
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/config/data.ts
@@ -0,0 +1,39 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+export const schema: VbenFormSchema[] = [
+  {
+    component: 'RadioGroup',
+    fieldName: 'notifyEnabled',
+    label: '提前提醒设置',
+    componentProps: {
+      options: [
+        { label: '提醒', value: true },
+        { label: '不提醒', value: false },
+      ],
+    },
+    defaultValue: true,
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'notifyDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+      controlsPosition: 'right',
+      class: '!w-full',
+    },
+    renderComponentContent: () => ({
+      addonBefore: () => '提前',
+      addonAfter: () => '天提醒',
+    }),
+    dependencies: {
+      triggerFields: ['notifyEnabled'],
+      show: (values) => values.notifyEnabled,
+      trigger(values) {
+        if (!values.notifyEnabled) {
+          values.notifyDays = undefined;
+        }
+      },
+    },
+  },
+];
diff --git a/apps/web-ele/src/views/crm/contract/config/index.vue b/apps/web-ele/src/views/crm/contract/config/index.vue
new file mode 100644
index 000000000..c3dbb0845
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/config/index.vue
@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import type { CrmContractConfigApi } from '#/api/crm/contract/config';
+
+import { onMounted } from 'vue';
+
+import { Page } from '@vben/common-ui';
+
+import { ElCard, ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  getContractConfig,
+  saveContractConfig,
+} from '#/api/crm/contract/config';
+import { $t } from '#/locales';
+
+import { schema } from './data';
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    labelClass: 'w-100',
+  },
+  layout: 'horizontal',
+  schema,
+  handleSubmit,
+});
+
+/** 提交表单 */
+async function handleSubmit() {
+  const { valid } = await formApi.validate();
+  if (!valid) {
+    return;
+  }
+  const data = (await formApi.getValues()) as CrmContractConfigApi.Config;
+  if (!data.notifyEnabled) {
+    data.notifyDays = undefined;
+  }
+  await saveContractConfig(data);
+  await formApi.setValues(data);
+  ElMessage.success($t('ui.actionMessage.operationSuccess'));
+}
+
+/** 获取配置 */
+async function getConfigInfo() {
+  const res = await getContractConfig();
+  await formApi.setValues(res);
+}
+
+/** 初始化 */
+onMounted(() => {
+  getConfigInfo();
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ElCard title="合同配置设置">
+      <Form class="w-1/4" />
+    </ElCard>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/contract/data.ts b/apps/web-ele/src/views/crm/contract/data.ts
new file mode 100644
index 000000000..e271ee6b4
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/data.ts
@@ -0,0 +1,415 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { useUserStore } from '@vben/stores';
+import { erpPriceInputFormatter, erpPriceMultiply } from '@vben/utils';
+
+import { z } from '#/adapter/form';
+import { getSimpleBusinessList } from '#/api/crm/business';
+import { getSimpleContactList } from '#/api/crm/contact';
+import { getCustomerSimpleList } from '#/api/crm/customer';
+import { getSimpleUserList } from '#/api/system/user';
+
+/** 新增/修改的表单 */
+export function useFormSchema(): VbenFormSchema[] {
+  const userStore = useUserStore();
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'no',
+      label: '合同编号',
+      component: 'Input',
+      componentProps: {
+        placeholder: '保存时自动生成',
+        disabled: true,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '合同名称',
+      component: 'Input',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入合同名称',
+      },
+    },
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+      },
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      defaultValue: userStore.userInfo?.id,
+      rules: 'required',
+    },
+    {
+      fieldName: 'customerId',
+      label: '客户名称',
+      component: 'ApiSelect',
+      rules: 'required',
+      componentProps: {
+        api: getCustomerSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择客户',
+      },
+    },
+    {
+      fieldName: 'businessId',
+      label: '商机名称',
+      component: 'Select',
+      componentProps: {
+        options: [],
+        placeholder: '请选择商机',
+      },
+      dependencies: {
+        triggerFields: ['customerId'],
+        disabled: (values) => !values.customerId,
+        async componentProps(values) {
+          if (!values.customerId) {
+            return {
+              options: [],
+              placeholder: '请选择客户',
+            };
+          }
+          const res = await getSimpleBusinessList();
+          const list = res.filter(
+            (item) => item.customerId === values.customerId,
+          );
+          return {
+            options: list.map((item) => ({
+              label: item.name,
+              value: item.id,
+            })),
+            placeholder: '请选择商机',
+          };
+        },
+      },
+    },
+    {
+      fieldName: 'orderDate',
+      label: '下单日期',
+      component: 'DatePicker',
+      rules: 'required',
+      componentProps: {
+        format: 'YYYY-MM-DD',
+        valueFormat: 'x',
+      },
+    },
+    {
+      fieldName: 'startTime',
+      label: '合同开始时间',
+      component: 'DatePicker',
+      componentProps: {
+        format: 'YYYY-MM-DD',
+        valueFormat: 'x',
+      },
+    },
+    {
+      fieldName: 'endTime',
+      label: '合同结束时间',
+      component: 'DatePicker',
+      componentProps: {
+        format: 'YYYY-MM-DD',
+        valueFormat: 'x',
+      },
+    },
+    {
+      fieldName: 'signUserId',
+      label: '公司签约人',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+      },
+      defaultValue: userStore.userInfo?.id,
+    },
+    {
+      fieldName: 'signContactId',
+      label: '客户签约人',
+      component: 'Select',
+      componentProps: {
+        options: [],
+        placeholder: '请选择客户签约人',
+      },
+      dependencies: {
+        triggerFields: ['customerId'],
+        disabled: (values) => !values.customerId,
+        async componentProps(values) {
+          if (!values.customerId) {
+            return {
+              options: [],
+              placeholder: '请选择客户',
+            };
+          }
+          const res = await getSimpleContactList();
+          const list = res.filter(
+            (item) => item.customerId === values.customerId,
+          );
+          return {
+            options: list.map((item) => ({
+              label: item.name,
+              value: item.id,
+            })),
+            placeholder: '请选择客户签约人',
+          };
+        },
+      },
+    },
+    {
+      fieldName: 'remark',
+      label: '备注',
+      component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+        rows: 4,
+      },
+    },
+    {
+      fieldName: 'product',
+      label: '产品清单',
+      component: 'Input',
+      formItemClass: 'col-span-3',
+    },
+    {
+      fieldName: 'totalProductPrice',
+      label: '产品总金额',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        placeholder: '请输入产品总金额',
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      rules: z.number().min(0).optional().default(0),
+    },
+    {
+      fieldName: 'discountPercent',
+      label: '整单折扣（%）',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        placeholder: '请输入整单折扣',
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      rules: z.number().min(0).max(100).optional().default(0),
+    },
+    {
+      fieldName: 'totalPrice',
+      label: '折扣后金额',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        disabled: true,
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      dependencies: {
+        triggerFields: ['totalProductPrice', 'discountPercent'],
+        trigger(values, form) {
+          const discountPrice =
+            erpPriceMultiply(
+              values.totalProductPrice,
+              values.discountPercent / 100,
+            ) ?? 0;
+          form.setFieldValue(
+            'totalPrice',
+            values.totalProductPrice - discountPrice,
+          );
+        },
+      },
+    },
+  ];
+}
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'no',
+      label: '合同编号',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入合同编号',
+        clearable: true,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '合同名称',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入合同名称',
+        clearable: true,
+      },
+    },
+    {
+      fieldName: 'customerId',
+      label: '客户',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getCustomerSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择客户',
+        clearable: true,
+      },
+    },
+  ];
+}
+
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      title: '合同编号',
+      field: 'no',
+      minWidth: 180,
+      fixed: 'left',
+    },
+    {
+      title: '合同名称',
+      field: 'name',
+      minWidth: 160,
+      fixed: 'left',
+      slots: { default: 'name' },
+    },
+    {
+      title: '客户名称',
+      field: 'customerName',
+      minWidth: 120,
+      slots: { default: 'customerName' },
+    },
+    {
+      title: '商机名称',
+      field: 'businessName',
+      minWidth: 130,
+      slots: { default: 'businessName' },
+    },
+    {
+      title: '合同金额（元）',
+      field: 'totalPrice',
+      minWidth: 140,
+      formatter: 'formatAmount2',
+    },
+    {
+      title: '下单时间',
+      field: 'orderDate',
+      minWidth: 120,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '合同开始时间',
+      field: 'startTime',
+      minWidth: 120,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '合同结束时间',
+      field: 'endTime',
+      minWidth: 120,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '客户签约人',
+      field: 'signContactName',
+      minWidth: 130,
+      slots: { default: 'signContactName' },
+    },
+    {
+      title: '公司签约人',
+      field: 'signUserName',
+      minWidth: 130,
+    },
+    {
+      title: '备注',
+      field: 'remark',
+      minWidth: 200,
+    },
+    {
+      title: '已回款金额（元）',
+      field: 'totalReceivablePrice',
+      minWidth: 140,
+      formatter: 'formatAmount2',
+    },
+    {
+      title: '未回款金额（元）',
+      field: 'unReceivablePrice',
+      minWidth: 140,
+      formatter: ({ row }) => {
+        return erpPriceInputFormatter(
+          row.totalPrice - row.totalReceivablePrice,
+        );
+      },
+    },
+    {
+      title: '最后跟进时间',
+      field: 'contactLastTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '负责人',
+      field: 'ownerUserName',
+      minWidth: 120,
+    },
+    {
+      title: '所属部门',
+      field: 'ownerUserDeptName',
+      minWidth: 100,
+    },
+    {
+      title: '更新时间',
+      field: 'updateTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '创建时间',
+      field: 'createTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '创建人',
+      field: 'creatorName',
+      minWidth: 120,
+    },
+    {
+      title: '合同状态',
+      field: 'auditStatus',
+      fixed: 'right',
+      minWidth: 120,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_AUDIT_STATUS },
+      },
+    },
+    {
+      title: '操作',
+      field: 'actions',
+      fixed: 'right',
+      minWidth: 130,
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contract/detail/data.ts b/apps/web-ele/src/views/crm/contract/detail/data.ts
new file mode 100644
index 000000000..bfe7b5606
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/detail/data.ts
@@ -0,0 +1,100 @@
+import type { DescriptionItemSchema } from '#/components/description';
+
+import { h } from 'vue';
+
+import { DICT_TYPE } from '@vben/constants';
+import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
+
+import { DictTag } from '#/components/dict-tag';
+
+/** 详情头部的配置 */
+export function useDetailSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'totalPrice',
+      label: '合同金额（元）',
+      render: (val) => erpPriceInputFormatter(val) as string,
+    },
+    {
+      field: 'orderDate',
+      label: '下单时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'totalReceivablePrice',
+      label: '回款金额（元）',
+      render: (val) => erpPriceInputFormatter(val) as string,
+    },
+    {
+      field: 'ownerUserName',
+      label: '负责人',
+    },
+  ];
+}
+
+/** 详情基本信息的配置 */
+export function useDetailBaseSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'no',
+      label: '合同编号',
+    },
+    {
+      field: 'name',
+      label: '合同名称',
+    },
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'businessName',
+      label: '商机名称',
+    },
+    {
+      field: 'totalPrice',
+      label: '合同金额（元）',
+      render: (val) => erpPriceInputFormatter(val) as string,
+    },
+    {
+      field: 'orderDate',
+      label: '下单时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'startTime',
+      label: '合同开始时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'endTime',
+      label: '合同结束时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'signContactName',
+      label: '客户签约人',
+    },
+    {
+      field: 'signUserName',
+      label: '公司签约人',
+    },
+    {
+      field: 'remark',
+      label: '备注',
+    },
+    {
+      field: 'auditStatus',
+      label: '合同状态',
+      render: (val) =>
+        h(DictTag, {
+          type: DICT_TYPE.CRM_AUDIT_STATUS,
+          value: val,
+        }),
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contract/detail/index.vue b/apps/web-ele/src/views/crm/contract/detail/index.vue
new file mode 100644
index 000000000..a172738db
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/detail/index.vue
@@ -0,0 +1,175 @@
+<script setup lang="ts">
+import type { CrmContractApi } from '#/api/crm/contract';
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
+import { ElCard, ElTabPane, ElTabs } from 'element-plus';
+
+import { getContract } from '#/api/crm/contract';
+import { getOperateLogPage } from '#/api/crm/operateLog';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { useDescription } from '#/components/description';
+import { OperateLog } from '#/components/operate-log';
+import { ACTION_ICON, TableAction } from '#/components/table-action';
+import { $t } from '#/locales';
+import { FollowUp } from '#/views/crm/followup';
+import { PermissionList, TransferForm } from '#/views/crm/permission';
+import { ProductDetailsList } from '#/views/crm/product/components';
+import { ReceivableDetailsList } from '#/views/crm/receivable/components';
+import { ReceivablePlanDetailsList } from '#/views/crm/receivable/plan/components';
+
+import Form from '../modules/form.vue';
+import { useDetailSchema } from './data';
+import ContractDetailsInfo from './modules/info.vue';
+
+const props = defineProps<{ id?: number }>();
+
+const route = useRoute();
+const router = useRouter();
+const tabs = useTabs();
+
+const loading = ref(false); // 加载中
+const contractId = ref(0); // 合同编号
+const contract = ref<CrmContractApi.Contract>({} as CrmContractApi.Contract); // 合同详情
+const activeTabName = ref('1'); // 选中 Tab 名
+const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
+const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+
+const [Descriptions] = useDescription({
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailSchema(),
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [TransferModal, transferModalApi] = useVbenModal({
+  connectedComponent: TransferForm,
+  destroyOnClose: true,
+});
+
+/** 加载合同详情 */
+async function loadContractDetail() {
+  loading.value = true;
+  try {
+    contract.value = await getContract(contractId.value);
+    // 操作日志
+    const res = await getOperateLogPage({
+      bizType: BizTypeEnum.CRM_CONTRACT,
+      bizId: contractId.value,
+    });
+    logList.value = res.list;
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 返回列表页 */
+function handleBack() {
+  tabs.closeCurrentTab();
+  router.push({ name: 'CrmContract' });
+}
+
+/** 编辑合同 */
+function handleEdit() {
+  formModalApi.setData({ id: contractId.value }).open();
+}
+
+/** 转移合同 */
+function handleTransfer() {
+  transferModalApi.setData({ bizType: BizTypeEnum.CRM_CONTRACT }).open();
+}
+
+/** 加载数据 */
+onMounted(() => {
+  contractId.value = Number(props.id || route.params.id);
+  loadContractDetail();
+});
+</script>
+
+<template>
+  <Page auto-content-height :title="contract?.name" :loading="loading">
+    <FormModal @success="loadContractDetail" />
+    <TransferModal @success="loadContractDetail" />
+    <template #extra>
+      <TableAction
+        :actions="[
+          {
+            label: '返回',
+            type: 'default',
+            icon: 'lucide:arrow-left',
+            onClick: handleBack,
+          },
+          {
+            label: $t('ui.actionTitle.edit'),
+            type: 'primary',
+            icon: ACTION_ICON.EDIT,
+            auth: ['crm:contract:update'],
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleEdit,
+          },
+          {
+            label: '转移',
+            type: 'primary',
+            ifShow: permissionListRef?.validateOwnerUser,
+            onClick: handleTransfer,
+          },
+        ]"
+      />
+    </template>
+    <ElCard class="min-h-[10%]">
+      <Descriptions :data="contract" />
+    </ElCard>
+    <ElCard class="mt-4 min-h-[60%]">
+      <ElTabs v-model:model-value="activeTabName">
+        <ElTabPane label="跟进记录" name="1">
+          <FollowUp :biz-id="contractId" :biz-type="BizTypeEnum.CRM_CONTRACT" />
+        </ElTabPane>
+        <ElTabPane label="基本信息" name="2">
+          <ContractDetailsInfo :contract="contract" />
+        </ElTabPane>
+        <ElTabPane label="产品" name="3">
+          <ProductDetailsList
+            :biz-id="contractId"
+            :biz-type="BizTypeEnum.CRM_CONTRACT"
+          />
+        </ElTabPane>
+        <ElTabPane
+          label="回款"
+          name="4"
+          v-if="contract.customerId"
+        >
+          <ReceivablePlanDetailsList
+            :contract-id="contractId"
+            :customer-id="contract.customerId"
+          />
+          <ReceivableDetailsList
+            :contract-id="contractId"
+            :customer-id="contract.customerId"
+          />
+        </ElTabPane>
+        <ElTabPane label="团队成员" name="5">
+          <PermissionList
+            ref="permissionListRef"
+            :biz-id="contractId"
+            :biz-type="BizTypeEnum.CRM_CONTRACT"
+            :show-action="true"
+            @quit-team="handleBack"
+          />
+        </ElTabPane>
+        <ElTabPane label="操作日志" name="6">
+          <OperateLog :log-list="logList" />
+        </ElTabPane>
+      </ElTabs>
+    </ElCard>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/contract/detail/modules/info.vue b/apps/web-ele/src/views/crm/contract/detail/modules/info.vue
new file mode 100644
index 000000000..a87db739f
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/detail/modules/info.vue
@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { ElDivider } from 'element-plus';
+
+import { useDescription } from '#/components/description';
+import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
+
+import { useDetailBaseSchema } from '../data';
+
+defineProps<{
+  contract: CrmContractApi.Contract; // 合同信息
+}>();
+
+const [BaseDescriptions] = useDescription({
+  title: '基本信息',
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailBaseSchema(),
+});
+
+const [SystemDescriptions] = useDescription({
+  title: '系统信息',
+  border: false,
+  column: 3,
+  class: 'mx-4',
+  schema: useFollowUpDetailSchema(),
+});
+</script>
+
+<template>
+  <div class="p-4">
+    <BaseDescriptions :data="contract" />
+    <ElDivider />
+    <SystemDescriptions :data="contract" />
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/contract/index.vue b/apps/web-ele/src/views/crm/contract/index.vue
new file mode 100644
index 000000000..d583162ed
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/index.vue
@@ -0,0 +1,257 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteContract,
+  exportContract,
+  getContractPage,
+  submitContract,
+} from '#/api/crm/contract';
+import { $t } from '#/locales';
+
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+
+const { push } = useRouter();
+const sceneType = ref('1');
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 处理场景类型的切换 */
+function handleChangeSceneType(key: number | string) {
+  sceneType.value = key.toString();
+  gridApi.query();
+}
+
+/** 导出表格 */
+async function handleExport() {
+  const formValues = await gridApi.formApi.getValues();
+  const data = await exportContract({
+    sceneType: sceneType.value,
+    ...formValues,
+  });
+  downloadFileFromBlobPart({ fileName: '合同.xls', source: data });
+}
+
+/** 创建合同 */
+function handleCreate() {
+  formModalApi.setData(null).open();
+}
+
+/** 编辑合同 */
+function handleEdit(row: CrmContractApi.Contract) {
+  formModalApi.setData(row).open();
+}
+
+/** 删除合同 */
+async function handleDelete(row: CrmContractApi.Contract) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.name]),
+  });
+  try {
+    await deleteContract(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+/** 提交审核 */
+async function handleSubmit(row: CrmContractApi.Contract) {
+  const loadingInstance = ElLoading.service({
+    text: '提交审核中...',
+  });
+  try {
+    await submitContract(row.id!);
+    ElMessage.success('提交审核成功');
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+/** 查看合同详情 */
+function handleDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContractDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+/** 查看联系人详情 */
+function handleContactDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContactDetail', params: { id: row.signContactId } });
+}
+
+/** 查看商机详情 */
+function handleBusinessDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.businessId } });
+}
+
+/** 查看审批详情 */
+function handleProcessDetail(row: CrmContractApi.Contract) {
+  push({
+    name: 'BpmProcessInstanceDetail',
+    query: { id: row.processInstanceId },
+  });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useGridFormSchema(),
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getContractPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: sceneType.value,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContractApi.Contract>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【合同】合同管理、合同提醒"
+        url="https://doc.iocoder.cn/crm/contract/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-actions>
+        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+          <ElTabPane label="我负责的" name="1" />
+          <ElTabPane label="我参与的" name="2" />
+          <ElTabPane label="下属负责的" name="3" />
+        </ElTabs>
+      </template>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['合同']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:contract:create'],
+              onClick: handleCreate,
+            },
+            {
+              label: $t('ui.actionTitle.export'),
+              type: 'primary',
+              icon: ACTION_ICON.DOWNLOAD,
+              auth: ['crm:contract:export'],
+              onClick: handleExport,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+      <template #businessName="{ row }">
+        <ElButton type="primary" link @click="handleBusinessDetail(row)">
+          {{ row.businessName }}
+        </ElButton>
+      </template>
+      <template #signContactName="{ row }">
+        <ElButton type="primary" link @click="handleContactDetail(row)">
+          {{ row.signContactName }}
+        </ElButton>
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:contract:update'],
+              onClick: handleEdit.bind(null, row),
+              ifShow: row.auditStatus === 0,
+            },
+            {
+              label: '提交审核',
+              type: 'primary',
+              link: true,
+              auth: ['crm:contract:update'],
+              onClick: handleSubmit.bind(null, row),
+              ifShow: row.auditStatus === 0,
+            },
+            {
+              label: '查看审批',
+              type: 'primary',
+              link: true,
+              auth: ['crm:contract:update'],
+              onClick: handleProcessDetail.bind(null, row),
+              ifShow: row.auditStatus !== 0,
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              auth: ['crm:contract:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/contract/modules/form.vue b/apps/web-ele/src/views/crm/contract/modules/form.vue
new file mode 100644
index 000000000..b39065435
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contract/modules/form.vue
@@ -0,0 +1,121 @@
+<script lang="ts" setup>
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { computed, ref } from 'vue';
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+import { erpPriceMultiply } from '@vben/utils';
+
+import { ElMessage } from 'element-plus';
+
+import {
+  createContract,
+  getContract,
+  updateContract,
+} from '#/api/crm/contract';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { $t } from '#/locales';
+import { ProductEditTable } from '#/views/crm/product/components';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmContractApi.Contract>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['合同'])
+    : $t('ui.actionTitle.create', ['合同']);
+});
+
+/** 更新产品列表 */
+function handleUpdateProducts(products: any) {
+  formData.value = modalApi.getData<CrmContractApi.Contract>();
+  formData.value!.products = products;
+  if (formData.value) {
+    const totalProductPrice =
+      formData.value.products?.reduce(
+        (prev, curr) => prev + curr.totalPrice,
+        0,
+      ) ?? 0;
+    const discountPercent = formData.value.discountPercent;
+    const discountPrice =
+      discountPercent === null
+        ? 0
+        : erpPriceMultiply(totalProductPrice, discountPercent / 100);
+    const totalPrice = totalProductPrice - (discountPrice ?? 0);
+    formData.value!.totalProductPrice = totalProductPrice;
+    formData.value!.totalPrice = totalPrice;
+    formApi.setValues(formData.value!);
+  }
+}
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    labelWidth: 120,
+  },
+  wrapperClass: 'grid-cols-3',
+  layout: 'vertical',
+  schema: useFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = (await formApi.getValues()) as CrmContractApi.Contract;
+    data.products = formData.value?.products;
+    try {
+      await (formData.value?.id ? updateContract(data) : createContract(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmContractApi.Contract>();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = await getContract(data.id);
+      // 设置到 values
+      await formApi.setValues(formData.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-1/2">
+    <Form class="mx-4">
+      <template #product="slotProps">
+        <ProductEditTable
+          v-bind="slotProps"
+          class="w-full"
+          :products="formData?.products ?? []"
+          :biz-type="BizTypeEnum.CRM_CONTRACT"
+          @update:products="handleUpdateProducts"
+        />
+      </template>
+    </Form>
+  </Modal>
+</template>

From 666d9329686f55c7764c4db57a330aea8b81d044 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 19:27:31 +0800
Subject: [PATCH 12/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91contract=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=88list=E3=80=81detail=E3=80=81form?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/crm/contract/data.ts       |  2 ++
 .../src/views/crm/contract/detail/index.vue        |  1 -
 .../src/views/crm/contract/detail/modules/info.vue |  2 +-
 .../views/crm/product/components/edit-table.vue    |  4 +---
 .../src/views/crm/contract/detail/index.vue        |  9 ++-------
 .../src/views/crm/contract/detail/modules/info.vue |  4 +---
 apps/web-ele/src/views/crm/contract/index.vue      | 14 ++++++++++++--
 .../views/crm/product/components/edit-table.vue    |  4 +---
 8 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/apps/web-antd/src/views/crm/contract/data.ts b/apps/web-antd/src/views/crm/contract/data.ts
index fd4e8f232..63f2420cc 100644
--- a/apps/web-antd/src/views/crm/contract/data.ts
+++ b/apps/web-antd/src/views/crm/contract/data.ts
@@ -197,6 +197,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 0,
         precision: 2,
+        placeholder: '请输入产品总金额',
       },
       rules: z.number().min(0).optional().default(0),
     },
@@ -207,6 +208,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 0,
         precision: 2,
+        placeholder: '请输入整单折扣',
       },
       rules: z.number().min(0).max(100).optional().default(0),
     },
diff --git a/apps/web-antd/src/views/crm/contract/detail/index.vue b/apps/web-antd/src/views/crm/contract/detail/index.vue
index d1fced792..fca3dd725 100644
--- a/apps/web-antd/src/views/crm/contract/detail/index.vue
+++ b/apps/web-antd/src/views/crm/contract/detail/index.vue
@@ -42,7 +42,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-antd/src/views/crm/contract/detail/modules/info.vue b/apps/web-antd/src/views/crm/contract/detail/modules/info.vue
index f37600412..da23e2323 100644
--- a/apps/web-antd/src/views/crm/contract/detail/modules/info.vue
+++ b/apps/web-antd/src/views/crm/contract/detail/modules/info.vue
@@ -30,7 +30,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="contract" />
     <Divider />
     <SystemDescriptions :data="contract" />
diff --git a/apps/web-antd/src/views/crm/product/components/edit-table.vue b/apps/web-antd/src/views/crm/product/components/edit-table.vue
index 75ec8f98b..0d15de46a 100644
--- a/apps/web-antd/src/views/crm/product/components/edit-table.vue
+++ b/apps/web-antd/src/views/crm/product/components/edit-table.vue
@@ -126,10 +126,8 @@ watch(
   },
 );
 
-/** 产品下拉选项 */
-const productOptions = ref<CrmProductApi.Product[]>([]);
-
 /** 初始化 */
+const productOptions = ref<CrmProductApi.Product[]>([]); // 产品下拉选项
 onMounted(async () => {
   productOptions.value = await getProductSimpleList();
 });
diff --git a/apps/web-ele/src/views/crm/contract/detail/index.vue b/apps/web-ele/src/views/crm/contract/detail/index.vue
index a172738db..9581c8159 100644
--- a/apps/web-ele/src/views/crm/contract/detail/index.vue
+++ b/apps/web-ele/src/views/crm/contract/detail/index.vue
@@ -36,14 +36,13 @@ const tabs = useTabs();
 const loading = ref(false); // 加载中
 const contractId = ref(0); // 合同编号
 const contract = ref<CrmContractApi.Contract>({} as CrmContractApi.Contract); // 合同详情
-const activeTabName = ref('1'); // 选中 Tab 名
 const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
 const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+const activeTabName = ref('1'); // 选中 Tab 名
 
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
@@ -143,11 +142,7 @@ onMounted(() => {
             :biz-type="BizTypeEnum.CRM_CONTRACT"
           />
         </ElTabPane>
-        <ElTabPane
-          label="回款"
-          name="4"
-          v-if="contract.customerId"
-        >
+        <ElTabPane label="回款" name="4" v-if="contract.customerId">
           <ReceivablePlanDetailsList
             :contract-id="contractId"
             :customer-id="contract.customerId"
diff --git a/apps/web-ele/src/views/crm/contract/detail/modules/info.vue b/apps/web-ele/src/views/crm/contract/detail/modules/info.vue
index a87db739f..31f1d8c4d 100644
--- a/apps/web-ele/src/views/crm/contract/detail/modules/info.vue
+++ b/apps/web-ele/src/views/crm/contract/detail/modules/info.vue
@@ -16,7 +16,6 @@ const [BaseDescriptions] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -24,13 +23,12 @@ const [SystemDescriptions] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useFollowUpDetailSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="contract" />
     <ElDivider />
     <SystemDescriptions :data="contract" />
diff --git a/apps/web-ele/src/views/crm/contract/index.vue b/apps/web-ele/src/views/crm/contract/index.vue
index d583162ed..50adfc105 100644
--- a/apps/web-ele/src/views/crm/contract/index.vue
+++ b/apps/web-ele/src/views/crm/contract/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -165,7 +171,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          v-model:model-value="sceneType"
+          @tab-change="handleChangeSceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />
diff --git a/apps/web-ele/src/views/crm/product/components/edit-table.vue b/apps/web-ele/src/views/crm/product/components/edit-table.vue
index bbbab489f..0be88081c 100644
--- a/apps/web-ele/src/views/crm/product/components/edit-table.vue
+++ b/apps/web-ele/src/views/crm/product/components/edit-table.vue
@@ -126,10 +126,8 @@ watch(
   },
 );
 
-/** 产品下拉选项 */
-const productOptions = ref<CrmProductApi.Product[]>([]);
-
 /** 初始化 */
+const productOptions = ref<CrmProductApi.Product[]>([]); // 产品下拉选项
 onMounted(async () => {
   productOptions.value = await getProductSimpleList();
 });

From 4dc9ffdb2952f6d10d0e52afea5317d300e2d83f Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 19:52:27 +0800
Subject: [PATCH 13/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91contract=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=88config=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/crm/contract/config/data.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web-ele/src/views/crm/contract/config/data.ts b/apps/web-ele/src/views/crm/contract/config/data.ts
index 8900429de..c45dc5045 100644
--- a/apps/web-ele/src/views/crm/contract/config/data.ts
+++ b/apps/web-ele/src/views/crm/contract/config/data.ts
@@ -1,5 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
+import { z } from '#/adapter/form';
+
 export const schema: VbenFormSchema[] = [
   {
     component: 'RadioGroup',
@@ -14,18 +16,17 @@ export const schema: VbenFormSchema[] = [
     defaultValue: true,
   },
   {
-    component: 'InputNumber',
+    component: 'Input',
     fieldName: 'notifyDays',
     componentProps: {
-      min: 0,
-      precision: 0,
-      controlsPosition: 'right',
+      placeholder: '请输入天数',
       class: '!w-full',
     },
     renderComponentContent: () => ({
-      addonBefore: () => '提前',
-      addonAfter: () => '天提醒',
+      prepend: () => '提前',
+      append: () => '天提醒',
     }),
+    rules: z.coerce.number().int().min(0, '天数不能小于 0'),
     dependencies: {
       triggerFields: ['notifyEnabled'],
       show: (values) => values.notifyEnabled,

From 67af3f6e809431e7ab947deaab93b13ead210d63 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 21:22:39 +0800
Subject: [PATCH 14/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91business=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/router/routes/modules/crm.ts |  18 +-
 .../src/views/crm/business/components/data.ts |  52 ++++
 .../business/components/detail-list-modal.vue | 149 ++++++++++
 .../crm/business/components/detail-list.vue   | 215 ++++++++++++++
 .../views/crm/business/components/index.ts    |   1 +
 apps/web-ele/src/views/crm/business/data.ts   | 280 ++++++++++++++++++
 .../src/views/crm/business/detail/data.ts     | 141 +++++++++
 .../src/views/crm/business/detail/index.vue   | 192 ++++++++++++
 .../crm/business/detail/modules/info.vue      |  38 +++
 .../business/detail/modules/status-form.vue   |  85 ++++++
 apps/web-ele/src/views/crm/business/index.vue | 202 +++++++++++++
 .../src/views/crm/business/modules/form.vue   | 121 ++++++++
 .../src/views/crm/business/status/data.ts     | 112 +++++++
 .../src/views/crm/business/status/index.vue   | 136 +++++++++
 .../crm/business/status/modules/form.vue      | 208 +++++++++++++
 15 files changed, 1941 insertions(+), 9 deletions(-)
 create mode 100644 apps/web-ele/src/views/crm/business/components/data.ts
 create mode 100644 apps/web-ele/src/views/crm/business/components/detail-list-modal.vue
 create mode 100644 apps/web-ele/src/views/crm/business/components/detail-list.vue
 create mode 100644 apps/web-ele/src/views/crm/business/components/index.ts
 create mode 100644 apps/web-ele/src/views/crm/business/data.ts
 create mode 100644 apps/web-ele/src/views/crm/business/detail/data.ts
 create mode 100644 apps/web-ele/src/views/crm/business/detail/index.vue
 create mode 100644 apps/web-ele/src/views/crm/business/detail/modules/info.vue
 create mode 100644 apps/web-ele/src/views/crm/business/detail/modules/status-form.vue
 create mode 100644 apps/web-ele/src/views/crm/business/index.vue
 create mode 100644 apps/web-ele/src/views/crm/business/modules/form.vue
 create mode 100644 apps/web-ele/src/views/crm/business/status/data.ts
 create mode 100644 apps/web-ele/src/views/crm/business/status/index.vue
 create mode 100644 apps/web-ele/src/views/crm/business/status/modules/form.vue

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index a5d7f3212..b7ce01f94 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -29,15 +29,15 @@ const routes: RouteRecordRaw[] = [
       //   },
       //   component: () => import('#/views/crm/customer/detail/index.vue'),
       // },
-      // {
-      //   path: 'business/detail/:id',
-      //   name: 'CrmBusinessDetail',
-      //   meta: {
-      //     title: '商机详情',
-      //     activePath: '/crm/business',
-      //   },
-      //   component: () => import('#/views/crm/business/detail/index.vue'),
-      // },
+      {
+        path: 'business/detail/:id',
+        name: 'CrmBusinessDetail',
+        meta: {
+          title: '商机详情',
+          activePath: '/crm/business',
+        },
+        component: () => import('#/views/crm/business/detail/index.vue'),
+      },
       {
         path: 'contract/detail/:id',
         name: 'CrmContractDetail',
diff --git a/apps/web-ele/src/views/crm/business/components/data.ts b/apps/web-ele/src/views/crm/business/components/data.ts
new file mode 100644
index 000000000..10ecb5a0f
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/components/data.ts
@@ -0,0 +1,52 @@
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+/** 商机关联列表列定义 */
+export function useBusinessDetailListColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      type: 'checkbox',
+      width: 50,
+      fixed: 'left',
+    },
+    {
+      field: 'name',
+      title: '商机名称',
+      fixed: 'left',
+      slots: { default: 'name' },
+    },
+    {
+      field: 'customerName',
+      title: '客户名称',
+      fixed: 'left',
+      slots: { default: 'customerName' },
+    },
+    {
+      field: 'totalPrice',
+      title: '商机金额（元）',
+      formatter: 'formatAmount2',
+    },
+    {
+      field: 'dealTime',
+      title: '预计成交日期',
+      formatter: 'formatDate',
+    },
+    {
+      field: 'ownerUserName',
+      title: '负责人',
+    },
+    {
+      field: 'ownerUserDeptName',
+      title: '所属部门',
+    },
+    {
+      field: 'statusTypeName',
+      title: '商机状态组',
+      fixed: 'right',
+    },
+    {
+      field: 'statusName',
+      title: '商机阶段',
+      fixed: 'right',
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/business/components/detail-list-modal.vue b/apps/web-ele/src/views/crm/business/components/detail-list-modal.vue
new file mode 100644
index 000000000..9b3bfee91
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/components/detail-list-modal.vue
@@ -0,0 +1,149 @@
+<!-- 商机选择对话框：用于联系人详情中关联已有商机 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmBusinessApi } from '#/api/crm/business';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElButton, ElMessage } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getBusinessPageByCustomer } from '#/api/crm/business';
+import { $t } from '#/locales';
+
+import Form from '../modules/form.vue';
+import { useBusinessDetailListColumns } from './data';
+
+const props = defineProps<{
+  customerId?: number; // 关联联系人与商机时，需要传入 customerId 进行筛选
+}>();
+
+const emit = defineEmits(['success']);
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const checkedRows = ref<CrmBusinessApi.Business[]>([]);
+function setCheckedRows({ records }: { records: CrmBusinessApi.Business[] }) {
+  checkedRows.value = records;
+}
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建商机 */
+function handleCreate() {
+  formModalApi.setData({ customerId: props.customerId }).open();
+}
+
+/** 查看商机详情 */
+function handleDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+/** 商机关联弹窗 */
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    if (checkedRows.value.length === 0) {
+      ElMessage.error('请先选择商机后操作！');
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    try {
+      const businessIds = checkedRows.value.map((item) => item.id);
+      // 关闭并提示
+      await modalApi.close();
+      emit('success', businessIds, checkedRows.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+
+/** 商机选择表格 */
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'name',
+        label: '商机名称',
+        component: 'Input',
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useBusinessDetailListColumns(),
+    height: 600,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getBusinessPageByCustomer({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            customerId: props.customerId,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmBusinessApi.Business>,
+  gridEvents: {
+    checkboxAll: setCheckedRows,
+    checkboxChange: setCheckedRows,
+  },
+});
+</script>
+
+<template>
+  <Modal title="关联商机" class="w-2/5">
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['商机']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:business:create'],
+              onClick: handleCreate,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+    </Grid>
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/components/detail-list.vue b/apps/web-ele/src/views/crm/business/components/detail-list.vue
new file mode 100644
index 000000000..e57ac8f0c
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/components/detail-list.vue
@@ -0,0 +1,215 @@
+<!-- 商机列表：用于【客户】【联系人】详情中，展示其关联的商机列表 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmBusinessApi } from '#/api/crm/business';
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { confirm, useVbenModal } from '@vben/common-ui';
+
+import { ElButton, ElMessage } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  getBusinessPageByContact,
+  getBusinessPageByCustomer,
+} from '#/api/crm/business';
+import {
+  createContactBusinessList,
+  deleteContactBusinessList,
+} from '#/api/crm/contact';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { $t } from '#/locales';
+
+import Form from '../modules/form.vue';
+import { useBusinessDetailListColumns } from './data';
+import ListModal from './detail-list-modal.vue';
+
+const props = defineProps<{
+  bizId: number; // 业务编号
+  bizType: number; // 业务类型
+  contactId?: number; // 特殊：联系人编号；在【联系人】详情中，可以传递联系人编号，默认新建的商机关联到该联系人
+  customerId?: number; // 关联联系人与商机时，需要传入 customerId 进行筛选
+}>();
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [DetailListModal, detailListModalApi] = useVbenModal({
+  connectedComponent: ListModal,
+  destroyOnClose: true,
+});
+
+const checkedRows = ref<CrmBusinessApi.Business[]>([]);
+function setCheckedRows({ records }: { records: CrmBusinessApi.Business[] }) {
+  checkedRows.value = records;
+}
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建商机 */
+function handleCreate() {
+  formModalApi
+    .setData({ customerId: props.customerId, contactId: props.contactId })
+    .open();
+}
+
+/** 关联商机 */
+function handleCreateBusiness() {
+  detailListModalApi.setData({ customerId: props.customerId }).open();
+}
+
+/** 解除商机关联 */
+async function handleDeleteContactBusinessList() {
+  if (checkedRows.value.length === 0) {
+    ElMessage.error('请先选择商机后操作！');
+    return;
+  }
+  return new Promise((resolve, reject) => {
+    confirm({
+      content: `确定要将${checkedRows.value.map((item) => item.name).join(',')}解除关联吗？`,
+    })
+      .then(async () => {
+        const res = await deleteContactBusinessList({
+          contactId: props.bizId,
+          businessIds: checkedRows.value.map((item) => item.id),
+        });
+        if (res) {
+          // 提示并返回成功
+          ElMessage.success($t('ui.actionMessage.operationSuccess'));
+          handleRefresh();
+          resolve(true);
+        } else {
+          reject(new Error($t('ui.actionMessage.operationFailed')));
+        }
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 查看商机详情 */
+function handleDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+/** 创建联系人关联的商机 */
+async function handleCreateContactBusinessList(businessIds: number[]) {
+  const data = {
+    contactId: props.bizId,
+    businessIds,
+  } as CrmContactApi.ContactBusinessReqVO;
+  await createContactBusinessList(data);
+  handleRefresh();
+}
+
+/** 商机关联表格 */
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useBusinessDetailListColumns(),
+    height: 600,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          if (props.bizType === BizTypeEnum.CRM_CUSTOMER) {
+            return await getBusinessPageByCustomer({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              customerId: props.customerId,
+              ...formValues,
+            });
+          } else if (props.bizType === BizTypeEnum.CRM_CONTACT) {
+            return await getBusinessPageByContact({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              contactId: props.contactId,
+              ...formValues,
+            });
+          } else {
+            return [];
+          }
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmBusinessApi.Business>,
+  gridEvents: {
+    checkboxAll: setCheckedRows,
+    checkboxChange: setCheckedRows,
+  },
+});
+</script>
+
+<template>
+  <div>
+    <FormModal @success="handleRefresh" />
+    <DetailListModal
+      :customer-id="customerId"
+      @success="handleCreateContactBusinessList"
+    />
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['商机']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:business:create'],
+              onClick: handleCreate,
+            },
+            {
+              label: '关联',
+              icon: ACTION_ICON.ADD,
+              type: 'default',
+              auth: ['crm:contact:create-business'],
+              ifShow: () => !!contactId,
+              onClick: handleCreateBusiness,
+            },
+            {
+              label: '解除关联',
+              icon: ACTION_ICON.ADD,
+              type: 'default',
+              auth: ['crm:contact:create-business'],
+              ifShow: () => !!contactId,
+              onClick: handleDeleteContactBusinessList,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+    </Grid>
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/components/index.ts b/apps/web-ele/src/views/crm/business/components/index.ts
new file mode 100644
index 000000000..a63de4701
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/components/index.ts
@@ -0,0 +1 @@
+export { default as BusinessDetailsList } from './detail-list.vue';
diff --git a/apps/web-ele/src/views/crm/business/data.ts b/apps/web-ele/src/views/crm/business/data.ts
new file mode 100644
index 000000000..8055d34dd
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/data.ts
@@ -0,0 +1,280 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { useUserStore } from '@vben/stores';
+import { erpPriceMultiply } from '@vben/utils';
+
+import { z } from '#/adapter/form';
+import { getBusinessStatusTypeSimpleList } from '#/api/crm/business/status';
+import { getCustomerSimpleList } from '#/api/crm/customer';
+import { getSimpleUserList } from '#/api/system/user';
+
+/** 新增/修改的表单 */
+export function useFormSchema(): VbenFormSchema[] {
+  const userStore = useUserStore();
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '商机名称',
+      component: 'Input',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入商机名称',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择负责人',
+        allowClear: true,
+      },
+      defaultValue: userStore.userInfo?.id,
+      rules: 'required',
+    },
+    {
+      fieldName: 'customerId',
+      label: '客户名称',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getCustomerSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择客户',
+        allowClear: true,
+      },
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.customerDefault,
+      },
+      rules: 'required',
+    },
+    {
+      fieldName: 'contactId',
+      label: '合同名称',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'statusTypeId',
+      label: '商机状态组',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getBusinessStatusTypeSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择商机状态组',
+        allowClear: true,
+      },
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      rules: 'required',
+    },
+    {
+      fieldName: 'dealTime',
+      label: '预计成交日期',
+      component: 'DatePicker',
+      componentProps: {
+        showTime: false,
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'x',
+        placeholder: '请选择预计成交日期',
+      },
+    },
+    {
+      fieldName: 'product',
+      label: '产品清单',
+      component: 'Input',
+      formItemClass: 'col-span-3',
+      componentProps: {
+        placeholder: '请输入产品清单',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'totalProductPrice',
+      label: '产品总金额',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        disabled: true,
+        placeholder: '请输入产品总金额',
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      rules: z.number().min(0).optional().default(0),
+    },
+    {
+      fieldName: 'discountPercent',
+      label: '整单折扣（%）',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        placeholder: '请输入整单折扣',
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      rules: z.number().min(0).max(100).optional().default(0),
+    },
+    {
+      fieldName: 'totalPrice',
+      label: '折扣后金额',
+      component: 'InputNumber',
+      componentProps: {
+        min: 0,
+        precision: 2,
+        disabled: true,
+        placeholder: '请输入折扣后金额',
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      dependencies: {
+        triggerFields: ['totalProductPrice', 'discountPercent'],
+        trigger(values, form) {
+          const discountPrice =
+            erpPriceMultiply(
+              values.totalProductPrice,
+              values.discountPercent / 100,
+            ) ?? 0;
+          form.setFieldValue(
+            'totalPrice',
+            values.totalProductPrice - discountPrice,
+          );
+        },
+      },
+    },
+  ];
+}
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'name',
+      label: '商机名称',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入商机名称',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'name',
+      title: '商机名称',
+      fixed: 'left',
+      width: 160,
+      slots: { default: 'name' },
+    },
+    {
+      field: 'customerName',
+      title: '客户名称',
+      fixed: 'left',
+      width: 120,
+      slots: { default: 'customerName' },
+    },
+    {
+      field: 'totalPrice',
+      title: '商机金额（元）',
+      width: 140,
+      formatter: 'formatAmount2',
+    },
+    {
+      field: 'dealTime',
+      title: '预计成交日期',
+      formatter: 'formatDate',
+      width: 180,
+    },
+    {
+      field: 'remark',
+      title: '备注',
+      width: 200,
+    },
+    {
+      field: 'contactNextTime',
+      title: '下次联系时间',
+      formatter: 'formatDateTime',
+      width: 180,
+    },
+    {
+      field: 'ownerUserName',
+      title: '负责人',
+      width: 100,
+    },
+    {
+      field: 'ownerUserDeptName',
+      title: '所属部门',
+      width: 100,
+    },
+    {
+      field: 'contactLastTime',
+      title: '最后跟进时间',
+      formatter: 'formatDateTime',
+      width: 180,
+    },
+    {
+      field: 'updateTime',
+      title: '更新时间',
+      formatter: 'formatDateTime',
+      width: 180,
+    },
+    {
+      field: 'createTime',
+      title: '创建时间',
+      formatter: 'formatDateTime',
+      width: 180,
+    },
+    {
+      field: 'creatorName',
+      title: '创建人',
+      width: 100,
+    },
+    {
+      field: 'statusTypeName',
+      title: '商机状态组',
+      fixed: 'right',
+      width: 140,
+    },
+    {
+      field: 'statusName',
+      title: '商机阶段',
+      fixed: 'right',
+      width: 120,
+    },
+    {
+      title: '操作',
+      width: 130,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/business/detail/data.ts b/apps/web-ele/src/views/crm/business/detail/data.ts
new file mode 100644
index 000000000..1cb1c4949
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/detail/data.ts
@@ -0,0 +1,141 @@
+import type { Ref } from 'vue';
+
+import type { VbenFormSchema } from '#/adapter/form';
+import type { CrmBusinessApi } from '#/api/crm/business';
+import type { DescriptionItemSchema } from '#/components/description';
+
+import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
+
+import {
+  DEFAULT_STATUSES,
+  getBusinessStatusSimpleList,
+} from '#/api/crm/business/status';
+
+/** 详情页的字段 */
+export function useDetailSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'totalPrice',
+      label: '商机金额（元）',
+      render: (val) => erpPriceInputFormatter(val),
+    },
+    {
+      field: 'statusTypeName',
+      label: '商机组',
+    },
+    {
+      field: 'ownerUserName',
+      label: '负责人',
+    },
+    {
+      field: 'createTime',
+      label: '创建时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+  ];
+}
+
+/** 详情页的基础字段 */
+export function useDetailBaseSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'name',
+      label: '商机名称',
+    },
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'totalPrice',
+      label: '商机金额（元）',
+      render: (val) => erpPriceInputFormatter(val),
+    },
+    {
+      field: 'dealTime',
+      label: '预计成交日期',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'contactNextTime',
+      label: '下次联系时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'statusTypeName',
+      label: '商机状态组',
+    },
+    {
+      field: 'statusName',
+      label: '商机阶段',
+    },
+    {
+      field: 'remark',
+      label: '备注',
+    },
+  ];
+}
+
+/** 商机状态更新表单 */
+export function useStatusFormSchema(
+  formData: Ref<CrmBusinessApi.Business | undefined>,
+): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'statusId',
+      label: '商机状态',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'endStatus',
+      label: '商机状态',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'status',
+      label: '商机阶段',
+      component: 'Select',
+      dependencies: {
+        triggerFields: [''],
+        async componentProps() {
+          const statusList = await getBusinessStatusSimpleList(
+            formData.value?.statusTypeId ?? 0,
+          );
+          const statusOptions = statusList.map((item) => ({
+            label: `${item.name}(赢单率：${item.percent}%)`,
+            value: item.id,
+          }));
+          const options = DEFAULT_STATUSES.map((item) => ({
+            label: `${item.name}(赢单率：${item.percent}%)`,
+            value: item.endStatus,
+          }));
+          statusOptions.push(...options);
+          return {
+            options: statusOptions,
+          };
+        },
+      },
+      rules: 'required',
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/business/detail/index.vue b/apps/web-ele/src/views/crm/business/detail/index.vue
new file mode 100644
index 000000000..c10c047f3
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/detail/index.vue
@@ -0,0 +1,192 @@
+<script setup lang="ts">
+import type { CrmBusinessApi } from '#/api/crm/business';
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
+import { ElCard, ElTabPane, ElTabs } from 'element-plus';
+
+import { getBusiness } from '#/api/crm/business';
+import { getOperateLogPage } from '#/api/crm/operateLog';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { useDescription } from '#/components/description';
+import { OperateLog } from '#/components/operate-log';
+import { ACTION_ICON, TableAction } from '#/components/table-action';
+import { $t } from '#/locales';
+import { ContactDetailsList } from '#/views/crm/contact/components';
+import { ContractDetailsList } from '#/views/crm/contract/components';
+import { FollowUp } from '#/views/crm/followup';
+import { PermissionList, TransferForm } from '#/views/crm/permission';
+import { ProductDetailsList } from '#/views/crm/product/components';
+
+import Form from '../modules/form.vue';
+import { useDetailSchema } from './data';
+import BusinessDetailsInfo from './modules/info.vue';
+import UpStatusForm from './modules/status-form.vue';
+
+const route = useRoute();
+const router = useRouter();
+const tabs = useTabs();
+
+const loading = ref(false); // 加载中
+const businessId = ref(0); // 商机编号
+const business = ref<CrmBusinessApi.Business>({} as CrmBusinessApi.Business); // 商机详情
+const logList = ref<SystemOperateLogApi.OperateLog[]>([]);
+const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+const activeTabName = ref('1'); // 选中 Tab 名
+
+const [Descriptions] = useDescription({
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailSchema(),
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [TransferModal, transferModalApi] = useVbenModal({
+  connectedComponent: TransferForm,
+  destroyOnClose: true,
+});
+
+const [UpStatusModal, upStatusModalApi] = useVbenModal({
+  connectedComponent: UpStatusForm,
+  destroyOnClose: true,
+});
+
+/** 加载详情 */
+async function getBusinessDetail() {
+  loading.value = true;
+  try {
+    business.value = await getBusiness(businessId.value);
+    // 操作日志
+    const res = await getOperateLogPage({
+      bizType: BizTypeEnum.CRM_BUSINESS,
+      bizId: businessId.value,
+    });
+    logList.value = res.list;
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 返回列表页 */
+function handleBack() {
+  tabs.closeCurrentTab();
+  router.push({ name: 'CrmBusiness' });
+}
+
+/** 编辑商机 */
+function handleEdit() {
+  formModalApi.setData({ id: businessId.value }).open();
+}
+
+/** 转移商机 */
+function handleTransfer() {
+  transferModalApi.setData({ bizType: BizTypeEnum.CRM_BUSINESS }).open();
+}
+
+/** 更新商机状态操作 */
+async function handleUpdateStatus() {
+  upStatusModalApi.setData(business.value).open();
+}
+
+/** 加载数据 */
+onMounted(() => {
+  businessId.value = Number(route.params.id);
+  getBusinessDetail();
+});
+</script>
+
+<template>
+  <Page auto-content-height :title="business?.name" :loading="loading">
+    <FormModal @success="getBusinessDetail" />
+    <TransferModal @success="getBusinessDetail" />
+    <UpStatusModal @success="getBusinessDetail" />
+    <template #extra>
+      <TableAction
+        :actions="[
+          {
+            label: '返回',
+            type: 'default',
+            icon: 'lucide:arrow-left',
+            onClick: handleBack,
+          },
+          {
+            label: $t('ui.actionTitle.edit'),
+            type: 'primary',
+            icon: ACTION_ICON.EDIT,
+            auth: ['crm:business:update'],
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleEdit,
+          },
+          {
+            label: '变更商机状态',
+            type: 'primary',
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleUpdateStatus,
+          },
+          {
+            label: '转移',
+            type: 'primary',
+            ifShow: permissionListRef?.validateOwnerUser,
+            onClick: handleTransfer,
+          },
+        ]"
+      />
+    </template>
+    <ElCard class="min-h-[10%]">
+      <Descriptions :data="business" />
+    </ElCard>
+    <ElCard class="mt-4 min-h-[60%]">
+      <ElTabs v-model:model-value="activeTabName">
+        <ElTabPane label="跟进记录" name="1">
+          <FollowUp :biz-id="businessId" :biz-type="BizTypeEnum.CRM_BUSINESS" />
+        </ElTabPane>
+        <ElTabPane label="详细资料" name="2">
+          <BusinessDetailsInfo :business="business" />
+        </ElTabPane>
+        <ElTabPane label="联系人" name="3">
+          <ContactDetailsList
+            :biz-id="businessId"
+            :biz-type="BizTypeEnum.CRM_BUSINESS"
+            :business-id="businessId"
+            :customer-id="business.customerId"
+          />
+        </ElTabPane>
+        <ElTabPane label="产品" name="4">
+          <ProductDetailsList
+            :biz-id="businessId"
+            :biz-type="BizTypeEnum.CRM_BUSINESS"
+            :business="business"
+          />
+        </ElTabPane>
+        <ElTabPane label="合同" name="5">
+          <ContractDetailsList
+            :biz-id="businessId"
+            :biz-type="BizTypeEnum.CRM_BUSINESS"
+          />
+        </ElTabPane>
+        <ElTabPane label="操作日志" name="6">
+          <OperateLog :log-list="logList" />
+        </ElTabPane>
+        <ElTabPane label="团队成员" name="7">
+          <PermissionList
+            ref="permissionListRef"
+            :biz-id="businessId"
+            :biz-type="BizTypeEnum.CRM_BUSINESS"
+            :show-action="true"
+            @quit-team="handleBack"
+          />
+        </ElTabPane>
+      </ElTabs>
+    </ElCard>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/detail/modules/info.vue b/apps/web-ele/src/views/crm/business/detail/modules/info.vue
new file mode 100644
index 000000000..d498507d9
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/detail/modules/info.vue
@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import type { CrmBusinessApi } from '#/api/crm/business';
+
+import { ElDivider } from 'element-plus';
+
+import { useDescription } from '#/components/description';
+import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
+
+import { useDetailBaseSchema } from '../data';
+
+defineProps<{
+  business: CrmBusinessApi.Business; // 商机信息
+}>();
+
+const [BaseDescription] = useDescription({
+  title: '基本信息',
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailBaseSchema(),
+});
+
+const [SystemDescription] = useDescription({
+  title: '系统信息',
+  border: false,
+  column: 3,
+  class: 'mx-4',
+  schema: useFollowUpDetailSchema(),
+});
+</script>
+
+<template>
+  <div class="p-4">
+    <BaseDescription :data="business" />
+    <ElDivider />
+    <SystemDescription :data="business" />
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/detail/modules/status-form.vue b/apps/web-ele/src/views/crm/business/detail/modules/status-form.vue
new file mode 100644
index 000000000..53df20aed
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/detail/modules/status-form.vue
@@ -0,0 +1,85 @@
+<script lang="ts" setup>
+import type { CrmBusinessApi } from '#/api/crm/business';
+
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { updateBusinessStatus } from '#/api/crm/business';
+import { $t } from '#/locales';
+
+import { useStatusFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+
+const formData = ref<CrmBusinessApi.Business>();
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 120,
+  },
+  layout: 'horizontal',
+  schema: useStatusFormSchema(formData),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = (await formApi.getValues()) as CrmBusinessApi.Business;
+    try {
+      if (!data.status) {
+        return;
+      }
+      await updateBusinessStatus({
+        id: data.id,
+        statusId: data.status > 0 ? data.status : undefined,
+        endStatus: data.status < 0 ? -data.status : undefined,
+      });
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmBusinessApi.Business>();
+    if (!data || !data.id) {
+      return;
+    }
+    data.status = data.endStatus === null ? data.statusId : -data.endStatus;
+    formData.value = data;
+    modalApi.lock();
+    try {
+      // 设置到 values
+      await formApi.setValues(formData.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal title="变更商机状态" class="w-2/5">
+    <Form class="mx-4" />
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/index.vue b/apps/web-ele/src/views/crm/business/index.vue
new file mode 100644
index 000000000..377fbf978
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/index.vue
@@ -0,0 +1,202 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmBusinessApi } from '#/api/crm/business';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteBusiness,
+  exportBusiness,
+  getBusinessPage,
+} from '#/api/crm/business';
+import { $t } from '#/locales';
+
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+
+const { push } = useRouter();
+const sceneType = ref('1');
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 处理场景类型的切换 */
+function handleChangeSceneType(key: number | string) {
+  sceneType.value = key.toString();
+  gridApi.query();
+}
+
+/** 导出表格 */
+async function handleExport() {
+  const formValues = await gridApi.formApi.getValues();
+  const data = await exportBusiness({
+    sceneType: sceneType.value,
+    ...formValues,
+  });
+  downloadFileFromBlobPart({ fileName: '商机.xls', source: data });
+}
+
+/** 创建商机 */
+function handleCreate() {
+  formModalApi.setData(null).open();
+}
+
+/** 编辑商机 */
+function handleEdit(row: CrmBusinessApi.Business) {
+  formModalApi.setData(row).open();
+}
+
+/** 删除商机 */
+async function handleDelete(row: CrmBusinessApi.Business) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.name]),
+  });
+  try {
+    await deleteBusiness(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+/** 查看商机详情 */
+function handleDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmBusinessApi.Business) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useGridFormSchema(),
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getBusinessPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: sceneType.value,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmBusinessApi.Business>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【商机】商机管理、商机状态"
+        url="https://doc.iocoder.cn/crm/business/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-actions>
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+          v-model:model-value="sceneType"
+        >
+          <ElTabPane label="我负责的" name="1" />
+          <ElTabPane label="我参与的" name="2" />
+          <ElTabPane label="下属负责的" name="3" />
+        </ElTabs>
+      </template>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['商机']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:business:create'],
+              onClick: handleCreate,
+            },
+            {
+              label: $t('ui.actionTitle.export'),
+              type: 'primary',
+              icon: ACTION_ICON.DOWNLOAD,
+              auth: ['crm:business:export'],
+              onClick: handleExport,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:business:update'],
+              onClick: handleEdit.bind(null, row),
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              icon: ACTION_ICON.DELETE,
+              auth: ['crm:business:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/modules/form.vue b/apps/web-ele/src/views/crm/business/modules/form.vue
new file mode 100644
index 000000000..051cfe75d
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/modules/form.vue
@@ -0,0 +1,121 @@
+<script lang="ts" setup>
+import type { CrmBusinessApi } from '#/api/crm/business';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+import { erpPriceMultiply } from '@vben/utils';
+
+import { ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  createBusiness,
+  getBusiness,
+  updateBusiness,
+} from '#/api/crm/business';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { $t } from '#/locales';
+import { ProductEditTable } from '#/views/crm/product/components';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmBusinessApi.Business>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['商机'])
+    : $t('ui.actionTitle.create', ['商机']);
+});
+
+function handleUpdateProducts(products: any) {
+  formData.value = modalApi.getData<CrmBusinessApi.Business>();
+  formData.value!.products = products;
+  if (formData.value) {
+    const totalProductPrice =
+      formData.value.products?.reduce(
+        (prev, curr) => prev + curr.totalPrice,
+        0,
+      ) ?? 0;
+    const discountPercent = formData.value.discountPercent;
+    const discountPrice =
+      discountPercent === null
+        ? 0
+        : erpPriceMultiply(totalProductPrice, discountPercent / 100);
+    const totalPrice = totalProductPrice - (discountPrice ?? 0);
+    formData.value!.totalProductPrice = totalProductPrice;
+    formData.value!.totalPrice = totalPrice;
+    formApi.setValues(formData.value!);
+  }
+}
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    labelWidth: 120,
+  },
+  wrapperClass: 'grid-cols-3',
+  layout: 'vertical',
+  schema: useFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = (await formApi.getValues()) as CrmBusinessApi.Business;
+    data.products = formData.value?.products;
+    try {
+      await (formData.value?.id ? updateBusiness(data) : createBusiness(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmBusinessApi.Business>();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = data.id ? await getBusiness(data.id) : data;
+      // 设置到 values
+      await formApi.setValues(formData.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-1/2">
+    <Form class="mx-4">
+      <template #product="slotProps">
+        <ProductEditTable
+          v-bind="slotProps"
+          class="w-full"
+          :products="formData?.products ?? []"
+          :biz-type="BizTypeEnum.CRM_BUSINESS"
+          @update:products="handleUpdateProducts"
+        />
+      </template>
+    </Form>
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/status/data.ts b/apps/web-ele/src/views/crm/business/status/data.ts
new file mode 100644
index 000000000..86f20d819
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/status/data.ts
@@ -0,0 +1,112 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { handleTree } from '@vben/utils';
+
+import { getDeptList } from '#/api/system/dept';
+
+/** 新增/修改的表单 */
+export function useFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '状态组名',
+      component: 'Input',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入状态组名',
+      },
+    },
+    {
+      fieldName: 'deptIds',
+      label: '应用部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getDeptList();
+          return handleTree(data);
+        },
+        multiple: true,
+        fieldNames: { label: 'name', value: 'id', children: 'children' },
+        placeholder: '请选择应用部门',
+        treeDefaultExpandAll: true,
+      },
+      help: '不选择部门时，默认全公司生效',
+    },
+    {
+      fieldName: 'statuses',
+      label: '阶段设置',
+      component: 'Input',
+      rules: 'required',
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'name',
+      title: '状态组名',
+    },
+    {
+      field: 'deptNames',
+      title: '应用部门',
+      formatter: ({ cellValue }) =>
+        cellValue?.length > 0 ? cellValue.join(' ') : '全公司',
+    },
+    {
+      field: 'creator',
+      title: '创建人',
+    },
+    {
+      field: 'createTime',
+      title: '创建时间',
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '操作',
+      width: 160,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
+
+/** 商机状态阶段列表列配置 */
+export function useFormColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'defaultStatus',
+      title: '阶段',
+      minWidth: 100,
+      slots: { default: 'defaultStatus' },
+    },
+    {
+      field: 'name',
+      title: '阶段名称',
+      minWidth: 100,
+      slots: { default: 'name' },
+    },
+    {
+      field: 'percent',
+      title: '赢单率（%）',
+      minWidth: 100,
+      slots: { default: 'percent' },
+    },
+    {
+      title: '操作',
+      width: 130,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/business/status/index.vue b/apps/web-ele/src/views/crm/business/status/index.vue
new file mode 100644
index 000000000..f04101cc1
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/status/index.vue
@@ -0,0 +1,136 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmBusinessStatusApi } from '#/api/crm/business/status';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+
+import { ElLoading, ElMessage } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteBusinessStatus,
+  getBusinessStatusPage,
+} from '#/api/crm/business/status';
+import { $t } from '#/locales';
+
+import { useGridColumns } from './data';
+import Form from './modules/form.vue';
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建商机状态 */
+function handleCreate() {
+  formModalApi.setData(null).open();
+}
+
+/** 编辑商机状态 */
+function handleEdit(row: CrmBusinessStatusApi.BusinessStatus) {
+  formModalApi.setData(row).open();
+}
+
+/** 删除商机状态 */
+async function handleDelete(row: CrmBusinessStatusApi.BusinessStatus) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.name]),
+  });
+  try {
+    await deleteBusinessStatus(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getBusinessStatusPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmBusinessStatusApi.BusinessStatus>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【商机】商机管理、商机状态"
+        url="https://doc.iocoder.cn/crm/business/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <Grid table-title="商机状态列表">
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['商机状态']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['system:post:create'],
+              onClick: handleCreate,
+            },
+          ]"
+        />
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:business-status:update'],
+              onClick: handleEdit.bind(null, row),
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              icon: ACTION_ICON.DELETE,
+              auth: ['crm:business-status:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/business/status/modules/form.vue b/apps/web-ele/src/views/crm/business/status/modules/form.vue
new file mode 100644
index 000000000..c79a19856
--- /dev/null
+++ b/apps/web-ele/src/views/crm/business/status/modules/form.vue
@@ -0,0 +1,208 @@
+<script lang="ts" setup>
+import type { CrmBusinessStatusApi } from '#/api/crm/business/status';
+
+import { computed, nextTick, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElInput, ElInputNumber, ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  createBusinessStatus,
+  DEFAULT_STATUSES,
+  getBusinessStatus,
+  updateBusinessStatus,
+} from '#/api/crm/business/status';
+import { $t } from '#/locales';
+
+import { useFormColumns, useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmBusinessStatusApi.BusinessStatus>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['商机状态'])
+    : $t('ui.actionTitle.create', ['商机状态']);
+});
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 80,
+  },
+  layout: 'horizontal',
+  schema: useFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data =
+      (await formApi.getValues()) as CrmBusinessStatusApi.BusinessStatus;
+    try {
+      if (formData.value?.statuses && formData.value.statuses.length > 0) {
+        data.statuses = formData.value.statuses;
+        data.statuses.splice(-3, 3);
+      }
+      await (formData.value?.id
+        ? updateBusinessStatus(data)
+        : createBusinessStatus(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmBusinessStatusApi.BusinessStatus>();
+    modalApi.lock();
+    try {
+      if (!data || !data.id) {
+        formData.value = {
+          id: undefined,
+          name: '',
+          deptIds: [],
+          statuses: [],
+        };
+        await handleAddStatus();
+      } else {
+        formData.value = await getBusinessStatus(data.id);
+        if (
+          !formData.value?.statuses?.length ||
+          formData.value?.statuses?.length === 0
+        ) {
+          await handleAddStatus();
+        }
+      }
+      // 设置到 values
+      await formApi.setValues(formData.value as any);
+      await gridApi.grid.reloadData(
+        (formData.value!.statuses =
+          formData.value?.statuses?.concat(DEFAULT_STATUSES)) as any,
+      );
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+
+/** 添加状态 */
+async function handleAddStatus() {
+  formData.value!.statuses!.unshift({
+    name: '',
+    percent: undefined,
+  } as any);
+  await nextTick();
+  await gridApi.grid.reloadData(formData.value!.statuses as any);
+}
+
+/** 删除状态 */
+async function deleteStatusArea(row: any, rowIndex: number) {
+  await gridApi.grid.remove(row);
+  formData.value!.statuses!.splice(rowIndex, 1);
+  await gridApi.grid.reloadData(formData.value!.statuses as any);
+}
+
+/** 表格配置 */
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    editConfig: {
+      trigger: 'click',
+      mode: 'cell',
+    },
+    columns: useFormColumns(),
+    data: formData.value?.statuses?.concat(DEFAULT_STATUSES),
+    border: true,
+    showOverflow: true,
+    autoResize: true,
+    keepSource: true,
+    rowConfig: {
+      keyField: 'row_id',
+      isHover: true,
+    },
+    pagerConfig: {
+      enabled: false,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-1/2">
+    <Form class="mx-4">
+      <template #statuses>
+        <Grid class="w-full">
+          <template #defaultStatus="{ row, rowIndex }">
+            <span>
+              {{ row.defaultStatus ? '结束' : `阶段${rowIndex + 1}` }}
+            </span>
+          </template>
+          <template #name="{ row }">
+            <ElInput
+              v-if="!row.endStatus"
+              v-model="row.name"
+              placeholder="请输入状态名"
+            />
+            <span v-else>{{ row.name }}</span>
+          </template>
+          <template #percent="{ row }">
+            <ElInputNumber
+              v-if="!row.endStatus"
+              v-model="row.percent"
+              :min="0"
+              :max="100"
+              :precision="2"
+              placeholder="请输入赢单率"
+              controls-position="right"
+              class="!w-full"
+            />
+            <span v-else>{{ row.percent }}</span>
+          </template>
+          <template #actions="{ row, rowIndex }">
+            <TableAction
+              :actions="[
+                {
+                  label: $t('ui.actionTitle.create'),
+                  type: 'primary',
+                  link: true,
+                  ifShow: () => !row.endStatus,
+                  onClick: handleAddStatus,
+                },
+                {
+                  label: $t('common.delete'),
+                  type: 'danger',
+                  link: true,
+                  ifShow: () => !row.endStatus,
+                  popConfirm: {
+                    title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                    confirm: deleteStatusArea.bind(null, row, rowIndex),
+                  },
+                },
+              ]"
+            />
+          </template>
+        </Grid>
+      </template>
+    </Form>
+  </Modal>
+</template>

From 0fdb6a739aa501f16f9001592a6e62ee700eb983 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 21:42:40 +0800
Subject: [PATCH 15/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91business=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=88status=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/crm/business/status/index.vue        | 2 +-
 apps/web-antd/src/views/crm/business/status/modules/form.vue | 2 +-
 apps/web-ele/src/views/crm/business/status/modules/form.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/views/crm/business/status/index.vue b/apps/web-antd/src/views/crm/business/status/index.vue
index 8e5cbdaec..71dfecea8 100644
--- a/apps/web-antd/src/views/crm/business/status/index.vue
+++ b/apps/web-antd/src/views/crm/business/status/index.vue
@@ -46,7 +46,7 @@ async function handleDelete(row: CrmBusinessStatusApi.BusinessStatus) {
     await deleteBusinessStatus(row.id!);
     message.success($t('ui.actionMessage.deleteSuccess', [row.name]));
     handleRefresh();
-  } catch {
+  } finally {
     hideLoading();
   }
 }
diff --git a/apps/web-antd/src/views/crm/business/status/modules/form.vue b/apps/web-antd/src/views/crm/business/status/modules/form.vue
index 601cb6bfc..54c146eb0 100644
--- a/apps/web-antd/src/views/crm/business/status/modules/form.vue
+++ b/apps/web-antd/src/views/crm/business/status/modules/form.vue
@@ -105,7 +105,7 @@ const [Modal, modalApi] = useVbenModal({
 
 /** 添加状态 */
 async function handleAddStatus() {
-  formData.value!.statuses!.unshift({
+  formData.value!.statuses!.splice(-3, 0, {
     name: '',
     percent: undefined,
   } as any);
diff --git a/apps/web-ele/src/views/crm/business/status/modules/form.vue b/apps/web-ele/src/views/crm/business/status/modules/form.vue
index c79a19856..3be655c33 100644
--- a/apps/web-ele/src/views/crm/business/status/modules/form.vue
+++ b/apps/web-ele/src/views/crm/business/status/modules/form.vue
@@ -105,7 +105,7 @@ const [Modal, modalApi] = useVbenModal({
 
 /** 添加状态 */
 async function handleAddStatus() {
-  formData.value!.statuses!.unshift({
+  formData.value!.statuses!.splice(-3, 0, {
     name: '',
     percent: undefined,
   } as any);

From 5690645bd1874462a78be6caaafa51a8b615afab Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 21:55:30 +0800
Subject: [PATCH 16/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91statistics=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../crm/statistics/customer/chartOptions.ts   | 530 ++++++++++++++++++
 .../src/views/crm/statistics/customer/data.ts | 398 +++++++++++++
 .../views/crm/statistics/customer/index.vue   | 100 ++++
 .../crm/statistics/funnel/chartOptions.ts     | 271 +++++++++
 .../src/views/crm/statistics/funnel/data.ts   | 268 +++++++++
 .../src/views/crm/statistics/funnel/index.vue | 146 +++++
 .../statistics/performance/chartOptions.ts    | 394 +++++++++++++
 .../views/crm/statistics/performance/data.ts  |  73 +++
 .../crm/statistics/performance/index.vue      | 176 ++++++
 .../crm/statistics/portrait/chartOptions.ts   | 440 +++++++++++++++
 .../src/views/crm/statistics/portrait/data.ts | 201 +++++++
 .../views/crm/statistics/portrait/index.vue   | 105 ++++
 .../views/crm/statistics/rank/chartOptions.ts | 394 +++++++++++++
 .../src/views/crm/statistics/rank/data.ts     | 276 +++++++++
 .../src/views/crm/statistics/rank/index.vue   | 109 ++++
 15 files changed, 3881 insertions(+)
 create mode 100644 apps/web-ele/src/views/crm/statistics/customer/chartOptions.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/customer/data.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/customer/index.vue
 create mode 100644 apps/web-ele/src/views/crm/statistics/funnel/chartOptions.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/funnel/data.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/funnel/index.vue
 create mode 100644 apps/web-ele/src/views/crm/statistics/performance/chartOptions.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/performance/data.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/performance/index.vue
 create mode 100644 apps/web-ele/src/views/crm/statistics/portrait/chartOptions.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/portrait/data.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/portrait/index.vue
 create mode 100644 apps/web-ele/src/views/crm/statistics/rank/chartOptions.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/rank/data.ts
 create mode 100644 apps/web-ele/src/views/crm/statistics/rank/index.vue

diff --git a/apps/web-ele/src/views/crm/statistics/customer/chartOptions.ts b/apps/web-ele/src/views/crm/statistics/customer/chartOptions.ts
new file mode 100644
index 000000000..deecbd370
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/customer/chartOptions.ts
@@ -0,0 +1,530 @@
+import { DICT_TYPE } from '@vben/constants';
+import { getDictLabel } from '@vben/hooks';
+
+export function getChartOptions(activeTabName: any, res: any): any {
+  switch (activeTabName) {
+    case 'conversionStat': {
+      return {
+        grid: {
+          left: 20,
+          right: 40, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '客户转化率',
+            type: 'line',
+            data: res.map((item: any) => {
+              return {
+                name: item.time,
+                value: item.customerCreateCount
+                  ? (
+                      (item.customerDealCount / item.customerCreateCount) *
+                      100
+                    ).toFixed(2)
+                  : 0,
+              };
+            }),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户转化率分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: {
+          type: 'value',
+          name: '转化率(%)',
+        },
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'customerSummary': {
+      return {
+        grid: {
+          bottom: '5%',
+          containLabel: true,
+          left: '5%',
+          right: '5%',
+          top: '5 %',
+        },
+        legend: {},
+        series: [
+          {
+            name: '新增客户数',
+            type: 'bar',
+            yAxisIndex: 0,
+            data: res.map((item: any) => item.customerCreateCount),
+          },
+          {
+            name: '成交客户数',
+            type: 'bar',
+            yAxisIndex: 1,
+            data: res.map((item: any) => item.customerDealCount),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户总量分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '新增客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '成交客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((item: any) => item.time),
+        },
+      };
+    }
+    case 'dealCycleByArea': {
+      const data = res.map((s: any) => {
+        return {
+          areaName: s.areaName,
+          customerDealCycle: s.customerDealCycle,
+          customerDealCount: s.customerDealCount,
+        };
+      });
+      return {
+        grid: {
+          left: 20,
+          right: 40, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '成交周期(天)',
+            type: 'bar',
+            data: data.map((s: any) => s.customerDealCycle),
+            yAxisIndex: 0,
+          },
+          {
+            name: '成交客户数',
+            type: 'bar',
+            data: data.map((s: any) => s.customerDealCount),
+            yAxisIndex: 1,
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '成交周期分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '成交周期(天)',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '成交客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '区域',
+          data: data.map((s: any) => s.areaName),
+        },
+      };
+    }
+    case 'dealCycleByProduct': {
+      const data = res.map((s: any) => {
+        return {
+          productName: s.productName ?? '未知',
+          customerDealCycle: s.customerDealCount,
+          customerDealCount: s.customerDealCount,
+        };
+      });
+      return {
+        grid: {
+          left: 20,
+          right: 40, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '成交周期(天)',
+            type: 'bar',
+            data: data.map((s: any) => s.customerDealCycle),
+            yAxisIndex: 0,
+          },
+          {
+            name: '成交客户数',
+            type: 'bar',
+            data: data.map((s: any) => s.customerDealCount),
+            yAxisIndex: 1,
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '成交周期分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '成交周期(天)',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '成交客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '产品名称',
+          data: data.map((s: any) => s.productName),
+        },
+      };
+    }
+    case 'dealCycleByUser': {
+      const customerDealCycleByDate = res.customerDealCycleByDate;
+      const customerDealCycleByUser = res.customerDealCycleByUser;
+      return {
+        grid: {
+          left: 20,
+          right: 40, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '成交周期(天)',
+            type: 'bar',
+            data: customerDealCycleByDate.map((s: any) => s.customerDealCycle),
+            yAxisIndex: 0,
+          },
+          {
+            name: '成交客户数',
+            type: 'bar',
+            data: customerDealCycleByUser.map((s: any) => s.customerDealCount),
+            yAxisIndex: 1,
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '成交周期分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '成交周期(天)',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '成交客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: customerDealCycleByDate.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'followUpSummary': {
+      return {
+        grid: {
+          left: 20,
+          right: 30, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '跟进客户数',
+            type: 'bar',
+            yAxisIndex: 0,
+            data: res.map((s: any) => s.followUpCustomerCount),
+          },
+          {
+            name: '跟进次数',
+            type: 'bar',
+            yAxisIndex: 1,
+            data: res.map((s: any) => s.followUpRecordCount),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户跟进次数分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '跟进客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '跟进次数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          axisTick: {
+            alignWithLabel: true,
+          },
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'followUpType': {
+      return {
+        title: {
+          text: '客户跟进方式分析',
+          left: 'center',
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b} : {c}% ',
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true, name: '客户跟进方式分析' }, // 保存为图片
+          },
+        },
+        series: [
+          {
+            name: '跟进方式',
+            type: 'pie',
+            radius: '50%',
+            data: res.map((s: any) => {
+              return {
+                name: getDictLabel(
+                  DICT_TYPE.CRM_FOLLOW_UP_TYPE,
+                  s.followUpType,
+                ),
+                value: s.followUpRecordCount,
+              };
+            }),
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)',
+              },
+            },
+          },
+        ],
+      };
+    }
+    case 'poolSummary': {
+      return {
+        grid: {
+          left: 20,
+          right: 40, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '进入公海客户数',
+            type: 'bar',
+            yAxisIndex: 0,
+            data: res.map((s: any) => s.customerPutCount),
+          },
+          {
+            name: '公海领取客户数',
+            type: 'bar',
+            yAxisIndex: 1,
+            data: res.map((s: any) => s.customerTakeCount),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '公海客户分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '进入公海客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '公海领取客户数',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    default: {
+      return {};
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/customer/data.ts b/apps/web-ele/src/views/crm/statistics/customer/data.ts
new file mode 100644
index 000000000..cc091e5ec
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/customer/data.ts
@@ -0,0 +1,398 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+import { useUserStore } from '@vben/stores';
+import {
+  beginOfDay,
+  endOfDay,
+  erpCalculatePercentage,
+  handleTree,
+} from '@vben/utils';
+
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getSimpleUserList } from '#/api/system/user';
+import { getRangePickerDefaultProps } from '#/utils';
+
+const userStore = useUserStore();
+
+export const customerSummaryTabs = [
+  {
+    tab: '客户总量分析',
+    key: 'customerSummary',
+  },
+  {
+    tab: '客户跟进次数分析',
+    key: 'followUpSummary',
+  },
+  {
+    tab: '客户跟进方式分析',
+    key: 'followUpType',
+  },
+  {
+    tab: '客户转化率分析',
+    key: 'conversionStat',
+  },
+  {
+    tab: '公海客户分析',
+    key: 'poolSummary',
+  },
+  {
+    tab: '员工客户成交周期分析',
+    key: 'dealCycleByUser',
+  },
+  {
+    tab: '地区客户成交周期分析',
+    key: 'dealCycleByArea',
+  },
+  {
+    tab: '产品客户成交周期分析',
+    key: 'dealCycleByProduct',
+  },
+];
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'times',
+      label: '时间范围',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+      },
+      defaultValue: [
+        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
+        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+      ],
+    },
+    {
+      fieldName: 'interval',
+      label: '时间间隔',
+      component: 'Select',
+      componentProps: {
+        allowClear: true,
+        options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
+      },
+      defaultValue: 2,
+    },
+    {
+      fieldName: 'deptId',
+      label: '归属部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
+        treeDefaultExpandAll: true,
+      },
+      defaultValue: userStore.userInfo?.deptId,
+    },
+    {
+      fieldName: 'userId',
+      label: '员工',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择员工',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(
+  activeTabName: any,
+): VxeTableGridOptions['columns'] {
+  switch (activeTabName) {
+    case 'conversionStat': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'customerName',
+          title: '客户名称',
+          minWidth: 100,
+        },
+        {
+          field: 'contractName',
+          title: '合同名称',
+          minWidth: 200,
+        },
+        {
+          field: 'totalPrice',
+          title: '合同总金额',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'receivablePrice',
+          title: '回款金额',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'source',
+          title: '客户来源',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_CUSTOMER_SOURCE },
+          },
+        },
+        {
+          field: 'industryId',
+          title: '客户行业',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_CUSTOMER_INDUSTRY },
+          },
+        },
+        {
+          field: 'ownerUserName',
+          title: '负责人',
+          minWidth: 200,
+        },
+        {
+          field: 'creatorUserName',
+          title: '创建人',
+          minWidth: 200,
+        },
+        {
+          field: 'createTime',
+          title: '创建时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'orderDate',
+          title: '下单日期',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+      ];
+    }
+    case 'customerSummary': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'ownerUserName',
+          title: '员工姓名',
+          minWidth: 100,
+        },
+        {
+          field: 'customerCreateCount',
+          title: '新增客户数',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCount',
+          title: '成交客户数',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealRate',
+          title: '客户成交率(%)',
+          minWidth: 200,
+          formatter: ({ row }) => {
+            return erpCalculatePercentage(
+              row.customerDealCount,
+              row.customerCreateCount,
+            );
+          },
+        },
+        {
+          field: 'contractPrice',
+          title: '合同总金额',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'receivablePrice',
+          title: '回款金额',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'creceivablePrice',
+          title: '未回款金额',
+          minWidth: 200,
+          formatter: ({ row }) => {
+            return erpCalculatePercentage(
+              row.receivablePrice,
+              row.contractPrice,
+            );
+          },
+        },
+        {
+          field: 'ccreceivablePrice',
+          title: '回款完成率(%)',
+          formatter: ({ row }) => {
+            return erpCalculatePercentage(
+              row.receivablePrice,
+              row.contractPrice,
+            );
+          },
+        },
+      ];
+    }
+    case 'dealCycleByArea': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'areaName',
+          title: '区域',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCycle',
+          title: '成交周期(天)',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCount',
+          title: '成交客户数',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'dealCycleByProduct': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'productName',
+          title: '产品名称',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCycle',
+          title: '成交周期(天)',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCount',
+          title: '成交客户数',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'dealCycleByUser': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'ownerUserName',
+          title: '日期',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCycle',
+          title: '成交周期(天)',
+          minWidth: 200,
+        },
+        {
+          field: 'customerDealCount',
+          title: '成交客户数',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'followUpSummary': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'ownerUserName',
+          title: '员工姓名',
+          minWidth: 200,
+        },
+        {
+          field: 'followUpRecordCount',
+          title: '跟进次数',
+          minWidth: 200,
+        },
+        {
+          field: 'followUpCustomerCount',
+          title: '跟进客户数',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'followUpType': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'followUpType',
+          title: '跟进方式',
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_FOLLOW_UP_TYPE },
+          },
+        },
+        {
+          field: 'followUpRecordCount',
+          title: '个数',
+          minWidth: 200,
+        },
+        {
+          field: 'portion',
+          title: '占比(%)',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'poolSummary': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'ownerUserName',
+          title: '员工姓名',
+          minWidth: 200,
+        },
+        {
+          field: 'customerPutCount',
+          title: '进入公海客户数',
+          minWidth: 200,
+        },
+        {
+          field: 'customerTakeCount',
+          title: '公海领取客户数',
+          minWidth: 200,
+        },
+      ];
+    }
+    default: {
+      return [];
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/customer/index.vue b/apps/web-ele/src/views/crm/statistics/customer/index.vue
new file mode 100644
index 000000000..34c5f5ec2
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/customer/index.vue
@@ -0,0 +1,100 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmStatisticsCustomerApi } from '#/api/crm/statistics/customer';
+
+import { onMounted, ref } from 'vue';
+
+import { ContentWrap, Page } from '@vben/common-ui';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { ElTabs, ElTabPane } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getChartDatas } from '#/api/crm/statistics/customer';
+import { $t } from '#/locales';
+
+import { getChartOptions } from './chartOptions';
+import { customerSummaryTabs, useGridColumns, useGridFormSchema } from './data';
+
+const activeTabName = ref('customerSummary');
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+const [QueryForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  schema: useGridFormSchema(),
+  // 是否可展开
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: $t('common.query'),
+  },
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+  handleSubmit: async () => {
+    await handleTabChange(activeTabName.value);
+  },
+});
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(activeTabName.value),
+    height: 'auto',
+    keepSource: true,
+    pagerConfig: {
+      enabled: false,
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  } as VxeTableGridOptions<CrmStatisticsCustomerApi.CustomerSummaryByUserRespVO>,
+});
+
+/** tab 切换 */
+async function handleTabChange(key: any) {
+  activeTabName.value = key;
+  gridApi.setGridOptions({
+    columns: useGridColumns(key),
+  });
+  const queryParams = await formApi.getValues();
+  const res = await getChartDatas(activeTabName.value, queryParams);
+  await renderEcharts(getChartOptions(activeTabName.value, res));
+  await gridApi.grid.reloadData(res);
+}
+
+onMounted(() => {
+  handleTabChange(activeTabName.value);
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ContentWrap>
+      <QueryForm />
+      <ElTabs
+        v-model="activeTabName"
+        class="w-full"
+        @tab-change="handleTabChange"
+      >
+        <ElTabPane
+          v-for="item in customerSummaryTabs"
+          :key="item.key"
+          :label="item.tab"
+          :name="item.key"
+        />
+      </ElTabs>
+      <EchartsUI class="mb-20 h-full w-full" ref="chartRef" />
+      <Grid />
+    </ContentWrap>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/chartOptions.ts b/apps/web-ele/src/views/crm/statistics/funnel/chartOptions.ts
new file mode 100644
index 000000000..e86953f4c
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/funnel/chartOptions.ts
@@ -0,0 +1,271 @@
+import { erpCalculatePercentage } from '@vben/utils';
+
+export function getChartOptions(
+  activeTabName: any,
+  active: boolean,
+  res: any,
+): any {
+  switch (activeTabName) {
+    case 'businessInversionRateSummary': {
+      return {
+        color: ['#6ca2ff', '#6ac9d7', '#ff7474'],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
+          },
+        },
+        legend: {
+          data: ['赢单转化率', '商机总数', '赢单商机数'],
+          bottom: '0px',
+          itemWidth: 14,
+        },
+        grid: {
+          top: '40px',
+          left: '40px',
+          right: '40px',
+          bottom: '40px',
+          containLabel: true,
+          borderColor: '#fff',
+        },
+        xAxis: [
+          {
+            type: 'category',
+            data: res.map((s: any) => s.time),
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: { width: 0 },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: { color: '#BDBDBD' },
+            },
+            splitLine: {
+              show: false,
+            },
+          },
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            name: '赢单转化率',
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: { width: 0 },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}%',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: { color: '#BDBDBD' },
+            },
+            splitLine: {
+              show: false,
+            },
+          },
+          {
+            type: 'value',
+            name: '商机数',
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: { width: 0 },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}个',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: { color: '#BDBDBD' },
+            },
+            splitLine: {
+              show: false,
+            },
+          },
+        ],
+        series: [
+          {
+            name: '赢单转化率',
+            type: 'line',
+            yAxisIndex: 0,
+            data: res.map((s: any) =>
+              erpCalculatePercentage(s.businessWinCount, s.businessCount),
+            ),
+          },
+          {
+            name: '商机总数',
+            type: 'bar',
+            yAxisIndex: 1,
+            barWidth: 15,
+            data: res.map((s: any) => s.businessCount),
+          },
+          {
+            name: '赢单商机数',
+            type: 'bar',
+            yAxisIndex: 1,
+            barWidth: 15,
+            data: res.map((s: any) => s.businessWinCount),
+          },
+        ],
+      };
+    }
+    case 'businessSummary': {
+      return {
+        grid: {
+          left: 30,
+          right: 30, // 让 X 轴右侧显示完整
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '新增商机数量',
+            type: 'bar',
+            yAxisIndex: 0,
+            data: res.map((s: any) => s.businessCreateCount),
+          },
+          {
+            name: '新增商机金额',
+            type: 'bar',
+            yAxisIndex: 1,
+            data: res.map((s: any) => s.totalPrice),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '新增商机分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '新增商机数量',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+          },
+          {
+            type: 'value',
+            name: '新增商机金额',
+            min: 0,
+            minInterval: 1, // 显示整数刻度
+            splitLine: {
+              lineStyle: {
+                type: 'dotted', // 右侧网格线虚化, 减少混乱
+                opacity: 0.7,
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'funnel': {
+      // tips：写死 value 值是为了保持漏斗顺序不变
+      const list: { name: string; value: number }[] = [];
+      if (active) {
+        list.push(
+          { value: 60, name: `客户-${res.customerCount || 0}个` },
+          { value: 40, name: `商机-${res.businessCount || 0}个` },
+          { value: 20, name: `赢单-${res.businessWinCount || 0}个` },
+        );
+      } else {
+        list.push(
+          {
+            value: res.customerCount || 0,
+            name: `客户-${res.customerCount || 0}个`,
+          },
+          {
+            value: res.businessCount || 0,
+            name: `商机-${res.businessCount || 0}个`,
+          },
+          {
+            value: res.businessWinCount || 0,
+            name: `赢单-${res.businessWinCount || 0}个`,
+          },
+        );
+      }
+      return {
+        title: {
+          text: '销售漏斗',
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b}',
+        },
+        toolbox: {
+          feature: {
+            dataView: { readOnly: false },
+            restore: {},
+            saveAsImage: {},
+          },
+        },
+        legend: {
+          data: ['客户', '商机', '赢单'],
+        },
+        series: [
+          {
+            name: '销售漏斗',
+            type: 'funnel',
+            left: '10%',
+            top: 60,
+            bottom: 60,
+            width: '80%',
+            min: 0,
+            max: 100,
+            minSize: '0%',
+            maxSize: '100%',
+            sort: 'descending',
+            gap: 2,
+            label: {
+              show: true,
+              position: 'inside',
+            },
+            labelLine: {
+              length: 10,
+              lineStyle: {
+                width: 1,
+                type: 'solid',
+              },
+            },
+            itemStyle: {
+              borderColor: '#fff',
+              borderWidth: 1,
+            },
+            emphasis: {
+              label: {
+                fontSize: 20,
+              },
+            },
+            data: list,
+          },
+        ],
+      };
+    }
+    default: {
+      return {};
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/data.ts b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
new file mode 100644
index 000000000..f1d4aa388
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
@@ -0,0 +1,268 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+import { useUserStore } from '@vben/stores';
+import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getSimpleUserList } from '#/api/system/user';
+import { getRangePickerDefaultProps } from '#/utils';
+
+const userStore = useUserStore();
+
+export const customerSummaryTabs = [
+  {
+    tab: '销售漏斗分析',
+    key: 'funnel',
+  },
+  {
+    tab: '新增商机分析',
+    key: 'businessSummary',
+  },
+  {
+    tab: '商机转化率分析',
+    key: 'businessInversionRateSummary',
+  },
+];
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'times',
+      label: '时间范围',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+      },
+      defaultValue: [
+        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
+        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+      ],
+    },
+    {
+      fieldName: 'interval',
+      label: '时间间隔',
+      component: 'Select',
+      componentProps: {
+        allowClear: true,
+        options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
+      },
+      defaultValue: 2,
+    },
+    {
+      fieldName: 'deptId',
+      label: '归属部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
+        treeDefaultExpandAll: true,
+      },
+      defaultValue: userStore.userInfo?.deptId,
+    },
+    {
+      fieldName: 'userId',
+      label: '员工',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        allowClear: true,
+        labelField: 'nickname',
+        valueField: 'id',
+      },
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(
+  activeTabName: any,
+): VxeTableGridOptions['columns'] {
+  switch (activeTabName) {
+    case 'businessInversionRateSummary': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'name',
+          title: '商机名称',
+          minWidth: 100,
+        },
+        {
+          field: 'customerName',
+          title: '客户名称',
+          minWidth: 200,
+        },
+        {
+          field: 'totalPrice',
+          title: '商机金额（元）',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'dealTime',
+          title: '预计成交日期',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'ownerUserName',
+          title: '负责人',
+          minWidth: 200,
+        },
+        {
+          field: 'ownerUserDeptName',
+          title: '所属部门',
+          minWidth: 200,
+        },
+        {
+          field: 'contactLastTime',
+          title: '最后跟进时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'updateTime',
+          title: '更新时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'createTime',
+          title: '创建时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'creatorName',
+          title: '创建人',
+          minWidth: 100,
+        },
+        {
+          field: 'statusTypeName',
+          title: '商机状态组',
+          minWidth: 100,
+        },
+        {
+          field: 'statusName',
+          title: '商机阶段',
+          minWidth: 100,
+        },
+      ];
+    }
+    case 'businessSummary': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'name',
+          title: '商机名称',
+          minWidth: 100,
+        },
+        {
+          field: 'customerName',
+          title: '客户名称',
+          minWidth: 200,
+        },
+        {
+          field: 'totalPrice',
+          title: '商机金额（元）',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+        {
+          field: 'dealTime',
+          title: '预计成交日期',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'ownerUserName',
+          title: '负责人',
+          minWidth: 200,
+        },
+        {
+          field: 'ownerUserDeptName',
+          title: '所属部门',
+          minWidth: 200,
+        },
+        {
+          field: 'contactLastTime',
+          title: '最后跟进时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'updateTime',
+          title: '更新时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'createTime',
+          title: '创建时间',
+          minWidth: 200,
+          formatter: 'formatDateTime',
+        },
+        {
+          field: 'creatorName',
+          title: '创建人',
+          minWidth: 100,
+        },
+        {
+          field: 'statusTypeName',
+          title: '商机状态组',
+          minWidth: 100,
+        },
+        {
+          field: 'statusName',
+          title: '商机阶段',
+          minWidth: 100,
+        },
+      ];
+    }
+    case 'funnel': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'endStatus',
+          title: '阶段',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_BUSINESS_END_STATUS_TYPE },
+          },
+        },
+        {
+          field: 'businessCount',
+          title: '商机数',
+          minWidth: 200,
+        },
+        {
+          field: 'totalPrice',
+          title: '商机总金额(元)',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+      ];
+    }
+    default: {
+      return [];
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/index.vue b/apps/web-ele/src/views/crm/statistics/funnel/index.vue
new file mode 100644
index 000000000..f4812a2fa
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/funnel/index.vue
@@ -0,0 +1,146 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type {
+  VxeGridListeners,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
+import type { CrmStatisticsFunnelApi } from '#/api/crm/statistics/funnel';
+
+import { reactive, ref } from 'vue';
+
+import { ContentWrap, Page } from '@vben/common-ui';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { ElButton, ElButtonGroup, ElTabs, ElTabPane } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getChartDatas, getDatas } from '#/api/crm/statistics/funnel';
+import { $t } from '#/locales';
+
+import { getChartOptions } from './chartOptions';
+import { customerSummaryTabs, useGridColumns, useGridFormSchema } from './data';
+
+const activeTabName = ref('funnel');
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+const active = ref(true);
+const pagerVO = reactive({
+  total: 0,
+  pageNo: 1,
+  pageSize: 10,
+});
+
+const gridEvents: VxeGridListeners = {
+  async pageChange({ pageSize, currentPage }) {
+    pagerVO.pageNo = currentPage;
+    pagerVO.pageSize = pageSize;
+    await handleTabChange(activeTabName.value);
+  },
+};
+const [QueryForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  schema: useGridFormSchema(),
+  // 是否可展开
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: $t('common.query'),
+  },
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+  handleSubmit: async () => {
+    await handleTabChange(activeTabName.value);
+  },
+});
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(activeTabName.value),
+    height: 'auto',
+    keepSource: true,
+    pagerConfig: {
+      enabled: false,
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  } as VxeTableGridOptions<CrmStatisticsFunnelApi.BusinessSummaryByDateRespVO>,
+});
+
+/** tab 切换 */
+async function handleTabChange(key: any) {
+  activeTabName.value = key;
+  gridApi.setGridOptions({
+    columns: useGridColumns(key),
+    height: '400px',
+    keepSource: true,
+    pagerConfig: {
+      enabled: activeTabName.value !== 'funnel',
+    },
+  });
+  const queryParams = await formApi.getValues();
+  const res = await getChartDatas(activeTabName.value, queryParams);
+  await renderEcharts(getChartOptions(activeTabName.value, active.value, res));
+  const data: any = await getDatas(activeTabName.value, queryParams);
+  await gridApi.grid.reloadData(
+    activeTabName.value === 'funnel' ? data : data.list,
+  );
+}
+
+/** 视角切换 */
+async function handleActive(value: boolean) {
+  active.value = value;
+  const queryParams = await formApi.getValues();
+  renderEcharts(
+    getChartOptions(activeTabName.value, active.value, queryParams),
+  );
+}
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ContentWrap>
+      <QueryForm />
+      <ElTabs
+        v-model="activeTabName"
+        class="w-full"
+        @tab-change="handleTabChange"
+      >
+        <ElTabPane
+          v-for="item in customerSummaryTabs"
+          :key="item.key"
+          :label="item.tab"
+          :name="item.key"
+        />
+      </ElTabs>
+      <ElButtonGroup>
+        <ElButton
+          :type="active ? 'primary' : 'default'"
+          v-if="activeTabName === 'funnel'"
+          @click="handleActive(true)"
+        >
+          客户视角
+        </ElButton>
+        <ElButton
+          :type="active ? 'default' : 'primary'"
+          v-if="activeTabName === 'funnel'"
+          @click="handleActive(false)"
+        >
+          动态视角
+        </ElButton>
+      </ElButtonGroup>
+      <EchartsUI class="mb-20 h-2/5 w-full" ref="chartRef" />
+      <Grid v-on="gridEvents" />
+    </ContentWrap>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/statistics/performance/chartOptions.ts b/apps/web-ele/src/views/crm/statistics/performance/chartOptions.ts
new file mode 100644
index 000000000..329b4d7ff
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/performance/chartOptions.ts
@@ -0,0 +1,394 @@
+export function getChartOptions(activeTabName: any, res: any): any {
+  switch (activeTabName) {
+    case 'ContractCountPerformance': {
+      return {
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '当月合同数量（个）',
+            type: 'line',
+            data: res.map((s: any) => s.currentMonthCount),
+          },
+          {
+            name: '上月合同数量（个）',
+            type: 'line',
+            data: res.map((s: any) => s.lastMonthCount),
+          },
+          {
+            name: '去年同月合同数量（个）',
+            type: 'line',
+            data: res.map((s: any) => s.lastYearCount),
+          },
+          {
+            name: '环比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastMonthCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastMonthCount) /
+                      s.lastMonthCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+          {
+            name: '同比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastYearCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastYearCount) /
+                      s.lastYearCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户总量分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '数量（个）',
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+          {
+            type: 'value',
+            name: '',
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: {
+                width: 0,
+              },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}%',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'ContractPricePerformance': {
+      return {
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '当月合同金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.currentMonthCount),
+          },
+          {
+            name: '上月合同金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.lastMonthCount),
+          },
+          {
+            name: '去年同月合同金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.lastYearCount),
+          },
+          {
+            name: '环比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastMonthCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastMonthCount) /
+                      s.lastMonthCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+          {
+            name: '同比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastYearCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastYearCount) /
+                      s.lastYearCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户总量分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '金额（元）',
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+          {
+            type: 'value',
+            name: '',
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: {
+                width: 0,
+              },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}%',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    case 'ReceivablePricePerformance': {
+      return {
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {},
+        series: [
+          {
+            name: '当月回款金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.currentMonthCount),
+          },
+          {
+            name: '上月回款金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.lastMonthCount),
+          },
+          {
+            name: '去年同月回款金额（元）',
+            type: 'line',
+            data: res.map((s: any) => s.lastYearCount),
+          },
+          {
+            name: '环比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastMonthCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastMonthCount) /
+                      s.lastMonthCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+          {
+            name: '同比增长率（%）',
+            type: 'line',
+            yAxisIndex: 1,
+            data: res.map((s: any) =>
+              s.lastYearCount === 0
+                ? 'NULL'
+                : (
+                    ((s.currentMonthCount - s.lastYearCount) /
+                      s.lastYearCount) *
+                    100
+                  ).toFixed(2),
+            ),
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              xAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '客户总量分析' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        yAxis: [
+          {
+            type: 'value',
+            name: '金额（元）',
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+          {
+            type: 'value',
+            name: '',
+            axisTick: {
+              alignWithLabel: true,
+              lineStyle: {
+                width: 0,
+              },
+            },
+            axisLabel: {
+              color: '#BDBDBD',
+              formatter: '{value}%',
+            },
+            /** 坐标轴轴线相关设置 */
+            axisLine: {
+              lineStyle: {
+                color: '#BDBDBD',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#e6e6e6',
+              },
+            },
+          },
+        ],
+        xAxis: {
+          type: 'category',
+          name: '日期',
+          data: res.map((s: any) => s.time),
+        },
+      };
+    }
+    default: {
+      return {};
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/performance/data.ts b/apps/web-ele/src/views/crm/statistics/performance/data.ts
new file mode 100644
index 000000000..10e951665
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/performance/data.ts
@@ -0,0 +1,73 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+import { useUserStore } from '@vben/stores';
+import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getSimpleUserList } from '#/api/system/user';
+import { getRangePickerDefaultProps } from '#/utils';
+
+const userStore = useUserStore();
+
+export const customerSummaryTabs = [
+  {
+    tab: '员工合同数量统计',
+    key: 'ContractCountPerformance',
+  },
+  {
+    tab: '员工合同金额统计',
+    key: 'ContractPricePerformance',
+  },
+  {
+    tab: '员工回款金额统计',
+    key: 'ReceivablePricePerformance',
+  },
+];
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'times',
+      label: '时间范围',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+        type: 'year',
+        format: 'YYYY',
+      },
+      defaultValue: [
+        beginOfDay(new Date(new Date().getFullYear(), 0, 1)),
+        endOfDay(new Date(new Date().getFullYear(), 11, 31)),
+      ],
+    },
+    {
+      fieldName: 'deptId',
+      label: '归属部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
+        treeDefaultExpandAll: true,
+      },
+      defaultValue: userStore.userInfo?.deptId,
+    },
+    {
+      fieldName: 'userId',
+      label: '员工',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择员工',
+        allowClear: true,
+      },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/statistics/performance/index.vue b/apps/web-ele/src/views/crm/statistics/performance/index.vue
new file mode 100644
index 000000000..137dcebad
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/performance/index.vue
@@ -0,0 +1,176 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmStatisticsCustomerApi } from '#/api/crm/statistics/customer';
+
+import { onMounted, ref } from 'vue';
+
+import { ContentWrap, Page } from '@vben/common-ui';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { ElTabs, ElTabPane } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  getContractCountPerformance,
+  getContractPricePerformance,
+  getReceivablePricePerformance,
+} from '#/api/crm/statistics/performance';
+import { $t } from '#/locales';
+
+import { getChartOptions } from './chartOptions';
+import { customerSummaryTabs, useGridFormSchema } from './data';
+
+const activeTabName = ref('ContractCountPerformance');
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+const [QueryForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  schema: useGridFormSchema(),
+  // 是否可展开
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: $t('common.query'),
+  },
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+  handleSubmit: async () => {
+    await handleTabChange(activeTabName.value);
+  },
+});
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: [],
+    height: 'auto',
+    keepSource: true,
+    pagerConfig: {
+      enabled: false,
+    },
+    proxyConfig: {
+      enabled: false,
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  } as VxeTableGridOptions<CrmStatisticsCustomerApi.CustomerSummaryByUserRespVO>,
+});
+
+/** tab 切换 */
+async function handleTabChange(key: any) {
+  activeTabName.value = key;
+  const queryParams = (await formApi.getValues()) as any;
+  let data: any[] = [];
+  const columnsData: any[] = [];
+  let tableData: any[] = [];
+  switch (key) {
+    case 'ContractCountPerformance': {
+      tableData = [
+        { title: '当月合同数量统计（个）' },
+        { title: '上月合同数量统计（个）' },
+        { title: '去年当月合同数量统计（个）' },
+        { title: '环比增长率（%）' },
+        { title: '同比增长率（%）' },
+      ];
+      data = await getContractCountPerformance(queryParams);
+      break;
+    }
+    case 'ContractPricePerformance': {
+      tableData = [
+        { title: '当月合同金额统计（元）' },
+        { title: '上月合同金额统计（元）' },
+        { title: '去年当月合同金额统计（元）' },
+        { title: '环比增长率（%）' },
+        { title: '同比增长率（%）' },
+      ];
+      data = await getContractPricePerformance(queryParams);
+      break;
+    }
+    case 'ReceivablePricePerformance': {
+      tableData = [
+        { title: '当月回款金额统计（元）' },
+        { title: '上月回款金额统计（元）' },
+        { title: '去年当月回款金额统计（元）' },
+        { title: '环比增长率（%）' },
+        { title: '同比增长率（%）' },
+      ];
+      data = await getReceivablePricePerformance(queryParams);
+      break;
+    }
+    default: {
+      break;
+    }
+  }
+  const columnObj = {
+    title: '日期',
+    field: 'title',
+    minWidth: 200,
+    align: 'left',
+  };
+  columnsData.splice(0); // 清空数组
+  columnsData.push(columnObj);
+  data.forEach((item: any, index: number) => {
+    const columnObj = { title: item.time, field: `field${index}` };
+    columnsData.push(columnObj);
+    tableData[0][`field${index}`] = item.currentMonthCount;
+    tableData[1][`field${index}`] = item.lastMonthCount;
+    tableData[2][`field${index}`] = item.lastYearCount;
+    tableData[3][`field${index}`] =
+      item.lastMonthCount === 0
+        ? 'NULL'
+        : (
+            ((item.currentMonthCount - item.lastMonthCount) /
+              item.lastMonthCount) *
+            100
+          ).toFixed(2);
+    tableData[4][`field${index}`] =
+      item.lastYearCount === 0
+        ? 'NULL'
+        : (
+            ((item.currentMonthCount - item.lastYearCount) /
+              item.lastYearCount) *
+            100
+          ).toFixed(2);
+  });
+  await renderEcharts(getChartOptions(key, data), true);
+  await gridApi.grid.reloadColumn(columnsData);
+  await gridApi.grid.reloadData(tableData);
+}
+
+/** 初始化加载 */
+onMounted(() => {
+  handleTabChange(activeTabName.value);
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ContentWrap>
+      <QueryForm />
+      <ElTabs
+        v-model="activeTabName"
+        class="w-full"
+        @tab-change="handleTabChange"
+      >
+        <ElTabPane
+          v-for="item in customerSummaryTabs"
+          :key="item.key"
+          :label="item.tab"
+          :name="item.key"
+        />
+      </ElTabs>
+      <EchartsUI class="mb-20 h-full w-full" ref="chartRef" />
+      <Grid class="min-h-[400px]" />
+    </ContentWrap>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/chartOptions.ts b/apps/web-ele/src/views/crm/statistics/portrait/chartOptions.ts
new file mode 100644
index 000000000..b63ea2513
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/portrait/chartOptions.ts
@@ -0,0 +1,440 @@
+import { DICT_TYPE } from '@vben/constants';
+import { getDictLabel } from '@vben/hooks';
+
+function areaReplace(areaName: string) {
+  if (!areaName) {
+    return areaName;
+  }
+  return areaName
+    .replace('维吾尔自治区', '')
+    .replace('壮族自治区', '')
+    .replace('回族自治区', '')
+    .replace('自治区', '')
+    .replace('省', '');
+}
+
+export function getChartOptions(activeTabName: any, res: any): any {
+  switch (activeTabName) {
+    case 'area': {
+      const data = res.map((item: any) => {
+        return {
+          ...item,
+          areaName: areaReplace(item.areaName),
+        };
+      });
+      let leftMin = 0;
+      let leftMax = 0;
+      let rightMin = 0;
+      let rightMax = 0;
+      data.forEach((item: any) => {
+        leftMin = Math.min(leftMin, item.customerCount || 0);
+        leftMax = Math.max(leftMax, item.customerCount || 0);
+        rightMin = Math.min(rightMin, item.dealCount || 0);
+        rightMax = Math.max(rightMax, item.dealCount || 0);
+      });
+      return {
+        left: {
+          title: {
+            text: '全部客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+            showDelay: 0,
+            transitionDuration: 0.2,
+          },
+          visualMap: {
+            text: ['高', '低'],
+            realtime: false,
+            calculable: true,
+            top: 'middle',
+            inRange: {
+              color: ['yellow', 'lightskyblue', 'orangered'],
+            },
+            min: leftMin,
+            max: leftMax,
+          },
+          series: [
+            {
+              name: '客户地域分布',
+              type: 'map',
+              map: 'china',
+              roam: false,
+              selectedMode: false,
+              data: data.map((item: any) => {
+                return {
+                  name: item.areaName,
+                  value: item.customerCount || 0,
+                };
+              }),
+            },
+          ],
+        },
+        right: {
+          title: {
+            text: '成交客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+            showDelay: 0,
+            transitionDuration: 0.2,
+          },
+          visualMap: {
+            text: ['高', '低'],
+            realtime: false,
+            calculable: true,
+            top: 'middle',
+            inRange: {
+              color: ['yellow', 'lightskyblue', 'orangered'],
+            },
+            min: rightMin,
+            max: rightMax,
+          },
+          series: [
+            {
+              name: '客户地域分布',
+              type: 'map',
+              map: 'china',
+              roam: false,
+              selectedMode: false,
+              data: data.map((item: any) => {
+                return {
+                  name: item.areaName,
+                  value: item.dealCount || 0,
+                };
+              }),
+            },
+          ],
+        },
+      };
+    }
+    case 'industry': {
+      return {
+        left: {
+          title: {
+            text: '全部客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '全部客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '全部客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(
+                    DICT_TYPE.CRM_CUSTOMER_INDUSTRY,
+                    r.industryId,
+                  ),
+                  value: r.customerCount,
+                };
+              }),
+            },
+          ],
+        },
+        right: {
+          title: {
+            text: '成交客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '成交客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '成交客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(
+                    DICT_TYPE.CRM_CUSTOMER_INDUSTRY,
+                    r.industryId,
+                  ),
+                  value: r.dealCount,
+                };
+              }),
+            },
+          ],
+        },
+      };
+    }
+    case 'level': {
+      return {
+        left: {
+          title: {
+            text: '全部客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '全部客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '全部客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(DICT_TYPE.CRM_CUSTOMER_LEVEL, r.level),
+                  value: r.customerCount,
+                };
+              }),
+            },
+          ],
+        },
+        right: {
+          title: {
+            text: '成交客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '成交客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '成交客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(DICT_TYPE.CRM_CUSTOMER_LEVEL, r.level),
+                  value: r.dealCount,
+                };
+              }),
+            },
+          ],
+        },
+      };
+    }
+    case 'source': {
+      return {
+        left: {
+          title: {
+            text: '全部客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '全部客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '全部客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(DICT_TYPE.CRM_CUSTOMER_SOURCE, r.source),
+                  value: r.customerCount,
+                };
+              }),
+            },
+          ],
+        },
+        right: {
+          title: {
+            text: '成交客户',
+            left: 'center',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left',
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: { show: true, name: '成交客户' }, // 保存为图片
+            },
+          },
+          series: [
+            {
+              name: '成交客户',
+              type: 'pie',
+              radius: ['40%', '70%'],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: 'center',
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: 40,
+                  fontWeight: 'bold',
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: res.map((r: any) => {
+                return {
+                  name: getDictLabel(DICT_TYPE.CRM_CUSTOMER_SOURCE, r.source),
+                  value: r.dealCount,
+                };
+              }),
+            },
+          ],
+        },
+      };
+    }
+    default: {
+      return {};
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/data.ts b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
new file mode 100644
index 000000000..519edecd6
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
@@ -0,0 +1,201 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { useUserStore } from '@vben/stores';
+import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getSimpleUserList } from '#/api/system/user';
+import { getRangePickerDefaultProps } from '#/utils';
+
+const userStore = useUserStore();
+
+export const customerSummaryTabs = [
+  {
+    tab: '城市分布分析',
+    key: 'area',
+  },
+  {
+    tab: '客户级别分析',
+    key: 'level',
+  },
+  {
+    tab: '客户来源分析',
+    key: 'source',
+  },
+  {
+    tab: '客户行业分析',
+    key: 'industry',
+  },
+];
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'times',
+      label: '时间范围',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+        format: 'YYYY-MM-DD',
+        type: 'year',
+      },
+      defaultValue: [
+        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
+        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+      ],
+    },
+    {
+      fieldName: 'deptId',
+      label: '归属部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
+        treeDefaultExpandAll: true,
+      },
+      defaultValue: userStore.userInfo?.deptId,
+    },
+    {
+      fieldName: 'userId',
+      label: '员工',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择员工',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(
+  activeTabName: any,
+): VxeTableGridOptions['columns'] {
+  switch (activeTabName) {
+    case 'industry': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'industryId',
+          title: '客户行业',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_CUSTOMER_INDUSTRY },
+          },
+        },
+        {
+          field: 'customerCount',
+          title: '客户个数',
+          minWidth: 200,
+        },
+        {
+          field: 'dealCount',
+          title: '成交个数',
+          minWidth: 200,
+        },
+        {
+          field: 'industryPortion',
+          title: '行业占比(%)',
+          minWidth: 200,
+        },
+        {
+          field: 'dealPortion',
+          title: '成交占比(%)',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'level': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'level',
+          title: '客户级别',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_CUSTOMER_LEVEL },
+          },
+        },
+        {
+          field: 'customerCount',
+          title: '客户个数',
+          minWidth: 200,
+        },
+        {
+          field: 'dealCount',
+          title: '成交个数',
+          minWidth: 200,
+        },
+        {
+          field: 'industryPortion',
+          title: '行业占比(%)',
+          minWidth: 200,
+        },
+        {
+          field: 'dealPortion',
+          title: '成交占比(%)',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'source': {
+      return [
+        {
+          type: 'seq',
+          title: '序号',
+        },
+        {
+          field: 'source',
+          title: '客户来源',
+          minWidth: 100,
+          cellRender: {
+            name: 'CellDict',
+            props: { type: DICT_TYPE.CRM_CUSTOMER_SOURCE },
+          },
+        },
+        {
+          field: 'customerCount',
+          title: '客户个数',
+          minWidth: 200,
+        },
+        {
+          field: 'dealCount',
+          title: '成交个数',
+          minWidth: 200,
+        },
+        {
+          field: 'industryPortion',
+          title: '行业占比(%)',
+          minWidth: 200,
+        },
+        {
+          field: 'dealPortion',
+          title: '成交占比(%)',
+          minWidth: 200,
+        },
+      ];
+    }
+    default: {
+      return [];
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/index.vue b/apps/web-ele/src/views/crm/statistics/portrait/index.vue
new file mode 100644
index 000000000..5e09b1f66
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/portrait/index.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmStatisticsCustomerApi } from '#/api/crm/statistics/customer';
+
+import { onMounted, ref } from 'vue';
+
+import { ContentWrap, Page } from '@vben/common-ui';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { ElTabs, ElTabPane } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getDatas } from '#/api/crm/statistics/portrait';
+import { $t } from '#/locales';
+
+import { getChartOptions } from './chartOptions';
+import { customerSummaryTabs, useGridColumns, useGridFormSchema } from './data';
+
+const activeTabName = ref('area');
+const leftChartRef = ref<EchartsUIType>();
+const rightChartRef = ref<EchartsUIType>();
+const { renderEcharts: renderLeftEcharts } = useEcharts(leftChartRef);
+const { renderEcharts: renderRightEcharts } = useEcharts(rightChartRef);
+
+const [QueryForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  schema: useGridFormSchema(),
+  // 是否可展开
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: $t('common.query'),
+  },
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+  handleSubmit: async () => {
+    await handleTabChange(activeTabName.value);
+  },
+});
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(activeTabName.value),
+    height: 'auto',
+    keepSource: true,
+    pagerConfig: {
+      enabled: false,
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  } as VxeTableGridOptions<CrmStatisticsCustomerApi.CustomerSummaryByUserRespVO>,
+});
+
+/** tab 切换 */
+async function handleTabChange(key: any) {
+  activeTabName.value = key;
+  gridApi.setGridOptions({
+    columns: useGridColumns(key),
+  });
+  const queryParams = await formApi.getValues();
+  const res = await getDatas(activeTabName.value, queryParams);
+  await renderLeftEcharts(getChartOptions(activeTabName.value, res).left);
+  await renderRightEcharts(getChartOptions(activeTabName.value, res).right);
+  await gridApi.grid.reloadData(res);
+}
+
+onMounted(() => {
+  handleTabChange(activeTabName.value);
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ContentWrap>
+      <QueryForm />
+      <ElTabs
+        v-model="activeTabName"
+        class="w-full"
+        @tab-change="handleTabChange"
+      >
+        <ElTabPane
+          v-for="item in customerSummaryTabs"
+          :key="item.key"
+          :label="item.tab"
+          :name="item.key"
+        />
+      </ElTabs>
+      <div class="mt-5 flex">
+        <EchartsUI class="m-4 w-1/2" ref="leftChartRef" />
+        <EchartsUI class="m-4 w-1/2" ref="rightChartRef" />
+      </div>
+      <Grid v-show="activeTabName !== 'area'" />
+    </ContentWrap>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/statistics/rank/chartOptions.ts b/apps/web-ele/src/views/crm/statistics/rank/chartOptions.ts
new file mode 100644
index 000000000..7234687c5
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/rank/chartOptions.ts
@@ -0,0 +1,394 @@
+import { cloneDeep } from '@vben/utils';
+
+export function getChartOptions(activeTabName: any, res: any): any {
+  switch (activeTabName) {
+    case 'contactCountRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '新增联系人数排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '新增联系人数排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '新增联系人数（个）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '创建人',
+        },
+      };
+    }
+    case 'contractCountRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '签约合同排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '签约合同排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '签约合同数（个）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '签订人',
+        },
+      };
+    }
+    case 'contractPriceRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '合同金额排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '合同金额排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '合同金额（元）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '签订人',
+        },
+      };
+    }
+    case 'customerCountRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '新增客户数排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '新增客户数排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '新增客户数（个）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '创建人',
+        },
+      };
+    }
+    case 'followCountRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '跟进次数排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '跟进次数排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '跟进次数（次）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '员工',
+        },
+      };
+    }
+    case 'followCustomerCountRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '跟进客户数排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '跟进客户数排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '跟进客户数（个）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '员工',
+        },
+      };
+    }
+    case 'productSalesRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '产品销量排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '产品销量排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '产品销量',
+        },
+        yAxis: {
+          type: 'category',
+          name: '员工',
+        },
+      };
+    }
+    case 'receivablePriceRank': {
+      return {
+        dataset: {
+          dimensions: ['nickname', 'count'],
+          source: cloneDeep(res).reverse(),
+        },
+        grid: {
+          left: 20,
+          right: 20,
+          bottom: 20,
+          containLabel: true,
+        },
+        legend: {
+          top: 50,
+        },
+        series: [
+          {
+            name: '回款金额排行',
+            type: 'bar',
+          },
+        ],
+        toolbox: {
+          feature: {
+            dataZoom: {
+              yAxisIndex: false, // 数据区域缩放：Y 轴不缩放
+            },
+            brush: {
+              type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+            },
+            saveAsImage: { show: true, name: '回款金额排行' }, // 保存为图片
+          },
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        xAxis: {
+          type: 'value',
+          name: '回款金额（元）',
+        },
+        yAxis: {
+          type: 'category',
+          name: '签订人',
+          nameGap: 30,
+        },
+      };
+    }
+    default: {
+      return {};
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/rank/data.ts b/apps/web-ele/src/views/crm/statistics/rank/data.ts
new file mode 100644
index 000000000..e07f6042f
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/rank/data.ts
@@ -0,0 +1,276 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { useUserStore } from '@vben/stores';
+import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getRangePickerDefaultProps } from '#/utils';
+
+const userStore = useUserStore();
+
+export const customerSummaryTabs = [
+  {
+    tab: '合同金额排行',
+    key: 'contractPriceRank',
+  },
+  {
+    tab: '回款金额排行',
+    key: 'receivablePriceRank',
+  },
+  {
+    tab: '签约合同排行',
+    key: 'contractCountRank',
+  },
+  {
+    tab: '产品销量排行',
+    key: 'productSalesRank',
+  },
+  {
+    tab: '新增客户数排行',
+    key: 'customerCountRank',
+  },
+  {
+    tab: '新增联系人数排行',
+    key: 'contactCountRank',
+  },
+  {
+    tab: '跟进次数排行',
+    key: 'followCountRank',
+  },
+  {
+    tab: '跟进客户数排行',
+    key: 'followCustomerCountRank',
+  },
+];
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'times',
+      label: '时间范围',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+      },
+      defaultValue: [
+        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
+        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+      ],
+    },
+    {
+      fieldName: 'deptId',
+      label: '归属部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
+        treeDefaultExpandAll: true,
+      },
+      defaultValue: userStore.userInfo?.deptId,
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(
+  activeTabName: any,
+): VxeTableGridOptions['columns'] {
+  switch (activeTabName) {
+    case 'contactCountRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '创建人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '新增联系人数（个）',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'contractCountRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '签约合同数（个）',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'contractPriceRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '合同金额（元）',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+      ];
+    }
+    case 'customerCountRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '新增客户数（个）',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'followCountRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '跟进次数（次）',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'followCustomerCountRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '跟进客户数（个）',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'productSalesRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '产品销量',
+          minWidth: 200,
+        },
+      ];
+    }
+    case 'receivablePriceRank': {
+      return [
+        {
+          type: 'seq',
+          title: '公司排名',
+        },
+        {
+          field: 'nickname',
+          title: '签订人',
+          minWidth: 200,
+        },
+        {
+          field: 'deptName',
+          title: '部门',
+          minWidth: 200,
+        },
+        {
+          field: 'count',
+          title: '回款金额（元）',
+          minWidth: 200,
+          formatter: 'formatAmount2',
+        },
+      ];
+    }
+    default: {
+      return [];
+    }
+  }
+}
diff --git a/apps/web-ele/src/views/crm/statistics/rank/index.vue b/apps/web-ele/src/views/crm/statistics/rank/index.vue
new file mode 100644
index 000000000..964b1db41
--- /dev/null
+++ b/apps/web-ele/src/views/crm/statistics/rank/index.vue
@@ -0,0 +1,109 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmStatisticsCustomerApi } from '#/api/crm/statistics/customer';
+
+import { onMounted, ref } from 'vue';
+
+import { ContentWrap, Page } from '@vben/common-ui';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { ElTabs, ElTabPane } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getDatas } from '#/api/crm/statistics/customer';
+import { $t } from '#/locales';
+
+import { getChartOptions } from './chartOptions';
+import { customerSummaryTabs, useGridColumns, useGridFormSchema } from './data';
+
+const activeTabName = ref('contractPriceRank');
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+const [QueryForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  schema: useGridFormSchema(),
+  // 是否可展开
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: $t('common.query'),
+  },
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+  handleSubmit: async () => {
+    await handleTabChange(activeTabName.value);
+  },
+});
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(activeTabName.value),
+    height: 'auto',
+    keepSource: true,
+    pagerConfig: {
+      enabled: false,
+    },
+    proxyConfig: {
+      ajax: {
+        query: async (_, formValues) => {
+          const res = await getDatas(activeTabName.value, formValues);
+          await renderEcharts(getChartOptions(activeTabName.value, res));
+          return res;
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      enabled: false,
+    },
+  } as VxeTableGridOptions<CrmStatisticsCustomerApi.CustomerSummaryByUserRespVO>,
+});
+
+/** tab 切换 */
+async function handleTabChange(key: any) {
+  activeTabName.value = key;
+  gridApi.setGridOptions({
+    columns: useGridColumns(key),
+  });
+  const queryParams = await formApi.getValues();
+  const res = await getDatas(activeTabName.value, queryParams);
+  await renderEcharts(getChartOptions(activeTabName.value, res));
+  await gridApi.grid.reloadData(res);
+}
+
+onMounted(() => {
+  handleTabChange(activeTabName.value);
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ContentWrap>
+      <QueryForm />
+      <ElTabs
+        v-model="activeTabName"
+        class="w-full"
+        @tab-change="handleTabChange"
+      >
+        <ElTabPane
+          v-for="item in customerSummaryTabs"
+          :key="item.key"
+          :label="item.tab"
+          :name="item.key"
+        />
+      </ElTabs>
+      <EchartsUI class="mb-20 h-full w-full" ref="chartRef" />
+      <Grid />
+    </ContentWrap>
+  </Page>
+</template>

From 37e6775282265ce441fda8709e1ecfaa51bf9a8e Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 18 Nov 2025 22:17:29 +0800
Subject: [PATCH 17/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91business=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=EF=BC=88list=E3=80=81form=E3=80=81detail?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/router/routes/modules/crm.ts | 48 +++++++++++++++++++
 apps/web-ele/src/views/crm/business/index.vue |  8 +++-
 packages/@core/base/shared/src/utils/date.ts  |  4 ++
 3 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index b7ce01f94..dbf83bc60 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -83,6 +83,54 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import('#/views/crm/product/detail/index.vue'),
       },
+      {
+        path: 'statistics/customer',
+        name: 'CrmStatisticsCustomer',
+        meta: {
+          title: '客户统计',
+          activePath: '/crm/statistics/customer',
+        },
+        component: () =>
+          import('#/views/crm/statistics/customer/index.vue'),
+      },
+      {
+        path: 'statistics/funnel',
+        name: 'CrmStatisticsFunnel',
+        meta: {
+          title: '销售漏斗',
+          activePath: '/crm/statistics/funnel',
+        },
+        component: () => import('#/views/crm/statistics/funnel/index.vue'),
+      },
+      {
+        path: 'statistics/performance',
+        name: 'CrmStatisticsPerformance',
+        meta: {
+          title: '员工业绩',
+          activePath: '/crm/statistics/performance',
+        },
+        component: () =>
+          import('#/views/crm/statistics/performance/index.vue'),
+      },
+      {
+        path: 'statistics/portrait',
+        name: 'CrmStatisticsPortrait',
+        meta: {
+          title: '客户画像',
+          activePath: '/crm/statistics/portrait',
+        },
+        component: () =>
+          import('#/views/crm/statistics/portrait/index.vue'),
+      },
+      {
+        path: 'statistics/rank',
+        name: 'CrmStatisticsRank',
+        meta: {
+          title: '排行榜',
+          activePath: '/crm/statistics/rank',
+        },
+        component: () => import('#/views/crm/statistics/rank/index.vue'),
+      },
     ],
   },
 ];
diff --git a/apps/web-ele/src/views/crm/business/index.vue b/apps/web-ele/src/views/crm/business/index.vue
index 377fbf978..f5eae10bf 100644
--- a/apps/web-ele/src/views/crm/business/index.vue
+++ b/apps/web-ele/src/views/crm/business/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/packages/@core/base/shared/src/utils/date.ts b/packages/@core/base/shared/src/utils/date.ts
index 2f53041f1..7fb678f9d 100644
--- a/packages/@core/base/shared/src/utils/date.ts
+++ b/packages/@core/base/shared/src/utils/date.ts
@@ -20,6 +20,10 @@ type Format =
   | (string & {});
 
 export function formatDate(time?: FormatDate, format: Format = 'YYYY-MM-DD') {
+  // 日期不存在，则返回空
+  if (!time) {
+    return '';
+  }
   try {
     const date = dayjs.isDayjs(time) ? time : dayjs(time);
     if (!date.isValid()) {

From 20f0ed841546546d94c4ae55355c43cd174b4ce6 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:12:39 +0800
Subject: [PATCH 18/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91customer=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/router/routes/modules/crm.ts |  18 +-
 apps/web-ele/src/views/crm/customer/data.ts   | 395 ++++++++++++++++++
 .../src/views/crm/customer/detail/data.ts     | 130 ++++++
 .../src/views/crm/customer/detail/index.vue   | 312 ++++++++++++++
 .../detail/modules/distribute-form.vue        |  69 +++
 .../crm/customer/detail/modules/info.vue      |  38 ++
 apps/web-ele/src/views/crm/customer/index.vue | 207 +++++++++
 .../views/crm/customer/limitConfig/data.ts    | 154 +++++++
 .../views/crm/customer/limitConfig/index.vue  | 168 ++++++++
 .../crm/customer/limitConfig/modules/form.vue | 100 +++++
 .../src/views/crm/customer/modules/form.vue   |  85 ++++
 .../crm/customer/modules/import-form.vue      |  87 ++++
 .../src/views/crm/customer/pool/data.ts       | 161 +++++++
 .../src/views/crm/customer/pool/index.vue     |  97 +++++
 .../src/views/crm/customer/poolConfig/data.ts |  84 ++++
 .../views/crm/customer/poolConfig/index.vue   |  69 +++
 16 files changed, 2165 insertions(+), 9 deletions(-)
 create mode 100644 apps/web-ele/src/views/crm/customer/data.ts
 create mode 100644 apps/web-ele/src/views/crm/customer/detail/data.ts
 create mode 100644 apps/web-ele/src/views/crm/customer/detail/index.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/detail/modules/distribute-form.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/detail/modules/info.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/index.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/limitConfig/data.ts
 create mode 100644 apps/web-ele/src/views/crm/customer/limitConfig/index.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/limitConfig/modules/form.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/modules/form.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/modules/import-form.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/pool/data.ts
 create mode 100644 apps/web-ele/src/views/crm/customer/pool/index.vue
 create mode 100644 apps/web-ele/src/views/crm/customer/poolConfig/data.ts
 create mode 100644 apps/web-ele/src/views/crm/customer/poolConfig/index.vue

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index dbf83bc60..13fc8772b 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -20,15 +20,15 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import('#/views/crm/clue/detail/index.vue'),
       },
-      // {
-      //   path: 'customer/detail/:id',
-      //   name: 'CrmCustomerDetail',
-      //   meta: {
-      //     title: '客户详情',
-      //     activePath: '/crm/customer',
-      //   },
-      //   component: () => import('#/views/crm/customer/detail/index.vue'),
-      // },
+      {
+        path: 'customer/detail/:id',
+        name: 'CrmCustomerDetail',
+        meta: {
+          title: '客户详情',
+          activePath: '/crm/customer',
+        },
+        component: () => import('#/views/crm/customer/detail/index.vue'),
+      },
       {
         path: 'business/detail/:id',
         name: 'CrmBusinessDetail',
diff --git a/apps/web-ele/src/views/crm/customer/data.ts b/apps/web-ele/src/views/crm/customer/data.ts
new file mode 100644
index 000000000..d7c53c348
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/data.ts
@@ -0,0 +1,395 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { z } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+import { useUserStore } from '@vben/stores';
+
+import { getAreaTree } from '#/api/system/area';
+import { getSimpleUserList } from '#/api/system/user';
+import { getRangePickerDefaultProps } from '#/utils';
+
+/** 新增/修改的表单 */
+export function useFormSchema(): VbenFormSchema[] {
+  const userStore = useUserStore();
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '客户名称',
+      component: 'Input',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入客户名称',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'source',
+      label: '客户来源',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE, 'number'),
+        placeholder: '请选择客户来源',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'mobile',
+      label: '手机',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择负责人',
+        allowClear: true,
+      },
+      defaultValue: userStore.userInfo?.id,
+      rules: 'required',
+    },
+    {
+      fieldName: 'telephone',
+      label: '电话',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入电话',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'email',
+      label: '邮箱',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入邮箱',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'wechat',
+      label: '微信',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入微信',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'qq',
+      label: 'QQ',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入QQ',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'industryId',
+      label: '客户行业',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_INDUSTRY, 'number'),
+        placeholder: '请选择客户行业',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'level',
+      label: '客户级别',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_LEVEL, 'number'),
+        placeholder: '请选择客户级别',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'areaId',
+      label: '地址',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: getAreaTree,
+        fieldNames: { label: 'name', value: 'id', children: 'children' },
+        placeholder: '请选择地址',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'detailAddress',
+      label: '详细地址',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入详细地址',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'contactNextTime',
+      label: '下次联系时间',
+      component: 'DatePicker',
+      componentProps: {
+        showTime: true,
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'x',
+        placeholder: '请选择下次联系时间',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'remark',
+      label: '备注',
+      component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'name',
+      label: '客户名称',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入客户名称',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'mobile',
+      label: '手机号',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机号',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'telephone',
+      label: '电话',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入电话',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'createTime',
+      label: '创建时间',
+      component: 'RangePicker',
+      componentProps: {
+        ...getRangePickerDefaultProps(),
+        placeholder: ['开始日期', '结束日期'],
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 导入客户的表单 */
+export function useImportFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择负责人',
+        allowClear: true,
+        class: 'w-full',
+      },
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      rules: 'required',
+    },
+    {
+      fieldName: 'file',
+      label: '客户数据',
+      component: 'Upload',
+      rules: 'required',
+      help: '仅允许导入 xls、xlsx 格式文件',
+    },
+    {
+      fieldName: 'updateSupport',
+      label: '是否覆盖',
+      component: 'Switch',
+      componentProps: {
+        activeValue: true,
+        inactiveValue: false,
+      },
+      rules: z.boolean().default(false),
+      help: '是否更新已经存在的客户数据',
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'name',
+      title: '客户名称',
+      fixed: 'left',
+      minWidth: 160,
+      slots: { default: 'name' },
+    },
+    {
+      field: 'source',
+      title: '客户来源',
+      minWidth: 100,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_SOURCE },
+      },
+    },
+    {
+      field: 'mobile',
+      title: '手机',
+      minWidth: 120,
+    },
+    {
+      field: 'telephone',
+      title: '电话',
+      minWidth: 130,
+    },
+    {
+      field: 'email',
+      title: '邮箱',
+      minWidth: 180,
+    },
+    {
+      field: 'level',
+      title: '客户级别',
+      minWidth: 135,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_LEVEL },
+      },
+    },
+    {
+      field: 'industryId',
+      title: '客户行业',
+      minWidth: 100,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_INDUSTRY },
+      },
+    },
+    {
+      field: 'contactNextTime',
+      title: '下次联系时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'remark',
+      title: '备注',
+      minWidth: 200,
+    },
+    {
+      field: 'lockStatus',
+      title: '锁定状态',
+      minWidth: 120,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+    {
+      field: 'dealStatus',
+      title: '成交状态',
+      minWidth: 120,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+    {
+      field: 'contactLastTime',
+      title: '最后跟进时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'contactLastContent',
+      title: '最后跟进记录',
+      minWidth: 200,
+    },
+    {
+      field: 'detailAddress',
+      title: '地址',
+      minWidth: 180,
+    },
+    {
+      field: 'poolDay',
+      title: '距离进入公海天数',
+      minWidth: 140,
+      formatter: ({ cellValue }) =>
+        cellValue === null ? '-' : `${cellValue} 天`,
+    },
+    {
+      field: 'ownerUserName',
+      title: '负责人',
+      minWidth: 100,
+    },
+    {
+      field: 'ownerUserDeptName',
+      title: '所属部门',
+      minWidth: 100,
+    },
+    {
+      field: 'updateTime',
+      title: '更新时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'createTime',
+      title: '创建时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'creatorName',
+      title: '创建人',
+      minWidth: 100,
+    },
+    {
+      title: '操作',
+      width: 130,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/customer/detail/data.ts b/apps/web-ele/src/views/crm/customer/detail/data.ts
new file mode 100644
index 000000000..9d55b4077
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/detail/data.ts
@@ -0,0 +1,130 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { DescriptionItemSchema } from '#/components/description';
+
+import { h } from 'vue';
+
+import { DICT_TYPE } from '@vben/constants';
+import { useUserStore } from '@vben/stores';
+import { formatDateTime } from '@vben/utils';
+
+import { getSimpleUserList } from '#/api/system/user';
+import { DictTag } from '#/components/dict-tag';
+
+/** 分配客户表单 */
+export function useDistributeFormSchema(): VbenFormSchema[] {
+  const userStore = useUserStore();
+  return [
+    {
+      component: 'Input',
+      fieldName: 'id',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+      },
+      defaultValue: userStore.userInfo?.id,
+      rules: 'required',
+    },
+  ];
+}
+
+/** 详情页的字段 */
+export function useDetailSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'level',
+      label: '客户级别',
+      render: (val) =>
+        h(DictTag, { type: DICT_TYPE.CRM_CUSTOMER_LEVEL, value: val }),
+    },
+    {
+      field: 'dealStatus',
+      label: '成交状态',
+      render: (val) => (val ? '已成交' : '未成交'),
+    },
+    {
+      field: 'ownerUserName',
+      label: '负责人',
+    },
+    {
+      field: 'createTime',
+      label: '创建时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+  ];
+}
+
+/** 详情页的基础字段 */
+export function useDetailBaseSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'name',
+      label: '客户名称',
+    },
+    {
+      field: 'source',
+      label: '客户来源',
+      render: (val) =>
+        h(DictTag, {
+          type: DICT_TYPE.CRM_CUSTOMER_SOURCE,
+          value: val,
+        }),
+    },
+    {
+      field: 'mobile',
+      label: '手机',
+    },
+    {
+      field: 'telephone',
+      label: '电话',
+    },
+    {
+      field: 'email',
+      label: '邮箱',
+    },
+    {
+      field: 'areaName',
+      label: '地址',
+      render: (val, data) => {
+        const areaName = val ?? '';
+        const detailAddress = data?.detailAddress ?? '';
+        return [areaName, detailAddress].filter(Boolean).join(' ');
+      },
+    },
+    {
+      field: 'qq',
+      label: 'QQ',
+    },
+    {
+      field: 'wechat',
+      label: '微信',
+    },
+    {
+      field: 'industryId',
+      label: '客户行业',
+      render: (val) =>
+        h(DictTag, {
+          type: DICT_TYPE.CRM_CUSTOMER_INDUSTRY,
+          value: val,
+        }),
+    },
+    {
+      field: 'contactNextTime',
+      label: '下次联系时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'remark',
+      label: '备注',
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/customer/detail/index.vue b/apps/web-ele/src/views/crm/customer/detail/index.vue
new file mode 100644
index 000000000..c5332f3c5
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/detail/index.vue
@@ -0,0 +1,312 @@
+<script setup lang="ts">
+import type { CrmCustomerApi } from '#/api/crm/customer';
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { confirm, Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
+import { ElCard, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import {
+  getCustomer,
+  lockCustomer,
+  putCustomerPool,
+  receiveCustomer,
+  updateCustomerDealStatus,
+} from '#/api/crm/customer';
+import { getOperateLogPage } from '#/api/crm/operateLog';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { useDescription } from '#/components/description';
+import { OperateLog } from '#/components/operate-log';
+import { ACTION_ICON, TableAction } from '#/components/table-action';
+import { $t } from '#/locales';
+import { BusinessDetailsList } from '#/views/crm/business/components';
+import { ContactDetailsList } from '#/views/crm/contact/components';
+import { ContractDetailsList } from '#/views/crm/contract/components';
+import { FollowUp } from '#/views/crm/followup';
+import { PermissionList, TransferForm } from '#/views/crm/permission';
+import { ReceivableDetailsList } from '#/views/crm/receivable/components';
+import { ReceivablePlanDetailsList } from '#/views/crm/receivable/plan/components';
+
+import Form from '../modules/form.vue';
+import { useDetailSchema } from './data';
+import DistributeForm from './modules/distribute-form.vue';
+import Info from './modules/info.vue';
+
+const route = useRoute();
+const router = useRouter();
+const tabs = useTabs();
+
+const loading = ref(false); // 加载中
+const customerId = ref(0); // 客户编号
+const customer = ref<CrmCustomerApi.Customer>({} as CrmCustomerApi.Customer); // 客户详情
+const activeTabName = ref('1'); // 选中 Tab 名
+const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
+const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+
+const [Descriptions] = useDescription({
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailSchema(),
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [TransferModal, transferModalApi] = useVbenModal({
+  connectedComponent: TransferForm,
+  destroyOnClose: true,
+});
+
+const [DistributeModal, distributeModalApi] = useVbenModal({
+  connectedComponent: DistributeForm,
+  destroyOnClose: true,
+});
+
+/** 加载客户详情 */
+async function loadCustomerDetail() {
+  loading.value = true;
+  try {
+    customer.value = await getCustomer(customerId.value);
+    // 操作日志
+    const res = await getOperateLogPage({
+      bizType: BizTypeEnum.CRM_CUSTOMER,
+      bizId: customerId.value,
+    });
+    logList.value = res.list;
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 返回列表页 */
+function handleBack() {
+  tabs.closeCurrentTab();
+  router.push({ name: 'CrmCustomer' });
+}
+
+/** 编辑客户 */
+function handleEdit() {
+  formModalApi.setData({ id: customerId.value }).open();
+}
+
+/** 转移线索 */
+function handleTransfer() {
+  transferModalApi.setData({ id: customerId.value }).open();
+}
+
+/** 锁定客户 */
+function handleLock(lockStatus: boolean): Promise<boolean | undefined> {
+  return new Promise((resolve, reject) => {
+    confirm({
+      content: `确定锁定客户【${customer.value.name}】吗？`,
+    })
+      .then(async () => {
+        // 锁定客户
+        await lockCustomer(customerId.value, lockStatus);
+        // 提示并返回成功
+        ElMessage.success(lockStatus ? '锁定客户成功' : '解锁客户成功');
+        resolve(true);
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 领取客户 */
+function handleReceive(): Promise<boolean | undefined> {
+  return new Promise((resolve, reject) => {
+    confirm({
+      content: `确定领取客户【${customer.value.name}】吗？`,
+    })
+      .then(async () => {
+        // 领取客户
+        await receiveCustomer([customerId.value]);
+        // 提示并返回成功
+        ElMessage.success('领取客户成功');
+        resolve(true);
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 分配客户 */
+function handleDistributeForm() {
+  distributeModalApi.setData({ id: customerId.value }).open();
+}
+
+/** 客户放入公海 */
+function handlePutPool(): Promise<boolean | undefined> {
+  return new Promise((resolve, reject) => {
+    confirm({
+      content: `确定将客户【${customer.value.name}】放入公海吗？`,
+    })
+      .then(async () => {
+        // 放入公海
+        await putCustomerPool(customerId.value);
+        // 提示并返回成功
+        ElMessage.success('放入公海成功');
+        resolve(true);
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 更新成交状态操作 */
+async function handleUpdateDealStatus(): Promise<boolean | undefined> {
+  return new Promise((resolve, reject) => {
+    const dealStatus = !customer.value.dealStatus;
+    confirm({
+      content: `确定更新成交状态为【${dealStatus ? '已成交' : '未成交'}】吗？`,
+    })
+      .then(async () => {
+        // 更新成交状态
+        await updateCustomerDealStatus(customerId.value, dealStatus);
+        // 提示并返回成功
+        ElMessage.success('更新成交状态成功');
+        resolve(true);
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 加载数据 */
+onMounted(() => {
+  customerId.value = Number(route.params.id);
+  loadCustomerDetail();
+});
+</script>
+
+<template>
+  <Page auto-content-height :title="customer?.name" :loading="loading">
+    <FormModal @success="loadCustomerDetail" />
+    <TransferModal @success="loadCustomerDetail" />
+    <DistributeModal @success="loadCustomerDetail" />
+    <template #extra>
+      <TableAction
+        :actions="[
+          {
+            label: '返回',
+            type: 'default',
+            icon: 'lucide:arrow-left',
+            onClick: handleBack,
+          },
+          {
+            label: $t('ui.actionTitle.edit'),
+            type: 'primary',
+            icon: ACTION_ICON.EDIT,
+            auth: ['crm:customer:update'],
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleEdit,
+          },
+          {
+            label: '转移',
+            type: 'primary',
+            ifShow: permissionListRef?.validateOwnerUser,
+            onClick: handleTransfer,
+          },
+          {
+            label: '更改成交状态',
+            type: 'default',
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleUpdateDealStatus,
+          },
+          {
+            label: '锁定',
+            type: 'default',
+            ifShow:
+              !customer.lockStatus && permissionListRef?.validateOwnerUser,
+            onClick: handleLock.bind(null, true),
+          },
+          {
+            label: '解锁',
+            type: 'default',
+            ifShow: customer.lockStatus && permissionListRef?.validateOwnerUser,
+            onClick: handleLock.bind(null, false),
+          },
+          {
+            label: '领取',
+            type: 'primary',
+            ifShow: !customer.ownerUserId,
+            onClick: handleReceive,
+          },
+          {
+            label: '分配',
+            type: 'default',
+            ifShow: !customer.ownerUserId,
+            onClick: handleDistributeForm,
+          },
+          {
+            label: '放入公海',
+            type: 'default',
+            ifShow:
+              !!customer.ownerUserId && permissionListRef?.validateOwnerUser,
+            onClick: handlePutPool,
+          },
+        ]"
+      />
+    </template>
+    <ElCard class="min-h-[10%]">
+      <Descriptions :data="customer" />
+    </ElCard>
+    <ElCard class="mt-4 min-h-[60%]">
+      <ElTabs v-model:model-value="activeTabName">
+        <ElTabPane label="跟进记录" name="1">
+          <FollowUp :biz-id="customerId" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
+        </ElTabPane>
+        <ElTabPane label="基本信息" name="2">
+          <Info :customer="customer" />
+        </ElTabPane>
+        <ElTabPane label="联系人" name="3">
+          <ContactDetailsList
+            :biz-id="customerId"
+            :biz-type="BizTypeEnum.CRM_CUSTOMER"
+            :customer-id="customerId"
+          />
+        </ElTabPane>
+        <ElTabPane label="团队成员" name="4">
+          <PermissionList
+            ref="permissionListRef"
+            :biz-id="customerId"
+            :biz-type="BizTypeEnum.CRM_CUSTOMER"
+            :show-action="true"
+            @quit-team="handleBack"
+          />
+        </ElTabPane>
+        <ElTabPane label="商机" name="5">
+          <BusinessDetailsList
+            :biz-id="customerId"
+            :biz-type="BizTypeEnum.CRM_CUSTOMER"
+            :customer-id="customerId"
+          />
+        </ElTabPane>
+        <ElTabPane label="合同" name="6">
+          <ContractDetailsList
+            :biz-id="customerId"
+            :biz-type="BizTypeEnum.CRM_CUSTOMER"
+          />
+        </ElTabPane>
+        <ElTabPane label="回款" name="7">
+          <ReceivablePlanDetailsList :customer-id="customerId" />
+          <ReceivableDetailsList :customer-id="customerId" />
+        </ElTabPane>
+        <ElTabPane label="操作日志" name="8">
+          <OperateLog :log-list="logList" />
+        </ElTabPane>
+      </ElTabs>
+    </ElCard>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/detail/modules/distribute-form.vue b/apps/web-ele/src/views/crm/customer/detail/modules/distribute-form.vue
new file mode 100644
index 000000000..aa7ca2c05
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/detail/modules/distribute-form.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { distributeCustomer } from '#/api/crm/customer';
+import { $t } from '#/locales';
+
+import { useDistributeFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 120,
+  },
+  layout: 'horizontal',
+  schema: useDistributeFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = await formApi.getValues();
+    try {
+      await distributeCustomer([data.id], data.ownerUserId);
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      await formApi.setValues(data);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal title="分配客户" class="w-2/5">
+    <Form class="mx-4" />
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/detail/modules/info.vue b/apps/web-ele/src/views/crm/customer/detail/modules/info.vue
new file mode 100644
index 000000000..58102d4a1
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/detail/modules/info.vue
@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { ElDivider } from 'element-plus';
+
+import { useDescription } from '#/components/description';
+import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
+
+import { useDetailBaseSchema } from '../data';
+
+defineProps<{
+  customer: CrmCustomerApi.Customer; // 客户信息
+}>();
+
+const [BaseDescriptions] = useDescription({
+  title: '基本信息',
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailBaseSchema(),
+});
+
+const [SystemDescriptions] = useDescription({
+  title: '系统信息',
+  border: false,
+  column: 3,
+  class: 'mx-4',
+  schema: useFollowUpDetailSchema(),
+});
+</script>
+
+<template>
+  <div class="p-4">
+    <BaseDescriptions :data="customer" />
+    <ElDivider />
+    <SystemDescriptions :data="customer" />
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/index.vue b/apps/web-ele/src/views/crm/customer/index.vue
new file mode 100644
index 000000000..52e09ec82
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/index.vue
@@ -0,0 +1,207 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteCustomer,
+  exportCustomer,
+  getCustomerPage,
+} from '#/api/crm/customer';
+import { $t } from '#/locales';
+
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+import ImportForm from './modules/import-form.vue';
+
+const { push } = useRouter();
+const sceneType = ref('1');
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [ImportModal, importModalApi] = useVbenModal({
+  connectedComponent: ImportForm,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 处理场景类型的切换 */
+function handleChangeSceneType(key: number | string) {
+  sceneType.value = key.toString();
+  gridApi.query();
+}
+
+/** 导入客户 */
+function handleImport() {
+  importModalApi.open();
+}
+
+/** 导出表格 */
+async function handleExport() {
+  const formValues = await gridApi.formApi.getValues();
+  const data = await exportCustomer({
+    sceneType: sceneType.value,
+    ...formValues,
+  });
+  downloadFileFromBlobPart({ fileName: '客户.xls', source: data });
+}
+
+/** 创建客户 */
+function handleCreate() {
+  formModalApi.setData(null).open();
+}
+
+/** 编辑客户 */
+function handleEdit(row: CrmCustomerApi.Customer) {
+  formModalApi.setData(row).open();
+}
+
+/** 删除客户 */
+async function handleDelete(row: CrmCustomerApi.Customer) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.name]),
+  });
+  try {
+    await deleteCustomer(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+/** 查看客户详情 */
+function handleDetail(row: CrmCustomerApi.Customer) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useGridFormSchema(),
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: sceneType.value,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerApi.Customer>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【客户】客户管理"
+        url="https://doc.iocoder.cn/crm/customer/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <ImportModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-actions>
+        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+          <ElTabPane label="我负责的" name="1" />
+          <ElTabPane label="我参与的" name="2" />
+          <ElTabPane label="下属负责的" name="3" />
+        </ElTabs>
+      </template>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['客户']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:customer:create'],
+              onClick: handleCreate,
+            },
+            {
+              label: $t('ui.actionTitle.import'),
+              type: 'primary',
+              icon: ACTION_ICON.UPLOAD,
+              auth: ['crm:customer:import'],
+              onClick: handleImport,
+            },
+            {
+              label: $t('ui.actionTitle.export'),
+              type: 'primary',
+              icon: ACTION_ICON.DOWNLOAD,
+              auth: ['crm:customer:export'],
+              onClick: handleExport,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:customer:update'],
+              onClick: handleEdit.bind(null, row),
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              icon: ACTION_ICON.DELETE,
+              auth: ['crm:customer:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/limitConfig/data.ts b/apps/web-ele/src/views/crm/customer/limitConfig/data.ts
new file mode 100644
index 000000000..66bff25b1
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/limitConfig/data.ts
@@ -0,0 +1,154 @@
+import type { VbenFormSchema } from '@vben/common-ui';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+import { handleTree } from '@vben/utils';
+
+import { LimitConfType } from '#/api/crm/customer/limitConfig';
+import { getSimpleDeptList } from '#/api/system/dept';
+import { getSimpleUserList } from '#/api/system/user';
+
+/** 新增/修改的表单 */
+export function useFormSchema(confType: LimitConfType): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'type',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'userIds',
+      label: '规则适用人群',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        mode: 'multiple',
+        allowClear: true,
+        placeholder: '请选择规则适用人群',
+      },
+    },
+    {
+      fieldName: 'deptIds',
+      label: '规则适用部门',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: async () => {
+          const data = await getSimpleDeptList();
+          return handleTree(data);
+        },
+        multiple: true,
+        fieldNames: { label: 'name', value: 'id', children: 'children' },
+        placeholder: '请选择规则适用部门',
+        treeDefaultExpandAll: true,
+      },
+    },
+    {
+      fieldName: 'maxCount',
+      label:
+        confType === LimitConfType.CUSTOMER_QUANTITY_LIMIT
+          ? '拥有客户数上限'
+          : '锁定客户数上限',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: `请输入${
+          LimitConfType.CUSTOMER_QUANTITY_LIMIT === confType
+            ? '拥有客户数上限'
+            : '锁定客户数上限'
+        }`,
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
+      rules: 'required',
+    },
+    {
+      fieldName: 'dealCountEnabled',
+      label: '成交客户是否占用拥有客户数',
+      component: 'RadioGroup',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING, 'boolean'),
+      },
+      dependencies: {
+        triggerFields: [''],
+        show: () => confType === LimitConfType.CUSTOMER_QUANTITY_LIMIT,
+      },
+      defaultValue: false,
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(
+  confType: LimitConfType,
+): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'id',
+      title: '编号',
+      fixed: 'left',
+    },
+    {
+      field: 'users',
+      title: '规则适用人群',
+      formatter: ({ cellValue }) => {
+        return cellValue
+          .map((user: any) => {
+            return user.nickname;
+          })
+          .join(',');
+      },
+    },
+    {
+      field: 'depts',
+      title: '规则适用部门',
+      formatter: ({ cellValue }) => {
+        return cellValue
+          .map((dept: any) => {
+            return dept.name;
+          })
+          .join(',');
+      },
+    },
+    {
+      field: 'maxCount',
+      title:
+        confType === LimitConfType.CUSTOMER_QUANTITY_LIMIT
+          ? '拥有客户数上限'
+          : '锁定客户数上限',
+    },
+    {
+      field: 'dealCountEnabled',
+      title: '成交客户是否占用拥有客户数',
+      visible: confType === LimitConfType.CUSTOMER_QUANTITY_LIMIT,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+    {
+      field: 'createTime',
+      title: '创建时间',
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '操作',
+      width: 180,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/customer/limitConfig/index.vue b/apps/web-ele/src/views/crm/customer/limitConfig/index.vue
new file mode 100644
index 000000000..c745fb7dc
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/limitConfig/index.vue
@@ -0,0 +1,168 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerLimitConfigApi } from '#/api/crm/customer/limitConfig';
+
+import { ref } from 'vue';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+
+import { ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteCustomerLimitConfig,
+  getCustomerLimitConfigPage,
+  LimitConfType,
+} from '#/api/crm/customer/limitConfig';
+import { $t } from '#/locales';
+
+import { useGridColumns } from './data';
+import Form from './modules/form.vue';
+
+const configType = ref(LimitConfType.CUSTOMER_QUANTITY_LIMIT);
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 处理配置类型的切换 */
+function handleChangeConfigType(key: number | string) {
+  configType.value = key as LimitConfType;
+  gridApi.setGridOptions({
+    columns: useGridColumns(configType.value),
+  });
+  handleRefresh();
+}
+
+/** 创建规则 */
+function handleCreate(type: LimitConfType) {
+  formModalApi.setData({ type }).open();
+}
+
+/** 编辑规则 */
+function handleEdit(
+  row: CrmCustomerLimitConfigApi.CustomerLimitConfig,
+  type: LimitConfType,
+) {
+  formModalApi.setData({ id: row.id, type }).open();
+}
+
+/** 删除规则 */
+async function handleDelete(
+  row: CrmCustomerLimitConfigApi.CustomerLimitConfig,
+) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.id]),
+  });
+  try {
+    await deleteCustomerLimitConfig(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.id]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useGridColumns(configType.value),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerLimitConfigPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            type: configType.value,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerLimitConfigApi.CustomerLimitConfig>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【客户】客户管理、公海客户"
+        url="https://doc.iocoder.cn/crm/customer/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-actions>
+        <ElTabs class="w-full" v-model:model-value="configType" @tab-change="handleChangeConfigType">
+          <ElTabPane
+            label="拥有客户数限制"
+            :name="LimitConfType.CUSTOMER_QUANTITY_LIMIT"
+          />
+          <ElTabPane
+            label="锁定客户数限制"
+            :name="LimitConfType.CUSTOMER_LOCK_LIMIT"
+          />
+        </ElTabs>
+      </template>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['规则']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:customer-limit-config:create'],
+              onClick: handleCreate.bind(null, configType),
+            },
+          ]"
+        />
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:customer-limit-config:update'],
+              onClick: handleEdit.bind(null, row, configType),
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              icon: ACTION_ICON.DELETE,
+              auth: ['crm:customer-limit-config:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.id]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/limitConfig/modules/form.vue b/apps/web-ele/src/views/crm/customer/limitConfig/modules/form.vue
new file mode 100644
index 000000000..ded5a127d
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/limitConfig/modules/form.vue
@@ -0,0 +1,100 @@
+<script lang="ts" setup>
+import type { CrmCustomerLimitConfigApi } from '#/api/crm/customer/limitConfig';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  createCustomerLimitConfig,
+  getCustomerLimitConfig,
+  LimitConfType,
+  updateCustomerLimitConfig,
+} from '#/api/crm/customer/limitConfig';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmCustomerLimitConfigApi.CustomerLimitConfig>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['规则'])
+    : $t('ui.actionTitle.create', ['规则']);
+});
+
+const confType = ref<LimitConfType>(LimitConfType.CUSTOMER_LOCK_LIMIT);
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 200,
+  },
+  layout: 'horizontal',
+  schema: useFormSchema(confType.value),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data =
+      (await formApi.getValues()) as CrmCustomerLimitConfigApi.CustomerLimitConfig;
+    try {
+      await (formData.value?.id
+        ? updateCustomerLimitConfig(data)
+        : createCustomerLimitConfig(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      return;
+    }
+    // 加载数据
+    let data =
+      modalApi.getData<CrmCustomerLimitConfigApi.CustomerLimitConfig>();
+    if (!data) {
+      return;
+    }
+    if (data.type) {
+      confType.value = data.type as LimitConfType;
+    }
+    formApi.setState({ schema: useFormSchema(confType.value) });
+    modalApi.lock();
+    try {
+      if (data.id) {
+        data = await getCustomerLimitConfig(data.id);
+      }
+      formData.value = data;
+      // 设置到 values
+      await formApi.setValues(data);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-2/5">
+    <Form class="mx-4" />
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/modules/form.vue b/apps/web-ele/src/views/crm/customer/modules/form.vue
new file mode 100644
index 000000000..549adc9e3
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/modules/form.vue
@@ -0,0 +1,85 @@
+<script lang="ts" setup>
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { computed, ref } from 'vue';
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+
+import { ElMessage } from 'element-plus';
+
+import {
+  createCustomer,
+  getCustomer,
+  updateCustomer,
+} from '#/api/crm/customer';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmCustomerApi.Customer>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['客户'])
+    : $t('ui.actionTitle.create', ['客户']);
+});
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    labelWidth: 100,
+  },
+  wrapperClass: 'grid-cols-2',
+  layout: 'horizontal',
+  schema: useFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = (await formApi.getValues()) as CrmCustomerApi.Customer;
+    try {
+      await (formData.value?.id ? updateCustomer(data) : createCustomer(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmCustomerApi.Customer>();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = await getCustomer(data.id);
+      // 设置到 values
+      await formApi.setValues(formData.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-2/5">
+    <Form class="mx-4" />
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/modules/import-form.vue b/apps/web-ele/src/views/crm/customer/modules/import-form.vue
new file mode 100644
index 000000000..a56968b46
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/modules/import-form.vue
@@ -0,0 +1,87 @@
+<script lang="ts" setup>
+import type { UploadRawFile } from 'element-plus';
+
+import { useVbenModal } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton, ElMessage, ElUpload } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import { importCustomer, importCustomerTemplate } from '#/api/crm/customer';
+import { $t } from '#/locales';
+
+import { useImportFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    formItemClass: 'col-span-2',
+    labelWidth: 120,
+  },
+  layout: 'horizontal',
+  schema: useImportFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = await formApi.getValues();
+    try {
+      await importCustomer({
+        ownerUserId: data.ownerUserId,
+        file: data.file,
+        updateSupport: data.updateSupport,
+      });
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+
+/** 上传前 */
+function beforeUpload(file: UploadRawFile) {
+  formApi.setFieldValue('file', file);
+  return false;
+}
+
+/** 下载模版 */
+async function handleDownload() {
+  const data = await importCustomerTemplate();
+  downloadFileFromBlobPart({ fileName: '客户导入模板.xls', source: data });
+}
+</script>
+
+<template>
+  <Modal title="客户导入" class="w-1/3">
+    <Form class="mx-4">
+      <template #file>
+        <div class="w-full">
+          <ElUpload
+            :limit="1"
+            accept=".xls,.xlsx"
+            :before-upload="beforeUpload"
+            :auto-upload="false"
+          >
+            <ElButton type="primary"> 选择 Excel 文件 </ElButton>
+          </ElUpload>
+        </div>
+      </template>
+    </Form>
+    <template #prepend-footer>
+      <div class="flex flex-auto items-center">
+        <ElButton @click="handleDownload"> 下载导入模板 </ElButton>
+      </div>
+    </template>
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/pool/data.ts b/apps/web-ele/src/views/crm/customer/pool/data.ts
new file mode 100644
index 000000000..d057b67ed
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/pool/data.ts
@@ -0,0 +1,161 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'name',
+      label: '客户名称',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入客户名称',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'mobile',
+      label: '手机',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'industryId',
+      label: '所属行业',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_INDUSTRY, 'number'),
+        placeholder: '请选择所属行业',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'level',
+      label: '客户级别',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_LEVEL, 'number'),
+        placeholder: '请选择客户级别',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'source',
+      label: '客户来源',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE, 'number'),
+        placeholder: '请选择客户来源',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      title: '客户名称',
+      field: 'name',
+      minWidth: 160,
+      fixed: 'left',
+      slots: { default: 'name' },
+    },
+    {
+      title: '客户来源',
+      field: 'source',
+      minWidth: 100,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_SOURCE },
+      },
+    },
+    {
+      title: '手机',
+      field: 'mobile',
+      minWidth: 120,
+    },
+    {
+      title: '电话',
+      field: 'telephone',
+      minWidth: 120,
+    },
+    {
+      title: '邮箱',
+      field: 'email',
+      minWidth: 140,
+    },
+    {
+      title: '客户级别',
+      field: 'level',
+      minWidth: 135,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_LEVEL },
+      },
+    },
+    {
+      title: '客户行业',
+      field: 'industryId',
+      minWidth: 100,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.CRM_CUSTOMER_INDUSTRY },
+      },
+    },
+    {
+      title: '下次联系时间',
+      field: 'contactNextTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '备注',
+      field: 'remark',
+      minWidth: 200,
+    },
+    {
+      title: '成交状态',
+      field: 'dealStatus',
+      minWidth: 80,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+    {
+      title: '最后跟进时间',
+      field: 'contactLastTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '最后跟进记录',
+      field: 'contactLastContent',
+      minWidth: 200,
+    },
+    {
+      title: '更新时间',
+      field: 'updateTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '创建时间',
+      field: 'createTime',
+      minWidth: 180,
+      formatter: 'formatDateTime',
+    },
+    {
+      title: '创建人',
+      field: 'creatorName',
+      minWidth: 100,
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/customer/pool/index.vue b/apps/web-ele/src/views/crm/customer/pool/index.vue
new file mode 100644
index 000000000..abdc0d3ec
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/pool/index.vue
@@ -0,0 +1,97 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { useRouter } from 'vue-router';
+
+import { DocAlert, Page } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import { exportCustomer, getCustomerPage } from '#/api/crm/customer';
+import { $t } from '#/locales';
+
+import { useGridColumns, useGridFormSchema } from './data';
+
+const { push } = useRouter();
+
+/** 导出表格 */
+async function handleExport() {
+  const data = await exportCustomer(await gridApi.formApi.getValues());
+  downloadFileFromBlobPart({ fileName: '客户公海.xls', source: data });
+}
+
+/** 查看客户详情 */
+function handleDetail(row: CrmCustomerApi.Customer) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useGridFormSchema(),
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            pool: true,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerApi.Customer>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【客户】客户管理、公海客户"
+        url="https://doc.iocoder.cn/crm/customer/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.export'),
+              type: 'primary',
+              icon: ACTION_ICON.DOWNLOAD,
+              auth: ['crm:customer:export'],
+              onClick: handleExport,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/customer/poolConfig/data.ts b/apps/web-ele/src/views/crm/customer/poolConfig/data.ts
new file mode 100644
index 000000000..461ef0125
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/poolConfig/data.ts
@@ -0,0 +1,84 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+export const schema: VbenFormSchema[] = [
+  {
+    component: 'RadioGroup',
+    fieldName: 'enabled',
+    label: '客户公海规则设置',
+    componentProps: {
+      options: [
+        { label: '开启', value: true },
+        { label: '关闭', value: false },
+      ],
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'contactExpireDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+      controlsPosition: 'right',
+      class: '!w-full',
+    },
+    renderComponentContent: () => ({
+      addonAfter: () => '天不跟进或',
+    }),
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'dealExpireDays',
+    renderComponentContent: () => ({
+      addonBefore: () => '或',
+      addonAfter: () => '天未成交',
+    }),
+    componentProps: {
+      min: 0,
+      precision: 0,
+      controlsPosition: 'right',
+      class: '!w-full',
+    },
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+  },
+  {
+    component: 'RadioGroup',
+    fieldName: 'notifyEnabled',
+    label: '提前提醒设置',
+    componentProps: {
+      options: [
+        { label: '开启', value: true },
+        { label: '关闭', value: false },
+      ],
+    },
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+    defaultValue: false,
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'notifyDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+      controlsPosition: 'right',
+      class: '!w-full',
+    },
+    renderComponentContent: () => ({
+      addonBefore: () => '提前',
+      addonAfter: () => '天提醒',
+    }),
+    dependencies: {
+      triggerFields: ['notifyEnabled'],
+      show: (value) => value.enabled && value.notifyEnabled,
+    },
+  },
+];
diff --git a/apps/web-ele/src/views/crm/customer/poolConfig/index.vue b/apps/web-ele/src/views/crm/customer/poolConfig/index.vue
new file mode 100644
index 000000000..5a40003c6
--- /dev/null
+++ b/apps/web-ele/src/views/crm/customer/poolConfig/index.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import type { CrmCustomerPoolConfigApi } from '#/api/crm/customer/poolConfig';
+
+import { onMounted } from 'vue';
+
+import { Page } from '@vben/common-ui';
+
+import { ElCard, ElMessage } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  getCustomerPoolConfig,
+  saveCustomerPoolConfig,
+} from '#/api/crm/customer/poolConfig';
+import { $t } from '#/locales';
+
+import { schema } from './data';
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    labelClass: 'w-100',
+  },
+  layout: 'horizontal',
+  schema,
+  handleSubmit,
+});
+
+/** 提交表单 */
+async function handleSubmit() {
+  const { valid } = await formApi.validate();
+  if (!valid) {
+    return;
+  }
+  // 提交表单
+  const data =
+    (await formApi.getValues()) as CrmCustomerPoolConfigApi.CustomerPoolConfig;
+  if (!data.enabled) {
+    data.contactExpireDays = undefined;
+    data.dealExpireDays = undefined;
+    data.notifyEnabled = false;
+  }
+  if (!data.notifyEnabled) {
+    data.notifyDays = undefined;
+  }
+  await saveCustomerPoolConfig(data);
+  // 关闭并提示
+  await formApi.setValues(data);
+  ElMessage.success($t('ui.actionMessage.operationSuccess'));
+}
+
+/** 获取配置 */
+async function getConfigInfo() {
+  const res = await getCustomerPoolConfig();
+  await formApi.setValues(res);
+}
+
+/** 初始化 */
+onMounted(() => {
+  getConfigInfo();
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <ElCard title="客户公海规则设置">
+      <Form class="w-1/4" />
+    </ElCard>
+  </Page>
+</template>

From 775fd1d7329a41135120744d0c1cc8a6be56c558 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:23:18 +0800
Subject: [PATCH 19/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91contact=20=E7=9A=84=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/router/routes/modules/crm.ts |  18 +-
 .../src/views/crm/contact/components/data.ts  |  62 +++
 .../contact/components/detail-list-modal.vue  | 148 +++++++
 .../crm/contact/components/detail-list.vue    | 210 ++++++++++
 .../src/views/crm/contact/components/index.ts |   1 +
 apps/web-ele/src/views/crm/contact/data.ts    | 365 ++++++++++++++++++
 .../src/views/crm/contact/detail/data.ts      | 106 +++++
 .../src/views/crm/contact/detail/index.vue    | 159 ++++++++
 .../views/crm/contact/detail/modules/info.vue |  38 ++
 apps/web-ele/src/views/crm/contact/index.vue  | 203 ++++++++++
 .../src/views/crm/contact/modules/form.vue    |  80 ++++
 11 files changed, 1381 insertions(+), 9 deletions(-)
 create mode 100644 apps/web-ele/src/views/crm/contact/components/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contact/components/detail-list-modal.vue
 create mode 100644 apps/web-ele/src/views/crm/contact/components/detail-list.vue
 create mode 100644 apps/web-ele/src/views/crm/contact/components/index.ts
 create mode 100644 apps/web-ele/src/views/crm/contact/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contact/detail/data.ts
 create mode 100644 apps/web-ele/src/views/crm/contact/detail/index.vue
 create mode 100644 apps/web-ele/src/views/crm/contact/detail/modules/info.vue
 create mode 100644 apps/web-ele/src/views/crm/contact/index.vue
 create mode 100644 apps/web-ele/src/views/crm/contact/modules/form.vue

diff --git a/apps/web-ele/src/router/routes/modules/crm.ts b/apps/web-ele/src/router/routes/modules/crm.ts
index 13fc8772b..599a3b409 100644
--- a/apps/web-ele/src/router/routes/modules/crm.ts
+++ b/apps/web-ele/src/router/routes/modules/crm.ts
@@ -65,15 +65,15 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import('#/views/crm/receivable/detail/index.vue'),
       },
-      // {
-      //   path: 'contact/detail/:id',
-      //   name: 'CrmContactDetail',
-      //   meta: {
-      //     title: '联系人详情',
-      //     activePath: '/crm/contact',
-      //   },
-      //   component: () => import('#/views/crm/contact/detail/index.vue'),
-      // },
+      {
+        path: 'contact/detail/:id',
+        name: 'CrmContactDetail',
+        meta: {
+          title: '联系人详情',
+          activePath: '/crm/contact',
+        },
+        component: () => import('#/views/crm/contact/detail/index.vue'),
+      },
       {
         path: 'product/detail/:id',
         name: 'CrmProductDetail',
diff --git a/apps/web-ele/src/views/crm/contact/components/data.ts b/apps/web-ele/src/views/crm/contact/components/data.ts
new file mode 100644
index 000000000..b2e63f76e
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/components/data.ts
@@ -0,0 +1,62 @@
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+
+/** 联系人明细列表列配置 */
+export function useDetailListColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      type: 'checkbox',
+      width: 50,
+      fixed: 'left',
+    },
+    {
+      field: 'name',
+      title: '姓名',
+      fixed: 'left',
+      slots: { default: 'name' },
+    },
+    {
+      field: 'customerName',
+      title: '客户名称',
+      fixed: 'left',
+      slots: { default: 'customerName' },
+    },
+    {
+      field: 'sex',
+      title: '性别',
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.SYSTEM_USER_SEX },
+      },
+    },
+    {
+      field: 'mobile',
+      title: '手机',
+    },
+    {
+      field: 'telephone',
+      title: '电话',
+    },
+    {
+      field: 'email',
+      title: '邮箱',
+    },
+    {
+      field: 'post',
+      title: '职位',
+    },
+    {
+      field: 'detailAddress',
+      title: '地址',
+    },
+    {
+      field: 'master',
+      title: '关键决策人',
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contact/components/detail-list-modal.vue b/apps/web-ele/src/views/crm/contact/components/detail-list-modal.vue
new file mode 100644
index 000000000..9d665ce42
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/components/detail-list-modal.vue
@@ -0,0 +1,148 @@
+<!-- 联系人列表的选择：用于【商机】详情中，选择它要关联的联系人 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElButton, ElMessage } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getContactPageByCustomer } from '#/api/crm/contact';
+import { $t } from '#/locales';
+
+import Form from '../modules/form.vue';
+import { useDetailListColumns } from './data';
+
+const props = defineProps<{
+  customerId?: number; // 关联联系人与商机时，需要传入 customerId 进行筛选
+}>();
+
+const emit = defineEmits(['success']);
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const checkedRows = ref<CrmContactApi.Contact[]>([]);
+function setCheckedRows({ records }: { records: CrmContactApi.Contact[] }) {
+  checkedRows.value = records;
+}
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建商机 */
+function handleCreate() {
+  formModalApi.setData({ customerId: props.customerId }).open();
+}
+
+/** 查看商机详情 */
+function handleDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmContactDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    if (checkedRows.value.length === 0) {
+      ElMessage.error('请先选择联系人后操作！');
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    try {
+      const contactIds = checkedRows.value.map((item) => item.id);
+      // 关闭并提示
+      await modalApi.close();
+      emit('success', contactIds, checkedRows.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'name',
+        label: '联系人名称',
+        component: 'Input',
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useDetailListColumns(),
+    height: 600,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getContactPageByCustomer({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            customerId: props.customerId,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContactApi.Contact>,
+  gridEvents: {
+    checkboxAll: setCheckedRows,
+    checkboxChange: setCheckedRows,
+  },
+});
+</script>
+
+<template>
+  <Modal title="关联联系人" class="w-2/5">
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['联系人']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:contact:create'],
+              onClick: handleCreate,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+    </Grid>
+  </Modal>
+</template>
diff --git a/apps/web-ele/src/views/crm/contact/components/detail-list.vue b/apps/web-ele/src/views/crm/contact/components/detail-list.vue
new file mode 100644
index 000000000..b49e768ac
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/components/detail-list.vue
@@ -0,0 +1,210 @@
+<!-- 联系人列表：用于【联系人】【商机】详情中，展示它们关联的联系人列表 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { confirm, useVbenModal } from '@vben/common-ui';
+
+import { ElButton, ElMessage } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  createBusinessContactList,
+  deleteBusinessContactList,
+  getContactPageByBusiness,
+  getContactPageByCustomer,
+} from '#/api/crm/contact';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { $t } from '#/locales';
+
+import Form from '../modules/form.vue';
+import { useDetailListColumns } from './data';
+import ListModal from './detail-list-modal.vue';
+
+const props = defineProps<{
+  bizId: number; // 业务编号
+  bizType: number; // 业务类型
+  businessId?: number; // 特殊：商机编号；在【商机】详情中，可以传递商机编号，默认新建的联系人关联到该商机
+  customerId?: number; // 特殊：客户编号；在【商机】详情中，可以传递客户编号，默认新建的联系人关联到该客户
+}>();
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [DetailListModal, detailListModalApi] = useVbenModal({
+  connectedComponent: ListModal,
+  destroyOnClose: true,
+});
+
+const checkedRows = ref<CrmContactApi.Contact[]>([]);
+function setCheckedRows({ records }: { records: CrmContactApi.Contact[] }) {
+  checkedRows.value = records;
+}
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 创建联系人 */
+function handleCreate() {
+  formModalApi
+    .setData({ customerId: props.customerId, businessId: props.businessId })
+    .open();
+}
+
+/** 关联联系人 */
+function handleCreateContact() {
+  detailListModalApi.setData({ customerId: props.customerId }).open();
+}
+
+/** 解除联系人关联 */
+async function handleDeleteContactBusinessList() {
+  if (checkedRows.value.length === 0) {
+    ElMessage.error('请先选择联系人后操作！');
+    return;
+  }
+  return new Promise((resolve, reject) => {
+    confirm({
+      content: `确定要将${checkedRows.value.map((item) => item.name).join(',')}解除关联吗？`,
+    })
+      .then(async () => {
+        const res = await deleteBusinessContactList({
+          businessId: props.bizId,
+          contactIds: checkedRows.value.map((item) => item.id),
+        });
+        if (res) {
+          // 提示并返回成功
+          ElMessage.success($t('ui.actionMessage.operationSuccess'));
+          handleRefresh();
+          resolve(true);
+        } else {
+          reject(new Error($t('ui.actionMessage.operationFailed')));
+        }
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
+}
+
+/** 创建商机联系人关联 */
+async function handleCreateBusinessContactList(contactIds: number[]) {
+  const data = {
+    businessId: props.bizId,
+    contactIds,
+  } as CrmContactApi.BusinessContactReqVO;
+  await createBusinessContactList(data);
+  handleRefresh();
+}
+
+/** 查看联系人详情 */
+function handleDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmContactDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  gridOptions: {
+    columns: useDetailListColumns(),
+    height: 600,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          if (props.bizType === BizTypeEnum.CRM_CUSTOMER) {
+            return await getContactPageByCustomer({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              customerId: props.bizId,
+              ...formValues,
+            });
+          } else if (props.bizType === BizTypeEnum.CRM_BUSINESS) {
+            return await getContactPageByBusiness({
+              pageNo: page.currentPage,
+              pageSize: page.pageSize,
+              businessId: props.bizId,
+              ...formValues,
+            });
+          } else {
+            return [];
+          }
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContactApi.Contact>,
+  gridEvents: {
+    checkboxAll: setCheckedRows,
+    checkboxChange: setCheckedRows,
+  },
+});
+</script>
+
+<template>
+  <div>
+    <FormModal @success="handleRefresh" />
+    <DetailListModal
+      :customer-id="customerId"
+      @success="handleCreateBusinessContactList"
+    />
+    <Grid>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['联系人']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              onClick: handleCreate,
+            },
+            {
+              label: '关联',
+              icon: ACTION_ICON.ADD,
+              type: 'default',
+              auth: ['crm:contact:create-business'],
+              ifShow: () => !!businessId,
+              onClick: handleCreateContact,
+            },
+            {
+              label: '解除关联',
+              icon: ACTION_ICON.ADD,
+              type: 'default',
+              auth: ['crm:contact:create-business'],
+              ifShow: () => !!businessId,
+              onClick: handleDeleteContactBusinessList,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+    </Grid>
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/contact/components/index.ts b/apps/web-ele/src/views/crm/contact/components/index.ts
new file mode 100644
index 000000000..d16cd533d
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/components/index.ts
@@ -0,0 +1 @@
+export { default as ContactDetailsList } from './detail-list.vue';
diff --git a/apps/web-ele/src/views/crm/contact/data.ts b/apps/web-ele/src/views/crm/contact/data.ts
new file mode 100644
index 000000000..69f602b12
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/data.ts
@@ -0,0 +1,365 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+import { useUserStore } from '@vben/stores';
+
+import { getSimpleContactList } from '#/api/crm/contact';
+import { getCustomerSimpleList } from '#/api/crm/customer';
+import { getAreaTree } from '#/api/system/area';
+import { getSimpleUserList } from '#/api/system/user';
+
+/** 新增/修改的表单 */
+export function useFormSchema(): VbenFormSchema[] {
+  const userStore = useUserStore();
+  return [
+    {
+      fieldName: 'id',
+      component: 'Input',
+      dependencies: {
+        triggerFields: [''],
+        show: () => false,
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '联系人姓名',
+      component: 'Input',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入联系人姓名',
+      },
+    },
+    {
+      fieldName: 'ownerUserId',
+      label: '负责人',
+      component: 'ApiSelect',
+      rules: 'required',
+      dependencies: {
+        triggerFields: ['id'],
+        disabled: (values) => values.id,
+      },
+      componentProps: {
+        api: getSimpleUserList,
+        labelField: 'nickname',
+        valueField: 'id',
+        placeholder: '请选择负责人',
+      },
+      defaultValue: userStore.userInfo?.id,
+    },
+    {
+      fieldName: 'customerId',
+      label: '客户名称',
+      component: 'ApiSelect',
+      rules: 'required',
+      componentProps: {
+        api: getCustomerSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择客户',
+      },
+    },
+    {
+      fieldName: 'mobile',
+      label: '手机',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机号',
+      },
+    },
+    {
+      fieldName: 'telephone',
+      label: '电话',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入电话',
+      },
+    },
+    {
+      fieldName: 'email',
+      label: '邮箱',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入邮箱',
+      },
+    },
+    {
+      fieldName: 'wechat',
+      label: '微信',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入微信',
+      },
+    },
+    {
+      fieldName: 'qq',
+      label: 'QQ',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入QQ',
+      },
+    },
+    {
+      fieldName: 'post',
+      label: '职位',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入职位',
+      },
+    },
+    {
+      fieldName: 'master',
+      label: '关键决策人',
+      component: 'RadioGroup',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING, 'boolean'),
+        placeholder: '请选择是否关键决策人',
+      },
+      defaultValue: false,
+    },
+    {
+      fieldName: 'sex',
+      label: '性别',
+      component: 'Select',
+      componentProps: {
+        options: getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number'),
+        placeholder: '请选择性别',
+      },
+    },
+    {
+      fieldName: 'parentId',
+      label: '直属上级',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getSimpleContactList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择直属上级',
+      },
+    },
+    {
+      fieldName: 'areaId',
+      label: '地址',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        api: getAreaTree,
+        fieldNames: { label: 'name', value: 'id', children: 'children' },
+        placeholder: '请选择地址',
+      },
+    },
+    {
+      fieldName: 'detailAddress',
+      label: '详细地址',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入详细地址',
+      },
+    },
+    {
+      fieldName: 'contactNextTime',
+      label: '下次联系时间',
+      component: 'DatePicker',
+      componentProps: {
+        showTime: true,
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'x',
+        placeholder: '请选择下次联系时间',
+      },
+    },
+    {
+      fieldName: 'remark',
+      label: '备注',
+      component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
+    },
+  ];
+}
+
+/** 列表的搜索表单 */
+export function useGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      fieldName: 'customerId',
+      label: '客户',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getCustomerSimpleList,
+        labelField: 'name',
+        valueField: 'id',
+        placeholder: '请选择客户',
+      },
+    },
+    {
+      fieldName: 'name',
+      label: '姓名',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入联系人姓名',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'mobile',
+      label: '手机号',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机号',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'telephone',
+      label: '电话',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入电话',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'wechat',
+      label: '微信',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入微信',
+        allowClear: true,
+      },
+    },
+    {
+      fieldName: 'email',
+      label: '电子邮箱',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入电子邮箱',
+        allowClear: true,
+      },
+    },
+  ];
+}
+
+/** 列表的字段 */
+export function useGridColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'name',
+      title: '联系人姓名',
+      fixed: 'left',
+      minWidth: 240,
+      slots: { default: 'name' },
+    },
+    {
+      field: 'customerName',
+      title: '客户名称',
+      fixed: 'left',
+      minWidth: 240,
+      slots: { default: 'customerName' },
+    },
+    {
+      field: 'mobile',
+      title: '手机',
+      minWidth: 120,
+    },
+    {
+      field: 'telephone',
+      title: '电话',
+      minWidth: 130,
+    },
+    {
+      field: 'email',
+      title: '邮箱',
+      minWidth: 180,
+    },
+    {
+      field: 'post',
+      title: '职位',
+      minWidth: 120,
+    },
+    {
+      field: 'areaName',
+      title: '地址',
+      minWidth: 120,
+    },
+    {
+      field: 'detailAddress',
+      title: '详细地址',
+      minWidth: 180,
+    },
+    {
+      field: 'master',
+      title: '关键决策人',
+      minWidth: 120,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
+      },
+    },
+    {
+      field: 'parentId',
+      title: '直属上级',
+      minWidth: 120,
+      slots: { default: 'parentId' },
+    },
+    {
+      field: 'contactNextTime',
+      title: '下次联系时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'sex',
+      title: '性别',
+      minWidth: 120,
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.SYSTEM_USER_SEX },
+      },
+    },
+    {
+      field: 'remark',
+      title: '备注',
+      minWidth: 200,
+    },
+    {
+      field: 'contactLastTime',
+      title: '最后跟进时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'ownerUserName',
+      title: '负责人',
+      minWidth: 120,
+    },
+    {
+      field: 'ownerUserDeptName',
+      title: '所属部门',
+      minWidth: 120,
+    },
+    {
+      field: 'updateTime',
+      title: '更新时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'createTime',
+      title: '创建时间',
+      formatter: 'formatDateTime',
+      minWidth: 180,
+    },
+    {
+      field: 'creatorName',
+      title: '创建人',
+      minWidth: 120,
+    },
+    {
+      title: '操作',
+      width: 180,
+      fixed: 'right',
+      slots: { default: 'actions' },
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contact/detail/data.ts b/apps/web-ele/src/views/crm/contact/detail/data.ts
new file mode 100644
index 000000000..3f1019325
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/detail/data.ts
@@ -0,0 +1,106 @@
+import type { DescriptionItemSchema } from '#/components/description';
+
+import { h } from 'vue';
+
+import { DICT_TYPE } from '@vben/constants';
+import { formatDateTime } from '@vben/utils';
+
+import { DictTag } from '#/components/dict-tag';
+
+/** 详情页的基础字段 */
+export function useDetailSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'post',
+      label: '职务',
+    },
+    {
+      field: 'mobile',
+      label: '手机',
+    },
+    {
+      field: 'createTime',
+      label: '创建时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+  ];
+}
+
+/** 详情页的基础字段 */
+export function useDetailBaseSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'name',
+      label: '姓名',
+    },
+    {
+      field: 'customerName',
+      label: '客户名称',
+    },
+    {
+      field: 'mobile',
+      label: '手机',
+    },
+    {
+      field: 'telephone',
+      label: '电话',
+    },
+    {
+      field: 'email',
+      label: '邮箱',
+    },
+    {
+      field: 'qq',
+      label: 'QQ',
+    },
+    {
+      field: 'wechat',
+      label: '微信',
+    },
+    {
+      field: 'areaName',
+      label: '地址',
+      render: (val, data) => {
+        const areaName = val ?? '';
+        const detailAddress = data?.detailAddress ?? '';
+        return [areaName, detailAddress].filter((item) => !!item).join(' ');
+      },
+    },
+    {
+      field: 'post',
+      label: '职务',
+    },
+    {
+      field: 'parentName',
+      label: '直属上级',
+    },
+    {
+      field: 'master',
+      label: '关键决策人',
+      render: (val) =>
+        h(DictTag, {
+          type: DICT_TYPE.INFRA_BOOLEAN_STRING,
+          value: val,
+        }),
+    },
+    {
+      field: 'sex',
+      label: '性别',
+      render: (val) =>
+        h(DictTag, { type: DICT_TYPE.SYSTEM_USER_SEX, value: val }),
+    },
+    {
+      field: 'contactNextTime',
+      label: '下次联系时间',
+      render: (val) => formatDateTime(val) as string,
+    },
+    {
+      field: 'remark',
+      label: '备注',
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/crm/contact/detail/index.vue b/apps/web-ele/src/views/crm/contact/detail/index.vue
new file mode 100644
index 000000000..d20b250d3
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/detail/index.vue
@@ -0,0 +1,159 @@
+<script setup lang="ts">
+import type { CrmContactApi } from '#/api/crm/contact';
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
+import { ElCard, ElTabPane, ElTabs } from 'element-plus';
+
+import { getContact } from '#/api/crm/contact';
+import { getOperateLogPage } from '#/api/crm/operateLog';
+import { BizTypeEnum } from '#/api/crm/permission';
+import { useDescription } from '#/components/description';
+import { OperateLog } from '#/components/operate-log';
+import { ACTION_ICON, TableAction } from '#/components/table-action';
+import { $t } from '#/locales';
+import { BusinessDetailsList } from '#/views/crm/business/components';
+import { FollowUp } from '#/views/crm/followup';
+import { PermissionList, TransferForm } from '#/views/crm/permission';
+
+import Form from '../modules/form.vue';
+import { useDetailSchema } from './data';
+import Info from './modules/info.vue';
+
+const route = useRoute();
+const router = useRouter();
+const tabs = useTabs();
+
+const loading = ref(false); // 加载中
+const contactId = ref(0); // 联系人编号
+const contact = ref<CrmContactApi.Contact>({} as CrmContactApi.Contact); // 联系人详情
+const activeTabName = ref('1'); // 选中 Tab 名
+const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
+const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+
+const [Descriptions] = useDescription({
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailSchema(),
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+const [TransferModal, transferModalApi] = useVbenModal({
+  connectedComponent: TransferForm,
+  destroyOnClose: true,
+});
+
+/** 加载联系人详情 */
+async function getContactDetail() {
+  loading.value = true;
+  try {
+    contact.value = await getContact(contactId.value);
+    // 操作日志
+    const res = await getOperateLogPage({
+      bizType: BizTypeEnum.CRM_CONTACT,
+      bizId: contactId.value,
+    });
+    logList.value = res.list;
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 返回列表页 */
+function handleBack() {
+  tabs.closeCurrentTab();
+  router.push({ name: 'CrmContact' });
+}
+
+/** 编辑联系人 */
+function handleEdit() {
+  formModalApi.setData({ id: contactId.value }).open();
+}
+
+/** 转移联系人 */
+function handleTransfer() {
+  transferModalApi.setData({ id: contactId.value }).open();
+}
+
+/** 加载数据 */
+onMounted(() => {
+  contactId.value = Number(route.params.id);
+  getContactDetail();
+});
+</script>
+
+<template>
+  <Page auto-content-height :title="contact?.name" :loading="loading">
+    <FormModal @success="getContactDetail" />
+    <TransferModal @success="getContactDetail" />
+    <template #extra>
+      <TableAction
+        :actions="[
+          {
+            label: '返回',
+            type: 'default',
+            icon: 'lucide:arrow-left',
+            onClick: handleBack,
+          },
+          {
+            label: $t('ui.actionTitle.edit'),
+            type: 'primary',
+            icon: ACTION_ICON.EDIT,
+            auth: ['crm:contact:update'],
+            ifShow: permissionListRef?.validateWrite,
+            onClick: handleEdit,
+          },
+          {
+            label: '转移',
+            type: 'primary',
+            ifShow: permissionListRef?.validateOwnerUser,
+            onClick: handleTransfer,
+          },
+        ]"
+      />
+    </template>
+    <ElCard class="min-h-[10%]">
+      <Descriptions :data="contact" />
+    </ElCard>
+    <ElCard class="mt-4 min-h-[60%]">
+      <ElTabs v-model:model-value="activeTabName">
+        <ElTabPane label="跟进记录" name="1">
+          <FollowUp :biz-id="contactId" :biz-type="BizTypeEnum.CRM_CONTACT" />
+        </ElTabPane>
+        <ElTabPane label="详细资料" name="2">
+          <Info :contact="contact" />
+        </ElTabPane>
+        <ElTabPane label="操作日志" name="3">
+          <OperateLog :log-list="logList" />
+        </ElTabPane>
+        <ElTabPane label="团队成员" name="4">
+          <PermissionList
+            ref="permissionListRef"
+            :biz-id="contactId"
+            :biz-type="BizTypeEnum.CRM_CONTACT"
+            :show-action="true"
+            @quit-team="handleBack"
+          />
+        </ElTabPane>
+        <ElTabPane label="商机" name="5">
+          <BusinessDetailsList
+            :biz-id="contactId"
+            :biz-type="BizTypeEnum.CRM_CONTACT"
+            :contact-id="contactId"
+            :customer-id="contact.customerId"
+          />
+        </ElTabPane>
+      </ElTabs>
+    </ElCard>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/contact/detail/modules/info.vue b/apps/web-ele/src/views/crm/contact/detail/modules/info.vue
new file mode 100644
index 000000000..11d238617
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/detail/modules/info.vue
@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { ElDivider } from 'element-plus';
+
+import { useDescription } from '#/components/description';
+import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
+
+import { useDetailBaseSchema } from '../data';
+
+defineProps<{
+  contact: CrmContactApi.Contact;
+}>();
+
+const [BaseDescriptions] = useDescription({
+  title: '基本信息',
+  border: false,
+  column: 4,
+  class: 'mx-4',
+  schema: useDetailBaseSchema(),
+});
+
+const [SystemDescriptions] = useDescription({
+  title: '系统信息',
+  border: false,
+  column: 3,
+  class: 'mx-4',
+  schema: useFollowUpDetailSchema(),
+});
+</script>
+
+<template>
+  <div class="p-4">
+    <BaseDescriptions :data="contact" />
+    <ElDivider />
+    <SystemDescriptions :data="contact" />
+  </div>
+</template>
diff --git a/apps/web-ele/src/views/crm/contact/index.vue b/apps/web-ele/src/views/crm/contact/index.vue
new file mode 100644
index 000000000..4b0f4166b
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/index.vue
@@ -0,0 +1,203 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteContact,
+  exportContact,
+  getContactPage,
+} from '#/api/crm/contact';
+import { $t } from '#/locales';
+
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+
+const { push } = useRouter();
+const sceneType = ref('1');
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
+  gridApi.query();
+}
+
+/** 处理场景类型的切换 */
+function handleChangeSceneType(key: number | string) {
+  sceneType.value = key.toString();
+  gridApi.query();
+}
+
+/** 导出表格 */
+async function handleExport() {
+  const formValues = await gridApi.formApi.getValues();
+  const data = await exportContact({
+    sceneType: sceneType.value,
+    ...formValues,
+  });
+  downloadFileFromBlobPart({ fileName: '联系人.xls', source: data });
+}
+
+/** 创建联系人 */
+function handleCreate() {
+  formModalApi.setData(null).open();
+}
+
+/** 编辑联系人 */
+function handleEdit(row: CrmContactApi.Contact) {
+  formModalApi.setData(row).open();
+}
+
+/** 删除联系人 */
+async function handleDelete(row: CrmContactApi.Contact) {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting', [row.name]),
+  });
+  try {
+    await deleteContact(row.id!);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+/** 查看联系人详情 */
+function handleDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmContactDetail', params: { id: row.id } });
+}
+
+/** 查看客户详情 */
+function handleCustomerDetail(row: CrmContactApi.Contact) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useGridFormSchema(),
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getContactPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: sceneType.value,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContactApi.Contact>,
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【客户】客户管理、公海客户"
+        url="https://doc.iocoder.cn/crm/customer/"
+      />
+      <DocAlert
+        title="【通用】数据权限"
+        url="https://doc.iocoder.cn/crm/permission/"
+      />
+    </template>
+
+    <FormModal @success="handleRefresh" />
+    <Grid>
+      <template #toolbar-actions>
+        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+          <ElTabPane label="我负责的" name="1" />
+          <ElTabPane label="我参与的" name="2" />
+          <ElTabPane label="下属负责的" name="3" />
+        </ElTabs>
+      </template>
+      <template #toolbar-tools>
+        <TableAction
+          :actions="[
+            {
+              label: $t('ui.actionTitle.create', ['联系人']),
+              type: 'primary',
+              icon: ACTION_ICON.ADD,
+              auth: ['crm:contact:create'],
+              onClick: handleCreate,
+            },
+            {
+              label: $t('ui.actionTitle.export'),
+              type: 'primary',
+              icon: ACTION_ICON.DOWNLOAD,
+              auth: ['crm:contact:export'],
+              onClick: handleExport,
+            },
+          ]"
+        />
+      </template>
+      <template #name="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.name }}
+        </ElButton>
+      </template>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+      <template #parentId="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.parentName }}
+        </ElButton>
+      </template>
+      <template #actions="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: $t('common.edit'),
+              type: 'primary',
+              link: true,
+              icon: ACTION_ICON.EDIT,
+              auth: ['crm:contact:update'],
+              onClick: handleEdit.bind(null, row),
+            },
+            {
+              label: $t('common.delete'),
+              type: 'danger',
+              link: true,
+              icon: ACTION_ICON.DELETE,
+              auth: ['crm:contact:delete'],
+              popConfirm: {
+                title: $t('ui.actionMessage.deleteConfirm', [row.name]),
+                confirm: handleDelete.bind(null, row),
+              },
+            },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/contact/modules/form.vue b/apps/web-ele/src/views/crm/contact/modules/form.vue
new file mode 100644
index 000000000..5b0b3c7d9
--- /dev/null
+++ b/apps/web-ele/src/views/crm/contact/modules/form.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import type { CrmContactApi } from '#/api/crm/contact';
+
+import { computed, ref } from 'vue';
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { createContact, getContact, updateContact } from '#/api/crm/contact';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<CrmContactApi.Contact>();
+const getTitle = computed(() => {
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['联系人'])
+    : $t('ui.actionTitle.create', ['联系人']);
+});
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  wrapperClass: 'grid-cols-2',
+  layout: 'horizontal',
+  schema: useFormSchema(),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    // 提交表单
+    const data = (await formApi.getValues()) as CrmContactApi.Contact;
+    try {
+      await (formData.value?.id ? updateContact(data) : createContact(data));
+      // 关闭并提示
+      await modalApi.close();
+      emit('success');
+      ElMessage.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<CrmContactApi.Contact>();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = await getContact(data.id);
+      // 设置到 values
+      await formApi.setValues(formData.value);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-2/5">
+    <Form class="mx-4" />
+  </Modal>
+</template>

From 07f62cf8824d7af1e04d28be064bb5f41db56863 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:29:06 +0800
Subject: [PATCH 20/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91business=20=E7=9A=84=E5=85=A8=E9=83=A8?=
 =?UTF-8?q?=EF=BC=88list=E3=80=81form=E3=80=81detail=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/business/detail/index.vue   |  1 -
 .../crm/business/detail/modules/info.vue      |  2 +-
 .../src/views/crm/business/detail/index.vue   |  1 -
 .../crm/business/detail/modules/info.vue      |  4 +-
 pnpm-lock.yaml                                | 56 +++++++++----------
 5 files changed, 30 insertions(+), 34 deletions(-)

diff --git a/apps/web-antd/src/views/crm/business/detail/index.vue b/apps/web-antd/src/views/crm/business/detail/index.vue
index 77621ad0d..92e5f44e2 100644
--- a/apps/web-antd/src/views/crm/business/detail/index.vue
+++ b/apps/web-antd/src/views/crm/business/detail/index.vue
@@ -40,7 +40,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-antd/src/views/crm/business/detail/modules/info.vue b/apps/web-antd/src/views/crm/business/detail/modules/info.vue
index 2bbfe8af7..b025b0544 100644
--- a/apps/web-antd/src/views/crm/business/detail/modules/info.vue
+++ b/apps/web-antd/src/views/crm/business/detail/modules/info.vue
@@ -30,7 +30,7 @@ const [SystemDescription] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescription :data="business" />
     <Divider />
     <SystemDescription :data="business" />
diff --git a/apps/web-ele/src/views/crm/business/detail/index.vue b/apps/web-ele/src/views/crm/business/detail/index.vue
index c10c047f3..1a3fbb883 100644
--- a/apps/web-ele/src/views/crm/business/detail/index.vue
+++ b/apps/web-ele/src/views/crm/business/detail/index.vue
@@ -42,7 +42,6 @@ const activeTabName = ref('1'); // 选中 Tab 名
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-ele/src/views/crm/business/detail/modules/info.vue b/apps/web-ele/src/views/crm/business/detail/modules/info.vue
index d498507d9..7e8753b74 100644
--- a/apps/web-ele/src/views/crm/business/detail/modules/info.vue
+++ b/apps/web-ele/src/views/crm/business/detail/modules/info.vue
@@ -16,7 +16,6 @@ const [BaseDescription] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -24,13 +23,12 @@ const [SystemDescription] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useFollowUpDetailSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescription :data="business" />
     <ElDivider />
     <SystemDescription :data="business" />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 439198801..7a2a79230 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -792,7 +792,7 @@ importers:
         version: 17.11.1
       bpmn-js-properties-panel:
         specifier: 'catalog:'
-        version: 5.23.0(@bpmn-io/properties-panel@3.33.2)(bpmn-js@17.11.1)(camunda-bpmn-js-behaviors@1.11.2(bpmn-js@17.11.1)(camunda-bpmn-moddle@7.0.1)(zeebe-bpmn-moddle@1.11.0))(diagram-js@12.8.1)
+        version: 5.23.0(@bpmn-io/properties-panel@3.34.0)(bpmn-js@17.11.1)(camunda-bpmn-js-behaviors@1.11.2(bpmn-js@17.11.1)(camunda-bpmn-moddle@7.0.1)(zeebe-bpmn-moddle@1.11.0))(diagram-js@12.8.1)
       bpmn-js-token-simulation:
         specifier: 'catalog:'
         version: 0.36.3
@@ -2881,8 +2881,8 @@ packages:
   '@bpmn-io/lezer-feel@1.9.0':
     resolution: {integrity: sha512-mV+pj+x0++9zT5/RkOOUNtkT2hpKpGWbXuFR8trJlvJeRe1dL/5yPal/RBcnk3z73tILK4kP6LzXelcsshQCEw==}
 
-  '@bpmn-io/properties-panel@3.33.2':
-    resolution: {integrity: sha512-8KgiKzJryfcxZmQb+ArL6zjWZ8N2o/vdWMWY01EOJrL/OmasCmxQU4lIE5GejgZ/EHoi92aVo8Ij+44uaRFGNw==}
+  '@bpmn-io/properties-panel@3.34.0':
+    resolution: {integrity: sha512-BkY3JYVDtmuUox4U/B5Mxis0UzW+uY9cZvKEUMKQeW+4IyOZ6yF07/fsabS1koaQV19YxF8im3PX5fibSNxphg==}
 
   '@cacheable/memory@2.0.5':
     resolution: {integrity: sha512-fkiAxCvssEyJZ5fxX4tcdZFRmW9JehSTGvvqmXn6rTzG5cH6V/3C4ad8yb01vOjp2xBydHkHrgpW0qeGtzt6VQ==}
@@ -4064,8 +4064,8 @@ packages:
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
-  '@keyv/bigmap@1.2.0':
-    resolution: {integrity: sha512-4Lme8NejkyetZ9oJ6u8NSf0iJEFFt7I+tyDI48wZlaFmbhDEh4nZg7bEPFPwCWkpIuL50/ukWBC9AHQTmdJLUA==}
+  '@keyv/bigmap@1.3.0':
+    resolution: {integrity: sha512-KT01GjzV6AQD5+IYrcpoYLkCu1Jod3nau1Z7EsEuViO3TZGRacSbO9MfHmbJ1WaOXFtWLxPVj169cn2WNKPkIg==}
     engines: {node: '>= 18'}
     peerDependencies:
       keyv: ^5.5.4
@@ -6172,14 +6172,14 @@ packages:
     resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
     engines: {node: '>=18'}
 
-  core-js-compat@3.46.0:
-    resolution: {integrity: sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==}
+  core-js-compat@3.47.0:
+    resolution: {integrity: sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==}
 
-  core-js-pure@3.46.0:
-    resolution: {integrity: sha512-NMCW30bHNofuhwLhYPt66OLOKTMbOhgTTatKVbaQC3KRHpTCiRIBYvtshr+NBYSnBxwAFhjW/RfJ0XbIjS16rw==}
+  core-js-pure@3.47.0:
+    resolution: {integrity: sha512-BcxeDbzUrRnXGYIVAGFtcGQVNpFcUhVjr6W7F8XktvQW2iJP9e66GP6xdKotCRFlrxBvNIBrhwKteRXqMV86Nw==}
 
-  core-js@3.46.0:
-    resolution: {integrity: sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==}
+  core-js@3.47.0:
+    resolution: {integrity: sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==}
 
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -11650,8 +11650,8 @@ packages:
   youch-core@0.3.3:
     resolution: {integrity: sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA==}
 
-  youch@4.1.0-beta.12:
-    resolution: {integrity: sha512-X+AQ2EdigcZb2h1XQmBMm19TrrfKXxEXWpnf8ThbARwiiSf/pA7MvRTCj5VHCI9z3vjJBsDeqWWyvaI9Bfp9Pg==}
+  youch@4.1.0-beta.13:
+    resolution: {integrity: sha512-3+AG1Xvt+R7M7PSDudhbfbwiyveW6B8PLBIwTyEC598biEYIjHhC89i6DBEvR0EZUjGY3uGSnC429HpIa2Z09g==}
 
   zeebe-bpmn-moddle@1.11.0:
     resolution: {integrity: sha512-v2PkIAjyZEnzuFHrm9ZhpbEGMgNjYZkUw+H17JxkA7Da+dcbPHbD7fWuBWSbPzNSCOyYYmrH+PL6wp9407ptMg==}
@@ -12522,7 +12522,7 @@ snapshots:
       babel-plugin-polyfill-corejs2: 0.4.14(@babel/core@7.28.5)
       babel-plugin-polyfill-corejs3: 0.13.0(@babel/core@7.28.5)
       babel-plugin-polyfill-regenerator: 0.6.5(@babel/core@7.28.5)
-      core-js-compat: 3.46.0
+      core-js-compat: 3.47.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -12547,7 +12547,7 @@ snapshots:
 
   '@babel/runtime-corejs3@7.28.4':
     dependencies:
-      core-js-pure: 3.46.0
+      core-js-pure: 3.47.0
 
   '@babel/runtime@7.28.4': {}
 
@@ -12626,7 +12626,7 @@ snapshots:
       '@lezer/lr': 1.4.3
       min-dash: 4.2.3
 
-  '@bpmn-io/properties-panel@3.33.2':
+  '@bpmn-io/properties-panel@3.34.0':
     dependencies:
       '@bpmn-io/feel-editor': 1.12.1
       '@carbon/icons': 11.70.0
@@ -12640,7 +12640,7 @@ snapshots:
   '@cacheable/memory@2.0.5':
     dependencies:
       '@cacheable/utils': 2.3.1
-      '@keyv/bigmap': 1.2.0(keyv@5.5.4)
+      '@keyv/bigmap': 1.3.0(keyv@5.5.4)
       hookified: 1.13.0
       keyv: 5.5.4
 
@@ -14011,7 +14011,7 @@ snapshots:
 
   '@juggle/resize-observer@3.4.0': {}
 
-  '@keyv/bigmap@1.2.0(keyv@5.5.4)':
+  '@keyv/bigmap@1.3.0(keyv@5.5.4)':
     dependencies:
       hashery: 1.2.0
       hookified: 1.13.0
@@ -14582,7 +14582,7 @@ snapshots:
 
   '@simonwep/pickr@1.8.2':
     dependencies:
-      core-js: 3.46.0
+      core-js: 3.47.0
       nanopop: 2.4.2
 
   '@sindresorhus/is@7.1.1': {}
@@ -15812,7 +15812,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.28.5
       '@babel/helper-define-polyfill-provider': 0.6.5(@babel/core@7.28.5)
-      core-js-compat: 3.46.0
+      core-js-compat: 3.47.0
     transitivePeerDependencies:
       - supports-color
 
@@ -15868,10 +15868,10 @@ snapshots:
       widest-line: 5.0.0
       wrap-ansi: 9.0.2
 
-  bpmn-js-properties-panel@5.23.0(@bpmn-io/properties-panel@3.33.2)(bpmn-js@17.11.1)(camunda-bpmn-js-behaviors@1.11.2(bpmn-js@17.11.1)(camunda-bpmn-moddle@7.0.1)(zeebe-bpmn-moddle@1.11.0))(diagram-js@12.8.1):
+  bpmn-js-properties-panel@5.23.0(@bpmn-io/properties-panel@3.34.0)(bpmn-js@17.11.1)(camunda-bpmn-js-behaviors@1.11.2(bpmn-js@17.11.1)(camunda-bpmn-moddle@7.0.1)(zeebe-bpmn-moddle@1.11.0))(diagram-js@12.8.1):
     dependencies:
       '@bpmn-io/extract-process-variables': 0.8.0
-      '@bpmn-io/properties-panel': 3.33.2
+      '@bpmn-io/properties-panel': 3.34.0
       array-move: 4.0.0
       bpmn-js: 17.11.1
       camunda-bpmn-js-behaviors: 1.11.2(bpmn-js@17.11.1)(camunda-bpmn-moddle@7.0.1)(zeebe-bpmn-moddle@1.11.0)
@@ -16328,13 +16328,13 @@ snapshots:
     dependencies:
       is-what: 5.5.0
 
-  core-js-compat@3.46.0:
+  core-js-compat@3.47.0:
     dependencies:
       browserslist: 4.28.0
 
-  core-js-pure@3.46.0: {}
+  core-js-pure@3.47.0: {}
 
-  core-js@3.46.0: {}
+  core-js@3.47.0: {}
 
   core-util-is@1.0.3: {}
 
@@ -17402,7 +17402,7 @@ snapshots:
       '@eslint/plugin-kit': 0.2.8
       ci-info: 4.3.1
       clean-regexp: 1.0.0
-      core-js-compat: 3.46.0
+      core-js-compat: 3.47.0
       eslint: 9.39.1(jiti@2.6.1)
       esquery: 1.6.0
       find-up-simple: 1.0.1
@@ -19238,7 +19238,7 @@ snapshots:
       unstorage: 1.17.2(db0@0.3.4)(ioredis@5.8.2)
       untyped: 2.0.0
       unwasm: 0.3.11
-      youch: 4.1.0-beta.12
+      youch: 4.1.0-beta.13
       youch-core: 0.3.3
     transitivePeerDependencies:
       - '@azure/app-configuration'
@@ -22412,7 +22412,7 @@ snapshots:
       '@poppinss/exception': 1.2.2
       error-stack-parser-es: 1.0.5
 
-  youch@4.1.0-beta.12:
+  youch@4.1.0-beta.13:
     dependencies:
       '@poppinss/colors': 4.1.5
       '@poppinss/dumper': 0.6.5

From 9b7bd5d36a4ae81a09d55ad25723c7d783a443b8 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:32:37 +0800
Subject: [PATCH 21/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91contact=20=E7=9A=84=E5=85=A8=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/contact/detail/index.vue         |  1 -
 .../src/views/crm/contact/detail/modules/info.vue  |  2 +-
 .../web-ele/src/views/crm/contact/detail/index.vue |  1 -
 .../src/views/crm/contact/detail/modules/info.vue  |  4 +---
 apps/web-ele/src/views/crm/contact/index.vue       | 14 ++++++++++++--
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/apps/web-antd/src/views/crm/contact/detail/index.vue b/apps/web-antd/src/views/crm/contact/detail/index.vue
index 1862598b9..1513e6e2c 100644
--- a/apps/web-antd/src/views/crm/contact/detail/index.vue
+++ b/apps/web-antd/src/views/crm/contact/detail/index.vue
@@ -38,7 +38,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-antd/src/views/crm/contact/detail/modules/info.vue b/apps/web-antd/src/views/crm/contact/detail/modules/info.vue
index 123cf2c71..9050e4cee 100644
--- a/apps/web-antd/src/views/crm/contact/detail/modules/info.vue
+++ b/apps/web-antd/src/views/crm/contact/detail/modules/info.vue
@@ -30,7 +30,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="contact" />
     <Divider />
     <SystemDescriptions :data="contact" />
diff --git a/apps/web-ele/src/views/crm/contact/detail/index.vue b/apps/web-ele/src/views/crm/contact/detail/index.vue
index d20b250d3..4cf2286ca 100644
--- a/apps/web-ele/src/views/crm/contact/detail/index.vue
+++ b/apps/web-ele/src/views/crm/contact/detail/index.vue
@@ -39,7 +39,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-ele/src/views/crm/contact/detail/modules/info.vue b/apps/web-ele/src/views/crm/contact/detail/modules/info.vue
index 11d238617..0a56400f6 100644
--- a/apps/web-ele/src/views/crm/contact/detail/modules/info.vue
+++ b/apps/web-ele/src/views/crm/contact/detail/modules/info.vue
@@ -16,7 +16,6 @@ const [BaseDescriptions] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -24,13 +23,12 @@ const [SystemDescriptions] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useFollowUpDetailSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="contact" />
     <ElDivider />
     <SystemDescriptions :data="contact" />
diff --git a/apps/web-ele/src/views/crm/contact/index.vue b/apps/web-ele/src/views/crm/contact/index.vue
index 4b0f4166b..7f1ea9e4d 100644
--- a/apps/web-ele/src/views/crm/contact/index.vue
+++ b/apps/web-ele/src/views/crm/contact/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -132,7 +138,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+          v-model:model-value="sceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />

From c1b55dccf3f5efe1f7b72e6f5293a162defdc0c5 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:38:55 +0800
Subject: [PATCH 22/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91customer=20=E7=9A=84=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=EF=BC=88form=E3=80=81list=E3=80=81detail=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/customer/detail/index.vue        |  1 -
 .../src/views/crm/customer/detail/modules/info.vue |  2 +-
 .../src/views/crm/customer/detail/index.vue        |  1 -
 .../src/views/crm/customer/detail/modules/info.vue |  4 +---
 apps/web-ele/src/views/crm/customer/index.vue      | 14 ++++++++++++--
 .../crm/receivable/plan/detail/modules/info.vue    |  4 +---
 6 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/apps/web-antd/src/views/crm/customer/detail/index.vue b/apps/web-antd/src/views/crm/customer/detail/index.vue
index f8c74ec4b..925d1a5ac 100644
--- a/apps/web-antd/src/views/crm/customer/detail/index.vue
+++ b/apps/web-antd/src/views/crm/customer/detail/index.vue
@@ -49,7 +49,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-antd/src/views/crm/customer/detail/modules/info.vue b/apps/web-antd/src/views/crm/customer/detail/modules/info.vue
index 4e5c1e520..c98491177 100644
--- a/apps/web-antd/src/views/crm/customer/detail/modules/info.vue
+++ b/apps/web-antd/src/views/crm/customer/detail/modules/info.vue
@@ -30,7 +30,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="customer" />
     <Divider />
     <SystemDescriptions :data="customer" />
diff --git a/apps/web-ele/src/views/crm/customer/detail/index.vue b/apps/web-ele/src/views/crm/customer/detail/index.vue
index c5332f3c5..77c0e1b9c 100644
--- a/apps/web-ele/src/views/crm/customer/detail/index.vue
+++ b/apps/web-ele/src/views/crm/customer/detail/index.vue
@@ -50,7 +50,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 
diff --git a/apps/web-ele/src/views/crm/customer/detail/modules/info.vue b/apps/web-ele/src/views/crm/customer/detail/modules/info.vue
index 58102d4a1..abeaa243d 100644
--- a/apps/web-ele/src/views/crm/customer/detail/modules/info.vue
+++ b/apps/web-ele/src/views/crm/customer/detail/modules/info.vue
@@ -16,7 +16,6 @@ const [BaseDescriptions] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -24,13 +23,12 @@ const [SystemDescriptions] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useFollowUpDetailSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="customer" />
     <ElDivider />
     <SystemDescriptions :data="customer" />
diff --git a/apps/web-ele/src/views/crm/customer/index.vue b/apps/web-ele/src/views/crm/customer/index.vue
index 52e09ec82..b3f67b093 100644
--- a/apps/web-ele/src/views/crm/customer/index.vue
+++ b/apps/web-ele/src/views/crm/customer/index.vue
@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -139,7 +145,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <ImportModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+          v-model:model-value="sceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />
diff --git a/apps/web-ele/src/views/crm/receivable/plan/detail/modules/info.vue b/apps/web-ele/src/views/crm/receivable/plan/detail/modules/info.vue
index 9db52c05a..7aa6f8d2e 100644
--- a/apps/web-ele/src/views/crm/receivable/plan/detail/modules/info.vue
+++ b/apps/web-ele/src/views/crm/receivable/plan/detail/modules/info.vue
@@ -15,7 +15,6 @@ const [BaseDescriptions] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -23,13 +22,12 @@ const [SystemDescriptions] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useDetailSystemSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="receivablePlan" />
     <ElDivider />
     <SystemDescriptions :data="receivablePlan" />

From 63a4e1e90168af0188e18a4d726c7b302b40c196 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 08:47:17 +0800
Subject: [PATCH 23/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91customer=20=E7=9A=84=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=EF=BC=88import-form=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/customer/modules/import-form.vue  | 13 ++++++-------
 .../src/views/system/user/modules/import-form.vue   | 13 +++++++------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/web-ele/src/views/crm/customer/modules/import-form.vue b/apps/web-ele/src/views/crm/customer/modules/import-form.vue
index a56968b46..f85545dd4 100644
--- a/apps/web-ele/src/views/crm/customer/modules/import-form.vue
+++ b/apps/web-ele/src/views/crm/customer/modules/import-form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { UploadRawFile } from 'element-plus';
-
 import { useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
@@ -49,10 +47,11 @@ const [Modal, modalApi] = useVbenModal({
   },
 });
 
-/** 上传前 */
-function beforeUpload(file: UploadRawFile) {
-  formApi.setFieldValue('file', file);
-  return false;
+/** 文件改变时 */
+function handleChange(file: any) {
+  if (file.raw) {
+    formApi.setFieldValue('file', file.raw);
+  }
 }
 
 /** 下载模版 */
@@ -70,7 +69,7 @@ async function handleDownload() {
           <ElUpload
             :limit="1"
             accept=".xls,.xlsx"
-            :before-upload="beforeUpload"
+            :on-change="handleChange"
             :auto-upload="false"
           >
             <ElButton type="primary"> 选择 Excel 文件 </ElButton>
diff --git a/apps/web-ele/src/views/system/user/modules/import-form.vue b/apps/web-ele/src/views/system/user/modules/import-form.vue
index d9b9577c6..0004b04ce 100644
--- a/apps/web-ele/src/views/system/user/modules/import-form.vue
+++ b/apps/web-ele/src/views/system/user/modules/import-form.vue
@@ -45,10 +45,11 @@ const [Modal, modalApi] = useVbenModal({
   },
 });
 
-/** 上传前 */
-function beforeUpload(file: UploadRawFile) {
-  formApi.setFieldValue('file', file);
-  return false;
+/** 文件改变时 */
+function handleChange(file: any) {
+  if (file.raw) {
+    formApi.setFieldValue('file', file.raw);
+  }
 }
 
 /** 下载模版 */
@@ -64,10 +65,10 @@ async function handleDownload() {
       <template #file>
         <div class="w-full">
           <ElUpload
-            :max-count="1"
+            :limit="1"
             accept=".xls,.xlsx"
+            :on-change="handleChange"
             :auto-upload="false"
-            :before-upload="beforeUpload"
           >
             <ElButton type="primary"> 选择 Excel 文件 </ElButton>
           </ElUpload>

From 7baf8d7e0607f60b7a2a5caa77c20bf40e0b4b47 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 09:01:30 +0800
Subject: [PATCH 24/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91customer=20=E7=9A=84=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=EF=BC=88limitConfig=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/crm/customer/limitConfig/data.ts   | 4 +++-
 apps/web-ele/src/views/crm/customer/limitConfig/index.vue | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web-ele/src/views/crm/customer/limitConfig/data.ts b/apps/web-ele/src/views/crm/customer/limitConfig/data.ts
index 66bff25b1..3b05ebfc2 100644
--- a/apps/web-ele/src/views/crm/customer/limitConfig/data.ts
+++ b/apps/web-ele/src/views/crm/customer/limitConfig/data.ts
@@ -52,7 +52,9 @@ export function useFormSchema(confType: LimitConfType): VbenFormSchema[] {
           return handleTree(data);
         },
         multiple: true,
-        fieldNames: { label: 'name', value: 'id', children: 'children' },
+        labelField: 'name',
+        valueField: 'id',
+        childrenField: 'children',
         placeholder: '请选择规则适用部门',
         treeDefaultExpandAll: true,
       },
diff --git a/apps/web-ele/src/views/crm/customer/limitConfig/index.vue b/apps/web-ele/src/views/crm/customer/limitConfig/index.vue
index c745fb7dc..a4cedb13f 100644
--- a/apps/web-ele/src/views/crm/customer/limitConfig/index.vue
+++ b/apps/web-ele/src/views/crm/customer/limitConfig/index.vue
@@ -114,7 +114,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs class="w-full" v-model:model-value="configType" @tab-change="handleChangeConfigType">
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeConfigType"
+          v-model:model-value="configType"
+        >
           <ElTabPane
             label="拥有客户数限制"
             :name="LimitConfType.CUSTOMER_QUANTITY_LIMIT"

From 9dbfe579e2eab3ef82dc3984569aeff0fabeea92 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 09:17:14 +0800
Subject: [PATCH 25/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91statistics=20=E7=9A=84=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=EF=BC=88=E9=99=A4=20performance=20=E5=A4=96=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/statistics/customer/data.ts      |  2 +-
 .../src/views/crm/statistics/customer/index.vue    |  2 --
 .../src/views/crm/statistics/funnel/data.ts        |  2 +-
 .../src/views/crm/statistics/funnel/index.vue      |  2 --
 .../src/views/crm/statistics/performance/data.ts   |  5 +++--
 .../src/views/crm/statistics/performance/index.vue |  2 --
 .../src/views/crm/statistics/portrait/data.ts      |  4 +---
 .../src/views/crm/statistics/portrait/index.vue    |  2 --
 .../web-antd/src/views/crm/statistics/rank/data.ts |  2 +-
 .../src/views/crm/statistics/rank/index.vue        |  2 --
 .../src/views/crm/statistics/customer/data.ts      |  5 +++--
 .../src/views/crm/statistics/customer/index.vue    |  4 +---
 .../src/views/crm/statistics/funnel/data.ts        |  6 +++---
 .../src/views/crm/statistics/funnel/index.vue      |  4 +---
 .../src/views/crm/statistics/performance/data.ts   | 14 +++++++++++---
 .../src/views/crm/statistics/performance/index.vue |  4 +---
 .../src/views/crm/statistics/portrait/data.ts      |  8 +++-----
 .../src/views/crm/statistics/portrait/index.vue    |  4 +---
 apps/web-ele/src/views/crm/statistics/rank/data.ts |  6 +++---
 .../src/views/crm/statistics/rank/index.vue        |  4 +---
 20 files changed, 35 insertions(+), 49 deletions(-)

diff --git a/apps/web-antd/src/views/crm/statistics/customer/data.ts b/apps/web-antd/src/views/crm/statistics/customer/data.ts
index ec37c668a..e7ce18634 100644
--- a/apps/web-antd/src/views/crm/statistics/customer/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/customer/data.ts
@@ -66,7 +66,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       defaultValue: [
         formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
         formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
-      ] as [Date, Date],
+      ],
     },
     {
       fieldName: 'interval',
diff --git a/apps/web-antd/src/views/crm/statistics/customer/index.vue b/apps/web-antd/src/views/crm/statistics/customer/index.vue
index edf483336..a0c39c4d3 100644
--- a/apps/web-antd/src/views/crm/statistics/customer/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/customer/index.vue
@@ -25,13 +25,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-antd/src/views/crm/statistics/funnel/data.ts b/apps/web-antd/src/views/crm/statistics/funnel/data.ts
index 87668577d..a10d4a42b 100644
--- a/apps/web-antd/src/views/crm/statistics/funnel/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/funnel/data.ts
@@ -40,7 +40,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       defaultValue: [
         formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
         formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
-      ] as [Date, Date],
+      ],
     },
     {
       fieldName: 'interval',
diff --git a/apps/web-antd/src/views/crm/statistics/funnel/index.vue b/apps/web-antd/src/views/crm/statistics/funnel/index.vue
index 02cdb4067..72035f28f 100644
--- a/apps/web-antd/src/views/crm/statistics/funnel/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/funnel/index.vue
@@ -42,13 +42,11 @@ const gridEvents: VxeGridListeners = {
 };
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-antd/src/views/crm/statistics/performance/data.ts b/apps/web-antd/src/views/crm/statistics/performance/data.ts
index e56c7ebf7..93a15aefd 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/performance/data.ts
@@ -31,17 +31,18 @@ export function useGridFormSchema(): VbenFormSchema[] {
       fieldName: 'times',
       label: '时间范围',
       component: 'RangePicker',
+      // TODO @AI：这里有问题，只选择年份
       componentProps: {
         ...getRangePickerDefaultProps(),
+        presets: {},
         picker: 'year',
         showTime: false,
         format: 'YYYY',
-        ranges: {},
       },
       defaultValue: [
         formatDateTime(beginOfDay(new Date(new Date().getFullYear(), 0, 1))),
         formatDateTime(endOfDay(new Date(new Date().getFullYear(), 11, 31))),
-      ] as [Date, Date],
+      ],
     },
     {
       fieldName: 'deptId',
diff --git a/apps/web-antd/src/views/crm/statistics/performance/index.vue b/apps/web-antd/src/views/crm/statistics/performance/index.vue
index b997f2308..dbbf0bf32 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/performance/index.vue
@@ -29,13 +29,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-antd/src/views/crm/statistics/portrait/data.ts b/apps/web-antd/src/views/crm/statistics/portrait/data.ts
index 8eeff969b..23657e933 100644
--- a/apps/web-antd/src/views/crm/statistics/portrait/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/portrait/data.ts
@@ -39,13 +39,11 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'RangePicker',
       componentProps: {
         ...getRangePickerDefaultProps(),
-        format: 'YYYY-MM-DD',
-        picker: 'year',
       },
       defaultValue: [
         formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
         formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
-      ] as [Date, Date],
+      ],
     },
     {
       fieldName: 'deptId',
diff --git a/apps/web-antd/src/views/crm/statistics/portrait/index.vue b/apps/web-antd/src/views/crm/statistics/portrait/index.vue
index a8e0bcfbb..b75518b6b 100644
--- a/apps/web-antd/src/views/crm/statistics/portrait/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/portrait/index.vue
@@ -27,13 +27,11 @@ const { renderEcharts: renderRightEcharts } = useEcharts(rightChartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-antd/src/views/crm/statistics/rank/data.ts b/apps/web-antd/src/views/crm/statistics/rank/data.ts
index 84c78a712..fdd7fa04e 100644
--- a/apps/web-antd/src/views/crm/statistics/rank/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/rank/data.ts
@@ -57,7 +57,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       defaultValue: [
         formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
         formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
-      ] as [Date, Date],
+      ],
     },
     {
       fieldName: 'deptId',
diff --git a/apps/web-antd/src/views/crm/statistics/rank/index.vue b/apps/web-antd/src/views/crm/statistics/rank/index.vue
index 0d23a3187..9c4bec2a6 100644
--- a/apps/web-antd/src/views/crm/statistics/rank/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/rank/index.vue
@@ -25,13 +25,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-ele/src/views/crm/statistics/customer/data.ts b/apps/web-ele/src/views/crm/statistics/customer/data.ts
index cc091e5ec..e7ce18634 100644
--- a/apps/web-ele/src/views/crm/statistics/customer/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/customer/data.ts
@@ -8,6 +8,7 @@ import {
   beginOfDay,
   endOfDay,
   erpCalculatePercentage,
+  formatDateTime,
   handleTree,
 } from '@vben/utils';
 
@@ -63,8 +64,8 @@ export function useGridFormSchema(): VbenFormSchema[] {
         ...getRangePickerDefaultProps(),
       },
       defaultValue: [
-        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
-        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+        formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
+        formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
       ],
     },
     {
diff --git a/apps/web-ele/src/views/crm/statistics/customer/index.vue b/apps/web-ele/src/views/crm/statistics/customer/index.vue
index 34c5f5ec2..58cf1ef13 100644
--- a/apps/web-ele/src/views/crm/statistics/customer/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/customer/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { ElTabs, ElTabPane } from 'element-plus';
+import { ElTabPane, ElTabs } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -25,13 +25,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/data.ts b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
index f1d4aa388..a10d4a42b 100644
--- a/apps/web-ele/src/views/crm/statistics/funnel/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
@@ -4,7 +4,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+import { beginOfDay, endOfDay, formatDateTime, handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
@@ -38,8 +38,8 @@ export function useGridFormSchema(): VbenFormSchema[] {
         ...getRangePickerDefaultProps(),
       },
       defaultValue: [
-        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
-        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+        formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
+        formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
       ],
     },
     {
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/index.vue b/apps/web-ele/src/views/crm/statistics/funnel/index.vue
index f4812a2fa..7c11afd29 100644
--- a/apps/web-ele/src/views/crm/statistics/funnel/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/funnel/index.vue
@@ -12,7 +12,7 @@ import { reactive, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { ElButton, ElButtonGroup, ElTabs, ElTabPane } from 'element-plus';
+import { ElButton, ElButtonGroup, ElTabPane, ElTabs } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -42,13 +42,11 @@ const gridEvents: VxeGridListeners = {
 };
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-ele/src/views/crm/statistics/performance/data.ts b/apps/web-ele/src/views/crm/statistics/performance/data.ts
index 10e951665..78eaa7c29 100644
--- a/apps/web-ele/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/performance/data.ts
@@ -1,7 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+import { beginOfDay, endOfDay, formatDate, handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
@@ -33,12 +33,20 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'RangePicker',
       componentProps: {
         ...getRangePickerDefaultProps(),
+        shortcuts: [],
+        // TODO @AI：这里有问题，只选择年份
         type: 'year',
         format: 'YYYY',
       },
       defaultValue: [
-        beginOfDay(new Date(new Date().getFullYear(), 0, 1)),
-        endOfDay(new Date(new Date().getFullYear(), 11, 31)),
+        formatDate(
+          beginOfDay(new Date(new Date().getFullYear(), 0, 1)),
+          'YYYY-MM-DD HH:mm:ss',
+        ),
+        formatDate(
+          endOfDay(new Date(new Date().getFullYear(), 11, 31)),
+          'YYYY-MM-DD HH:mm:ss',
+        ),
       ],
     },
     {
diff --git a/apps/web-ele/src/views/crm/statistics/performance/index.vue b/apps/web-ele/src/views/crm/statistics/performance/index.vue
index 137dcebad..e6434b7ae 100644
--- a/apps/web-ele/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/performance/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { ElTabs, ElTabPane } from 'element-plus';
+import { ElTabPane, ElTabs } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -29,13 +29,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/data.ts b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
index 519edecd6..23657e933 100644
--- a/apps/web-ele/src/views/crm/statistics/portrait/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { DICT_TYPE } from '@vben/constants';
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+import { beginOfDay, endOfDay, formatDateTime, handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
@@ -39,12 +39,10 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'RangePicker',
       componentProps: {
         ...getRangePickerDefaultProps(),
-        format: 'YYYY-MM-DD',
-        type: 'year',
       },
       defaultValue: [
-        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
-        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+        formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
+        formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
       ],
     },
     {
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/index.vue b/apps/web-ele/src/views/crm/statistics/portrait/index.vue
index 5e09b1f66..5eed96846 100644
--- a/apps/web-ele/src/views/crm/statistics/portrait/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/portrait/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { ElTabs, ElTabPane } from 'element-plus';
+import { ElTabPane, ElTabs } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -27,13 +27,11 @@ const { renderEcharts: renderRightEcharts } = useEcharts(rightChartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),
diff --git a/apps/web-ele/src/views/crm/statistics/rank/data.ts b/apps/web-ele/src/views/crm/statistics/rank/data.ts
index e07f6042f..fdd7fa04e 100644
--- a/apps/web-ele/src/views/crm/statistics/rank/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/rank/data.ts
@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, handleTree } from '@vben/utils';
+import { beginOfDay, endOfDay, formatDateTime, handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getRangePickerDefaultProps } from '#/utils';
@@ -55,8 +55,8 @@ export function useGridFormSchema(): VbenFormSchema[] {
         ...getRangePickerDefaultProps(),
       },
       defaultValue: [
-        beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7)),
-        endOfDay(new Date(Date.now() - 3600 * 1000 * 24)),
+        formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
+        formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
       ],
     },
     {
diff --git a/apps/web-ele/src/views/crm/statistics/rank/index.vue b/apps/web-ele/src/views/crm/statistics/rank/index.vue
index 964b1db41..8253b2bc7 100644
--- a/apps/web-ele/src/views/crm/statistics/rank/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/rank/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { ElTabs, ElTabPane } from 'element-plus';
+import { ElTabPane, ElTabs } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -25,13 +25,11 @@ const { renderEcharts } = useEcharts(chartRef);
 
 const [QueryForm, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     componentProps: {
       class: 'w-full',
     },
   },
   schema: useGridFormSchema(),
-  // 是否可展开
   showCollapseButton: true,
   submitButtonOptions: {
     content: $t('common.query'),

From 99cd094cb0d935eb5e477c2992bbb004f869319d Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 09:42:23 +0800
Subject: [PATCH 26/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91statistics=20=E7=9A=84=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=EF=BC=88performance=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/crm/statistics/performance/data.ts  | 19 +++++----------
 .../crm/statistics/performance/index.vue      |  6 +++++
 .../views/crm/statistics/performance/data.ts  | 24 +++++--------------
 .../crm/statistics/performance/index.vue      | 12 ++++++++++
 4 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/apps/web-antd/src/views/crm/statistics/performance/data.ts b/apps/web-antd/src/views/crm/statistics/performance/data.ts
index 93a15aefd..d3966c926 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/performance/data.ts
@@ -1,11 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, formatDateTime, handleTree } from '@vben/utils';
+import { handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
-import { getRangePickerDefaultProps } from '#/utils';
 
 const userStore = useUserStore();
 
@@ -28,21 +27,15 @@ export const customerSummaryTabs = [
 export function useGridFormSchema(): VbenFormSchema[] {
   return [
     {
-      fieldName: 'times',
-      label: '时间范围',
-      component: 'RangePicker',
-      // TODO @AI：这里有问题，只选择年份
+      fieldName: 'time',
+      label: '选择年份',
+      component: 'DatePicker',
       componentProps: {
-        ...getRangePickerDefaultProps(),
-        presets: {},
         picker: 'year',
-        showTime: false,
         format: 'YYYY',
+        valueFormat: 'YYYY',
       },
-      defaultValue: [
-        formatDateTime(beginOfDay(new Date(new Date().getFullYear(), 0, 1))),
-        formatDateTime(endOfDay(new Date(new Date().getFullYear(), 11, 31))),
-      ],
+      defaultValue: new Date().getFullYear().toString(),
     },
     {
       fieldName: 'deptId',
diff --git a/apps/web-antd/src/views/crm/statistics/performance/index.vue b/apps/web-antd/src/views/crm/statistics/performance/index.vue
index dbbf0bf32..0e029aec1 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/performance/index.vue
@@ -8,6 +8,7 @@ import { onMounted, ref } from 'vue';
 
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+import { beginOfDay, endOfDay, formatDateTime } from '@vben/utils';
 
 import { Tabs } from 'ant-design-vue';
 
@@ -68,6 +69,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
 async function handleTabChange(key: any) {
   activeTabName.value = key;
   const queryParams = (await formApi.getValues()) as any;
+  // 将年份转换为年初和年末的日期时间
+  const selectYear = Number.parseInt(queryParams.time);
+  queryParams.times = [];
+  queryParams.times[0] = formatDateTime(beginOfDay(new Date(selectYear, 0, 1)));
+  queryParams.times[1] = formatDateTime(endOfDay(new Date(selectYear, 11, 31)));
   let data: any[] = [];
   const columnsData: any[] = [];
   let tableData: any[] = [];
diff --git a/apps/web-ele/src/views/crm/statistics/performance/data.ts b/apps/web-ele/src/views/crm/statistics/performance/data.ts
index 78eaa7c29..42516fb82 100644
--- a/apps/web-ele/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/performance/data.ts
@@ -1,11 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
 import { useUserStore } from '@vben/stores';
-import { beginOfDay, endOfDay, formatDate, handleTree } from '@vben/utils';
+import { handleTree } from '@vben/utils';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
-import { getRangePickerDefaultProps } from '#/utils';
 
 const userStore = useUserStore();
 
@@ -28,26 +27,15 @@ export const customerSummaryTabs = [
 export function useGridFormSchema(): VbenFormSchema[] {
   return [
     {
-      fieldName: 'times',
-      label: '时间范围',
-      component: 'RangePicker',
+      fieldName: 'time',
+      label: '选择年份',
+      component: 'DatePicker',
       componentProps: {
-        ...getRangePickerDefaultProps(),
-        shortcuts: [],
-        // TODO @AI：这里有问题，只选择年份
         type: 'year',
         format: 'YYYY',
+        valueFormat: 'YYYY',
       },
-      defaultValue: [
-        formatDate(
-          beginOfDay(new Date(new Date().getFullYear(), 0, 1)),
-          'YYYY-MM-DD HH:mm:ss',
-        ),
-        formatDate(
-          endOfDay(new Date(new Date().getFullYear(), 11, 31)),
-          'YYYY-MM-DD HH:mm:ss',
-        ),
-      ],
+      defaultValue: new Date().getFullYear().toString(),
     },
     {
       fieldName: 'deptId',
diff --git a/apps/web-ele/src/views/crm/statistics/performance/index.vue b/apps/web-ele/src/views/crm/statistics/performance/index.vue
index e6434b7ae..8271ed776 100644
--- a/apps/web-ele/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-ele/src/views/crm/statistics/performance/index.vue
@@ -8,6 +8,7 @@ import { onMounted, ref } from 'vue';
 
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+import { beginOfDay, endOfDay, formatDate } from '@vben/utils';
 
 import { ElTabPane, ElTabs } from 'element-plus';
 
@@ -68,6 +69,17 @@ const [Grid, gridApi] = useVbenVxeGrid({
 async function handleTabChange(key: any) {
   activeTabName.value = key;
   const queryParams = (await formApi.getValues()) as any;
+  // 将年份转换为年初和年末的日期时间
+  const selectYear = Number.parseInt(queryParams.time);
+  queryParams.times = [];
+  queryParams.times[0] = formatDate(
+    beginOfDay(new Date(selectYear, 0, 1)),
+    'YYYY-MM-DD HH:mm:ss',
+  );
+  queryParams.times[1] = formatDate(
+    endOfDay(new Date(selectYear, 11, 31)),
+    'YYYY-MM-DD HH:mm:ss',
+  );
   let data: any[] = [];
   const columnsData: any[] = [];
   let tableData: any[] = [];

From b3b0ab83f9183caf3cb9a644a6d21f14e99a4b5c Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 09:49:27 +0800
Subject: [PATCH 27/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91=E5=85=AC=E6=B5=B7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E7=9A=84=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/customer/poolConfig/data.ts | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/apps/web-ele/src/views/crm/customer/poolConfig/data.ts b/apps/web-ele/src/views/crm/customer/poolConfig/data.ts
index 461ef0125..5fa6e264f 100644
--- a/apps/web-ele/src/views/crm/customer/poolConfig/data.ts
+++ b/apps/web-ele/src/views/crm/customer/poolConfig/data.ts
@@ -1,5 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
+import { z } from '#/adapter/form';
+
 export const schema: VbenFormSchema[] = [
   {
     component: 'RadioGroup',
@@ -13,35 +15,33 @@ export const schema: VbenFormSchema[] = [
     },
   },
   {
-    component: 'InputNumber',
+    component: 'Input',
     fieldName: 'contactExpireDays',
     componentProps: {
-      min: 0,
-      precision: 0,
-      controlsPosition: 'right',
+      placeholder: '请输入天数',
       class: '!w-full',
     },
     renderComponentContent: () => ({
-      addonAfter: () => '天不跟进或',
+      append: () => '天不跟进或',
     }),
+    rules: z.coerce.number().int().min(0, '天数不能小于 0'),
     dependencies: {
       triggerFields: ['enabled'],
       show: (value) => value.enabled,
     },
   },
   {
-    component: 'InputNumber',
+    component: 'Input',
     fieldName: 'dealExpireDays',
-    renderComponentContent: () => ({
-      addonBefore: () => '或',
-      addonAfter: () => '天未成交',
-    }),
     componentProps: {
-      min: 0,
-      precision: 0,
-      controlsPosition: 'right',
+      placeholder: '请输入天数',
       class: '!w-full',
     },
+    renderComponentContent: () => ({
+      prepend: () => '或',
+      append: () => '天未成交',
+    }),
+    rules: z.coerce.number().int().min(0, '天数不能小于 0'),
     dependencies: {
       triggerFields: ['enabled'],
       show: (value) => value.enabled,
@@ -64,18 +64,17 @@ export const schema: VbenFormSchema[] = [
     defaultValue: false,
   },
   {
-    component: 'InputNumber',
+    component: 'Input',
     fieldName: 'notifyDays',
     componentProps: {
-      min: 0,
-      precision: 0,
-      controlsPosition: 'right',
+      placeholder: '请输入天数',
       class: '!w-full',
     },
     renderComponentContent: () => ({
-      addonBefore: () => '提前',
-      addonAfter: () => '天提醒',
+      prepend: () => '提前',
+      append: () => '天提醒',
     }),
+    rules: z.coerce.number().int().min(0, '天数不能小于 0'),
     dependencies: {
       triggerFields: ['notifyEnabled'],
       show: (value) => value.enabled && value.notifyEnabled,

From 43f7a12b59d7e842c5afc9baf54513127ac34cf6 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 09:56:08 +0800
Subject: [PATCH 28/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91backlog=20=E8=BF=81=E7=A7=BB=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/crm/backlog/data.ts    | 102 ++++++++++++++
 apps/web-ele/src/views/crm/backlog/index.vue  | 115 ++++++++++++++++
 .../crm/backlog/modules/clue-follow-list.vue  |  79 +++++++++++
 .../backlog/modules/contract-audit-list.vue   | 124 +++++++++++++++++
 .../backlog/modules/contract-remind-list.vue  | 125 ++++++++++++++++++
 .../backlog/modules/customer-follow-list.vue  |  79 +++++++++++
 .../modules/customer-put-pool-remind-list.vue |  79 +++++++++++
 .../modules/customer-today-contact-list.vue   |  89 +++++++++++++
 .../backlog/modules/receivable-audit-list.vue | 106 +++++++++++++++
 .../modules/receivable-plan-remind-list.vue   | 104 +++++++++++++++
 10 files changed, 1002 insertions(+)
 create mode 100644 apps/web-ele/src/views/crm/backlog/data.ts
 create mode 100644 apps/web-ele/src/views/crm/backlog/index.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/contract-audit-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/contract-remind-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
 create mode 100644 apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue

diff --git a/apps/web-ele/src/views/crm/backlog/data.ts b/apps/web-ele/src/views/crm/backlog/data.ts
new file mode 100644
index 000000000..d0b66d13e
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/data.ts
@@ -0,0 +1,102 @@
+import type { Ref } from 'vue';
+
+export interface LeftSideItem {
+  name: string;
+  menu: string;
+  count: Ref<number>;
+}
+
+/** 跟进状态 */
+export const FOLLOWUP_STATUS = [
+  { label: '待跟进', value: false },
+  { label: '已跟进', value: true },
+];
+
+/** 归属范围 */
+export const SCENE_TYPES = [
+  { label: '我负责的', value: 1 },
+  { label: '我参与的', value: 2 },
+  { label: '下属负责的', value: 3 },
+];
+
+/** 联系状态 */
+export const CONTACT_STATUS = [
+  { label: '今日需联系', value: 1 },
+  { label: '已逾期', value: 2 },
+  { label: '已联系', value: 3 },
+];
+
+/** 审批状态 */
+export const AUDIT_STATUS = [
+  { label: '待审批', value: 10 },
+  { label: '审核通过', value: 20 },
+  { label: '审核不通过', value: 30 },
+];
+
+/** 回款提醒类型 */
+export const RECEIVABLE_REMIND_TYPE = [
+  { label: '待回款', value: 1 },
+  { label: '已逾期', value: 2 },
+  { label: '已回款', value: 3 },
+];
+
+/** 合同过期状态 */
+export const CONTRACT_EXPIRY_TYPE = [
+  { label: '即将过期', value: 1 },
+  { label: '已过期', value: 2 },
+];
+
+/** 左侧菜单 */
+export const useLeftSides = (
+  customerTodayContactCount: Ref<number>,
+  clueFollowCount: Ref<number>,
+  customerFollowCount: Ref<number>,
+  customerPutPoolRemindCount: Ref<number>,
+  contractAuditCount: Ref<number>,
+  contractRemindCount: Ref<number>,
+  receivableAuditCount: Ref<number>,
+  receivablePlanRemindCount: Ref<number>,
+): LeftSideItem[] => {
+  return [
+    {
+      name: '今日需联系客户',
+      menu: 'customerTodayContact',
+      count: customerTodayContactCount,
+    },
+    {
+      name: '分配给我的线索',
+      menu: 'clueFollow',
+      count: clueFollowCount,
+    },
+    {
+      name: '分配给我的客户',
+      menu: 'customerFollow',
+      count: customerFollowCount,
+    },
+    {
+      name: '待进入公海的客户',
+      menu: 'customerPutPoolRemind',
+      count: customerPutPoolRemindCount,
+    },
+    {
+      name: '待审核合同',
+      menu: 'contractAudit',
+      count: contractAuditCount,
+    },
+    {
+      name: '待审核回款',
+      menu: 'receivableAudit',
+      count: receivableAuditCount,
+    },
+    {
+      name: '待回款提醒',
+      menu: 'receivablePlanRemind',
+      count: receivablePlanRemindCount,
+    },
+    {
+      name: '即将到期的合同',
+      menu: 'contractRemind',
+      count: contractRemindCount,
+    },
+  ];
+};
diff --git a/apps/web-ele/src/views/crm/backlog/index.vue b/apps/web-ele/src/views/crm/backlog/index.vue
new file mode 100644
index 000000000..7e85c2d5d
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/index.vue
@@ -0,0 +1,115 @@
+<script lang="ts" setup>
+import { computed, onActivated, onMounted, ref } from 'vue';
+
+import { Page } from '@vben/common-ui';
+
+import { ElBadge, ElCard } from 'element-plus';
+
+import { getFollowClueCount } from '#/api/crm/clue';
+import {
+  getAuditContractCount,
+  getRemindContractCount,
+} from '#/api/crm/contract';
+import {
+  getFollowCustomerCount,
+  getPutPoolRemindCustomerCount,
+  getTodayContactCustomerCount,
+} from '#/api/crm/customer';
+import { getAuditReceivableCount } from '#/api/crm/receivable';
+import { getReceivablePlanRemindCount } from '#/api/crm/receivable/plan';
+
+import { useLeftSides } from './data';
+import ClueFollowList from './modules/clue-follow-list.vue';
+import ContractAuditList from './modules/contract-audit-list.vue';
+import ContractRemindList from './modules/contract-remind-list.vue';
+import CustomerFollowList from './modules/customer-follow-list.vue';
+import CustomerPutPoolRemindList from './modules/customer-put-pool-remind-list.vue';
+import CustomerTodayContactList from './modules/customer-today-contact-list.vue';
+import ReceivableAuditList from './modules/receivable-audit-list.vue';
+import ReceivablePlanRemindList from './modules/receivable-plan-remind-list.vue';
+
+const leftMenu = ref('customerTodayContact');
+
+const clueFollowCount = ref(0);
+const customerFollowCount = ref(0);
+const customerPutPoolRemindCount = ref(0);
+const customerTodayContactCount = ref(0);
+const contractAuditCount = ref(0);
+const contractRemindCount = ref(0);
+const receivableAuditCount = ref(0);
+const receivablePlanRemindCount = ref(0);
+
+const leftSides = useLeftSides(
+  customerTodayContactCount,
+  clueFollowCount,
+  customerFollowCount,
+  customerPutPoolRemindCount,
+  contractAuditCount,
+  contractRemindCount,
+  receivableAuditCount,
+  receivablePlanRemindCount,
+);
+
+const currentComponent = computed(() => {
+  const components = {
+    customerTodayContact: CustomerTodayContactList,
+    clueFollow: ClueFollowList,
+    contractAudit: ContractAuditList,
+    receivableAudit: ReceivableAuditList,
+    contractRemind: ContractRemindList,
+    customerFollow: CustomerFollowList,
+    customerPutPoolRemind: CustomerPutPoolRemindList,
+    receivablePlanRemind: ReceivablePlanRemindList,
+  } as const;
+  return components[leftMenu.value as keyof typeof components];
+});
+
+/** 侧边点击 */
+function sideClick(item: { menu: string }) {
+  leftMenu.value = item.menu;
+}
+
+/** 获取数量 */
+async function getCount() {
+  customerTodayContactCount.value = await getTodayContactCustomerCount();
+  customerPutPoolRemindCount.value = await getPutPoolRemindCustomerCount();
+  customerFollowCount.value = await getFollowCustomerCount();
+  clueFollowCount.value = await getFollowClueCount();
+  contractAuditCount.value = await getAuditContractCount();
+  contractRemindCount.value = await getRemindContractCount();
+  receivableAuditCount.value = await getAuditReceivableCount();
+  receivablePlanRemindCount.value = await getReceivablePlanRemindCount();
+}
+
+/** 激活时 */
+onActivated(() => {
+  getCount();
+});
+
+/** 初始化 */
+onMounted(() => {
+  getCount();
+});
+</script>
+<template>
+  <Page auto-content-height>
+    <div class="flex h-full w-full">
+      <ElCard class="w-1/5">
+        <div v-for="item in leftSides" :key="item.menu">
+          <div
+            class="cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center justify-between px-4 py-3 border-b"
+            @click="sideClick(item)"
+          >
+            <div>{{ item.name }}</div>
+            <ElBadge
+              v-if="item.count.value > 0"
+              :value="item.count.value"
+              :type="item.menu === leftMenu ? 'primary' : 'danger'"
+            />
+          </div>
+        </div>
+      </ElCard>
+      <component class="ml-4 w-4/5" :is="currentComponent" />
+    </div>
+  </Page>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue b/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
new file mode 100644
index 000000000..3a4841c1e
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
@@ -0,0 +1,79 @@
+<!-- 分配给我的线索 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmClueApi } from '#/api/crm/clue';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getCluePage } from '#/api/crm/clue';
+import { useGridColumns } from '#/views/crm/clue/data';
+
+import { FOLLOWUP_STATUS } from '../data';
+
+const { push } = useRouter();
+
+/** 打开线索详情 */
+function handleDetail(row: CrmClueApi.Clue) {
+  push({ name: 'CrmClueDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'followUpStatus',
+        label: '状态',
+        component: 'RadioGroup',
+        componentProps: {
+          allowClear: true,
+          options: FOLLOWUP_STATUS,
+        },
+        defaultValue: false,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCluePage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            transformStatus: false,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmClueApi.Clue>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)">{{
+        row.name
+      }}</ElButton>
+    </template>
+    <template #actions="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)"
+        >查看详情</ElButton
+      >
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/contract-audit-list.vue b/apps/web-ele/src/views/crm/backlog/modules/contract-audit-list.vue
new file mode 100644
index 000000000..5e4631c96
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/contract-audit-list.vue
@@ -0,0 +1,124 @@
+<!-- 待审核合同 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getContractPage } from '#/api/crm/contract';
+import { useGridColumns } from '#/views/crm/contract/data';
+
+import { AUDIT_STATUS } from '../data';
+
+const { push } = useRouter();
+
+/** 查看审批 */
+function handleProcessDetail(row: CrmContractApi.Contract) {
+  push({
+    name: 'BpmProcessInstanceDetail',
+    query: { id: row.processInstanceId },
+  });
+}
+
+/** 打开合同详情 */
+function handleContractDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContractDetail', params: { id: row.id } });
+}
+/** 打开客户详情 */
+function handleCustomerDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+/** 打开联系人详情 */
+function handleContactDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContactDetail', params: { id: row.id } });
+}
+
+/** 打开商机详情 */
+function handleBusinessDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'auditStatus',
+        label: '合同状态',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: AUDIT_STATUS,
+        },
+        defaultValue: AUDIT_STATUS[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getContractPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: 1, // 我负责的
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContractApi.Contract>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleContractDetail(row)">
+        {{ row.name }}
+      </ElButton>
+    </template>
+    <template #customerName="{ row }">
+      <ElButton type="primary" link @click="handleCustomerDetail(row)">
+        {{ row.customerName }}
+      </ElButton>
+    </template>
+    <template #businessName="{ row }">
+      <ElButton type="primary" link @click="handleBusinessDetail(row)">
+        {{ row.businessName }}
+      </ElButton>
+    </template>
+    <template #contactName="{ row }">
+      <ElButton type="primary" link @click="handleContactDetail(row)">
+        {{ row.contactName }}
+      </ElButton>
+    </template>
+    <template #actions="{ row }">
+      <TableAction
+        :actions="[
+          {
+            label: '查看审批',
+            type: 'primary',
+            link: true,
+            icon: ACTION_ICON.VIEW,
+            onClick: handleProcessDetail.bind(null, row),
+          },
+        ]"
+      />
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/contract-remind-list.vue b/apps/web-ele/src/views/crm/backlog/modules/contract-remind-list.vue
new file mode 100644
index 000000000..e35662ce9
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/contract-remind-list.vue
@@ -0,0 +1,125 @@
+<!-- 即将到期的合同 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmContractApi } from '#/api/crm/contract';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getContractPage } from '#/api/crm/contract';
+import { useGridColumns } from '#/views/crm/contract/data';
+
+import { CONTRACT_EXPIRY_TYPE } from '../data';
+
+const { push } = useRouter();
+
+/** 查看审批 */
+function handleProcessDetail(row: CrmContractApi.Contract) {
+  push({
+    name: 'BpmProcessInstanceDetail',
+    query: { id: row.processInstanceId },
+  });
+}
+
+/** 打开合同详情 */
+function handleContractDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContractDetail', params: { id: row.id } });
+}
+
+/** 打开客户详情 */
+function handleCustomerDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+/** 打开联系人详情 */
+function handleContactDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmContactDetail', params: { id: row.id } });
+}
+
+/** 打开商机详情 */
+function handleBusinessDetail(row: CrmContractApi.Contract) {
+  push({ name: 'CrmBusinessDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'expiryType',
+        label: '到期状态',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: CONTRACT_EXPIRY_TYPE,
+        },
+        defaultValue: CONTRACT_EXPIRY_TYPE[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getContractPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: 1, // 自己负责的
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmContractApi.Contract>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleContractDetail(row)">
+        {{ row.name }}
+      </ElButton>
+    </template>
+    <template #customerName="{ row }">
+      <ElButton type="primary" link @click="handleCustomerDetail(row)">
+        {{ row.customerName }}
+      </ElButton>
+    </template>
+    <template #businessName="{ row }">
+      <ElButton type="primary" link @click="handleBusinessDetail(row)">
+        {{ row.businessName }}
+      </ElButton>
+    </template>
+    <template #signContactName="{ row }">
+      <ElButton type="primary" link @click="handleContactDetail(row)">
+        {{ row.signContactName }}
+      </ElButton>
+    </template>
+    <template #actions="{ row }">
+      <TableAction
+        :actions="[
+          {
+            label: '查看审批',
+            type: 'primary',
+            link: true,
+            auth: ['crm:contract:update'],
+            onClick: handleProcessDetail.bind(null, row),
+          },
+        ]"
+      />
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
new file mode 100644
index 000000000..292d3106d
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
@@ -0,0 +1,79 @@
+<!-- 分配给我的客户 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getCustomerPage } from '#/api/crm/customer';
+import { useGridColumns } from '#/views/crm/customer/data';
+
+import { FOLLOWUP_STATUS } from '../data';
+
+const { push } = useRouter();
+
+/** 打开客户详情 */
+function handleDetail(row: CrmCustomerApi.Customer) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'followUpStatus',
+        label: '状态',
+        component: 'RadioGroup',
+        componentProps: {
+          allowClear: true,
+          options: FOLLOWUP_STATUS,
+        },
+        defaultValue: false,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            sceneType: 1,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerApi.Customer>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)">{{
+        row.name
+      }}</ElButton>
+    </template>
+    <template #actions="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)"
+        >查看详情</ElButton
+      >
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
new file mode 100644
index 000000000..42fc3881e
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
@@ -0,0 +1,79 @@
+<!-- 待进入公海的客户 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getCustomerPage } from '#/api/crm/customer';
+import { useGridColumns } from '#/views/crm/customer/data';
+
+import { SCENE_TYPES } from '../data';
+
+const { push } = useRouter();
+
+/** 打开客户详情 */
+function handleDetail(row: CrmCustomerApi.Customer) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'sceneType',
+        label: '归属',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: SCENE_TYPES,
+        },
+        defaultValue: SCENE_TYPES[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            pool: true, // 固定 公海参数为 true
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerApi.Customer>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)">{{
+        row.name
+      }}</ElButton>
+    </template>
+    <template #actions="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)"
+        >查看详情</ElButton
+      >
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
new file mode 100644
index 000000000..9ed859690
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
@@ -0,0 +1,89 @@
+<!-- 今日需联系客户 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmCustomerApi } from '#/api/crm/customer';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getCustomerPage } from '#/api/crm/customer';
+import { useGridColumns } from '#/views/crm/customer/data';
+
+import { CONTACT_STATUS, SCENE_TYPES } from '../data';
+
+const { push } = useRouter();
+
+/** 打开客户详情 */
+function handleDetail(row: CrmCustomerApi.Customer) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.id } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'contactStatus',
+        label: '状态',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: CONTACT_STATUS,
+        },
+        defaultValue: CONTACT_STATUS[0]!.value,
+      },
+      {
+        fieldName: 'sceneType',
+        label: '归属',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: SCENE_TYPES,
+        },
+        defaultValue: SCENE_TYPES[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getCustomerPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            pool: null, // 是否公海数据
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmCustomerApi.Customer>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #name="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)">{{
+        row.name
+      }}</ElButton>
+    </template>
+    <template #actions="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)"
+        >查看详情</ElButton
+      >
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue b/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
new file mode 100644
index 000000000..2aeb8910f
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
@@ -0,0 +1,106 @@
+<!-- 待审核回款 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmReceivableApi } from '#/api/crm/receivable';
+
+import { useRouter } from 'vue-router';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getReceivablePage } from '#/api/crm/receivable';
+import { useGridColumns } from '#/views/crm/receivable/data';
+
+import { AUDIT_STATUS } from '../data';
+
+const { push } = useRouter();
+
+/** 查看审批 */
+function handleProcessDetail(row: CrmReceivableApi.Receivable) {
+  push({
+    name: 'BpmProcessInstanceDetail',
+    query: { id: row.processInstanceId },
+  });
+}
+
+/** 打开回款详情 */
+function handleDetail(row: CrmReceivableApi.Receivable) {
+  push({ name: 'CrmReceivableDetail', params: { id: row.id } });
+}
+
+/** 打开客户详情 */
+function handleCustomerDetail(row: CrmReceivableApi.Receivable) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+/** 打开合同详情 */
+function handleContractDetail(row: CrmReceivableApi.Receivable) {
+  push({ name: 'CrmContractDetail', params: { id: row.contractId } });
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'auditStatus',
+        label: '合同状态',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: AUDIT_STATUS,
+        },
+        defaultValue: AUDIT_STATUS[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getReceivablePage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmReceivableApi.Receivable>,
+});
+</script>
+
+<template>
+  <Grid>
+    <template #no="{ row }">
+      <ElButton type="primary" link @click="handleDetail(row)">
+        {{ row.no }}
+      </ElButton>
+    </template>
+    <template #customerName="{ row }">
+      <ElButton type="primary" link @click="handleCustomerDetail(row)">
+        {{ row.customerName }}
+      </ElButton>
+    </template>
+    <template #contractNo="{ row }">
+      <ElButton type="primary" link @click="handleContractDetail(row)">
+        {{ row.contractNo }}
+      </ElButton>
+    </template>
+    <template #actions="{ row }">
+      <ElButton type="primary" link @click="handleProcessDetail(row)"
+        >查看审批</ElButton
+      >
+    </template>
+  </Grid>
+</template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue b/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
new file mode 100644
index 000000000..37f76b458
--- /dev/null
+++ b/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
@@ -0,0 +1,104 @@
+<!-- 待回款提醒 -->
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { CrmReceivablePlanApi } from '#/api/crm/receivable/plan';
+
+import { useRouter } from 'vue-router';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { ElButton } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getReceivablePlanPage } from '#/api/crm/receivable/plan';
+import Form from '#/views/crm/receivable/modules/form.vue';
+import { useGridColumns } from '#/views/crm/receivable/plan/data';
+
+import { RECEIVABLE_REMIND_TYPE } from '../data';
+
+const { push } = useRouter();
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: Form,
+  destroyOnClose: true,
+});
+
+/** 打开回款详情 */
+function handleDetail(row: CrmReceivablePlanApi.Plan) {
+  push({ name: 'CrmReceivableDetail', params: { id: row.id } });
+}
+
+/** 打开客户详情 */
+function handleCustomerDetail(row: CrmReceivablePlanApi.Plan) {
+  push({ name: 'CrmCustomerDetail', params: { id: row.customerId } });
+}
+
+/** 创建回款 */
+function handleCreateReceivable(row: CrmReceivablePlanApi.Plan) {
+  formModalApi.setData({ plan: row }).open();
+}
+
+const [Grid] = useVbenVxeGrid({
+  formOptions: {
+    schema: [
+      {
+        fieldName: 'remindType',
+        label: '合同状态',
+        component: 'Select',
+        componentProps: {
+          allowClear: true,
+          options: RECEIVABLE_REMIND_TYPE,
+        },
+        defaultValue: RECEIVABLE_REMIND_TYPE[0]!.value,
+      },
+    ],
+  },
+  gridOptions: {
+    columns: useGridColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getReceivablePlanPage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isHover: true,
+    },
+    toolbarConfig: {
+      refresh: true,
+      search: true,
+    },
+  } as VxeTableGridOptions<CrmReceivablePlanApi.Plan>,
+});
+</script>
+
+<template>
+  <div>
+    <FormModal />
+    <Grid>
+      <template #customerName="{ row }">
+        <ElButton type="primary" link @click="handleCustomerDetail(row)">
+          {{ row.customerName }}
+        </ElButton>
+      </template>
+      <template #period="{ row }">
+        <ElButton type="primary" link @click="handleDetail(row)">{{
+          row.period
+        }}</ElButton>
+      </template>
+      <template #actions="{ row }">
+        <ElButton type="primary" link @click="handleCreateReceivable(row)">
+          创建回款
+        </ElButton>
+      </template>
+    </Grid>
+  </div>
+</template>

From 2144a1103b1b3fb4557f29c4d5487281e8fb8822 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:16:04 +0800
Subject: [PATCH 29/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90crm=E3=80=91backlog=20=E8=BF=81=E7=A7=BB=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/crm/backlog/index.vue         |  2 +-
 .../views/crm/backlog/modules/clue-follow-list.vue   | 12 ++++++------
 .../crm/backlog/modules/customer-follow-list.vue     | 12 ++++++------
 .../modules/customer-put-pool-remind-list.vue        | 12 ++++++------
 .../backlog/modules/customer-today-contact-list.vue  | 12 ++++++------
 .../crm/backlog/modules/receivable-audit-list.vue    |  6 +++---
 .../backlog/modules/receivable-plan-remind-list.vue  |  6 +++---
 7 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/apps/web-ele/src/views/crm/backlog/index.vue b/apps/web-ele/src/views/crm/backlog/index.vue
index 7e85c2d5d..fed22419c 100644
--- a/apps/web-ele/src/views/crm/backlog/index.vue
+++ b/apps/web-ele/src/views/crm/backlog/index.vue
@@ -97,7 +97,7 @@ onMounted(() => {
       <ElCard class="w-1/5">
         <div v-for="item in leftSides" :key="item.menu">
           <div
-            class="cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center justify-between px-4 py-3 border-b"
+            class="flex cursor-pointer items-center justify-between border-b px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-700"
             @click="sideClick(item)"
           >
             <div>{{ item.name }}</div>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue b/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
index 3a4841c1e..bd072ba70 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/clue-follow-list.vue
@@ -66,14 +66,14 @@ const [Grid] = useVbenVxeGrid({
 <template>
   <Grid>
     <template #name="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)">{{
-        row.name
-      }}</ElButton>
+      <ElButton type="primary" link @click="handleDetail(row)">
+        {{ row.name }}
+      </ElButton>
     </template>
     <template #actions="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)"
-        >查看详情</ElButton
-      >
+      <ElButton type="primary" link @click="handleDetail(row)">
+        查看详情
+      </ElButton>
     </template>
   </Grid>
 </template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
index 292d3106d..09ac5de3f 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-follow-list.vue
@@ -66,14 +66,14 @@ const [Grid] = useVbenVxeGrid({
 <template>
   <Grid>
     <template #name="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)">{{
-        row.name
-      }}</ElButton>
+      <ElButton type="primary" link @click="handleDetail(row)">
+        {{ row.name }}
+      </ElButton>
     </template>
     <template #actions="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)"
-        >查看详情</ElButton
-      >
+      <ElButton type="primary" link @click="handleDetail(row)">
+        查看详情
+      </ElButton>
     </template>
   </Grid>
 </template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
index 42fc3881e..15ac870f3 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
@@ -66,14 +66,14 @@ const [Grid] = useVbenVxeGrid({
 <template>
   <Grid>
     <template #name="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)">{{
-        row.name
-      }}</ElButton>
+      <ElButton type="primary" link @click="handleDetail(row)">
+        {{ row.name }}
+      </ElButton>
     </template>
     <template #actions="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)"
-        >查看详情</ElButton
-      >
+      <ElButton type="primary" link @click="handleDetail(row)">
+        查看详情
+      </ElButton>
     </template>
   </Grid>
 </template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue b/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
index 9ed859690..f1770d384 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/customer-today-contact-list.vue
@@ -76,14 +76,14 @@ const [Grid] = useVbenVxeGrid({
 <template>
   <Grid>
     <template #name="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)">{{
-        row.name
-      }}</ElButton>
+      <ElButton type="primary" link @click="handleDetail(row)">
+        {{ row.name }}
+      </ElButton>
     </template>
     <template #actions="{ row }">
-      <ElButton type="primary" link @click="handleDetail(row)"
-        >查看详情</ElButton
-      >
+      <ElButton type="primary" link @click="handleDetail(row)">
+        查看详情
+      </ElButton>
     </template>
   </Grid>
 </template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue b/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
index 2aeb8910f..d8f8d16d0 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/receivable-audit-list.vue
@@ -98,9 +98,9 @@ const [Grid] = useVbenVxeGrid({
       </ElButton>
     </template>
     <template #actions="{ row }">
-      <ElButton type="primary" link @click="handleProcessDetail(row)"
-        >查看审批</ElButton
-      >
+      <ElButton type="primary" link @click="handleProcessDetail(row)">
+        查看审批
+      </ElButton>
     </template>
   </Grid>
 </template>
diff --git a/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue b/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
index 37f76b458..7561331d2 100644
--- a/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
+++ b/apps/web-ele/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
@@ -90,9 +90,9 @@ const [Grid] = useVbenVxeGrid({
         </ElButton>
       </template>
       <template #period="{ row }">
-        <ElButton type="primary" link @click="handleDetail(row)">{{
-          row.period
-        }}</ElButton>
+        <ElButton type="primary" link @click="handleDetail(row)">
+          {{ row.period }}
+        </ElButton>
       </template>
       <template #actions="{ row }">
         <ElButton type="primary" link @click="handleCreateReceivable(row)">

From 1100626968c6ebb96f3c9dcd9297d4c752c6e759 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:21:31 +0800
Subject: [PATCH 30/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91InputNu?=
 =?UTF-8?q?mber=20=E8=A1=A5=E5=85=A8=20controlsPosition=E3=80=81class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/ai/chat/index/data.ts     |  9 ++++++---
 apps/web-ele/src/views/ai/model/model/data.ts    |  4 ++--
 .../views/mall/product/spu/modules/form-data.ts  |  6 ++++++
 .../src/views/mall/promotion/banner/data.ts      |  2 ++
 .../mall/promotion/bargain/activity/data.ts      | 16 ++++++++++++++++
 .../mall/promotion/combination/activity/data.ts  |  8 ++++++++
 .../views/mall/promotion/point/activity/data.ts  |  2 ++
 apps/web-ele/src/views/member/config/data.ts     |  9 ++++++---
 apps/web-ele/src/views/pay/app/data.ts           |  2 ++
 apps/web-ele/src/views/pay/demo/withdraw/data.ts |  2 ++
 .../src/views/pay/wallet/rechargePackage/data.ts |  4 ++++
 apps/web-ele/src/views/system/dict/data.ts       |  2 ++
 .../src/views/system/mail/account/data.ts        |  2 ++
 apps/web-ele/src/views/system/post/data.ts       |  2 ++
 apps/web-ele/src/views/system/tenant/data.ts     |  4 ++++
 15 files changed, 66 insertions(+), 8 deletions(-)

diff --git a/apps/web-ele/src/views/ai/chat/index/data.ts b/apps/web-ele/src/views/ai/chat/index/data.ts
index 8cc4ed6f3..b0bea7db4 100644
--- a/apps/web-ele/src/views/ai/chat/index/data.ts
+++ b/apps/web-ele/src/views/ai/chat/index/data.ts
@@ -42,10 +42,11 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         placeholder: '请输入温度参数',
-        class: 'w-full',
         precision: 2,
         min: 0,
         max: 2,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -55,9 +56,10 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         placeholder: '请输入回复数 Token 数',
-        class: 'w-full',
         min: 0,
         max: 8192,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -67,9 +69,10 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         placeholder: '请输入上下文数量',
-        class: 'w-full',
         min: 0,
         max: 20,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/ai/model/model/data.ts b/apps/web-ele/src/views/ai/model/model/data.ts
index 2d798bbdf..a29e31ae7 100644
--- a/apps/web-ele/src/views/ai/model/model/data.ts
+++ b/apps/web-ele/src/views/ai/model/model/data.ts
@@ -105,10 +105,10 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         placeholder: '请输入温度参数',
-        controlsPosition: 'right',
-        class: '!w-full',
         min: 0,
         max: 2,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       dependencies: {
         triggerFields: ['type'],
diff --git a/apps/web-ele/src/views/mall/product/spu/modules/form-data.ts b/apps/web-ele/src/views/mall/product/spu/modules/form-data.ts
index 28941341e..b8cf52008 100644
--- a/apps/web-ele/src/views/mall/product/spu/modules/form-data.ts
+++ b/apps/web-ele/src/views/mall/product/spu/modules/form-data.ts
@@ -237,6 +237,8 @@ export function useOtherFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: z.number().min(0).optional().default(0),
     },
@@ -246,6 +248,8 @@ export function useOtherFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: z.number().min(0).optional().default(0),
     },
@@ -255,6 +259,8 @@ export function useOtherFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: z.number().min(0).optional().default(0),
     },
diff --git a/apps/web-ele/src/views/mall/promotion/banner/data.ts b/apps/web-ele/src/views/mall/promotion/banner/data.ts
index fe053472c..ce9e51394 100644
--- a/apps/web-ele/src/views/mall/promotion/banner/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/banner/data.ts
@@ -62,6 +62,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 0,
         placeholder: '请输入排序',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
index 63039d6d0..ffd470215 100644
--- a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
@@ -56,6 +56,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入砍价起始价格',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -68,6 +70,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入砍价底价',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -78,6 +82,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 1,
         placeholder: '请输入活动库存',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -88,6 +94,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 1,
         placeholder: '请输入助力人数',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -98,6 +106,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 1,
         placeholder: '请输入砍价次数',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -108,6 +118,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         min: 1,
         placeholder: '请输入购买限制',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -120,6 +132,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入最小砍价金额',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
@@ -131,6 +145,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入最大砍价金额',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
   ];
diff --git a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
index 0a0794477..9e2ebbbd0 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
@@ -66,6 +66,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入用户数量',
         min: 2,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -76,6 +78,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入限制时长(小时)',
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -86,6 +90,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入总限购数量',
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
@@ -95,6 +101,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入单次限购数量',
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/mall/promotion/point/activity/data.ts b/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
index c85d45750..dcb750cbb 100644
--- a/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
@@ -31,6 +31,8 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入排序',
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/member/config/data.ts b/apps/web-ele/src/views/member/config/data.ts
index 7f168418c..7004d702f 100644
--- a/apps/web-ele/src/views/member/config/data.ts
+++ b/apps/web-ele/src/views/member/config/data.ts
@@ -23,8 +23,9 @@ export const schema: VbenFormSchema[] = [
     componentProps: {
       min: 0,
       precision: 2,
-      class: 'w-full',
       placeholder: '请输入积分抵扣单价',
+      controlsPosition: 'right',
+      class: '!w-full',
     },
   },
   {
@@ -34,8 +35,9 @@ export const schema: VbenFormSchema[] = [
     help: '单次下单积分使用上限，0 不限制',
     componentProps: {
       min: 0,
-      class: 'w-full',
       placeholder: '请输入积分抵扣最大值',
+      controlsPosition: 'right',
+      class: '!w-full',
     },
   },
   {
@@ -45,8 +47,9 @@ export const schema: VbenFormSchema[] = [
     help: '下单支付金额按比例赠送积分（实际支付 1 元赠送多少积分）',
     componentProps: {
       min: 0,
-      class: 'w-full',
       placeholder: '请输入赠送积分比例',
+      controlsPosition: 'right',
+      class: '!w-full',
     },
   },
 ];
diff --git a/apps/web-ele/src/views/pay/app/data.ts b/apps/web-ele/src/views/pay/app/data.ts
index 063cd42ef..9204bac98 100644
--- a/apps/web-ele/src/views/pay/app/data.ts
+++ b/apps/web-ele/src/views/pay/app/data.ts
@@ -293,6 +293,8 @@ export function useChannelFormSchema(formType: string = ''): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入渠道费率',
         addonAfter: '%',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       defaultValue: 0,
     },
diff --git a/apps/web-ele/src/views/pay/demo/withdraw/data.ts b/apps/web-ele/src/views/pay/demo/withdraw/data.ts
index 8b2c1b547..d2622c0f5 100644
--- a/apps/web-ele/src/views/pay/demo/withdraw/data.ts
+++ b/apps/web-ele/src/views/pay/demo/withdraw/data.ts
@@ -33,6 +33,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入提现金额',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/pay/wallet/rechargePackage/data.ts b/apps/web-ele/src/views/pay/wallet/rechargePackage/data.ts
index 00d341e87..41caff6d1 100644
--- a/apps/web-ele/src/views/pay/wallet/rechargePackage/data.ts
+++ b/apps/web-ele/src/views/pay/wallet/rechargePackage/data.ts
@@ -37,6 +37,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入支付金额',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
@@ -49,6 +51,8 @@ export function useFormSchema(): VbenFormSchema[] {
         precision: 2,
         step: 0.01,
         placeholder: '请输入赠送金额',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/system/dict/data.ts b/apps/web-ele/src/views/system/dict/data.ts
index 70775d4e7..a8fe7c683 100644
--- a/apps/web-ele/src/views/system/dict/data.ts
+++ b/apps/web-ele/src/views/system/dict/data.ts
@@ -219,6 +219,8 @@ export function useDataFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         placeholder: '请输入显示排序',
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/system/mail/account/data.ts b/apps/web-ele/src/views/system/mail/account/data.ts
index 289c5f774..ce36cb0f5 100644
--- a/apps/web-ele/src/views/system/mail/account/data.ts
+++ b/apps/web-ele/src/views/system/mail/account/data.ts
@@ -62,6 +62,8 @@ export function useFormSchema(): VbenFormSchema[] {
         placeholder: '请输入 SMTP 服务器端口',
         min: 0,
         max: 65_535,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/system/post/data.ts b/apps/web-ele/src/views/system/post/data.ts
index d2d67e80e..90c2499c6 100644
--- a/apps/web-ele/src/views/system/post/data.ts
+++ b/apps/web-ele/src/views/system/post/data.ts
@@ -35,6 +35,8 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        controlsPosition: 'right',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/system/tenant/data.ts b/apps/web-ele/src/views/system/tenant/data.ts
index 94d005338..4f148fff3 100644
--- a/apps/web-ele/src/views/system/tenant/data.ts
+++ b/apps/web-ele/src/views/system/tenant/data.ts
@@ -81,6 +81,10 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '账号额度',
       fieldName: 'accountCount',
       component: 'InputNumber',
+      componentProps: {
+        controlsPosition: 'right',
+        class: '!w-full',
+      },
       rules: 'required',
     },
     {

From 6b1a054e1167a25ed27239303c004579f76bf029 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:25:47 +0800
Subject: [PATCH 31/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91DatePic?=
 =?UTF-8?q?ker=20=E8=A1=A5=E5=85=A8=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/crm/business/data.ts                    | 1 +
 apps/web-ele/src/views/crm/clue/data.ts                        | 1 +
 apps/web-ele/src/views/crm/contact/data.ts                     | 1 +
 apps/web-ele/src/views/crm/contract/data.ts                    | 3 +++
 apps/web-ele/src/views/crm/customer/data.ts                    | 1 +
 apps/web-ele/src/views/crm/receivable/data.ts                  | 1 +
 apps/web-ele/src/views/crm/receivable/plan/data.ts             | 1 +
 apps/web-ele/src/views/infra/demo/demo01/data.ts               | 1 +
 apps/web-ele/src/views/infra/demo/demo03/erp/data.ts           | 1 +
 apps/web-ele/src/views/infra/demo/demo03/inner/data.ts         | 1 +
 apps/web-ele/src/views/infra/demo/demo03/normal/data.ts        | 1 +
 apps/web-ele/src/views/infra/job/logger/data.ts                | 1 +
 apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts | 2 ++
 .../src/views/mall/promotion/combination/activity/data.ts      | 2 ++
 apps/web-ele/src/views/mall/promotion/discountActivity/data.ts | 2 ++
 apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts   | 2 ++
 apps/web-ele/src/views/member/user/data.ts                     | 1 +
 apps/web-ele/src/views/system/tenant/data.ts                   | 1 +
 18 files changed, 24 insertions(+)

diff --git a/apps/web-ele/src/views/crm/business/data.ts b/apps/web-ele/src/views/crm/business/data.ts
index 8055d34dd..93bcf41d7 100644
--- a/apps/web-ele/src/views/crm/business/data.ts
+++ b/apps/web-ele/src/views/crm/business/data.ts
@@ -101,6 +101,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
         placeholder: '请选择预计成交日期',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/clue/data.ts b/apps/web-ele/src/views/crm/clue/data.ts
index 23c5be2e7..fccd2bfde 100644
--- a/apps/web-ele/src/views/crm/clue/data.ts
+++ b/apps/web-ele/src/views/crm/clue/data.ts
@@ -143,6 +143,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
         placeholder: '请选择下次联系时间',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/contact/data.ts b/apps/web-ele/src/views/crm/contact/data.ts
index 69f602b12..c0d13b25a 100644
--- a/apps/web-ele/src/views/crm/contact/data.ts
+++ b/apps/web-ele/src/views/crm/contact/data.ts
@@ -165,6 +165,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
         placeholder: '请选择下次联系时间',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/contract/data.ts b/apps/web-ele/src/views/crm/contract/data.ts
index e271ee6b4..ba930cb0a 100644
--- a/apps/web-ele/src/views/crm/contract/data.ts
+++ b/apps/web-ele/src/views/crm/contract/data.ts
@@ -109,6 +109,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
@@ -118,6 +119,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
@@ -127,6 +129,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/customer/data.ts b/apps/web-ele/src/views/crm/customer/data.ts
index d7c53c348..a3fdcf403 100644
--- a/apps/web-ele/src/views/crm/customer/data.ts
+++ b/apps/web-ele/src/views/crm/customer/data.ts
@@ -155,6 +155,7 @@ export function useFormSchema(): VbenFormSchema[] {
         valueFormat: 'x',
         placeholder: '请选择下次联系时间',
         allowClear: true,
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/receivable/data.ts b/apps/web-ele/src/views/crm/receivable/data.ts
index adbbbd17e..d81d1474b 100644
--- a/apps/web-ele/src/views/crm/receivable/data.ts
+++ b/apps/web-ele/src/views/crm/receivable/data.ts
@@ -157,6 +157,7 @@ export function useFormSchema(): VbenFormSchema[] {
         placeholder: '请选择回款日期',
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/crm/receivable/plan/data.ts b/apps/web-ele/src/views/crm/receivable/plan/data.ts
index a5edc762a..50b67f68c 100644
--- a/apps/web-ele/src/views/crm/receivable/plan/data.ts
+++ b/apps/web-ele/src/views/crm/receivable/plan/data.ts
@@ -112,6 +112,7 @@ export function useFormSchema(): VbenFormSchema[] {
         placeholder: '请选择计划回款日期',
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
       defaultValue: new Date(),
     },
diff --git a/apps/web-ele/src/views/infra/demo/demo01/data.ts b/apps/web-ele/src/views/infra/demo/demo01/data.ts
index 8661af520..8c2466ef3 100644
--- a/apps/web-ele/src/views/infra/demo/demo01/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo01/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts b/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
index bf3a02651..25c9627f0 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/inner/data.ts b/apps/web-ele/src/views/infra/demo/demo03/inner/data.ts
index c20e20be3..e79cf78b1 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/inner/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo03/inner/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts b/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
index 74d449751..759f50a1b 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/infra/job/logger/data.ts b/apps/web-ele/src/views/infra/job/logger/data.ts
index f057f4893..d46b77347 100644
--- a/apps/web-ele/src/views/infra/job/logger/data.ts
+++ b/apps/web-ele/src/views/infra/job/logger/data.ts
@@ -36,6 +36,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
           format: 'HH:mm:ss',
           defaultValue: dayjs('00:00:00', 'HH:mm:ss'),
         },
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
index ffd470215..1dab0a941 100644
--- a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
@@ -33,6 +33,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'YYYY-MM-DD HH:mm:ss',
         placeholder: '请选择开始时间',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -44,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'YYYY-MM-DD HH:mm:ss',
         placeholder: '请选择结束时间',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
index 9e2ebbbd0..301ac3076 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
@@ -44,6 +44,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -56,6 +57,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts b/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
index e449efe7a..8de164a6a 100644
--- a/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
@@ -44,6 +44,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -56,6 +57,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         valueFormat: 'x',
         format: 'YYYY-MM-DD',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts b/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
index 598e0d1a4..410941928 100644
--- a/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
@@ -33,6 +33,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         valueFormat: 'x',
         format: 'YYYY-MM-DD HH:mm:ss',
+        class: '!w-full',
       },
       rules: 'required',
     },
@@ -45,6 +46,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         valueFormat: 'x',
         format: 'YYYY-MM-DD HH:mm:ss',
+        class: '!w-full',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/member/user/data.ts b/apps/web-ele/src/views/member/user/data.ts
index a9bf7b0fd..e157f3a41 100644
--- a/apps/web-ele/src/views/member/user/data.ts
+++ b/apps/web-ele/src/views/member/user/data.ts
@@ -79,6 +79,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
         placeholder: '请选择出生日期',
+        class: '!w-full',
       },
     },
     {
diff --git a/apps/web-ele/src/views/system/tenant/data.ts b/apps/web-ele/src/views/system/tenant/data.ts
index 4f148fff3..261a0417f 100644
--- a/apps/web-ele/src/views/system/tenant/data.ts
+++ b/apps/web-ele/src/views/system/tenant/data.ts
@@ -95,6 +95,7 @@ export function useFormSchema(): VbenFormSchema[] {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
         placeholder: '请选择过期时间',
+        class: '!w-full',
       },
       rules: 'required',
     },

From b67c24021c4923a7e8299b3bd80bc93489b0d65a Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:40:59 +0800
Subject: [PATCH 32/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd/ele=E3=80=91us?=
 =?UTF-8?q?eFormSchema=20=E7=9A=84=20placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/crm/contract/data.ts      |  3 +++
 apps/web-antd/src/views/crm/followup/data.ts      |  1 +
 .../src/views/crm/statistics/customer/data.ts     |  2 ++
 .../src/views/crm/statistics/funnel/data.ts       |  3 +++
 .../src/views/crm/statistics/performance/data.ts  |  2 ++
 .../src/views/crm/statistics/portrait/data.ts     |  1 +
 .../src/views/crm/statistics/rank/data.ts         |  1 +
 apps/web-antd/src/views/infra/demo/demo01/data.ts |  1 +
 .../src/views/infra/demo/demo03/erp/data.ts       |  1 +
 .../src/views/infra/demo/demo03/normal/data.ts    |  1 +
 .../src/views/system/social/client/data.ts        |  1 +
 apps/web-antd/src/views/system/tenant/data.ts     | 15 +++++++++++++++
 .../src/views/system/tenantPackage/data.ts        |  6 ++++++
 apps/web-antd/src/views/system/user/data.ts       |  9 +++++++++
 apps/web-ele/src/views/crm/contract/data.ts       |  3 +++
 apps/web-ele/src/views/crm/followup/data.ts       |  1 +
 .../src/views/crm/statistics/customer/data.ts     |  2 ++
 .../src/views/crm/statistics/funnel/data.ts       |  3 +++
 .../src/views/crm/statistics/performance/data.ts  |  2 ++
 .../src/views/crm/statistics/portrait/data.ts     |  1 +
 .../web-ele/src/views/crm/statistics/rank/data.ts |  1 +
 apps/web-ele/src/views/infra/demo/demo01/data.ts  |  1 +
 .../src/views/infra/demo/demo03/erp/data.ts       |  1 +
 .../src/views/infra/demo/demo03/normal/data.ts    |  1 +
 .../src/views/system/social/client/data.ts        |  1 +
 apps/web-ele/src/views/system/tenant/data.ts      | 13 +++++++++++++
 .../src/views/system/tenantPackage/data.ts        |  6 ++++++
 apps/web-ele/src/views/system/user/data.ts        |  9 +++++++++
 28 files changed, 92 insertions(+)

diff --git a/apps/web-antd/src/views/crm/contract/data.ts b/apps/web-antd/src/views/crm/contract/data.ts
index 63f2420cc..4289c6d1d 100644
--- a/apps/web-antd/src/views/crm/contract/data.ts
+++ b/apps/web-antd/src/views/crm/contract/data.ts
@@ -110,6 +110,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择下单日期',
       },
     },
     {
@@ -120,6 +121,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择合同开始时间',
       },
     },
     {
@@ -130,6 +132,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: false,
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择合同结束时间',
       },
     },
     {
diff --git a/apps/web-antd/src/views/crm/followup/data.ts b/apps/web-antd/src/views/crm/followup/data.ts
index 0c275ae0e..1cf26690c 100644
--- a/apps/web-antd/src/views/crm/followup/data.ts
+++ b/apps/web-antd/src/views/crm/followup/data.ts
@@ -50,6 +50,7 @@ export function useFormSchema(
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择下次联系时间',
       },
       rules: 'required',
     },
diff --git a/apps/web-antd/src/views/crm/statistics/customer/data.ts b/apps/web-antd/src/views/crm/statistics/customer/data.ts
index e7ce18634..a2ec49ecc 100644
--- a/apps/web-antd/src/views/crm/statistics/customer/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/customer/data.ts
@@ -74,6 +74,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
+        placeholder: '请选择时间间隔',
         options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
       },
       defaultValue: 2,
@@ -91,6 +92,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-antd/src/views/crm/statistics/funnel/data.ts b/apps/web-antd/src/views/crm/statistics/funnel/data.ts
index a10d4a42b..5dd93db19 100644
--- a/apps/web-antd/src/views/crm/statistics/funnel/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/funnel/data.ts
@@ -48,6 +48,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
+        placeholder: '请选择时间间隔',
         options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
       },
       defaultValue: 2,
@@ -65,6 +66,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
@@ -77,6 +79,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         allowClear: true,
         labelField: 'nickname',
         valueField: 'id',
+        placeholder: '请选择员工',
       },
     },
   ];
diff --git a/apps/web-antd/src/views/crm/statistics/performance/data.ts b/apps/web-antd/src/views/crm/statistics/performance/data.ts
index d3966c926..d95e4c9c1 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/performance/data.ts
@@ -34,6 +34,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         picker: 'year',
         format: 'YYYY',
         valueFormat: 'YYYY',
+        placeholder: '请选择年份',
       },
       defaultValue: new Date().getFullYear().toString(),
     },
@@ -50,6 +51,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-antd/src/views/crm/statistics/portrait/data.ts b/apps/web-antd/src/views/crm/statistics/portrait/data.ts
index 23657e933..18e22e767 100644
--- a/apps/web-antd/src/views/crm/statistics/portrait/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/portrait/data.ts
@@ -58,6 +58,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-antd/src/views/crm/statistics/rank/data.ts b/apps/web-antd/src/views/crm/statistics/rank/data.ts
index fdd7fa04e..b60d90dce 100644
--- a/apps/web-antd/src/views/crm/statistics/rank/data.ts
+++ b/apps/web-antd/src/views/crm/statistics/rank/data.ts
@@ -72,6 +72,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-antd/src/views/infra/demo/demo01/data.ts b/apps/web-antd/src/views/infra/demo/demo01/data.ts
index ec8ca5d02..3656a96f8 100644
--- a/apps/web-antd/src/views/infra/demo/demo01/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo01/data.ts
@@ -47,6 +47,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生年',
       },
     },
     {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts b/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
index f8acac72a..f33d20c9e 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
@@ -47,6 +47,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生日期',
       },
     },
     {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts b/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
index 583437d99..aaf2e5304 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
@@ -47,6 +47,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生日期',
       },
     },
     {
diff --git a/apps/web-antd/src/views/system/social/client/data.ts b/apps/web-antd/src/views/system/social/client/data.ts
index bbcd3c18b..15402d12a 100644
--- a/apps/web-antd/src/views/system/social/client/data.ts
+++ b/apps/web-antd/src/views/system/social/client/data.ts
@@ -36,6 +36,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         options: getDictOptions(DICT_TYPE.SYSTEM_SOCIAL_TYPE, 'number'),
+        placeholder: '请选择社交平台',
       },
       rules: 'required',
     },
diff --git a/apps/web-antd/src/views/system/tenant/data.ts b/apps/web-antd/src/views/system/tenant/data.ts
index d2a7dbf70..4fca673bc 100644
--- a/apps/web-antd/src/views/system/tenant/data.ts
+++ b/apps/web-antd/src/views/system/tenant/data.ts
@@ -28,6 +28,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '租户名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入租户名称',
+      },
       rules: 'required',
     },
     {
@@ -46,18 +49,27 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'contactName',
       label: '联系人',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入联系人',
+      },
       rules: 'required',
     },
     {
       fieldName: 'contactMobile',
       label: '联系手机',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入联系手机',
+      },
       rules: 'mobile',
     },
     {
       label: '用户名称',
       fieldName: 'username',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户名称',
+      },
       rules: 'required',
       dependencies: {
         triggerFields: ['id'],
@@ -78,6 +90,9 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '账号额度',
       fieldName: 'accountCount',
       component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入账号额度',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-antd/src/views/system/tenantPackage/data.ts b/apps/web-antd/src/views/system/tenantPackage/data.ts
index 7ac4e2899..a89b6a14d 100644
--- a/apps/web-antd/src/views/system/tenantPackage/data.ts
+++ b/apps/web-antd/src/views/system/tenantPackage/data.ts
@@ -22,6 +22,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '套餐名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入套餐名称',
+      },
       rules: 'required',
     },
     {
@@ -45,6 +48,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
     },
   ];
 }
diff --git a/apps/web-antd/src/views/system/user/data.ts b/apps/web-antd/src/views/system/user/data.ts
index fca5ddefd..fb9ea8fe8 100644
--- a/apps/web-antd/src/views/system/user/data.ts
+++ b/apps/web-antd/src/views/system/user/data.ts
@@ -28,6 +28,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'username',
       label: '用户名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户名称',
+      },
       rules: 'required',
     },
     {
@@ -44,6 +47,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'nickname',
       label: '用户昵称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户昵称',
+      },
       rules: 'required',
     },
     {
@@ -117,6 +123,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
     },
   ];
 }
diff --git a/apps/web-ele/src/views/crm/contract/data.ts b/apps/web-ele/src/views/crm/contract/data.ts
index ba930cb0a..db2ee86c0 100644
--- a/apps/web-ele/src/views/crm/contract/data.ts
+++ b/apps/web-ele/src/views/crm/contract/data.ts
@@ -109,6 +109,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择下单日期',
         class: '!w-full',
       },
     },
@@ -119,6 +120,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择合同开始时间',
         class: '!w-full',
       },
     },
@@ -129,6 +131,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         format: 'YYYY-MM-DD',
         valueFormat: 'x',
+        placeholder: '请选择合同结束时间',
         class: '!w-full',
       },
     },
diff --git a/apps/web-ele/src/views/crm/followup/data.ts b/apps/web-ele/src/views/crm/followup/data.ts
index aa0b83e5c..514a2d98d 100644
--- a/apps/web-ele/src/views/crm/followup/data.ts
+++ b/apps/web-ele/src/views/crm/followup/data.ts
@@ -50,6 +50,7 @@ export function useFormSchema(
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择下次联系时间',
         class: '!w-full',
       },
       rules: 'required',
diff --git a/apps/web-ele/src/views/crm/statistics/customer/data.ts b/apps/web-ele/src/views/crm/statistics/customer/data.ts
index e7ce18634..a2ec49ecc 100644
--- a/apps/web-ele/src/views/crm/statistics/customer/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/customer/data.ts
@@ -74,6 +74,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
+        placeholder: '请选择时间间隔',
         options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
       },
       defaultValue: 2,
@@ -91,6 +92,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-ele/src/views/crm/statistics/funnel/data.ts b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
index a10d4a42b..5dd93db19 100644
--- a/apps/web-ele/src/views/crm/statistics/funnel/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/funnel/data.ts
@@ -48,6 +48,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
+        placeholder: '请选择时间间隔',
         options: getDictOptions(DICT_TYPE.DATE_INTERVAL, 'number'),
       },
       defaultValue: 2,
@@ -65,6 +66,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
@@ -77,6 +79,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         allowClear: true,
         labelField: 'nickname',
         valueField: 'id',
+        placeholder: '请选择员工',
       },
     },
   ];
diff --git a/apps/web-ele/src/views/crm/statistics/performance/data.ts b/apps/web-ele/src/views/crm/statistics/performance/data.ts
index 42516fb82..ab86673ac 100644
--- a/apps/web-ele/src/views/crm/statistics/performance/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/performance/data.ts
@@ -34,6 +34,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         type: 'year',
         format: 'YYYY',
         valueFormat: 'YYYY',
+        placeholder: '请选择年份',
       },
       defaultValue: new Date().getFullYear().toString(),
     },
@@ -50,6 +51,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-ele/src/views/crm/statistics/portrait/data.ts b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
index 23657e933..18e22e767 100644
--- a/apps/web-ele/src/views/crm/statistics/portrait/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/portrait/data.ts
@@ -58,6 +58,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-ele/src/views/crm/statistics/rank/data.ts b/apps/web-ele/src/views/crm/statistics/rank/data.ts
index fdd7fa04e..b60d90dce 100644
--- a/apps/web-ele/src/views/crm/statistics/rank/data.ts
+++ b/apps/web-ele/src/views/crm/statistics/rank/data.ts
@@ -72,6 +72,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         valueField: 'id',
         childrenField: 'children',
         treeDefaultExpandAll: true,
+        placeholder: '请选择归属部门',
       },
       defaultValue: userStore.userInfo?.deptId,
     },
diff --git a/apps/web-ele/src/views/infra/demo/demo01/data.ts b/apps/web-ele/src/views/infra/demo/demo01/data.ts
index 8c2466ef3..d2242a83a 100644
--- a/apps/web-ele/src/views/infra/demo/demo01/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo01/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生年',
         class: '!w-full',
       },
     },
diff --git a/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts b/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
index 25c9627f0..63580aa17 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo03/erp/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生日期',
         class: '!w-full',
       },
     },
diff --git a/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts b/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
index 759f50a1b..ef76bdd2e 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
+++ b/apps/web-ele/src/views/infra/demo/demo03/normal/data.ts
@@ -45,6 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
         showTime: true,
         format: 'YYYY-MM-DD HH:mm:ss',
         valueFormat: 'x',
+        placeholder: '请选择出生日期',
         class: '!w-full',
       },
     },
diff --git a/apps/web-ele/src/views/system/social/client/data.ts b/apps/web-ele/src/views/system/social/client/data.ts
index 3290374ec..f7f15d6b3 100644
--- a/apps/web-ele/src/views/system/social/client/data.ts
+++ b/apps/web-ele/src/views/system/social/client/data.ts
@@ -36,6 +36,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         options: getDictOptions(DICT_TYPE.SYSTEM_SOCIAL_TYPE, 'number'),
+        placeholder: '请选择社交平台',
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/system/tenant/data.ts b/apps/web-ele/src/views/system/tenant/data.ts
index 261a0417f..54ac87792 100644
--- a/apps/web-ele/src/views/system/tenant/data.ts
+++ b/apps/web-ele/src/views/system/tenant/data.ts
@@ -28,6 +28,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '租户名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入租户名称',
+      },
       rules: 'required',
     },
     {
@@ -46,18 +49,27 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'contactName',
       label: '联系人',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入联系人',
+      },
       rules: 'required',
     },
     {
       fieldName: 'contactMobile',
       label: '联系手机',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入联系手机',
+      },
       rules: 'mobile',
     },
     {
       label: '用户名称',
       fieldName: 'username',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户名称',
+      },
       rules: 'required',
       dependencies: {
         triggerFields: ['id'],
@@ -82,6 +94,7 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'accountCount',
       component: 'InputNumber',
       componentProps: {
+        placeholder: '请输入账号额度',
         controlsPosition: 'right',
         class: '!w-full',
       },
diff --git a/apps/web-ele/src/views/system/tenantPackage/data.ts b/apps/web-ele/src/views/system/tenantPackage/data.ts
index d93f778c2..01f165e52 100644
--- a/apps/web-ele/src/views/system/tenantPackage/data.ts
+++ b/apps/web-ele/src/views/system/tenantPackage/data.ts
@@ -22,6 +22,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '套餐名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入套餐名称',
+      },
       rules: 'required',
     },
     {
@@ -43,6 +46,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
     },
   ];
 }
diff --git a/apps/web-ele/src/views/system/user/data.ts b/apps/web-ele/src/views/system/user/data.ts
index 43fc5e49a..98cf580dc 100644
--- a/apps/web-ele/src/views/system/user/data.ts
+++ b/apps/web-ele/src/views/system/user/data.ts
@@ -28,6 +28,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'username',
       label: '用户名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户名称',
+      },
       rules: 'required',
     },
     {
@@ -47,6 +50,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'nickname',
       label: '用户昵称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入用户昵称',
+      },
       rules: 'required',
     },
     {
@@ -116,6 +122,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
     },
   ];
 }

From b5adb74349801714895c91a484930a46e2f1ece2 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:44:49 +0800
Subject: [PATCH 33/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd/ele=E3=80=91us?=
 =?UTF-8?q?eFormSchema=20=E7=9A=84=20placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/member/group/data.ts  | 3 +++
 apps/web-antd/src/views/member/user/data.ts   | 3 +++
 apps/web-antd/src/views/system/notice/data.ts | 3 +++
 apps/web-antd/src/views/system/role/data.ts   | 9 +++++++++
 apps/web-ele/src/views/member/group/data.ts   | 3 +++
 apps/web-ele/src/views/member/user/data.ts    | 3 +++
 apps/web-ele/src/views/system/notice/data.ts  | 3 +++
 apps/web-ele/src/views/system/role/data.ts    | 9 +++++++++
 8 files changed, 36 insertions(+)

diff --git a/apps/web-antd/src/views/member/group/data.ts b/apps/web-antd/src/views/member/group/data.ts
index 7f8c1afcd..973dd09c8 100644
--- a/apps/web-antd/src/views/member/group/data.ts
+++ b/apps/web-antd/src/views/member/group/data.ts
@@ -21,6 +21,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '分组名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入分组名称',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-antd/src/views/member/user/data.ts b/apps/web-antd/src/views/member/user/data.ts
index 6849775ec..295b23e89 100644
--- a/apps/web-antd/src/views/member/user/data.ts
+++ b/apps/web-antd/src/views/member/user/data.ts
@@ -31,6 +31,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'mobile',
       label: '手机号',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机号',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-antd/src/views/system/notice/data.ts b/apps/web-antd/src/views/system/notice/data.ts
index 79c156c86..86109dbf5 100644
--- a/apps/web-antd/src/views/system/notice/data.ts
+++ b/apps/web-antd/src/views/system/notice/data.ts
@@ -21,6 +21,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'title',
       label: '公告标题',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入公告标题',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-antd/src/views/system/role/data.ts b/apps/web-antd/src/views/system/role/data.ts
index d9da8fa90..48630c86e 100644
--- a/apps/web-antd/src/views/system/role/data.ts
+++ b/apps/web-antd/src/views/system/role/data.ts
@@ -26,12 +26,18 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '角色名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色名称',
+      },
       rules: 'required',
     },
     {
       fieldName: 'code',
       label: '角色标识',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色标识',
+      },
       rules: 'required',
     },
     {
@@ -59,6 +65,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '角色备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入角色备注',
+      },
     },
   ];
 }
diff --git a/apps/web-ele/src/views/member/group/data.ts b/apps/web-ele/src/views/member/group/data.ts
index 862be6abc..75b8b3da5 100644
--- a/apps/web-ele/src/views/member/group/data.ts
+++ b/apps/web-ele/src/views/member/group/data.ts
@@ -21,6 +21,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '分组名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入分组名称',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-ele/src/views/member/user/data.ts b/apps/web-ele/src/views/member/user/data.ts
index e157f3a41..d64a178f2 100644
--- a/apps/web-ele/src/views/member/user/data.ts
+++ b/apps/web-ele/src/views/member/user/data.ts
@@ -31,6 +31,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'mobile',
       label: '手机号',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入手机号',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-ele/src/views/system/notice/data.ts b/apps/web-ele/src/views/system/notice/data.ts
index 62bf81bf5..1746f6915 100644
--- a/apps/web-ele/src/views/system/notice/data.ts
+++ b/apps/web-ele/src/views/system/notice/data.ts
@@ -21,6 +21,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'title',
       label: '公告标题',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入公告标题',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-ele/src/views/system/role/data.ts b/apps/web-ele/src/views/system/role/data.ts
index aa17fef4c..2d1ecb04d 100644
--- a/apps/web-ele/src/views/system/role/data.ts
+++ b/apps/web-ele/src/views/system/role/data.ts
@@ -26,12 +26,18 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '角色名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色名称',
+      },
       rules: 'required',
     },
     {
       fieldName: 'code',
       label: '角色标识',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色标识',
+      },
       rules: 'required',
     },
     {
@@ -59,6 +65,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '角色备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入角色备注',
+      },
     },
   ];
 }

From 07cb707e8219773515a96edef52e9ace01d09294 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 10:52:29 +0800
Subject: [PATCH 34/34] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd/ele=E3=80=91us?=
 =?UTF-8?q?eFormSchema=20=E7=9A=84=20placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/ai/model/chatRole/data.ts      |  6 ++++++
 .../src/views/mall/promotion/seckill/config/data.ts    |  3 +++
 .../src/views/mall/trade/brokerage/user/data.ts        |  9 +++++++++
 apps/web-antd/src/views/system/post/data.ts            | 10 ++++++++++
 apps/web-ele/src/views/ai/model/chatRole/data.ts       |  6 ++++++
 .../src/views/mall/promotion/seckill/config/data.ts    |  3 +++
 .../src/views/mall/trade/brokerage/user/data.ts        |  9 +++++++++
 apps/web-ele/src/views/system/post/data.ts             | 10 ++++++++++
 8 files changed, 56 insertions(+)

diff --git a/apps/web-antd/src/views/ai/model/chatRole/data.ts b/apps/web-antd/src/views/ai/model/chatRole/data.ts
index 28f809ca9..81ea7e7c1 100644
--- a/apps/web-antd/src/views/ai/model/chatRole/data.ts
+++ b/apps/web-antd/src/views/ai/model/chatRole/data.ts
@@ -191,11 +191,17 @@ export function useGridFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '角色名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色名称',
+      },
     },
     {
       fieldName: 'category',
       label: '角色类别',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色类别',
+      },
     },
     {
       fieldName: 'publicStatus',
diff --git a/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts b/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
index cd9ffa8b3..87c25edeb 100644
--- a/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
@@ -20,6 +20,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '秒杀时段名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入秒杀时段名称',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-antd/src/views/mall/trade/brokerage/user/data.ts b/apps/web-antd/src/views/mall/trade/brokerage/user/data.ts
index 58ff07082..2200d2c71 100644
--- a/apps/web-antd/src/views/mall/trade/brokerage/user/data.ts
+++ b/apps/web-antd/src/views/mall/trade/brokerage/user/data.ts
@@ -160,12 +160,18 @@ export function useCreateFormSchema(): VbenFormSchema[] {
       fieldName: 'userId',
       label: '分销员编号',
       component: 'InputSearch',
+      componentProps: {
+        placeholder: '请输入分销员编号',
+      },
       rules: 'required',
     },
     {
       fieldName: 'bindUserId',
       label: '上级推广员编号',
       component: 'InputSearch',
+      componentProps: {
+        placeholder: '请输入上级推广员编号',
+      },
       rules: 'required',
     },
   ];
@@ -178,6 +184,9 @@ export function useUpdateFormSchema(): VbenFormSchema[] {
       fieldName: 'bindUserId',
       label: '上级推广员编号',
       component: 'InputSearch',
+      componentProps: {
+        placeholder: '请输入上级推广员编号',
+      },
       rules: 'required',
     },
   ];
diff --git a/apps/web-antd/src/views/system/post/data.ts b/apps/web-antd/src/views/system/post/data.ts
index 43e746522..2d1715389 100644
--- a/apps/web-antd/src/views/system/post/data.ts
+++ b/apps/web-antd/src/views/system/post/data.ts
@@ -21,12 +21,18 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Input',
       fieldName: 'name',
       label: '岗位名称',
+      componentProps: {
+        placeholder: '请输入岗位名称',
+      },
       rules: 'required',
     },
     {
       component: 'Input',
       fieldName: 'code',
       label: '岗位编码',
+      componentProps: {
+        placeholder: '请输入岗位编码',
+      },
       rules: 'required',
     },
     {
@@ -35,6 +41,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        placeholder: '请输入显示顺序',
       },
       rules: 'required',
     },
@@ -53,6 +60,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '岗位备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入岗位备注',
+      },
     },
   ];
 }
diff --git a/apps/web-ele/src/views/ai/model/chatRole/data.ts b/apps/web-ele/src/views/ai/model/chatRole/data.ts
index 21dc394de..ab7022777 100644
--- a/apps/web-ele/src/views/ai/model/chatRole/data.ts
+++ b/apps/web-ele/src/views/ai/model/chatRole/data.ts
@@ -189,11 +189,17 @@ export function useGridFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '角色名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色名称',
+      },
     },
     {
       fieldName: 'category',
       label: '角色类别',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入角色类别',
+      },
     },
     {
       fieldName: 'publicStatus',
diff --git a/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts b/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
index 4674984ae..85a7bf4cc 100644
--- a/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
@@ -20,6 +20,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'name',
       label: '秒杀时段名称',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入秒杀时段名称',
+      },
       rules: 'required',
     },
     {
diff --git a/apps/web-ele/src/views/mall/trade/brokerage/user/data.ts b/apps/web-ele/src/views/mall/trade/brokerage/user/data.ts
index 12d01cc0a..903935b9a 100644
--- a/apps/web-ele/src/views/mall/trade/brokerage/user/data.ts
+++ b/apps/web-ele/src/views/mall/trade/brokerage/user/data.ts
@@ -160,12 +160,18 @@ export function useCreateFormSchema(): VbenFormSchema[] {
       fieldName: 'userId',
       label: '分销员编号',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入分销员编号',
+      },
       rules: 'required',
     },
     {
       fieldName: 'bindUserId',
       label: '上级推广员编号',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入上级推广员编号',
+      },
       rules: 'required',
     },
   ];
@@ -178,6 +184,9 @@ export function useUpdateFormSchema(): VbenFormSchema[] {
       fieldName: 'bindUserId',
       label: '上级推广员编号',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入上级推广员编号',
+      },
       rules: 'required',
     },
   ];
diff --git a/apps/web-ele/src/views/system/post/data.ts b/apps/web-ele/src/views/system/post/data.ts
index 90c2499c6..d9c94a363 100644
--- a/apps/web-ele/src/views/system/post/data.ts
+++ b/apps/web-ele/src/views/system/post/data.ts
@@ -21,12 +21,18 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Input',
       fieldName: 'name',
       label: '岗位名称',
+      componentProps: {
+        placeholder: '请输入岗位名称',
+      },
       rules: 'required',
     },
     {
       component: 'Input',
       fieldName: 'code',
       label: '岗位编码',
+      componentProps: {
+        placeholder: '请输入岗位编码',
+      },
       rules: 'required',
     },
     {
@@ -35,6 +41,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
+        placeholder: '请输入显示顺序',
         controlsPosition: 'right',
         class: '!w-full',
       },
@@ -53,6 +60,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '岗位备注',
       component: 'Textarea',
+      componentProps: {
+        placeholder: '请输入岗位备注',
+      },
     },
   ];
 }