@aplus-frontend/ui 7.13.11 → 7.14.0

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>;

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

@@ -1,12 +1,12 @@
-import { defineComponent as b, ref as g, createElementBlock as u, openBlock as s, normalizeClass as n, unref as e, createElementVNode as c, createBlock as w, createCommentVNode as f, toDisplayString as B, withCtx as r, createVNode as i, withModifiers as v } from "vue";
+import { defineComponent as g, ref as b, createElementBlock as c, openBlock as s, normalizeClass as n, unref as t, createElementVNode as f, createBlock as w, createCommentVNode as v, toDisplayString as B, withCtx as r, createVNode as i, withModifiers as d } from "vue";
 import { EditOutlined as N, DeleteOutlined as A } from "@ant-design/icons-vue";
 import { Flex as D, Popover as E } from "@aplus-frontend/antdv";
 import "../../../../config-provider/index.mjs";
-import { useInjectApColumnSetting as V } from "../context.mjs";
+import { useInjectApColumnSetting as S } from "../context.mjs";
 import "./edit-form.vue.mjs";
-import { useNamespace as F } from "../../../../config-provider/hooks/use-namespace.mjs";
-import O from "./edit-form.vue2.mjs";
-const M = /* @__PURE__ */ b({
+import { useNamespace as V } from "../../../../config-provider/hooks/use-namespace.mjs";
+import F from "./edit-form.vue2.mjs";
+const K = /* @__PURE__ */ g({
   __name: "item",
   props: {
     value: {},
@@ -14,29 +14,29 @@ const M = /* @__PURE__ */ b({
     onClick: { type: Function },
     shouldRemove: { type: Boolean }
   },
-  setup(d) {
-    const p = d, { b: l } = F("ap-column-setting-template-item"), a = g(!1), { deleteTemplate: C, cacheConfig: k } = V();
-    function y(t) {
-      if (!t || t === p.value.label)
+  setup(C) {
+    const p = C, { b: l } = V("ap-column-setting-template-item"), a = b(!1), { deleteTemplate: k, cacheConfig: m } = S();
+    function y(o) {
+      if (!o || o === p.value.label)
         return;
-      const o = p.value;
-      o.label = t, a.value = !1;
+      const e = p.value;
+      e.label = o, m.value?.onChange?.(e.columnState, e), a.value = !1;
     }
-    return (t, o) => (s(), u("div", {
-      class: n([e(l)(), { [e(l)("active")]: t.isActive }]),
-      onClick: o[3] || (o[3] = //@ts-ignore
-      (...m) => t.onClick && t.onClick(...m))
+    return (o, e) => (s(), c("div", {
+      class: n([t(l)(), { [t(l)("active")]: o.isActive }]),
+      onClick: e[3] || (e[3] = //@ts-ignore
+      (...u) => o.onClick && o.onClick(...u))
     }, [
-      c("span", {
-        class: n(e(l)("label"))
-      }, B(t.value.label), 3),
-      e(k).persistenceKey ? (s(), w(e(D), {
+      f("span", {
+        class: n(t(l)("label"))
+      }, B(o.value.label), 3),
+      t(m).persistenceKey ? (s(), w(t(D), {
         key: 0,
         gap: 8,
-        class: n(e(l)("action-wrapper"))
+        class: n(t(l)("action-wrapper"))
       }, {
         default: r(() => [
-          i(e(E), {
+          i(t(E), {
             open: a.value,
             trigger: "click",
             arrow: !1,
@@ -44,36 +44,36 @@ const M = /* @__PURE__ */ b({
             "destroy-tooltip-on-hide": ""
           }, {
             content: r(() => [
-              i(O, {
+              i(F, {
                 "is-edit": "",
-                "initial-values": { label: t.value.label },
+                "initial-values": { label: o.value.label },
                 onConfirm: y,
-                onCancel: o[1] || (o[1] = () => a.value = !1)
+                onCancel: e[1] || (e[1] = () => a.value = !1)
               }, null, 8, ["initial-values"])
             ]),
             default: r(() => [
-              c("span", {
-                class: n(e(l)("icon-wrapper")),
-                onClick: o[0] || (o[0] = v((m) => a.value = !0, ["stop"]))
+              f("span", {
+                class: n(t(l)("icon-wrapper")),
+                onClick: e[0] || (e[0] = d((u) => a.value = !0, ["stop"]))
               }, [
-                i(e(N))
+                i(t(N))
               ], 2)
             ]),
             _: 1
           }, 8, ["open"]),
-          t.shouldRemove ? (s(), u("span", {
+          o.shouldRemove ? (s(), c("span", {
             key: 0,
-            class: n(e(l)("icon-wrapper")),
-            onClick: o[2] || (o[2] = v(() => e(C)(t.value.key), ["stop"]))
+            class: n(t(l)("icon-wrapper")),
+            onClick: e[2] || (e[2] = d(() => t(k)(o.value.key), ["stop"]))
           }, [
-            i(e(A))
-          ], 2)) : f("", !0)
+            i(t(A))
+          ], 2)) : v("", !0)
         ]),
         _: 1
-      }, 8, ["class"])) : f("", !0)
+      }, 8, ["class"])) : v("", !0)
     ], 2));
   }
 });
 export {
-  M as default
+  K as default
 };

package/es/src/ap-table/constants.d.ts

@@ -990,7 +990,7 @@ export declare const apTableFormItemMap: {
                     readonly filterSort?: ((optionA: DefaultOptionType, optionB: DefaultOptionType, info: {
                         searchValue: string;
                     }) => number) | undefined;
-                    readonly optionFilterProp?: string | undefined;
+                    readonly optionFilterProp?: string | string[] | undefined;
                     readonly optionLabelProp?: string | undefined;
                     readonly options?: DefaultOptionType[] | undefined;
                     readonly defaultActiveFirstOption?: boolean | undefined;
@@ -1157,7 +1157,7 @@ export declare const apTableFormItemMap: {
                         filterSort: PropType<(optionA: DefaultOptionType, optionB: DefaultOptionType, info: {
                             searchValue: string;
                         }) => number>;
-                        optionFilterProp: StringConstructor;
+                        optionFilterProp: PropType<string | string[]>;
                         optionLabelProp: StringConstructor;
                         options: PropType< DefaultOptionType[]>;
                         defaultActiveFirstOption: {
@@ -1379,7 +1379,7 @@ export declare const apTableFormItemMap: {
                         filterSort: PropType<(optionA: DefaultOptionType, optionB: DefaultOptionType, info: {
                             searchValue: string;
                         }) => number>;
-                        optionFilterProp: StringConstructor;
+                        optionFilterProp: PropType<string | string[]>;
                         optionLabelProp: StringConstructor;
                         options: PropType< DefaultOptionType[]>;
                         defaultActiveFirstOption: {