@dazhicheng/ui 1.6.19 → 1.6.21

package/dist/components/tt-table/src/TableForm.vue.d.ts

@@ -2,7 +2,7 @@ import { Slot, nextTick } from 'vue';
 import { TtModalExtendedModalApi } from '../../tt-modal';
 import { Recordable } from '../../../../../utils/src';
 import { TtTableProps } from './types/table';
-import { TtTableExtendedTableFormApi, TtTableFormProps } from './types/tableForm';
+import { TtTableExtendedTableFormApi, TtTableFormProps, TtTableSearchBeforeResult, TtTableSearchTrigger } from './types/tableForm';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -331,6 +331,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             immediate?: boolean;
             afterFetch?: ((data: any[], res: globalThis.Recordable | globalThis.Recordable[]) => Promise<any[]>) | undefined;
             beforeFetch?: (params: globalThis.Recordable) => Promise<globalThis.Recordable>;
+            beforePageChange?: (page: import("vxe-table").VxeGridPropTypes.PagerConfig) => boolean | Promise<boolean>;
             isScrollFetch?: boolean;
             showToolbar?: boolean;
             columnsFieldSort?: string[];
@@ -370,10 +371,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     instance: import('vue').ComponentInternalInstance | null;
     setTableProps: (props: Partial<TtTableProps<any>>) => void;
-    setFormProps: (props: import('../../../index').TtTableFormRenderFormProps) => void;
+    setFormProps: (props: Partial<import('../../../index').TtFormProps<Record<string, any>>>) => void;
     tableMethods: import('../../../index').TtTableMethods<any>;
-    formMethods: import('../../../index').TtTableRenderFormInstance;
-    setProps: (props: Partial<TtTableFormProps<any>>) => void;
+    formMethods: import('../../../index').TtTableRenderFormInstance<Record<string, any>>;
+    setProps: (props: Partial<TtTableFormProps<any, Record<string, any>>>) => void;
     reload: import('../../../index').TtTableMethods<Row>["reload"];
     selectedKeys: import('vue').MaybeRef<import('../../../index').TtSelectRowKeysType>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -558,6 +559,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             immediate?: boolean;
             afterFetch?: ((data: any[], res: globalThis.Recordable | globalThis.Recordable[]) => Promise<any[]>) | undefined;
             beforeFetch?: (params: globalThis.Recordable) => Promise<globalThis.Recordable>;
+            beforePageChange?: (page: import("vxe-table").VxeGridPropTypes.PagerConfig) => boolean | Promise<boolean>;
             isScrollFetch?: boolean;
             showToolbar?: boolean;
             columnsFieldSort?: string[];
@@ -602,7 +604,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     handleSearchInfoFn: Fn<any, any>;
     toolConfig: import('../../../index').TtTableToolsProps;
     tableRefreshBefore: Fn<any, any>;
-    tableSearchBefore: (values: Recordable) => import('../../../index').TtTableSearchBeforeResult | Promise<import('../../../index').TtTableSearchBeforeResult>;
+    tableSearchBefore: (values: Record<string, any>, trigger: TtTableSearchTrigger) => TtTableSearchBeforeResult | Promise<TtTableSearchBeforeResult>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     columnModalRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/components/tt-table/src/TableForm.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as Ve, useSlots as Be, getCurrentInstance as Ke, ref as ke, shallowReactive as He, onScopeDispose as Y, computed as d, unref as r, shallowRef as Le, toRaw as P, watch as w, toValue as S, onMounted as ze, nextTick as Z, createElementBlock as ee, openBlock as te, normalizeClass as V, createCommentVNode as je, createElementVNode as xe, createVNode as M, renderSlot as l, createSlots as B, renderList as oe, withCtx as h, normalizeProps as re, guardReactiveProps as ae, mergeProps as ie, toHandlers as Ne, isRef as We } from "vue";
+import { defineComponent as ke, useSlots as He, getCurrentInstance as Le, ref as ze, shallowReactive as je, onScopeDispose as ee, computed as b, unref as r, shallowRef as xe, toRaw as M, watch as S, toValue as y, onMounted as Ne, nextTick as te, createElementBlock as oe, openBlock as re, normalizeClass as K, createCommentVNode as We, createElementVNode as Ge, createVNode as O, renderSlot as l, createSlots as k, renderList as ae, withCtx as g, normalizeProps as ie, guardReactiveProps as se, mergeProps as ne, toHandlers as Je, isRef as qe } from "vue";
 import "../../tt-button/index.js";
 import "../../tt-checkbox/index.js";
 import "../../tt-empty/index.js";
 import "axios";
 import "element-plus";
