@aplus-frontend/ui 6.26.4 → 6.27.0

package/lib/src/business/hooks/usePageListApGrid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index.js");const n=require("lodash-unified"),q=require("vue"),F=require("./useKeepAliveFlag.js"),R=require("./useTableRefresh.js");function w(o){const r=q.ref(null),{isShowRowSelection:c=!0,clearSelectionOnRequest:d=!0,transformSearchFormValues:a,api:s,tableRefresh:f=!0,virtual:p,clearDataOnDeactivated:v=!0,...S}=o||{};let l=null;const u=()=>{r.value?.rowSelection?.clearAll()};R.useTableRefresh({...G(f),apTableRef:r});const i=()=>{r.value?.submit()},h=()=>{r.value?.reset()},{isDeactivated:g}=F.useKeepAliveFlag({afterDeactivated:i}),m=async e=>{if(g()&&v)return{data:[],total:0};l=e.sort;const t=a?a(e):e;if(!s)throw new Error("api is not defined");const{records:A,total:b}=await s(t);return d&&u(),{data:A,total:b}};return[n.merge({scroll:{x:"100%",y:"100%"},columnResizable:!0,request:s?m:void 0,rowSelection:c?{fixed:"left",columnWidth:38}:void 0,ref(e){r.value=e},virtual:n.merge({oSize:20,y:20},p),card:!0},S),{reload:i,reset:h,getSearchFormValues:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return a?a(t):t},getApGridInstance:()=>r.value,getSearchFormValuesAndSorted:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return t.sort=l&&n.cloneDeep(l),a?a(t):t},clearSelection:u}]}function G(o){return o===!0?{}:o===!1?{refreshBefore:()=>!1}:o}exports.usePageListApGrid=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index.js");const n=require("lodash-unified"),q=require("vue"),F=require("./useKeepAliveFlag.js"),R=require("./useTableRefresh.js");function w(o){const r=q.ref(null),{isShowRowSelection:c=!0,clearSelectionOnRequest:d=!0,transformSearchFormValues:a,api:s,tableRefresh:f=!0,virtual:p,clearDataOnDeactivated:v=!0,...h}=o||{};let l=null;const u=()=>{r.value?.rowSelection?.clearAll()};R.useTableRefresh({...G(f),apTableRef:r});const i=()=>{r.value?.submitWith(!0)},S=()=>{r.value?.reset()},{isDeactivated:g}=F.useKeepAliveFlag({afterDeactivated:i}),m=async e=>{if(g()&&v)return{data:[],total:0};l=e.sort;const t=a?a(e):e;if(!s)throw new Error("api is not defined");const{records:A,total:b}=await s(t);return d&&u(),{data:A,total:b}};return[n.merge({scroll:{x:"100%",y:"100%"},columnResizable:!0,request:s?m:void 0,rowSelection:c?{fixed:"left",columnWidth:38}:void 0,ref(e){r.value=e},virtual:n.merge({oSize:20,y:20},p),card:!0},h),{reload:i,reset:S,getSearchFormValues:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return a?a(t):t},getApGridInstance:()=>r.value,getSearchFormValuesAndSorted:(e=!0)=>{const t=r.value?.getSearchFormValues(!!e)||{};return t.sort=l&&n.cloneDeep(l),a?a(t):t},clearSelection:u}]}function G(o){return o===!0?{}:o===!1?{refreshBefore:()=>!1}:o}exports.usePageListApGrid=w;

package/lib/src/config-provider/config-provider-props.d.ts

