@dazhicheng/ui 1.5.266 → 1.6.1

package/dist/components/tt-table/src/components/TableColumnModal.vue2.js

@@ -1,15 +1,17 @@
-import { defineComponent as Q, ref as x, computed as b, createBlock as F, openBlock as f, unref as e, normalizeClass as a, createSlots as W, withCtx as s, createElementVNode as c, createVNode as r, createTextVNode as h, toDisplayString as $, createElementBlock as C, Fragment as w, renderList as T, createCommentVNode as X, withModifiers as Y, renderSlot as V } from "vue";
-import Z from "../../../../assets/svg/close.svg.js";
-import ee from "../../../../assets/svg/drag.svg.js";
+import { defineComponent as X, ref as x, computed as b, createBlock as w, openBlock as p, unref as e, normalizeClass as a, createSlots as Y, withCtx as r, createElementVNode as m, createVNode as u, createTextVNode as h, toDisplayString as $, createElementBlock as C, Fragment as N, renderList as T, createCommentVNode as Z, withModifiers as ee, renderSlot as V } from "vue";
+import le from "../../../../assets/svg/close.svg.js";
+import te from "../../../../assets/svg/drag.svg.js";
 import { TtIcon as P } from "../../../tt-icon/index.js";
-import { TtText as le } from "../../../tt-text/index.js";
+import { TtText as oe } from "../../../tt-text/index.js";
 import "../../../tt-modal/index.js";
-import { TtButton as te } from "../../../tt-button/index.js";
+import { TtButton as ie } from "../../../tt-button/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 oe } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as ne } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElScrollbar as B, ElCheckbox as N, ElCheckboxGroup as ie, ElTooltip as ne } from "element-plus";
+import { ElScrollbar as B, ElCheckbox as z, ElCheckboxGroup as ae, ElTooltip as se } from "element-plus";
+import { isNumber as A } from "../../../../packages/utils/src/is.js";
 import "dayjs";
