@aplus-frontend/ui 7.14.0 → 7.14.2

package/es/src/ap-table/components/setting/modal/index.vue.mjs

@@ -1,32 +1,32 @@
-import { defineComponent as ce, ref as v, computed as pe, toRef as me, useSlots as de, createVNode as n, cloneVNode as fe, unref as e, watch as x, createElementBlock as P, openBlock as T, Fragment as ge, createBlock as A, createCommentVNode as j, resolveDynamicComponent as w, withCtx as o, withDirectives as ve, createElementVNode as m, normalizeClass as u, toDisplayString as y, createTextVNode as h, isRef as ye, vShow as Se } from "vue";
-import { SettingOutlined as Te, SaveOutlined as Ce } from "@ant-design/icons-vue";
-import { Button as F, Modal as be, Divider as B, RadioGroup as he, RadioButton as M, Flex as ke, Space as q, Popover as _e } from "@aplus-frontend/antdv";
+import { defineComponent as me, ref as g, computed as U, toRef as fe, useSlots as de, createVNode as n, cloneVNode as ve, unref as e, watch as w, createElementBlock as E, openBlock as T, Fragment as ge, createBlock as K, createCommentVNode as j, resolveDynamicComponent as B, withCtx as o, withDirectives as ye, createElementVNode as m, normalizeClass as u, toDisplayString as y, createTextVNode as h, isRef as Se, vShow as Te } from "vue";
+import { SettingOutlined as Ce, SaveOutlined as be } from "@ant-design/icons-vue";
+import { Button as F, Modal as he, Divider as N, RadioGroup as ke, RadioButton as M, Flex as _e, Space as q, Popover as ze } from "@aplus-frontend/antdv";
 import "../../../../ap-button/index.mjs";
-import { randomStr as ze } from "../../../../utils/index.mjs";
+import { randomStr as xe } from "../../../../utils/index.mjs";
 import "../../../../config-provider/index.mjs";
-import { getSingleVNode as xe } from "../../../../utils/slot.mjs";
-import { useInjectApTable as Ae } from "../../../context.mjs";
-import { useTableColumnState as we } from "../../../hooks/use-table-column-state.mjs";
+import { getSingleVNode as Ae } from "../../../../utils/slot.mjs";
+import { useInjectApTable as we } from "../../../context.mjs";
+import { useTableColumnState as Ke } from "../../../hooks/use-table-column-state.mjs";
 import { useTableTemplateStorage as Be } from "../../../hooks/use-table-template-storage.mjs";
-import Ke from "../../../style/setting.mjs";
-import { useProvideApColumnSetting as Ne } from "../context.mjs";
+import Ne from "../../../style/setting.mjs";
+import { useProvideApColumnSetting as $e } from "../context.mjs";
 import "../sorter/index.vue.mjs";
 import "../template/edit-form.vue.mjs";
 import "../template/index.vue.mjs";
 import "../tree-select/index.vue.mjs";