@@ -8,7 +8,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -78,6 +78,9 @@ export declare const configProviderProps: () => {
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -108,12 +111,22 @@ export declare const configProviderProps: () => {
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;

package/lib/src/config-provider/config-provider.d.ts

@@ -6,7 +6,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { ViewCacheOption } from '..';
@@ -80,6 +80,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -110,12 +113,22 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -237,6 +250,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -267,12 +283,22 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -330,6 +356,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         autocomplete?: string;
     };
     select: {
+        variant?: Variant;
         showSearch?: boolean;
     };
     form: {
@@ -355,6 +382,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         showSizeChanger?: boolean;
     };
     theme: ThemeConfig;
+    cascader: {
+        variant?: Variant;
+    };
     wave: {
         disabled?: boolean;
     };

package/lib/src/config-provider/hooks/use-global-config.d.ts

@@ -7,7 +7,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from '..';
 import { ViewCacheOption } from '../..';
@@ -83,6 +83,9 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -113,12 +116,22 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;

package/lib/src/config-provider/index.d.ts

@@ -5,7 +5,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { ViewCacheOption } from '..';
@@ -85,6 +85,9 @@ export declare const APConfigProvider: {
             type: BooleanConstructor;
             default: any;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+        };
         dropdownMatchSelectWidth: {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
@@ -115,12 +118,22 @@ export declare const APConfigProvider: {
         };
         select: {
             type: PropType<{
+                variant?: Variant;
                 showSearch?: boolean;
             }>;
             default: {
+                variant?: Variant;
                 showSearch?: boolean;
             };
         };
+        cascader: {
+            type: PropType<{
+                variant?: Variant;
+            }>;
+            default: {
+                variant?: Variant;
+            };
+        };
         wave: {
             type: PropType<{
                 disabled?: boolean;
@@ -178,6 +191,7 @@ export declare const APConfigProvider: {
             autocomplete?: string;
         };
         select: {
+            variant?: Variant;
             showSearch?: boolean;
         };
         form: {
@@ -203,6 +217,9 @@ export declare const APConfigProvider: {
             showSizeChanger?: boolean;
         };
         theme: ThemeConfig;
+        cascader: {
+            variant?: Variant;
+        };
         wave: {
             disabled?: boolean;
         };
@@ -289,6 +306,9 @@ export declare const APConfigProvider: {
             type: BooleanConstructor;
             default: any;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+        };
         dropdownMatchSelectWidth: {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
@@ -319,12 +339,22 @@ export declare const APConfigProvider: {
         };
         select: {
             type: PropType<{
+                variant?: Variant;
                 showSearch?: boolean;
             }>;
             default: {
+                variant?: Variant;
                 showSearch?: boolean;
             };
         };
+        cascader: {
+            type: PropType<{
+                variant?: Variant;
+            }>;
+            default: {
+                variant?: Variant;
+            };
+        };
         wave: {
             type: PropType<{
                 disabled?: boolean;
@@ -382,6 +412,7 @@ export declare const APConfigProvider: {
             autocomplete?: string;
         };
         select: {
+            variant?: Variant;
             showSearch?: boolean;
         };
         form: {
@@ -407,6 +438,9 @@ export declare const APConfigProvider: {
             showSizeChanger?: boolean;
         };
         theme: ThemeConfig;
+        cascader: {
+            variant?: Variant;
+        };
         wave: {
             disabled?: boolean;
         };
@@ -490,6 +524,9 @@ export declare const APConfigProvider: {
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -520,12 +557,22 @@ export declare const APConfigProvider: {
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -583,6 +630,7 @@ export declare const APConfigProvider: {
         autocomplete?: string;
     };
     select: {
+        variant?: Variant;
         showSearch?: boolean;
     };
     form: {
@@ -608,6 +656,9 @@ export declare const APConfigProvider: {
         showSizeChanger?: boolean;
     };
     theme: ThemeConfig;
+    cascader: {
+        variant?: Variant;
+    };
     wave: {
         disabled?: boolean;
     };

package/lib/src/utils/config-provider-preset.d.ts

@@ -1,10 +1,10 @@
 import { TransformCellTextProps } from '@aplus-frontend/antdv/lib/table/interface';
 import { ConfigProviderProps } from '@aplus-frontend/antdv';
+import { Variant, ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { SizeType, CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 /**
@@ -39,6 +39,7 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         autocomplete?: string;
     } | undefined;
     select?: {
+        variant?: Variant;
         showSearch?: boolean;
     } | undefined;
     form?: {
@@ -60,10 +61,14 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         showSizeChanger?: boolean;
     } | undefined;
     theme?: ThemeConfig | undefined;
+    cascader?: {
+        variant?: Variant;
+    } | undefined;
     wave?: {
         disabled?: boolean;
     } | undefined;
     prefixCls?: string | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
     getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;
@@ -80,6 +85,7 @@ export declare function mergeAntdProviderConfigWithCache(newConfig: ConfigProvid
         autocomplete?: string;
     } | undefined;
     select?: {
+        variant?: Variant;
         showSearch?: boolean;
     } | undefined;
     form?: {
@@ -101,10 +107,14 @@ export declare function mergeAntdProviderConfigWithCache(newConfig: ConfigProvid
         showSizeChanger?: boolean;
     } | undefined;
     theme?: ThemeConfig | undefined;
+    cascader?: {
+        variant?: Variant;
+    } | undefined;
     wave?: {
         disabled?: boolean;
     } | undefined;
     prefixCls?: string | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
     getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.26.4";
+declare const _default: "6.27.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.26.4";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.27.0";exports.default=e;

package/lib/src/work-order-modal/work-order-modal.vue.d.ts

@@ -110,6 +110,7 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -344,11 +345,16 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;
@@ -664,11 +670,16 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.26.4",
+  "version": "6.27.0",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -41,14 +41,14 @@
     "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.2.4",
+    "@aplus-frontend/antdv": "^1.2.5",
     "@aplus-frontend/icon": "^1.2.6",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.17",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.2.4",
+    "@aplus-frontend/antdv": "^1.2.5",
     "@aplus-frontend/icon": "^1.2.6",
     "@aplus-frontend/oss": "^1.1.2",
     "@types/sortablejs": "^1.15.8",

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

@@ -354,12 +354,11 @@
 .aplus-pro-card-operation {
   display: flex;
   flex-direction: column;
-  justify-content: flex-end;
-  margin-block: 24px;
+  justify-content: center;
   margin-inline: 0;
   font-weight: 500;
   font-size: 20px;
-  line-height: 38px;
+  line-height: 26px;
 }
 .aplus-pro-card-statistic {
   display: flex;
@@ -401,13 +400,13 @@
   width: 100%;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content {
-  font-size: 22px;
+  font-size: 20px;
   line-height: 24px;
   font-weight: bold;
-  font-family: DDinBold, OPPOSans, sans-serif;
 }
 .aplus-pro-card-statistic-description {
   width: 100%;
+  margin-top: 4px;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
   color: var(--ap-text-color-1);
@@ -420,6 +419,7 @@
 }
 .aplus-pro-card-statistic-size-small .ant-statistic-content {
   font-size: 16px;
+  line-height: 22px;
 }
 .aplus-pro-card-statistic-trend-up .ant-statistic-content {
   color: var(--ap-color-error);

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

@@ -228,12 +228,11 @@
 .b(pro-card-operation, {
   display: flex;
   flex-direction: column;
-  justify-content: flex-end;
-  margin-block: 24px;
+  justify-content: center;
   margin-inline: 0;
   font-weight: 500;
   font-size: 20px;
-  line-height: 38px;
+  line-height: 26px;
 });
 
 .b(pro-card-statistic, {
@@ -274,14 +273,14 @@
   &-content {
     width: 100%;
     .ant-statistic-content {
-      font-size: 22px;
+      font-size: 20px;
       line-height: 24px;
       font-weight: bold;
-      font-family: DDinBold,OPPOSans,sans-serif;
     }
   }
   &-description {
     width: 100%;
+    margin-top: 4px;
   }
   .ant-statistic-title {
     color: var(--ap-text-color-1);
@@ -295,6 +294,7 @@
     }
     .ant-statistic-content {
       font-size: 16px;
+      line-height: 22px;
     }
   }
   &-trend-up {

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

@@ -68,10 +68,9 @@
 }
 .aplus-ap-value-select-card-list-item-close {
   position: absolute;
-  top: 4px;
-  right: 12px;
+  top: 8px;
+  right: 10px;
   z-index: 1;
-  padding: 4px;
   color: var(--ap-text-color-3);
   font-size: 14px;
   cursor: pointer;
@@ -146,7 +145,7 @@
   align-items: center;
   margin-bottom: 12px;
   color: #526a90;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-value-select-card-title-icon {
   margin-right: 4px;

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

@@ -28,10 +28,9 @@
 
       &-close {
         position: absolute;
-        top: 4px;
-        right: 12px;
+        top: 8px;
+        right: 10px;
         z-index: 1;
-        padding: 4px;
         color: var(--ap-text-color-3);
         font-size: @font-size-lg;
         cursor: pointer;
@@ -127,7 +126,7 @@
     align-items: center;
     margin-bottom: 12px;
     color: #526a90;
-    font-size: @font-size-lg;
+    font-size: @font-size-base;
 
     &-icon {
       margin-right: 4px;

package/theme/index.css

@@ -4407,10 +4407,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-value-select-card-list-item-close {
   position: absolute;
-  top: 4px;
-  right: 12px;
+  top: 8px;
+  right: 10px;
   z-index: 1;
-  padding: 4px;
   color: var(--ap-text-color-3);
   font-size: 14px;
   cursor: pointer;
@@ -4485,7 +4484,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   align-items: center;
   margin-bottom: 12px;
   color: #526a90;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-value-select-card-title-icon {
   margin-right: 4px;
@@ -4811,12 +4810,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-pro-card-operation {
   display: flex;
   flex-direction: column;
-  justify-content: flex-end;
-  margin-block: 24px;
+  justify-content: center;
   margin-inline: 0;
   font-weight: 500;
   font-size: 20px;
-  line-height: 38px;
+  line-height: 26px;
 }
 .aplus-pro-card-statistic {
   display: flex;
@@ -4858,13 +4856,13 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   width: 100%;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content {
-  font-size: 22px;
+  font-size: 20px;
   line-height: 24px;
   font-weight: bold;
-  font-family: DDinBold, OPPOSans, sans-serif;
 }
 .aplus-pro-card-statistic-description {
   width: 100%;
+  margin-top: 4px;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
   color: var(--ap-text-color-1);
@@ -4877,6 +4875,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-pro-card-statistic-size-small .ant-statistic-content {
   font-size: 16px;
+  line-height: 22px;
 }
 .aplus-pro-card-statistic-trend-up .ant-statistic-content {
   color: var(--ap-color-error);