Files
lgp-admin-plus/packages/effects/plugins/src/vxe-table
dream-weave 28757fb9c8 refactor(@vben-core/form-ui): migrate to Zod 4 and TanStack Form (#8176)
* build(@vben-core/form-ui): update form validation dependencies

* refactor(@vben-core/form-ui): replace vee-validate with TanStack Form

* test(@vben-core/form-ui): cover TanStack Form migration

* docs(@vben/docs): document Zod 4 form migration

* refactor(project): update form adapters

* refactor(project): migrate application form consumers

* refactor(@vben/playground): migrate form examples

* docs(@vben/docs): fix validate return type and required rule empty check in form docs

* fix(@vben-core/form-ui): resolve oxlint and eslint errors

- rewrite nested ternary expressions as if/else in form-field-array.vue and form-runtime.ts
- sort @tanstack/vue-form before @vben-core/composables in package.json

* chore: fix merge artifacts and formatting

- move dependencies before devDependencies in root package.json
- update preferences snapshot for widget positioning fields
- format form-array demo README

* refactor(@vben-core/form-ui): optimize form runtime and value flow

- add fine-grained field selectors and atomic dependency resolution
- expose raw and formatted value snapshots with focused regression coverage

* fix(@vben/layouts): dispose sortable instance on unmount

* docs(@vben/docs): document form runtime API changes

- list added, changed, removed, and deprecated form APIs
- document atomic dependencies and raw versus formatted values
2026-07-22 19:47:07 +08:00
..
2026-05-18 16:50:14 +08:00
2026-03-25 16:33:41 +08:00
2026-03-25 16:33:41 +08:00
2026-05-08 20:03:05 +08:00
2026-05-18 16:50:14 +08:00

VXE Table Plugin

基于 vxe-table 和 vxe-pc-ui 的表格组件插件。

导出

导出 类型 说明
setupVbenVxeTable 函数 初始化配置函数
useVbenVxeGrid 函数 表格组合式函数
VbenVxeGrid 组件 表格组件
VxeTableGridColumns 类型 表格列类型
VxeTableGridOptions 类型 表格配置类型
VxeGridProps 类型 表格 Props
VxeGridListeners 类型 表格事件类型

使用

import {
  setupVbenVxeTable,
  useVbenVxeGrid,
  VbenVxeGrid,
} from '@vben/plugins/vxe-table';

初始化

在应用入口处调用:

import { setupVbenVxeTable } from '@vben/plugins/vxe-table';
import { useVbenForm } from '@vben-core/form-ui';

setupVbenVxeTable({
  configVxeTable: (vxeUI) => {
    // 配置 VXE Table
  },
  useVbenForm,
});

类型

import type {
  VxeTableGridOptions,
  VxeGridProps,
} from '@vben/plugins/vxe-table';