-import $e, { customCloneColumnStates as K, isEqualColumnStateIgnoreLabel as Ie } from "../utils.mjs";
-import { useLocale as Le } from "../../../../config-provider/hooks/use-locale.mjs";
+import Ie, { customCloneColumnStates as $, isEqualColumnStateIgnoreLabel as Re } from "../utils.mjs";
+import { useLocale as Ve } from "../../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as G } from "../../../../config-provider/hooks/use-namespace.mjs";
-import Re from "../template/index.vue2.mjs";
-import Ve from "../tree-select/index.vue2.mjs";
-import De from "../sorter/index.vue2.mjs";
-import Oe from "../../../../ap-button/ap-button.vue.mjs";
+import De from "../template/index.vue2.mjs";
+import Le from "../tree-select/index.vue2.mjs";
+import Oe from "../sorter/index.vue2.mjs";
+import Pe from "../../../../ap-button/ap-button.vue.mjs";
 import Ue from "../template/edit-form.vue2.mjs";
 const Ee = {
   style: {
     "padding-inline": "8px"
   }
-}, pt = /* @__PURE__ */ ce({
+}, mt = /* @__PURE__ */ me({
   name: "ApTableSetting",
   __name: "index",
   props: {
@@ -41,112 +41,118 @@ const Ee = {
       columnsBackup: J,
       updateSize: Q,
       updateColumns: W
-    } = Ae(), d = v(), k = pe(() => c.config.persistenceKey), C = v(!1), {
+    } = we(), f = g(), k = U(() => c.config.persistenceKey), C = g(!1), {
       basicTemplate: X,
-      customizeTemplateList: f,
+      customizeTemplateList: d,
       addTemplate: Y,
-      deleteTemplate: N,
+      deleteTemplate: I,
       updateTemplate: Z
-    } = Be(c.config, k), {
+    } = Be(c.config, k, pe), {
       columnState: p,
-      setColumnState: $,
+      setColumnState: R,
       isAllSelected: ee,
       toggleSelectAll: te
-    } = we([]), I = `${k.value}__active_key`;
-    function L(a) {
-      localStorage.setItem(I, a);
+    } = Ke([]), V = U(() => `${k.value}__active_key`);
+    function D(a) {
+      localStorage.setItem(V.value, a);
     }
-    function R() {
-      return localStorage.getItem(I);
+    function _() {
+      return localStorage.getItem(V.value);
     }
-    const i = v(c.config.defaultActiveKey ?? R() ?? f.value?.[0].key);
-    Ne({
+    const i = g(c.config.defaultActiveKey ?? _() ?? d.value?.[0].key);
+    $e({
       activeKey: i,
-      cacheConfig: me(c, "config"),
-      deleteTemplate: re
+      cacheConfig: fe(c, "config"),
+      deleteTemplate: ue
     });
     const {
       t: r
-    } = Le(), {
-      b: g,
+    } = Ve(), {
+      b: v,
       be: b
     } = G("ap-column-setting"), {
       b: ae
-    } = G("ap-table"), le = Ke("ap-column-setting"), S = v(!1), V = v(!1), ne = de(), D = xe(ne.trigger) || n(F, {
-      icon: n(Te, null, null),
+    } = G("ap-table"), le = Ne("ap-column-setting"), S = g(!1), L = g(!1), ne = de(), O = Ae(ne.trigger) || n(F, {
+      icon: n(Ce, null, null),
       class: ae("setting-trigger-button")
-    }, null), O = D ? fe(D, {
+    }, null), P = O ? ve(O, {
       onClick: () => {
         S.value = !0;
       }
     }) : null;
     function oe() {
-      $(K(e(X).columnState));
+      R($(e(X).columnState));
     }
-    function U(a, t) {
-      W?.($e(e(J), a)), Q?.(t);
+    function z(a, t) {
+      W?.(Ie(e(J), a)), Q?.(t);
     }
     function ie() {
-      U(e(p), e(d)), S.value = !1;
-      const a = K(p.value), t = Z(i.value, {
+      z(e(p), e(f)), S.value = !1;
+      const a = $(p.value), t = Z(i.value, {
         columnState: a,
-        size: d.value
+        size: f.value
       });
-      L(i.value), c.config?.onChange?.(a, t);
+      D(i.value), c.config?.onChange?.(a, t);
     }
     function se(a) {
-      const t = c.config.getActiveKey?.(a) ?? ze(), l = {
+      const t = c.config.getActiveKey?.(a) ?? xe(), l = {
         key: t,
         label: a,
         columnState: p.value,
-        size: d.value
+        size: f.value
       };
       Y(l), C.value = !1, i.value = t, c.config.onChange?.(l.columnState, l);
     }
-    function E(a) {
-      const t = [...f.value].find((l) => l?.key === a);
-      t && ($(K(t.columnState)), d.value = t.size);
-    }
     function re(a) {
+      const t = [...d.value].find((l) => l?.key === a);
+      t && (R($(t.columnState)), f.value = t.size);
+    }
+    function ue(a) {
       if (a !== i.value) {
-        N(a);
+        I(a);
         return;
       }
-      const t = f.value, l = t.findIndex((z) => z.key === a), s = t[l + 1]?.key ?? t[l - 1]?.key;
-      N(a), i.value = s, L(s);
+      const t = d.value, l = t.findIndex((A) => A.key === a), s = t[l + 1]?.key ?? t[l - 1]?.key;
+      I(a), i.value = s, D(s);
     }
-    function ue(a) {
-      if (V.value = a, !a) {
-        const t = R();
+    function ce(a) {
+      if (L.value = a, !a) {
+        const t = _();
         t && t !== i.value && (i.value = t);
       }
     }
-    x(() => i.value, (a, t) => {
+    function pe(a) {
+      const t = _() ?? a[0].key;
+      i.value = t;
+      const l = [...a].find((s) => s?.key === t);
+      l && z(l.columnState, l.size);
+    }
+    w(() => i.value, (a, t) => {
       if (!t && a) {
-        const l = [...f.value].find((s) => s?.key === a);
+        const l = [...d.value].find((s) => s?.key === a);
         if (!l)
           return;
-        U(l.columnState, l.size);
+        z(l.columnState, l.size);
       }
-      E(a);
+      re(a);
     }, {
       immediate: !0
     });
-    const _ = v(!1);
-    return x([d, p, S], ([a, t, l]) => {
+    const x = g(!1);
+    return w([f, p, S], ([a, t, l]) => {
       if (!l)
         return;
-      const s = f.value.find((z) => z.key === i.value);
-      s && (s.size !== a || !Ie(t, s.columnState)) ? _.value = !0 : _.value = !1;
+      const s = d.value.find((A) => A.key === i.value);
+      s && (s.size !== a || !Re(t, s.columnState)) ? x.value = !0 : x.value = !1;
     }, {
       deep: !0
-    }), x(() => i.value, (a) => {
+    }), w(() => i.value, (a) => {
       c.config.onActiveChange?.(a);
     }, {
       immediate: !0
-    }), (a, t) => (T(), P(ge, null, [e(O) ? (T(), A(w(e(O)), {
+    }), (a, t) => (T(), E(ge, null, [e(P) ? (T(), K(B(e(P)), {
       key: 0
-    })) : j("", !0), n(e(be), {
+    })) : j("", !0), n(e(he), {
       open: S.value,
       "onUpdate:open": t[4] || (t[4] = (l) => S.value = l),
       title: e(r)("ap.apTable.setting.title"),
@@ -156,21 +162,21 @@ const Ee = {
         padding: "0px !important",
         height: "516px"
       },
-      "after-open-change": ue,
-      "wrap-class-name": `${e(g)()} ${e(le)}`,
+      "after-open-change": ce,
+      "wrap-class-name": `${e(v)()} ${e(le)}`,
       "ok-text": e(r)("ap.apTable.setting.saveAndApply"),
       "mask-closable": !1,
       onOk: ie
     }, {
       footer: o(({
         extra: l
-      }) => [n(e(ke), {
+      }) => [n(e(_e), {
         justify: "space-between"
       }, {
         default: o(() => [n(e(q), {
           size: 12
         }, {
-          default: o(() => [n(e(_e), {
+          default: o(() => [n(e(ze), {
             open: C.value,
             "onUpdate:open": t[3] || (t[3] = (s) => C.value = s),
             trigger: "click",
@@ -182,44 +188,43 @@ const Ee = {
               onConfirm: se,
               onCancel: t[2] || (t[2] = () => C.value = !1)
             })]),
-            default: o(() => [n(e(Oe), {
+            default: o(() => [n(e(Pe), {
               type: "borderLink",
               disabled: !a.config.persistenceKey
             }, {
-              icon: o(() => [n(e(Ce))]),
+              icon: o(() => [n(e(be))]),
               default: o(() => [h(y(e(r)("ap.apTable.setting.saveAsTemplate")) + " ", 1)]),
               _: 1
             }, 8, ["disabled"])]),
             _: 1
-          }, 8, ["open"]), _.value ? (T(), P("span", {
+          }, 8, ["open"]), x.value ? (T(), E("span", {
             key: 0,
-            class: u(e(g)("modify-tip"))
+            class: u(e(v)("modify-tip"))
           }, y(e(r)("ap.apTable.setting.modifyNotification")), 3)) : j("", !0)]),
           _: 1
         }), n(e(q), {
           size: 10
         }, {
-          default: o(() => [(T(), A(w(l.cancelBtn))), (T(), A(w(l.okBtn)))]),
+          default: o(() => [(T(), K(B(l.cancelBtn))), (T(), K(B(l.okBtn)))]),
           _: 2
         }, 1024)]),
         _: 2
       }, 1024)]),
-      default: o(() => [ve(m("div", {
-        class: u(e(g)("wrapper"))
+      default: o(() => [ye(m("div", {
+        class: u(e(v)("wrapper"))
       }, [m("div", {
-        class: u(e(g)("left"))
-      }, [n(Re, {
-        "customize-template-list": e(f),
-        "persistence-key": k.value,
-        onActiveChange: E
-      }, null, 8, ["customize-template-list", "persistence-key"])], 2), n(e(B), {
+        class: u(e(v)("left"))
+      }, [n(De, {
+        "customize-template-list": e(d),
+        "persistence-key": k.value
+      }, null, 8, ["customize-template-list", "persistence-key"])], 2), n(e(N), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
       }), m("div", {
-        class: u(e(g)("center"))
+        class: u(e(v)("center"))
       }, [m("div", {
         class: u(e(b)("center", "header"))
       }, [m("div", {
@@ -233,9 +238,9 @@ const Ee = {
       }, {
         default: o(() => [h(y(e(ee) ? e(r)("ap.apTable.setting.unSelectAll") : e(r)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])], 2), n(e(he), {
-        value: d.value,
-        "onUpdate:value": t[0] || (t[0] = (l) => d.value = l)
+      }, 8, ["onClick"])], 2), n(e(ke), {
+        value: f.value,
+        "onUpdate:value": t[0] || (t[0] = (l) => f.value = l)
       }, {
         default: o(() => [n(e(M), {
           value: "small"
@@ -249,31 +254,31 @@ const Ee = {
           _: 1
         })]),
         _: 1
-      }, 8, ["value"])], 2), m("div", Ee, [n(e(B), {
+      }, 8, ["value"])], 2), m("div", Ee, [n(e(N), {
         dashed: "",
         style: {
           margin: "0px"
         }
-      })]), n(Ve, {
+      })]), n(Le, {
         class: u(e(b)("center", "content")),
         value: e(p)
-      }, null, 8, ["class", "value"])], 2), n(e(B), {
+      }, null, 8, ["class", "value"])], 2), n(e(N), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
       }), m("div", {
-        class: u(e(g)("right"))
-      }, [n(De, {
+        class: u(e(v)("right"))
+      }, [n(Oe, {
         value: e(p),
-        "onUpdate:value": t[1] || (t[1] = (l) => ye(p) ? p.value = l : null),
+        "onUpdate:value": t[1] || (t[1] = (l) => Se(p) ? p.value = l : null),
         onReset: oe
-      }, null, 8, ["value"])], 2)], 2), [[Se, V.value]])]),
+      }, null, 8, ["value"])], 2)], 2), [[Te, L.value]])]),
       _: 1
     }, 8, ["open", "title", "wrap-class-name", "ok-text"])], 64));
   }
 });
 export {
-  pt as default
+  mt as default
 };

package/es/src/ap-table/components/setting/template/index.vue.d.ts

@@ -3,9 +3,6 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 type __VLS_Props = {
     customizeTemplateList: ApColumnTemplate[];
     persistenceKey: string;
-    onActiveChange: (nextActiveKey: string) => void;
 };
-declare const _default: DefineComponent<__VLS_Props, {
-    updateActiveKey: (key: string) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/ap-table/components/setting/template/index.vue2.mjs

@@ -1,44 +1,40 @@
-import { defineComponent as v, createBlock as l, openBlock as a, unref as e, normalizeClass as s, withCtx as d, createElementVNode as r, createVNode as f, toDisplayString as y, createElementBlock as g, Fragment as k, renderList as _ } from "vue";
-import { Flex as h, Divider as C } from "@aplus-frontend/antdv";
+import { defineComponent as p, createBlock as l, openBlock as n, unref as e, normalizeClass as r, withCtx as u, createElementVNode as a, createVNode as d, toDisplayString as f, createElementBlock as v, Fragment as k, renderList as _ } from "vue";
+import { Flex as g, Divider as y } from "@aplus-frontend/antdv";
 import "../../../../config-provider/index.mjs";
-import { useInjectApColumnSetting as L } from "../context.mjs";
+import { useInjectApColumnSetting as h } from "../context.mjs";
 import "./item.vue.mjs";
-import { useLocale as x } from "../../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as z } from "../../../../config-provider/hooks/use-namespace.mjs";
-import A from "./item.vue2.mjs";
-const j = /* @__PURE__ */ v({
+import { useLocale as C } from "../../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as L } from "../../../../config-provider/hooks/use-namespace.mjs";
+import z from "./item.vue2.mjs";
+const V = /* @__PURE__ */ p({
   __name: "index",
   props: {
     customizeTemplateList: {},
-    persistenceKey: {},
-    onActiveChange: { type: Function }
+    persistenceKey: {}
   },
-  setup(B, { expose: c }) {
-    const { t: m } = x(), { b: o } = z("ap-column-setting-template-list"), { activeKey: n } = L();
-    function p(t) {
-      n.value = t;
+  setup(x) {
+    const { t: c } = C(), { b: o } = L("ap-column-setting-template-list"), { activeKey: s } = h();
+    function m(t) {
+      s.value = t;
     }
-    function u(t) {
-      n.value = t;
-    }
-    return c({ updateActiveKey: u }), (t, F) => (a(), l(e(h), {
+    return (t, B) => (n(), l(e(g), {
       vertical: "",
-      class: s(e(o)())
+      class: r(e(o)())
     }, {
-      default: d(() => [
-        r("div", {
-          class: s(e(o)("title"))
-        }, y(e(m)("ap.apTable.setting.templateSetting")), 3),
-        f(e(C), { style: { margin: "0" } }),
-        r("div", {
-          class: s(e(o)("content"))
+      default: u(() => [
+        a("div", {
+          class: r(e(o)("title"))
+        }, f(e(c)("ap.apTable.setting.templateSetting")), 3),
+        d(e(y), { style: { margin: "0" } }),
+        a("div", {
+          class: r(e(o)("content"))
         }, [
-          (a(!0), g(k, null, _(t.customizeTemplateList, (i) => (a(), l(A, {
+          (n(!0), v(k, null, _(t.customizeTemplateList, (i) => (n(), l(z, {
             key: i.key,
             value: i,
-            "is-active": e(n) === i.key,
+            "is-active": e(s) === i.key,
             "should-remove": t.customizeTemplateList.length > 1,
-            onClick: () => p(i.key)
+            onClick: () => m(i.key)
           }, null, 8, ["value", "is-active", "should-remove", "onClick"]))), 128))
         ], 2)
       ]),
@@ -47,5 +43,5 @@ const j = /* @__PURE__ */ v({
   }
 });
 export {
-  j as default
+  V as default
 };

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { ApColumnTemplate, ApTableSettingType } from '..';
-export declare const useTableTemplateStorage: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>) => {
+export declare const useTableTemplateStorage: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>, onPersistenceKeyChange: (templateList: ApColumnTemplate[]) => void) => {
     basicTemplate: Ref<ApColumnTemplate | undefined, ApColumnTemplate | undefined>;
     customizeTemplateList: Ref<{
         columnState: {