@aplus-frontend/ui 7.13.12 → 7.14.0

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/hooks/use-table-template-storage.mjs

@@ -1,41 +1,42 @@
-import { useToken as F } from "@aplus-frontend/antdv/es/theme/internal";
-import { isBoolean as J, isNumber as T, isObject as x, mergeWith as y, omit as L, isString as j } from "lodash-unified";
+import { useToken as C } from "@aplus-frontend/antdv/es/theme/internal";
+import { isBoolean as J, isNumber as v, isObject as x, mergeWith as y, omit as M, isString as j } from "lodash-unified";
 import { ref as S, unref as c, watch as h } from "vue";
 import "../../config-provider/index.mjs";
-import { randomStr as k } from "../../utils/index.mjs";
+import { randomStr as A } from "../../utils/index.mjs";
 import { getColumnStateString as G } from "../components/setting/utils.mjs";
-import { useInjectApTable as M } from "../context.mjs";
+import { useInjectApTable as P } from "../context.mjs";
 import { getTableTitle as R } from "../utils.mjs";
+import { useLocale as U } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
 function X(t, e, i, o) {
   return o ? o.fixed : e ? e.fixed : i && "fixed" in i ? i.fixed : J(t.fixed) ? t.fixed ? "left" : void 0 : t.fixed;
 }
