chore(deps): bump the non-breaking-changes group with 3 updates

Bumps the non-breaking-changes group with 3 updates: [@changesets/cli](https://github.com/changesets/changesets), [vue](https://github.com/vuejs/core) and [@vue/shared](https://github.com/vuejs/core/tree/HEAD/packages/shared). Updates `@changesets/cli` from 2.27.8 to 2.27.9 - [Release notes](https://github.com/changesets/changesets/releases) - [Changelog](https://github.com/changesets/changesets/blob/main/docs/modifying-changelog-format.md) - [Commits](https://github.com/changesets/changesets/compare/@changesets/cli@2.27.8...@changesets/cli@2.27.9) Updates `vue` from 3.5.10 to 3.5.11 - [Release notes](https://github.com/vuejs/core/releases) - [Changelog](https://github.com/vuejs/core/blob/main/CHANGELOG.md) - [Commits](https://github.com/vuejs/core/compare/v3.5.10...v3.5.11) Updates `@vue/shared` from 3.5.10 to 3.5.11 - [Release notes](https://github.com/vuejs/core/releases) - [Changelog](https://github.com/vuejs/core/blob/main/CHANGELOG.md) - [Commits](https://github.com/vuejs/core/commits/v3.5.11/packages/shared) --- updated-dependencies: - dependency-name: "@changesets/cli" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: non-breaking-changes - dependency-name: vue dependency-type: direct:production update-type: version-update:semver-patch dependency-group: non-breaking-changes - dependency-name: "@vue/shared" dependency-type: direct:production update-type: version-update:semver-patch dependency-group: non-breaking-changes ... Signed-off-by: dependabot[bot] <support@github.com>
2024-10-03 19:55:01 +00:00
81 changed files with 398 additions and 2739 deletions
--- a/apps/backend-mock/api/table/list.ts
+++ b/apps/backend-mock/api/table/list.ts
@ -1,48 +0,0 @@
-import { faker } from '@faker-js/faker';
-import { verifyAccessToken } from '~/utils/jwt-utils';
-import { unAuthorizedResponse } 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 } = getQuery(event);
-  return usePageResponseSuccess(page as string, pageSize as string, mockData);
-});
--- a/apps/backend-mock/package.json
+++ b/apps/backend-mock/package.json
@ -10,7 +10,6 @@
    "start": "nitro dev"
  },
  "dependencies": {
-    "@faker-js/faker": "catalog:",
    "jsonwebtoken": "catalog:",
    "nitropack": "catalog:"
  },
--- a/apps/backend-mock/utils/response.ts
+++ b/apps/backend-mock/utils/response.ts
@ -9,27 +9,6 @@ export function useResponseSuccess<T = any>(data: T) {
  };
 }

