@dazhicheng/ui 1.5.199 → 1.5.201

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

@@ -0,0 +1,233 @@
+import { defineComponent as X, ref as T, reactive as Y, computed as C, watch as S, createBlock as E, openBlock as m, unref as n, normalizeClass as b, withCtx as c, createElementVNode as d, createVNode as a, toDisplayString as h, createElementBlock as v, Fragment as M, renderList as V, createTextVNode as _, createCommentVNode as Z, withModifiers as ee } from "vue";
+import le from "@/assets/svg/close.svg?raw";
+import te from "@/assets/svg/drag.svg?raw";
+import { TtIcon as B } from "@dazhicheng-ui/components/tt-icon";
+import { TtText as oe } from "@dazhicheng-ui/components/tt-text";
+import { useModalRender as ne } from "@dazhicheng-ui/components/tt-modal";
+import { TtButton as se } from "@dazhicheng-ui/components/tt-button";
+import { useDesign as ie } from "@dazhicheng/hooks";
+import { ElScrollbar as $, ElCheckbox as I, ElCheckboxGroup as de, ElTooltip as ce } from "element-plus";
+import { cloneDeep as ae } from "lodash-es";
+import re from "sortablejs";
+const ue = { class: "flex-1" }, me = { class: "cb flex items-center" }, fe = { class: "text-[var(--el-text-color-primary)] font-bold" }, pe = { class: "flex flex-col w-[200px] shrink-0" }, he = { class: "flex items-center justify-between px-15px pt-12px pb-6px text-xs text-[var(--el-text-color-regular)]" }, xe = { class: "flex items-center text-xs" }, Ce = ["onClick"], be = { class: "text-left" }, Ve = /* @__PURE__ */ X({
+  __name: "TableColumnModal",
+  props: {
+    openColumn: { type: Function },
+    openExport: { type: Function }
+  },
+  emits: ["on-submit"],
+  setup(R, { expose: A, emit: N }) {
+    const r = R, j = N, { prefixCls: u } = ie("table-column-modal"), F = T(), [z, x] = ne(), k = T(!1), l = Y({
+      allColumns: [],
+      checkedFields: [],
+      selectedColumns: [],
+      disabledColumnField: []
+    });
+    let f = null, g = null;
+    const p = C(() => l.allColumns.filter((e) => e.field)), D = C(() => p.value.filter((e) => !e.disabled)), O = C(() => {
+      const e = D.value.length;
+      return e === 0 ? !0 : l.checkedFields.filter((t) => !l.disabledColumnField.includes(t)).length === e;
+    }), P = C(() => {
+      const e = [.../* @__PURE__ */ new Set([...l.checkedFields, ...l.disabledColumnField])];
+      return e.length > 0 && e.length < p.value.length;
+    });
+    function q(e) {
+      const o = p.value;
+      l.checkedFields = e ? o.map((t) => t.field) : o.filter((t) => l.disabledColumnField.includes(t.field)).map((t) => t.field);
+    }
+    function G(e) {
+      l.checkedFields = l.checkedFields.filter((o) => o !== e);
+    }
+    function L() {
+      l.checkedFields = l.checkedFields.filter((e) => l.disabledColumnField.includes(e));
+    }
+    const y = () => {
+      j("on-submit", {
+        checkedModel: [...l.selectedColumns.map((e) => e.field)],
+        modalApi: x,
+        isExport: k.value
+      });
+    };
+    function U({ columns: e, displayFields: o = [], disabledColumnField: t, isExport: s }) {
+      k.value = s ?? !1, x.openModal();
+      const K = ae(e).filter((i) => i.field);
+      l.disabledColumnField = t, l.allColumns = K.map((i) => ({ ...i, disabled: t.includes(i.field) }));
+      const Q = new Set(l.allColumns.map((i) => i.field)), w = o.filter((i) => i && Q.has(i));
+      l.checkedFields = [...w], l.selectedColumns = w.map((i) => l.allColumns.find((W) => W.field === i)).filter(Boolean), g = setTimeout(H, 100);
+    }
+    function H() {
+      var o;
+      const e = (o = n(F)) == null ? void 0 : o.querySelector(`.${u}-move-box`);
+      e && (f = re.create(e, {
+        animation: 300,
+        handle: `.${u}-item-move:not(.is-disabled)`,
+        onStart: (t) => t.item.style.opacity = "0",
+        onEnd(t) {
+          if (t.oldIndex == null || t.newIndex == null) return;
+          const [s] = l.selectedColumns.splice(t.oldIndex, 1);
+          l.selectedColumns.splice(t.newIndex, 0, s), t.item.style.opacity = "1";
+        }
+      }));
+    }
+    S(
+      () => l.checkedFields,
+      (e) => {
+        const o = new Set(e);
+        l.selectedColumns = l.selectedColumns.filter((s) => o.has(s.field || ""));
+        const t = new Set(l.selectedColumns.map((s) => s.field || ""));
+        l.selectedColumns.push(
+          ...l.allColumns.filter((s) => o.has(s.field || "") && !t.has(s.field || ""))
+        );
+      },
+      { deep: !0 }
+    ), S(
+      () => {
+        var e;
+        return (e = x.getVisible) == null ? void 0 : e.value;
+      },
+      (e) => {
+        e || (g && clearTimeout(g), f == null || f.destroy(), f = null, Object.assign(l, { allColumns: [], checkedFields: [], selectedColumns: [] }));
+      }
+    );
+    function J() {
+      var e, o;
+      k.value ? (e = r.openExport) == null || e.call(r, !0) : (o = r.openColumn) == null || o.call(r, !0);
+    }
+    return A({
+      handleSubmit: y,
+      openModal: U,
+      setModalProps(e) {
+        x.setModalProps(e);
+      }
+    }), (e, o) => (m(), E(n(z), {
+      width: "720",
+      class: b(n(u)),
+      onOk: y
+    }, {
+      beforeFooter: c(() => [
+        d("div", be, [
+          a(n(se), { onClick: J }, {
+            default: c(() => [...o[1] || (o[1] = [
+              _("重置", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]),
+      default: c(() => [
+        d("div", {
+          ref_key: "contentRef",
+          ref: F,
+          class: "flex h-[400px]"
+        }, [
+          d("div", ue, [
+            a(n($), { class: "h-full px-24px py-12px" }, {
+              default: c(() => [
+                d("div", me, [
+                  a(n(I), {
+                    "model-value": O.value,
+                    class: "checkbox-all",
+                    indeterminate: P.value,
+                    onChange: q
+                  }, {
+                    default: c(() => [
+                      d("span", fe, " 全部（" + h(l.checkedFields.length) + "/" + h(p.value.length) + "） ", 1)
+                    ]),
+                    _: 1
+                  }, 8, ["model-value", "indeterminate"])
+                ]),
+                a(n(de), {
+                  modelValue: l.checkedFields,
+                  "onUpdate:modelValue": o[0] || (o[0] = (t) => l.checkedFields = t),
+                  class: "mb-10px w-full"
+                }, {
+                  default: c(() => [
+                    (m(!0), v(M, null, V(p.value, (t) => (m(), E(n(I), {
+                      key: t.field,
+                      value: t.field,
+                      disabled: t.disabled
+                    }, {
+                      default: c(() => [
+                        a(n(ce), {
+                          "show-after": 400,
+                          content: t.title || "",
+                          placement: "top"
+                        }, {
+                          default: c(() => [
+                            _(h(t.title || ""), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["content"])
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "disabled"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          d("div", pe, [
+            d("div", he, [
+              d("span", null, "已选 " + h(l.selectedColumns.length) + " 列", 1),
+              d("span", {
+                class: "cursor-pointer text-(--el-color-primary)",
+                onClick: L
+              }, "清空")
+            ]),
+            a(n($), { class: "flex-1" }, {
+              default: c(() => [
+                d("div", {
+                  class: b([`${n(u)}-move-box`, "px-7px"])
+                }, [
+                  (m(!0), v(M, null, V(l.selectedColumns, (t) => (m(), v("div", {
+                    key: t.field,
+                    class: b([
+                      `${n(u)}-item-move`,
+                      "flex h-36px items-center justify-between  pr-12px py-2 cursor-pointer"
+                    ])
+                  }, [
+                    d("div", xe, [
+                      a(n(B), {
+                        class: "shrink-0 text-[var(--el-text-color-secondary)]",
+                        size: 14,
+                        icon: n(te),
+                        "is-custom-svg": ""
+                      }, null, 8, ["icon"]),
+                      a(n(oe), {
+                        "tool-tip": !1,
+                        class: "ml-1"
+                      }, {
+                        default: c(() => [
+                          _(h(t.title || ""), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    l.disabledColumnField.includes(t.field) ? Z("", !0) : (m(), v("span", {
+                      key: 0,
+                      class: b(`${n(u)}-action-btn`),
+                      onClick: ee((s) => G(t.field), ["stop"])
+                    }, [
+                      a(n(B), {
+                        class: "text-[var(--el-text-color-secondary)]",
+                        size: 12,
+                        "icon-font": n(le)
+                      }, null, 8, ["icon-font"])
+                    ], 10, Ce))
+                  ], 2))), 128))
+                ], 2)
+              ]),
+              _: 1
+            })
+          ])
+        ], 512)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  Ve as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./TableColumnModal.vue2.js";
+/* empty css                     */
+export {
+  o as default
+};

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { tableEmits as e } from "vxe-table/es/table/src/emits";
+const c = [
+  ...e,
+  "fetch-success",
+  "fetch-error",
+  "selection-change",
+  "dynamic-change",
+  "row-dragend",
+  "page-change",
+  "load-data"
+  // 缺少的在这里添加
+];
+export {
+  c as basicTableEmits
+};

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

@@ -0,0 +1,15 @@
+import { GlobalConfig as t } from "@dazhicheng-ui/hooks/useSetup";
+import { unref as c } from "vue";
+function h(o, i, C, n) {
+  return {
+    onCellAreaSelectionEnd: function(e) {
+      var l, r;
+      (l = c(o).checkboxConfig) != null && l.range && c(o).showCheckbox ? n.onCheckboxRangeChange({
+        records: e.rows
+      }) : (r = t.table) != null && r.isAreaCheckboxSelection && n.onCellAreaSelectionEndSetCheckbox(e), i("cell-area-selection-end", e);
+    }
+  };
+}
+export {
+  h as useCellArea
+};

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

@@ -0,0 +1,275 @@
+import { calcWordsWidth as G } from "@dazhicheng/utils";
+import { ElMessage as Y } from "element-plus";
+import { GlobalConfig as R } from "@dazhicheng-ui/hooks/useSetup";
+import { isEqual as U, debounce as B, cloneDeep as L, flattenDeep as ee, isArray as ne, isFunction as te } from "lodash-es";
+import { ref as x, shallowRef as le, computed as T, unref as n, watch as E, toValue as oe, watchEffect as ie, onUnmounted as se, nextTick as ue } from "vue";
+function S(e) {
+  var u;
+  const s = L(e || []);
+  for (let t = 0; t < (e || []).length; t++) {
+    const i = e[t];
+    i != null && i.slots && (s[t].slots = { ...i.slots }), i != null && i.children && ((u = s[t]) != null && u.children) && (s[t].children = S(i.children));
+  }
+  return s;
+}
+function ce(e) {
+  const {
+    showCheckbox: s,
+    showIndex: u,
+    showExpand: t,
+    showRadio: i,
+    indexColumnProps: h,
+    checkboxColumnProps: b,
+    expandColumnProps: W,
+    radioColumnProps: C
+  } = n(e), a = [];
+  return u && a.unshift({
+    type: "seq",
+    title: "序号",
+    width: 60,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...h
+  }), i && a.unshift({
+    type: "radio",
+    width: 48,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...C
+  }), s && a.unshift({
+    type: "checkbox",
+    width: 48,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...b
+  }), t && a.push({
+    type: "expand",
+    width: 20,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    padding: !1,
+    slots: { content: "expand-content" },
+    ...W
+  }), a;
+}
+function de(e) {
+  const { showAction: s, actionProps: u, actionWidth: t, actionTitle: i } = n(e);
+  return s ? [
+    {
+      field: "action",
+      title: i || "操作",
+      width: t,
+      resizable: !1,
+      fixed: "right",
+      showOverflow: !1,
+      slots: { default: "action" },
+      ...u
+    }
+  ] : [];
+}
+function re(e, s) {
+  const u = (t, i) => {
+    if (t.sortable && i) {
+      const h = `${t.field}_header`;
+      return s.value.push(h), Object.assign(t, {
+        slots: {
+          ...t.slots,
+          header: h
+        }
+      });
+    }
+    return t;
+  };
+  return e.children && (e.children = e.children.map((t) => u(t, !1))), u(e, e.field !== "action");
+}
+function ae(e, s, u) {
+  if (u.value.length) {
+    const i = e.editRender && u.value.includes(e.field || "") ? `${e.field}_Valid` : void 0;
+    return i ? (s.value.push(i), Object.assign(e, {
+      slots: {
+        ...e.slots,
+        valid: i
+      }
+    })) : e;
+  }
+  return e;
+}
+function he(e) {
+  const u = document.getElementsByTagName("body")[0], t = window.getComputedStyle(u).fontFamily;
+  return e.minWidth = e.minWidth === "auto" ? (G(e.title, "12px", t) + 60).toFixed(0) : e.minWidth, e;
+}
+function fe({
+  propsRef: e,
+  item: s,
+  validSolts: u,
+  titleSolts: t,
+  validRulesKeys: i
+  // httpFieldSolts,
+  // httpFieldEditSolts,
+}) {
+  var g;
+  const { columnsFieldSort: h, columnsFieldNoSort: b, isCellSort: W, isCellResize: C, customizeColumn: a } = n(e);
+  let v = W;
+  h.length > 0 && (v = h.includes(s.field)), b.length > 0 && (v = !b.includes(s.field));
+  let r = {
+    minWidth: 140,
+    sortable: v,
+    resizable: C,
+    ...s
+  };
+  const m = a || ((g = R.table) == null ? void 0 : g.customizeColumn);
+  return m && te(m) && (r = m(r)), r = re(r, t), r = ae(r, u, i), r = he(r), r;
+}
+function xe(e, {
+  xGrid: s,
+  tableWidth: u
+}, t) {
+  const i = x([]), h = x([]), b = x([]), W = x([]), C = x([]), a = x([]), v = le(!0), r = x(!1);
+  let m = null, g = [];
+  function j(o) {
+    var c;
+    const l = { ...o };
+    return (c = l.children) != null && c.length && (l.children = l.children.map((z) => j(z))), fe({
+      propsRef: e,
+      item: l,
+      titleSolts: h,
+      validSolts: b,
+      validRulesKeys: W
+      // httpFieldSolts,
+      // httpFieldEditSolts,
+    });
+  }
+  const q = T(() => {
+    const o = S(n(i));
+    return o ? o.map((c) => j(c)) : [];
+  }), H = () => ({
+    leftColumn: n(C),
+    actionColumn: n(a)
+  });
+  function D(o) {
+    const l = S(o);
+    if (ne(l)) {
+      if (l.length <= 0) {
+        i.value = [];
+        return;
+      }
+      i.value = g = l;
+    }
+  }
+  function $() {
+    return g;
+  }
+  function N(o) {
+    ue(() => {
+      const l = n(s);
+      l && l.reloadColumn(ee(o));
+    });
+  }
+  function V(o) {
+    m || (m = n(s).$el.querySelector(".vxe-table--scroll-y-virtual"));
+    const l = [...n(C), ...n(a)], { column: c } = o, { tableColumn: z } = n(s).getTableColumn(), w = L(
+      z.filter((d) => !l.map((f) => (f == null ? void 0 : f.type) || f.field).includes((d == null ? void 0 : d.type) || d.field))
+    ), F = l.reduce((d, f) => d + (f.width || 0), 0), I = (n(u) || 0) - F, A = w.filter((d) => d.field !== c.field).reduce((d, f) => d + Number(f.renderWidth), 0), p = I - A;
+    if (c.resizeWidth < p) {
+      const d = (m == null ? void 0 : m.offsetWidth) || 0;
+      c.resizeWidth = p - d, c.renderWidth = c.resizeWidth, n(s).setColumnWidth(w, c.resizeWidth), Y.warning("不能小于拖动的最小宽度，会导致表格右侧空白");
+    }
+    const k = w == null ? void 0 : w.find((d) => d.field === c.field);
+    k && (k.width = c.resizeWidth);
+  }
+  function J(o) {
+    V(o), t("resizable-change", o);
+  }
+  function K(o) {
+    V(o), t("column-resizable-change", o);
+  }
+  function Q(o) {
+    var _;
+    r.value = !0;
+    const l = [], { showAction: c, showCheckbox: z, showIndex: w, showRadio: F, showExpand: I } = n(e);
+    c && l.push("action"), z && l.push("checkbox"), w && l.push("seq"), F && l.push("radio"), I && l.push("expand");
+    const { collectColumn: A } = ((_ = o.$grid) == null ? void 0 : _.getTableColumn()) || { collectColumn: [] }, p = A.filter((P) => !l.includes(P.field) && !l.includes(P.type)), k = $();
+    function d(P, X) {
+      const M = [];
+      return P.forEach((O) => {
+        const y = X.find((Z) => Z.field === O.field);
+        y && (O.children && y.children && (y.children = d(O.children, y.children)), M.push(y));
+      }), M;
+    }
+    const f = d(p, k);
+    D(f), t("column-dragend", o);
+  }
+  return E(
+    T(() => oe(n(e).columns)),
+    (o, l) => {
+      if (!U(o, l)) {
+        const c = S(o || []);
+        i.value = g = c || [];
+      }
+    },
+    {
+      deep: !0,
+      immediate: !0
+    }
+  ), E(
+    () => [C.value, q.value, a.value],
+    (o, l) => {
+      if (n(r))
+        return r.value = !1, !1;
+      v.value && (N(o), v.value = !1), U(o, l) || N(o);
+    },
+    { deep: !0 }
+  ), ie(() => {
+    n(e).editRules && (W.value = Object.keys(n(e).editRules));
+  }), E(
+    T(() => [
+      n(e).showCheckbox,
+      n(e).showRadio,
+      n(e).showIndex,
+      n(e).showExpand,
+      n(e).indexColumnProps,
+      n(e).checkboxColumnProps,
+      n(e).radioColumnProps,
+      n(e).expandColumnProps,
+      n(e).isI18n
+    ]),
+    () => {
+      C.value = ce(e);
+    },
+    {
+      immediate: !0
+    }
+  ), E(
+    T(() => [
+      n(e).showAction,
+      n(e).actionProps,
+      n(e).actionWidth,
+      n(e).isI18n
+    ]),
+    () => {
+      a.value = de(e);
+    },
+    {
+      immediate: !0
+    }
+  ), se(() => {
+    g = [];
+  }), {
+    getColumnsRef: q,
+    getFixedColums: H,
+    titleSolts: h,
+    validSolts: b,
+    setTableColumns: D,
+    getTableColumns: $,
+    onResizableChange: B(J, 100),
+    onColumnResizableChange: B(K, 100),
+    onColumnDragend: Q
+  };
+}
+export {
+  xe as useColumns
+};

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

@@ -0,0 +1,53 @@
+import { GlobalConfig as f } from "@dazhicheng-ui/hooks/useSetup";
+import { isFunction as d } from "@dazhicheng/utils";
+import { ref as j, toValue as c, unref as S } from "vue";
+function N({
+  getTableProps: C,
+  tableMethods: v,
+  getProps: I
+}) {
+  const l = j(), w = (o) => d(o) ? o() : o ?? "";
+  return {
+    initCustomSetting: async () => {
+      var y, A, K, i, O, h;
+      const o = v.getTableColumns(), { columns: s, columnsKey: r, defaultDisplayFields: t } = S(C), u = w(r), e = (y = c(s)) != null && y.length ? c(s) : o;
+      if (!((K = (A = c(I)) == null ? void 0 : A.table) != null && K.useHttpCache) || !u || !f.userId)
+        return;
+      const n = (h = (await ((O = (i = C.value) == null ? void 0 : i.getColumnsApi) == null ? void 0 : O.call(i, {
+        permissionOnlyCode: u,
+        userId: f.userId
+      }))).records) == null ? void 0 : h[0];
+      let p = [];
+      if (!(n != null && n.json))
+        p = t != null && t.length ? e == null ? void 0 : e.filter((a) => t.includes(a.field)) : e;
+      else {
+        const a = JSON.parse(n == null ? void 0 : n.json), g = new Map((e == null ? void 0 : e.map((m) => [m.field, m])) ?? []);
+        p = a.map((m) => g.get(m)).filter(Boolean);
+      }
+      l.value = n == null ? void 0 : n.id, v.setTableColumns(p);
+    },
+    saveColumns: async (o) => {
+      var t, u;
+      const s = (t = c(I)) == null ? void 0 : t.table, r = {
+        userId: f.userId,
+        permissionOnlyCode: w((u = S(C)) == null ? void 0 : u.columnsKey)
+      };
+      if (l.value && d(s == null ? void 0 : s.updateColumnsApi))
+        return await s.updateColumnsApi({
+          id: l.value,
+          json: o,
+          ...r
+        });
+      if (d(s == null ? void 0 : s.setColumnsApi)) {
+        const e = await s.setColumnsApi({
+          ...r,
+          json: o
+        });
+        return l.value = e, e;
+      }
+    }
+  };
+}
+export {
+  N as useCustomColumns
+};