@aplus-frontend/ui 6.26.1 → 6.26.3

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

@@ -1,65 +1,63 @@
-import { cloneDeepWith as s, isArray as c, omit as a } from "lodash-unified";
-import { isVNode as u } from "vue";
-import { getTableTitle as f } from "../../utils.mjs";
-function h(t, e) {
-  var l;
-  const i = [];
-  for (const r of e) {
-    const o = t.find((n) => n.key === r.key);
-    if ((l = r.children) != null && l.length) {
-      const n = h(
-        o.children,
-        r.children
+import { cloneDeepWith as f, isArray as l, omit as u } from "lodash-unified";
+import { isVNode as c } from "vue";
+import { getTableTitle as s } from "../../utils.mjs";
+function a(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(
+        i.children,
+        t.children
       );
-      n.length && i.push({
-        ...o,
-        fixed: r.fixed,
-        children: n
+      o.length && r.push({
+        ...i,
+        fixed: t.fixed,
+        children: o
       });
     } else {
-      if (!r.show)
+      if (!t.show)
         continue;
-      i.push({ ...o, fixed: r.fixed });
+      r.push({ ...i, fixed: t.fixed });
     }
   }
-  return i;
+  return r;
 }
-function y(t) {
-  return s(t, (e, i) => {
-    if (i === "label")
-      return e;
+function g(e) {
+  return f(e, (n, r) => {
+    if (r === "label")
+      return n;
   });
 }
-function b(t, e) {
-  const i = t.title, l = c(i) ? i[0] : i;
-  return u(l) ? l : f(
-    t,
-    (e == null ? void 0 : e.className) || "",
+function p(e, n) {
+  const r = e.title, t = l(r) ? r[0] : r;
+  return c(t) ? t : s(
+    e,
+    n?.className || "",
     void 0,
-    e == null ? void 0 : e.color
+    n?.color
   );
 }
-function x(t) {
-  return u(t) ? t : c(t) ? t[0] : t;
+function y(e) {
+  return c(e) ? e : l(e) ? e[0] : e;
 }
-function S(t) {
-  function e(i) {
-    const l = {};
-    return i.forEach((r, o) => {
-      var n;
-      l[r.key] = {
-        ...a(r, ["label", "key", "children"]),
+function b(e) {
+  function n(r) {
+    const t = {};
+    return r.forEach((i, o) => {
+      t[i.key] = {
+        ...u(i, ["label", "key", "children"]),
         order: o,
-        children: (n = r.children) != null && n.length ? e(r.children) : void 0
+        children: i.children?.length ? n(i.children) : void 0
       };
-    }), l;
+    }), t;
   }
-  return e(t);
+  return n(e);
 }
 export {
-  y as customCloneColumnStates,
-  h as default,
-  S as getColumnStateString,
-  b as getLabelNode,
-  x as getLabelRenderNode
+  g as customCloneColumnStates,
+  a as default,
+  b as getColumnStateString,
+  p as getLabelNode,
+  y as getLabelRenderNode
 };

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

@@ -3,9 +3,9 @@ import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicP
 import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextProps, ApFormItemTextAreaProps, ApFormItemCheckboxProps, ApFormItemTextPasswordProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
 import { ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, FieldMode, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, ApFieldTreeSelectProps } from '../ap-field';
 import { ApFormItemSlots, ApFormItemTextPassword, ApActionGroupProps, GroupActionTypes } from '..';
-import { SizeType, ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
 import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniDecimal';
 import { KeyboardEventHandler, FocusEventHandler, ChangeEventHandler, CompositionEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { SizeType, ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
 import { OnCleanup } from '@vue/reactivity';
@@ -176,7 +176,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: SizeType;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly step?: ValueType | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: ValueType) => void) | undefined;
@@ -875,7 +875,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: SizeType;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void) | undefined;
                     readonly onClick?: ((e: MouseEvent) => void) | undefined;
@@ -900,7 +900,7 @@ export declare const apTableFormItemMap: {
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly virtual?: boolean | undefined;
                     readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                    readonly defaultValue?: SelectValue;
+                    readonly defaultValue?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
                     readonly id?: string | undefined;
                     readonly placeholder?: any;
                     readonly status?: "" | "error" | "warning" | undefined;
@@ -950,7 +950,7 @@ export declare const apTableFormItemMap: {
                     readonly emptyText?: string | undefined;
                     readonly request?: ((value?: string, extraParams?: Recordable) => Promise< DefaultOptionType[] | undefined>) | undefined;
                     readonly multiple?: boolean | undefined;
-                    readonly value?: SelectValue;
+                    readonly value?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
                     readonly 'onUpdate:value'?: (((val: SelectValue) => void) & ((...args: any[]) => any)) | undefined;
                     readonly searchMode?: "filter" | "request" | undefined;
                     readonly refetchOnFocus?: boolean | undefined;
@@ -2440,7 +2440,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: SizeType;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: unknown, labelList: any[], extra: ChangeEventExtra) => void) | undefined;
                     readonly onClick?: ((e: MouseEvent) => void) | undefined;

package/es/src/ap-table/hooks/use-sticky-scroll.mjs

@@ -1,16 +1,13 @@
-import { ref as o, computed as e } from "vue";
-const i = "ap-table--sticky", r = (t) => {
-  const c = o();
+import { ref as c, computed as o } from "vue";
+const e = "ap-table--sticky", l = (s) => {
+  const t = c();
   return {
-    isStickyMode: e(
-      () => {
-        var s;
-        return ((s = t.value) == null ? void 0 : s.classList.contains(i)) || !1;
-      }
+    isStickyMode: o(
+      () => s.value?.classList.contains(e) || !1
     ),
-    scrollBarRef: c
+    scrollBarRef: t
   };
 };
 export {
-  r as useStickyScroll
+  l as useStickyScroll
 };

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

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

package/es/src/ap-table/hooks/use-table-content-height.mjs

@@ -1,41 +1,39 @@
 import "../../config-provider/index.mjs";
-import { useElementSize as y } from "@vueuse/core";
-import { ref as h, computed as v, unref as u, onUpdated as q } from "vue";
-import { useGlobalConfig as N } from "../../config-provider/hooks/use-global-config.mjs";
-function p(t) {
+import { useElementSize as m } from "@vueuse/core";
+import { ref as u, computed as d, unref as i, onUpdated as H } from "vue";
+import { useGlobalConfig as S } from "../../config-provider/hooks/use-global-config.mjs";
+function c(t) {
   if (!t)
     return 0;
   const e = parseFloat(t);
   return Number.isNaN(e) ? 0 : e;
 }
-function m(t) {
+function l(t) {
   if (!t)
     return 0;
   const e = getComputedStyle(t);
-  return t.clientHeight + p(e.marginTop) + p(e.marginBottom);
+  return t.clientHeight + c(e.marginTop) + c(e.marginBottom);
 }
-const _ = (t) => {
-  const e = h(), { height: d } = y(e), H = N("namespace"), a = h();
-  let i = !1;
-  const S = v(() => {
-    var c, l, g, s, f;
-    const n = ((l = (c = e.value) == null ? void 0 : c.querySelector(`.${u(H)}-ap-table-header-wrapper`)) == null ? void 0 : l.clientHeight) || 0, r = ((s = (g = e.value) == null ? void 0 : g.querySelector(".ant-table-header")) == null ? void 0 : s.clientHeight) || 47, o = (f = e.value) == null ? void 0 : f.querySelector(".ant-pagination"), b = o ? m(o) : u(a);
-    return o && (i = !0), Math.ceil(
-      u(d) - r - n - (b || 0) - ((t == null ? void 0 : t.offset) || 0)
+const N = (t) => {
+  const e = u(), { height: s } = m(e), g = S("namespace"), r = u();
+  let o = !1;
+  const p = d(() => {
+    const n = e.value?.querySelector(`.${i(g)}-ap-table-header-wrapper`)?.clientHeight || 0, f = e.value?.querySelector(".ant-table-header")?.clientHeight || 47, a = e.value?.querySelector(".ant-pagination"), h = a ? l(a) : i(r);
+    return a && (o = !0), Math.ceil(
+      i(s) - f - n - (h || 0) - (t?.offset || 0)
     );
   });
-  return q(() => {
-    var r;
-    if (i)
+  return H(() => {
+    if (o)
       return;
-    const n = (r = e.value) == null ? void 0 : r.querySelector(".ant-pagination");
+    const n = e.value?.querySelector(".ant-pagination");
     if (!n) {
-      a.value = 0;
+      r.value = 0;
       return;
     }
-    a.value = m(n), i = !0;
-  }), { contentRef: e, height: S };
+    r.value = l(n), o = !0;
+  }), { contentRef: e, height: p };
 };
 export {
-  _ as default
+  N as default
 };