+import "numeral";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -20,79 +22,81 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mo
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import ae from "sortablejs";
-import { useModalRender as se } from "../../../tt-modal/src/hooks/useModalRender.js";
-const re = ["aria-label", "onClick"], Be = /* @__PURE__ */ Q({
+import re from "sortablejs";
+import { useModalRender as ue } from "../../../tt-modal/src/hooks/useModalRender.js";
+const de = ["aria-label", "onClick"], Ie = /* @__PURE__ */ X({
   __name: "TableColumnModal",
   props: {
     openColumn: { type: Function },
     openExport: { type: Function }
   },
   emits: ["on-submit"],
-  setup(z, { expose: A, emit: I }) {
-    const m = z, D = I, { prefixCls: n } = oe("table-column-modal"), [L, g] = se(), u = x([]), i = x([]), y = x(!1);
-    let p = null;
-    const E = b(
-      () => i.value.map((t) => u.value.find((l) => l.field === t)).filter(Boolean)
-    ), R = b(() => u.value.filter((t) => !t.locked)), G = b(() => i.value.filter((t) => !M(t))), S = b(() => G.value.length === R.value.length), O = b(() => i.value.length > 0 && !S.value);
+  setup(I, { expose: D, emit: L }) {
+    const c = I, R = L, { prefixCls: n } = ne("table-column-modal"), [G, g] = ue(), d = x([]), i = x([]), y = x(!1);
+    let v = null, E = null;
+    const S = b(
+      () => i.value.map((t) => d.value.find((l) => l.field === t)).filter(Boolean)
+    ), O = b(() => d.value.filter((t) => !t.locked)), U = b(() => i.value.filter((t) => !M(t))), F = b(() => U.value.length === O.value.length), j = b(() => i.value.length > 0 && !F.value);
     function M(t) {
-      return u.value.some((l) => l.field === t && l.locked);
+      return d.value.some((l) => l.field === t && l.locked);
     }
-    function U(t) {
-      i.value = u.value.filter((l) => l.locked ? i.value.includes(l.field) : !!t).map((l) => l.field);
+    function q(t) {
+      i.value = d.value.filter((l) => l.locked ? i.value.includes(l.field) : !!t).map((l) => l.field);
     }
-    function j(t) {
+    function H(t) {
       i.value = i.value.filter((l) => l !== t);
     }
-    function q() {
+    function J() {
       i.value = i.value.filter(M);
     }
     function _() {
-      D("on-submit", {
+      R("on-submit", {
         checkedModel: [...i.value],
         modalApi: g,
         isExport: y.value
       });
     }
-    function H({ columns: t, displayFields: l = [], disabledColumnField: o, isExport: v }) {
-      y.value = v ?? !1, u.value = t.filter((d) => d.field).map((d) => ({ ...d, locked: o.includes(d.field) }));
-      const k = new Set(u.value.map((d) => d.field));
-      i.value = [...new Set(l.filter((d) => k.has(d)))], g.openModal();
+    function K({ columns: t, displayFields: l = [], disabledColumnField: o, isExport: f }) {
+      y.value = f ?? !1, d.value = t.filter((s) => s.field).map((s) => ({ ...s, locked: o.includes(s.field) }));
+      const k = new Set(d.value.map((s) => s.field));
+      i.value = [...new Set(l.filter((s) => k.has(s)))], g.openModal();
     }
-    function J(t) {
-      p == null || p.destroy(), p = null, t && (p = ae.create(t, {
+    function Q(t) {
+      const l = t || null;
+      l !== E && (v == null || v.destroy(), v = null, E = l, l && (v = re.create(l, {
         animation: 300,
-        onStart: (l) => l.item.style.opacity = "0",
-        onEnd(l) {
-          l.item.style.opacity = "1";
-          const { oldIndex: o, newIndex: v } = l;
-          if (o == null || v == null) return;
-          const k = [...i.value];
-          k.splice(v, 0, ...k.splice(o, 1)), i.value = k;
+        onStart: (o) => o.item.style.opacity = "0",
+        onEnd(o) {
+          o.item.style.opacity = "1";
+          const { oldIndex: f, newIndex: k } = o;
+          if (!A(f) || !A(k) || !Number.isFinite(f) || !Number.isFinite(k))
+            return;
+          const s = [...i.value];
+          s.splice(k, 0, ...s.splice(f, 1)), i.value = s;
         }
-      }));
+      })));
     }
-    function K() {
+    function W() {
       var t, l;
-      y.value ? (t = m.openExport) == null || t.call(m, !0) : (l = m.openColumn) == null || l.call(m, !0);
+      y.value ? (t = c.openExport) == null || t.call(c, !0) : (l = c.openColumn) == null || l.call(c, !0);
     }
-    return A({
+    return D({
       handleSubmit: _,
-      openModal: H,
+      openModal: K,
       setModalProps(t) {
         g.setModalProps(t);
       }
-    }), (t, l) => (f(), F(e(L), {
+    }), (t, l) => (p(), w(e(G), {
       width: "720",
       class: a(e(n)),
       onOk: _
-    }, W({
-      beforeFooter: s(() => [
-        c("div", {
+    }, Y({
+      beforeFooter: r(() => [
+        m("div", {
           class: a(`${e(n)}-footer-left`)
         }, [
-          r(e(te), { onClick: K }, {
-            default: s(() => [...l[1] || (l[1] = [
+          u(e(ie), { onClick: W }, {
+            default: r(() => [...l[1] || (l[1] = [
               h("重置", -1)
             ])]),
             _: 1
@@ -100,43 +104,43 @@ const re = ["aria-label", "onClick"], Be = /* @__PURE__ */ Q({
           V(t.$slots, "beforeFooter")
         ], 2)
       ]),
-      default: s(() => [
-        c("div", {
+      default: r(() => [
+        m("div", {
           class: a(`${e(n)}-body`)
         }, [
-          r(e(B), {
+          u(e(B), {
             class: a(`${e(n)}-source`)
           }, {
-            default: s(() => [
-              r(e(N), {
+            default: r(() => [
+              u(e(z), {
                 class: a(`${e(n)}-all`),
-                "model-value": S.value,
-                indeterminate: O.value,
-                onChange: U
+                "model-value": F.value,
+                indeterminate: j.value,
+                onChange: q
               }, {
-                default: s(() => [
-                  h(" 全部（" + $(i.value.length) + "/" + $(u.value.length) + "） ", 1)
+                default: r(() => [
+                  h(" 全部（" + $(i.value.length) + "/" + $(d.value.length) + "） ", 1)
                 ]),
                 _: 1
               }, 8, ["class", "model-value", "indeterminate"]),
-              r(e(ie), {
+              u(e(ae), {
                 modelValue: i.value,
                 "onUpdate:modelValue": l[0] || (l[0] = (o) => i.value = o),
                 class: a(`${e(n)}-group`)
               }, {
-                default: s(() => [
-                  (f(!0), C(w, null, T(u.value, (o) => (f(), F(e(N), {
+                default: r(() => [
+                  (p(!0), C(N, null, T(d.value, (o) => (p(), w(e(z), {
                     key: o.field,
                     value: o.field,
                     disabled: o.locked
                   }, {
-                    default: s(() => [
-                      r(e(ne), {
+                    default: r(() => [
+                      u(e(se), {
                         content: o.title || "",
                         "show-after": 400,
                         placement: "top"
                       }, {
-                        default: s(() => [
+                        default: r(() => [
                           h($(o.title || ""), 1)
                         ]),
                         _: 2
@@ -150,59 +154,59 @@ const re = ["aria-label", "onClick"], Be = /* @__PURE__ */ Q({
             ]),
             _: 1
           }, 8, ["class"]),
-          c("div", {
+          m("div", {
             class: a(`${e(n)}-picked`)
           }, [
-            c("header", {
+            m("header", {
               class: a(`${e(n)}-picked-head`)
             }, [
-              c("span", null, "已选 " + $(E.value.length) + " 列", 1),
-              c("span", {
+              m("span", null, "已选 " + $(S.value.length) + " 列", 1),
+              m("span", {
                 class: a(`${e(n)}-clear`),
-                onClick: q
+                onClick: J
               }, "清空", 2)
             ], 2),
-            r(e(B), null, {
-              default: s(() => [
-                c("ul", {
-                  ref: J,
+            u(e(B), null, {
+              default: r(() => [
+                m("ul", {
+                  ref: Q,
                   class: a(`${e(n)}-list`)
                 }, [
-                  (f(!0), C(w, null, T(E.value, (o) => (f(), C("li", {
+                  (p(!0), C(N, null, T(S.value, (o) => (p(), C("li", {
                     key: o.field,
                     class: a(`${e(n)}-item`)
                   }, [
-                    c("span", {
+                    m("span", {
                       class: a(`${e(n)}-item-main`)
                     }, [
-                      r(e(P), {
+                      u(e(P), {
                         class: a(`${e(n)}-item-drag`),
                         size: 14,
-                        icon: e(ee),
+                        icon: e(te),
                         "is-custom-svg": ""
                       }, null, 8, ["class", "icon"]),
-                      r(e(le), {
+                      u(e(oe), {
                         "tool-tip": !1,
                         class: a(`${e(n)}-item-title`)
                       }, {
-                        default: s(() => [
+                        default: r(() => [
                           h($(o.title || ""), 1)
                         ]),
                         _: 2
                       }, 1032, ["class"])
                     ], 2),
-                    o.locked ? X("", !0) : (f(), C("button", {
+                    o.locked ? Z("", !0) : (p(), C("button", {
                       key: 0,
                       type: "button",
                       class: a(`${e(n)}-item-remove`),
                       "aria-label": `移除${o.title || ""}`,
-                      onClick: Y((v) => j(o.field), ["stop"])
+                      onClick: ee((f) => H(o.field), ["stop"])
                     }, [
-                      r(e(P), {
+                      u(e(P), {
                         size: 12,
-                        "icon-font": e(Z)
+                        "icon-font": e(le)
                       }, null, 8, ["icon-font"])
-                    ], 10, re))
+                    ], 10, de))
                   ], 2))), 128))
                 ], 2)
               ]),
@@ -215,7 +219,7 @@ const re = ["aria-label", "onClick"], Be = /* @__PURE__ */ Q({
     }, [
       t.$slots.title ? {
         name: "header",
-        fn: s(() => [
+        fn: r(() => [
           V(t.$slots, "title")
         ]),
         key: "0"
@@ -224,5 +228,5 @@ const re = ["aria-label", "onClick"], Be = /* @__PURE__ */ Q({
   }
 });
 export {
-  Be as default
+  Ie as default
 };

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

@@ -0,0 +1,80 @@
+import { Recordable } from '../../../../../../utils/src';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: (props: Recordable) => void;
+        "toolbar-left": (props: Recordable) => void;
+        "toolbar-right": (props: Recordable) => void;
+    }> & {
+        default: (props: Recordable) => void;
+        "toolbar-left": (props: Recordable) => void;
+        "toolbar-right": (props: Recordable) => void;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    showSetting: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showExport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSetColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsKey: {
+        type: import('vue').PropType<string | (() => string)>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-refresh": () => any;
+    "on-columns-setting": () => any;
+    "on-export": () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showSetting: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showExport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSetColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsKey: {
+        type: import('vue').PropType<string | (() => string)>;
+        default: string;
+    };
+}>> & Readonly<{
+    "onOn-refresh"?: (() => any) | undefined;
+    "onOn-columns-setting"?: (() => any) | undefined;
+    "onOn-export"?: (() => any) | undefined;
+}>, {
+    showSetting: boolean;
+    showRefresh: boolean;
+    showExport: boolean;
+    columnsKey: string | (() => string);
+    showSetColumn: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+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-table/src/components/{TableToobalTools.vue.js → TableToolbarTools.vue.js}

@@ -1,9 +1,10 @@
-import { defineComponent as x, inject as E, computed as a, unref as o, ref as I, createElementBlock as s, openBlock as r, createBlock as f, createCommentVNode as d, withCtx as m, renderSlot as u, Fragment as b, renderList as B, createVNode as h } from "vue";
+import { defineComponent as x, inject as E, computed as a, unref as e, ref as I, createElementBlock as s, openBlock as n, createBlock as d, createCommentVNode as f, withCtx as m, renderSlot as u, Fragment as b, renderList as B, createVNode as h } from "vue";
 import { TtIcon as $ } from "../../../tt-icon/index.js";
 import { TtButton as y } from "../../../tt-button/index.js";
 import "axios";
 import { ElSpace as A, ElTooltip as z } from "element-plus";
 import "dayjs";
+import "numeral";
 import { generateTestId as N } from "../../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
@@ -14,73 +15,71 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/en
 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 { toolProps as R } from "../toolProps.js";
-import V from "../../../../assets/svg/RiRefreshLine.svg.js";
-import j from "../../../../assets/svg/exportSvg.svg.js";
-import F from "../../../../assets/svg/columnSet.svg.js";
-const L = ["data-testid"], lt = /* @__PURE__ */ x({
-  __name: "TableToobalTools",
-  props: R,
+import { toolProps as V } from "../toolProps.js";
+import j from "../../../../assets/svg/RiRefreshLine.svg.js";
+import F from "../../../../assets/svg/exportSvg.svg.js";
+import L from "../../../../assets/svg/columnSet.svg.js";
+const P = ["data-testid"], it = /* @__PURE__ */ x({
+  __name: "TableToolbarTools",
+  props: V,
   emits: ["on-refresh", "on-columns-setting", "on-export"],
   setup(k, { emit: g }) {
-    const n = k, l = g, v = E(
+    const r = k, l = g, v = E(
       "tableIdContext",
       a(() => "")
-    ), C = a(() => N(o(v), "table-toolbar-tools")), p = I(/* @__PURE__ */ new Set());
+    ), C = a(() => N(e(v), "table-toolbar-tools")), p = I(/* @__PURE__ */ new Set());
     function T(t, c) {
       p.value.add(t), c();
     }
-    function _(t) {
+    function S(t) {
       p.value.delete(t);
     }
-    const S = a(() => [
+    const _ = a(() => [
       {
         label: "自定义导出",
-        icon: j,
+        icon: F,
         handler: () => l("on-export"),
-        if: n.showExport
+        if: r.showExport
       },
       {
         label: "刷新",
-        icon: V,
+        icon: j,
         handler: () => l("on-refresh"),
-        if: n.showRefresh
+        if: r.showRefresh
       },
       {
         label: "列设置",
-        icon: F,
+        icon: L,
         handler: () => l("on-columns-setting"),
-        if: n.showSetColumn
+        if: r.showSetColumn
       }
     ]);
-    return (t, c) => (r(), s("div", { "data-testid": C.value }, [
-      t.showSetting ? (r(), f(o(A), {
+    return (t, c) => (n(), s("div", { "data-testid": C.value }, [
+      t.showSetting ? (n(), d(e(A), {
         key: 0,
         size: 12
       }, {
         default: m(() => [
           u(t.$slots, "toolbar-left"),
-          (r(!0), s(b, null, B(S.value, (e, i) => (r(), s(b, { key: i }, [
-            e.if ? (r(), f(o(z), {
+          (n(!0), s(b, null, B(_.value, (o, i) => (n(), s(b, { key: i }, [
+            o.if ? (n(), d(e(z), {
               key: 0,
-              ref_for: !0,
-              ref: "tooltipRef",
               class: "box-item",
               effect: "dark",
-              content: e.label,
+              content: o.label,
               placement: "top",
               "show-after": 200
             }, {
               default: m(() => [
-                h(o(y), {
+                h(e(y), {
                   class: "icon-table-btn",
-                  "aria-label": e.label,
-                  onClick: (w) => T(i, e.handler),
-                  onAnimationend: (w) => _(i)
+                  "aria-label": o.label,
+                  onClick: (w) => T(i, o.handler),
+                  onAnimationend: (w) => S(i)
                 }, {
                   default: m(() => [
-                    h(o($), {
-                      icon: e.icon,
+                    h(e($), {
+                      icon: o.icon,
                       size: 14,
                       "is-custom-svg": ""
                     }, null, 8, ["icon"])
@@ -89,15 +88,15 @@ const L = ["data-testid"], lt = /* @__PURE__ */ x({
                 }, 1032, ["aria-label", "onClick", "onAnimationend"])
               ]),
               _: 2
-            }, 1032, ["content"])) : d("", !0)
+            }, 1032, ["content"])) : f("", !0)
           ], 64))), 128)),
           u(t.$slots, "toolbar-right")
         ]),
         _: 3
-      })) : d("", !0)
-    ], 8, L));
+      })) : f("", !0)
+    ], 8, P));
   }
 });
 export {
-  lt as default
+  it as default
 };

package/dist/components/tt-table/src/components/TableToolbarTools.vue2.js

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

package/dist/components/tt-table/src/emits.d.ts

@@ -1 +1,10 @@
-export declare const basicTableEmits: any[];
+/**
+ * 表格透传给 vxe-table 的事件名，加上组件库自己的事件。
+ *
+ * 必须显式标注 `string[]`：`tableEmits` 来自没有类型声明的 vxe 内部路径，类型是 `any`，
+ * 展开进数组后会让整个数组退化为 `any[]`。Vue 由此生成的 props 会落到
+ * `[x: \`on${Capitalize<string>}\`]: ((...args: any[] | unknown[]) => any) | undefined` 索引签名，
+ * 其中的 `unknown[]` 在参数逆变位置上与任何具名参数的回调都不兼容，
+ * 业务侧 `@selection-change="({ rows }) => ..."` 这类写法会整片报 TS2322。
+ */
+export declare const basicTableEmits: string[];

package/dist/components/tt-table/src/emits.js

@@ -7,7 +7,8 @@ const c = [
   "dynamic-change",
   "row-dragend",
   "page-change",
-  "load-data"
+  "load-data",
+  "toolbar-button-click"
   // 缺少的在这里添加
 ];
 export {

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

@@ -0,0 +1,19 @@
+import { ComputedRef } from 'vue';
+import { VxeTablePropTypes } from 'vxe-table';
+import { TtTableMethods, TtTableProps } from '../types/table';
+import { TtTableFormProps } from '../types/tableForm';
+/**
+ * 列配置的服务端持久化
+ * @param ctx 上下文
+ * @param ctx.getTableProps 表格配置
+ * @param ctx.getProps 表单+表格配置
+ * @param ctx.tableMethods 表格方法
+ */
+export declare function useColumnPersistence({ getTableProps, getProps, tableMethods, }: {
+    getTableProps: ComputedRef<Partial<TtTableProps>>;
+    getProps: ComputedRef<TtTableFormProps>;
+    tableMethods: Pick<TtTableMethods<VxeTablePropTypes.Row>, "getTableColumns" | "setTableColumns">;
+}): {
+    restoreColumns: () => Promise<void>;
+    saveColumns: (json: string) => Promise<any>;
+};

package/dist/components/tt-table/src/hooks/useColumnPersistence.js

@@ -0,0 +1,64 @@
+import { GlobalConfig as v } from "../../../../hooks/useSetup.js";
+import "axios";
+import "element-plus";
+import { isFunction as w } from "../../../../packages/utils/src/is.js";
+import { ref as B, getCurrentScope as D, onScopeDispose as G, toValue as a, unref as f } from "vue";
+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";
+function Z({
+  getTableProps: K,
+  getProps: O,
+  tableMethods: S
+}) {
+  const m = B();
+  let p = 0, d = !1;
+  const A = (t) => w(t) ? t() : t ?? "";
+  async function q() {
+    var e, r, i, u;
+    const t = ++p;
+    try {
+      const { columns: s, columnsKey: j, defaultDisplayFields: c, getColumnsApi: C } = f(K), g = A(j);
+      if (!((r = (e = a(O)) == null ? void 0 : e.table) != null && r.useHttpCache) || !g || !v.userId) return;
+      const o = (i = a(s)) != null && i.length ? a(s) : S.getTableColumns(), y = await (C == null ? void 0 : C({ permissionOnlyCode: g, userId: v.userId }));
+      if (d || t !== p) return;
+      const n = (u = y == null ? void 0 : y.records) == null ? void 0 : u[0];
+      let I;
+      if (n != null && n.json) {
+        const h = JSON.parse(n.json), x = new Map((o == null ? void 0 : o.map((l) => [l.field, l])) ?? []);
+        I = h.map((l) => x.get(l)).filter(Boolean);
+      } else
+        I = c != null && c.length ? o == null ? void 0 : o.filter((h) => c.includes(h.field)) : o;
+      m.value = n == null ? void 0 : n.id, S.setTableColumns(I);
+    } catch {
+      if (d || t !== p) return;
+    }
+  }
+  async function b(t) {
+    var i, u;
+    const e = (i = a(O)) == null ? void 0 : i.table, r = {
+      userId: v.userId,
+      permissionOnlyCode: A((u = f(K)) == null ? void 0 : u.columnsKey)
+    };
+    if (f(m) && w(e == null ? void 0 : e.updateColumnsApi))
+      return await e.updateColumnsApi({ id: f(m), json: t, ...r });
+    if (w(e == null ? void 0 : e.setColumnsApi)) {
+      const s = await e.setColumnsApi({ ...r, json: t });
+      return m.value = s, s;
+    }
+  }
+  return D() && G(() => {
+    d = !0, p += 1;
+  }), { restoreColumns: q, saveColumns: b };
+}
+export {
+  Z as useColumnPersistence
+};