-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,
@ -48,18 +27,3 @@ export function unAuthorizedResponse(event: H3Event<EventHandlerRequest>) {
  setResponseStatus(event, 401);
  return useResponseError('UnauthorizedException', '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));
-}
--- a/apps/web-antd/src/adapter/index.ts
+++ b/apps/web-antd/src/adapter/index.ts
@ -1,2 +1 @@
 export * from './form';
-export * from './vxe-table';
--- a/apps/web-antd/src/adapter/vxe-table.ts
+++ b/apps/web-antd/src/adapter/vxe-table.ts
@ -1,59 +0,0 @@
-import { h } from 'vue';
-
-import { setupVbenVxeTable, useVbenVxeGrid } from '@vben/plugins/vxe-table';
-
-import { Button, Image } from 'ant-design-vue';
-
-import { useVbenForm } from './form';
-
-setupVbenVxeTable({
-  configVxeTable: (vxeUI) => {
-    vxeUI.setConfig({
-      grid: {
-        align: 'center',
-        border: true,
-        minHeight: 180,
-        proxyConfig: {
-          autoLoad: true,
-          response: {
-            result: 'items',
-            total: 'total',
-            list: 'items',
-          },
-          showActiveMsg: true,
-          showResponseMsg: false,
-        },
-        round: true,
-        size: 'small',
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellImage' },
-    vxeUI.renderer.add('CellImage', {
-      renderDefault(_renderOpts, params) {
-        const { column, row } = params;
-        return h(Image, { src: row[column.field] });
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellLink' },
-    vxeUI.renderer.add('CellLink', {
-      renderDefault(renderOpts) {
-        const { props } = renderOpts;
-        return h(
-          Button,
-          { size: 'small', type: 'link' },
-          { default: () => props?.text },
-        );
-      },
-    });
-
-    // 这里可以自行扩展 vxe-table 的全局配置，比如自定义格式化
-    // vxeUI.formats.add
-  },
-  useVbenForm,
-});
-
-export { useVbenVxeGrid };
-
-export type * from '@vben/plugins/vxe-table';
--- a/apps/web-ele/src/adapter/index.ts
+++ b/apps/web-ele/src/adapter/index.ts
@ -1,2 +1 @@
 export * from './form';
-export * from './vxe-table';
--- a/apps/web-ele/src/adapter/vxe-table.ts
+++ b/apps/web-ele/src/adapter/vxe-table.ts
@ -1,60 +0,0 @@
-import { h } from 'vue';
-
-import { setupVbenVxeTable, useVbenVxeGrid } from '@vben/plugins/vxe-table';
-
-import { ElButton, ElImage } from 'element-plus';
-
-import { useVbenForm } from './form';
-
-setupVbenVxeTable({
-  configVxeTable: (vxeUI) => {
-    vxeUI.setConfig({
-      grid: {
-        align: 'center',
-        border: true,
-        minHeight: 180,
-        proxyConfig: {
-          autoLoad: true,
-          response: {
-            result: 'items',
-            total: 'total',
-            list: 'items',
-          },
-          showActiveMsg: true,
-          showResponseMsg: false,
-        },
-        round: true,
-        size: 'small',
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellImage' },
-    vxeUI.renderer.add('CellImage', {
-      renderDefault(_renderOpts, params) {
-        const { column, row } = params;
-        const src = row[column.field];
-        return h(ElImage, { src, previewSrcList: [src] });
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellLink' },
-    vxeUI.renderer.add('CellLink', {
-      renderDefault(renderOpts) {
-        const { props } = renderOpts;
-        return h(
-          ElButton,
-          { size: 'small', link: true },
-          { default: () => props?.text },
-        );
-      },
-    });
-
-    // 这里可以自行扩展 vxe-table 的全局配置，比如自定义格式化
-    // vxeUI.formats.add
-  },
-  useVbenForm,
-});
-
-export { useVbenVxeGrid };
-
-export type * from '@vben/plugins/vxe-table';
--- a/apps/web-naive/src/adapter/index.ts
+++ b/apps/web-naive/src/adapter/index.ts
@ -1,3 +1,2 @@
 export * from './form';
 export * from './naive';
-export * from './vxe-table';
--- a/apps/web-naive/src/adapter/vxe-table.ts
+++ b/apps/web-naive/src/adapter/vxe-table.ts
@ -1,59 +0,0 @@
-import { h } from 'vue';
-
-import { setupVbenVxeTable, useVbenVxeGrid } from '@vben/plugins/vxe-table';
-
-import { NButton, NImage } from 'naive-ui';
-
-import { useVbenForm } from './form';
-
-setupVbenVxeTable({
-  configVxeTable: (vxeUI) => {
-    vxeUI.setConfig({
-      grid: {
-        align: 'center',
-        border: true,
-        minHeight: 180,
-        proxyConfig: {
-          autoLoad: true,
-          response: {
-            result: 'items',
-            total: 'total',
-            list: 'items',
-          },
-          showActiveMsg: true,
-          showResponseMsg: false,
-        },
-        round: true,
-        size: 'small',
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellImage' },
-    vxeUI.renderer.add('CellImage', {
-      renderDefault(_renderOpts, params) {
-        const { column, row } = params;
-        return h(NImage, { src: row[column.field] });
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellLink' },
-    vxeUI.renderer.add('CellLink', {
-      renderDefault(renderOpts) {
-        const { props } = renderOpts;
-        return h(
-          NButton,
-          { size: 'small', type: 'primary', quaternary: true },
-          { default: () => props?.text },
-        );
-      },
-    });
-
-    // 这里可以自行扩展 vxe-table 的全局配置，比如自定义格式化
-    // vxeUI.formats.add
-  },
-  useVbenForm,
-});
-
-export { useVbenVxeGrid };
-
-export type * from '@vben/plugins/vxe-table';
--- a/cspell.json
+++ b/cspell.json
@ -19,7 +19,6 @@
    "intlify",
    "mkdist",
    "mockjs",
-    "vitejs",
    "noopener",
    "noreferrer",
    "nprogress",
--- a/docs/package.json
+++ b/docs/package.json
@ -13,7 +13,9 @@
  "dependencies": {
    "@vben-core/shadcn-ui": "workspace:*",
    "@vben/common-ui": "workspace:*",
+    "@vben/hooks": "workspace:*",
    "@vben/locales": "workspace:*",
+    "@vben/preferences": "workspace:*",
    "@vben/styles": "workspace:*",
    "ant-design-vue": "catalog:",
    "lucide-vue-next": "catalog:",
--- a/docs/src/components/common-ui/vben-form.md
+++ b/docs/src/components/common-ui/vben-form.md
@ -267,7 +267,6 @@ useVbenForm 返回的第二个参数，是一个对象，包含了一些表单
 | submitButtonOptions | 提交按钮组件参数 | `ActionButtonOptions` | - |
 | showDefaultActions | 是否显示默认操作按钮 | `boolean` | `true` |
 | collapsed | 是否折叠，在`是否展开，在showCollapseButton=true`时生效 | `boolean` | `false` |
-| collapseTriggerResize | 折叠时，触发`resize`事件 | `boolean` | `false` |
 | collapsedRows | 折叠时保持的行数 | `number` | `1` |
 | commonConfig | 表单项的通用配置，每个配置都会传递到每个表单项，表单项可覆盖 | `FormCommonConfig` | - |
 | schema | 表单项的每一项配置 | `FormSchema` | - |
--- a/internal/tailwind-config/src/index.ts
+++ b/internal/tailwind-config/src/index.ts
@ -91,10 +91,7 @@ const customColors = {
  main: {
    DEFAULT: 'hsl(var(--main))',
  },
-  overlay: {
-    content: 'hsl(var(--overlay-content))',
-    DEFAULT: 'hsl(var(--overlay))',
-  },
+  overlay: 'hsl(var(--overlay))',
  red: {
    ...createColorsPalette('red'),
    foreground: 'hsl(var(--destructive-foreground))',
--- a/internal/vite-config/package.json
+++ b/internal/vite-config/package.json
@ -53,7 +53,6 @@
    "vite": "catalog:",
    "vite-plugin-compression": "catalog:",
    "vite-plugin-dts": "catalog:",
-    "vite-plugin-html": "catalog:",
-    "vite-plugin-lazy-import": "catalog:"
+    "vite-plugin-html": "catalog:"
  }
 }
--- a/internal/vite-config/src/config/application.ts
+++ b/internal/vite-config/src/config/application.ts
@ -47,7 +47,6 @@ function defineApplicationConfig(userConfigPromise?: DefineApplicationOptions) {
      },
      pwa: true,
      pwaOptions: getDefaultPwaOptions(appTitle),
-      vxeTableLazyImport: true,
      ...envConfig,
      ...application,
    });
--- a/internal/vite-config/src/plugins/index.ts
+++ b/internal/vite-config/src/plugins/index.ts
@ -26,7 +26,6 @@ import { viteMetadataPlugin } from './inject-metadata';
 import { viteLicensePlugin } from './license';
 import { viteNitroMockPlugin } from './nitro-mock';
 import { vitePrintPlugin } from './print';
-import { viteVxeTableImportsPlugin } from './vxe-table';

 /**
 * 获取条件成立的 vite 插件
@ -111,7 +110,6 @@ async function loadApplicationPlugins(
    printInfoMap,
    pwa,
    pwaOptions,
-    vxeTableLazyImport,
    ...commonOptions
  } = options;

@ -137,12 +135,6 @@ async function loadApplicationPlugins(
        return [await vitePrintPlugin({ infoMap: printInfoMap })];
      },
    },
-    {
-      condition: vxeTableLazyImport,
-      plugins: async () => {
-        return [await viteVxeTableImportsPlugin()];
-      },
-    },
    {
      condition: nitroMock,
      plugins: async () => {
--- a/internal/vite-config/src/plugins/vxe-table.ts
+++ b/internal/vite-config/src/plugins/vxe-table.ts
@ -1,20 +0,0 @@
-import type { PluginOption } from 'vite';
-
-import { lazyImport, VxeResolver } from 'vite-plugin-lazy-import';
-
-async function viteVxeTableImportsPlugin(): Promise<PluginOption> {
-  return [
-    lazyImport({
-      resolvers: [
-        VxeResolver({
-          libraryName: 'vxe-table',
-        }),
-        VxeResolver({
-          libraryName: 'vxe-pc-ui',
-        }),
-      ],
-    }),
-  ];
-}
-
-export { viteVxeTableImportsPlugin };
--- a/internal/vite-config/src/typing.ts
+++ b/internal/vite-config/src/typing.ts
@ -123,8 +123,6 @@ interface ApplicationPluginOptions extends CommonPluginOptions {
  pwa?: boolean;
  /** pwa 插件配置 */
  pwaOptions?: Partial<PwaPluginOptions>;
-  /** 是否开启vxe-table懒加载 */
-  vxeTableLazyImport?: boolean;
 }

 interface LibraryPluginOptions extends CommonPluginOptions {
--- a/package.json
+++ b/package.json
@ -110,7 +110,7 @@
      "@ctrl/tinycolor": "4.1.0",
      "clsx": "2.1.1",
      "pinia": "2.2.2",
-      "vue": "3.5.10"
+      "vue": "3.5.11"
    },
    "neverBuiltDependencies": [
      "canvas",
--- a/packages/@core/base/design/src/design-tokens/dark/index.css
+++ b/packages/@core/base/design/src/design-tokens/dark/index.css
@ -79,7 +79,6 @@

  /* 遮罩颜色 */
  --overlay: 0deg 0% 0% / 40%;
-  --overlay-content: 0deg 0% 0% / 40%;

  /* 基本文字大小 */
  --font-size-base: 16px;
--- a/packages/@core/base/design/src/design-tokens/default/index.css
+++ b/packages/@core/base/design/src/design-tokens/default/index.css
@ -79,7 +79,7 @@

  /* 遮罩颜色 */
  --overlay: 0 0% 0% / 45%;
-  --overlay-content: 0 0% 95% / 45%;
+  --overlay-light: 0 0% 95% / 45%;

  /* 基本文字大小 */
  --font-size-base: 16px;
--- a/packages/@core/base/icons/build.config.ts
+++ b/packages/@core/base/icons/build.config.ts
@ -3,19 +3,5 @@ import { defineBuildConfig } from 'unbuild';
 export default defineBuildConfig({
  clean: true,
  declaration: true,
-  entries: [
-    {
-      builder: 'mkdist',
-      input: './src',
-      loaders: ['vue'],
-      pattern: ['**/*.vue'],
-    },
-    {
-      builder: 'mkdist',
-      format: 'esm',
-      input: './src',
-      loaders: ['js'],
-      pattern: ['**/*.ts'],
-    },
-  ],
+  entries: ['src/index'],
 });
--- a/packages/@core/base/icons/src/components/empty.vue
+++ b/packages/@core/base/icons/src/components/empty.vue
@ -1,27 +0,0 @@
-<template>
-  <svg
-    height="41"
-    viewBox="0 0 64 41"
-    width="64"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g fill="none" fill-rule="evenodd" transform="translate(0 1)">
-      <ellipse
-        cx="32"
-        cy="33"
-        fill="hsl(var(--background-deep))"
-        rx="32"
-        ry="7"
-      />
-      <g fill-rule="nonzero" stroke="hsl(var(--heavy))">
-        <path
-          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-        />
-        <path
-          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-          fill="hsl(var(--accent))"
-        />
-      </g>
-    </g>
-  </svg>
-</template>
--- a/packages/@core/base/icons/src/index.ts
+++ b/packages/@core/base/icons/src/index.ts
@ -1,5 +1,4 @@
-export { default as EmptyIcon } from './components/empty.vue';
 export * from './create-icon';
-
 export * from './lucide';
+
 export * from '@iconify/vue';
--- a/packages/@core/base/shared/src/constants/globals.ts
+++ b/packages/@core/base/shared/src/constants/globals.ts
@ -1,11 +1,9 @@
-/** layout content 组件的高度 */
+/**
+ * @zh_CN 布局内容高度 css变量
+ * @en_US Layout content height
+ */
 export const CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT = `--vben-content-height`;
-/** layout content 组件的宽度 */
 export const CSS_VARIABLE_LAYOUT_CONTENT_WIDTH = `--vben-content-width`;
-/** layout header 组件的高度 */
-export const CSS_VARIABLE_LAYOUT_HEADER_HEIGHT = `--vben-header-height`;
-/** layout footer 组件的高度 */
-export const CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT = `--vben-footer-height`;

 /**
 * @zh_CN 默认命名空间
--- a/packages/@core/base/shared/src/utils/dom.ts
+++ b/packages/@core/base/shared/src/utils/dom.ts
@ -85,11 +85,3 @@ export function needsScrollbar() {
  // 在其他情况下，根据 scrollHeight 和 innerHeight 比较判断
  return doc.scrollHeight > window.innerHeight;
 }
-
-export function triggerWindowResize(): void {
-  // 创建一个新的 resize 事件
-  const resizeEvent = new Event('resize');
-
-  // 触发 window 的 resize 事件
-  window.dispatchEvent(resizeEvent);
-}
--- a/packages/@core/composables/src/index.ts
+++ b/packages/@core/composables/src/index.ts
@ -1,5 +1,5 @@
+export * from './use-content-style';
 export * from './use-is-mobile';
-export * from './use-layout-style';
 export * from './use-namespace';
 export * from './use-priority-value';
 export * from './use-scroll-lock';
--- a/packages/@core/composables/src/use-content-style.ts
+++ b/packages/@core/composables/src/use-content-style.ts
@ -4,8 +4,6 @@ import { computed, onMounted, onUnmounted, ref } from 'vue';
 import {
  CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT,
  CSS_VARIABLE_LAYOUT_CONTENT_WIDTH,
-  CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT,
-  CSS_VARIABLE_LAYOUT_HEADER_HEIGHT,
 } from '@vben-core/shared/constants';
 import {
  getElementVisibleRect,
@ -17,7 +15,7 @@ import { useCssVar, useDebounceFn } from '@vueuse/core';
 /**
 * @zh_CN content style
 */
-export function useLayoutContentStyle() {
+function useContentStyle() {
  let resizeObserver: null | ResizeObserver = null;
  const contentElement = ref<HTMLDivElement | null>(null);
  const visibleDomRect = ref<null | VisibleDomRect>(null);
@ -42,7 +40,7 @@ export function useLayoutContentStyle() {
      contentHeight.value = `${visibleDomRect.value.height}px`;
      contentWidth.value = `${visibleDomRect.value.width}px`;
    },
-    16,
+    100,
  );

  onMounted(() => {
@ -60,28 +58,4 @@ export function useLayoutContentStyle() {
  return { contentElement, overlayStyle, visibleDomRect };
 }

-export function useLayoutHeaderStyle() {
-  const headerHeight = useCssVar(CSS_VARIABLE_LAYOUT_HEADER_HEIGHT);
-
-  return {
-    getLayoutHeaderHeight: () => {
-      return Number.parseInt(`${headerHeight.value}`, 10);
-    },
-    setLayoutHeaderHeight: (height: number) => {
-      headerHeight.value = `${height}px`;
-    },
-  };
-}
-
-export function useLayoutFooterStyle() {
-  const footerHeight = useCssVar(CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT);
-
-  return {
-    getLayoutFooterHeight: () => {
-      return Number.parseInt(`${footerHeight.value}`, 10);
-    },
-    setLayoutFooterHeight: (height: number) => {
-      footerHeight.value = `${height}px`;
-    },
-  };
-}
+export { useContentStyle };
--- a/packages/@core/preferences/tests/snapshots/config.test.ts.snap
+++ b/packages/@core/preferences/tests/snapshots/config.test.ts.snap
@ -39,7 +39,7 @@ exports[`defaultPreferences immutability test > should not modify the config obj
    "icpLink": "",
  },
  "footer": {
-    "enable": false,
+    "enable": true,
    "fixed": false,
  },
  "header": {
--- a/packages/@core/preferences/src/config.ts
+++ b/packages/@core/preferences/src/config.ts
@ -39,7 +39,7 @@ const defaultPreferences: Preferences = {
    icpLink: '',
  },
  footer: {
-    enable: false,
+    enable: true,
    fixed: false,
  },
  header: {
--- a/packages/@core/preferences/src/use-preferences.ts
+++ b/packages/@core/preferences/src/use-preferences.ts
@ -28,10 +28,6 @@ function usePreferences() {
    return isDarkTheme(preferences.theme.mode);
  });

-  const locale = computed(() => {
-    return preferences.app.locale;
-  });
-
  const isMobile = computed(() => {
    return appPreferences.value.isMobile;
  });
@ -222,7 +218,6 @@ function usePreferences() {
    isSideNav,
    keepAlive,
    layout,
-    locale,
    preferencesButtonPosition,
    sidebarCollapsed,
    theme,
--- a/packages/@core/ui-kit/form-ui/tests/form-api.test.ts
+++ b/packages/@core/ui-kit/form-ui/tests/form-api.test.ts
@ -109,7 +109,7 @@ describe('formApi', () => {
  });

  it('should unmount form and reset state', () => {
-    formApi.unmount();
+    formApi.unmounted();
    expect(formApi.isMounted).toBe(false);
  });

--- a/packages/@core/ui-kit/form-ui/src/components/form-actions.vue
+++ b/packages/@core/ui-kit/form-ui/src/components/form-actions.vue
@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, toRaw, unref, watch } from 'vue';
+import { computed, toRaw, unref } from 'vue';

 import { useSimpleLocale } from '@vben-core/composables';
 import { VbenExpandableArrow } from '@vben-core/shadcn-ui';
-import { cn, isFunction, triggerWindowResize } from '@vben-core/shared/utils';
+import { cn, isFunction } from '@vben-core/shared/utils';

 import { COMPONENT_MAP } from '../config';
 import { injectFormProps } from '../use-form-context';
@ -65,16 +65,6 @@ async function handleReset(e: Event) {
    form.resetForm();
  }
 }
-
-watch(
-  () => collapsed.value,
-  () => {
-    const props = unref(rootProps);
-    if (props.collapseTriggerResize) {
-      triggerWindowResize();
-    }
-  },
-);
 </script>
 <template>
  <div
--- a/packages/@core/ui-kit/form-ui/src/form-api.ts
+++ b/packages/@core/ui-kit/form-ui/src/form-api.ts
@ -24,11 +24,9 @@ function getDefaultState(): VbenFormProps {
    actionWrapperClass: '',
    collapsed: false,
    collapsedRows: 1,
-    collapseTriggerResize: false,
    commonConfig: {},
    handleReset: undefined,
    handleSubmit: undefined,
-    handleValuesChange: undefined,
    layout: 'horizontal',
    resetButtonOptions: {},
    schema: [],
@ -251,7 +249,7 @@ export class FormApi {
    return rawValues;
  }

-  unmount() {
+  unmounted() {
    // this.state = null;
    this.isMounted = false;
    this.stateHandler.reset();
--- a/packages/@core/ui-kit/form-ui/src/types.ts
+++ b/packages/@core/ui-kit/form-ui/src/types.ts
@ -244,11 +244,6 @@ export interface FormRenderProps<
   * @default 1
   */
  collapsedRows?: number;
-  /**
-   * 是否触发resize事件
-   * @default false
-   */
-  collapseTriggerResize?: boolean;
  /**
   * 表单项通用后备配置，当子项目没配置时使用这里的配置，子项目配置优先级高于此配置
   */
@ -307,10 +302,6 @@ export interface VbenFormProps<
   * 表单提交回调
   */
  handleSubmit?: HandleSubmitFn;
-  /**
-   * 表单值变化回调
-   */
-  handleValuesChange?: (values: Record<string, any>) => void;
  /**
   * 重置按钮参数
   */
--- a/packages/@core/ui-kit/form-ui/src/use-vben-form.ts
+++ b/packages/@core/ui-kit/form-ui/src/use-vben-form.ts
@ -24,7 +24,7 @@ export function useVbenForm<
  const Form = defineComponent(
    (props: VbenFormProps, { attrs, slots }) => {
      onBeforeUnmount(() => {
-        api.unmount();
+        api.unmounted();
      });
      return () =>
        h(VbenUseForm, { ...props, ...attrs, formApi: extendedApi }, slots);
--- a/packages/@core/ui-kit/form-ui/src/vben-use-form.vue
+++ b/packages/@core/ui-kit/form-ui/src/vben-use-form.vue
@ -1,10 +1,7 @@
 <script setup lang="ts">
 import type { ExtendedFormApi, VbenFormProps } from './types';

-// import { toRaw, watch } from 'vue';
-
 import { useForwardPriorityValues } from '@vben-core/composables';
-// import { isFunction } from '@vben-core/shared/utils';

 import FormActions from './components/form-actions.vue';
 import {
@ -34,18 +31,6 @@ props.formApi?.mount?.(form);
 const handleUpdateCollapsed = (value: boolean) => {
  props.formApi?.setState({ collapsed: !!value });
 };
-// if (isFunction(forward.value.handleValuesChange)) {
-//   watch(
-//     () => form.values,
-//     (val) => {
-//       forward.value.handleValuesChange?.(toRaw(val));
-//     },
-//     {
-//       deep: true,
-//       immediate: true,
-//     },
-//   );
-// }
 </script>

 <template>
--- a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
+++ b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
@ -4,7 +4,7 @@ import type { ContentCompactType } from '@vben-core/typings';
 import type { CSSProperties } from 'vue';
 import { computed } from 'vue';

-import { useLayoutContentStyle } from '@vben-core/composables';
+import { useContentStyle } from '@vben-core/composables';
 import { Slot } from '@vben-core/shadcn-ui';

 interface Props {
@ -25,7 +25,7 @@ interface Props {

 const props = withDefaults(defineProps<Props>(), {});

-const { contentElement, overlayStyle } = useLayoutContentStyle();
+const { contentElement, overlayStyle } = useContentStyle();

 const style = computed((): CSSProperties => {
  const {
--- a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
+++ b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
@ -4,11 +4,7 @@ import type { VbenLayoutProps } from './vben-layout';
 import type { CSSProperties } from 'vue';
 import { computed, ref, watch } from 'vue';

-import {
-  SCROLL_FIXED_CLASS,
-  useLayoutFooterStyle,
-  useLayoutHeaderStyle,
-} from '@vben-core/composables';
+import { SCROLL_FIXED_CLASS } from '@vben-core/composables';
 import { Menu } from '@vben-core/icons';
 import { VbenIconButton } from '@vben-core/shadcn-ui';

@ -78,9 +74,6 @@ const {
  y: scrollY,
 } = useScroll(document);

-const { setLayoutHeaderHeight } = useLayoutHeaderStyle();
-const { setLayoutFooterHeight } = useLayoutFooterStyle();
-
 const { y: mouseY } = useMouse({ target: contentRef, type: 'client' });

 const {
@ -363,26 +356,6 @@ watch(
  },
 );

-watch(
-  [() => headerWrapperHeight.value, () => isFullContent.value],
-  ([height]) => {
-    setLayoutHeaderHeight(isFullContent.value ? 0 : height);
-  },
-  {
-    immediate: true,
-  },
-);
-
-watch(
-  () => props.footerHeight,
-  (height: number) => {
-    setLayoutFooterHeight(height);
-  },
-  {
-    immediate: true,
-  },
-);
-
 {
  const mouseMove = () => {
    mouseY.value > headerWrapperHeight.value
--- a/packages/@core/ui-kit/menu-ui/build.config.ts
+++ b/packages/@core/ui-kit/menu-ui/build.config.ts
@ -15,6 +15,13 @@ export default defineBuildConfig({
      loaders: ['vue'],
      pattern: ['**/*.vue'],
    },
+    // {
+    //   builder: 'mkdist',
+    //   format: 'cjs',
+    //   input: './src',
+    //   loaders: ['js'],
+    //   pattern: ['**/*.ts'],
+    // },
    {
      builder: 'mkdist',
      format: 'esm',
--- a/packages/@core/ui-kit/shadcn-ui/build.config.ts
+++ b/packages/@core/ui-kit/shadcn-ui/build.config.ts
@ -16,6 +16,13 @@ export default defineBuildConfig({
      loaders: ['vue'],
      pattern: ['**/*.vue'],
    },
+    // {
+    //   builder: 'mkdist',
+    //   format: 'cjs',
+    //   input: './src',
+    //   loaders: ['js'],
+    //   pattern: ['**/*.ts'],
+    // },
    {
      builder: 'mkdist',
      format: 'esm',
--- a/packages/@core/ui-kit/shadcn-ui/src/components/pagination/pagination.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/pagination/pagination.vue
@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, watch } from 'vue';
+import { computed } from 'vue';

 import { cn } from '@vben-core/shared/utils';

@ -32,13 +32,10 @@ const {
  showRowsPerPage = true,
  showTotalText = true,
  siblingCount = 1,
-  size = 'small',
+  size = 'default',
  total = 500,
 } = defineProps<Props>();

-const emit = defineEmits<{
-  pageChange: [currentPage: number, pageSize: number];
-}>();
 const currentPage = defineModel<number>('currentPage', { default: 1 });
 const itemPerPage = defineModel<number>('itemPerPage', { default: 20 });

@ -56,13 +53,6 @@ const options = computed(() => {
 function handleUpdateModelValue(value: string) {
  itemPerPage.value = Number(value);
 }
-
-watch(
-  [() => itemPerPage.value, () => currentPage.value],
-  ([itemPerPage, currentPage]) => {
-    emit('pageChange', currentPage, itemPerPage);
-  },
-);
 </script>

 <template>
--- a/packages/@core/ui-kit/shadcn-ui/src/components/spinner/loading.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/spinner/loading.vue
@ -69,7 +69,7 @@ function onTransitionEnd() {
  <div
    :class="
      cn(
-        'z-100 dark:bg-overlay bg-overlay-content pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center transition-all duration-500',
+        'z-100 dark:bg-overlay pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center bg-[hsl(var(--overlay-light))] transition-all duration-500',
        {
          'invisible opacity-0': !showSpinner,
        },
--- a/packages/@core/ui-kit/shadcn-ui/src/components/spinner/spinner.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/spinner/spinner.vue
@ -63,7 +63,7 @@ function onTransitionEnd() {
  <div
    :class="
      cn(
-        'flex-center z-100 bg-overlay-content absolute left-0 top-0 size-full backdrop-blur-sm transition-all duration-500',
+        'flex-center z-100 dark:bg-overlay absolute left-0 top-0 size-full bg-[hsl(var(--overlay-light))] backdrop-blur-sm transition-all duration-500',
        {
          'invisible opacity-0': !showSpinner,
        },
--- a/packages/effects/common-ui/src/components/page/tests/page.test.ts
+++ b/packages/effects/common-ui/src/components/page/tests/page.test.ts
@ -54,7 +54,7 @@ describe('page.vue', () => {
      },
    });

-    const contentDiv = wrapper.find('.p-4');
+    const contentDiv = wrapper.find('.m-4');
    expect(contentDiv.classes()).toContain('custom-class');
  });

--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@ -1,79 +1,37 @@
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref, useTemplateRef } from 'vue';
-
 interface Props {
  title?: string;
  description?: string;
  contentClass?: string;
-  /**
-   * 根据content可见高度自适应
-   */
-  autoContentHeight?: boolean;
+  showFooter?: boolean;
 }

 defineOptions({
  name: 'Page',
 });

-const {
-  contentClass = '',
-  description = '',
-  autoContentHeight = false,
-  title = '',
-} = defineProps<Props>();
-
-const headerHeight = ref(0);
-const footerHeight = ref(0);
-const shouldAutoHeight = ref(false);
-
-const headerRef = useTemplateRef<HTMLDivElement>('headerRef');
-const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
-
-const contentStyle = computed(() => {
-  if (autoContentHeight) {
-    return {
-      height: shouldAutoHeight.value
-        ? `calc(var(--vben-content-height) - ${headerHeight.value}px - ${footerHeight.value}px)`
-        : '0',
-      // 'overflow-y': shouldAutoHeight.value?'auto':'unset',
-    };
-  }
-  return {};
-});
-
-async function calcContentHeight() {
-  if (!autoContentHeight) {
-    return;
-  }
-  await nextTick();
-  headerHeight.value = headerRef.value?.offsetHeight || 0;
-  footerHeight.value = footerRef.value?.offsetHeight || 0;
-  setTimeout(() => {
-    shouldAutoHeight.value = true;
-  }, 30);
-}
-
-onMounted(() => {
-  calcContentHeight();
+const props = withDefaults(defineProps<Props>(), {
+  contentClass: '',
+  description: '',
+  showFooter: false,
+  title: '',
 });
 </script>

 <template>
-  <div class="relative">
+  <div class="relative h-full">
    <div
-      v-if="
-        description ||
-        $slots.description ||
-        title ||
-        $slots.title ||
-        $slots.extra
-      "
-      ref="headerRef"
-      class="bg-card relative px-6 py-4"
+      v-if="description || $slots.description || title"
+      class="bg-card px-6 py-4"
    >
      <slot name="title">
-        <div v-if="title" class="mb-2 flex text-lg font-semibold">
+        <div
+          v-if="title"
+          class="mb-2 flex justify-between text-lg font-semibold"
+        >
          {{ title }}
+
+          <slot name="extra"></slot>
        </div>
      </slot>

@ -82,19 +40,14 @@ onMounted(() => {
          {{ description }}
        </p>
      </slot>
-
-      <div v-if="$slots.extra" class="absolute bottom-4 right-4">
-        <slot name="extra"></slot>
-      </div>
    </div>

-    <div :class="contentClass" :style="contentStyle" class="h-full p-4">
+    <div :class="contentClass" class="m-4">
      <slot></slot>
    </div>

    <div
-      v-if="$slots.footer"
-      ref="footerRef"
+      v-if="props.showFooter"
      class="bg-card align-center absolute bottom-0 left-0 right-0 flex px-6 py-4"
    >
      <slot name="footer"></slot>
--- a/packages/effects/plugins/package.json
+++ b/packages/effects/plugins/package.json
@ -17,26 +17,12 @@
    "./echarts": {
      "types": "./src/echarts/index.ts",
      "default": "./src/echarts/index.ts"
-    },
-    "./vxe-table": {
-      "types": "./src/vxe-table/index.ts",
-      "default": "./src/vxe-table/index.ts"
    }
  },
  "dependencies": {
-    "@vben-core/form-ui": "workspace:*",
-    "@vben-core/shadcn-ui": "workspace:*",
-    "@vben-core/shared": "workspace:*",
-    "@vben/hooks": "workspace:*",
-    "@vben/icons": "workspace:*",
-    "@vben/locales": "workspace:*",
    "@vben/preferences": "workspace:*",
-    "@vben/types": "workspace:*",
-    "@vben/utils": "workspace:*",
    "@vueuse/core": "catalog:",
    "echarts": "catalog:",
-    "vue": "catalog:",
-    "vxe-pc-ui": "catalog:",
-    "vxe-table": "catalog:"
+    "vue": "catalog:"
  }
 }
--- a/packages/effects/plugins/postcss.config.mjs
+++ b/packages/effects/plugins/postcss.config.mjs
@ -1 +0,0 @@
-export { default } from '@vben/tailwind-config/postcss';
--- a/packages/effects/plugins/src/vxe-table/api.ts
+++ b/packages/effects/plugins/src/vxe-table/api.ts
@ -1,111 +0,0 @@
-import type { VxeGridInstance } from 'vxe-table';
-
-import type { VxeGridProps } from './types';
-
-import { toRaw } from 'vue';
-
-import { Store } from '@vben-core/shared/store';
-import {
-  bindMethods,
-  isFunction,
-  mergeWithArrayOverride,
-  StateHandler,
-} from '@vben-core/shared/utils';
-
-function getDefaultState(): VxeGridProps {
-  return {
-    class: '',
-    gridClass: '',
-    gridOptions: {},
-    gridEvents: {},
-    formOptions: undefined,
-  };
-}
-
-export class VxeGridApi {
-  // private prevState: null | VxeGridProps = null;
-  public grid = {} as VxeGridInstance;
-
-  isMounted = false;
-  public state: null | VxeGridProps = null;
-
-  stateHandler: StateHandler;
-
-  public store: Store<VxeGridProps>;
-
-  constructor(options: VxeGridProps = {}) {
-    const storeState = { ...options };
-
-    const defaultState = getDefaultState();
-    this.store = new Store<VxeGridProps>(
-      mergeWithArrayOverride(storeState, defaultState),
-      {
-        onUpdate: () => {
-          // this.prevState = this.state;
-          this.state = this.store.state;
-        },
-      },
-    );
-
-    this.state = this.store.state;
-    this.stateHandler = new StateHandler();
-    bindMethods(this);
-  }
-
-  mount(instance: null | VxeGridInstance) {
-    if (!this.isMounted && instance) {
-      this.grid = instance;
-      this.stateHandler.setConditionTrue();
-      this.isMounted = true;
-    }
-  }
-
-  async query(params: Record<string, any> = {}) {
-    try {
-      await this.grid.commitProxy('query', toRaw(params));
-    } catch (error) {
-      console.error('Error occurred while querying:', error);
-    }
-  }
-
-  async reload(params: Record<string, any> = {}) {
-    try {
-      await this.grid.commitProxy('reload', toRaw(params));
-    } catch (error) {
-      console.error('Error occurred while reloading:', error);
-    }
-  }
-
-  setGridOptions(options: Partial<VxeGridProps['gridOptions']>) {
-    this.setState({
-      gridOptions: options,
-    });
-  }
-
-  setLoading(isLoading: boolean) {
-    this.setState({
-      gridOptions: {
-        loading: isLoading,
-      },
-    });
-  }
-
-  setState(
-    stateOrFn:
-      | ((prev: VxeGridProps) => Partial<VxeGridProps>)
-      | Partial<VxeGridProps>,
-  ) {
-    if (isFunction(stateOrFn)) {
-      this.store.setState((prev) => {
-        return mergeWithArrayOverride(stateOrFn(prev), prev);
-      });
-    } else {
-      this.store.setState((prev) => mergeWithArrayOverride(stateOrFn, prev));
-    }
-  }
-
-  unmount() {
-    this.isMounted = false;
-    this.stateHandler.reset();
-  }
-}
--- a/packages/effects/plugins/src/vxe-table/index.ts
+++ b/packages/effects/plugins/src/vxe-table/index.ts
@ -1,4 +0,0 @@
-export { setupVbenVxeTable } from './init';
-export * from './use-vxe-grid';
-export { default as VbenVxeGrid } from './use-vxe-grid.vue';
-export type { VxeGridListeners, VxeGridProps } from 'vxe-table';
--- a/packages/effects/plugins/src/vxe-table/init.ts
+++ b/packages/effects/plugins/src/vxe-table/init.ts
@ -1,122 +0,0 @@
-import type { SetupVxeTable } from './types';
-
-import { defineComponent, watch } from 'vue';
-
-import { usePreferences } from '@vben/preferences';
-import { useVbenForm } from '@vben-core/form-ui';
-
-import {
-  VxeButton,
-  VxeButtonGroup,
-  // VxeFormGather,
-  // VxeForm,
-  // VxeFormItem,
-  VxeIcon,
-  VxeInput,
-  VxeLoading,
-  VxePager,
-  // VxeList,
-  // VxeModal,
-  // VxeOptgroup,
-  // VxeOption,
-  // VxePulldown,
-  // VxeRadio,
-  // VxeRadioButton,
-  // VxeRadioGroup,
-  VxeSelect,
-  VxeTooltip,
-  VxeUI,
-  // VxeSwitch,
-  // VxeTextarea,
-} from 'vxe-pc-ui';
-import enUS from 'vxe-pc-ui/lib/language/en-US';
-
-// 导入默认的语言
-import zhCN from 'vxe-pc-ui/lib/language/zh-CN';
-import {
-  VxeColgroup,
-  VxeColumn,
-  VxeGrid,
-  VxeTable,
-  VxeToolbar,
-} from 'vxe-table';
-
-// 是否加载过
-let isInit = false;
-
-// eslint-disable-next-line import/no-mutable-exports
-export let useTableForm: typeof useVbenForm;
-
-// 部分组件，如果没注册，vxe-table 会报错，这里实际没用组件，只是为了不报错，同时可以减少打包体积
-const createVirtualComponent = (name = '') => {
-  return defineComponent({
-    name,
-  });
-};
-
-export function initVxeTable() {
-  if (isInit) {
-    return;
-  }
-
-  VxeUI.component(VxeTable);
-  VxeUI.component(VxeColumn);
-  VxeUI.component(VxeColgroup);
-  VxeUI.component(VxeLoading);
-  VxeUI.component(VxeGrid);
-  VxeUI.component(VxeToolbar);
-
-  VxeUI.component(VxeButton);
-  VxeUI.component(VxeButtonGroup);
-  // VxeUI.component(VxeCheckbox);
-  // VxeUI.component(VxeCheckboxGroup);
-  VxeUI.component(createVirtualComponent('VxeForm'));
-  // VxeUI.component(VxeFormGather);
-  // VxeUI.component(VxeFormItem);
-  VxeUI.component(VxeIcon);
-  VxeUI.component(VxeInput);
-  // VxeUI.component(VxeList);
-  VxeUI.component(VxeLoading);
-  // VxeUI.component(VxeModal);
-  // VxeUI.component(VxeOptgroup);
-  // VxeUI.component(VxeOption);
-  VxeUI.component(VxePager);
-  // VxeUI.component(VxePulldown);
-  // VxeUI.component(VxeRadio);
-  // VxeUI.component(VxeRadioButton);
-  // VxeUI.component(VxeRadioGroup);
-  VxeUI.component(VxeSelect);
-  // VxeUI.component(VxeSwitch);
-  // VxeUI.component(VxeTextarea);
-  VxeUI.component(VxeTooltip);
-
-  isInit = true;
-}
-
-export function setupVbenVxeTable(setupOptions: SetupVxeTable) {
-  const { configVxeTable, useVbenForm } = setupOptions;
-
-  initVxeTable();
-  useTableForm = useVbenForm;
-
-  const preference = usePreferences();
-
-  const localMap = {
-    'zh-CN': zhCN,
-    'en-US': enUS,
-  };
-
-  watch(
-    [() => preference.theme.value, () => preference.locale.value],
-    ([theme, locale]) => {
-      VxeUI.setTheme(theme === 'dark' ? 'dark' : 'light');
-      VxeUI.setI18n(locale, localMap[locale]);
-      VxeUI.setLanguage(locale);
-    },
-    {
-      immediate: true,
-    },
-  );
-
-  configVxeTable(VxeUI);
-}
--- a/packages/effects/plugins/src/vxe-table/theme.css
+++ b/packages/effects/plugins/src/vxe-table/theme.css
@ -1,78 +0,0 @@
-:root {
-  --vxe-ui-font-color: hsl(var(--foreground));
-  --vxe-ui-font-primary-color: hsl(var(--primary));
-
-  /* --vxe-ui-font-lighten-color: #babdc0;
-  --vxe-ui-font-darken-color: #86898e; */
-  --vxe-ui-font-disabled-color: hsl(var(--foreground) / 50%);
-
-  /* base */
-  --vxe-ui-base-popup-border-color: hsl(var(--border));
-
-  /* --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgb(0 0 0 / 50%); */
-
-  /* layout */
-  --vxe-ui-layout-background-color: hsl(var(--background));
-  --vxe-ui-table-resizable-line-color: hsl(var(--border));
-
-  /* --vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px hsl(var(--accent));
-  --vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px hsl(var(--accent)); */
-
-  /* input */
-  --vxe-ui-input-border-color: hsl(var(--border));
-
-  /* --vxe-ui-input-placeholder-color: #8d9095; */
-
-  /* --vxe-ui-input-disabled-background-color: #262727; */
-
-  /* loading */
-  --vxe-ui-loading-background-color: hsl(var(--overlay-content));
-
-  /* table */
-  --vxe-ui-table-header-background-color: hsl(var(--accent));
-  --vxe-ui-table-border-color: hsl(var(--border));
-  --vxe-ui-table-row-hover-background-color: hsl(var(--accent-hover));
-  --vxe-ui-table-row-striped-background-color: hsl(var(--accent) / 60%);
-  --vxe-ui-table-row-hover-striped-background-color: hsl(var(--accent));
-  --vxe-ui-table-row-radio-checked-background-color: hsl(var(--accent));
-  --vxe-ui-table-row-hover-radio-checked-background-color: hsl(
-    var(--accent-hover)
-  );
-  --vxe-ui-table-row-checkbox-checked-background-color: hsl(var(--accent));
-  --vxe-ui-table-row-hover-checkbox-checked-background-color: hsl(
-    var(--accent-hover)
-  );
-  --vxe-ui-table-row-current-background-color: hsl(var(--accent));
-  --vxe-ui-table-row-hover-current-background-color: hsl(var(--accent-hover));
-
-  /* --vxe-ui-table-fixed-scrolling-box-shadow-color: rgb(0 0 0 / 80%); */
-}
-
-.vxe-pager {
-  .vxe-pager--prev-btn:not(.is--disabled):active,
-  .vxe-pager--next-btn:not(.is--disabled):active,
-  .vxe-pager--num-btn:not(.is--disabled):active,
-  .vxe-pager--jump-prev:not(.is--disabled):active,
-  .vxe-pager--jump-next:not(.is--disabled):active,
-  .vxe-pager--prev-btn:not(.is--disabled):focus,
-  .vxe-pager--next-btn:not(.is--disabled):focus,
-  .vxe-pager--num-btn:not(.is--disabled):focus,
-  .vxe-pager--jump-prev:not(.is--disabled):focus,
-  .vxe-pager--jump-next:not(.is--disabled):focus {
-    color: hsl(var(--accent-foreground));
-    background-color: hsl(var(--accent));
-    border: 1px solid hsl(var(--border));
-    box-shadow: 0 0 0 1px hsl(var(--border));
-  }
-
-  .vxe-pager {
-    &--wrapper {
-      display: flex;
-      align-items: center;
-    }
-
-    &--sizes {
-      margin-right: auto;
-    }
-  }
-}
--- a/packages/effects/plugins/src/vxe-table/types.ts
+++ b/packages/effects/plugins/src/vxe-table/types.ts
@ -1,53 +0,0 @@
-import type { DeepPartial } from '@vben/types';
-import type { VbenFormProps } from '@vben-core/form-ui';
-import type {
-  VxeGridListeners,
-  VxeGridProps as VxeTableGridProps,
-  VxeUIExport,
-} from 'vxe-table';
-
-import type { VxeGridApi } from './api';
-
-import type { Ref } from 'vue';
-
-import { useVbenForm } from '@vben-core/form-ui';
-
-export interface VxePaginationInfo {
-  currentPage: number;
-  pageSize: number;
-  total: number;
-}
-
-export interface VxeGridProps {
-  /**
-   * 组件class
-   */
-  class?: any;
-  /**
-   * vxe-grid class
-   */
-  gridClass?: any;
-  /**
-   * vxe-grid 配置
-   */
-  gridOptions?: DeepPartial<VxeTableGridProps>;
-  /**
-   * vxe-grid 事件
-   */
-  gridEvents?: DeepPartial<VxeGridListeners>;
-  /**
-   * 表单配置
-   */
-  formOptions?: VbenFormProps;
-}
-
-export type ExtendedVxeGridApi = {
-  useStore: <T = NoInfer<VxeGridProps>>(
-    selector?: (state: NoInfer<VxeGridProps>) => T,
-  ) => Readonly<Ref<T>>;
-} & VxeGridApi;
-
-export interface SetupVxeTable {
-  configVxeTable: (ui: VxeUIExport) => void;
-  useVbenForm: typeof useVbenForm;
-}
--- a/packages/effects/plugins/src/vxe-table/use-vxe-grid.ts
+++ b/packages/effects/plugins/src/vxe-table/use-vxe-grid.ts
@ -1,42 +0,0 @@
-import type { ExtendedVxeGridApi, VxeGridProps } from './types';
-
-import { defineComponent, h, onBeforeUnmount } from 'vue';
-
-import { useStore } from '@vben-core/shared/store';
-
-import { VxeGridApi } from './api';
-import VxeGrid from './use-vxe-grid.vue';
-
-export function useVbenVxeGrid(options: VxeGridProps) {
-  // const IS_REACTIVE = isReactive(options);
-  const api = new VxeGridApi(options);
-  const extendedApi: ExtendedVxeGridApi = api as ExtendedVxeGridApi;
-  extendedApi.useStore = (selector) => {
-    return useStore(api.store, selector);
-  };
-
-  const Grid = defineComponent(
-    (props: VxeGridProps, { attrs, slots }) => {
-      onBeforeUnmount(() => {
-        api.unmount();
-      });
-      return () => h(VxeGrid, { ...props, ...attrs, api: extendedApi }, slots);
-    },
-    {
-      inheritAttrs: false,
-      name: 'VbenVxeGrid',
-    },
-  );
-  // Add reactivity support
-  // if (IS_REACTIVE) {
-  //   watch(
-  //     () => options,
-  //     () => {
-  //       api.setState(options);
-  //     },
-  //     { immediate: true },
-  //   );
-  // }
-
-  return [Grid, extendedApi] as const;
-}
--- a/packages/effects/plugins/src/vxe-table/use-vxe-grid.vue
+++ b/packages/effects/plugins/src/vxe-table/use-vxe-grid.vue
@ -1,264 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormProps } from '@vben-core/form-ui';
-import type {
-  VxeGridInstance,
-  VxeGridProps as VxeTableGridProps,
-} from 'vxe-table';
-
-import type { ExtendedVxeGridApi, VxeGridProps } from './types';
-
-import {
-  computed,
-  nextTick,
-  onMounted,
-  toRaw,
-  useSlots,
-  useTemplateRef,
-} from 'vue';
-
-import { usePriorityValues } from '@vben/hooks';
-import { EmptyIcon } from '@vben/icons';
-import { $t } from '@vben/locales';
-import { cloneDeep, cn, mergeWithArrayOverride } from '@vben/utils';
-import { VbenLoading } from '@vben-core/shadcn-ui';
-
-import { VxeGrid, VxeUI } from 'vxe-table';
-
-import { useTableForm } from './init';
-
-import 'vxe-table/styles/cssvar.scss';
-import 'vxe-pc-ui/styles/cssvar.scss';
-import './theme.css';
-
-interface Props extends VxeGridProps {
-  api: ExtendedVxeGridApi;
-}
-
-const props = withDefaults(defineProps<Props>(), {});
-
-const gridRef = useTemplateRef<VxeGridInstance>('gridRef');
-
-const state = props.api?.useStore?.();
-
-const {
-  gridOptions,
-  class: className,
-  gridClass,
-  gridEvents,
-  formOptions,
-} = usePriorityValues(props, state);
-
-const slots = useSlots();
-
-const [Form, formApi] = useTableForm({});
-
-const showToolbar = computed(() => {
-  return !!slots['toolbar-actions']?.() || !!slots['toolbar-tools']?.();
-});
-
-const options = computed(() => {
-  const slotActions = slots['toolbar-actions']?.();
-  const slotTools = slots['toolbar-tools']?.();
-
-  const forceUseToolbarOptions = showToolbar.value
-    ? {
-        toolbarConfig: {
-          slots: {
-            ...(slotActions ? { buttons: 'toolbar-actions' } : {}),
-            ...(slotTools ? { tools: 'toolbar-tools' } : {}),
-          },
-        },
-      }
-    : {};
-
-  const mergedOptions: VxeTableGridProps = cloneDeep(
-    mergeWithArrayOverride(
-      {},
-      forceUseToolbarOptions,
-      toRaw(gridOptions.value),
-    ),
-  );
-
-  if (mergedOptions.proxyConfig) {
-    const { ajax } = mergedOptions.proxyConfig;
-    mergedOptions.proxyConfig.enabled = !!ajax;
-    // 不自动加载数据, 由组件控制
-    mergedOptions.proxyConfig.autoLoad = false;
-  }
-
-  if (!showToolbar.value && mergedOptions.toolbarConfig) {
-    mergedOptions.toolbarConfig.enabled = false;
-  }
-
-  if (mergedOptions.pagerConfig) {
-    mergedOptions.pagerConfig = mergeWithArrayOverride(
-      {},
-      mergedOptions.pagerConfig,
-      {
-        pageSize: 20,
-        background: true,
-        pageSizes: [10, 20, 30, 50, 100, 200],
-        className: 'mt-2 w-full',
-        layouts: [
-          'Total',
-          'Sizes',
-          'Home',
-          'PrevJump',
-          'PrevPage',
-          'Number',
-          'NextPage',
-          'NextJump',
-          'End',
-          // 'FullJump',
-        ] as any[],
-        size: 'mini' as const,
-      },
-    );
-  }
-  if (mergedOptions.formConfig) {
-    mergedOptions.formConfig.enabled = false;
-  }
-  return mergedOptions;
-});
-
-const events = computed(() => {
-  return {
-    ...gridEvents.value,
-  };
-});
-
-const vbenFormOptions = computed(() => {
-  const defaultFormProps: VbenFormProps = {
-    handleSubmit: async () => {
-      const formValues = formApi.form.values;
-      props.api.reload(formValues);
-    },
-    handleReset: async () => {
-      formApi.resetForm();
-      const formValues = formApi.form.values;
-      props.api.reload(formValues);
-    },
-    collapseTriggerResize: true,
-    commonConfig: {
-      componentProps: {
-        class: 'w-full',
-      },
-    },
-    showCollapseButton: true,
-    submitButtonOptions: {
-      text: $t('common.query'),
-    },
-    wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-  };
-  return {
-    ...mergeWithArrayOverride({}, formOptions.value, defaultFormProps),
-  };
-});
-
-const delegatedSlots = computed(() => {
-  const resultSlots: string[] = [];
-
-  for (const key of Object.keys(slots)) {
-    if (!['empty', 'form', 'loading'].includes(key)) {
-      resultSlots.push(key);
-    }
-  }
-  return resultSlots;
-});
-
-const delegatedFormSlots = computed(() => {
-  const resultSlots: string[] = [];
-
-  for (const key of Object.keys(slots)) {
-    if (key.startsWith('form-')) {
-      resultSlots.push(key);
-    }
-  }
-  return resultSlots;
-});
-
-async function init() {
-  await nextTick();
-  const globalGridConfig = VxeUI?.getConfig()?.grid ?? {};
-  const defaultGridOptions: VxeTableGridProps = mergeWithArrayOverride(
-    {},
-    toRaw(gridOptions.value),
-    toRaw(globalGridConfig),
-  );
-  // 内部主动加载数据，防止form的默认值影响
-  const autoLoad = defaultGridOptions.proxyConfig?.autoLoad;
-  const enableProxyConfig = options.value.proxyConfig?.enabled;
-  if (enableProxyConfig && autoLoad) {
-    props.api.reload(formApi.form.values);
-  }
-
-  // form 由 vben-form代替，所以不适配formConfig，这里给出警告
-  const formConfig = defaultGridOptions.formConfig;
-  if (formConfig?.enabled) {
-    console.warn(
-      '[Vben Vxe Table]: The formConfig in the grid is not supported, please use the `formOptions` props',
-    );
-  }
-}
-
-onMounted(() => {
-  props.api?.mount?.(gridRef.value);
-  init();
-});
-</script>
-
-<template>
-  <div :class="cn('bg-card h-full rounded-md', className)">
-    <VxeGrid
-      ref="gridRef"
-      :class="
-        cn(
-          'p-2',
-          {
-            'pt-0': showToolbar && !formOptions,
-          },
-          gridClass,
-        )
-      "
-      v-bind="options"
-      v-on="events"
-    >
-      <template
-        v-for="slotName in delegatedSlots"
-        :key="slotName"
-        #[slotName]="slotProps"
-      >
-        <slot :name="slotName" v-bind="slotProps"></slot>
-      </template>
-      <template #form>
-        <div v-if="formOptions" class="relative rounded py-3 pb-6">
-          <slot name="form">
-            <Form v-bind="vbenFormOptions">
-              <template
-                v-for="slotName in delegatedFormSlots"
-                :key="slotName"
-                #[slotName]="slotProps"
-              >
-                <slot :name="slotName" v-bind="slotProps"></slot>
-              </template>
-            </Form>
-          </slot>
-          <div
-            class="bg-background-deep z-100 absolute -left-2 bottom-2 h-4 w-[calc(100%+1rem)] overflow-hidden"
-          ></div>
-        </div>
-      </template>
-      <template #loading>
-        <slot name="loading">
-          <VbenLoading :spinning="true" />
-        </slot>
-      </template>
-      <template #empty>
-        <slot name="empty">
-          <EmptyIcon class="mx-auto" />
-          <div class="mt-2">{{ $t('common.noData') }}</div>
-        </slot>
-      </template>
-    </VxeGrid>
-  </div>
-</template>
--- a/packages/effects/plugins/tailwind.config.mjs
+++ b/packages/effects/plugins/tailwind.config.mjs
@ -1 +0,0 @@
-export { default } from '@vben/tailwind-config';
--- a/packages/locales/src/langs/en-US.json
+++ b/packages/locales/src/langs/en-US.json
@ -31,8 +31,7 @@
    "confirm": "Comfirm",
    "noData": "No Data",
    "refresh": "Refresh",
-    "loadingMenu": "Loading Menu",
-    "query": "Search"
+    "loadingMenu": "Loading Menu"
  },
  "fallback": {
    "pageNotFound": "Oops! Page Not Found",
--- a/packages/locales/src/langs/zh-CN.json
+++ b/packages/locales/src/langs/zh-CN.json
@ -31,8 +31,7 @@
    "confirm": "确认",
    "noData": "暂无数据",
    "refresh": "刷新",
-    "loadingMenu": "加载菜单中",
-    "query": "查询"
+    "loadingMenu": "加载菜单中"
  },
  "fallback": {
    "pageNotFound": "哎呀！未找到页面",
--- a/playground/src/adapter/index.ts
+++ b/playground/src/adapter/index.ts
@ -1,2 +1 @@
 export * from './form';
-export * from './vxe-table';
--- a/playground/src/adapter/vxe-table.ts
+++ b/playground/src/adapter/vxe-table.ts
@ -1,59 +0,0 @@
-import { h } from 'vue';
-
-import { setupVbenVxeTable, useVbenVxeGrid } from '@vben/plugins/vxe-table';
-
-import { Button, Image } from 'ant-design-vue';
-
-import { useVbenForm } from './form';
-
-setupVbenVxeTable({
-  configVxeTable: (vxeUI) => {
-    vxeUI.setConfig({
-      grid: {
-        align: 'center',
-        border: true,
-        minHeight: 180,
-        proxyConfig: {
-          autoLoad: true,
-          response: {
-            result: 'items',
-            total: 'total',
-            list: 'items',
-          },
-          showActiveMsg: true,
-          showResponseMsg: false,
-        },
-        round: true,
-        size: 'small',
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellImage' },
-    vxeUI.renderer.add('CellImage', {
-      renderDefault(_renderOpts, params) {
-        const { column, row } = params;
-        return h(Image, { src: row[column.field] });
-      },
-    });
-
-    // 表格配置项可以用 cellRender: { name: 'CellLink' },
-    vxeUI.renderer.add('CellLink', {
-      renderDefault(renderOpts) {
-        const { props } = renderOpts;
-        return h(
-          Button,
-          { size: 'small', type: 'link' },
-          { default: () => props?.text },
-        );
-      },
-    });
-
-    // 这里可以自行扩展 vxe-table 的全局配置，比如自定义格式化
-    // vxeUI.formats.add
-  },
-  useVbenForm,
-});
-
-export { useVbenVxeGrid };
-
-export type * from '@vben/plugins/vxe-table';
--- a/playground/src/api/examples/index.ts
+++ b/playground/src/api/examples/index.ts
@ -1,2 +1 @@
 export * from './status';
-export * from './table';
--- a/playground/src/api/examples/status.ts
+++ b/playground/src/api/examples/status.ts
--- a/playground/src/api/examples/table.ts
+++ b/playground/src/api/examples/table.ts
@ -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 };
--- a/playground/src/api/index.ts
+++ b/playground/src/api/index.ts
@ -1,2 +1,2 @@
 export * from './core';
-export * from './examples';
+export * from './demos';
--- a/playground/src/locales/langs/en-US.json
+++ b/playground/src/locales/langs/en-US.json
@ -82,18 +82,6 @@
        "api": "Api",
        "merge": "Merge Form"
      },
-      "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",
--- a/playground/src/locales/langs/zh-CN.json
+++ b/playground/src/locales/langs/zh-CN.json
@ -82,18 +82,6 @@
        "api": "Api",
        "merge": "合并表单"
      },
-      "vxeTable": {
-        "title": "Vxe 表格",
-        "basic": "基础表格",
-        "remote": "远程加载",
-        "tree": "树形表格",
-        "fixed": "固定表头/列",
-        "virtual": "虚拟滚动",
-        "editCell": "单元格编辑",
-        "editRow": "行编辑",
-        "custom-cell": "自定义单元格",
-        "form": "开启搜索表单"
-      },
      "captcha": {
        "title": "验证码",
        "pointSelection": "点选验证",
--- a/playground/src/router/routes/modules/examples.ts
+++ b/playground/src/router/routes/modules/examples.ts
@ -42,6 +42,7 @@ const routes: RouteRecordRaw[] = [
          title: $t('page.examples.ellipsis.title'),
        },
      },
+
      {
        name: 'FormExample',
        path: '/examples/form',
@ -108,89 +109,6 @@ const routes: RouteRecordRaw[] = [
          },
        ],
      },
-      {
-        name: 'VxeTableExample',
-        path: '/examples/vxe-table',
-        meta: {
-          icon: 'lucide:table',
-          title: $t('page.examples.vxeTable.title'),
-        },
-        children: [
-          {
-            name: 'VxeTableBasicExample',
-            path: '/examples/vxe-table/basic',
-            component: () => import('#/views/examples/vxe-table/basic.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.basic'),
-            },
-          },
-          {
-            name: 'VxeTableRemoteExample',
-            path: '/examples/vxe-table/remote',
-            component: () => import('#/views/examples/vxe-table/remote.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.remote'),
-            },
-          },
-          {
-            name: 'VxeTableTreeExample',
-            path: '/examples/vxe-table/tree',
-            component: () => import('#/views/examples/vxe-table/tree.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.tree'),
-            },
-          },
-          {
-            name: 'VxeTableFixedExample',
-            path: '/examples/vxe-table/fixed',
-            component: () => import('#/views/examples/vxe-table/fixed.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.fixed'),
-            },
-          },
-          {
-            name: 'VxeTableCustomCellExample',
-            path: '/examples/vxe-table/custom-cell',
-            component: () =>
-              import('#/views/examples/vxe-table/custom-cell.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.custom-cell'),
-            },
-          },
-          {
-            name: 'VxeTableFormExample',
-            path: '/examples/vxe-table/form',
-            component: () => import('#/views/examples/vxe-table/form.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.form'),
-            },
-          },
-          {
-            name: 'VxeTableEditCellExample',
-            path: '/examples/vxe-table/edit-cell',
-            component: () => import('#/views/examples/vxe-table/edit-cell.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.editCell'),
-            },
-          },
-          {
-            name: 'VxeTableEditRowExample',
-            path: '/examples/vxe-table/edit-row',
-            component: () => import('#/views/examples/vxe-table/edit-row.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.editRow'),
-            },
-          },
-          {
-            name: 'VxeTableVirtualExample',
-            path: '/examples/vxe-table/virtual',
-            component: () => import('#/views/examples/vxe-table/virtual.vue'),
-            meta: {
-              title: $t('page.examples.vxeTable.virtual'),
-            },
-          },
-        ],
-      },
      {
        name: 'CaptchaExample',
        path: '/examples/captcha',
--- a/playground/src/views/examples/doc-button.vue
+++ b/playground/src/views/examples/doc-button.vue
@ -12,5 +12,5 @@ function handleClick() {
 </script>

 <template>
-  <Button @click="handleClick">查看组件文档</Button>
+  <Button type="link" @click="handleClick">查看组件文档</Button>
 </template>
--- a/playground/src/views/examples/form/basic.vue
+++ b/playground/src/views/examples/form/basic.vue
@ -6,8 +6,6 @@ import dayjs from 'dayjs';

 import { useVbenForm } from '#/adapter';

-import DocButton from '../doc-button.vue';
-
 const [BaseForm, baseFormApi] = useVbenForm({
  // 所有表单项共用，可单独在表单内覆盖
  commonConfig: {
@ -331,9 +329,6 @@ function handleSetFormValue() {
    description="表单组件基础示例，请注意，该页面用到的参数代码会添加一些简单注释，方便理解，请仔细查看。"
    title="表单组件"
  >
-    <template #extra>
-      <DocButton path="/components/common-ui/vben-form" />
-    </template>
    <Card title="基础示例">
      <template #extra>
        <Button type="primary" @click="handleSetFormValue">设置表单值</Button>
--- a/playground/src/views/examples/vxe-table/basic.vue
+++ b/playground/src/views/examples/vxe-table/basic.vue
@ -1,93 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridListeners, VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-
-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,
-  sortConfig: {
-    multiple: true,
-  },
-};
-
-const gridEvents: VxeGridListeners<RowType> = {
-  cellClick: ({ row }) => {
-    message.info(`cell-click: ${row.name}`);
-  },
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({ gridEvents, gridOptions });
-
-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>
-      <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 class="mr-2" type="primary" @click="changeStripe">
-          {{ showStripe ? '隐藏' : '显示' }}斑马纹
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
--- a/playground/src/views/examples/vxe-table/custom-cell.vue
+++ b/playground/src/views/examples/vxe-table/custom-cell.vue
@ -1,110 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Image, Switch, Tag } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
-import { useVbenVxeGrid } from '#/adapter';
-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: ({ cellValue }) => {
-        return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss');
-      },
-      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,
-        });
-      },
-    },
-  },
-};
-
-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:checked="row.open" />
-      </template>
-      <template #status="{ row }">
-        <Tag :color="row.color">{{ row.status }}</Tag>
-      </template>
-      <template #action>
-        <Button type="link">编辑</Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
--- a/playground/src/views/examples/vxe-table/edit-cell.vue
+++ b/playground/src/views/examples/vxe-table/edit-cell.vue
@ -1,57 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { useVbenVxeGrid } from '#/adapter';
-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', 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>
--- a/playground/src/views/examples/vxe-table/edit-row.vue
+++ b/playground/src/views/examples/vxe-table/edit-row.vue
@ -1,94 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-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', 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>
--- a/playground/src/views/examples/vxe-table/fixed.vue
+++ b/playground/src/views/examples/vxe-table/fixed.vue
@ -1,64 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-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', title: 'Date', 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>
--- a/playground/src/views/examples/vxe-table/form.vue
+++ b/playground/src/views/examples/vxe-table/form.vue
@ -1,102 +0,0 @@
-<script lang="ts" setup>
-import type { VbenFormProps, VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-import { getExampleTableApi } from '#/api';
-
-interface RowType {
-  category: string;
-  color: string;
-  id: string;
-  price: string;
-  productName: string;
-  releaseDate: string;
-}
-
-const formOptions: VbenFormProps = {
-  schema: [
-    {
-      component: 'Input',
-      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: 'DatePicker',
-      fieldName: 'datePicker',
-      label: 'Date',
-    },
-  ],
-};
-
-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', title: 'Category' },
-    { field: 'color', title: 'Color' },
-    { field: 'productName', title: 'Product Name' },
-    { field: 'price', title: 'Price' },
-    { field: 'releaseDate', title: 'Date' },
-  ],
-  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,
-        });
-      },
-    },
-  },
-};
-
-const [Grid] = useVbenVxeGrid({ formOptions, gridOptions });
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid />
-  </Page>
-</template>
--- a/playground/src/views/examples/vxe-table/remote.vue
+++ b/playground/src/views/examples/vxe-table/remote.vue
@ -1,65 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-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', title: 'Category' },
-    { field: 'color', title: 'Color' },
-    { field: 'productName', title: 'Product Name' },
-    { field: 'price', title: 'Price' },
-    { field: 'releaseDate', title: 'Date' },
-  ],
-  height: 'auto',
-  keepSource: true,
-  pagerConfig: {},
-  proxyConfig: {
-    ajax: {
-      query: async ({ page }) => {
-        return await getExampleTableApi({
-          page: page.currentPage,
-          pageSize: page.pageSize,
-        });
-      },
-    },
-  },
-};
-
-const [Grid, gridApi] = useVbenVxeGrid({ gridOptions });
-</script>
-
-<template>
-  <Page auto-content-height>
-    <Grid>
-      <template #toolbar-tools>
-        <Button class="mr-2" type="primary" @click="() => gridApi.query()">
-          刷新当前页面
-        </Button>
-        <Button type="primary" @click="() => gridApi.reload()">
-          刷新并返回第一页
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
--- a/playground/src/views/examples/vxe-table/table-data.ts
+++ b/playground/src/views/examples/vxe-table/table-data.ts
@ -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',
-  },
-];
--- a/playground/src/views/examples/vxe-table/tree.vue
+++ b/playground/src/views/examples/vxe-table/tree.vue
@ -1,59 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { Page } from '@vben/common-ui';
-
-import { Button } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter';
-
-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,
-  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>
-      <template #toolbar-tools>
-        <Button class="mr-2" type="primary" @click="expandAll">
-          展开全部
-        </Button>
-        <Button type="primary" @click="collapseAll"> 折叠全部 </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
--- a/playground/src/views/examples/vxe-table/virtual.vue
+++ b/playground/src/views/examples/vxe-table/virtual.vue
@ -1,63 +0,0 @@
-<script lang="ts" setup>
-import type { VxeGridProps } from '#/adapter';
-
-import { onMounted } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { useVbenVxeGrid } from '#/adapter';
-
-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',
-  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>
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -21,8 +21,7 @@ catalog:
  '@commitlint/config-conventional': ^19.5.0
  '@ctrl/tinycolor': ^4.1.0
  '@eslint/js': ^9.11.1
-  '@faker-js/faker': ^9.0.3
-  '@iconify/json': ^2.2.256
+  '@iconify/json': ^2.2.255
  '@iconify/tailwind': ^1.1.3
  '@iconify/vue': ^4.1.2
  '@intlify/core-base': ^10.0.3
@ -161,7 +160,6 @@ catalog:
  vite-plugin-compression: ^0.5.1
  vite-plugin-dts: 4.2.1
  vite-plugin-html: ^3.2.2
-  vite-plugin-lazy-import: ^1.0.7
  vite-plugin-lib-inject-css: ^2.1.1
  vite-plugin-pwa: ^0.20.5
  vite-plugin-vue-devtools: ^7.4.6
@ -173,8 +171,6 @@ catalog:
  vue-i18n: ^10.0.3
  vue-router: ^4.4.5
  vue-tsc: ^2.1.6
-  vxe-pc-ui: ^4.2.9
-  vxe-table: ^4.7.84
  watermark-js-plus: ^1.5.7
  zod: ^3.23.8
  zod-defaults: ^0.1.3
				`@ -1 +0,0 @@`
				`export { default } from '@vben/tailwind-config/postcss';`