@dazhicheng/ui 1.6.6 → 1.6.8

package/dist/components/tt-table/src/utils/table-form-api.js

@@ -1,10 +1,10 @@
-var h = Object.defineProperty;
-var b = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var s = (r, t, e) => b(r, typeof t != "symbol" ? t + "" : t, e);
+var l = Object.defineProperty;
+var c = (r, t, e) => t in r ? l(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var s = (r, t, e) => c(r, typeof t != "symbol" ? t + "" : t, e);
 import "axios";
 import "element-plus";
-import { isFunction as c } from "../../../../packages/utils/src/is.js";
-import { reactive as i, computed as u, toValue as f } from "vue";
+import { isFunction as u } from "../../../../packages/utils/src/is.js";
+import { reactive as i, computed as b, toValue as f } from "vue";
 import "dayjs";
 import "numeral";
 import { bindMethods as d } from "../../../../packages/utils/src/tool.js";
@@ -25,7 +25,7 @@ function g(r) {
     e !== "data" && Object.assign(t, { [e]: r[e] });
   }), t;
 }
-class q {
+class z {
   /**
    * 构造函数，初始化 store、tableApi、状态等
    * @param options 表单+表格配置项
@@ -48,15 +48,14 @@ class q {
     /**
      * 当前选中的行 key 数组（响应式）
      */
-    s(this, "selectedKeys", u(() => f(this.tableApi.selectedKeys) ?? []));
+    s(this, "selectedKeys", b(() => f(this.tableApi.selectedKeys) ?? []));
     const e = { ...t }, o = g(t.table);
     o && (e.table = o);
-    const p = y();
+    const m = y();
     this.store = new A(
       a(e, {
         useSearchForm: !0,
-        table: p,
-        tableRowId: p.tableRowId || "id"
+        table: m
       }),
       {
         onUpdate: () => {
@@ -64,11 +63,11 @@ class q {
         }
       }
     ), this.state = this.store.state, this.stateHandler = new O();
-    const n = new j({
+    const p = new j({
       ...this.state.table,
       useSearchForm: this.state.useSearchForm || !1
-    }), m = n;
-    m.useStore = (l) => S(n.store, l), Object.setPrototypeOf(this.tableApi, m), d(this);
+    }), n = p;
+    n.useStore = (h) => S(p.store, h), Object.setPrototypeOf(this.tableApi, n), d(this);
   }
   /**
    * 组件挂载时调用，注入表单和表格实例
@@ -84,7 +83,7 @@ class q {
    * @param stateOrFn 新状态或返回新状态的函数
    */
   setState(t) {
-    c(t) ? this.store.setState((e) => a(t(e), e)) : this.store.setState((e) => a(t, e));
+    u(t) ? this.store.setState((e) => a(t(e), e)) : this.store.setState((e) => a(t, e));
   }
   /**
    * 重新加载表格数据
@@ -141,5 +140,5 @@ class q {
   }
 }
 export {
-  q as TableFormApi
+  z as TableFormApi
 };

package/dist/components/tt-vtable/index.js

@@ -0,0 +1,54 @@
+import "axios";
+import "element-plus";
+import "dayjs";
+import "vue";
+import { withInstall as t } from "../../packages/utils/src/install.js";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import o from "./src/components/TtVTable.vue.js";
+import m from "./src/components/TtVTableForm.vue.js";
+import "../tt-select/index.js";
+import "../tt-checkbox/index.js";
+import "../tt-radio-group/index.js";
+import "../tt-panel-select/index.js";
+import "../tt-upload/index.js";
+import "../tt-api-component/index.js";
+import "vee-validate";
+import "../../utils/uppercaseInput.js";
+import "@tanstack/vue-store";
+import "es-toolkit/compat";
+import "zod";
+import "../tt-form/src/shared/zod-defaults.js";
+import "../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
+import "vue-router";
+import "@vueuse/core";
+import "../tt-button/index.js";
+import "../tt-icon/index.js";
+/* empty css                                            */
+/* empty css                                        */
+import "../tt-form/src/components/Slot.js";
+import "../tt-form-item-error-tooltip/index.js";
+/* empty css                                      */
+import "../tt-form/src/form/RenderContent.vue.js";
+import "@vee-validate/zod";
+import "../tt-text/index.js";
+import "../tt-form/src/form-render/FormFieldContact.js";
+/* empty css                                  */
+/* empty css                       */
+import "../tt-nav-anchor/index.js";
+/* empty css                                         */
+/* empty css                                      */
+const X = t(o), Y = t(m);
+export {
+  X as TtVTable,
+  Y as TtVTableForm,
+  X as default
+};

package/dist/components/tt-vtable/src/components/TtVTable.vue.d.ts

@@ -0,0 +1,188 @@
+import { TtVTableApi, TtVTableColumn, TtVTableEditCommit, TtVTableFeatureOptions, TtVTableFetchRecords, TtVTableFetchRequest, TtVTableFetchResponse, TtVTableMutationMode, TtVTableNativeEvents, TtVTableNativeOptions, TtVTablePageChange, TtVTableRecordChange, TtVTableRenderingOptions, TtVTableRowKey, TtVTableRowKeySource, TtVTableSortDescriptor, TtVTableTreeLoadError, TtVTableTreeLoadSuccess } from '../public';
+import { TtVTableController } from '../runtime/createVTableController';
+/** 组件内部统一使用的记录类型。 */
+type VTableRow = Record<string, unknown>;
+/** 组件内部统一使用的查询参数。 */
+type VTableQueryParams = Record<string, unknown>;
+/** TtVTable 运行时属性。 */
+interface VTableComponentProps {
+    /** 本地记录根快照。 */
+    records?: readonly VTableRow[];
+    /** 远程记录请求。 */
+    fetchRecords?: TtVTableFetchRecords<VTableRow, VTableQueryParams>;
+    /** 语义列。 */
+    columns: readonly TtVTableColumn<VTableRow, TtVTableRowKey>[];
+    /** 稳定业务主键来源。 */
+    rowKey: TtVTableRowKeySource<VTableRow, TtVTableRowKey>;
+    /** 远程查询参数根。 */
+    queryParams?: VTableQueryParams;
+    /** 可组合 feature。 */
+    features?: TtVTableFeatureOptions<VTableRow, TtVTableRowKey>;
+    /** 记录所有权策略。 */
+    mutationMode?: TtVTableMutationMode;
+    /** Vue DOM 渲染配置。 */
+    rendering?: TtVTableRenderingOptions;
+    /** 安全原生 options。 */
+    nativeOptions?: TtVTableNativeOptions;
+    /** 安全原生事件。 */
+    nativeEvents?: TtVTableNativeEvents;
+    /** 表格整体宽度。 */
+    width?: number | string;
+    /** 表格整体高度。 */
+    height?: number | string;
+    /** useVTable 使用的内部稳定控制器。 */
+    controller?: TtVTableController<VTableRow, TtVTableRowKey>;
+}
+/** TtVTable 属性。 */
+type __VLS_Props = VTableComponentProps;
+type __VLS_PublicProps = {
+    "selectedRowKeys"?: TtVTableRowKey[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbar?(_: {
+            tableApi: TtVTableApi<VTableRow, TtVTableRowKey>;
+        }): any;
+        empty?(_: {
+            tableApi: TtVTableApi<VTableRow, TtVTableRowKey>;
+        }): any;
+        error?(_: {
+            error: Error;
+            tableApi: TtVTableApi<VTableRow, TtVTableRowKey>;
+            retry: () => Promise<boolean>;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    tableApi: TtVTableApi<VTableRow, TtVTableRowKey>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "fetch-success": (response: TtVTableFetchResponse<VTableRow>, request: TtVTableFetchRequest<VTableQueryParams>) => any;
+    "fetch-error": (error: Error, request: TtVTableFetchRequest<VTableQueryParams>) => any;
+    ready: (tableApi: TtVTableApi<VTableRow, TtVTableRowKey>) => any;
+    "sort-change": (sort: readonly TtVTableSortDescriptor[]) => any;
+    "filter-change": (filters: Readonly<Record<string, unknown>>) => any;
+    "page-change": (change: TtVTablePageChange) => any;
+    "record-change": (change: TtVTableRecordChange<VTableRow, TtVTableRowKey>) => any;
+    "edit-commit": (change: TtVTableEditCommit<TtVTableRowKey>) => any;
+    "edit-error": (error: Error) => any;
+    "tree-load-success": (change: TtVTableTreeLoadSuccess<VTableRow, TtVTableRowKey>) => any;
+    "tree-load-error": (failure: TtVTableTreeLoadError<TtVTableRowKey>) => any;
+    "column-preferences-change": (preferences: unknown) => any;
+    "update:selectedRowKeys": (value: TtVTableRowKey[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onFetch-success"?: ((response: TtVTableFetchResponse<VTableRow>, request: TtVTableFetchRequest<VTableQueryParams>) => any) | undefined;
+    "onFetch-error"?: ((error: Error, request: TtVTableFetchRequest<VTableQueryParams>) => any) | undefined;
+    onReady?: ((tableApi: TtVTableApi<VTableRow, TtVTableRowKey>) => any) | undefined;
+    "onSort-change"?: ((sort: readonly TtVTableSortDescriptor[]) => any) | undefined;
+    "onFilter-change"?: ((filters: Readonly<Record<string, unknown>>) => any) | undefined;
+    "onPage-change"?: ((change: TtVTablePageChange) => any) | undefined;
+    "onRecord-change"?: ((change: TtVTableRecordChange<VTableRow, TtVTableRowKey>) => any) | undefined;
+    "onEdit-commit"?: ((change: TtVTableEditCommit<TtVTableRowKey>) => any) | undefined;
+    "onEdit-error"?: ((error: Error) => any) | undefined;
+    "onTree-load-success"?: ((change: TtVTableTreeLoadSuccess<VTableRow, TtVTableRowKey>) => any) | undefined;
+    "onTree-load-error"?: ((failure: TtVTableTreeLoadError<TtVTableRowKey>) => any) | undefined;
+    "onColumn-preferences-change"?: ((preferences: unknown) => any) | undefined;
+    "onUpdate:selectedRowKeys"?: ((value: TtVTableRowKey[]) => any) | undefined;
+}>, {
+    width: number | string;
+    height: number | string;
+    records: readonly VTableRow[];
+    queryParams: VTableQueryParams;
+    nativeOptions: TtVTableNativeOptions;
+    rendering: TtVTableRenderingOptions;
+    fetchRecords: TtVTableFetchRecords<VTableRow, VTableQueryParams>;
+    features: TtVTableFeatureOptions<VTableRow, TtVTableRowKey>;
+    mutationMode: TtVTableMutationMode;
+    nativeEvents: Partial<{
+        keydown: import('../public').TtVTableNativeEventListener<"keydown">;
+        scroll: import('../public').TtVTableNativeEventListener<"scroll">;
+        updated: import('../public').TtVTableNativeEventListener<"updated">;
+        selected_cell: import('../public').TtVTableNativeEventListener<"selected_cell">;
+        selected_clear: import('../public').TtVTableNativeEventListener<"selected_clear">;
+        click_cell: import('../public').TtVTableNativeEventListener<"click_cell">;
+        dblclick_cell: import('../public').TtVTableNativeEventListener<"dblclick_cell">;
+        mouseenter_table: import('../public').TtVTableNativeEventListener<"mouseenter_table">;
+        mouseleave_table: import('../public').TtVTableNativeEventListener<"mouseleave_table">;
+        mousedown_table: import('../public').TtVTableNativeEventListener<"mousedown_table">;
+        mousemove_table: import('../public').TtVTableNativeEventListener<"mousemove_table">;
+        mouseenter_cell: import('../public').TtVTableNativeEventListener<"mouseenter_cell">;
+        mouseleave_cell: import('../public').TtVTableNativeEventListener<"mouseleave_cell">;
+        mousemove_cell: import('../public').TtVTableNativeEventListener<"mousemove_cell">;
+        mousedown_cell: import('../public').TtVTableNativeEventListener<"mousedown_cell">;
+        mouseup_cell: import('../public').TtVTableNativeEventListener<"mouseup_cell">;
+        contextmenu_cell: import('../public').TtVTableNativeEventListener<"contextmenu_cell">;
+        contextmenu_canvas: import('../public').TtVTableNativeEventListener<"contextmenu_canvas">;
+        before_keydown: import('../public').TtVTableNativeEventListener<"before_keydown">;
+        can_scroll: import('../public').TtVTableNativeEventListener<"can_scroll">;
+        scroll_vertical_end: import('../public').TtVTableNativeEventListener<"scroll_vertical_end">;
+        scroll_horizontal_end: import('../public').TtVTableNativeEventListener<"scroll_horizontal_end">;
+        resize_column: import('../public').TtVTableNativeEventListener<"resize_column">;
+        resize_column_end: import('../public').TtVTableNativeEventListener<"resize_column_end">;
+        resize_row: import('../public').TtVTableNativeEventListener<"resize_row">;
+        resize_row_end: import('../public').TtVTableNativeEventListener<"resize_row_end">;
+        change_header_position: import('../public').TtVTableNativeEventListener<"change_header_position">;
+        change_header_position_start: import('../public').TtVTableNativeEventListener<"change_header_position_start">;
+        changing_header_position: import('../public').TtVTableNativeEventListener<"changing_header_position">;
+        change_header_position_fail: import('../public').TtVTableNativeEventListener<"change_header_position_fail">;
+        sort_click: import('../public').TtVTableNativeEventListener<"sort_click">;
+        after_sort: import('../public').TtVTableNativeEventListener<"after_sort">;
+        freeze_click: import('../public').TtVTableNativeEventListener<"freeze_click">;
+        dropdown_menu_click: import('../public').TtVTableNativeEventListener<"dropdown_menu_click">;
+        mouseover_chart_symbol: import('../public').TtVTableNativeEventListener<"mouseover_chart_symbol">;
+        drag_select_end: import('../public').TtVTableNativeEventListener<"drag_select_end">;
+        selected_changed: import('../public').TtVTableNativeEventListener<"selected_changed">;
+        copy_data: import('../public').TtVTableNativeEventListener<"copy_data">;
+        drillmenu_click: import('../public').TtVTableNativeEventListener<"drillmenu_click">;
+        dropdown_icon_click: import('../public').TtVTableNativeEventListener<"dropdown_icon_click">;
+        dropdown_menu_clear: import('../public').TtVTableNativeEventListener<"dropdown_menu_clear">;
+        show_menu: import('../public').TtVTableNativeEventListener<"show_menu">;
+        hide_menu: import('../public').TtVTableNativeEventListener<"hide_menu">;
+        icon_click: import('../public').TtVTableNativeEventListener<"icon_click">;
+        pivot_sort_click: import('../public').TtVTableNativeEventListener<"pivot_sort_click">;
+        vchart_event_type: import('../public').TtVTableNativeEventListener<"vchart_event_type">;
+        change_order: import('../public').TtVTableNativeEventListener<"change_order">;
+        source_length_update: import('../public').TtVTableNativeEventListener<"source_length_update">;
+        legend_item_click: import('../public').TtVTableNativeEventListener<"legend_item_click">;
+        legend_item_hover: import('../public').TtVTableNativeEventListener<"legend_item_hover">;
+        legend_item_unHover: import('../public').TtVTableNativeEventListener<"legend_item_unHover">;
+        legend_change: import('../public').TtVTableNativeEventListener<"legend_change">;
+        mouseenter_axis: import('../public').TtVTableNativeEventListener<"mouseenter_axis">;
+        mouseleave_axis: import('../public').TtVTableNativeEventListener<"mouseleave_axis">;
+        switch_state_change: import('../public').TtVTableNativeEventListener<"switch_state_change">;
+        before_init: import('../public').TtVTableNativeEventListener<"before_init">;
+        before_update_option: import('../public').TtVTableNativeEventListener<"before_update_option">;
+        before_set_size: import('../public').TtVTableNativeEventListener<"before_set_size">;
+        after_render: import('../public').TtVTableNativeEventListener<"after_render">;
+        initialized: import('../public').TtVTableNativeEventListener<"initialized">;
+        after_update_cell_content_width: import('../public').TtVTableNativeEventListener<"after_update_cell_content_width">;
+        after_update_select_border_height: import('../public').TtVTableNativeEventListener<"after_update_select_border_height">;
+        mousedown_fill_handle: import('../public').TtVTableNativeEventListener<"mousedown_fill_handle">;
+        drag_fill_handle_end: import('../public').TtVTableNativeEventListener<"drag_fill_handle_end">;
+        dblclick_fill_handle: import('../public').TtVTableNativeEventListener<"dblclick_fill_handle">;
+        empty_tip_click: import('../public').TtVTableNativeEventListener<"empty_tip_click">;
+        empty_tip_dblclick: import('../public').TtVTableNativeEventListener<"empty_tip_dblclick">;
+        button_click: import('../public').TtVTableNativeEventListener<"button_click">;
+        before_cache_chart_image: import('../public').TtVTableNativeEventListener<"before_cache_chart_image">;
+        pasted_data: import('../public').TtVTableNativeEventListener<"pasted_data">;
+        plugin_event: import('../public').TtVTableNativeEventListener<"plugin_event">;
+        add_record: import('../public').TtVTableNativeEventListener<"add_record">;
+        delete_record: import('../public').TtVTableNativeEventListener<"delete_record">;
+        update_record: import('../public').TtVTableNativeEventListener<"update_record">;
+        add_column: import('../public').TtVTableNativeEventListener<"add_column">;
+        delete_column: import('../public').TtVTableNativeEventListener<"delete_column">;
+        merge_cells: import('../public').TtVTableNativeEventListener<"merge_cells">;
+        unmerge_cells: import('../public').TtVTableNativeEventListener<"unmerge_cells">;
+    }>;
+    controller: TtVTableController<VTableRow, TtVTableRowKey>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tt-vtable/src/components/TtVTable.vue.js

@@ -0,0 +1,227 @@
+import { defineComponent as ae, mergeModels as L, useModel as ie, useSlots as se, getCurrentInstance as le, computed as s, watch as ce, onScopeDispose as ue, createElementBlock as de, openBlock as u, normalizeStyle as fe, createBlock as p, createCommentVNode as m, createVNode as $, unref as r, createSlots as B, withCtx as v, renderSlot as y } from "vue";
+import "axios";
+import "element-plus";
+import { isNumber as d } from "../../../../packages/utils/src/is.js";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import { createTtVTableError as f } from "../public/table-errors.js";
+import { createVTableRuntime as he } from "../runtime/createVTableRuntime.js";
+import ge from "./VTableEmpty.vue.js";
+import pe from "./VTablePagination.vue.js";
+import me from "./VTableSelectionAlert.vue.js";
+import ve from "./VTableToolbar.vue.js";
+import ye from "./VTableViewport.vue.js";
+/* empty css                   */
+const De = /* @__PURE__ */ ae({
+  name: "TtVTable",
+  inheritAttrs: !1,
+  __name: "TtVTable",
+  props: /* @__PURE__ */ L({
+    records: { default: void 0 },
+    fetchRecords: { type: Function, default: void 0 },
+    columns: {},
+    rowKey: {},
+    queryParams: { default: () => ({}) },
+    features: { default: () => ({}) },
+    mutationMode: { default: "copy-on-write" },
+    rendering: { default: () => ({}) },
+    nativeOptions: { default: void 0 },
+    nativeEvents: { default: void 0 },
+    width: { default: "100%" },
+    height: { default: 400 },
+    controller: { default: void 0 }
+  }, {
+    selectedRowKeys: { default: () => [] },
+    selectedRowKeysModifiers: {}
+  }),
+  emits: /* @__PURE__ */ L(["ready", "record-change", "fetch-success", "fetch-error", "page-change", "sort-change", "filter-change", "edit-commit", "edit-error", "tree-load-success", "tree-load-error", "column-preferences-change"], ["update:selectedRowKeys"]),
+  setup(w, { expose: M, emit: D }) {
+    var b;
+    const t = w, j = ie(w, "selectedRowKeys"), a = D, l = se(), h = le(), x = s(() => ({
+      width: d(t.width) ? `${t.width}px` : t.width,
+      height: d(t.height) ? `${t.height}px` : t.height
+    })), Q = s(() => {
+      var n;
+      const e = (n = t.features) == null ? void 0 : n.toolbar;
+      return e !== !1 && !!e;
+    }), U = s(() => {
+      var n;
+      const e = (n = t.features) == null ? void 0 : n.pagination;
+      return e !== !1 && !!e;
+    });
+    function Z() {
+      const e = (h == null ? void 0 : h.vnode.props) ?? {}, n = Object.hasOwn(e, "records"), c = Object.hasOwn(e, "fetchRecords") || Object.hasOwn(e, "fetch-records");
+      if (n && c)
+        throw f("TT_VTABLE_SOURCE_CONFLICT", "records 与 fetchRecords 不能同时传入。", {});
+      if (!t.rowKey)
+        throw f("TT_VTABLE_ROW_KEY_REQUIRED", "TtVTable 必须配置 rowKey。", {});
+      if (d(t.width) && t.width <= 0)
+        throw f("TT_VTABLE_CONTAINER_SIZE_INVALID", "表格 width 必须大于 0。", {
+          width: t.width
+        });
+      if (d(t.height) && t.height <= 0)
+        throw f("TT_VTABLE_CONTAINER_SIZE_INVALID", "表格 height 必须大于 0。", {
+          height: t.height
+        });
+    }
+    Z();
+    const i = he({
+      records: t.records,
+      getRecords: () => t.records,
+      getColumns: () => t.columns,
+      rowKey: t.rowKey,
+      selectedRowKeys: j,
+      getQueryParams: () => t.queryParams,
+      getFeatures: () => t.features,
+      getNativeEvents: () => t.nativeEvents,
+      fetchRecords: t.fetchRecords,
+      mutationMode: t.mutationMode,
+      onRecordChange: (e) => a("record-change", e),
+      onFetchSuccess: (e, n) => a("fetch-success", e, n),
+      onFetchError: (e, n) => a("fetch-error", e, n),
+      onPageChange: (e) => a("page-change", e),
+      onSortChange: (e) => a("sort-change", e),
+      onFilterChange: (e) => a("filter-change", e),
+      onEditCommit: (e) => a("edit-commit", e),
+      onEditError: (e) => a("edit-error", e),
+      onTreeLoadSuccess: (e) => a("tree-load-success", e),
+      onTreeLoadError: (e) => a("tree-load-error", e),
+      onColumnPreferencesChange: (e) => a("column-preferences-change", e)
+    }), o = i.tableApi;
+    (b = t.controller) == null || b.bind(o);
+    const W = l, Y = s(
+      () => o.records.count.value === 0 || o.query.isFetching.value && o.records.count.value === 0
+    ), g = s(() => o.records.count.value === 0 ? o.query.error.value : void 0), G = s(
+      () => o.columns.columns.value.map((e) => ({
+        key: e.key,
+        title: e.title || e.key,
+        visible: e.visible !== !1
+      }))
+    );
+    function H(e) {
+      i.acceptNativeInstance(e), a("ready", o);
+    }
+    function J(e) {
+      i.clearNativeInstance(e);
+    }
+    function X(e, n) {
+      i.acceptViewportSize(e, n);
+    }
+    function ee(e) {
+    }
+    function te() {
+      o.query.refresh();
+    }
+    function oe(e, n) {
+      n ? o.columns.show(e) : o.columns.hide(e);
+    }
+    function re() {
+      o.columns.resetPreferences();
+    }
+    function ne() {
+      o.query.fetch();
+    }
+    return ce(
+      () => t.records,
+      (e) => i.acceptRecords(e ?? [])
+    ), ue(() => {
+      var e;
+      (e = t.controller) == null || e.unbind(o), i.release();
+    }), M({ tableApi: o }), (e, n) => {
+      var c, R, C, _, T, E, S, V, k, O, P, A, z, N, I, K, q, F;
+      return u(), de("div", {
+        class: "tt-vtable",
+        style: fe(x.value)
+      }, [
+        Q.value ? (u(), p(ve, {
+          key: 0,
+          "show-refresh": ((c = t.features) == null ? void 0 : c.toolbar) !== !1 && ((C = (R = t.features) == null ? void 0 : R.toolbar) == null ? void 0 : C.refresh) !== !1,
+          "show-column-preferences": ((_ = t.features) == null ? void 0 : _.toolbar) !== !1 && !!((E = (T = t.features) == null ? void 0 : T.toolbar) != null && E.columns),
+          refreshing: r(o).query.isFetching.value,
+          columns: G.value,
+          onRefresh: te,
+          onColumnVisibilityChange: oe,
+          onResetColumns: re
+        }, B({ _: 2 }, [
+          r(l).toolbar ? {
+            name: "left",
+            fn: v(() => [
+              y(e.$slots, "toolbar", { tableApi: r(o) })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["show-refresh", "show-column-preferences", "refreshing", "columns"])) : m("", !0),
+        $(me, {
+          "selected-count": r(o).selection.keys.value.length,
+          "loaded-count": r(o).selection.loadedRows.value.length,
+          "missing-count": r(o).selection.missingKeys.value.length,
+          onClear: r(o).selection.clear
+        }, null, 8, ["selected-count", "loaded-count", "missing-count", "onClear"]),
+        $(ye, {
+          columns: r(i).renderColumns.value,
+          "table-api": r(o),
+          "renderer-slots": r(W),
+          "get-row-key": r(i).getRowKey,
+          "native-options": t.nativeOptions,
+          rendering: t.rendering,
+          width: "100%",
+          height: "auto",
+          onReady: H,
+          onRelease: J,
+          onResize: X,
+          onError: ee
+        }, null, 8, ["columns", "table-api", "renderer-slots", "get-row-key", "native-options", "rendering"]),
+        Y.value ? (u(), p(ge, {
+          key: 1,
+          loading: r(o).query.isFetching.value,
+          error: g.value,
+          onRetry: ne
+        }, B({ _: 2 }, [
+          r(l).empty ? {
+            name: "empty",
+            fn: v(() => [
+              y(e.$slots, "empty", { tableApi: r(o) })
+            ]),
+            key: "0"
+          } : void 0,
+          r(l).error && g.value ? {
+            name: "error",
+            fn: v(() => [
+              y(e.$slots, "error", {
+                error: g.value,
+                tableApi: r(o),
+                retry: r(o).query.fetch
+              })
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["loading", "error"])) : m("", !0),
+        U.value ? (u(), p(pe, {
+          key: 2,
+          page: r(o).pagination.page.value,
+          "page-size": r(o).pagination.pageSize.value,
+          total: r(o).pagination.total.value,
+          "page-sizes": ((S = t.features) == null ? void 0 : S.pagination) === !1 ? void 0 : [...((k = (V = t.features) == null ? void 0 : V.pagination) == null ? void 0 : k.pageSizes) ?? [20, 50, 100, 200]],
+          layout: ((O = t.features) == null ? void 0 : O.pagination) === !1 || (A = (P = t.features) == null ? void 0 : P.pagination) == null ? void 0 : A.layout,
+          background: ((z = t.features) == null ? void 0 : z.pagination) === !1 ? !1 : (I = (N = t.features) == null ? void 0 : N.pagination) == null ? void 0 : I.background,
+          "hide-on-single-page": ((K = t.features) == null ? void 0 : K.pagination) === !1 ? !1 : (F = (q = t.features) == null ? void 0 : q.pagination) == null ? void 0 : F.hideOnSinglePage,
+          disabled: r(o).query.isFetching.value,
+          onPageChange: r(o).pagination.setPage,
+          onPageSizeChange: r(o).pagination.setPageSize
+        }, null, 8, ["page", "page-size", "total", "page-sizes", "layout", "background", "hide-on-single-page", "disabled", "onPageChange", "onPageSizeChange"])) : m("", !0)
+      ], 4);
+    };
+  }
+});
+export {
+  De as default
+};

package/dist/components/tt-vtable/src/components/TtVTable.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TtVTable.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-vtable/src/components/TtVTableForm.vue.d.ts

@@ -0,0 +1,32 @@
+import { TtFormProps } from '../../../tt-form';
+import { TtVTableProps, TtVTableRowKey } from '../public';
+import { TtVTableFormApi } from '../features/form-integration/useVTableForm';
+/** 表单表格内部记录类型。 */
+type VTableFormRow = Record<string, unknown>;
+/** 表单查询值类型。 */
+type VTableFormValues = Record<string, unknown>;
+/** TtVTableForm 属性。 */
+interface VTableFormComponentProps {
+    /** TtForm 配置。 */
+    form: TtFormProps<VTableFormValues>;
+    /** TtVTable 配置。 */
+    table: TtVTableProps<VTableFormRow, TtVTableRowKey, VTableFormValues>;
+}
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<VTableFormComponentProps, {
+    formTableApi: TtVTableFormApi<VTableFormRow, TtVTableRowKey>;
+    formApi: import('../../../tt-form/src/types').ExtendedFormApi;
+    tableApi: import('../public').TtVTableApi<VTableFormRow, TtVTableRowKey>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ready: (formTableApi: TtVTableFormApi<VTableFormRow, TtVTableRowKey>) => any;
+}, string, import('vue').PublicProps, Readonly<VTableFormComponentProps> & Readonly<{
+    onReady?: ((formTableApi: TtVTableFormApi<VTableFormRow, TtVTableRowKey>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};