@aplus-frontend/ui 7.12.6 → 7.13.1

package/es/src/ap-pro-card/components/card/index.vue2.mjs

@@ -161,7 +161,7 @@ const $e = /* @__PURE__ */ ee({
         transform: m.value ? "rotate(-90deg)" : "rotate(0deg)"
       }
     }, null)]), O = (e, l = []) => {
-      if (e?.type === Symbol.for("v-fgt")) {
+      if (e?.type === /* @__PURE__ */ Symbol.for("v-fgt")) {
         const r = Array.isArray(e?.children) ? e?.children : [e?.children];
         if (r?.length)
           for (let o = 0; o < r.length; o++)
@@ -174,7 +174,7 @@ const $e = /* @__PURE__ */ ee({
       return E(!1), a(f, null, [e?.reduce((l, r) => {
         const o = O(r);
         return [...l, ...o];
-      }, [])?.filter((l) => l.type !== Symbol.for("v-cmt"))?.map((l, r, o) => {
+      }, [])?.filter((l) => l.type !== /* @__PURE__ */ Symbol.for("v-cmt"))?.map((l, r, o) => {
         if (l && typeof l == "object" && "type" in l && l.type?.isProCard === !0) {
           E(!0);
           const c = l?.props?.colSpan || l?.props?.["col-span"] || {}, {

package/es/src/ap-table/ap-table.vue2.mjs

@@ -148,7 +148,6 @@ const Qr = /* @__PURE__ */ je({
       default: !1
     },
     settings: {
-      type: [Boolean, Object],
       default: void 0
     }
   },
@@ -194,10 +193,10 @@ const Qr = /* @__PURE__ */ je({
     }).filter(Boolean)), Ce = n(() => pe(o(s), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e?.dataIndex;
-    }).filter(Boolean)), Te = n(() => g(r.dataSource) ? y.records : r.dataSource), Fe = n(() => fe(r.manual) ? r.manual : Ye(b.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
+    }).filter(Boolean)), Te = n(() => g(r.dataSource) ? y.records : r.dataSource), xe = n(() => fe(r.manual) ? r.manual : Ye(b.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
       rowSelection: T,
-      selectedRows: F,
-      ...x
+      selectedRows: x,
+      ...F
     } = nr({
       fixed: !0,
       ...r.rowSelection === !0 ? {} : r.rowSelection,
@@ -210,7 +209,7 @@ const Qr = /* @__PURE__ */ je({
       tableProps: q,
       refresh: M,
       data: y,
-      setDataSource: xe,
+      setDataSource: Fe,
       getColumnSFConfig: G,
       sortedInfo: Be,
       filteredInfo: ke,
@@ -220,7 +219,7 @@ const Qr = /* @__PURE__ */ je({
       getLastParams: Pe
     } = lr({
       async request(e) {
-        if (!T.value.preserveSelectedRowKeys && g(r.dataSource) && !P.value && x.clearAll(), P.value && (P.value = !1), !g(r.dataSource))
+        if (!T.value.preserveSelectedRowKeys && g(r.dataSource) && !P.value && F.clearAll(), P.value && (P.value = !1), !g(r.dataSource))
           return {
             data: r.dataSource || [],
             total: r.dataSource.length || 0
@@ -235,7 +234,7 @@ const Qr = /* @__PURE__ */ je({
       sortFields: Re,
       params: _e(r, "params"),
       defaultData: r.defaultData,
-      manual: o(Fe),
+      manual: o(xe),
       formatParams: r.beforeSearchSubmit,
       pagination: r.pagination
     });
@@ -367,7 +366,7 @@ const Qr = /* @__PURE__ */ je({
     B(() => o(y).loading, (e) => {
       r.onLoadingChange?.(e);
     }), B(() => r.dataSource, (e) => {
-      xe(e);
+      Fe(e);
     }, {
       immediate: !0
     });
@@ -402,8 +401,8 @@ const Qr = /* @__PURE__ */ je({
       getShownColumns: Oe,
       dataSource: n(() => o(y).records),
       rowSelection: {
-        selectedRows: n(() => o(F)),
-        ...x
+        selectedRows: n(() => o(x)),
+        ...F
       },
       scrollBar: {
         x: {
@@ -455,20 +454,20 @@ const Qr = /* @__PURE__ */ je({
     }, [L("div", {
       class: m(o(O)("header", "title"))
     }, [v(e.$slots, "title", z({
-      selectedRows: o(F),
+      selectedRows: o(x),
       selectedRowKeys: o(T).selectedRowKeys,
       shownColumns: s.value
-    }, x))], 2), b.title ? (f(), ue(o(Ge), {
+    }, F))], 2), b.title ? (f(), ue(o(Ge), {
       key: 0,
       type: "vertical"
     })) : le("", !0), p(vr, {
-      config: e.settings === !0 ? {} : e.settings
+      config: e.settings
     }, null, 8, ["config"])], 2)) : v(e.$slots, "title", z({
       key: 1,
-      selectedRows: o(F),
+      selectedRows: o(x),
       selectedRowKeys: o(T).selectedRowKeys,
       shownColumns: s.value
-    }, x))], 2), p(o(Je), z({
+    }, F))], 2), p(o(Je), z({
       ref_key: "antdTableRef",
       ref: $,
       class: o(d)("table")
@@ -481,7 +480,7 @@ const Qr = /* @__PURE__ */ je({
       summary: w(() => [v(e.$slots, "summary", {
         columns: s.value,
         records: Q.value.dataSource,
-        selectedRows: o(F)
+        selectedRows: o(x)
       })]),
       _: 2
     }, [o(j) ? {

package/es/src/ap-table/components/setting/context.d.ts

@@ -0,0 +1,17 @@
+import { InjectionKey, Ref } from 'vue';
+import { ApTableSettingType } from '../../interface';
+type ApColumnSettingContextProps = {
+    /**
+     * 当前选中的模版
+     */
+    activeKey: Ref<string>;
+    /**
+     * 缓存设置
+     */
+    cacheConfig: Ref<ApTableSettingType>;
+    deleteTemplate: (key: string) => void;
+};
+export declare const ApColumnSettingContextKey: InjectionKey<ApColumnSettingContextProps>;
+export declare function useProvideApColumnSetting(state: ApColumnSettingContextProps): void;
+export declare function useInjectApColumnSetting(): ApColumnSettingContextProps;
+export {};

package/es/src/ap-table/components/setting/context.mjs

@@ -0,0 +1,18 @@
+import { provide as o, inject as i, ref as e } from "vue";
+const t = /* @__PURE__ */ Symbol("ap-column-setting");
+function u(n) {
+  o(t, n);
+}
+function m() {
+  return i(t, {
+    activeKey: e(),
+    cacheConfig: e(),
+    deleteTemplate: () => {
+    }
+  });
+}
+export {
+  t as ApColumnSettingContextKey,
+  m as useInjectApColumnSetting,
+  u as useProvideApColumnSetting
+};

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

@@ -1,6 +1,6 @@
 import { ApTableSettingModalProps } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { ApTableSettingType } from '../../..';
+import { ApTableSettingType } from '../../../interface';
 type TableSettingModalSlots = {
     trigger?: any;
 };

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

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

package/es/src/ap-table/components/setting/sorter/context.mjs

@@ -1,5 +1,5 @@
 import { provide as o, inject as r } from "vue";
-const e = Symbol("apTableSorterContextKey");
+const e = /* @__PURE__ */ Symbol("apTableSorterContextKey");
 function i(t) {
   o(e, t);
 }