-import { isFunction as se, isObject as Je } from "../../../packages/utils/src/is.js";
+import { isFunction as le, isObject as Qe } from "../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
-import { extractResourceFromApi as qe, generateTestId as O } from "../../../packages/utils/src/testid-helper.js";
+import { extractResourceFromApi as Ue, generateTestId as D } from "../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
-import { mergeWithArrayOverride as Ge } from "../../../packages/utils/src/merge.js";
+import { mergeWithArrayOverride as Xe } from "../../../packages/utils/src/merge.js";
 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";
@@ -25,16 +25,16 @@ import "../../tt-upload/index.js";
 import "../../tt-api-component/index.js";
 import "vee-validate";
 import "../../../utils/uppercaseInput.js";
-import { useForm as Qe } from "../../tt-form/src/useForm.js";
+import { useForm as Ye } from "../../tt-form/src/useForm.js";
 import "zod";
 import "@vee-validate/zod";
-import { useStore as Ue } from "@tanstack/vue-store";
+import { useStore as Ze } from "@tanstack/vue-store";
 import "es-toolkit/compat";
 import "../../tt-form/src/shared/zod-defaults.js";
 import "../../tt-nav-anchor/index.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 { useDesign as Xe } from "../../../packages/hooks/src/useDesign.js";
-import { useDebounceFn as v } from "../../../packages/hooks/src/useDebounce.js";
+import { useDesign as et } from "../../../packages/hooks/src/useDesign.js";
+import { useDebounceFn as F } from "../../../packages/hooks/src/useDebounce.js";
 import "vue-router";
 import "../../tt-icon/index.js";
 import "../../tt-form/src/components/Slot.js";
@@ -50,7 +50,7 @@ import "../../tt-drawer/index.js";
 import "../../tt-modal/index.js";
 import "../../tt-text/index.js";
 import "../../../directives/disabled-tip/index.js";
-import { GlobalConfig as Ye } from "../../../hooks/useSetup.js";
+import { GlobalConfig as tt } from "../../../hooks/useSetup.js";
 import "../../tt-log/index.js";
 /* empty css                            */
 /* empty css                                    */
@@ -61,25 +61,25 @@ import "../../tt-log/index.js";
 import "../../tt-loading/index.js";
 import "../index.js";
 import "../../../hooks/basicDataCodes.js";
-import { useTemplateSlot as ne } from "../../../hooks/useTemplateSlot.js";
-import Ze from "./components/TableColumnModal.vue2.js";
+import { useTemplateSlot as me } from "../../../hooks/useTemplateSlot.js";
+import ot from "./components/TableColumnModal.vue2.js";
 /* empty css                                */
-import et from "./components/TableToolbarTools.vue.js";
-import { basicTableEmits as tt } from "./emits.js";
-import { useColumnPersistence as ot } from "./hooks/useColumnPersistence.js";
-import { createTableFormContext as rt } from "./hooks/useTableContext.js";
-import { useTableForm as at } from "./hooks/useTableForm.js";
-import { useSyncProps as it } from "./hooks/useSyncProps.js";
-import { tableFormProps as st } from "./props.js";
-import nt from "./Table.vue.js";
+import rt from "./components/TableToolbarTools.vue.js";
+import { basicTableEmits as at } from "./emits.js";
+import { useColumnPersistence as it } from "./hooks/useColumnPersistence.js";
+import { createTableFormContext as st } from "./hooks/useTableContext.js";
+import { useTableForm as nt } from "./hooks/useTableForm.js";
+import { useSyncProps as lt } from "./hooks/useSyncProps.js";
+import { tableFormProps as mt } from "./props.js";
+import ut from "./Table.vue.js";
 /* empty css           */
