@aplus-frontend/ui 7.13.11 → 7.14.0

package/es/src/ap-form/items/text/password.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as B, useSlots as _, shallowRef as g, createBlock as x, openBlock as F, normalizeProps as t, guardReactiveProps as s, unref as e, createSlots as n, withCtx as d, createVNode as k, mergeProps as w, renderList as i, renderSlot as f } from "vue";
-import { omit as u, pick as P } from "lodash-unified";
+import { defineComponent as v, useSlots as _, shallowRef as g, createBlock as F, openBlock as x, normalizeProps as t, guardReactiveProps as s, unref as e, createSlots as n, withCtx as d, createVNode as k, mergeProps as w, renderList as i, renderSlot as u } from "vue";
+import { omit as f, pick as P } from "lodash-unified";
 import { ApField as S } from "../../../ap-field/index.mjs";
 import { apFormItemSlotNames as m } from "../../constant.mjs";
 import "../../item/index.vue2.mjs";
 import C from "../../item/index.vue.mjs";
-const z = /* @__PURE__ */ B({
+const z = /* @__PURE__ */ v({
   name: "ApFormItemPassword",
   __name: "password",
   props: {
@@ -50,11 +50,12 @@ const z = /* @__PURE__ */ B({
     description: {},
     customFilled: {},
     disabled: { type: Boolean, default: void 0 },
+    autoFocus: { type: Boolean },
     field: { default: () => ({}) },
     placeholder: {}
   },
   setup(c, { expose: b }) {
-    const { Text: h } = S, p = _(), v = c, a = g();
+    const { Text: h } = S, p = _(), y = c, a = g();
     return b({
       focus: () => {
         a.value?.focus();
@@ -62,7 +63,7 @@ const z = /* @__PURE__ */ B({
       blur: () => {
         a.value?.blur();
       }
-    }), (o, N) => (F(), x(C, t(s(e(u)(v, ["field", "disabled", "placeholder"]))), n({
+    }), (o, N) => (x(), F(C, t(s(e(f)(y, ["field", "disabled", "placeholder"]))), n({
       default: d(() => [
         k(e(h).Password, w({
           ref_key: "inputRef",
@@ -70,20 +71,20 @@ const z = /* @__PURE__ */ B({
           disabled: o.disabled,
           placeholder: o.placeholder
         }, o.field), n({ _: 2 }, [
-          i(e(u)(p, e(m)), (y, l) => ({
+          i(e(f)(p, e(m)), (B, l) => ({
             name: l,
             fn: d((r) => [
-              f(o.$slots, l, t(s(r || {})))
+              u(o.$slots, l, t(s(r || {})))
             ])
           }))
         ]), 1040, ["disabled", "placeholder"])
       ]),
       _: 2
     }, [
-      i(e(P)(p, e(m)), (y, l) => ({
+      i(e(P)(p, e(m)), (B, l) => ({
         name: l,
         fn: d((r) => [
-          f(o.$slots, l, t(s(r || {})))
+          u(o.$slots, l, t(s(r || {})))
         ])
       }))
     ]), 1040));

package/es/src/ap-form/items/text-area/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as m, useSlots as c, shallowRef as b, computed as x, createBlock as h, openBlock as v, normalizeProps as a, guardReactiveProps as t, unref as r, createSlots as y, withCtx as s, createVNode as B, mergeProps as A, renderList as g, renderSlot as _ } from "vue";
+import { defineComponent as c, useSlots as m, shallowRef as b, computed as x, createBlock as h, openBlock as v, normalizeProps as a, guardReactiveProps as t, unref as r, createSlots as y, withCtx as s, createVNode as B, mergeProps as A, renderList as g, renderSlot as _ } from "vue";
 import { omit as F } from "lodash-unified";
 import { ApField as k } from "../../../ap-field/index.mjs";
 import "../../item/index.vue2.mjs";
 import C from "../../item/index.vue.mjs";
-const $ = /* @__PURE__ */ m({
+const $ = /* @__PURE__ */ c({
   name: "ApFormItemTextArea",
   __name: "index",
   props: {
@@ -48,11 +48,12 @@ const $ = /* @__PURE__ */ m({
     description: {},
     customFilled: {},
     disabled: { type: Boolean, default: void 0 },
+    autoFocus: { type: Boolean },
     field: { default: () => ({}) },
     placeholder: {}
   },
   setup(d, { expose: i }) {
-    const { TextArea: n } = k, p = c(), u = d, l = b();
+    const { TextArea: n } = k, p = m(), u = d, l = b();
     return i({
       focus: (e) => {
         l.value?.focus(e);

package/es/src/ap-form/items/tree-select/index.vue.mjs

@@ -51,6 +51,7 @@ const E = /* @__PURE__ */ B({
     description: {},
     customFilled: {},
     disabled: { type: Boolean, default: void 0 },
+    autoFocus: { type: Boolean },
     field: { default: () => ({}) },
     placeholder: {}
   },

package/es/src/ap-form/modal-form/index.vue.d.ts

@@ -122,6 +122,7 @@ declare function __VLS_template(): {
                 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;
@@ -847,6 +848,7 @@ declare function __VLS_template(): {
         }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
+                default?(_: {}): any;
             };
         }) | null;
     };
@@ -1325,6 +1327,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             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;
@@ -2050,6 +2053,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
 }, any>;

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -66,6 +66,9 @@ const Ne = /* @__PURE__ */ z({
     syncToUrlPriority: {
       type: Boolean
     },
+    autoFocusFirstInput: {
+      type: Boolean
+    },
     open: {
       type: Boolean,
       default: void 0

package/es/src/ap-form/render/item.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as m, useSlots as c, createBlock as B, openBlock as y, unref as e, normalizeProps as o, guardReactiveProps as l, createSlots as v, withCtx as t, createVNode as x, renderSlot as s, renderList as _ } from "vue";
-import { omit as b } from "lodash-unified";
+import { defineComponent as m, useSlots as c, createBlock as B, openBlock as y, unref as e, normalizeProps as o, guardReactiveProps as l, createSlots as v, withCtx as t, createVNode as x, renderSlot as s, renderList as F } from "vue";
+import { omit as _ } from "lodash-unified";
 import { ApForm as d } from "../index.mjs";
 const S = /* @__PURE__ */ m({
   name: "ApFormItemRender",
@@ -46,11 +46,12 @@ const S = /* @__PURE__ */ m({
     transform: {},
     description: {},
     customFilled: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    autoFocus: { type: Boolean }
   },
   setup(p) {
     const i = p, u = c();
-    return (a, g) => (y(), B(e(d).FormItem, o(l(i)), v({
+    return (a, b) => (y(), B(e(d).FormItem, o(l(i)), v({
       default: t(() => [
         x(e(d).ControlRender, null, {
           default: t((r) => [
@@ -61,7 +62,7 @@ const S = /* @__PURE__ */ m({
       ]),
       _: 2
     }, [
-      _(e(b)(u, "default"), (r, n) => ({
+      F(e(_)(u, "default"), (r, n) => ({
         name: n,
         fn: t((f) => [
           s(a.$slots, n, o(l(f || {})))

package/es/src/ap-form/search-form/index.vue.d.ts

@@ -120,6 +120,7 @@ declare function __VLS_template(): {
                 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;
@@ -845,6 +846,7 @@ declare function __VLS_template(): {
         }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
+                default?(_: {}): any;
             };
         }) | null;
         contentWrapperRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
@@ -1108,6 +1110,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
             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;
@@ -1833,6 +1836,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
     contentWrapperRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,5 +1,5 @@
 import { isVNode as ie, defineComponent as ce, useSlots as ue, ref as pe, shallowRef as w, computed as R, unref as a, watch as M, createVNode as o, Fragment as _, createBlock as x, openBlock as p, mergeProps as de, withCtx as I, resolveDynamicComponent as T, createElementBlock as fe, renderList as me, normalizeStyle as he } from "vue";
-import { Col as b, Flex as k, Button as q, Row as ge } from "@aplus-frontend/antdv";
+import { Col as F, Flex as k, Button as q, Row as ge } from "@aplus-frontend/antdv";
 import { isArray as xe, isBoolean as ye, omit as ve } from "lodash-unified";
 import { floorWith as H } from "../../utils/format.mjs";
 import { useDevWarning as Se } from "../../utils/warning.mjs";
@@ -14,13 +14,13 @@ import "./components/popover-sorter/index.vue.mjs";
 import { getTargetNode as we } from "./hooks/use-collapse-input-count.mjs";
 import { useCountPerRow as Re } from "./hooks/use-count-per-row.mjs";
 import { useSorter as _e } from "./hooks/use-sorter.mjs";
-import { execFunc as J, diffFormItem as be } from "./utils.mjs";
-import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
+import { execFunc as J, diffFormItem as Fe } from "./utils.mjs";
+import { useNamespace as be } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Ae } from "../../config-provider/hooks/use-locale.mjs";
 import { isDef as K } from "../../utils/is.mjs";
 import Q from "../item/index.vue.mjs";
-import Ne from "./components/popover-filter.vue2.mjs";
-import Be from "./components/popover-sorter/index.vue2.mjs";
+import Be from "./components/popover-filter.vue2.mjs";
+import Ne from "./components/popover-sorter/index.vue2.mjs";
 import Ie from "../ap-form.vue2.mjs";
 function Te(d) {
   return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ie(d);
@@ -79,6 +79,9 @@ const r = 100, nt = /* @__PURE__ */ ce({
     syncToUrlPriority: {
       type: Boolean
     },
+    autoFocusFirstInput: {
+      type: Boolean
+    },
     collapse: {
       type: Boolean,
       default: void 0
@@ -129,7 +132,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
     Se("SearchForm").deprecated(typeof t.resizeTarget < "u", "resizeTarget", "resize.target");
     const Y = Ce("ap-form-search-form"), {
       b: f
-    } = Fe("ap-form-search-form"), {
+    } = be("ap-form-search-form"), {
       t: P
     } = Ae(), v = pe(), E = w(), Z = Re(t, E), W = w();
     function z() {
@@ -142,12 +145,12 @@ const r = 100, nt = /* @__PURE__ */ ce({
     const te = (e) => K(e) ? (xe(e) ? e : [e]).join("") : Date.now();
     let O = [];
     const m = w(G(y.default())), c = w(y.extra?.()), L = R(() => H(r / a(Z), 4)), {
-      items: F,
+      items: b,
       sorted: $,
       handleClickConfirm: A
     } = _e(m);
     M(() => y.default(), (e) => {
-      O = m.value, m.value = be(O, G(e)), $.value = !1;
+      O = m.value, m.value = Fe(O, G(e)), $.value = !1;
     }), M(() => y.extra?.(), (e) => {
       c.value = e;
     });
@@ -156,26 +159,26 @@ const r = 100, nt = /* @__PURE__ */ ce({
     }
     const n = R(() => {
       const e = m.value, u = [], l = [], g = [], s = a(L);
-      let S = 0, N = 0;
+      let S = 0, B = 0;
       const le = r * t.maxRows - s * (a(c) && !t.extraInAction ? 2 : 1);
-      e.forEach((B) => {
-        const D = we(B);
+      e.forEach((N) => {
+        const D = we(N);
         if (!D)
           return;
         const i = D.props;
         if (ye(i.hidden) ? !!i.hidden : K(i.hidden))
-          u.push(B);
+          u.push(N);
         else {
           let C = i.span ? oe(i.span) : s;
           const V = {
-            node: B,
+            node: N,
             span: C,
             key: `ApFormSearchFormItem-${te(i.name)}-${i._signal}`
           }, U = r - S % r;
-          U < C && (C += U), S += C, S > le ? l.push(V) : (N = S, g.push(V));
+          U < C && (C += U), S += C, S > le ? l.push(V) : (B = S, g.push(V));
         }
       });
-      const j = r - (N + s) % r, re = Math.ceil(N) % r < s, se = j < s ? r : j;
+      const j = r - (B + s) % r, re = Math.ceil(B) % r < s, se = j < s ? r : j;
       return {
         hideNode: o(_, null, [u]),
         nodes: g,
@@ -185,7 +188,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
       };
     }), h = (e) => `${e}%`, ae = R(() => {
       let e;
-      const u = n.value.collapseNodes.length || t.sortable && m.value.length, l = o(b, {
+      const u = n.value.collapseNodes.length || t.sortable && m.value.length, l = o(F, {
         flex: h(a(L)),
         key: "actionWrapper"
       }, {
@@ -200,13 +203,13 @@ const r = 100, nt = /* @__PURE__ */ ce({
             }, {
               default: () => [u ? o("div", {
                 class: f("column-setting-trigger-wrapper")
-              }, [n.value.collapseNodes.length ? o(Ne, {
+              }, [n.value.collapseNodes.length ? o(Be, {
                 onSubmit: z,
                 config: n.value.collapseNodes,
                 submitLoading: t.submitLoading
-              }, null) : null, t.sortable && F.value.length ? o(Be, {
+              }, null) : null, t.sortable && b.value.length ? o(Ne, {
                 ref: W,
-                items: F.value,
+                items: b.value,
                 onClickConfirm: A,
                 sorted: $.value
               }, null) : null]) : null, o(q, {
@@ -229,7 +232,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
             }), t.extraInAction ? a(c) : null]
           })]
         })]
-      }), g = !t.extraInAction && a(c) ? o(b, {
+      }), g = !t.extraInAction && a(c) ? o(F, {
         flex: h(n.value.extraSpan),
         key: "extraNode"
       }, {
@@ -240,7 +243,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
             default: () => [e]
           })]
         })]
-      }) : null, s = o(b, {
+      }) : null, s = o(F, {
         flex: h(n.value.extraSpan)
       }, null);
       return n.value.lastRowOnlyIncludeActionAndExtra ? o(_, null, [g || s, l]) : o(_, null, [l, g]);
@@ -251,7 +254,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
     }
     return X({
       apForm: R(() => a(v)),
-      getSorterItems: () => F.value,
+      getSorterItems: () => b.value,
       setSorterItems: A,
       resetSorterItems: ne
     }), (e, u) => (p(), x(Ie, de({
@@ -264,7 +267,7 @@ const r = 100, nt = /* @__PURE__ */ ce({
         ref: E,
         gutter: 8
       }, {
-        default: I(() => [(p(!0), fe(_, null, me(n.value.nodes, (l) => (p(), x(a(b), {
+        default: I(() => [(p(!0), fe(_, null, me(n.value.nodes, (l) => (p(), x(a(F), {
           key: l.key,
           flex: h(l.span),
           style: he({

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

@@ -9,7 +9,7 @@ import { ApForm as er } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
 import { getScrollbarSize as rr } from "../utils/index.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import "./components/setting/modal/index.vue.mjs";
+import "./components/setting/modal/index.vue2.mjs";
 import { noRenderAsFormItemValueList as ie } from "./constants.mjs";
 import { useProvideApTable as or } from "./context.mjs";
 import { useStickyScroll as tr } from "./hooks/use-sticky-scroll.mjs";
@@ -22,7 +22,7 @@ import { useNamespace as Sr } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as hr } from "../config-provider/hooks/use-global-config.mjs";
 import { isDef as fe } from "../utils/is.mjs";
 import wr from "./components/paragraph-ellipsis/index.vue2.mjs";
-import vr from "./components/setting/modal/index.vue2.mjs";
+import vr from "./components/setting/modal/index.vue.mjs";
 import Rr from "../scroll-bar/index.vue.mjs";
 const Qr = /* @__PURE__ */ je({
   name: "ApTable",

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

@@ -0,0 +1,2 @@
+import { default as ApTableSetting } from './modal/index.vue';
+export default ApTableSetting;

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

@@ -0,0 +1,5 @@
+import "./modal/index.vue2.mjs";
+import r from "./modal/index.vue.mjs";
+export {
+  r as default
+};

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