@aplus-frontend/ui 6.24.1 → 6.25.0

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.1";
+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.1";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.1",
+  "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.1",
+    "@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.1",
+    "@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-grid/index.css

@@ -697,3 +697,7 @@
 .aplus-ap-grid .vxe-cell--checkbox span.vxe-checkbox--icon {
   vertical-align: text-top;
 }
+.aplus-ap-grid div.vxe-cell--tree-btn > i {
+  font-size: 10px;
+  color: var(--ap-text-color-2);
+}

package/theme/ap-grid/index.less

@@ -217,4 +217,8 @@
   .vxe-cell--checkbox span.vxe-checkbox--icon {
     vertical-align: text-top;
   }
+  div.vxe-cell--tree-btn > i {
+    font-size: 10px;
+    color: var(--ap-text-color-2);
+  }
 });

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

@@ -54,6 +54,8 @@
   transition: all 0.3s;
   background: var(--ap-pro-card-colo-bg-container);
   border-radius: var(--ap-pro-card-border-radius);
+  font-size: 12px;
+  line-height: 18px;
 }
 .aplus-pro-card-border {
   border: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
@@ -83,7 +85,7 @@
 }
 .aplus-pro-card-header-title-tooltip {
   margin-left: 5px;
-  font-size: 14px;
+  font-size: 12px;
   color: var(--ap-pro-card-tooltip-color);
 }
 .aplus-pro-card-header-extra {
@@ -382,24 +384,26 @@
 .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%;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
-  color: var(--ap-text-color-3);
+  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);
@@ -419,40 +423,43 @@
 }
 .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;
-  color: var(--ap-text-color-1);
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
   margin-inline-end: 6px;
   margin-block-end: 0;
+  color: var(--ap-text-color-3);
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
-  color: var(--ap-text-color-1);
+  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

@@ -10,6 +10,8 @@
   transition: all 0.3s;
   background: var(--ap-pro-card-colo-bg-container);
   border-radius: var(--ap-pro-card-border-radius);
+  font-size: 12px;
+  line-height: 18px;
   &-border {
     border: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
   }
@@ -36,7 +38,7 @@
       font-weight: 500;
       &-tooltip {
         margin-left: 5px;
-        font-size: 14px;
+        font-size: 12px;
         color: var(--ap-pro-card-tooltip-color);
       }
     }
@@ -257,26 +259,28 @@
   &-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 {
     width: 100%;
   }
   .ant-statistic-title {
-    color: var(--ap-text-color-3);
+    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 {
@@ -300,29 +304,44 @@
     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 {
     display: inline-flex;
-    color: var(--ap-text-color-1);
     .ant-statistic-title {
       margin-inline-end: 6px;
       margin-block-end: 0;
+      color: var(--ap-text-color-3);
     }
     .ant-statistic-content {
-      color: var(--ap-text-color-1);
+      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

@@ -3573,6 +3573,10 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-grid .vxe-cell--checkbox span.vxe-checkbox--icon {
   vertical-align: text-top;
 }
+.aplus-ap-grid div.vxe-cell--tree-btn > i {
+  font-size: 10px;
+  color: var(--ap-text-color-2);
+}
 .aplus-editable-grid__header-cell--required {
   color: #FF4D4F;
   padding-right: 2px;
@@ -4410,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;
@@ -4464,6 +4469,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   transition: all 0.3s;
   background: var(--ap-pro-card-colo-bg-container);
   border-radius: var(--ap-pro-card-border-radius);
+  font-size: 12px;
+  line-height: 18px;
 }
 .aplus-pro-card-border {
   border: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
@@ -4493,7 +4500,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-pro-card-header-title-tooltip {
   margin-left: 5px;
-  font-size: 14px;
+  font-size: 12px;
   color: var(--ap-pro-card-tooltip-color);
 }
 .aplus-pro-card-header-extra {
@@ -4792,24 +4799,26 @@ 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%;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
-  color: var(--ap-text-color-3);
+  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);
@@ -4829,40 +4838,43 @@ 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;
-  color: var(--ap-text-color-1);
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
   margin-inline-end: 6px;
   margin-block-end: 0;
+  color: var(--ap-text-color-3);
 }
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
-  color: var(--ap-text-color-1);
+  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;