@aplus-frontend/ui 0.2.0 → 0.2.1

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

@@ -1,115 +1,118 @@
-import { ref as R, shallowRef as _, unref as a, computed as j, watchEffect as z } from "vue";
-import { isDef as D } from "../../utils/index.mjs";
-import G, { customCloneColumnStates as A, getColumnStateString as W } from "../components/setting/utils.mjs";
-import { useInjectApTable as X } from "../context.mjs";
-import { isObject as k, mergeWith as E, isBoolean as q, omit as H, isNumber as N } from "lodash-unified";
-function l(t, n) {
-  t.forEach((o) => {
-    var i;
-    n(o), (i = o.children) != null && i.length && l(o.children, n);
+import { ref as _, shallowRef as j, unref as f, computed as z, watchEffect as D } from "vue";
+import { isDef as G } from "../../utils/index.mjs";
+import W, { customCloneColumnStates as k, getColumnStateString as X } from "../components/setting/utils.mjs";
+import { useInjectApTable as q } from "../context.mjs";
+import { isObject as B, mergeWith as E, isBoolean as H, omit as L, isNumber as N } from "lodash-unified";
+function a(r, n) {
+  r.forEach((o) => {
+    var c;
+    n(o), (c = o.children) != null && c.length && a(o.children, n);
   });
 }
-function L(t, n) {
+function P(r, n) {
   if (!n)
     return {};
-  const o = t.getItem(n);
+  const o = r.getItem(n);
   return o ? JSON.parse(o) : {};
 }
-function I(t, n) {
-  if (k(t) && k(n))
-    return E({}, t, n, I);
+function I(r, n) {
+  if (B(r) && B(n))
+    return E({}, r, n, I);
 }
-const B = Number.MAX_SAFE_INTEGER, $ = (t, n) => {
-  const o = R(n), i = _(
-    A(n)
-  ), { columnsBackup: m, updateColumns: u } = X(), T = t.persistenceType || "localStorage", p = window[T];
+const b = Number.MAX_SAFE_INTEGER, V = (r, n) => {
+  const o = _(n), c = j(
+    k(n)
+  ), { columnsBackup: m, updateColumns: d } = q(), T = r.persistenceType || "localStorage", p = window[T];
   function F() {
-    const e = L(
+    const e = P(
       p,
-      t.persistenceKey
-    ), r = E(
+      r.persistenceKey
+    ), t = E(
       {},
-      t.defaultValue || {},
+      r.defaultValue || {},
       e,
       I
-    ), c = a(m);
-    function v(M, d, b) {
-      return M.map((s) => {
-        var x;
-        const f = (d == null ? void 0 : d[s.key]) || {}, h = {
-          key: s.key,
-          label: s.title,
+    ), s = f(m);
+    function l(R, u, y) {
+      return R.map((i) => {
+        var A;
+        const v = (u == null ? void 0 : u[i.key]) || {}, h = {
+          key: i.key,
+          label: i.title,
           show: !0,
-          fixed: b ? b.fixed : q(s.fixed) ? s.fixed ? "left" : void 0 : s.fixed,
+          fixed: y ? y.fixed : H(i.fixed) ? i.fixed ? "left" : void 0 : i.fixed,
           disabled: !1,
-          ...H(f, "children")
+          ...L(v, "children")
         };
-        return h.children = (x = s.children) != null && x.length ? v(
-          s.children,
-          f.children,
+        return h.children = (A = i.children) != null && A.length ? l(
+          i.children,
+          v.children,
           h
         ) : void 0, h;
-      }).sort(
-        (s, f) => (N(s.order) ? s.order : B) - (N(f.order) ? f.order : B)
-      );
+      }).sort(O);
     }
-    return v(c || [], r);
+    return l(s || [], t);
   }
-  const C = j(() => a(o).every((e) => e.show));
+  function O(e, t) {
+    const s = N(e.order) ? e.order : b;
+    let l = N(t.order) ? t.order : b;
+    return e.fixed === "right" && t.fixed !== "right" && (l = s - 1), t.fixed === "left" && e.fixed !== "left" && (l = s - 1), s - l;
+  }
+  const C = z(() => f(o).every((e) => e.show));
   function S() {
-    const e = a(o);
-    l(e, (r) => {
-      !r.disabled && (r.show = !0);
+    const e = f(o);
+    a(e, (t) => {
+      !t.disabled && (t.show = !0);
     });
   }
   function g() {
-    const e = a(o);
-    l(e, (r) => {
-      !r.disabled && (r.show = !1);
+    const e = f(o);
+    a(e, (t) => {
+      !t.disabled && (t.show = !1);
     });
   }
-  function O() {
-    a(C) ? g() : S();
+  function K() {
+    f(C) ? g() : S();
   }
-  function K(e, r) {
-    l(a(o), (c) => {
-      c.key === e && (c.show = D(r) ? r : !c.show);
+  function J(e, t) {
+    a(f(o), (s) => {
+      s.key === e && (s.show = G(t) ? t : !s.show);
     });
   }
   function w(e) {
     o.value = e;
   }
-  function J(e) {
-    i.value = e;
+  function M(e) {
+    c.value = e;
   }
-  function y(e) {
-    if (t.persistenceKey) {
-      const r = W(e);
-      p.setItem(t.persistenceKey, JSON.stringify(r));
+  function x(e) {
+    if (r.persistenceKey) {
+      const t = X(e);
+      p.setItem(r.persistenceKey, JSON.stringify(t));
     }
   }
-  return z(() => {
-    var r;
+  return D(() => {
+    var t;
     const e = F();
-    w(e), (r = t.onChange) == null || r.call(t, e), u == null || u(
-      G(
-        a(m),
-        a(e)
+    w(e), (t = r.onChange) == null || t.call(r, e), d == null || d(
+      W(
+        f(m),
+        f(e)
       )
-    ), i.value = A(e), y(e);
+    ), c.value = k(e), x(e);
   }), {
     columnState: o,
     selectAll: S,
     unSelectAll: g,
-    toggleSelect: K,
+    toggleSelect: J,
     setColumnState: w,
     isAllSelected: C,
-    toggleSelectAll: O,
-    columnStateBackup: i,
-    setColumnStateBackup: J,
-    cacheColumnStateIfNeeded: y
+    toggleSelectAll: K,
+    columnStateBackup: c,
+    setColumnStateBackup: M,
+    cacheColumnStateIfNeeded: x
   };
 };
 export {
-  $ as useTableColumnState
+  V as useTableColumnState
 };

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

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

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

@@ -1,6 +1,12 @@
-import "./ap-table.vue2.mjs";
+import "./ap-table.vue.mjs";
+import "./components/setting/modal/index.vue.mjs";
 import "./interface.mjs";
-import { useTablePaging as m } from "./hooks/use-table-paging.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;
 export {
-  m as useTablePaging
+  r as ApTable,
+  s as useTablePaging
 };

package/es/src/business/ap-batch-action/ApBatchAction.vue.d.ts

@@ -1,9 +1,14 @@
 import { ApBatchActionProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 declare function __VLS_template(): {
-    slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
+    slots: Readonly<{
+        header: () => void;
+        prefix: () => void;
+        suffix: () => void;
+    }> & {
+        header: () => void;
+        prefix: () => void;
+        suffix: () => void;
     };
     refs: {};
     attrs: Partial<{}>;

package/es/src/business/ap-batch-action/ApBatchAction.vue2.mjs

@@ -1,45 +1,58 @@
-import { defineComponent as m, computed as u, openBlock as f, createElementBlock as h, normalizeClass as _, unref as t, renderSlot as r, createElementVNode as s, createTextVNode as n, toDisplayString as c, createVNode as A, withCtx as B } from "vue";
-import { Button as v } from "@aplus-frontend/antdv";
+import { defineComponent as v, useSlots as _, computed as u, openBlock as m, createElementBlock as f, normalizeClass as r, unref as t, renderSlot as i, createCommentVNode as B, createElementVNode as s, createTextVNode as d, toDisplayString as o, createVNode as C, withCtx as k } from "vue";
+import { Button as N } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { useNamespace as y } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as C } from "../../config-provider/hooks/use-locale.mjs";
-const k = { class: "selected-desc" }, x = { class: "selected-desc-conut" }, N = { class: "selected-desc-clean" }, E = /* @__PURE__ */ m({
+import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as $ } from "../../config-provider/hooks/use-locale.mjs";
+const b = { class: "selected-desc" }, g = { class: "selected-desc-conut" }, w = { class: "selected-desc-clean" }, z = /* @__PURE__ */ v({
   __name: "ApBatchAction",
   props: {
     selectedRowKeys: {},
     clearAll: { type: Function }
   },
-  setup(p) {
-    const { b: i } = y("ap-batch-action"), { t: o } = C(), l = p, d = u(() => {
+  setup(h) {
+    const { b: c } = V("ap-batch-action"), { t: a } = $(), l = h, n = _().header, y = u(() => {
       var e;
       return ((e = l.selectedRowKeys) == null ? void 0 : e.length) || 0;
+    }), A = u(() => {
+      const e = n == null ? void 0 : n();
+      return Array.isArray(e) && e.length > 0;
     });
-    return (e, a) => (f(), h("div", {
-      class: _([t(i)()])
+    return (e, p) => (m(), f("div", {
+      class: r([t(c)()])
     }, [
-      r(e.$slots, "prefix"),
-      s("div", k, [
-        s("div", x, [
-          n(c(t(o)("ap.apBatchAction.selected")) + " ", 1),
-          s("span", null, c(d.value), 1),
-          n(" " + c(t(o)("ap.apBatchAction.piecesOfData")), 1)
+      A.value ? (m(), f("div", {
+        key: 0,
+        class: r(t(c)("header"))
+      }, [
+        i(e.$slots, "header")
+      ], 2)) : B("", !0),
+      s("div", {
+        class: r(t(c)("body"))
+      }, [
+        i(e.$slots, "prefix"),
+        s("div", b, [
+          s("div", g, [
+            d(o(t(a)("ap.apBatchAction.selected")) + " ", 1),
+            s("span", null, o(y.value), 1),
+            d(" " + o(t(a)("ap.apBatchAction.piecesOfData")), 1)
+          ]),
+          s("div", w, [
+            C(t(N), {
+              type: "link",
+              onClick: p[0] || (p[0] = (x) => l.clearAll && l.clearAll())
+            }, {
+              default: k(() => [
+                d(o(t(a)("ap.apBatchAction.empty")), 1)
+              ]),
+              _: 1
+            })
+          ])
         ]),
-        s("div", N, [
-          A(t(v), {
-            type: "link",
-            onClick: a[0] || (a[0] = (w) => l.clearAll && l.clearAll())
-          }, {
-            default: B(() => [
-              n(c(t(o)("ap.apBatchAction.empty")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      r(e.$slots, "suffix")
+        i(e.$slots, "suffix")
+      ], 2)
     ], 2));
   }
 });
 export {
-  E as default
+  z as default
 };

package/es/src/business/ap-batch-action/index.d.ts

@@ -41,9 +41,14 @@ declare const ApBatchAction: {
         type: PropType<() => void>;
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
+    $slots: Readonly<{
+        header: () => void;
+        prefix: () => void;
+        suffix: () => void;
+    }> & {
+        header: () => void;
+        prefix: () => void;
+        suffix: () => void;
     };
 }) & ( Plugin & (new (...args: any[]) => {
     $props: {

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as A, computed as n, openBlock as v, createBlock as y, unref as a, mergeProps as m, withCtx as r, createVNode as c, createElementVNode as C, normalizeStyle as D, toDisplayString as h, normalizeClass as N, normalizeProps as R, guardReactiveProps as T, createTextVNode as x, createCommentVNode as V } from "vue";
-import { DropdownButton as z, Dropdown as G } from "@aplus-frontend/antdv";
+import { defineComponent as A, computed as n, openBlock as v, createBlock as y, unref as a, mergeProps as m, withCtx as r, createVNode as c, createElementVNode as C, normalizeStyle as D, toDisplayString as h, normalizeClass as N, normalizeProps as R, guardReactiveProps as T, createTextVNode as V, createCommentVNode as $ } from "vue";
+import { DropdownButton as x, Dropdown as z } from "@aplus-frontend/antdv";
 import "../../ap-button/index.mjs";
 import "./MenuItemGroup.vue.mjs";
 import "../../config-provider/index.mjs";
-import { DownOutlined as M } from "@ant-design/icons-vue";
-import { usePermission as S } from "@aplus-frontend/hooks";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
+import { DownOutlined as G } from "@ant-design/icons-vue";
+import { usePermission as M } from "@aplus-frontend/hooks";
+import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as F } from "../../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as O } from "../../config-provider/hooks/use-global-config.mjs";
 import w from "./MenuItemGroup.vue2.mjs";
@@ -18,7 +18,7 @@ const ee = /* @__PURE__ */ A({
     menuList: {}
   },
   setup(P) {
-    const { b: i } = $("ap-batch-action-group"), { t: _ } = F(), e = P, L = O("uiMode"), { hasPermission: g } = S(), p = n(
+    const { b: i } = S("ap-batch-action-group"), { t: L } = F(), e = P, _ = O("uiMode"), { hasPermission: g } = M(), p = n(
       () => {
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.dropdownType) || "default";
@@ -31,7 +31,7 @@ const ee = /* @__PURE__ */ A({
     ), f = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || _("ap.apApBatchActionGroup.batchOperation");
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || L("ap.apApBatchActionGroup.batchOperation");
       }
     ), k = n(() => (e == null ? void 0 : e.selectedRows) || []), d = n(
       () => {
@@ -43,7 +43,7 @@ const ee = /* @__PURE__ */ A({
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return u.value === "borderLink" ? d.value ? void 0 : t[L.value] || t.aplus : void 0;
+      return u.value === "borderLink" ? d.value ? void 0 : t[_.value] || t.aplus : void 0;
     }), l = n(() => {
       var t;
       return ((t = e == null ? void 0 : e.menuList) == null ? void 0 : t.filter((o) => {
@@ -57,10 +57,11 @@ const ee = /* @__PURE__ */ A({
         type: u.value === "borderLink" ? "default" : u.value
       } : {};
     }
-    return (t, o) => l.value.length && p.value === "dropdown" ? (v(), y(a(z), m({
+    return (t, o) => l.value.length && p.value === "dropdown" ? (v(), y(a(x), m({
       key: 0,
       class: [a(i)()]
     }, {
+      ...t.$attrs,
       ...b(),
       disabled: d.value
     }), {
@@ -77,7 +78,7 @@ const ee = /* @__PURE__ */ A({
         }, h(f.value), 5)
       ]),
       _: 1
-    }, 16, ["class"])) : l.value.length && p.value === "default" ? (v(), y(a(G), {
+    }, 16, ["class"])) : l.value.length && p.value === "default" ? (v(), y(a(z), {
       key: 1,
       class: N([a(i)()]),
       disabled: d.value
@@ -94,14 +95,14 @@ const ee = /* @__PURE__ */ A({
           type: u.value
         })), {
           default: r(() => [
-            x(h(f.value) + " ", 1),
-            c(a(M))
+            V(h(f.value) + " ", 1),
+            c(a(G))
           ]),
           _: 1
         }, 16)
       ]),
       _: 1
-    }, 8, ["class", "disabled"])) : V("", !0);
+    }, 8, ["class", "disabled"])) : $("", !0);
   }
 });
 export {

package/es/src/business/ap-batch-action-group/index.d.ts

@@ -69,6 +69,7 @@ declare const ApBatchActionGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: string;
@@ -365,6 +366,7 @@ declare const ApBatchActionGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: string;
@@ -668,6 +670,7 @@ declare const ApBatchActionGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: string;
@@ -968,6 +971,7 @@ declare const ApBatchActionGroup: {
             type?: ButtonProps["type"] | "borderLink";
             borderLinkColor?: string;
             minWidth?: boolean | number | string;
+            lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
             content?: string;

package/es/src/business/ap-button-group/index.d.ts

@@ -85,6 +85,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -143,6 +144,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -231,6 +233,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -289,6 +292,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -384,6 +388,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -442,6 +447,7 @@ declare const ApButtonGroup: {
                 type?: ButtonProps["type"] | "borderLink";
                 borderLinkColor?: string;
                 minWidth?: boolean | number | string;
+                lazy?: boolean | number;
                 onClick?: () => any | Promise<any>;
             } & {
                 content?: VNodeChild;
@@ -534,6 +540,7 @@ declare const ApButtonGroup: {
             type?: ButtonProps["type"] | "borderLink";
             borderLinkColor?: string;
             minWidth?: boolean | number | string;
+            lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
             content?: VNodeChild;
@@ -592,6 +599,7 @@ declare const ApButtonGroup: {
             type?: ButtonProps["type"] | "borderLink";
             borderLinkColor?: string;
             minWidth?: boolean | number | string;
+            lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
             content?: VNodeChild;