@dazhicheng/ui 1.6.18 → 1.6.20

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

@@ -1,17 +1,17 @@
-import { defineComponent as _e, useSlots as Ie, getCurrentInstance as De, ref as Ve, shallowReactive as Ke, onScopeDispose as Y, computed as u, unref as r, shallowRef as ke, toRaw as P, watch as w, toValue as S, onMounted as Be, nextTick as Z, createElementBlock as ee, openBlock as te, normalizeClass as V, createCommentVNode as He, createElementVNode as Le, createVNode as M, renderSlot as l, createSlots as K, renderList as oe, withCtx as g, normalizeProps as re, guardReactiveProps as ie, mergeProps as se, toHandlers as ze, isRef as xe } 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 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 Ne, 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 We } 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 Je } 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 qe } 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 Ge } 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 Qe } 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 ae } from "../../../hooks/useTemplateSlot.js";
-import Ue from "./components/TableColumnModal.vue2.js";
+import { useTemplateSlot as me } from "../../../hooks/useTemplateSlot.js";
+import ot from "./components/TableColumnModal.vue2.js";
 /* empty css                                */
-import Xe from "./components/TableToolbarTools.vue.js";
-import { basicTableEmits as Ye } from "./emits.js";
-import { useColumnPersistence as Ze } from "./hooks/useColumnPersistence.js";
-import { createTableFormContext as et } from "./hooks/useTableContext.js";
-import { useTableForm as tt } from "./hooks/useTableForm.js";
-import { useSyncProps as ot } from "./hooks/useSyncProps.js";
-import { tableFormProps as rt } from "./props.js";
-import it 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 st } from "./table-mutation-events.js";
-import { TableFormApi as at } from "./utils/table-form-api.js";
-import { provideFormActionTestIds as nt } from "./utils/context.js";
-const lt = ["data-testid"], mt = ["data-testid"], Vo = /* @__PURE__ */ _e({
+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: rt,
+  props: mt,
   emits: [
     "register",
     "columns-setting",
@@ -87,254 +87,284 @@ const lt = ["data-testid"], mt = ["data-testid"], Vo = /* @__PURE__ */ _e({
     "export",
     "import",
     "set-columns",
-    ...Ye
+    ...at
   ],
-  setup(ne, { expose: le, emit: me }) {
-    var q, G, Q;
-    const a = ne, C = me, $ = Ie(), h = De(), { prefixCls: E } = Ge("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 = h == null ? void 0 : h.vnode) == null ? void 0 : e.props) || {}, "table");
     }
-    const R = Ve();
-    let t = a.tableFormApi;
-    t || (t = new at(a), t.useStore = (e) => qe(t.store, e));
-    const B = Ke({});
-    function H() {
-      Object.assign(B, P(t.store.state) || {});
+    const E = ze();
+    let o = n.tableFormApi;
+    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(t.store.subscribe(H));
-    const c = u(() => B), T = u(() => {
-      var o;
-      if (a.testId) return a.testId;
-      const e = (o = r(c).table) == null ? void 0 : o.api;
-      return e ? Ne(e) : "table";
-    }), pe = u(() => O(r(T), "tableform")), ue = u(() => O(r(T), "search-form-header"));
-    nt(
-      u(() => ({
-        submit: O(r(T), "search-btn-query"),
-        reset: O(r(T), "search-btn-reset")
+    z(), ee(o.store.subscribe(z));
+    const m = b(() => L), T = b(() => {
+      var t;
+      if (n.testId) return n.testId;
+      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: ce, replaceSlotKey: de } = ae("form-"), { getSlotKeys: fe, replaceSlotKey: be } = ae("t-"), { getFormProps: _, getTableProps: m, getTableToolProps: ge, submitSearchQuery: L } = tt(
-      c,
-      t.tableApi.reload,
-      t.tableApi.getLoading,
-      t.tableApi.getPagination
-    ), z = ke([]), he = u(() => (a.table, !k() || !a.table ? !1 : (a.table.data, Object.hasOwn(P(a.table), "data"))));
+    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
+    ), x = xe([]), ye = b(() => (n.table, !H() || !n.table ? !1 : (n.table.data, Object.hasOwn(M(n.table), "data"))));
     let I = () => {
     };
-    function we(e) {
-      I(), I = w(
-        () => S(e),
-        (o) => {
-          z.value = o || [];
+    function Te(e) {
+      I(), I = S(
+        () => y(e),
+        (t) => {
+          x.value = t || [];
         },
-        { immediate: !0, deep: xe(e) ? !1 : 1 }
+        { immediate: !0, deep: qe(e) ? !1 : 1 }
       );
     }
-    function Se() {
-      if (a.table)
-        return a.table.data, P(a.table).data;
+    function Ce() {
+      if (n.table)
+        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 });
     }
-    w(Se, (e) => we(e), { immediate: !0 });
-    const { run: Te } = v(
+    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;
+    }
+    async function Pe() {
+      return await P("page");
+    }
+    const { run: Ae } = F(
       async () => {
-        const e = await i.getValues();
-        await i.resetForm(e, { force: !0 });
-        const o = await i.getValues();
-        i.setLatestSubmissionValues(o), (await i.validate()).valid && L(o);
+        const e = await a.getValues();
+        await a.resetForm(e, { force: !0 });
+        const t = await a.getValues();
+        a.setLatestSubmissionValues(t), (await a.validate()).valid && await P("reset", t) && await j(t);
       },
       200,
       { leading: !0 }
-    ), { run: ye } = v(
+    ), { run: Me } = F(
       async (e) => {
-        await t.grid.clearFilter(), await L(e);
+        const t = e;
+        await P("submit", t) && (await o.grid.clearFilter(), await j(t));
       },
       200,
       { leading: !0 }
-    ), [ve, i] = Je({
-      ...S(_),
-      handleSubmit: ye,
-      handleReset: Te,
+    ), [Oe, a] = Ye({
+      ...y(_),
+      handleSubmit: Me,
+      handleReset: Ae,
       submitOnEnter: !0,
       submitButtonOptions: {
-        content: (q = Qe.form) == null ? void 0 : q.submitTitle
+        content: (Q = tt.form) == null ? void 0 : Q.submitTitle
       },
       showCollapseButton: !0,
       collapsed: !0,
       collapseTriggerResize: !0,
       collapsedRows: 3
-    }), { restoreColumns: Ce, saveColumns: x } = Ze({
-      getTableProps: m,
-      getProps: c,
-      tableMethods: t.tableApi
+    }), { restoreColumns: De, saveColumns: N } = it({
+      getTableProps: u,
+      getProps: m,
+      tableMethods: o.tableApi
     });
-    let d = !1;
-    const y = {};
-    st.forEach(([e, o]) => {
-      y[o] = (...s) => C(e, ...s);
+    let c = !1;
+    const C = {};
+    pt.forEach(([e, t]) => {
+      C[t] = (...i) => v(e, ...i);
     });
-    const { run: Fe } = v(async () => {
-      if (d || !r(m).useHttpCache) return;
-      const e = (t.tableApi.getTableColumns() || []).map((o) => o.field).filter(Boolean);
-      e.length && await x(JSON.stringify(e));
+    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 N(JSON.stringify(e));
     }, 300);
-    function Ae(e) {
-      var o;
-      (o = y.columnDragend) == null || o.call(y, e), Fe();
+    function $e(e) {
+      var t;
+      (t = C.columnDragend) == null || t.call(C, e), Re();
     }
-    const Pe = u(() => ({ ...y, columnDragend: Ae }));
-    function Me(e) {
-      t.setState((o) => o.table ? We(e, o) : {}), e.table && t.tableApi.setState(e.table), e.form && (i == null || i.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: Oe } = v(
+    const { run: Ie } = F(
       async (e) => {
-        if (i.isMounted && r(c).useSearchForm) {
-          if (!(await i.validate()).valid) return;
-          const s = await i.getValues();
-          await t.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo, ...s } });
+        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 } });
           return;
         }
-        await t.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo } });
+        await o.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo } });
       },
       200,
       { leading: !0 }
-    ), F = {
-      tableMethods: t.tableApi,
-      formMethods: i,
-      setTableProps: t.tableApi.setState,
-      setFormProps: i.setState,
-      setProps: Me,
-      reload: Oe,
-      selectedKeys: u(() => S(t.tableApi.selectedKeys))
+    ), A = {
+      tableMethods: o.tableApi,
+      formMethods: a,
+      setTableProps: o.tableApi.setState,
+      setFormProps: a.setState,
+      setProps: _e,
+      reload: Ie,
+      selectedKeys: b(() => y(o.tableApi.selectedKeys))
     };
-    async function $e() {
-      const { tableRefreshBefore: e } = r(c);
-      je(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 D = { width: window.innerWidth, height: window.innerHeight };
-    const { run: j } = v(async () => {
-      var n, f;
-      if (await Z(), d) return;
-      const { innerWidth: e, innerHeight: o } = window, s = e !== D.width || o !== D.height;
-      if (D = { width: e, height: o }, !s) {
-        if (!r(m).autoHeight) return;
-        (n = t.tableApi) == null || n.redoHeight(!1);
+    let B = { width: window.innerWidth, height: window.innerHeight };
+    const { run: W } = F(async () => {
+      var s, p;
+      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;
       }
-      (f = t.tableApi) == null || f.redoHeight();
+      (p = o.tableApi) == null || p.redoHeight();
     }, 100);
-    async function Ee(e) {
-      var f, A;
-      if (d) return;
-      const o = S((A = (f = r(c)) == null ? void 0 : f.table) == null ? void 0 : A.columns) || [], s = new Map(o.map((b) => [b.field, b])), n = e.checkedModel.map((b) => s.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 x(JSON.stringify(e.checkedModel)), d) return;
-        t.tableApi.setTableColumns(n), e.modalApi.closeModal(), C("set-columns", n);
+        if (r(u).useHttpCache && await N(JSON.stringify(e.checkedModel)), c) return;
+        o.tableApi.setTableColumns(s), e.modalApi.closeModal(), v("set-columns", s);
       } finally {
-        d || e.modalApi.setModalProps({ confirmLoading: !1 });
+        c || e.modalApi.setModalProps({ confirmLoading: !1 });
       }
     }
-    function N(e, o = !1) {
-      var b, U, X;
-      const { notSetColumnField: s, columns: n } = r(m), f = ((((b = t.tableApi.getTableInstance()) == null ? void 0 : b.getTableColumn()) || {}).visibleColumn || []).map((p) => p.field).filter(Boolean), A = (S(n) || []).filter((p) => p.visible === !0 || p.visible === void 0).map((p) => p.field);
-      (U = R.value) == null || U.openModal({
-        columns: (S(n) || []).filter((p) => p.visible !== !1),
-        displayFields: o ? A : f,
-        disabledColumnField: s || [],
+    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 = R.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 Re() {
-      const e = a.table;
-      if (!k() || !e) return;
-      const o = {};
-      return Object.keys(P(e)).forEach((s) => {
-        s !== "data" && Object.assign(o, { [s]: e[s] });
-      }), o;
+    function Ke() {
+      const e = n.table;
+      if (!H() || !e) return;
+      const t = {};
+      return Object.keys(M(e)).forEach((i) => {
+        i !== "data" && Object.assign(t, { [i]: e[i] });
+      }), t;
     }
-    return ot(a, t.setState, ["tableFormApi", "table"]), w(
-      Re,
+    return lt(n, o.setState, ["tableFormApi", "table"]), S(
+      Ke,
       (e) => {
-        e && t.setState({ table: e });
+        e && o.setState({ table: e });
       },
       { deep: !0, immediate: !0 }
-    ), et({ formInstance: i }), w(
-      () => t.tableApi.getLoading.value,
+    ), st({ formInstance: a }), S(
+      () => o.tableApi.getLoading.value,
       (e) => {
-        i == null || i.setState({ submitButtonOptions: { loading: e } });
+        a == null || a.setState({ submitButtonOptions: { loading: e } });
       },
-      { immediate: (Q = (G = t.store.state) == null ? void 0 : G.table) == null ? void 0 : Q.immediate }
-    ), w(_, (e) => i == null ? void 0 : i.setState(e)), w(m, (e) => {
-      var o;
-      return (o = t.tableApi) == null ? void 0 : o.setState(e);
-    }), Be(() => {
-      h && C("register", F, h.uid), t.mount(F, i), i == null || i.setState(r(_)), Z(() => {
-        d || Ce();
-      }), window.addEventListener("resize", j);
-    }), Y(() => {
-      d = !0, I(), t == null || t.unmount(), window.removeEventListener("resize", j);
-    }), le({ ...F, instance: h }), (e, o) => (te(), ee("div", {
-      class: V(r(E)),
-      "data-testid": pe.value
+      { 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);
+    }), 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(E)}-header`),
-        "data-testid": ue.value
+        class: K(`${r($)}-header`),
+        "data-testid": de.value
       }, [
-        M(r(ve), {
+        O(r(Oe), {
           "test-id": `${T.value}-search-form`
-        }, K({ _: 2 }, [
-          oe(r(ce)(r($)), (s) => ({
-            name: r(de)(s),
-            fn: g((n) => [
-              l(e.$slots, s, re(ie(n || {})))
+        }, 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, mt)) : He("", !0),
-      Le("div", {
-        class: V({
-          [`${r(E)}-wrapper`]: !0,
+      ], 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(it, se({
-          ...r(m),
-          ...he.value ? { data: z.value } : {}
+        O(ut, ne({
+          ...r(u),
+          ...ye.value ? { data: x.value } : {},
+          beforePageChange: Pe
         }, {
-          "form-api": r(i),
-          "table-api": r(t).tableApi
-        }, ze(Pe.value)), K({ _: 2 }, [
-          oe(r(fe)(r($)), (s) => ({
-            name: r(be)(s),
-            fn: g((n) => [
-              l(e.$slots, s, re(ie(n || {})))
+          "form-api": r(a),
+          "table-api": r(o).tableApi
+        }, 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: g(() => [
-              M(Xe, se(r(ge), {
-                onOnRefresh: $e,
-                onOnExport: J,
-                onOnColumnsSetting: W
+              O(rt, ne(r(Se), {
+                onOnRefresh: Ve,
+                onOnExport: q,
+                onOnColumnsSetting: J
               }), {
                 "toolbar-left": g(() => [
                   l(e.$slots, "t-toolbar_tools-left")
@@ -351,19 +381,19 @@ const lt = ["data-testid"], mt = ["data-testid"], Vo = /* @__PURE__ */ _e({
         ]), 1040, ["form-api", "table-api"]),
         l(e.$slots, "table-bottom")
       ], 2),
-      M(Ue, {
+      O(ot, {
         ref_key: "columnModalRef",
-        ref: R,
-        "open-export": J,
-        "open-column": W,
-        onOnSubmit: Ee
-      }, K({
+        ref: E,
+        "open-export": q,
+        "open-column": J,
+        onOnSubmit: Be
+      }, k({
         beforeFooter: g(() => [
           l(e.$slots, "t-column-modal-before-footer")
         ]),
         _: 2
       }, [
-        r($)["t-column-modal-title"] ? {
+        r(R)["t-column-modal-title"] ? {
           name: "title",
           fn: g(() => [
             l(e.$slots, "t-column-modal-title")
@@ -371,9 +401,9 @@ const lt = ["data-testid"], mt = ["data-testid"], Vo = /* @__PURE__ */ _e({
           key: "0"
         } : void 0
       ]), 1536)
-    ], 10, lt));
+    ], 10, dt));
   }
 });
 export {
-  Vo 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 {};