@aplus-frontend/ui 7.13.12 → 7.14.1

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

@@ -1,4 +1,279 @@
-import f from "./index.vue2.mjs";
+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 "../../../../ap-button/index.mjs";
+import { randomStr as ze } 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 { useTableTemplateStorage as Be } from "../../../hooks/use-table-template-storage.mjs";
+import Ke from "../../../style/setting.mjs";
+import { useProvideApColumnSetting as Ne } 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 { 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 Ue from "../template/edit-form.vue2.mjs";
+const Ee = {
+  style: {
+    "padding-inline": "8px"
+  }
+}, pt = /* @__PURE__ */ ce({
+  name: "ApTableSetting",
+  __name: "index",
+  props: {
+    config: {
+      default: () => ({
+        persistenceKey: ""
+      })
+    }
+  },
+  setup(H) {
+    const c = H, {
+      columnsBackup: J,
+      updateSize: Q,
+      updateColumns: W
+    } = Ae(), d = v(), k = pe(() => c.config.persistenceKey), C = v(!1), {
+      basicTemplate: X,
+      customizeTemplateList: f,
+      addTemplate: Y,
+      deleteTemplate: N,
+      updateTemplate: Z
+    } = Be(c.config, k), {
+      columnState: p,
+      setColumnState: $,
+      isAllSelected: ee,
+      toggleSelectAll: te
+    } = we([]), I = `${k.value}__active_key`;
+    function L(a) {
+      localStorage.setItem(I, a);
+    }
+    function R() {
+      return localStorage.getItem(I);
+    }
+    const i = v(c.config.defaultActiveKey ?? R() ?? f.value?.[0].key);
+    Ne({
+      activeKey: i,
+      cacheConfig: me(c, "config"),
+      deleteTemplate: re
+    });
+    const {
+      t: r
+    } = Le(), {
+      b: g,
+      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),
+      class: ae("setting-trigger-button")
+    }, null), O = D ? fe(D, {
+      onClick: () => {
+        S.value = !0;
+      }
+    }) : null;
+    function oe() {
+      $(K(e(X).columnState));
+    }
+    function U(a, t) {
+      W?.($e(e(J), a)), Q?.(t);
+    }
+    function ie() {
+      U(e(p), e(d)), S.value = !1;
+      const a = K(p.value), t = Z(i.value, {
+        columnState: a,
+        size: d.value
+      });
+      L(i.value), c.config?.onChange?.(a, t);
+    }
+    function se(a) {
+      const t = c.config.getActiveKey?.(a) ?? ze(), l = {
+        key: t,
+        label: a,
+        columnState: p.value,
+        size: d.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) {
+      if (a !== i.value) {
+        N(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);
+    }
+    function ue(a) {
+      if (V.value = a, !a) {
+        const t = R();
+        t && t !== i.value && (i.value = t);
+      }
+    }
+    x(() => i.value, (a, t) => {
+      if (!t && a) {
+        const l = [...f.value].find((s) => s?.key === a);
+        if (!l)
+          return;
+        U(l.columnState, l.size);
+      }
+      E(a);
+    }, {
+      immediate: !0
+    });
+    const _ = v(!1);
+    return x([d, 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;
+    }, {
+      deep: !0
+    }), x(() => i.value, (a) => {
+      c.config.onActiveChange?.(a);
+    }, {
+      immediate: !0
+    }), (a, t) => (T(), P(ge, null, [e(O) ? (T(), A(w(e(O)), {
+      key: 0
+    })) : j("", !0), n(e(be), {
+      open: S.value,
+      "onUpdate:open": t[4] || (t[4] = (l) => S.value = l),
+      title: e(r)("ap.apTable.setting.title"),
+      width: 1e3,
+      centered: !0,
+      "body-style": {
+        padding: "0px !important",
+        height: "516px"
+      },
+      "after-open-change": ue,
+      "wrap-class-name": `${e(g)()} ${e(le)}`,
+      "ok-text": e(r)("ap.apTable.setting.saveAndApply"),
+      "mask-closable": !1,
+      onOk: ie
+    }, {
+      footer: o(({
+        extra: l
+      }) => [n(e(ke), {
+        justify: "space-between"
+      }, {
+        default: o(() => [n(e(q), {
+          size: 12
+        }, {
+          default: o(() => [n(e(_e), {
+            open: C.value,
+            "onUpdate:open": t[3] || (t[3] = (s) => C.value = s),
+            trigger: "click",
+            arrow: !1,
+            placement: "topLeft",
+            "destroy-tooltip-on-hide": ""
+          }, {
+            content: o(() => [n(Ue, {
+              onConfirm: se,
+              onCancel: t[2] || (t[2] = () => C.value = !1)
+            })]),
+            default: o(() => [n(e(Oe), {
+              type: "borderLink",
+              disabled: !a.config.persistenceKey
+            }, {
+              icon: o(() => [n(e(Ce))]),
+              default: o(() => [h(y(e(r)("ap.apTable.setting.saveAsTemplate")) + " ", 1)]),
+              _: 1
+            }, 8, ["disabled"])]),
+            _: 1
+          }, 8, ["open"]), _.value ? (T(), P("span", {
+            key: 0,
+            class: u(e(g)("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)))]),
+          _: 2
+        }, 1024)]),
+        _: 2
+      }, 1024)]),
+      default: o(() => [ve(m("div", {
+        class: u(e(g)("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), {
+        type: "vertical",
+        style: {
+          height: "100%",
+          margin: "0px"
+        }
+      }), m("div", {
+        class: u(e(g)("center"))
+      }, [m("div", {
+        class: u(e(b)("center", "header"))
+      }, [m("div", {
+        class: u(e(b)("center", "tip-wrapper"))
+      }, [m("span", {
+        class: u(e(b)("center", "header-tips"))
+      }, y(e(r)("ap.apTable.setting.selectAllTip")), 3), n(e(F), {
+        type: "link",
+        size: "small",
+        onClick: e(te)
+      }, {
+        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)
+      }, {
+        default: o(() => [n(e(M), {
+          value: "small"
+        }, {
+          default: o(() => [h(y(e(r)("ap.apTable.setting.sizeSmall")), 1)]),
+          _: 1
+        }), n(e(M), {
+          value: "middle"
+        }, {
+          default: o(() => [h(y(e(r)("ap.apTable.setting.sizeNormal")), 1)]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["value"])], 2), m("div", Ee, [n(e(B), {
+        dashed: "",
+        style: {
+          margin: "0px"
+        }
+      })]), n(Ve, {
+        class: u(e(b)("center", "content")),
+        value: e(p)
+      }, null, 8, ["class", "value"])], 2), n(e(B), {
+        type: "vertical",
+        style: {
+          height: "100%",
+          margin: "0px"
+        }
+      }), m("div", {
+        class: u(e(g)("right"))
+      }, [n(De, {
+        value: e(p),
+        "onUpdate:value": t[1] || (t[1] = (l) => ye(p) ? p.value = l : null),
+        onReset: oe
+      }, null, 8, ["value"])], 2)], 2), [[Se, V.value]])]),
+      _: 1
+    }, 8, ["open", "title", "wrap-class-name", "ok-text"])], 64));
+  }
+});
 export {
-  f as default
+  pt as default
 };

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as U, ref as x, computed as v, unref as n, watch as D, createElementBlock as k, openBlock as s, normalizeClass as w, createElementVNode as b, createVNode as i, withCtx as d, createBlock as u, resolveDynamicComponent as C, Fragment as L, renderList as j, mergeProps as z } from "vue";
-import { Checkbox as g, Row as F, Col as I } from "@aplus-frontend/antdv";
+import { defineComponent as U, ref as x, computed as v, unref as n, watch as D, createElementBlock as k, openBlock as s, normalizeClass as w, createElementVNode as b, createVNode as i, withCtx as d, createBlock as u, resolveDynamicComponent as g, Fragment as L, renderList as j, mergeProps as z } from "vue";
+import { Checkbox as C, Row as F, Col as I } from "@aplus-frontend/antdv";
 import "../../../../config-provider/index.mjs";
 import { useInjectApTable as R } from "../../../context.mjs";
 import { getLabelNode as y } from "../utils.mjs";
@@ -49,31 +49,34 @@ const M = /* @__PURE__ */ U({
       b("div", {
         class: w(n(h)("header"))
       }, [
-        i(n(g), {
+        i(n(C), {
           indeterminate: c.value,
           checked: e.value?.show,
           disabled: E.value,
           "onUpdate:checked": B
         }, {
           default: d(() => [
-            (s(), u(C(n(y)(f.value, n(m)))))
+            (s(), u(g(n(y)(f.value, n(m)))))
           ]),
           _: 1
         }, 8, ["indeterminate", "checked", "disabled"])
       ], 2),
       b("div", null, [
-        i(n(F), { align: "middle" }, {
+        i(n(F), {
+          align: "middle",
+          gutter: 24
+        }, {
           default: d(() => [
             (s(!0), k(L, null, j(f.value.children, (o) => (s(), u(n(I), {
               key: o.key,
-              span: 8
+              span: 12
             }, {
               default: d(() => [
-                i(n(g), z({ ref_for: !0 }, A(o), {
+                i(n(C), z({ ref_for: !0 }, A(o), {
                   "onUpdate:checked": (a) => N(o.key, a)
                 }), {
                   default: d(() => [
-                    (s(), u(C(n(y)(o, n(m)))))
+                    (s(), u(g(n(y)(o, n(m)))))
                   ]),
                   _: 2
                 }, 1040, ["onUpdate:checked"])

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

@@ -114,6 +114,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
+            readonly autoFocusFirstInput?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -839,6 +840,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
 }, HTMLDivElement>;