-import { forwardedEventEntries as lt } from "./table-mutation-events.js";
-import { TableFormApi as mt } from "./utils/table-form-api.js";
-import { provideFormActionTestIds as pt } from "./utils/context.js";
-const ct = ["data-testid"], ut = ["data-testid"], ko = /* @__PURE__ */ Ve({
+import { forwardedEventEntries as pt } from "./table-mutation-events.js";
+import { TableFormApi as ct } from "./utils/table-form-api.js";
+import { provideFormActionTestIds as ft } from "./utils/context.js";
+const dt = ["data-testid"], bt = ["data-testid"], zo = /* @__PURE__ */ ke({
   name: "TtTableForm",
   __name: "TableForm",
-  props: st,
+  props: mt,
   emits: [
     "register",
     "columns-setting",
@@ -87,121 +87,138 @@ const ct = ["data-testid"], ut = ["data-testid"], ko = /* @__PURE__ */ Ve({
     "export",
     "import",
     "set-columns",
-    ...tt
+    ...at
   ],
-  setup(le, { expose: me, emit: pe }) {
-    var q, G, Q;
-    const n = le, C = pe, D = Be(), g = Ke(), { prefixCls: $ } = Xe("table-form");
-    function K() {
+  setup(ue, { expose: pe, emit: ce }) {
+    var Q, U, X;
+    const n = ue, v = ce, R = He(), h = Le(), { prefixCls: $ } = et("table-form");
+    function H() {
       var e;
-      return Object.hasOwn(((e = g == null ? void 0 : g.vnode) == null ? void 0 : e.props) || {}, "table");
+      return Object.hasOwn(((e = h == null ? void 0 : h.vnode) == null ? void 0 : e.props) || {}, "table");
     }
-    const E = ke();
+    const E = ze();
     let o = n.tableFormApi;
-    o || (o = new mt(n), o.useStore = (e) => Ue(o.store, e));
-    const k = He({});
-    function H() {
-      Object.assign(k, P(o.store.state) || {});
+    o || (o = new ct(n), o.useStore = (e) => Ze(o.store, e));
+    const L = je({});
+    function z() {
+      Object.assign(L, M(o.store.state) || {});
     }
-    H(), Y(o.store.subscribe(H));
-    const c = d(() => k), T = d(() => {
+    z(), ee(o.store.subscribe(z));
+    const m = b(() => L), T = b(() => {
       var t;
       if (n.testId) return n.testId;
-      const e = (t = r(c).table) == null ? void 0 : t.api;
-      return e ? qe(e) : "table";
-    }), ce = d(() => O(r(T), "tableform")), ue = d(() => O(r(T), "search-form-header"));
-    pt(
-      d(() => ({
-        submit: O(r(T), "search-btn-query"),
-        reset: O(r(T), "search-btn-reset")
+      const e = (t = r(m).table) == null ? void 0 : t.api;
+      return e ? Ue(e) : "table";
+    }), fe = b(() => D(r(T), "tableform")), de = b(() => D(r(T), "search-form-header"));
+    ft(
+      b(() => ({
+        submit: D(r(T), "search-btn-query"),
+        reset: D(r(T), "search-btn-reset")
       }))
     );
-    const { getSlotKeys: de, replaceSlotKey: fe } = ne("form-"), { getSlotKeys: be, replaceSlotKey: he } = ne("t-"), { getFormProps: R, getTableProps: m, getTableToolProps: ge, submitSearchQuery: L } = at(
-      c,
+    const { getSlotKeys: be, replaceSlotKey: ge } = me("form-"), { getSlotKeys: he, replaceSlotKey: we } = me("t-"), { getFormProps: _, getTableProps: u, getTableToolProps: Se, submitSearchQuery: j } = nt(
+      m,
       o.tableApi.reload,
       o.tableApi.getLoading,
       o.tableApi.getPagination
-    ), z = Le([]), we = d(() => (n.table, !K() || !n.table ? !1 : (n.table.data, Object.hasOwn(P(n.table), "data"))));
-    let _ = () => {
+    ), x = xe([]), ye = b(() => (n.table, !H() || !n.table ? !1 : (n.table.data, Object.hasOwn(M(n.table), "data"))));
+    let I = () => {
     };
-    function Se(e) {
-      _(), _ = w(
-        () => S(e),
+    function Te(e) {
+      I(), I = S(
+        () => y(e),
         (t) => {
-          z.value = t || [];
+          x.value = t || [];
         },
-        { immediate: !0, deep: We(e) ? !1 : 1 }
+        { immediate: !0, deep: qe(e) ? !1 : 1 }
       );
     }
-    function Te() {
+    function Ce() {
       if (n.table)
-        return n.table.data, P(n.table).data;
+        return n.table.data, M(n.table).data;
+    }
+    S(Ce, (e) => Te(e), { immediate: !0 });
+    async function Fe() {
+      await o.tableApi.reloadData([]), o.tableApi.setPagination({ total: 0 });
+    }
+    async function ve() {
+      return !r(m).useSearchForm || !a.isMounted ? {} : await a.getValues();
+    }
+    let V = !1;
+    async function P(e, t) {
+      const { tableSearchBefore: i } = r(m);
+      if (!le(i)) return !0;
+      if (V) return !1;
+      V = !0;
+      let s;
+      try {
+        s = await i(t || await ve(), e);
+      } catch {
+        return !1;
+      } finally {
+        V = !1;
+      }
+      if (c) return !1;
+      const { canSearch: p, clearData: w } = Qe(s) ? s : { canSearch: s, clearData: !1 };
+      return w && await Fe(), p !== !1;
     }
-    w(Te, (e) => Se(e), { immediate: !0 });
-    const { run: ye } = v(
+    async function Pe() {
+      return await P("page");
+    }
+    const { run: Ae } = F(
       async () => {
         const e = await a.getValues();
         await a.resetForm(e, { force: !0 });
         const t = await a.getValues();
-        a.setLatestSubmissionValues(t), (await a.validate()).valid && L(t);
+        a.setLatestSubmissionValues(t), (await a.validate()).valid && await P("reset", t) && await j(t);
       },
       200,
       { leading: !0 }
-    );
-    async function ve() {
-      await o.tableApi.reloadData([]), o.tableApi.setPagination({ currentPage: 1, total: 0 });
-    }
-    async function Ce(e) {
-      const { tableSearchBefore: t } = r(c);
-      if (!se(t)) return !0;
-      const i = await t(e), { canSearch: s, clearData: p } = Je(i) ? i : { canSearch: i, clearData: !1 };
-      return p && await ve(), s !== !1;
-    }
-    const { run: Fe } = v(
+    ), { run: Me } = F(
       async (e) => {
         const t = e;
-        await Ce(t) && (await o.grid.clearFilter(), await L(t));
+        await P("submit", t) && (await o.grid.clearFilter(), await j(t));
       },
       200,
       { leading: !0 }
-    ), [Ae, a] = Qe({
-      ...S(R),
-      handleSubmit: Fe,
-      handleReset: ye,
+    ), [Oe, a] = Ye({
+      ...y(_),
+      handleSubmit: Me,
+      handleReset: Ae,
       submitOnEnter: !0,
       submitButtonOptions: {
-        content: (q = Ye.form) == null ? void 0 : q.submitTitle
+        content: (Q = tt.form) == null ? void 0 : Q.submitTitle
       },
       showCollapseButton: !0,
       collapsed: !0,
       collapseTriggerResize: !0,
       collapsedRows: 3
-    }), { restoreColumns: Pe, saveColumns: j } = ot({
-      getTableProps: m,
-      getProps: c,
+    }), { restoreColumns: De, saveColumns: N } = it({
+      getTableProps: u,
+      getProps: m,
       tableMethods: o.tableApi
     });
-    let f = !1;
-    const y = {};
-    lt.forEach(([e, t]) => {
-      y[t] = (...i) => C(e, ...i);
+    let c = !1;
+    const C = {};
+    pt.forEach(([e, t]) => {
+      C[t] = (...i) => v(e, ...i);
     });
-    const { run: Me } = v(async () => {
-      if (f || !r(m).useHttpCache) return;
+    const { run: Re } = F(async () => {
+      if (c || !r(u).useHttpCache) return;
       const e = (o.tableApi.getTableColumns() || []).map((t) => t.field).filter(Boolean);
-      e.length && await j(JSON.stringify(e));
+      e.length && await N(JSON.stringify(e));
     }, 300);
-    function Oe(e) {
+    function $e(e) {
       var t;
-      (t = y.columnDragend) == null || t.call(y, e), Me();
+      (t = C.columnDragend) == null || t.call(C, e), Re();
     }
-    const De = d(() => ({ ...y, columnDragend: Oe }));
-    function $e(e) {
-      o.setState((t) => t.table ? Ge(e, t) : {}), e.table && o.tableApi.setState(e.table), e.form && (a == null || a.setState(e.form));
+    const Ee = b(() => ({ ...C, columnDragend: $e }));
+    function _e(e) {
+      o.setState((t) => t.table ? Xe(e, t) : {}), e.table && o.tableApi.setState(e.table), e.form && (a == null || a.setState(e.form));
     }
-    const { run: Ee } = v(
+    const { run: Ie } = F(
       async (e) => {
-        if (a.isMounted && r(c).useSearchForm) {
+        if (a.isMounted && r(m).useSearchForm) {
           if (!(await a.validate()).valid) return;
           const i = await a.getValues();
           await o.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo, ...i } });
@@ -211,146 +228,148 @@ const ct = ["data-testid"], ut = ["data-testid"], ko = /* @__PURE__ */ Ve({
       },
       200,
       { leading: !0 }
-    ), F = {
+    ), A = {
       tableMethods: o.tableApi,
       formMethods: a,
       setTableProps: o.tableApi.setState,
       setFormProps: a.setState,
-      setProps: $e,
-      reload: Ee,
-      selectedKeys: d(() => S(o.tableApi.selectedKeys))
+      setProps: _e,
+      reload: Ie,
+      selectedKeys: b(() => y(o.tableApi.selectedKeys))
     };
-    async function Re() {
-      const { tableRefreshBefore: e } = r(c);
-      se(e) && await e(), F.reload();
+    async function Ve() {
+      if (!await P("refresh")) return;
+      const { tableRefreshBefore: e } = r(m);
+      le(e) && await e(), A.reload();
     }
-    let I = { width: window.innerWidth, height: window.innerHeight };
-    const { run: x } = v(async () => {
+    let B = { width: window.innerWidth, height: window.innerHeight };
+    const { run: W } = F(async () => {
       var s, p;
-      if (await Z(), f) return;
-      const { innerWidth: e, innerHeight: t } = window, i = e !== I.width || t !== I.height;
-      if (I = { width: e, height: t }, !i) {
-        if (!r(m).autoHeight) return;
+      if (await te(), c) return;
+      const { innerWidth: e, innerHeight: t } = window, i = e !== B.width || t !== B.height;
+      if (B = { width: e, height: t }, !i) {
+        if (!r(u).autoHeight) return;
         (s = o.tableApi) == null || s.redoHeight(!1);
         return;
       }
       (p = o.tableApi) == null || p.redoHeight();
     }, 100);
-    async function _e(e) {
-      var p, A;
-      if (f) return;
-      const t = S((A = (p = r(c)) == null ? void 0 : p.table) == null ? void 0 : A.columns) || [], i = new Map(t.map((b) => [b.field, b])), s = e.checkedModel.map((b) => i.get(b)).filter(Boolean);
+    async function Be(e) {
+      var p, w;
+      if (c) return;
+      const t = y((w = (p = r(m)) == null ? void 0 : p.table) == null ? void 0 : w.columns) || [], i = new Map(t.map((f) => [f.field, f])), s = e.checkedModel.map((f) => i.get(f)).filter(Boolean);
       if (e.isExport) {
-        C("export", e.checkedModel, e.modalApi);
+        v("export", e.checkedModel, e.modalApi);
         return;
       }
       e.modalApi.setModalProps({ confirmLoading: !0 });
       try {
-        if (r(m).useHttpCache && await j(JSON.stringify(e.checkedModel)), f) return;
-        o.tableApi.setTableColumns(s), e.modalApi.closeModal(), C("set-columns", s);
+        if (r(u).useHttpCache && await N(JSON.stringify(e.checkedModel)), c) return;
+        o.tableApi.setTableColumns(s), e.modalApi.closeModal(), v("set-columns", s);
       } finally {
-        f || e.modalApi.setModalProps({ confirmLoading: !1 });
+        c || e.modalApi.setModalProps({ confirmLoading: !1 });
       }
     }
-    function N(e, t = !1) {
-      var b, U, X;
-      const { notSetColumnField: i, columns: s } = r(m), p = ((((b = o.tableApi.getTableInstance()) == null ? void 0 : b.getTableColumn()) || {}).visibleColumn || []).map((u) => u.field).filter(Boolean), A = (S(s) || []).filter((u) => u.visible === !0 || u.visible === void 0).map((u) => u.field);
-      (U = E.value) == null || U.openModal({
-        columns: (S(s) || []).filter((u) => u.visible !== !1),
-        displayFields: t ? A : p,
+    function G(e, t = !1) {
+      var f, Y, Z;
+      const { notSetColumnField: i, columns: s } = r(u), p = ((((f = o.tableApi.getTableInstance()) == null ? void 0 : f.getTableColumn()) || {}).visibleColumn || []).map((d) => d.field).filter(Boolean), w = (y(s) || []).filter((d) => d.visible === !0 || d.visible === void 0).map((d) => d.field);
+      (Y = E.value) == null || Y.openModal({
+        columns: (y(s) || []).filter((d) => d.visible !== !1),
+        displayFields: t ? w : p,
         disabledColumnField: i || [],
         isExport: e
-      }), (X = E.value) == null || X.setModalProps({ title: e ? "自定义导出" : "列设置" });
-    }
-    function W(e = !1) {
-      N(!1, e);
+      }), (Z = E.value) == null || Z.setModalProps({ title: e ? "自定义导出" : "列设置" });
     }
     function J(e = !1) {
-      N(!0, e);
+      G(!1, e);
+    }
+    function q(e = !1) {
+      G(!0, e);
     }
-    function Ie() {
+    function Ke() {
       const e = n.table;
-      if (!K() || !e) return;
+      if (!H() || !e) return;
       const t = {};
-      return Object.keys(P(e)).forEach((i) => {
+      return Object.keys(M(e)).forEach((i) => {
         i !== "data" && Object.assign(t, { [i]: e[i] });
       }), t;
     }
-    return it(n, o.setState, ["tableFormApi", "table"]), w(
-      Ie,
+    return lt(n, o.setState, ["tableFormApi", "table"]), S(
+      Ke,
       (e) => {
         e && o.setState({ table: e });
       },
       { deep: !0, immediate: !0 }
-    ), rt({ formInstance: a }), w(
+    ), st({ formInstance: a }), S(
       () => o.tableApi.getLoading.value,
       (e) => {
         a == null || a.setState({ submitButtonOptions: { loading: e } });
       },
-      { immediate: (Q = (G = o.store.state) == null ? void 0 : G.table) == null ? void 0 : Q.immediate }
-    ), w(R, (e) => a == null ? void 0 : a.setState(e)), w(m, (e) => {
+      { immediate: (X = (U = o.store.state) == null ? void 0 : U.table) == null ? void 0 : X.immediate }
+    ), S(_, (e) => a == null ? void 0 : a.setState(e)), S(u, (e) => {
       var t;
       return (t = o.tableApi) == null ? void 0 : t.setState(e);
-    }), ze(() => {
-      g && C("register", F, g.uid), o.mount(F, a), a == null || a.setState(r(R)), Z(() => {
-        f || Pe();
-      }), window.addEventListener("resize", x);
-    }), Y(() => {
-      f = !0, _(), o == null || o.unmount(), window.removeEventListener("resize", x);
-    }), me({ ...F, instance: g }), (e, t) => (te(), ee("div", {
-      class: V(r($)),
-      "data-testid": ce.value
+    }), Ne(() => {
+      h && v("register", A, h.uid), o.mount(A, a), a == null || a.setState(r(_)), te(() => {
+        c || De();
+      }), window.addEventListener("resize", W);
+    }), ee(() => {
+      c = !0, I(), o == null || o.unmount(), window.removeEventListener("resize", W);
+    }), pe({ ...A, instance: h }), (e, t) => (re(), oe("div", {
+      class: K(r($)),
+      "data-testid": fe.value
     }, [
-      c.value.useSearchForm ? (te(), ee("div", {
+      m.value.useSearchForm ? (re(), oe("div", {
         key: 0,
-        class: V(`${r($)}-header`),
-        "data-testid": ue.value
+        class: K(`${r($)}-header`),
+        "data-testid": de.value
       }, [
-        M(r(Ae), {
+        O(r(Oe), {
           "test-id": `${T.value}-search-form`
-        }, B({ _: 2 }, [
-          oe(r(de)(r(D)), (i) => ({
-            name: r(fe)(i),
-            fn: h((s) => [
-              l(e.$slots, i, re(ae(s || {})))
+        }, k({ _: 2 }, [
+          ae(r(be)(r(R)), (i) => ({
+            name: r(ge)(i),
+            fn: g((s) => [
+              l(e.$slots, i, ie(se(s || {})))
             ])
           }))
         ]), 1032, ["test-id"]),
         l(e.$slots, "header-down")
-      ], 10, ut)) : je("", !0),
-      xe("div", {
-        class: V({
+      ], 10, bt)) : We("", !0),
+      Ge("div", {
+        class: K({
           [`${r($)}-wrapper`]: !0,
           "pt-(--tt-base-padding)!": !0,
-          "pb-(--tt-base-padding)!": !r(m).showPager
+          "pb-(--tt-base-padding)!": !r(u).showPager
         })
       }, [
         l(e.$slots, "table-top"),
-        M(nt, ie({
-          ...r(m),
-          ...we.value ? { data: z.value } : {}
+        O(ut, ne({
+          ...r(u),
+          ...ye.value ? { data: x.value } : {},
+          beforePageChange: Pe
         }, {
           "form-api": r(a),
           "table-api": r(o).tableApi
-        }, Ne(De.value)), B({ _: 2 }, [
-          oe(r(be)(r(D)), (i) => ({
-            name: r(he)(i),
-            fn: h((s) => [
-              l(e.$slots, i, re(ae(s || {})))
+        }, Je(Ee.value)), k({ _: 2 }, [
+          ae(r(he)(r(R)), (i) => ({
+            name: r(we)(i),
+            fn: g((s) => [
+              l(e.$slots, i, ie(se(s || {})))
             ])
           })),
-          r(m).showToolbar ? {
+          r(u).showToolbar ? {
             name: "toolbar_tools",
-            fn: h(() => [
-              M(et, ie(r(ge), {
-                onOnRefresh: Re,
-                onOnExport: J,
-                onOnColumnsSetting: W
+            fn: g(() => [
+              O(rt, ne(r(Se), {
+                onOnRefresh: Ve,
+                onOnExport: q,
+                onOnColumnsSetting: J
               }), {
-                "toolbar-left": h(() => [
+                "toolbar-left": g(() => [
                   l(e.$slots, "t-toolbar_tools-left")
                 ]),
-                "toolbar-right": h(() => [
+                "toolbar-right": g(() => [
                   l(e.$slots, "t-toolbar_tools-right")
                 ]),
                 _: 3
@@ -362,29 +381,29 @@ const ct = ["data-testid"], ut = ["data-testid"], ko = /* @__PURE__ */ Ve({
         ]), 1040, ["form-api", "table-api"]),
         l(e.$slots, "table-bottom")
       ], 2),
-      M(Ze, {
+      O(ot, {
         ref_key: "columnModalRef",
         ref: E,
-        "open-export": J,
-        "open-column": W,
-        onOnSubmit: _e
-      }, B({
-        beforeFooter: h(() => [
+        "open-export": q,
+        "open-column": J,
+        onOnSubmit: Be
+      }, k({
+        beforeFooter: g(() => [
           l(e.$slots, "t-column-modal-before-footer")
         ]),
         _: 2
       }, [
-        r(D)["t-column-modal-title"] ? {
+        r(R)["t-column-modal-title"] ? {
           name: "title",
-          fn: h(() => [
+          fn: g(() => [
             l(e.$slots, "t-column-modal-title")
           ]),
           key: "0"
         } : void 0
       ]), 1536)
-    ], 10, ct));
+    ], 10, dt));
   }
 });
 export {
-  ko as default
+  zo as default
 };

package/dist/components/tt-table/src/hooks/usePagination.d.ts

@@ -104,6 +104,6 @@ export declare function usePagination(propsRef: ComputedRef<TtTableProps>, emit:
     paginationInfo: ComputedRef<VxeGridPropTypes.PagerConfig | undefined>;
     getPagination: () => VxeGridPropTypes.PagerConfig | undefined;
     setPagination: (info: Partial<PagerConfig>) => void;
-    onPageChange: (data: VxePagerDefines.PageChangeEventParams | Parameters<VxePagerEvents.PageChange>[0]) => void;
+    onPageChange: (data: VxePagerDefines.PageChangeEventParams | Parameters<VxePagerEvents.PageChange>[0]) => Promise<void>;
 };
 export {};