@aplus-frontend/ui 7.12.6 → 7.13.0

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

@@ -0,0 +1,4 @@
+import f from "./edit-form.vue2.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,74 @@
+import { defineComponent as f, ref as u, createElementBlock as d, openBlock as y, createVNode as t, unref as e, withCtx as o, createTextVNode as i, toDisplayString as r } from "vue";
+import { Flex as C, Button as m } from "@aplus-frontend/antdv";
+import { ApForm as _ } from "../../../../ap-form/index.mjs";
+import "../../../../config-provider/index.mjs";
+import { useLocale as h } from "../../../../config-provider/hooks/use-locale.mjs";
+import { ApFormItemText as b } from "../../../../ap-form/items/text/index.mjs";
+const V = /* @__PURE__ */ f({
+  __name: "edit-form",
+  props: {
+    onConfirm: { type: Function },
+    onCancel: { type: Function },
+    initialValues: {}
+  },
+  setup(p) {
+    const s = p, { t: a } = h(), n = u();
+    async function c() {
+      const l = await n.value?.validateFields();
+      s.onConfirm(l?.label);
+    }
+    return (l, g) => (y(), d("div", null, [
+      t(e(_), {
+        ref_key: "formRef",
+        ref: n,
+        colon: !1,
+        "label-col": { span: 24 },
+        "initial-values": l.initialValues
+      }, {
+        default: o(() => [
+          t(e(b), {
+            rules: [
+              {
+                required: !0,
+                message: e(a)("ap.apTable.setting.templateNamePlaceholder")
+              }
+            ],
+            name: "label",
+            label: e(a)("ap.apTable.setting.templateName")
+          }, null, 8, ["rules", "label"])
+        ]),
+        _: 1
+      }, 8, ["initial-values"]),
+      t(e(C), {
+        justify: "end",
+        gap: 8
+      }, {
+        default: o(() => [
+          t(e(m), {
+            style: { height: "24px" },
+            onClick: l.onCancel
+          }, {
+            default: o(() => [
+              i(r(e(a)("ap.common.cancelText")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          t(e(m), {
+            style: { height: "24px" },
+            type: "primary",
+            onClick: c
+          }, {
+            default: o(() => [
+              i(r(e(a)("ap.common.save")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,11 @@
+import { ApColumnTemplate } from '../../..';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,51 @@
+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 "../../../../config-provider/index.mjs";
+import { useInjectApColumnSetting as L } 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({
+  __name: "index",
+  props: {
+    customizeTemplateList: {},
+    persistenceKey: {},
+    onActiveChange: { type: Function }
+  },
+  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;
+    }
+    function u(t) {
+      n.value = t;
+    }
+    return c({ updateActiveKey: u }), (t, F) => (a(), l(e(h), {
+      vertical: "",
+      class: s(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"))
+        }, [
+          (a(!0), g(k, null, _(t.customizeTemplateList, (i) => (a(), l(A, {
+            key: i.key,
+            value: i,
+            "is-active": e(n) === i.key,
+            "should-remove": t.customizeTemplateList.length > 1,
+            onClick: () => p(i.key)
+          }, null, 8, ["value", "is-active", "should-remove", "onClick"]))), 128))
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,13 @@
+import { ApColumnTemplate } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    value: ApColumnTemplate;
+    isActive: boolean;
+    onClick: () => void;
+    /**
+     * 是否可以删除
+     */
+    shouldRemove?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import f from "./item.vue2.mjs";
+export {
+  f as default
+};

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

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

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

@@ -1,4 +1,4 @@
 import { ApTableSettingTreeSelectProps } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTableSettingTreeSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableSettingTreeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<ApTableSettingTreeSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableSettingTreeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,46 +1,43 @@
-import { defineComponent as w, computed as v, unref as r, createElementBlock as u, openBlock as o, createVNode as c, withCtx as a, Fragment as f, renderList as b, createBlock as d, mergeProps as x, resolveDynamicComponent as B } from "vue";
-import { Row as V, Col as m, Checkbox as I } from "@aplus-frontend/antdv";
+import { defineComponent as v, computed as w, unref as r, createElementBlock as u, createCommentVNode as b, openBlock as o, createVNode as c, withCtx as l, Fragment as f, renderList as x, createBlock as d, mergeProps as B, resolveDynamicComponent as V } from "vue";
+import { Row as N, Col as m, Checkbox as I } from "@aplus-frontend/antdv";
 import { useInjectApTable as L } from "../../../context.mjs";
 import "../select-group/index.vue.mjs";
-import { getLabelNode as N } from "../utils.mjs";
-import P from "../select-group/index.vue2.mjs";
-const F = /* @__PURE__ */ w({
+import { getLabelNode as P } from "../utils.mjs";
+import S from "../select-group/index.vue2.mjs";
+const U = { key: 0 }, T = /* @__PURE__ */ v({
   __name: "index",
   props: {
     value: {}
   },
-  setup(p) {
-    const i = p, { columnsBackup: h, renderConfig: k } = L(), g = v(() => [...r(h) || []].sort((e, t) => e.children?.length && !t.children?.length ? 1 : !e.children?.length && t.children?.length ? -1 : 0));
-    function s(n) {
-      return i.value.find((e) => e.key === n.key);
+  setup(h) {
+    const s = h, { columnsBackup: p, renderConfig: k } = L(), g = w(() => [...r(p) || []].sort((e, t) => e.children?.length && !t.children?.length ? 1 : !e.children?.length && t.children?.length ? -1 : 0));
+    function i(n) {
+      return s.value.find((e) => e.key === n.key);
     }
     function C(n) {
-      const e = s(n);
+      const e = i(n);
       return {
         checked: e?.show,
         disabled: e?.disabled
       };
     }
     function _(n, e) {
-      const l = i.value?.find((y) => y.key === n);
-      l && (l.show = e);
+      const a = s.value?.find((y) => y.key === n);
+      a && (a.show = e);
     }
-    return (n, e) => (o(), u("div", null, [
-      c(r(V), {
-        gutter: [24, 12],
-        align: "middle"
-      }, {
-        default: a(() => [
-          (o(!0), u(f, null, b(g.value, (t) => (o(), u(f, {
+    return (n, e) => n.value?.length ? (o(), u("div", U, [
+      c(r(N), { gutter: [24, 12] }, {
+        default: l(() => [
+          (o(!0), u(f, null, x(g.value, (t) => (o(), u(f, {
             key: t.key
           }, [
             t.children?.length ? (o(), d(r(m), {
               key: 1,
               span: 24
             }, {
-              default: a(() => [
-                c(P, {
-                  value: s(t)
+              default: l(() => [
+                c(S, {
+                  value: i(t)
                 }, null, 8, ["value"])
               ]),
               _: 2
@@ -48,12 +45,12 @@ const F = /* @__PURE__ */ w({
               key: 0,
               span: 8
             }, {
-              default: a(() => [
-                c(r(I), x({ ref_for: !0 }, C(t), {
-                  "onUpdate:checked": (l) => _(t.key, l)
+              default: l(() => [
+                c(r(I), B({ ref_for: !0 }, C(t), {
+                  "onUpdate:checked": (a) => _(t.key, a)
                 }), {
-                  default: a(() => [
-                    (o(), d(B(r(N)(t, r(k)))))
+                  default: l(() => [
+                    (o(), d(V(r(P)(t, r(k)))))
                   ]),
                   _: 2
                 }, 1040, ["onUpdate:checked"])
@@ -64,9 +61,9 @@ const F = /* @__PURE__ */ w({
         ]),
         _: 1
       })
-    ]));
+    ])) : b("", !0);
   }
 });
 export {
-  F as default
+  T as default
 };

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

@@ -33,3 +33,4 @@ export declare function getLabelRenderNode(node: any): any;
  * @returns
  */
 export declare function getColumnStateString(columnStates: ApColumnState[]): ApTableSettingDefaultValueType;
+export declare function isEqualColumnStateIgnoreLabel(a: ApColumnState[], b: ApColumnState[]): boolean;

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

@@ -1,12 +1,12 @@
-import { cloneDeepWith as f, isArray as l, omit as u } from "lodash-unified";
-import { isVNode as c } from "vue";
+import { cloneDeepWith as f, isArray as l, omit as c, isEqualWith as a } from "lodash-unified";
+import { isVNode as u } from "vue";
 import { getTableTitle as s } from "../../utils.mjs";
-function a(e, n) {
+function d(e, n) {
   const r = [];
   for (const t of n) {
     const i = e.find((o) => o.key === t.key);
     if (t.children?.length) {
-      const o = a(
+      const o = d(
         i.children,
         t.children
       );
@@ -23,15 +23,15 @@ function a(e, n) {
   }
   return r;
 }
-function g(e) {
+function p(e) {
   return f(e, (n, r) => {
     if (r === "label")
       return n;
   });
 }
-function p(e, n) {
+function b(e, n) {
   const r = e.title, t = l(r) ? r[0] : r;
-  return c(t) ? t : s(
+  return u(t) ? t : s(
     e,
     n?.className || "",
     void 0,
@@ -39,14 +39,14 @@ function p(e, n) {
   );
 }
 function y(e) {
-  return c(e) ? e : l(e) ? e[0] : e;
+  return u(e) ? e : l(e) ? e[0] : e;
 }
-function b(e) {
+function C(e) {
   function n(r) {
     const t = {};
     return r.forEach((i, o) => {
       t[i.key] = {
-        ...u(i, ["label", "key", "children"]),
+        ...c(i, ["label", "key", "children"]),
         order: o,
         children: i.children?.length ? n(i.children) : void 0
       };
@@ -54,10 +54,17 @@ function b(e) {
   }
   return n(e);
 }
+function S(e, n) {
+  return a(e, n, (r, t, i) => {
+    if (i === "label")
+      return !0;
+  });
+}
 export {
-  g as customCloneColumnStates,
-  a as default,
-  b as getColumnStateString,
-  p as getLabelNode,
-  y as getLabelRenderNode
+  p as customCloneColumnStates,
+  d as default,
+  C as getColumnStateString,
+  b as getLabelNode,
+  y as getLabelRenderNode,
+  S as isEqualColumnStateIgnoreLabel
 };

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

@@ -1549,26 +1549,24 @@ export declare const apTableFormItemMap: {
                     itemIcon: any;
                     removeIcon: any;
                     clearIcon: any;
-                    dropdownRender: any;
-                    option: any;
                     placeholder: any;
                     tagRender: any;
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
+                    dropdownRender: any;
                 }> & {
                     notFoundContent: any;
                     suffixIcon: any;
                     itemIcon: any;
                     removeIcon: any;
                     clearIcon: any;
-                    dropdownRender: any;
-                    option: any;
                     placeholder: any;
                     tagRender: any;
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
+                    dropdownRender: any;
                 };
             }) | null;
         }, any, ComponentProvideOptions, {

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

@@ -1,5 +1,5 @@
 import { provide as s, inject as a, computed as t } from "vue";
-const r = Symbol("apTableContextKey");
+const r = /* @__PURE__ */ Symbol("apTableContextKey");
 function n(o) {
   s(r, o);
 }

package/es/src/ap-table/hooks/use-table-column-state.d.ts

@@ -1,30 +1,11 @@
-import { Ref, ComputedRef, ShallowRef } from 'vue';
-import { ApColumnState, ApTableSettingType } from '../interface';
-export declare const useTableColumnState: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>, initialColumnState: ApColumnState[]) => {
-    columnState: Ref<{
-        key: string | number;
-        show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        label?: any;
-        children?: /*elided*/ any[] | undefined;
-        order?: number | undefined;
-    }[], ApColumnState[] | {
-        key: string | number;
-        show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        label?: any;
-        children?: /*elided*/ any[] | undefined;
-        order?: number | undefined;
-    }[]>;
+import { Ref, ComputedRef } from 'vue';
+import { ApColumnState } from '../interface';
+export declare const useTableColumnState: (initialColumnState: ApColumnState[]) => {
+    columnState: Ref<ApColumnState[], ApColumnState[]>;
     selectAll: () => void;
     unSelectAll: () => void;
     toggleSelect: (key: string, show?: boolean) => void;
     setColumnState: (nextColumnState: ApColumnState[]) => void;
     isAllSelected: ComputedRef<boolean>;
     toggleSelectAll: () => void;
-    columnStateBackup: ShallowRef<ApColumnState[], ApColumnState[]>;
-    setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
-    cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
 };