@aplus-frontend/ui 6.24.2 → 6.26.0

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/ap-table/hooks/use-table-paging-ng.d.ts

@@ -62,7 +62,7 @@ export type UseTablePagingParams<DataType, ParamsType> = {
      * 当请求结束后触发的事件
      * @returns
      */
-    onAfterRequest?: () => void;
+    onAfterRequest?: (records: DataType[]) => void;
 };
 export type InternalPagingType = Partial<{
     current: number;

package/lib/src/ap-table/hooks/use-table-paging-ng.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),ue=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const N=require("../utils.js"),E=require("lodash-unified"),J=require("../../utils/index.js"),le=require("../../config-provider/hooks/use-locale.js"),fe=require("../../config-provider/hooks/use-namespace.js"),p=1,C=20,K={defaultCurrent:p,defaultPageSize:C,showLessItems:!1,showTotal:!0};function ge(u){return u===!1?{}:u==null||u===!0?K:{...K,...u}}function de(u){const g={};return u===!1||(u===!0||u==null?(g.current=p,g.pageSize=C):(g.current=u.defaultCurrent||p,g.pageSize=u.defaultPageSize||C)),g}const pe=({manual:u=!1,request:g,params:U={},defaultData:V=[],formatParams:q,paramsValueTypeMap:A,resetFieldsIgnores:_,filterFields:Q,sortFields:W,namespace:Z="ap-table",pagination:m,onClickReset:v,onAfterRequest:x})=>{let D=0,i={};const $=ge(m),H=e=>q?q(e):e,z=o.ref(),c=o.reactive(de(m)),{getColumnSFConfig:R,setSF:X,clearAll:Y,sortedInfo:I,filteredInfo:j}=ue.useTableSortedAndFiltered(),{t:T}=le.useLocale(),{b:P}=fe.useNamespace(Z),s=o.reactive({total:V.length,records:V,loading:!1}),b=()=>{var e,t;return((t=(e=z.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},M=async e=>{var r;const t=H(e),n=Date.now();D=n,s.loading=!0;try{const a=await g({...o.unref(U),...t});D===n&&(s.total=a.total||((r=a.data)==null?void 0:r.length)||0,s.records=[...a.data||[]],s.loading=!1)}catch{D===n&&(s.records=[],s.total=0,s.loading=!1)}finally{x==null||x()}},B=e=>{const t={};return Object.entries(e).forEach(([n,r])=>{if(t[n]=r,A&&r){const a=A[n];a&&(t[n]=N.parseFieldValue(a,r))}}),t},k=async e=>{var r,a,f,d,S;const t=b(),n={};Object.entries(t).forEach(([h,w])=>{_&&_.indexOf(h)>-1&&(n[h]=w)}),await((a=(r=z.value)==null?void 0:r.apForm)==null?void 0:a.resetFields()),(S=(d=(f=z.value)==null?void 0:f.apForm)==null?void 0:d.setFieldsValue)==null||S.call(d,n),o.nextTick(()=>{e==null||e()})},F=e=>{i=e;const t=B(e);M(t)},ee=e=>{F({...i,...e})},L=()=>{G(!0)},G=(e=!1)=>{const t=b(),n=m!==!1;n&&e&&(c.current=p),F({...t,filter:i.filter,sort:i.sort,current:n?e?p:i.current||c.current:void 0,pageSize:n?i.pageSize||c.pageSize:void 0})},te=()=>{Y(),i.sort={},i.filter={},v==null||v(),k(L)},y=()=>{F(i)},ne=e=>{if(m===!1)y();else{const{current:t,pageSize:n}=c,r=s.total-e,a=Math.ceil(r/n),f=t>a?a:t;ee({current:f>0?f:1})}},O=(e,t,n)=>{var h,w;const r=b();c.current=e.current,c.pageSize=e.pageSize,X(t,n);const a=E.isArray(n)?[...n]:[n],f={};for(const l of a)(h=o.unref(W))!=null&&h.includes(l.columnKey||l.field)&&l.order&&(f[N.dataIndexToStr(l.columnKey||l.field)]=l.order);const d={};for(const l of Object.keys(t))(w=o.unref(Q))!=null&&w.includes(l)&&t[l]&&(d[l]=t[l]);const S={...r,filter:d,sort:f,current:e.current,pageSize:e.pageSize};E.isEqualWith(i,S,N.isEqualCustom)||F(S)},re=(e,t=j.value||{},n=I.value||{})=>{const r=(e==null?void 0:e.current)??c.current,a=(e==null?void 0:e.pageSize)??c.pageSize;O({current:r,pageSize:a},t,n,{action:"sort",currentDataSource:[]})};o.onMounted(()=>{const e=b(),{current:t,pageSize:n}=c;if(i={current:t,pageSize:n,filter:{},sort:{},...e},!u){const r=B(i);M(r)}}),o.watch(()=>o.unref(U),()=>{L()},{deep:!0});const ae=o.computed(()=>{if(s.total===0)return"-";const{current:e,pageSize:t}=c;return`${e}/${Math.ceil(s.total/t)}`});function oe(e){E.isArray(e)&&(s.records=e,s.total=e.length)}const se=o.computed(()=>{const{showLessItems:e,showTotal:t,showQuickJumper:n,showSizeChanger:r,pageSizeOptions:a}=$;return{loading:s.loading,pagination:{current:c.current,pageSize:c.pageSize,total:s.total,showSizeChanger:J.isDef(r)?r:!e,showQuickJumper:J.isDef(n)?n:!e,showLessItems:e,size:"default",pageSizeOptions:E.isUndefined(a)?["10","20","50","100"]:a,showTotal:t?f=>o.createVNode("span",{class:P("pagination-total-wrapper")},[T("ap.apTable.pagination.totalLeftPrefix")," ",o.createVNode("span",{class:P("pagination-count-text")},[f])," ",T("ap.apTable.pagination.totalLeftSuffix"),o.createVNode("span",{class:P("pagination--total-right")},[T("ap.apTable.pagination.totalRightPrefix")," ",o.createVNode("span",{class:P("pagination-count-text")},[o.unref(ae)])," ",T("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:O,dataSource:s.records}});function ie(e,t=!0){Object.assign(c,e),i.current=e.current,i.pageSize=e.pageSize,t&&y()}function ce(){return{...c}}return{formRef:z,submit:L,reset:te,refresh:y,refreshByDelete:ne,data:s,handleTableChange:O,handleTableChangeOptional:re,tableProps:se,dataSource:o.computed(()=>s.records),setDataSource:oe,getColumnSFConfig:R,sortedInfo:I,filteredInfo:j,getPaging:ce,setPaging:ie,submitWith:G}};exports.DEFAULT_CURRENT=p;exports.DEFAULT_PAGE_SIZE=C;exports.useTablePaging=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),ue=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const N=require("../utils.js"),E=require("lodash-unified"),J=require("../../utils/index.js"),le=require("../../config-provider/hooks/use-locale.js"),fe=require("../../config-provider/hooks/use-namespace.js"),p=1,C=20,K={defaultCurrent:p,defaultPageSize:C,showLessItems:!1,showTotal:!0};function de(u){return u===!1?{}:u==null||u===!0?K:{...K,...u}}function ge(u){const d={};return u===!1||(u===!0||u==null?(d.current=p,d.pageSize=C):(d.current=u.defaultCurrent||p,d.pageSize=u.defaultPageSize||C)),d}const pe=({manual:u=!1,request:d,params:U={},defaultData:V=[],formatParams:q,paramsValueTypeMap:A,resetFieldsIgnores:_,filterFields:Q,sortFields:W,namespace:Z="ap-table",pagination:m,onClickReset:v,onAfterRequest:x})=>{let D=0,i={};const $=de(m),H=e=>q?q(e):e,z=s.ref(),c=s.reactive(ge(m)),{getColumnSFConfig:R,setSF:X,clearAll:Y,sortedInfo:I,filteredInfo:j}=ue.useTableSortedAndFiltered(),{t:T}=le.useLocale(),{b:P}=fe.useNamespace(Z),o=s.reactive({total:V.length,records:V,loading:!1}),b=()=>{var e,t;return((t=(e=z.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},M=async e=>{var n;const t=H(e),r=Date.now();D=r,o.loading=!0;try{const a=await d({...s.unref(U),...t});D===r&&(o.total=a.total||((n=a.data)==null?void 0:n.length)||0,o.records=[...a.data||[]],o.loading=!1)}catch{D===r&&(o.records=[],o.total=0,o.loading=!1)}finally{x==null||x(o.records)}},B=e=>{const t={};return Object.entries(e).forEach(([r,n])=>{if(t[r]=n,A&&n){const a=A[r];a&&(t[r]=N.parseFieldValue(a,n))}}),t},k=async e=>{var n,a,f,g,S;const t=b(),r={};Object.entries(t).forEach(([h,w])=>{_&&_.indexOf(h)>-1&&(r[h]=w)}),await((a=(n=z.value)==null?void 0:n.apForm)==null?void 0:a.resetFields()),(S=(g=(f=z.value)==null?void 0:f.apForm)==null?void 0:g.setFieldsValue)==null||S.call(g,r),s.nextTick(()=>{e==null||e()})},F=e=>{i=e;const t=B(e);M(t)},ee=e=>{F({...i,...e})},L=()=>{G(!0)},G=(e=!1)=>{const t=b(),r=m!==!1;r&&e&&(c.current=p),F({...t,filter:i.filter,sort:i.sort,current:r?e?p:i.current||c.current:void 0,pageSize:r?i.pageSize||c.pageSize:void 0})},te=()=>{Y(),i.sort={},i.filter={},v==null||v(),k(L)},y=()=>{F(i)},re=e=>{if(m===!1)y();else{const{current:t,pageSize:r}=c,n=o.total-e,a=Math.ceil(n/r),f=t>a?a:t;ee({current:f>0?f:1})}},O=(e,t,r)=>{var h,w;const n=b();c.current=e.current,c.pageSize=e.pageSize,X(t,r);const a=E.isArray(r)?[...r]:[r],f={};for(const l of a)(h=s.unref(W))!=null&&h.includes(l.columnKey||l.field)&&l.order&&(f[N.dataIndexToStr(l.columnKey||l.field)]=l.order);const g={};for(const l of Object.keys(t))(w=s.unref(Q))!=null&&w.includes(l)&&t[l]&&(g[l]=t[l]);const S={...n,filter:g,sort:f,current:e.current,pageSize:e.pageSize};E.isEqualWith(i,S,N.isEqualCustom)||F(S)},ne=(e,t=j.value||{},r=I.value||{})=>{const n=(e==null?void 0:e.current)??c.current,a=(e==null?void 0:e.pageSize)??c.pageSize;O({current:n,pageSize:a},t,r,{action:"sort",currentDataSource:[]})};s.onMounted(()=>{const e=b(),{current:t,pageSize:r}=c;if(i={current:t,pageSize:r,filter:{},sort:{},...e},!u){const n=B(i);M(n)}}),s.watch(()=>s.unref(U),()=>{L()},{deep:!0});const ae=s.computed(()=>{if(o.total===0)return"-";const{current:e,pageSize:t}=c;return`${e}/${Math.ceil(o.total/t)}`});function oe(e){E.isArray(e)&&(o.records=e,o.total=e.length)}const se=s.computed(()=>{const{showLessItems:e,showTotal:t,showQuickJumper:r,showSizeChanger:n,pageSizeOptions:a}=$;return{loading:o.loading,pagination:{current:c.current,pageSize:c.pageSize,total:o.total,showSizeChanger:J.isDef(n)?n:!e,showQuickJumper:J.isDef(r)?r:!e,showLessItems:e,size:"default",pageSizeOptions:E.isUndefined(a)?["10","20","50","100"]:a,showTotal:t?f=>s.createVNode("span",{class:P("pagination-total-wrapper")},[T("ap.apTable.pagination.totalLeftPrefix")," ",s.createVNode("span",{class:P("pagination-count-text")},[f])," ",T("ap.apTable.pagination.totalLeftSuffix"),s.createVNode("span",{class:P("pagination--total-right")},[T("ap.apTable.pagination.totalRightPrefix")," ",s.createVNode("span",{class:P("pagination-count-text")},[s.unref(ae)])," ",T("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:O,dataSource:o.records}});function ie(e,t=!0){Object.assign(c,e),i.current=e.current,i.pageSize=e.pageSize,t&&y()}function ce(){return{...c}}return{formRef:z,submit:L,reset:te,refresh:y,refreshByDelete:re,data:o,handleTableChange:O,handleTableChangeOptional:ne,tableProps:se,dataSource:s.computed(()=>o.records),setDataSource:oe,getColumnSFConfig:R,sortedInfo:I,filteredInfo:j,getPaging:ce,setPaging:ie,submitWith:G}};exports.DEFAULT_CURRENT=p;exports.DEFAULT_PAGE_SIZE=C;exports.useTablePaging=pe;

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/utils/copy.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e){const r=e==null?void 0:e.format;if(typeof t!="string")return!1;try{if(r==="text/html"){const a=new ClipboardItem({[r]:new Blob([t],{type:r}),"text/plain":new Blob([t],{type:"text/plain"})});navigator.clipboard.write([a])}else navigator.clipboard.writeText(t);return!0}catch{return!1}}exports.copy=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,e){const o=e==null?void 0:e.format;if(typeof t!="string")return!1;try{if(o==="text/html"){const r=new ClipboardItem({[o]:new Blob([t],{type:o}),"text/plain":new Blob([t],{type:"text/plain"})});navigator.clipboard.write([r])}else navigator.clipboard.writeText(t);return!0}catch{return a(t)}}function a(t){try{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select();const o=document.execCommand("copy");return document.body.removeChild(e),o}catch{return!1}}exports.copy=n;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.24.2";
+declare const _default: "6.26.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.26.0";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.24.2",
+  "version": "6.26.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;

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

@@ -259,18 +259,10 @@
   &-content {
     width: 100%;
     .ant-statistic-content {
-      &-value-int {
-        font-size: 22px;
-        font-weight: bold;
-      }
-      &-value {
-        font-size: 22px;
-        font-weight: bold;
-      }
-      &-value-decimal {
-        font-size: 22px;
-        font-weight: bold;
-      }
+      font-size: 22px;
+      line-height: 24px;
+      font-weight: bold;
+      font-family: DDinBold,OPPOSans,sans-serif;
     }
   }
   &-description {
@@ -280,6 +272,15 @@
     color: var(--ap-text-color-1);
     font-size: 12px;
     line-height: 18px;
+    margin-bottom: 8px;
+  }
+  &-size-small {
+    .ant-statistic-title {
+      margin-bottom: 4px;
+    }
+    .ant-statistic-content {
+      font-size: 16px;
+    }
   }
   &-trend-up {
     .ant-statistic-content {
@@ -303,12 +304,18 @@
     justify-content: space-between;
     .ant-statistic-title {
       margin-block-end: 0;
+      color: var(--ap-text-color-3);
     }
-    .ant-statistic-content-value {
+    .ant-statistic-content {
+      color: var(--ap-text-color-2);
+      font-size: 12px;
+      line-height: 18px;
       font-weight: 500;
     }
-    .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
-      font-size: 14px;
+    .ant-statistic-title {
+      font-size: 12px;
+      line-height: 18px;
+      font-weight: 500;
     }
   }
   & &-layout-inline {
@@ -320,12 +327,21 @@
     }
     .ant-statistic-content {
       color: var(--ap-text-color-2);
+      font-size: 12px;
+      line-height: 18px;
+      font-weight: 500;
     }
-    .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
+    .ant-statistic-title {
       font-size: 12px;
+      line-height: 18px;
       font-weight: 500;
     }
   }
+  & &-layout-vertical-center {
+    display: flex;
+    flex-direction: column;;
+    align-items: center;
+  }
 });
 
 .b(statistic-card, {

package/theme/ap-value-select-card/index.css

@@ -117,6 +117,7 @@
   color: #8896b0;
   background: #f9f9fa;
   cursor: not-allowed;
+  border: 1px solid var(--ap-color-bg);
 }
 .aplus-ap-value-select-card-list-item.all.select {
   background: #f5f9ff;

package/theme/ap-value-select-card/index.less

@@ -89,6 +89,7 @@
           color: #8896b0;
           background: #f9f9fa;
           cursor: not-allowed;
+          border: 1px solid var(--ap-color-bg);
         }
 
         &.select {

package/theme/index.css

@@ -4414,6 +4414,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   color: #8896b0;
   background: #f9f9fa;
   cursor: not-allowed;
+  border: 1px solid var(--ap-color-bg);
 }
 .aplus-ap-value-select-card-list-item.all.select {
   background: #f5f9ff;
@@ -4798,17 +4799,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .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%;
@@ -4817,6 +4812,13 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   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);
@@ -4836,18 +4838,18 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .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;
@@ -4859,17 +4861,20 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .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;