@aplus-frontend/ui 6.24.2 → 6.25.0

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as c, normalizeStyle as $, normalizeClass as d, unref as l, createVNode as I, withCtx as _, createElementVNode as h, createCommentVNode as f, Fragment as D, renderList as E, withModifiers as y, renderSlot as v, createTextVNode as O, toDisplayString as g, createBlock as Q } from "vue";
+import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as r, normalizeStyle as I, normalizeClass as d, unref as l, createVNode as O, withCtx as D, createElementVNode as h, createCommentVNode as v, Fragment as E, renderList as M, withModifiers as K, renderSlot as g, createTextVNode as m, toDisplayString as p, createBlock as Q } from "vue";
 import { Popover as U } from "@aplus-frontend/antdv";
 import { PlusOutlined as W } from "@ant-design/icons-vue";
 import { IconApAdLinePoor as X } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
 import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as Z } from "../../config-provider/hooks/use-global-config.mjs";
-const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], ie = { class: "label" }, oe = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
+const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], oe = { class: "label" }, ie = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -19,159 +19,167 @@ const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["
     showCloseIcon: { type: Boolean, default: !0 },
     showAddButton: { type: Boolean, default: !0 },
     addButtonText: { default: "" },
-    getContainer: { type: Function, default: (K) => K.parentElement || document.body },
+    getContainer: { type: Function, default: (C) => C.parentElement || document.body },
     getCardStyle: { type: Function, default: () => ({}) },
     wrapperStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
-  setup(K, { expose: M, emit: P }) {
-    const o = P, t = K, { b: n, m: z } = Y("ap-value-select-card"), L = Z("uiMode", "aplus"), p = N(null), m = N(!1), C = R(() => t.options), S = R(() => C.value.filter(
+  setup(C, { expose: P, emit: z }) {
+    const n = z, t = C, { b: a, m: L } = Y("ap-value-select-card"), _ = Z("uiMode", "aplus"), f = N(null), y = N(!1), S = R(() => t.options), k = R(() => S.value.filter(
       (e) => t.selectedKeys.includes(e.key)
-    )), T = (e) => t.selectedKeys.includes(e), k = (e) => t.highlightedKeys.includes(e), H = (e) => {
-      t.selectedKeys.includes(e) ? w(e) : A(e);
+    )), T = (e) => t.selectedKeys.includes(e), w = (e) => t.highlightedKeys.includes(e), H = (e) => {
+      t.selectedKeys.includes(e) ? b(e) : A(e);
     }, A = (e) => {
       if (t.maxSelected && t.selectedKeys.length >= t.maxSelected)
         return;
       const s = [...t.selectedKeys, e];
-      o("update:selectedKeys", s), o("change", s), o("select", e), t.highlightedKeys.includes(e) || b(e);
-    }, w = (e) => {
+      n("update:selectedKeys", s), n("change", s), n("select", e), t.highlightedKeys.includes(e) || $(e);
+    }, b = (e) => {
       if (t.selectedKeys.length <= 1 || t.highlightedKeys.length <= 1 && t.highlightedKeys.includes(e))
         return;
-      const s = t.selectedKeys.filter((r) => r !== e);
-      if (o("update:selectedKeys", s), o("change", s), o("remove", e), t.highlightedKeys.includes(e)) {
-        const r = t.highlightedKeys.filter((a) => a !== e);
-        o("update:highlightedKeys", r), o("highlight", r);
+      const s = t.selectedKeys.filter((c) => c !== e);
+      if (n("update:selectedKeys", s), n("change", s), n("remove", e), t.highlightedKeys.includes(e)) {
+        const c = t.highlightedKeys.filter((i) => i !== e);
+        n("update:highlightedKeys", c), n("highlight", c);
       }
-    }, b = (e) => {
+    }, $ = (e) => {
       let s;
       if (t.highlightedKeys.includes(e))
         if (t.highlightedKeys.length > 1)
-          s = t.highlightedKeys.filter((r) => r !== e);
+          s = t.highlightedKeys.filter((c) => c !== e);
         else
           return;
       else
         s = [...t.highlightedKeys, e];
-      o("update:highlightedKeys", s), o("highlight", s);
+      n("update:highlightedKeys", s), n("highlight", s);
     }, j = (e) => {
-      e || (m.value = e);
+      e || (y.value = e);
     };
-    return M({
-      popoverVisible: m,
-      allOptions: C,
-      selectedOptions: S,
+    return P({
+      popoverVisible: y,
+      allOptions: S,
+      selectedOptions: k,
       isSelected: T,
-      isHighlighted: k,
+      isHighlighted: w,
       toggleOption: H,
       addOption: A,
-      removeOption: w,
-      highlightOption: b
+      removeOption: b,
+      highlightOption: $
     }), (e, s) => {
-      const r = J("InfoCircleFilled");
-      return c(), u("div", {
-        class: d([l(n)(), `${l(z)(l(L))}`]),
-        style: $({
+      const c = J("InfoCircleFilled");
+      return r(), u("div", {
+        class: d([l(a)(), `${l(L)(l(_))}`]),
+        style: I({
           ...e.wrapperStyle,
           "--ap-value-select-card-column-count": e.maxRowDisplay
         })
       }, [
-        I(l(U), {
-          open: m.value,
+        O(l(U), {
+          open: y.value,
           trigger: "click",
           placement: "bottomRight",
           arrow: !1,
           "get-popup-container": e.getContainer,
           onOpenChange: j
         }, {
-          content: _(() => [
+          content: D(() => [
             h("div", {
-              class: d(l(n)("popover"))
+              class: d(l(a)("popover"))
             }, [
-              e.popoverTitle ? (c(), u("div", {
+              e.popoverTitle ? (r(), u("div", {
                 key: 0,
-                class: d(l(n)("title"))
+                class: d(l(a)("title"))
               }, [
-                e.showTitleIcon ? (c(), Q(r, {
+                e.showTitleIcon ? (r(), Q(c, {
                   key: 0,
-                  class: d(l(n)("title-icon"))
-                }, null, 8, ["class"])) : f("", !0),
-                O(" " + g(e.popoverTitle), 1)
-              ], 2)) : f("", !0),
+                  class: d(l(a)("title-icon"))
+                }, null, 8, ["class"])) : v("", !0),
+                m(" " + p(e.popoverTitle), 1)
+              ], 2)) : v("", !0),
               h("div", {
-                class: d(l(n)("list"))
+                class: d(l(a)("list"))
               }, [
-                (c(!0), u(D, null, E(C.value, (a) => (c(), u("div", {
-                  key: a.key,
+                (r(!0), u(E, null, M(S.value, (i) => (r(), u("div", {
+                  key: i.key,
                   class: d([
-                    l(n)("list-item"),
+                    l(a)("list-item"),
                     "all",
                     {
-                      select: T(a.key),
+                      select: T(i.key),
                       disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
                     }
                   ]),
-                  onClick: y((B) => H(a.key), ["stop"])
+                  onClick: K((B) => H(i.key), ["stop"])
                 }, [
-                  h("div", ee, g(a.label), 1),
-                  h("div", te, g(a.value), 1)
+                  h("div", ee, [
+                    g(e.$slots, "popover-label", { option: i }, () => [
+                      m(p(i.label), 1)
+                    ])
+                  ]),
+                  h("div", te, [
+                    g(e.$slots, "popover-value", { option: i }, () => [
+                      m(p(i.value), 1)
+                    ])
+                  ])
                 ], 10, x))), 128))
               ], 2)
             ], 2)
           ]),
-          default: _(() => {
-            var a, B, V, F;
+          default: D(() => {
+            var i, B, V, F;
             return [
               h("div", {
-                class: d(l(n)("list"))
+                class: d(l(a)("list"))
               }, [
-                (c(!0), u(D, null, E(S.value, (i) => (c(), u("div", {
-                  key: i.key,
+                (r(!0), u(E, null, M(k.value, (o) => (r(), u("div", {
+                  key: o.key,
                   ref_for: !0,
                   ref_key: "listItemRef",
-                  ref: p,
+                  ref: f,
                   class: d([
-                    l(n)("list-item"),
+                    l(a)("list-item"),
                     {
-                      select: k(i.key),
-                      custom: i.customClass
+                      select: w(o.key),
+                      custom: o.customClass
                     },
-                    i.customClass
+                    o.customClass
                   ]),
-                  style: $(e.getCardStyle(i.key)),
-                  onClick: y((G) => b(i.key), ["stop"])
+                  style: I(e.getCardStyle(o.key)),
+                  onClick: K((G) => $(o.key), ["stop"])
                 }, [
-                  e.showCloseIcon && (!(e.highlightedKeys.length === 1 && k(i.key)) && S.value.length > 1) ? (c(), u("div", {
+                  e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(o.key)) && k.value.length > 1) ? (r(), u("div", {
                     key: 0,
-                    class: d(l(n)("list-item-close")),
-                    onClick: y((G) => w(i.key), ["stop"])
+                    class: d(l(a)("list-item-close")),
+                    onClick: K((G) => b(o.key), ["stop"])
                   }, [
-                    v(e.$slots, "close-icon", {}, () => [
-                      I(l(X))
+                    g(e.$slots, "close-icon", {}, () => [
+                      O(l(X))
                     ])
-                  ], 10, se)) : f("", !0),
-                  h("div", ie, [
-                    v(e.$slots, "label", { option: i }, () => [
-                      O(g(i.label), 1)
+                  ], 10, se)) : v("", !0),
+                  h("div", oe, [
+                    g(e.$slots, "label", { option: o }, () => [
+                      m(p(o.label), 1)
                     ])
                   ]),
-                  h("div", oe, [
-                    v(e.$slots, "value", { option: i }, () => [
-                      O(g(i.value), 1)
+                  h("div", ie, [
+                    g(e.$slots, "value", { option: o }, () => [
+                      m(p(o.value), 1)
                     ])
                   ])
                 ], 14, le))), 128)),
-                e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (c(), u("div", {
+                e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (r(), u("div", {
                   key: 0,
-                  class: d([l(n)("list-item"), "choose"]),
-                  style: $({
-                    minHeight: p.value ? `${(B = (a = p.value) == null ? void 0 : a[0]) != null && B.offsetHeight ? `${(F = (V = p.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
+                  class: d([l(a)("list-item"), "choose"]),
+                  style: I({
+                    minHeight: f.value ? `${(B = (i = f.value) == null ? void 0 : i[0]) != null && B.offsetHeight ? `${(F = (V = f.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
                   }),
-                  onClick: s[0] || (s[0] = y((i) => m.value = !0, ["stop"]))
+                  onClick: s[0] || (s[0] = K((o) => y.value = !0, ["stop"]))
                 }, [
-                  v(e.$slots, "add-button", {}, () => [
-                    I(l(W)),
-                    h("span", ne, g(e.addButtonText), 1)
+                  g(e.$slots, "add-button", {}, () => [
+                    O(l(W)),
+                    h("span", ne, p(e.addButtonText), 1)
                   ])
-                ], 6)) : f("", !0)
+                ], 6)) : v("", !0)
               ], 2)
             ];
           }),

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.24.2";
+declare const _default: "6.25.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.24.2";
+const e = "6.25.0";
 export {
   e as default
 };

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

@@ -151,7 +151,6 @@ export type ApFormListProps = {
     initialValue?: any[];
     transform?: ApFormItemTransformType;
 };
-type AllowCountPerRowType = 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
 export type ApFormSearchFormProps = ApFormProps & {
     collapse?: boolean;
     defaultCollapse?: boolean;
@@ -163,7 +162,7 @@ export type ApFormSearchFormProps = ApFormProps & {
     customReset?: boolean;
     extraInAction?: boolean;
     forceExpand?: boolean;
-    countPerRow?: AllowCountPerRowType;
+    countPerRow?: number;
     submitLoading?: boolean;
     /**
      * 最大显示的行（超出后将会收起进入更多筛选）

package/lib/src/ap-form/search-form/hooks/use-count-per-row.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=require("@vueuse/core"),m=require("lodash-unified"),s=[1,2,3,4,6,8,12,24],w={xs:0,sm:768,md:1280,lg:1728},P=Object.entries(w).sort((e,o)=>o[1]-e[1]),l=e=>{const o=r.ref(0);r.watchEffect(t=>{const n=m.isUndefined(e.resizeTarget)?document.documentElement:e.resizeTarget,{stop:c}=a.useResizeObserver(n,i=>{const d=i[0],{width:f}=d.contentRect;o.value=f});t(()=>{c()})},{flush:"post"});const u=r.computed(()=>{for(const[t,n]of P)if(r.unref(o)>n)return t;return"md"});return r.computed(()=>{const t=s.findIndex(c=>c===e.countPerRow),n=r.unref(u);return n==="lg"?s[t+1]||e.countPerRow:n==="xs"&&s[t-1]||e.countPerRow})};exports.useCountPerRow=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("@vueuse/core"),m=require("lodash-unified"),f={xs:0,sm:768,md:1280,lg:1728},l=Object.entries(f).sort((t,s)=>s[1]-t[1]),w=t=>{const s=n.ref(0);n.watchEffect(e=>{const o=m.isUndefined(t.resizeTarget)?document.documentElement:t.resizeTarget,{stop:c}=d.useResizeObserver(o,u=>{const i=u[0],{width:a}=i.contentRect;s.value=a});e(()=>{c()})},{flush:"post"});const r=n.computed(()=>{for(const[e,o]of l)if(n.unref(s)>o)return e;return"md"});return n.computed(()=>{const e=t.countPerRow,o={xs:e-2,sm:e-1,md:e,lg:e+1};return Math.max(1,o[r.value])})};exports.useCountPerRow=w;

package/lib/src/ap-form/search-form/index.vue.d.ts

@@ -414,7 +414,10 @@ declare function __VLS_template(): {
                             default: string | number | ColSize;
                         };
                         xl: {
-                            type: PropType<string | number | ColSize>;
+                            type: PropType<string | number | **
+                             *最后一行剩余的空间
+                             tips: 如果有小数，则其包含误差， 会比实际值更大
+                             */).ColSize>;
                             default: string | number | ColSize;
                         };
                         xxl: {
@@ -851,7 +854,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
-    countPerRow: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
+    countPerRow: number;
     defaultCollapse: boolean;
     customReset: boolean;
     extraInAction: boolean;
@@ -1253,7 +1256,10 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                         default: string | number | ColSize;
                     };
                     xl: {
-                        type: PropType<string | number | ColSize>;
+                        type: PropType<string | number | **
+                         *最后一行剩余的空间
+                         tips: 如果有小数，则其包含误差， 会比实际值更大
+                         */).ColSize>;
                         default: string | number | ColSize;
                     };
                     xxl: {

package/lib/src/ap-form/search-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const T=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),P=require("../../utils/index.js"),S=require("./utils.js");require("./components/popover-filter.vue.js");const G=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const J=require("./hooks/use-sorter.js"),K=require("./hooks/use-collapse-input-count.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-locale.js"),E=require("../item/index.vue.js"),Y=require("./components/popover-filter.vue2.js"),Z=require("./components/popover-sorter/index.vue2.js"),ee=require("../ap-form.vue2.js");function te(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=24,oe=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:O}){var q;const u=e.useSlots(),o=p,{b:f}=Q.useNamespace("ap-form-search-form"),{t:B}=X.useLocale(),D=G.useCountPerRow(o),g=e.ref(),L=e.ref();function F(){var a;const t=(a=g.value)==null?void 0:a.getFieldsValueTransformed(!0);S.execFunc(o.onSubmit,t)}function j(){var t,a;o.customReset||(a=(t=g.value)==null?void 0:t.resetFields)==null||a.call(t),S.execFunc(o.onReset)}const M=t=>P.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let R=[];const m=e.shallowRef(T.genRealChildren(u.default())),i=e.shallowRef((q=u.extra)==null?void 0:q.call(u)),b=e.computed(()=>Math.floor(s/e.unref(D))),{items:y,sorted:k,handleClickConfirm:v}=J.useSorter(m);e.watch(()=>u.default(),t=>{R=m.value,m.value=S.diffFormItem(R,T.genRealChildren(t)),k.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{i.value=t});const n=e.computed(()=>{const t=m.value,a=[],l=[],h=[],c=e.unref(b);let x=0,C=0;const z=s*o.maxRows-c*(e.unref(i)&&!o.extraInAction?2:1);t.forEach(N=>{const d=K.getTargetNode(N).props;if(w.isBoolean(d.hidden)?!!d.hidden:P.isDef(d.hidden))a.push(N);else{let _=d.span||c;const A={node:N,span:_,key:`ApFormSearchFormItem-${M(d.name)}-${d._signal}`},I=s-x%s;I<_&&(_+=I),x+=_,x>z?l.push(A):(C=x,h.push(A))}});const V=s-(C+c)%s,$=C%s<c,H=V<c?s:V;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:h,collapseNodes:l,extraSpan:H,lastRowOnlyIncludeActionAndExtra:$}}),U=e.computed(()=>{let t;const a=n.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[a?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(Y.default,{onSubmit:F,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&y.value.length?e.createVNode(Z.default,{ref:"sorterIns",items:y.value,onClickConfirm:v,sorted:k.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:F,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:j,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(i):null]})]})]}),h=!o.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:n.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{justify:n.value.extraSpan===s||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},te(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{span:n.value.extraSpan},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||c,l]):e.createVNode(e.Fragment,null,[l,h])});function W(){var a;const t=(a=L.value)==null?void 0:a.getCachedList();v(t)}return O({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>y.value,setSorterItems:v,resetSorterItems:W}),(t,a)=>(e.openBlock(),e.createBlock(ee.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const P=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),E=require("../../utils/index.js"),F=require("./utils.js");require("./components/popover-filter.vue.js");const Q=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const X=require("./hooks/use-sorter.js"),Y=require("./hooks/use-collapse-input-count.js"),O=require("@fruits-chain/utils"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-locale.js"),D=require("../item/index.vue.js"),te=require("./components/popover-filter.vue2.js"),oe=require("./components/popover-sorter/index.vue2.js"),ne=require("../ap-form.vue2.js");function ae(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=100,le=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:5},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:L}){var V;const u=e.useSlots(),o=p,{b:f}=Z.useNamespace("ap-form-search-form"),{t:B}=ee.useLocale(),W=Q.useCountPerRow(o),g=e.ref(),j=e.ref();function R(){var n;const t=(n=g.value)==null?void 0:n.getFieldsValueTransformed(!0);F.execFunc(o.onSubmit,t)}function M(){var t,n;o.customReset||(n=(t=g.value)==null?void 0:t.resetFields)==null||n.call(t),F.execFunc(o.onReset)}const U=t=>E.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let b=[];const m=e.shallowRef(P.genRealChildren(u.default())),d=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),k=e.computed(()=>O.floorWith(s/e.unref(W),4)),{items:v,sorted:q,handleClickConfirm:C}=X.useSorter(m);e.watch(()=>u.default(),t=>{b=m.value,m.value=F.diffFormItem(b,P.genRealChildren(t)),q.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{d.value=t});function $(t){return O.floorWith(t*(s/24),4)}const a=e.computed(()=>{const t=m.value,n=[],l=[],x=[],c=e.unref(k);console.log("_spanPerCol",c);let y=0,N=0;const G=s*o.maxRows-c*(e.unref(d)&&!o.extraInAction?2:1);t.forEach(S=>{const i=Y.getTargetNode(S).props;if(w.isBoolean(i.hidden)?!!i.hidden:E.isDef(i.hidden))n.push(S);else{let _=i.span?$(i.span):c;const I={node:S,span:_,key:`ApFormSearchFormItem-${U(i.name)}-${i._signal}`},T=s-y%s;T<_&&(_+=T),y+=_,y>G?l.push(I):(N=y,x.push(I))}});const A=s-(N+c)%s,J=Math.ceil(N)%s<c,K=A<c?s:A;return{hideNode:e.createVNode(e.Fragment,null,[n]),nodes:x,collapseNodes:l,extraSpan:K,lastRowOnlyIncludeActionAndExtra:J}}),h=t=>`${t}%`,z=e.computed(()=>{let t;const n=a.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{flex:h(e.unref(k)),key:"actionWrapper"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:a.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(d)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[n?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[a.value.collapseNodes.length?e.createVNode(te.default,{onSubmit:R,config:a.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(oe.default,{ref:"sorterIns",items:v.value,onClickConfirm:C,sorted:q.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:R,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:M,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(d):null]})]})]}),x=!o.extraInAction&&e.unref(d)?e.createVNode(r.Col,{flex:h(a.value.extraSpan),key:"extraNode"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{justify:a.value.extraSpan===s||a.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ae(t=e.unref(d))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{flex:h(a.value.extraSpan)},null);return a.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[x||c,l]):e.createVNode(e.Fragment,null,[l,x])});function H(){var n;const t=(n=j.value)==null?void 0:n.getCachedList();C(t)}return L({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:C,resetSorterItems:H}),(t,n)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,flex:h(l.span),style:e.normalizeStyle({maxWidth:h(l.span)})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["flex","style"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=le;

package/lib/src/ap-pro-card/components/card/index.vue.d.ts

@@ -21,9 +21,9 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     gutter: ApProCardGutter | ApProCardGutter[];
     ghost: boolean;
     bordered: boolean;
+    collapsible: boolean;
     headerBordered: boolean;
     hoverable: boolean;
-    collapsible: boolean;
     defaultCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/src/ap-pro-card/components/statistic/index.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApProCardStatisticProps> & Readonly<{}>, {
+    size: "default" | "small";
     title: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
@@ -15,7 +16,7 @@ declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {},
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    layout: "horizontal" | "vertical" | "inline";
+    layout: "horizontal" | "vertical" | "vertical-center" | "inline";
     icon: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;

package/lib/src/ap-pro-card/components/statistic/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),b=require("lodash-unified");require("../../../config-provider/index.js");const s=require("../../../editable-table/utils.js"),V=require("../../../config-provider/hooks/use-namespace.js"),M=e.defineComponent({name:"ApProCardStatistic",__name:"index",props:{prefixCls:{},decimalSeparator:{},groupSeparator:{},format:{},value:{},valueStyle:{},valueRender:{},formatter:{type:[Boolean,String,Function]},precision:{},prefix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},suffix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},title:{type:[Object,String,Number,Boolean,null,Array],default:void 0},loading:{type:Boolean},description:{type:[Object,String,Number,Boolean,null,Array],default:void 0},tip:{type:[Object,String,Number,Boolean,null,Array],default:void 0},status:{default:void 0},icon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},layout:{default:"inline"},trend:{default:void 0}},setup(p){const n=e.useSlots(),o=p,{b:r}=V.useNamespace("pro-card-statistic"),f=e.computed(()=>r()),m=e.computed(()=>r("tip")),v=e.computed(()=>{const t=r();return s.mergeClass(`${t}-trend-icon`,[o.trend?`${t}-trend-icon-${o.trend}`:void 0].filter(Boolean))}),y=e.computed(()=>r("status")),C=e.computed(()=>r("icon")),B=e.computed(()=>r("wrapper")),x=e.computed(()=>r("content")),k=e.computed(()=>{const t=r();return s.mergeClass(`${t}-layout`,[o.layout?`${t}-layout-${o.layout}`:void 0,o.trend?`${t}-trend-${o.trend}`:void 0].filter(Boolean))}),N=e.computed(()=>r("description")),u=e.computed(()=>{var t;return o.tip||n.tip?e.createVNode(i.Tooltip,{title:o.tip??((t=n.tip)==null?void 0:t.call(n))},{default:()=>[e.createVNode(S.QuestionCircleOutlined,{class:m.value},null)]}):void 0}),c=e.computed(()=>o.trend?e.createVNode("div",{class:v.value},null):void 0),g=e.computed(()=>o.status?e.createVNode(i.Badge,{class:y.value,status:o.status},null):void 0),D=e.computed(()=>{var t;return o.icon||n.icon?e.createVNode("div",{class:C.value},[o.icon??((t=n.icon)==null?void 0:t.call(n))]):void 0}),l=e.computed(()=>{var t;return o.title||n.title?e.createVNode(e.Fragment,null,[o.title||((t=n.title)==null?void 0:t.call(n))]):void 0}),a=e.computed(()=>{var t;return o.prefix||n.prefix?e.createVNode(e.Fragment,null,[o.prefix||((t=n.prefix)==null?void 0:t.call(n))]):void 0}),d=e.computed(()=>{var t;return o.suffix||n.suffix?e.createVNode(e.Fragment,null,[o.suffix||((t=n.suffix)==null?void 0:t.call(n))]):void 0}),O=e.computed(()=>{var t;return o.description||n.description?e.createVNode("div",{class:N.value},[o.description||((t=n.description)==null?void 0:t.call(n))]):void 0});return(t,$)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({...t.$attrs},{class:f.value}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(D.value))),e.createElementVNode("div",{class:e.normalizeClass(B.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value))),e.createElementVNode("div",{class:e.normalizeClass(x.value)},[e.createVNode(e.unref(i.Statistic),e.mergeProps({class:k.value},{...e.unref(b.omit)(o,["title","prefix"])}),e.createSlots({_:2},[l.value||u.value?{name:"title",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))]),key:"0"}:void 0,c.value||a.value?{name:"prefix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value)))]),key:"1"}:void 0,d.value?{name:"suffix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value)))]),key:"2"}:void 0]),1040,["class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O.value)))],2)],2)],16))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),b=require("lodash-unified");require("../../../config-provider/index.js");const l=require("../../../editable-table/utils.js"),V=require("../../../config-provider/hooks/use-namespace.js"),$=e.defineComponent({name:"ApProCardStatistic",__name:"index",props:{prefixCls:{},decimalSeparator:{},groupSeparator:{},format:{},value:{},valueStyle:{},valueRender:{},formatter:{type:[Boolean,String,Function]},precision:{},prefix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},suffix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},title:{type:[Object,String,Number,Boolean,null,Array],default:void 0},loading:{type:Boolean},description:{type:[Object,String,Number,Boolean,null,Array],default:void 0},tip:{type:[Object,String,Number,Boolean,null,Array],default:void 0},status:{default:void 0},icon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},layout:{default:"inline"},trend:{default:void 0},size:{default:"default"}},setup(p){const n=e.useSlots(),o=p,{b:r}=V.useNamespace("pro-card-statistic"),f=e.computed(()=>{const t=r();return l.mergeClass(`${t}`,[o.size?`${t}-size-${o.size}`:void 0].filter(Boolean))}),m=e.computed(()=>r("tip")),v=e.computed(()=>{const t=r();return l.mergeClass(`${t}-trend-icon`,[o.trend?`${t}-trend-icon-${o.trend}`:void 0].filter(Boolean))}),y=e.computed(()=>r("status")),C=e.computed(()=>r("icon")),B=e.computed(()=>r("wrapper")),x=e.computed(()=>r("content")),k=e.computed(()=>{const t=r();return l.mergeClass(`${t}-layout`,[o.layout?`${t}-layout-${o.layout}`:void 0,o.trend?`${t}-trend-${o.trend}`:void 0].filter(Boolean))}),g=e.computed(()=>r("description")),u=e.computed(()=>{var t;return o.tip||n.tip?e.createVNode(i.Tooltip,{title:o.tip??((t=n.tip)==null?void 0:t.call(n))},{default:()=>[e.createVNode(S.QuestionCircleOutlined,{class:m.value},null)]}):void 0}),a=e.computed(()=>o.trend?e.createVNode("div",{class:v.value},null):void 0),N=e.computed(()=>o.status?e.createVNode(i.Badge,{class:y.value,status:o.status},null):void 0),D=e.computed(()=>{var t;return o.icon||n.icon?e.createVNode("div",{class:C.value},[o.icon??((t=n.icon)==null?void 0:t.call(n))]):void 0}),c=e.computed(()=>{var t;return o.title||n.title?e.createVNode(e.Fragment,null,[o.title||((t=n.title)==null?void 0:t.call(n))]):void 0}),d=e.computed(()=>{var t;return o.prefix||n.prefix?e.createVNode(e.Fragment,null,[o.prefix||((t=n.prefix)==null?void 0:t.call(n))]):void 0}),s=e.computed(()=>{var t;return o.suffix||n.suffix?e.createVNode(e.Fragment,null,[o.suffix||((t=n.suffix)==null?void 0:t.call(n))]):void 0}),O=e.computed(()=>{var t;return o.description||n.description?e.createVNode("div",{class:g.value},[o.description||((t=n.description)==null?void 0:t.call(n))]):void 0});return(t,M)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({...t.$attrs},{class:f.value}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(D.value))),e.createElementVNode("div",{class:e.normalizeClass(B.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N.value))),e.createElementVNode("div",{class:e.normalizeClass(x.value)},[e.createVNode(e.unref(i.Statistic),e.mergeProps({class:k.value},{...e.unref(b.omit)(o,["title","prefix"])}),e.createSlots({_:2},[c.value||u.value?{name:"title",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))]),key:"0"}:void 0,a.value||d.value?{name:"prefix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value)))]),key:"1"}:void 0,s.value?{name:"suffix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value)))]),key:"2"}:void 0]),1040,["class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O.value)))],2)],2)],16))}});exports.default=$;

package/lib/src/ap-pro-card/interface.d.ts

@@ -79,9 +79,11 @@ export type ApProCardStatisticProps = StatisticProps & {
     /** Icon 图标 */
     icon?: VNodeChild;
     /** Layout 布局 */
-    layout?: 'horizontal' | 'vertical' | 'inline';
+    layout?: 'horizontal' | 'vertical' | 'vertical-center' | 'inline';
     /** 趋势 */
     trend?: 'up' | 'down';
+    /** 尺寸 */
+    size?: 'default' | 'small';
 };
 export type ApProCardStatisticSolts = {
     /**

package/lib/src/business/ap-value-select-card/index.vue.d.ts

@@ -22,6 +22,12 @@ declare const _default: <T extends Record<string, any> = Record<string, any>>(__
     }>): void;
     attrs: any;
     slots: {
+        'popover-label'?(_: {
+            option: ApValueSelectCardOption<T>;
+        }): any;
+        'popover-value'?(_: {
+            option: ApValueSelectCardOption<T>;
+        }): any;
         'close-icon'?(_: {}): any;
         label?(_: {
             option: ApValueSelectCardOption<T>;

package/lib/src/business/ap-value-select-card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("@aplus-frontend/antdv"),T=require("@ant-design/icons-vue"),$=require("@aplus-frontend/icon");require("../../config-provider/index.js");const I=require("../../config-provider/hooks/use-namespace.js"),O=require("../../config-provider/hooks/use-global-config.js"),D=["onClick"],M={class:"label"},q={class:"value"},H=["onClick"],A=["onClick"],F={class:"label"},_={class:"value"},R={class:"text"},P=e.defineComponent({name:"ApValueSelectCard",__name:"index",props:{options:{},selectedKeys:{default:()=>[]},highlightedKeys:{default:()=>[]},maxSelected:{default:4},maxRowDisplay:{default:4},popoverTitle:{default:""},showTitleIcon:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},addButtonText:{default:""},getContainer:{type:Function,default:u=>u.parentElement||document.body},getCardStyle:{type:Function,default:()=>({})},wrapperStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:selectedKeys","update:highlightedKeys","change","select","remove","highlight"],setup(u,{expose:B,emit:w}){const n=w,l=u,{b:i,m:N}=I.useNamespace("ap-value-select-card"),V=O.useGlobalConfig("uiMode","aplus"),c=e.ref(null),d=e.ref(!1),h=e.computed(()=>l.options),g=e.computed(()=>h.value.filter(t=>l.selectedKeys.includes(t.key))),v=t=>l.selectedKeys.includes(t),m=t=>l.highlightedKeys.includes(t),C=t=>{l.selectedKeys.includes(t)?p(t):k(t)},k=t=>{if(l.maxSelected&&l.selectedKeys.length>=l.maxSelected)return;const s=[...l.selectedKeys,t];n("update:selectedKeys",s),n("change",s),n("select",t),l.highlightedKeys.includes(t)||f(t)},p=t=>{if(l.selectedKeys.length<=1||l.highlightedKeys.length<=1&&l.highlightedKeys.includes(t))return;const s=l.selectedKeys.filter(r=>r!==t);if(n("update:selectedKeys",s),n("change",s),n("remove",t),l.highlightedKeys.includes(t)){const r=l.highlightedKeys.filter(a=>a!==t);n("update:highlightedKeys",r),n("highlight",r)}},f=t=>{let s;if(l.highlightedKeys.includes(t))if(l.highlightedKeys.length>1)s=l.highlightedKeys.filter(r=>r!==t);else return;else s=[...l.highlightedKeys,t];n("update:highlightedKeys",s),n("highlight",s)},E=t=>{t||(d.value=t)};return B({popoverVisible:d,allOptions:h,selectedOptions:g,isSelected:v,isHighlighted:m,toggleOption:C,addOption:k,removeOption:p,highlightOption:f}),(t,s)=>{const r=e.resolveComponent("InfoCircleFilled");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i)(),`${e.unref(N)(e.unref(V))}`]),style:e.normalizeStyle({...t.wrapperStyle,"--ap-value-select-card-column-count":t.maxRowDisplay})},[e.createVNode(e.unref(z.Popover),{open:d.value,trigger:"click",placement:"bottomRight",arrow:!1,"get-popup-container":t.getContainer,onOpenChange:E},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("popover"))},[t.popoverTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i)("title"))},[t.showTitleIcon?(e.openBlock(),e.createBlock(r,{key:0,class:e.normalizeClass(e.unref(i)("title-icon"))},null,8,["class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.popoverTitle),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.key,class:e.normalizeClass([e.unref(i)("list-item"),"all",{select:v(a.key),disabled:t.maxSelected&&t.selectedKeys.length>=t.maxSelected}]),onClick:e.withModifiers(y=>C(a.key),["stop"])},[e.createElementVNode("div",M,e.toDisplayString(a.label),1),e.createElementVNode("div",q,e.toDisplayString(a.value),1)],10,D))),128))],2)],2)]),default:e.withCtx(()=>{var a,y,S,K;return[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,ref_for:!0,ref_key:"listItemRef",ref:c,class:e.normalizeClass([e.unref(i)("list-item"),{select:m(o.key),custom:o.customClass},o.customClass]),style:e.normalizeStyle(t.getCardStyle(o.key)),onClick:e.withModifiers(b=>f(o.key),["stop"])},[t.showCloseIcon&&(!(t.highlightedKeys.length===1&&m(o.key))&&g.value.length>1)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i)("list-item-close")),onClick:e.withModifiers(b=>p(o.key),["stop"])},[e.renderSlot(t.$slots,"close-icon",{},()=>[e.createVNode(e.unref($.IconApAdLinePoor))])],10,A)):e.createCommentVNode("",!0),e.createElementVNode("div",F,[e.renderSlot(t.$slots,"label",{option:o},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])]),e.createElementVNode("div",_,[e.renderSlot(t.$slots,"value",{option:o},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])])],14,H))),128)),t.showAddButton&&(!t.maxSelected||t.selectedKeys.length<t.maxSelected)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i)("list-item"),"choose"]),style:e.normalizeStyle({minHeight:c.value?`${(y=(a=c.value)==null?void 0:a[0])!=null&&y.offsetHeight?`${(K=(S=c.value)==null?void 0:S[0])==null?void 0:K.offsetHeight}px`:"auto"}`:"auto"}),onClick:s[0]||(s[0]=e.withModifiers(o=>d.value=!0,["stop"]))},[e.renderSlot(t.$slots,"add-button",{},()=>[e.createVNode(e.unref(T.PlusOutlined)),e.createElementVNode("span",R,e.toDisplayString(t.addButtonText),1)])],6)):e.createCommentVNode("",!0)],2)]}),_:3},8,["open","get-popup-container"])],6)}}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("@aplus-frontend/antdv"),T=require("@ant-design/icons-vue"),$=require("@aplus-frontend/icon");require("../../config-provider/index.js");const I=require("../../config-provider/hooks/use-namespace.js"),O=require("../../config-provider/hooks/use-global-config.js"),D=["onClick"],M={class:"label"},q={class:"value"},H=["onClick"],A=["onClick"],F={class:"label"},R={class:"value"},P={class:"text"},_=e.defineComponent({name:"ApValueSelectCard",__name:"index",props:{options:{},selectedKeys:{default:()=>[]},highlightedKeys:{default:()=>[]},maxSelected:{default:4},maxRowDisplay:{default:4},popoverTitle:{default:""},showTitleIcon:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!0},showAddButton:{type:Boolean,default:!0},addButtonText:{default:""},getContainer:{type:Function,default:u=>u.parentElement||document.body},getCardStyle:{type:Function,default:()=>({})},wrapperStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:selectedKeys","update:highlightedKeys","change","select","remove","highlight"],setup(u,{expose:B,emit:N}){const i=N,l=u,{b:r,m:V}=I.useNamespace("ap-value-select-card"),w=O.useGlobalConfig("uiMode","aplus"),c=e.ref(null),d=e.ref(!1),h=e.computed(()=>l.options),g=e.computed(()=>h.value.filter(t=>l.selectedKeys.includes(t.key))),v=t=>l.selectedKeys.includes(t),m=t=>l.highlightedKeys.includes(t),C=t=>{l.selectedKeys.includes(t)?p(t):S(t)},S=t=>{if(l.maxSelected&&l.selectedKeys.length>=l.maxSelected)return;const s=[...l.selectedKeys,t];i("update:selectedKeys",s),i("change",s),i("select",t),l.highlightedKeys.includes(t)||f(t)},p=t=>{if(l.selectedKeys.length<=1||l.highlightedKeys.length<=1&&l.highlightedKeys.includes(t))return;const s=l.selectedKeys.filter(a=>a!==t);if(i("update:selectedKeys",s),i("change",s),i("remove",t),l.highlightedKeys.includes(t)){const a=l.highlightedKeys.filter(n=>n!==t);i("update:highlightedKeys",a),i("highlight",a)}},f=t=>{let s;if(l.highlightedKeys.includes(t))if(l.highlightedKeys.length>1)s=l.highlightedKeys.filter(a=>a!==t);else return;else s=[...l.highlightedKeys,t];i("update:highlightedKeys",s),i("highlight",s)},E=t=>{t||(d.value=t)};return B({popoverVisible:d,allOptions:h,selectedOptions:g,isSelected:v,isHighlighted:m,toggleOption:C,addOption:S,removeOption:p,highlightOption:f}),(t,s)=>{const a=e.resolveComponent("InfoCircleFilled");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)(),`${e.unref(V)(e.unref(w))}`]),style:e.normalizeStyle({...t.wrapperStyle,"--ap-value-select-card-column-count":t.maxRowDisplay})},[e.createVNode(e.unref(z.Popover),{open:d.value,trigger:"click",placement:"bottomRight",arrow:!1,"get-popup-container":t.getContainer,onOpenChange:E},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popover"))},[t.popoverTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("title"))},[t.showTitleIcon?(e.openBlock(),e.createBlock(a,{key:0,class:e.normalizeClass(e.unref(r)("title-icon"))},null,8,["class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.popoverTitle),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass([e.unref(r)("list-item"),"all",{select:v(n.key),disabled:t.maxSelected&&t.selectedKeys.length>=t.maxSelected}]),onClick:e.withModifiers(y=>C(n.key),["stop"])},[e.createElementVNode("div",M,[e.renderSlot(t.$slots,"popover-label",{option:n},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),e.createElementVNode("div",q,[e.renderSlot(t.$slots,"popover-value",{option:n},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])])],10,D))),128))],2)],2)]),default:e.withCtx(()=>{var n,y,k,K;return[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,ref_for:!0,ref_key:"listItemRef",ref:c,class:e.normalizeClass([e.unref(r)("list-item"),{select:m(o.key),custom:o.customClass},o.customClass]),style:e.normalizeStyle(t.getCardStyle(o.key)),onClick:e.withModifiers(b=>f(o.key),["stop"])},[t.showCloseIcon&&(!(t.highlightedKeys.length===1&&m(o.key))&&g.value.length>1)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("list-item-close")),onClick:e.withModifiers(b=>p(o.key),["stop"])},[e.renderSlot(t.$slots,"close-icon",{},()=>[e.createVNode(e.unref($.IconApAdLinePoor))])],10,A)):e.createCommentVNode("",!0),e.createElementVNode("div",F,[e.renderSlot(t.$slots,"label",{option:o},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])]),e.createElementVNode("div",R,[e.renderSlot(t.$slots,"value",{option:o},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])])],14,H))),128)),t.showAddButton&&(!t.maxSelected||t.selectedKeys.length<t.maxSelected)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r)("list-item"),"choose"]),style:e.normalizeStyle({minHeight:c.value?`${(y=(n=c.value)==null?void 0:n[0])!=null&&y.offsetHeight?`${(K=(k=c.value)==null?void 0:k[0])==null?void 0:K.offsetHeight}px`:"auto"}`:"auto"}),onClick:s[0]||(s[0]=e.withModifiers(o=>d.value=!0,["stop"]))},[e.renderSlot(t.$slots,"add-button",{},()=>[e.createVNode(e.unref(T.PlusOutlined)),e.createElementVNode("span",P,e.toDisplayString(t.addButtonText),1)])],6)):e.createCommentVNode("",!0)],2)]}),_:3},8,["open","get-popup-container"])],6)}}});exports.default=_;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.24.2";
+declare const _default: "6.25.0";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.24.2";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.25.0";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.24.2",
+  "version": "6.25.0",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -37,18 +37,18 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.61"
+    "@aplus-frontend/utils": "1.0.61",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.2.2",
+    "@aplus-frontend/antdv": "^1.2.3",
     "@aplus-frontend/icon": "^1.2.6",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.14",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.2.2",
+    "@aplus-frontend/antdv": "^1.2.3",
     "@aplus-frontend/icon": "^1.2.6",
     "@aplus-frontend/oss": "^1.1.2",
     "@types/sortablejs": "^1.15.8",

package/theme/ap-pro-card/index.css

@@ -384,17 +384,11 @@
 .aplus-pro-card-statistic-content {
   width: 100%;
 }
-.aplus-pro-card-statistic-content .ant-statistic-content-value-int {
-  font-size: 22px;
-  font-weight: bold;
-}
-.aplus-pro-card-statistic-content .ant-statistic-content-value {
-  font-size: 22px;
-  font-weight: bold;
-}
-.aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
+.aplus-pro-card-statistic-content .ant-statistic-content {
   font-size: 22px;
+  line-height: 24px;
   font-weight: bold;
+  font-family: DDinBold, OPPOSans, sans-serif;
 }
 .aplus-pro-card-statistic-description {
   width: 100%;
@@ -403,6 +397,13 @@
   color: var(--ap-text-color-1);
   font-size: 12px;
   line-height: 18px;
+  margin-bottom: 8px;
+}
+.aplus-pro-card-statistic-size-small .ant-statistic-title {
+  margin-bottom: 4px;
+}
+.aplus-pro-card-statistic-size-small .ant-statistic-content {
+  font-size: 16px;
 }
 .aplus-pro-card-statistic-trend-up .ant-statistic-content {
   color: var(--ap-color-error);
@@ -422,18 +423,18 @@
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
   margin-block-end: 0;
+  color: var(--ap-text-color-3);
 }
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content {
+  color: var(--ap-text-color-2);
+  font-size: 12px;
+  line-height: 18px;
   font-weight: 500;
 }
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-int,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
-  font-size: 14px;
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 500;
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline {
   display: inline-flex;
@@ -445,17 +446,20 @@
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
   color: var(--ap-text-color-2);
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 500;
 }
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-int,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
-.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
   font-size: 12px;
+  line-height: 18px;
   font-weight: 500;
 }
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-vertical-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 .aplus-statistic-card-chart {
   display: flex;
   flex-direction: column;