@aplus-frontend/ui 0.6.8 → 6.9.0

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,24 @@
+import { computed as s } from "vue";
+import { useInjectForm as f } from "../../context.mjs";
+import { isArray as e, isObject as a } from "lodash-unified";
+function p(t, r) {
+  return e(r) ? r.reduce((n, o) => n == null ? void 0 : n[o], t) : t == null ? void 0 : t[r];
+}
+function g(t) {
+  return t == null ? !1 : typeof t == "string" ? t.trim() !== "" : e(t) ? t.length > 0 : a(t) ? Object.keys(t).length > 0 : !0;
+}
+const b = (t) => {
+  const { model: r } = f();
+  return {
+    count: s(() => {
+      let o = 0;
+      return t.value.forEach((u) => {
+        const i = [u.node.props.name].flat(1), c = p(r == null ? void 0 : r.value, i);
+        g(c) && (o += 1);
+      }), o;
+    })
+  };
+};
+export {
+  b 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;