@aplus-frontend/ui 7.19.2 → 7.19.4

package/es/src/ap-field/select/index.vue.mjs

@@ -1,20 +1,20 @@
-import { defineComponent as fe, useSlots as me, ref as k, shallowRef as he, computed as s, onMounted as ve, watch as ye, unref as l, createVNode as m, createElementBlock as M, createBlock as C, openBlock as h, toDisplayString as N, mergeProps as ge, h as Ce, createSlots as be, withCtx as v, createElementVNode as x, normalizeClass as y, createCommentVNode as P, resolveDynamicComponent as L, withModifiers as we, renderList as Oe, renderSlot as Se, normalizeProps as Fe, guardReactiveProps as Be } from "vue";
-import { Select as ke, Flex as T, Checkbox as q, Spin as Ne } from "@aplus-frontend/antdv";
-import { debounce as xe, isFunction as R, isArray as Ve, isNil as Ae, omit as z, isNumber as Ie } from "lodash-unified";
+import { defineComponent as Oe, useSlots as Se, ref as N, shallowRef as Fe, computed as s, onMounted as Ve, watch as ke, unref as o, createVNode as v, createElementBlock as T, createBlock as O, openBlock as y, toDisplayString as A, mergeProps as xe, h as Be, createSlots as Ne, withCtx as g, createElementVNode as I, normalizeClass as b, createCommentVNode as R, resolveDynamicComponent as z, withModifiers as Ae, renderList as Ie, renderSlot as _e, normalizeProps as De, guardReactiveProps as Me } from "vue";
+import { Select as Le, Flex as E, Checkbox as U, Spin as Pe } from "@aplus-frontend/antdv";
+import { debounce as qe, isFunction as K, isNil as $, isArray as j, omit as H, isNumber as Te } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
-import { useDevWarning as _e } from "../../utils/warning.mjs";
+import { useDevWarning as Re } from "../../utils/warning.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as De } from "../hooks/use-default-placeholder.mjs";
-import Me from "../style/index.mjs";
-import { useSelectOptions as Pe } from "./use-select-options.mjs";
-import { isDef as V } from "../../utils/is.mjs";
-import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Le } from "../../config-provider/hooks/use-locale.mjs";
-import { useControllableValue as Te } from "../../hooks/useControllableValue.mjs";
-const qe = {
+import { useDefaultPlaceholder as ze } from "../hooks/use-default-placeholder.mjs";
+import Ee from "../style/index.mjs";
+import { useSelectOptions as Ue } from "./use-select-options.mjs";
+import { isDef as _ } from "../../utils/is.mjs";
+import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Ke } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as $e } from "../../hooks/useControllableValue.mjs";
+const je = {
   key: 0
-}, Re = ["onClick"], et = /* @__PURE__ */ fe({
+}, He = ["onClick"], st = /* @__PURE__ */ Oe({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -181,207 +181,237 @@ const qe = {
     }
   },
   emits: ["update:value"],
-  setup(U, {
-    expose: K,
-    emit: $
+  setup(G, {
+    expose: J,
+    emit: Q
   }) {
-    let r = 0;
-    const b = me(), e = U, {
-      deprecated: j
-    } = _e("ApFieldSelect");
-    j(!V(e.refetchOnFocus), "refetchOnFocus", "fetchOnFocus");
+    let i = 0;
+    const S = Se(), t = G, {
+      deprecated: X
+    } = Re("ApFieldSelect");
+    X(!_(t.refetchOnFocus), "refetchOnFocus", "fetchOnFocus");
     const {
-      b: w
-    } = E("field-select"), {
-      b: d
-    } = E("field-select-popup-option"), H = Me("field"), A = k(!1), I = k(!1), {
-      t: _
-    } = Le(), W = xe((t) => {
-      if (!R(e.request))
+      b: F
+    } = W("field-select"), {
+      b: f
+    } = W("field-select-popup-option"), Y = Ee("field"), D = N(!1), M = N(!1), {
+      t: L
+    } = Ke(), Z = qe((e) => {
+      if (!K(t.request))
         return;
-      r += 1;
-      const n = r;
-      g([]), u.value = !0, e.request(t).then((o) => {
-        r === n && (g(o), u.value = !1);
+      i += 1;
+      const n = i;
+      w([]), r.value = !0, t.request(e).then((l) => {
+        i === n && (w(l), r.value = !1);
       });
-    }, e.searchDelay), G = (t, n) => {
-      const o = e.fieldNames?.label || "label";
-      return typeof n?.[o] == "string" && n[o].toLowerCase().indexOf(t.toLowerCase()) > -1;
+    }, t.searchDelay), ee = (e, n) => {
+      const l = t.fieldNames?.label || "label";
+      return typeof n?.[l] == "string" && n[l].toLowerCase().indexOf(e.toLowerCase()) > -1;
     }, {
-      options: p,
-      updateOptions: g
-    } = Pe(e), O = he(), u = k(e?.loading || !1), J = $, Q = s(() => e.fetchOnFocus ?? e.refetchOnFocus), X = s(() => {
-      if (e.multiple)
-        return e.tokenSeparators ? "tags" : "multiple";
+      options: c,
+      updateOptions: w
+    } = Ue(t), V = Fe(), r = N(t?.loading || !1), te = Q, ne = s(() => t.fetchOnFocus ?? t.refetchOnFocus), le = s(() => {
+      if (t.multiple)
+        return t.tokenSeparators ? "tags" : "multiple";
     });
-    async function i(t = !0) {
-      if (!R(e.request))
+    async function d(e = !0) {
+      if (!K(t.request))
         return;
-      u.value = !0, r += 1;
-      const n = r;
+      r.value = !0, i += 1;
+      const n = i;
       try {
-        t && g([]);
-        const o = await e.request(void 0, e.params);
-        if (n !== r)
+        e && w([]);
+        const l = await t.request(void 0, t.params);
+        if (n !== i)
           return;
-        g(o);
+        w(l);
       } finally {
-        u.value = !1;
+        r.value = !1;
       }
     }
-    function Y(t) {
-      !A.value && r === 0 && e.lazy === "first-focus" ? i() : Q.value && !u.value && i(!0), e.onFocus?.(t), A.value = !0;
+    function oe(e) {
+      !D.value && i === 0 && t.lazy === "first-focus" ? d() : ne.value && !r.value && d(!0), t.onFocus?.(e), D.value = !0;
     }
-    function Z(t) {
-      if (!t) {
-        e.onDropdownVisibleChange?.(t);
+    function ae(e) {
+      if (!e) {
+        t.onDropdownVisibleChange?.(e);
         return;
       }
-      !I.value && r === 0 && e.lazy === "first-open" ? i() : e.fetchOnOpen && !u.value && i(!0), e.onDropdownVisibleChange?.(t), I.value = !0;
+      !M.value && i === 0 && t.lazy === "first-open" ? d() : t.fetchOnOpen && !r.value && d(!0), t.onDropdownVisibleChange?.(e), M.value = !0;
     }
-    ve(() => {
-      if (!e.lazy) {
-        i();
+    Ve(() => {
+      if (!t.lazy) {
+        d();
         return;
       }
-    }), ye(() => e.params, () => {
-      i();
+    }), ke(() => t.params, () => {
+      d();
     }, {
       deep: !0
     });
     const {
-      value: f,
-      updateValue: S
-    } = Te(e, J), ee = De("Select", e), te = s(() => {
-      const t = l(f);
-      if (!t)
-        return e.emptyText;
-      const n = e.fieldNames?.label || "label", o = e.fieldNames?.value || "value";
-      return Ve(t) ? t.map((a) => l(p).find((pe) => pe[o] === a)?.[n]).filter(Boolean).join("、") || e.emptyText : l(p).find((a) => a[o] === t)?.[n] || e.emptyText;
-    }), ne = s(() => {
-      const t = !!e?.showSearch, n = e.searchMode;
-      let o = {};
-      return t && (o = n === "request" ? {
+      value: p,
+      updateValue: k
+    } = $e(t, te), ue = ze("Select", t), se = s(() => {
+      const e = o(p);
+      if ($(e))
+        return t.emptyText;
+      const n = t.fieldNames?.label || "label", l = t.fieldNames?.value || "value";
+      return j(e) ? e.map((a) => o(c).find((h) => h[l] === a)?.[n]).filter(Boolean).join("、") || t.emptyText : o(c).find((a) => a[l] === e)?.[n] || t.emptyText;
+    }), re = s(() => {
+      const e = !!t?.showSearch, n = t.searchMode;
+      let l = {};
+      return e && (l = n === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: W,
-        notFoundContent: u.value ? void 0 : null,
+        onSearch: Z,
+        notFoundContent: r.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: Ae(e?.filterOption) ? G : e?.filterOption
+        filterOption: $(t?.filterOption) ? ee : t?.filterOption
       }), {
-        ...z(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect", "onDropdownVisibleChange"]),
-        placeholder: l(ee),
-        ...o
+        ...H(t, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect", "onDropdownVisibleChange"]),
+        placeholder: o(ue),
+        ...l
       };
-    }), oe = s(() => p.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => p.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), D = s(() => !e.multiple || V(e.maxCount) ? !1 : Ie(e.addAll) ? oe.value.length >= e.addAll : !!e.addAll), le = s(() => e.multiple && e.allowOnlySelect && (!V(e.maxCount) || e.maxCount >= 1));
-    function ae() {
-      O.value?.focus();
+    }), ie = s(() => c.value.map((e) => e[t.fieldNames?.value || "value"])), x = s(() => c.value.filter((e) => !e.disabled).map((e) => e[t.fieldNames?.value || "value"])), P = s(() => !t.multiple || _(t.maxCount) ? !1 : Te(t.addAll) ? ie.value.length >= t.addAll : !!t.addAll), ce = s(() => t.multiple && t.allowOnlySelect && (!_(t.maxCount) || t.maxCount >= 1));
+    function de() {
+      V.value?.focus();
     }
-    function se() {
-      O.value?.blur();
+    function fe() {
+      V.value?.blur();
     }
-    function B(t, n) {
-      const o = e.fieldNames?.[n] ?? n;
-      return o === "groupLabel" ? t[o] ?? t.label : t[o];
+    function m(e, n) {
+      const l = t.fieldNames?.[n] ?? n;
+      return l === "groupLabel" ? e[l] ?? e.label : e[l];
     }
-    function ue(t) {
-      const n = B(t, "value");
-      S(e.multiple ? [n] : n), e.onChange?.([n], [t]);
+    function pe(e) {
+      const n = q(e);
+      k(t.multiple ? [n] : n), t.onChange?.([n], [e]);
     }
-    function re(t) {
-      return b.option ? m("div", {
-        class: d("custom")
-      }, [b.option(t)]) : m("span", {
-        class: d("label")
-      }, [B(t, t.options?.length ? "groupLabel" : "label")]);
+    function me(e) {
+      return S.option ? v("div", {
+        class: f("custom")
+      }, [S.option(e)]) : v("span", {
+        class: f("label")
+      }, [m(e, e.options?.length ? "groupLabel" : "label")]);
     }
-    const ie = s(() => {
-      const t = l(f) || [], n = F.value;
-      return n.length > 0 && n.every((o) => t.includes(o));
-    }), ce = s(() => {
-      const t = l(f) || [], n = F.value, o = n.filter((c) => t.includes(c)).length;
-      return o > 0 && o < n.length;
+    const he = s(() => {
+      const e = o(p) || [], n = x.value;
+      return n.length > 0 && n.every((l) => C(e, l));
+    }), ve = s(() => {
+      const e = o(p) || [], n = x.value, l = n.filter((u) => C(e, u)).length;
+      return l > 0 && l < n.length;
     });
-    function de() {
-      const t = new Set(l(f) || []), n = F.value;
-      n.length > 0 && n.every((a) => t.has(a)) ? n.forEach((a) => t.delete(a)) : n.forEach((a) => t.add(a));
-      const c = p.value.filter((a) => t.has(a[e.fieldNames?.value || "value"]));
-      S([...t]), e.onChange?.([...t], c);
+    function B(e, n) {
+      return (e.value ?? e) === n;
+    }
+    const ye = (e) => {
+      const n = o(p), l = m(e, "value");
+      return j(n) ? !!n.find((u) => B(u, l)) : !1;
+    };
+    function C(e, n) {
+      return e.find((l) => B(l, n)) != null;
+    }
+    function ge(e, n) {
+      return e.findIndex((l) => B(l, n));
+    }
+    function q(e, n) {
+      const l = m(e, "label"), u = n ?? m(e, "value");
+      return t.labelInValue ? {
+        label: typeof l == "function" ? l() : l,
+        originLabel: l,
+        value: u,
+        key: e?.key ?? u
+      } : u;
+    }
+    function be() {
+      const e = [...o(p) || []], n = x.value;
+      n.length > 0 && n.every((a) => C(e, a)) ? n.forEach((a) => {
+        const h = ge(e, a);
+        ~h && e.splice(h, 1);
+      }) : n.forEach((a) => {
+        if (C(e, a))
+          return;
+        const h = c.value.find((we) => m(we, "value") === a), Ce = q(h, a);
+        e.push(Ce);
+      });
+      const u = c.value.filter((a) => C(e, m(a, "value")));
+      k([...e]), t.onChange?.([...e], u);
     }
-    return K({
-      focus: ae,
-      blur: se,
-      request: i
-    }), (t, n) => t.mode === "read" ? (h(), M("span", qe, N(te.value), 1)) : (h(), C(l(ke), ge({
+    return J({
+      focus: de,
+      blur: fe,
+      request: d
+    }), (e, n) => e.mode === "read" ? (y(), T("span", je, A(se.value), 1)) : (y(), O(o(Le), xe({
       key: 1,
       ref_key: "selectRef",
-      ref: O,
+      ref: V,
       "allow-clear": ""
-    }, ne.value, {
-      mode: X.value,
-      value: l(f),
-      options: l(p),
-      loading: u.value,
-      "menu-item-selected-icon": Ce("span"),
-      "popup-class-name": `${l(w)("popup")} ${l(H)}`,
-      "onUpdate:value": l(S),
-      onFocus: Y,
-      onDropdownVisibleChange: Z
-    }), be({
-      option: v((o) => [x("div", {
-        class: y(l(d)("outter"))
-      }, [m(l(T), {
+    }, re.value, {
+      mode: le.value,
+      value: o(p),
+      options: o(c),
+      loading: r.value,
+      "menu-item-selected-icon": Be("span"),
+      "popup-class-name": `${o(F)("popup")} ${o(Y)}`,
+      "onUpdate:value": o(k),
+      onFocus: oe,
+      onDropdownVisibleChange: ae
+    }), Ne({
+      option: g((l) => [I("div", {
+        class: b(o(f)("outter"))
+      }, [v(o(E), {
         justify: "space-between",
         align: "center",
-        class: y(l(d)("wrapper")),
+        class: b(o(f)("wrapper")),
         gap: 8
       }, {
-        default: v(() => [m(l(T), {
+        default: g(() => [v(o(E), {
           gap: 8,
           align: "center",
-          class: y(l(d)("content-wrapper"))
+          class: b(o(f)("content-wrapper"))
         }, {
-          default: v(() => [D.value ? (h(), C(l(q), {
+          default: g(() => [P.value ? (y(), O(o(U), {
             key: 0,
-            checked: l(f)?.includes(B(o, "value"))
-          }, null, 8, ["checked"])) : P("", !0), (h(), C(L(re(o))))]),
+            checked: ye(l)
+          }, null, 8, ["checked"])) : R("", !0), (y(), O(z(me(l))))]),
           _: 2
-        }, 1032, ["class"]), le.value && !o?.disabled ? (h(), M("span", {
+        }, 1032, ["class"]), ce.value && !l?.disabled ? (y(), T("span", {
           key: 0,
-          class: y(l(d)("action")),
-          onClick: we(() => ue(o), ["stop"])
-        }, N(l(_)("ap.field.chooseOnly")), 11, Re)) : P("", !0)]),
+          class: b(o(f)("action")),
+          onClick: Ae(() => pe(l), ["stop"])
+        }, A(o(L)("ap.field.chooseOnly")), 11, He)) : R("", !0)]),
         _: 2
       }, 1032, ["class"])], 2)]),
       _: 2
-    }, [Oe(l(z)(b, ["option"]), (o, c) => ({
-      name: c,
-      fn: v((a) => [Se(t.$slots, c, Fe(Be(a || {})))])
-    })), u.value ? {
+    }, [Ie(o(H)(S, ["option"]), (l, u) => ({
+      name: u,
+      fn: g((a) => [_e(e.$slots, u, De(Me(a || {})))])
+    })), r.value ? {
       name: "notFoundContent",
-      fn: v(() => [m(l(Ne), {
+      fn: g(() => [v(o(Pe), {
         size: "small"
       })]),
       key: "0"
-    } : void 0, D.value ? {
+    } : void 0, P.value ? {
       name: "dropdownRender",
-      fn: v(({
-        menuNode: o
-      }) => [x("div", {
+      fn: g(({
+        menuNode: l
+      }) => [I("div", {
         tabindex: -1,
-        class: y(l(w)("popup-all-option")),
-        onClick: de
-      }, [m(l(q), {
-        checked: ie.value,
-        indeterminate: ce.value
-      }, null, 8, ["checked", "indeterminate"]), x("span", {
-        class: y(l(w)("popup-all-option-label"))
-      }, N(l(_)("ap.field.selectAll")), 3)], 2), (h(), C(L(o)))]),
+        class: b(o(F)("popup-all-option")),
+        onClick: be
+      }, [v(o(U), {
+        checked: he.value,
+        indeterminate: ve.value
+      }, null, 8, ["checked", "indeterminate"]), I("span", {
+        class: b(o(F)("popup-all-option-label"))
+      }, A(o(L)("ap.field.selectAll")), 3)], 2), (y(), O(z(l)))]),
       key: "1"
     } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "onUpdate:value"]));
   }
 });
 export {
-  et as default
+  st as default
 };

package/es/src/ap-table/hooks/use-table-template-storage.mjs

@@ -1,23 +1,23 @@
-import { useToken as G } from "@aplus-frontend/antdv/es/theme/internal";
-import { isBoolean as P, isNumber as b, isObject as y, mergeWith as E, omit as R, isString as U } from "lodash-unified";
-import { ref as k, watch as d, unref as v } from "vue";
+import { useToken as P } from "@aplus-frontend/antdv/es/theme/internal";
+import { isBoolean as R, isNumber as b, isObject as y, mergeWith as E, omit as U, isString as W } from "lodash-unified";
+import { ref as k, watch as s, unref as v } from "vue";
 import "../../config-provider/index.mjs";
 import { randomStr as N } from "../../utils/index.mjs";
-import { getColumnStateString as W } from "../components/setting/utils.mjs";
-import { useInjectApTable as X } from "../context.mjs";
-import { getTableTitle as q } from "../utils.mjs";
-import { useLocale as D } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
-function Q(r, e, o, a) {
-  return a ? a.fixed : e ? e.fixed : o && "fixed" in o ? o.fixed : P(r.fixed) ? r.fixed ? "left" : void 0 : r.fixed;
+import { getColumnStateString as X } from "../components/setting/utils.mjs";
+import { useInjectApTable as q } from "../context.mjs";
+import { getTableTitle as D } from "../utils.mjs";
+import { useLocale as H } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
+function V(r, e, o, a) {
+  return a ? a.fixed : e ? e.fixed : o && "fixed" in o ? o.fixed : R(r.fixed) ? r.fixed ? "left" : void 0 : r.fixed;
 }
 const A = Number.MAX_SAFE_INTEGER, I = N();
-function V(r, e) {
+function Y(r, e) {
   const o = b(r.order) ? r.order : A;
   let a = b(e.order) ? e.order : A;
   return r.fixed === "right" && e.fixed !== "right" && (a = o - 1), e.fixed === "left" && r.fixed !== "left" && (a = o - 1), o - a;
 }
-function Y(r, e) {
+function Z(r, e) {
   e && r.removeItem(e);
 }
 function z(r, e) {
@@ -27,16 +27,16 @@ function z(r, e) {
   if (!o)
     return [];
   const a = JSON.parse(o);
-  return Array.isArray(a) ? a : (Y(r, e), []);
+  return Array.isArray(a) ? a : (Z(r, e), []);
 }
 function _(r, e) {
   if (y(r) && y(e))
     return E({}, r, e, _);
 }
-const ue = (r, e, o) => {
-  const { columnsBackup: a, size: s } = X(), { t: L } = D(), { be: O } = H("ap-table"), [Z, B] = G(), m = k(), n = k([]);
+const fe = (r, e, o) => {
+  const { columnsBackup: a, size: m } = q(), { t: L } = H(), { be: O } = Q("ap-table"), [$, B] = P(), c = k(), n = k([]);
   let g;
-  g = d(
+  g = s(
     () => a?.value,
     (t, i) => {
       t?.length && !i?.length && (n.value = T(
@@ -46,35 +46,35 @@ const ue = (r, e, o) => {
     {
       immediate: !0
     }
-  ), d(
-    [a, s],
+  ), s(
+    [a, m],
     ([t, i]) => {
-      t && (m.value = {
+      t && (c.value = {
         label: "basic_template",
-        columnState: f(t),
+        columnState: d(t),
         key: I,
         size: i
       });
     },
     { immediate: !0, deep: !0 }
-  ), d(
+  ), s(
     () => e.value,
     (t) => {
       const i = T(
         z(localStorage, t)
       );
-      n.value = i, m.value = {
+      n.value = i, c.value = {
         label: "basic_template",
-        columnState: f(a?.value || []),
+        columnState: d(a?.value || []),
         key: I,
-        size: s?.value
+        size: m?.value
       }, o(i ?? []);
     }
   );
   function T(t) {
     return t.length ? t.map((i) => ({
       ...i,
-      columnState: f(
+      columnState: d(
         a.value,
         i.columnState,
         !1
@@ -83,52 +83,52 @@ const ue = (r, e, o) => {
       {
         label: L("ap.apTable.setting.defaultTemplate"),
         key: r.getActiveKey?.("DEFAULT_TEMPLATE") ?? N(),
-        size: s?.value,
-        columnState: f(a?.value || [])
+        size: m?.value,
+        columnState: d(a?.value || [])
       }
     ];
   }
-  function f(t, i = {}, l = !0) {
-    const c = E(
+  function d(t, i = {}, l = !0) {
+    const p = E(
       {},
       l ? r.defaultValue || {} : {},
       i,
       _
     );
     function h(M, j, C) {
-      return M.map((u) => {
-        const S = j?.[u.key] || {}, p = {
+      return M.map((u, G) => {
+        const S = j?.[u.key] || {}, f = {
           key: u.key,
-          label: U(u.title) ? q(
+          label: W(u.title) ? D(
             u,
             O("table-header", "title"),
             void 0,
             B.value.colorTextTertiary
           ) : u.title,
           show: !0,
-          fixed: Q(
+          fixed: V(
             u,
             i[u.key],
             l ? r.defaultValue?.[u.key] : void 0,
             C
           ),
           disabled: !1,
-          ...R(S, ["children", "fixed"])
+          ...U(S, ["children", "fixed"])
         };
-        return p.children = u.children?.length ? h(
+        return f.children = u.children?.length ? h(
           u.children,
           S.children,
-          p
-        ) : void 0, p;
-      }).sort(V);
+          f
+        ) : void 0, f.order = f.order ?? G, f;
+      }).sort(Y);
     }
-    return h(t || [], c);
+    return h(t || [], p);
   }
   function x(t) {
     if (v(e)) {
       const i = t.map((l) => ({
         ...l,
-        columnState: W(l.columnState)
+        columnState: X(l.columnState)
       }));
       localStorage.setItem(v(e), JSON.stringify(i));
     }
@@ -144,21 +144,21 @@ const ue = (r, e, o) => {
   }
   function J(t, i) {
     const l = n.value.findIndex(
-      (c) => c.key === t
+      (p) => p.key === t
     );
     return n.value[l] = {
       ...n.value[l],
       ...i
     }, n.value[l];
   }
-  return d(
+  return s(
     () => n.value,
     (t) => {
       t.length && x(t);
     },
     { deep: !0, immediate: !0 }
   ), {
-    basicTemplate: m,
+    basicTemplate: c,
     customizeTemplateList: n,
     syncTemplateListToStorage: x,
     addTemplate: F,
@@ -167,5 +167,5 @@ const ue = (r, e, o) => {
   };
 };
 export {
-  ue as useTableTemplateStorage
+  fe as useTableTemplateStorage
 };