-const b = Number.MAX_SAFE_INTEGER, q = k();
-function H(t, e) {
-  const i = T(t.order) ? t.order : b;
-  let o = T(e.order) ? e.order : b;
+const b = Number.MAX_SAFE_INTEGER, q = A();
+function D(t, e) {
+  const i = v(t.order) ? t.order : b;
+  let o = v(e.order) ? e.order : b;
   return t.fixed === "right" && e.fixed !== "right" && (o = i - 1), e.fixed === "left" && t.fixed !== "left" && (o = i - 1), i - o;
 }
-function P(t, e) {
+function H(t, e) {
   e && t.removeItem(e);
 }
-function Q(t, e) {
+function K(t, e) {
   if (!e)
     return [];
   const i = t.getItem(e);
   if (!i)
     return [];
   const o = JSON.parse(i);
-  return Array.isArray(o) ? o : (P(t, e), []);
+  return Array.isArray(o) ? o : (H(t, e), []);
 }
-function I(t, e) {
+function k(t, e) {
   if (x(t) && x(e))
-    return y({}, t, e, I);
+    return y({}, t, e, k);
 }
-const ie = (t, e) => {
-  const { columnsBackup: i, size: o } = M(), { be: A } = W("ap-table"), [U, N] = F(), m = S(), u = S(
+const ae = (t, e) => {
+  const { columnsBackup: i, size: o } = P(), { t: I } = U(), { be: E } = W("ap-table"), [Q, N] = C(), m = S(), l = S(
     z(
-      Q(localStorage, c(e))
+      K(localStorage, c(e))
     )
   );
   h(
@@ -43,7 +44,7 @@ const ie = (t, e) => {
     ([r, n]) => {
       r && (m.value = {
         label: "basic_template",
-        columnState: l(r),
+        columnState: f(r),
         key: q,
         size: n
       });
@@ -53,55 +54,55 @@ const ie = (t, e) => {
   function z(r) {
     return r.length ? r.map((n) => ({
       ...n,
-      columnState: l(
+      columnState: f(
         i.value,
         n.columnState,
         !1
       )
     })) : [
       {
-        label: "默认模版",
-        key: k(),
+        label: I("ap.apTable.setting.defaultTemplate"),
+        key: t.getActiveKey?.("DEFAULT_TEMPLATE") ?? A(),
         size: o?.value,
-        columnState: l(i?.value || [])
+        columnState: f(i?.value || [])
       }
     ];
   }
-  function l(r, n = {}, a = !0) {
+  function f(r, n = {}, a = !0) {
     const d = y(
       {},
       a ? t.defaultValue || {} : {},
       n,
-      I
+      k
     );
-    function g(E, w, C) {
-      return E.map((f) => {
-        const v = w?.[f.key] || {}, s = {
-          key: f.key,
-          label: j(f.title) ? R(
-            f,
-            A("table-header", "title"),
+    function T(B, F, w) {
+      return B.map((u) => {
+        const g = F?.[u.key] || {}, s = {
+          key: u.key,
+          label: j(u.title) ? R(
+            u,
+            E("table-header", "title"),
             void 0,
             N.value.colorTextTertiary
-          ) : f.title,
+          ) : u.title,
           show: !0,
           fixed: X(
-            f,
+            u,
             void 0,
-            a ? t.defaultValue?.[f.key] : void 0,
-            C
+            a ? t.defaultValue?.[u.key] : void 0,
+            w
           ),
           disabled: !1,
-          ...L(v, ["children", "fixed"])
+          ...M(g, ["children", "fixed"])
         };
-        return s.children = f.children?.length ? g(
-          f.children,
-          v.children,
+        return s.children = u.children?.length ? T(
+          u.children,
+          g.children,
           s
         ) : void 0, s;
-      }).sort(H);
+      }).sort(D);
     }
-    return g(r || [], d);
+    return T(r || [], d);
   }
   function p(r) {
     if (c(e)) {
@@ -112,39 +113,39 @@ const ie = (t, e) => {
       localStorage.setItem(c(e), JSON.stringify(n));
     }
   }
-  function O(r) {
-    u.value.push(r);
+  function L(r) {
+    l.value.push(r);
   }
   function _(r) {
-    const n = u.value.findIndex(
+    const n = l.value.findIndex(
       (a) => a.key === r
     );
-    u.value.splice(n, 1);
+    l.value.splice(n, 1);
   }
-  function B(r, n) {
-    const a = u.value.findIndex(
+  function O(r, n) {
+    const a = l.value.findIndex(
       (d) => d.key === r
     );
-    return u.value[a] = {
-      ...u.value[a],
+    return l.value[a] = {
+      ...l.value[a],
       ...n
-    }, u.value[a];
+    }, l.value[a];
   }
   return h(
-    () => u.value,
+    () => l.value,
     (r) => {
       p(r);
     },
     { deep: !0, immediate: !0 }
   ), {
     basicTemplate: m,
-    customizeTemplateList: u,
+    customizeTemplateList: l,
     syncTemplateListToStorage: p,
-    addTemplate: O,
+    addTemplate: L,
     deleteTemplate: _,
-    updateTemplate: B
+    updateTemplate: O
   };
 };
 export {
-  ie as useTableTemplateStorage
+  ae as useTableTemplateStorage
 };

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

@@ -1,9 +1,9 @@
 import { default as _ApTable } from './ap-table.vue';
-import { default as ApTableSetting } from './components/setting/modal/index.vue';
+import { default as ApTableSetting } from './components/setting';
 type ApTableMixedType = typeof _ApTable & {
     Setting: typeof ApTableSetting;
 };
 declare const ApTable: ApTableMixedType;
-export { ApTable };
+export { ApTable, ApTableSetting };
 export * from './interface';
 export * from './hooks/use-table-paging';

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

@@ -1,12 +1,13 @@
 import "./ap-table.vue.mjs";
-import "./components/setting/modal/index.vue.mjs";
+import "./components/setting/index.mjs";
 import "./interface.mjs";
 import { useTablePaging as s } from "./hooks/use-table-paging.mjs";
-import o from "./ap-table.vue2.mjs";
-import m from "./components/setting/modal/index.vue2.mjs";
-const r = o;
-r.Setting = m;
+import t from "./ap-table.vue2.mjs";
+import o from "./components/setting/modal/index.vue.mjs";
+const i = t;
+i.Setting = o;
 export {
-  r as ApTable,
+  i as ApTable,
+  o as ApTableSetting,
   s as useTablePaging
 };

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

@@ -99,6 +99,22 @@ export type ApTableSettingType = {
      * @returns
      */
     onChange?: (val: ApColumnState[], template: ApColumnTemplate) => void;
+    /**
+     * 当前正在使用的模板变更回调
+     * @param key
+     * @returns
+     */
+    onActiveChange?: (key: string) => void;
+    /**
+     * 默认应用的模板
+     */
+    defaultActiveKey?: string;
+    /**
+     * 自定义模板key
+     * @param templateName 模板名称
+     * @returns
+     */
+    getActiveKey?: (templateName: string) => string;
 };
 export type ApTableSettingDefaultValueType = Recordable<Omit<ApColumnState, 'label' | 'key' | 'children'> & {
     children?: ApTableSettingDefaultValueType;

package/es/src/business/ap-size-input/form-item.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as r, createBlock as i, openBlock as p, unref as e, normalizeProps as l, guardReactiveProps as t, withCtx as d, createVNode as n } from "vue";
 import { omit as m } from "lodash-unified";
-import { ApForm as s } from "../../ap-form/index.mjs";
-import u from "./ApSizeInput.mjs";
+import { ApForm as u } from "../../ap-form/index.mjs";
+import s from "./ApSizeInput.mjs";
 const _ = /* @__PURE__ */ r({
   name: "ApFormItemSizeInput",
   __name: "form-item",
@@ -48,13 +48,14 @@ const _ = /* @__PURE__ */ r({
     transform: {},
     description: {},
     customFilled: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    autoFocus: { type: Boolean }
   },
   setup(a) {
     const o = a;
-    return (f, c) => (p(), i(e(s).FormItem, l(t(e(m)(o, ["field"]))), {
+    return (f, c) => (p(), i(e(u).FormItem, l(t(e(m)(o, ["field"]))), {
       default: d(() => [
-        n(e(u), l(t(o.field || {})), null, 16)
+        n(e(s), l(t(o.field || {})), null, 16)
       ]),
       _: 1
     }, 16));

package/es/src/business/ap-view/components/main-button-content.vue.d.ts

@@ -111,6 +111,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;
@@ -836,6 +837,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
 }, any>;

package/es/src/business/ap-view/components/menu-list-content.vue.d.ts

@@ -112,6 +112,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;
@@ -837,6 +838,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
 }, any>;

package/es/src/business/batch-input-group/form-item.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent as m, computed as a, createBlock as c, openBlock as v, mergeProps as o, unref as r, withCtx as y, createVNode as h } from "vue";
 import { isValid as i } from "@aplus-frontend/utils";
 import { omit as n } from "lodash-unified";
-import { useInjectForm as b } from "../../ap-form/context.mjs";
-import { getModelValue as B } from "../../ap-form/utils/get.mjs";
+import { useInjectForm as B } from "../../ap-form/context.mjs";
+import { getModelValue as b } from "../../ap-form/utils/get.mjs";
 import "../../ap-form/item/index.vue2.mjs";
 import "./index.vue2.mjs";
 import g from "../../ap-form/item/index.vue.mjs";
@@ -53,13 +53,14 @@ const P = /* @__PURE__ */ m({
     description: {},
     customFilled: {},
     disabled: { type: Boolean, default: void 0 },
+    autoFocus: { type: Boolean },
     field: { default: () => ({}) },
     placeholer: {},
     trim: { type: Boolean, default: !0 },
     defaultSelectedAllKey: { type: Boolean }
   },
-  setup(d) {
-    const e = d, { internalInstance: s } = b(), u = a(() => e?.transform || {
+  setup(s) {
+    const e = s, { internalInstance: u } = B(), d = a(() => e?.transform || {
       flat: !1,
       transformer: (l) => {
         if (l)
@@ -71,8 +72,8 @@ const P = /* @__PURE__ */ m({
     }), f = a(() => e.field?.style || "width:auto"), p = a(() => {
       if (e.initialValue)
         return e.initialValue;
-      const l = s?.getInitialValues();
-      if (!B(l, e.name))
+      const l = u?.getInitialValues();
+      if (!b(l, e.name))
         return e.field.hasAll === !1 ? {
           key: [e?.field?.options?.[0]?.value]
         } : {
@@ -89,7 +90,7 @@ const P = /* @__PURE__ */ m({
       ]),
       {
         "initial-value": p.value,
-        transform: u.value,
+        transform: d.value,
         bordered: l.field?.options?.length ? !1 : l.bordered
       }
     ), {