@aplus-frontend/ui 0.6.8 → 6.10.0

package/es/src/ap-descriptions/formatter/index.mjs

@@ -1,18 +1,18 @@
 import { createVNode as f } from "vue";
-import { getTimeFormatToZone as g } from "@aplus-frontend/utils";
-import { isBoolean as h, merge as p, get as l, debounce as Y } from "lodash-unified";
-import { formatString as A } from "./utils.mjs";
-import { toDecimalMark as b } from "@fruits-chain/utils";
-import { TypographyParagraph as M } from "@aplus-frontend/antdv";
+import { getTimeFormatToZone as g, toThousand as h } from "@aplus-frontend/utils";
+import { isBoolean as Y, merge as p, get as l, debounce as A } from "lodash-unified";
+import { formatString as b } from "./utils.mjs";
+import { TypographyParagraph as d } from "@aplus-frontend/antdv";
+import { toDecimalMark as M } from "@fruits-chain/utils";
 function S({
   value: t
 }, n) {
   if (!(n != null && n.ellipsis))
     return t;
-  const r = {
+  const i = {
     ...n,
     content: t,
-    ellipsis: n.ellipsis ? h(n.ellipsis) ? {
+    ellipsis: n.ellipsis ? Y(n.ellipsis) ? {
       tooltip: t,
       rows: 1
     } : {
@@ -20,61 +20,61 @@ function S({
       tooltip: t
     } : !1
   };
-  return f(M, r, null);
+  return f(d, i, null);
 }
 function D({
   value: t
 }, n) {
   var o;
   const {
-    joinSymbol: r
+    joinSymbol: i
   } = p({
     joinSymbol: " "
   }, n);
-  return (o = t == null ? void 0 : t.join) == null ? void 0 : o.call(t, r);
+  return (o = t == null ? void 0 : t.join) == null ? void 0 : o.call(t, i);
 }
 function u({
   value: t
 }, n) {
   const {
-    zoneAlias: r,
+    zoneAlias: i,
     format: o
   } = p({
     zoneAlias: "LA",
     format: "YYYY-MM-DD HH:mm:ss"
   }, n);
-  return g(t, r, o);
+  return g(t, i, o);
 }
 function y({
   value: t,
   record: n
-}, r) {
+}, i) {
   const {
     fieldList: o,
-    templateString: i = "{0}",
-    formatter: e
-  } = r, s = (o == null ? void 0 : o.map((m, a) => {
+    templateString: e = "{0}",
+    formatter: r
+  } = i, s = (o == null ? void 0 : o.map((m, a) => {
     const c = l(n, m);
-    return e ? e(c, a) : c;
+    return r ? r(c, a) : c;
   })) || [];
-  return s.length === 0 && s.push(t), A(i, s);
+  return s.length === 0 && s.push(t), b(e, s);
 }
 function j({
   value: t,
   record: n
-}, r) {
+}, i) {
   const {
     fieldList: o,
-    format: i = "YYYY-MM-DD HH:mm:ss",
-    joinSymbol: e = "~",
+    format: e = "YYYY-MM-DD HH:mm:ss",
+    joinSymbol: r = "~",
     zoneAlias: s = "LA"
-  } = r, m = Array.isArray(i) ? i : [i, i];
+  } = i, m = Array.isArray(e) ? e : [e, e];
   return y({
     value: t,
     record: n
   }, {
     fieldList: o,
-    templateString: `{0} ${e} {1}`,
+    templateString: `{0} ${r} {1}`,
     formatter(a, c) {
       return u({
         value: a,
@@ -90,16 +90,16 @@ function k({
   record: t
 }, n) {
   const {
-    urlPath: r = "url",
+    urlPath: i = "url",
     namePath: o = "name",
-    style: i,
-    downloadFile: e,
+    style: e,
+    downloadFile: r,
     className: s
-  } = n, m = l(t, o), a = l(t, r), c = Y(() => {
-    e == null || e(a, m);
+  } = n, m = l(t, o), a = l(t, i), c = A(() => {
+    r == null || r(a, m);
   }, 500);
   return f("span", {
-    style: i,
+    style: e,
     class: [s, "ap-descriptions-item-content__link "],
     onClick: c
   }, [m]);
@@ -108,21 +108,22 @@ function H({
   value: t
 }, n) {
   const {
-    style: r = {},
-    precision: o
+    style: i = {},
+    precision: o,
+    isFixed: e = !0
   } = n;
-  let i = "";
+  let r = "";
   try {
-    i = b(t, o);
+    e ? r = h(t, o, "fixed") : r = M(t, o);
   } catch {
-    i = t;
+    r = t;
   }
   return f("span", {
-    style: r,
+    style: i,
     class: "ap-descriptions-item-content__number"
-  }, [i]);
+  }, [r]);
 }
-const N = {
+const B = {
   text: S,
   array: D,
   date: u,
@@ -136,7 +137,7 @@ export {
   k as attachment,
   u as date,
   j as dateRange,
-  N as formatterMap,
+  B as formatterMap,
   H as number,
   y as template,
   S as text

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

@@ -12,10 +12,16 @@ type MixObjectPropertyType<O, key extends keyof O> = key extends keyof O ? {
 } : never;
 export type TransformOptionType = MixObjectPropertyType<FormatterMapType, FormatterValueType>;
 type Recordable = Record<string, any>;
+type AllKeys<T, P extends string = '', Level extends unknown[] = []> = Level['length'] extends 5 ? never : T extends object ? {
+    [K in keyof T]: `${P}${K extends string ? K : never}` | (T[K] extends object ? AllKeys<T[K], `${P}${K extends string ? K : never}.`, [
+        ...Level,
+        unknown
+    ]> : never);
+}[keyof T] : never;
 /** 基本描述类型 */
 export interface ItemSchema<T extends Recordable = Recordable> {
     label: VNodeChild | VNode;
-    field: keyof T | (string & {}) | string[];
+    field: Extract<AllKeys<T>, string> | string[];
     span?: number;
     prefix?: VNodeChild | VNode;
     suffix?: VNodeChild | VNode;

package/es/src/ap-field/rate/index.vue.d.ts

@@ -108,8 +108,8 @@ declare const __VLS_component: DefineComponent<ApFieldRateProps, {
     mode: FieldMode;
     disabled: boolean;
     autofocus: boolean;
-    allowClear: boolean;
     count: number;
+    allowClear: boolean;
     allowHalf: boolean;
     character: any;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

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

@@ -171,12 +171,13 @@ export type ApFormSearchFormProps = ApFormProps & {
      */
     loadingDelay?: number;
 };
+export type SearchFormRenderNodeConfig = {
+    node: VNode;
+    key: string;
+    span: number;
+};
 export type ApFormSearchFormPopoverFilterProps = {
-    config: Array<{
-        node: VNode;
-        key: string;
-        span: number;
-    }>;
+    config: SearchFormRenderNodeConfig[];
     onSubmit: () => void;
     submitLoading: boolean;
 };

package/es/src/ap-form/search-form/components/popover-filter.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as C, ref as d, createBlock as m, openBlock as i, unref as e, withCtx as o, createVNode as t, normalizeClass as s, createElementVNode as g, createElementBlock as F, Fragment as _, renderList as B, resolveDynamicComponent as x, createTextVNode as v, toDisplayString as y } from "vue";
-import { Popover as h, Tooltip as L, Button as u, Row as N, Col as S, Divider as w, Flex as D } from "@aplus-frontend/antdv";
-import { IconApFilterOutlined as P } from "@aplus-frontend/icon";
+import { defineComponent as h, ref as y, toRef as w, createBlock as u, openBlock as s, unref as e, withCtx as o, createVNode as t, normalizeClass as a, withDirectives as x, createElementVNode as f, toDisplayString as g, vShow as R, createElementBlock as S, Fragment as D, renderList as L, resolveDynamicComponent as N, createTextVNode as b } from "vue";
+import { Popover as P, Tooltip as T, Button as d, Row as V, Col as z, Divider as A, Flex as E } from "@aplus-frontend/antdv";
+import { IconApFilterOutlined as I } from "@aplus-frontend/icon";
 import "../../../config-provider/index.mjs";
-import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as T } from "../../../config-provider/hooks/use-locale.mjs";
-const U = /* @__PURE__ */ C({
+import { useCollapseInputCount as j } from "../hooks/use-collapse-input-count.mjs";
+import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as U } from "../../../config-provider/hooks/use-locale.mjs";
+const Q = /* @__PURE__ */ h({
   name: "ApFormSearchFormPopoverFilter",
   __name: "popover-filter",
   props: {
@@ -12,35 +13,35 @@ const U = /* @__PURE__ */ C({
     onSubmit: { type: Function },
     submitLoading: { type: Boolean }
   },
-  setup(V) {
-    const k = d(), { e: a, b: f } = R("ap-form-search-form"), { t: c } = T(), l = d(!1);
-    function b(r) {
+  setup(k) {
+    const C = k, F = y(), { e: i, b: c } = O("ap-form-search-form"), { t: m } = U(), p = y(!1), B = w(() => C.config), { count: v } = j(B);
+    function _(r) {
       return (r == null ? void 0 : r.closest(".ant-form")) || document.body;
     }
-    return (r, p) => (i(), m(e(h), {
-      open: l.value,
-      "onUpdate:open": p[1] || (p[1] = (n) => l.value = n),
-      "overlay-class-name": e(a)("popover"),
+    return (r, l) => (s(), u(e(P), {
+      open: p.value,
+      "onUpdate:open": l[1] || (l[1] = (n) => p.value = n),
+      "overlay-class-name": e(i)("popover"),
       trigger: "click",
       placement: "bottom",
       mask: "",
       "mask-style": { backgroundColor: "transparent" },
-      "get-popup-container": b,
+      "get-popup-container": _,
       "force-render": !0
     }, {
       content: o(() => [
-        g("div", {
-          class: s([e(a)("popover-content")]),
+        f("div", {
+          class: a([e(i)("popover-content")]),
           style: { paddingBottom: "4px", width: "825px" }
         }, [
-          t(e(N), { gutter: 8 }, {
+          t(e(V), { gutter: 8 }, {
             default: o(() => [
-              (i(!0), F(_, null, B(r.config, (n) => (i(), m(e(S), {
+              (s(!0), S(D, null, L(r.config, (n) => (s(), u(e(z), {
                 key: n.key,
                 span: 8
               }, {
                 default: o(() => [
-                  (i(), m(x(n.node)))
+                  (s(), u(N(n.node)))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -48,28 +49,28 @@ const U = /* @__PURE__ */ C({
             _: 1
           })
         ], 2),
-        t(e(w), { style: { margin: "0" } }),
-        g("div", {
-          class: s(e(a)("popover-footer"))
+        t(e(A), { style: { margin: "0" } }),
+        f("div", {
+          class: a(e(i)("popover-footer"))
         }, [
-          t(e(D), { justify: "end" }, {
+          t(e(E), { justify: "end" }, {
             default: o(() => [
-              t(e(u), {
-                onClick: p[0] || (p[0] = (n) => l.value = !1)
+              t(e(d), {
+                onClick: l[0] || (l[0] = (n) => p.value = !1)
               }, {
                 default: o(() => [
-                  v(y(e(c)("ap.common.cancelText")), 1)
+                  b(g(e(m)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
-              t(e(u), {
-                class: s(e(a)("popover-footer-confirm-btn")),
+              t(e(d), {
+                class: a(e(i)("popover-footer-confirm-btn")),
                 type: "primary",
                 loading: r.submitLoading,
                 onClick: r.onSubmit
               }, {
                 default: o(() => [
-                  v(y(e(c)("ap.apForm.search.search")), 1)
+                  b(g(e(m)("ap.apForm.search.search")), 1)
                 ]),
                 _: 1
               }, 8, ["class", "loading", "onClick"])
@@ -79,18 +80,23 @@ const U = /* @__PURE__ */ C({
         ], 2)
       ]),
       default: o(() => [
-        t(e(L), {
-          title: e(c)("ap.apForm.search.moreFilter"),
+        t(e(T), {
+          title: e(m)("ap.apForm.search.moreFilter"),
           placement: "top"
         }, {
           default: o(() => [
-            t(e(u), {
+            t(e(d), {
               ref_key: "triggerBtnRef",
-              ref: k,
-              class: s([e(f)("trigger-btn"), { [e(f)("trigger-btn-active")]: l.value }])
+              ref: F,
+              class: a([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: p.value }])
             }, {
               icon: o(() => [
-                t(e(P), { size: 14 })
+                x(f("sup", {
+                  class: a(e(c)("trigger-btn-badge"))
+                }, g(e(v)), 3), [
+                  [R, e(v) !== 0]
+                ]),
+                t(e(I), { size: 14 })
               ]),
               _: 1
             }, 8, ["class"])
@@ -103,5 +109,5 @@ const U = /* @__PURE__ */ C({
   }
 });
 export {
-  U as default
+  Q as default
 };

package/es/src/ap-form/search-form/hooks/use-collapse-input-count.d.ts

@@ -0,0 +1,5 @@
+import { Ref, ComputedRef } from 'vue';
+import { SearchFormRenderNodeConfig } from '../../interface';
+export declare const useCollapseInputCount: (config: Ref<SearchFormRenderNodeConfig[]>) => {
+    count: ComputedRef<number>;
+};

package/es/src/ap-form/search-form/hooks/use-collapse-input-count.mjs

@@ -0,0 +1,39 @@
+import { computed as u } from "vue";
+import { useInjectForm as l } from "../../context.mjs";
+import { isArray as o, isObject as d } from "lodash-unified";
+function a(t, r) {
+  return o(r) ? r.reduce((n, e) => n == null ? void 0 : n[e], t) : t == null ? void 0 : t[r];
+}
+function i(t) {
+  if (t == null)
+    return !1;
+  if (typeof t == "string")
+    return t.trim() !== "";
+  if (o(t))
+    return t.some((n) => i(n));
+  if (d(t)) {
+    const r = Object.keys(t);
+    if (r.length === 0)
+      return !1;
+    for (const n of r)
+      if (i(t[n]))
+        return !0;
+    return !1;
+  }
+  return !0;
+}
+const y = (t) => {
+  const { model: r } = l();
+  return {
+    count: u(() => {
+      let e = 0;
+      return t.value.forEach((s) => {
+        const c = [s.node.props.name].flat(1), f = a(r == null ? void 0 : r.value, c);
+        i(f) && (e += 1);
+      }), e;
+    })
+  };
+};
+export {
+  y as useCollapseInputCount
+};

package/es/src/ap-grid/hooks/use-row-selection.mjs

@@ -1,115 +1,110 @@
-import { ref as k, computed as v, unref as a } from "vue";
-import { isFunction as i, cloneDeep as M } from "lodash-unified";
-function m(u, c) {
-  return !(c != null && c.length) || i(u) ? [] : c.map((f) => ({ [u]: f }));
+import { ref as I, computed as v, unref as o } from "vue";
+import { isFunction as i, cloneDeep as _ } from "lodash-unified";
+function b(a, c) {
+  return !(c != null && c.length) || i(a) ? [] : c.map((f) => ({ [a]: f }));
 }
-const T = (u) => {
-  u.defaultSelectedRowKeys;
-  const c = k(
-    m(u.rowKey, u.defaultSelectedRowKeys)
+const F = (a) => {
+  a.defaultSelectedRowKeys;
+  const c = I(
+    b(a.rowKey, a.defaultSelectedRowKeys)
   );
   function f(e, t) {
     c.value = t;
   }
-  const l = (e) => i(u.rowKey) ? u.rowKey(e) : e[u.rowKey], s = v(() => {
+  const l = (e) => i(a.rowKey) ? a.rowKey(e) : e[a.rowKey], s = v(() => {
     const e = /* @__PURE__ */ new Map();
-    return a(c).forEach((t) => {
+    return o(c).forEach((t) => {
       e.set(l(t), t);
     }), e;
   });
-  function g(e) {
-    return a(s).has(l(e));
+  function M(e) {
+    return o(s).has(l(e));
   }
-  function h(e) {
-    const t = a(s);
+  function g(e) {
+    const t = o(s);
     t.set(l(e), e), c.value = [...t.values()];
   }
-  function x(e) {
-    const t = a(s);
+  function h(e) {
+    const t = o(s);
     for (const n of e)
       t.set(l(n), n);
     c.value = [...t.values()];
   }
   function w(e) {
-    if (i(u.rowKey))
+    if (i(a.rowKey))
       return;
-    const t = a(s);
+    const t = o(s);
     for (const n of e) {
-      const o = a(u.dataSource).find(
-        (d) => l(d) === n
-      ), S = { [u.rowKey]: n };
-      t.set(String(n), o || S);
+      const u = o(a.dataSource).find(
+        (r) => l(r) === n
+      ), S = { [a.rowKey]: n };
+      t.set(String(n), u || S);
     }
     c.value = [...t.values()];
   }
-  function y(e) {
-    const t = a(s);
+  function x(e) {
+    const t = o(s);
     t.delete(l(e)), c.value = [...t.values()];
   }
-  function E(e) {
-    const t = a(s);
+  function y(e) {
+    const t = o(s);
     for (const n of e)
       t.delete(l(n));
     c.value = [...t.values()];
   }
-  function r(e, t) {
+  function d(e, t) {
     const n = e;
-    for (const o of t)
-      n.set(l(o), o);
+    for (const u of t)
+      n.set(l(u), u);
     return n;
   }
   function K(e, t, n) {
-    const o = a(s);
-    t ? o.set(l(e), e) : o.delete(l(e)), r(o, n), c.value = [...o.values()];
+    const u = o(s);
+    t ? u.set(l(e), e) : u.delete(l(e)), d(u, n), c.value = [...u.values()];
   }
   function A(e, t) {
-    const n = M(a(s));
-    e ? a(u.dataSource).forEach((o) => {
-      n.set(l(o), o);
-    }) : a(u.dataSource).forEach((o) => {
-      n.delete(l(o));
-    }), r(n, t), c.value = [...n.values()];
+    c.value = [...t];
   }
   function C(e, t) {
-    const n = M(a(s));
-    a(u.dataSource).forEach((o) => {
-      e.find((d) => l(d) === l(o)) ? n.set(l(o), o) : n.delete(l(o));
-    }), r(n, t), c.value = [...n.values()];
+    const n = _(o(s));
+    o(a.dataSource).forEach((u) => {
+      e.find((r) => l(r) === l(u)) ? n.set(l(u), u) : n.delete(l(u));
+    }), d(n, t), c.value = [...n.values()];
   }
-  function R() {
-    const e = a(s);
-    a(u.dataSource).forEach((t) => {
+  function E() {
+    const e = o(s);
+    o(a.dataSource).forEach((t) => {
       e.set(l(t), t);
     }), c.value = [...e.values()];
   }
-  function D(e) {
-    const t = a(s), n = l(e);
+  function R(e) {
+    const t = o(s), n = l(e);
     t.has(n) ? t.delete(n) : t.set(n, e), c.value = [...t.values()];
   }
-  function I() {
-    const e = a(s);
-    a(u.dataSource).forEach((t) => {
+  function D() {
+    const e = o(s);
+    o(a.dataSource).forEach((t) => {
       e.delete(l(t));
     }), c.value = [...e.values()];
   }
-  function b() {
+  function m() {
     c.value = [];
   }
   return {
-    select: h,
-    unSelect: y,
-    isSelected: g,
-    selectAll: R,
-    unSelectAll: I,
-    clearAll: b,
-    toggleSelect: D,
+    select: g,
+    unSelect: x,
+    isSelected: M,
+    selectAll: E,
+    unSelectAll: D,
+    clearAll: m,
+    toggleSelect: R,
     selectedRows: c,
-    selectMulti: x,
-    unSelectMulti: E,
+    selectMulti: h,
+    unSelectMulti: y,
     rowSelection: v(() => ({
-      ...u,
+      ...a,
       onChange: f,
-      selectedRowKeys: a(c).map((e) => l(e))
+      selectedRowKeys: o(c).map((e) => l(e))
     })),
     selectChange: K,
     selectAllChange: A,
@@ -118,5 +113,5 @@ const T = (u) => {
   };
 };
 export {
-  T as default
+  F as default
 };

package/es/src/ap-grid/utils/renderer.mjs

@@ -1,20 +1,20 @@
-import { createVNode as l } from "vue";
+import { createVNode as m } from "vue";
 import { VxeColumn as u, VxeColgroup as p } from "vxe-table";
-import { transformCol as s } from "./col.mjs";
+import { transformCol as d } from "./col.mjs";
 function n(r) {
   var e;
-  return (e = r.children) != null && e.length ? l(p, r, {
+  return (e = r.children) != null && e.length ? m(p, r, {
     ...r.slots || {},
     default: () => {
-      var o;
-      return (o = r.children) == null ? void 0 : o.map((t) => n(t));
+      var t;
+      return (t = r.children) == null ? void 0 : t.map((o) => n(o));
     }
-  }) : (console.log("config", r), l(u, r, {
+  }) : m(u, r, {
     ...r.slots || {}
-  }));
+  });
 }
-function C(r, e, o, t) {
-  return r.map((m) => n(s(m, e, o, t)));
+function C(r, e, t, o) {
+  return r.map((l) => n(d(l, e, t, o)));
 }
 export {
   C as renderWithColumns

package/es/src/business/ap-label/ApLabel.d.ts

@@ -128,8 +128,8 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     placement: TooltipPlacement;
     show: boolean;
     dot: boolean;
-    iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
     count: any;
+    iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
     showZero: boolean;
     overflowCount: number;
     numberStyle: CSSProperties;

package/es/src/business/ap-label/index.d.ts

@@ -70,8 +70,8 @@ declare const ApLabel: {
         placement: TooltipPlacement;
         show: boolean;
         dot: boolean;
-        iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
         count: any;
+        iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
         showZero: boolean;
         overflowCount: number;
         numberStyle: CSSProperties;
@@ -152,8 +152,8 @@ declare const ApLabel: {
         placement: TooltipPlacement;
         show: boolean;
         dot: boolean;
-        iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
         count: any;
+        iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
         showZero: boolean;
         overflowCount: number;
         numberStyle: CSSProperties;
@@ -231,8 +231,8 @@ declare const ApLabel: {
     placement: TooltipPlacement;
     show: boolean;
     dot: boolean;
-    iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
     count: any;
+    iconType: "ellipsis" | "success" | "warning" | "question" | "line-warning" | undefined;
     showZero: boolean;
     overflowCount: number;
     numberStyle: CSSProperties;

package/es/src/business/ap-view/ap-view.vue.d.ts

@@ -3,6 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 declare const _default: DefineComponent<ApViewProps, {
     setFirstDefaultSystemView: (value: boolean) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApViewProps> & Readonly<{}>, {
+    manual: boolean;
     maxViewNum: number;
     isDefaultSystemView: boolean;
     isFirstDefaultSystemView: boolean;