@dazhicheng/ui 1.5.266 → 1.6.0

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

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