@arco-design/mobile-react 2.19.2-ee92494.5 → 2.21.1

package/tokens/app/arcodesign/default/index.json

@@ -971,18 +971,6 @@
             "en": "Base font size used for rem conversion"
         }
     },
-    "buttonBorderColor": {
-        "cssKey": "button-border-color",
-        "desc": "border颜色",
-        "override": "button-border",
-        "value": "@primary-color",
-        "jsValue": "@global@primaryColor",
-        "staticValue": "#165dff",
-        "localeDesc": {
-            "ch": "border颜色",
-            "en": "Button Border color"
-        }
-    },
     "buttonDefaultBackground": {
         "cssKey": "button-default-background",
         "desc": "default 类型按钮背景色",
@@ -1139,6 +1127,18 @@
             "en": "Huge button font size"
         }
     },
+    "buttonIconTextGutter": {
+        "cssKey": "button-icon-text-gutter",
+        "desc": "按钮图标与文字的间距",
+        "override": "",
+        "value": "~`pxtorem(4)`",
+        "jsValue": "@getRem@4",
+        "staticValue": "0.08rem",
+        "localeDesc": {
+            "ch": "按钮图标与文字的间距",
+            "en": "Gutter between icon and text"
+        }
+    },
     "buttonLargeHeight": {
         "cssKey": "button-large-height",
         "desc": "large 按钮高度",
@@ -1175,6 +1175,18 @@
             "en": "Large button font size"
         }
     },
+    "buttonLineHeight": {
+        "cssKey": "button-line-height",
+        "desc": "按钮的行高",
+        "override": "button-border",
+        "value": "1.2",
+        "jsValue": "1.2",
+        "staticValue": "1.2",
+        "localeDesc": {
+            "ch": "按钮的行高",
+            "en": "Button line height"
+        }
+    },
     "buttonMediumHeight": {
         "cssKey": "button-medium-height",
         "desc": "medium 按钮高度",
@@ -1309,14 +1321,14 @@
     },
     "buttonRadius": {
         "cssKey": "button-radius",
-        "desc": "圆角大小",
+        "desc": "shape=semi时圆角大小",
         "override": "",
         "value": "2PX",
         "jsValue": "2PX",
         "staticValue": "2PX",
         "localeDesc": {
-            "ch": "圆角大小",
-            "en": "Button border radius"
+            "ch": "shape=semi时圆角大小",
+            "en": "Button border radius when shape=semi"
         }
     },
     "buttonSmallHeight": {
@@ -5579,6 +5591,294 @@
             "en": "Hidden scrollbar reserved width"
         }
     },
+    "searchBarAssociationBackgroundColor": {
+        "cssKey": "search-bar-association-background-color",
+        "desc": "搜索联想框背景颜色",
+        "override": "",
+        "value": "#FFFFFF",
+        "jsValue": "#FFFFFF",
+        "staticValue": "#FFFFFF",
+        "localeDesc": {
+            "ch": "搜索联想框背景颜色",
+            "en": "Background color of SearchBar association"
+        }
+    },
+    "searchBarAssociationItemColor": {
+        "cssKey": "search-bar-association-item-color",
+        "desc": "搜索联想框候选项普通文字颜色",
+        "override": "",
+        "value": "@font-color",
+        "jsValue": "@global@fontColor",
+        "staticValue": "#1d2129",
+        "localeDesc": {
+            "ch": "搜索联想框候选项普通文字颜色",
+            "en": "Color of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemFontSize": {
+        "cssKey": "search-bar-association-item-font-size",
+        "desc": "搜索联想框候选项字体大小",
+        "override": "",
+        "value": "~`pxtorem(15)`",
+        "jsValue": "@getRem@15",
+        "staticValue": "0.3rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项字体大小",
+            "en": "Fontsize of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemHeight": {
+        "cssKey": "search-bar-association-item-height",
+        "desc": "搜索联想框候选项高度",
+        "override": "",
+        "value": "~`pxtorem(52)`",
+        "jsValue": "@getRem@52",
+        "staticValue": "1.04rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项高度",
+            "en": "Height of SearchBar association item"
+        }
+    },
+    "searchBarAssociationItemHighlightColor": {
+        "cssKey": "search-bar-association-item-highlight-color",
+        "desc": "搜索联想框候选项高亮文案颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索联想框候选项高亮文案颜色",
+            "en": "Color of SearchBar association item highlight text"
+        }
+    },
+    "searchBarAssociationItemPadding": {
+        "cssKey": "search-bar-association-item-padding",
+        "desc": "搜索联想框候选项内边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索联想框候选项内边距",
+            "en": "Padding of SearchBar association item"
+        }
+    },
+    "searchBarBackgroundColor": {
+        "cssKey": "search-bar-background-color",
+        "desc": "搜索栏背景颜色",
+        "override": "",
+        "value": "#FFFFFF",
+        "jsValue": "#FFFFFF",
+        "staticValue": "#FFFFFF",
+        "localeDesc": {
+            "ch": "搜索栏背景颜色",
+            "en": "BackgroundColor of SearchBar"
+        }
+    },
+    "searchBarCancelBtnColor": {
+        "cssKey": "search-bar-cancel-btn-color",
+        "desc": "搜索栏右侧取消按钮颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮颜色",
+            "en": "Color of SearchBar cancel button"
+        }
+    },
+    "searchBarCancelBtnFontSize": {
+        "cssKey": "search-bar-cancel-btn-font-size",
+        "desc": "搜索栏右侧取消按钮文字大小",
+        "override": "",
+        "value": "~`pxtorem(15)`",
+        "jsValue": "@getRem@15",
+        "staticValue": "0.3rem",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮文字大小",
+            "en": "Font size of SearchBar cancel button"
+        }
+    },
+    "searchBarCancelBtnMarginLeft": {
+        "cssKey": "search-bar-cancel-btn-margin-left",
+        "desc": "搜索栏右侧取消按钮的左边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏右侧取消按钮的左边距",
+            "en": "Left margin of SearchBar cancel button"
+        }
+    },
+    "searchBarClearIconColor": {
+        "cssKey": "search-bar-clear-icon-color",
+        "desc": "搜索栏清除按钮的颜色",
+        "override": "",
+        "value": "#C9CDD4",
+        "jsValue": "#C9CDD4",
+        "staticValue": "#C9CDD4",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮的颜色",
+            "en": "Color of SearchBar clear icon"
+        }
+    },
+    "searchBarInputCaretColor": {
+        "cssKey": "search-bar-input-caret-color",
+        "desc": "搜索输入框光标颜色",
+        "override": "",
+        "value": "@primary-color",
+        "jsValue": "@global@primaryColor",
+        "staticValue": "#165dff",
+        "localeDesc": {
+            "ch": "搜索输入框光标颜色",
+            "en": "Color of SearchBar input caret"
+        }
+    },
+    "searchBarInputHeight": {
+        "cssKey": "search-bar-input-height",
+        "desc": "搜索输入框高度",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "搜索输入框高度",
+            "en": "SearchBar input height"
+        }
+    },
+    "searchBarInputPlaceholderColor": {
+        "cssKey": "search-bar-input-placeholder-color",
+        "desc": "搜索输入框提示文案颜色",
+        "override": "",
+        "value": "@disabled-color",
+        "jsValue": "@global@disabledColor",
+        "staticValue": "#c9cdd4",
+        "localeDesc": {
+            "ch": "搜索输入框提示文案颜色",
+            "en": "Color of SearchBar input placeholder"
+        }
+    },
+    "searchBarInputWrapperBackgroundColor": {
+        "cssKey": "search-bar-input-wrapper-background-color",
+        "desc": "搜索输入框容器背景颜色",
+        "override": "",
+        "value": "#F2F3F5",
+        "jsValue": "#F2F3F5",
+        "staticValue": "#F2F3F5",
+        "localeDesc": {
+            "ch": "搜索输入框容器背景颜色",
+            "en": "SearchBar input container background color"
+        }
+    },
+    "searchBarInputWrapperFontSize": {
+        "cssKey": "search-bar-input-wrapper-font-size",
+        "desc": "搜索输入框容器字体大小",
+        "override": "",
+        "value": "~`pxtorem(14)`",
+        "jsValue": "@getRem@14",
+        "staticValue": "0.28rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器字体大小",
+            "en": "SearchBar input container font size"
+        }
+    },
+    "searchBarInputWrapperHeight": {
+        "cssKey": "search-bar-input-wrapper-height",
+        "desc": "搜索输入框容器高度",
+        "override": "",
+        "value": "~`pxtorem(36)`",
+        "jsValue": "@getRem@36",
+        "staticValue": "0.72rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器高度",
+            "en": "SearchBar input container height"
+        }
+    },
+    "searchBarInputWrapperPadding": {
+        "cssKey": "search-bar-input-wrapper-padding",
+        "desc": "搜索输入框容器内边距大小",
+        "override": "",
+        "value": "~`pxtorem(8)` ~`pxtorem(14)`",
+        "jsValue": "@getRem@8 @getRem@14",
+        "staticValue": "0.16rem 0.28rem",
+        "localeDesc": {
+            "ch": "搜索输入框容器内边距大小",
+            "en": "SearchBar input container padding"
+        }
+    },
+    "searchBarPadding": {
+        "cssKey": "search-bar-padding",
+        "desc": "搜索栏内边距大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏内边距大小",
+            "en": "Padding of SearchBar"
+        }
+    },
+    "searchBarPrefixMarginRight": {
+        "cssKey": "search-bar-prefix-margin-right",
+        "desc": "搜索栏搜索栏左侧插入内容的右侧外边距",
+        "override": "",
+        "value": "~`pxtorem(9)`",
+        "jsValue": "@getRem@9",
+        "staticValue": "0.18rem",
+        "localeDesc": {
+            "ch": "搜索栏搜索栏左侧插入内容的右侧外边距",
+            "en": "Right margin of SearchBar prefix"
+        }
+    },
+    "searchBarRoundShapeBorderRadius": {
+        "cssKey": "search-bar-round-shape-border-radius",
+        "desc": "圆形搜索栏的圆角大小",
+        "override": "",
+        "value": "~`pxtorem(9999)`",
+        "jsValue": "@getRem@9999",
+        "staticValue": "199.98rem",
+        "localeDesc": {
+            "ch": "圆形搜索栏的圆角大小",
+            "en": "Size of the rounded corners of the round SearchBar"
+        }
+    },
+    "searchBarSearchIconColor": {
+        "cssKey": "search-bar-search-icon-color",
+        "desc": "搜索栏搜索按钮的颜色",
+        "override": "",
+        "value": "#86909C",
+        "jsValue": "#86909C",
+        "staticValue": "#86909C",
+        "localeDesc": {
+            "ch": "搜索栏搜索按钮的颜色",
+            "en": "Color of SearchBar search icon"
+        }
+    },
+    "searchBarSearchIconFontSize": {
+        "cssKey": "search-bar-search-icon-font-size",
+        "desc": "搜索栏按钮大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏按钮大小",
+            "en": "Fontsize of SearchBar search icon"
+        }
+    },
+    "searchBarSquareShapeBorderRadius": {
+        "cssKey": "search-bar-square-shape-border-radius",
+        "desc": "方形搜索栏的圆角大小",
+        "override": "",
+        "value": "~`pxtorem(2)`",
+        "jsValue": "@getRem@2",
+        "staticValue": "0.04rem",
+        "localeDesc": {
+            "ch": "方形搜索栏的圆角大小",
+            "en": "Size of the rounded corners of the square SearchBar"
+        }
+    },
     "sliderHasMarkPaddingBottom": {
         "cssKey": "slider-has-mark-padding-bottom",
         "desc": "slider 有标记时的底部内边距",
@@ -6443,6 +6743,116 @@
             "en": "Additional information font color"
         }
     },
+    "swipeActionCloseTransition": {
+        "cssKey": "swipe-action-close-transition",
+        "desc": "SwipeAction 菜单关闭时的动画曲线",
+        "override": "",
+        "value": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "jsValue": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "staticValue": "cubic-bezier(0.34, 0.69, 0.1, 1)",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单关闭时的动画曲线"
+        }
+    },
+    "swipeActionIconHeight": {
+        "cssKey": "swipe-action-icon-height",
+        "desc": "swipeAction Icon 高",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon 高"
+        }
+    },
+    "swipeActionIconMarginRight": {
+        "cssKey": "swipe-action-icon-margin-right",
+        "desc": "swipeAction Icon的右边距",
+        "override": "",
+        "value": "~`pxtorem(4)`",
+        "jsValue": "@getRem@4",
+        "staticValue": "0.08rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon的右边距"
+        }
+    },
+    "swipeActionIconWidth": {
+        "cssKey": "swipe-action-icon-width",
+        "desc": "swipeAction Icon 宽",
+        "override": "",
+        "value": "~`pxtorem(20)`",
+        "jsValue": "@getRem@20",
+        "staticValue": "0.4rem",
+        "localeDesc": {
+            "ch": "swipeAction Icon 宽"
+        }
+    },
+    "swipeActionInfoBounceBuffer": {
+        "cssKey": "swipe-action-info-bounce-buffer",
+        "desc": "swipeAction 菜单弹性效果预留底部色块宽度",
+        "override": "",
+        "value": "~`pxtorem(30)`",
+        "jsValue": "@getRem@30",
+        "staticValue": "0.6rem",
+        "localeDesc": {
+            "ch": "swipeAction 菜单弹性效果预留底部色块宽度"
+        }
+    },
+    "swipeActionInfoPadding": {
+        "cssKey": "swipe-action-info-padding",
+        "desc": "SwipeAction 菜单的内边距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单的内边距"
+        }
+    },
+    "swipeActionOpenTransition": {
+        "cssKey": "swipe-action-open-transition",
+        "desc": "SwipeAction 菜单打开时的动画曲线",
+        "override": "",
+        "value": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "jsValue": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "staticValue": "cubic-bezier(0.2, 0.8, 0.32, 1.28)",
+        "localeDesc": {
+            "ch": "SwipeAction 菜单打开时的动画曲线"
+        }
+    },
+    "swipeActionTextColor": {
+        "cssKey": "swipe-action-text-color",
+        "desc": "SwipeAction 文字背景色",
+        "override": "",
+        "value": "#ffffff",
+        "jsValue": "#ffffff",
+        "staticValue": "#ffffff",
+        "localeDesc": {
+            "ch": "SwipeAction 文字背景色"
+        }
+    },
+    "swipeActionTextFontSize": {
+        "cssKey": "swipe-action-text-font-size",
+        "desc": "SwipeAction 文字大小",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "SwipeAction 文字大小"
+        }
+    },
+    "swipeActionTextLineHeight": {
+        "cssKey": "swipe-action-text-line-height",
+        "desc": "SwipeAction 文字行高",
+        "override": "",
+        "value": "~`pxtorem(22)`",
+        "jsValue": "@getRem@22",
+        "staticValue": "0.44rem",
+        "localeDesc": {
+            "ch": "SwipeAction 文字行高"
+        }
+    },
     "swipeLoadLabelBackground": {
         "cssKey": "swipe-load-label-background",
         "desc": "swipeLoad 滑动区域的背景色",

package/tokens/app/arcodesign/default/index.less

@@ -158,8 +158,9 @@
 @avatar-desc-ultra-small-margin-top: ~`pxtorem(2)`;
 @avatar-name-color: @font-color;
 @avatar-desc-color: @sub-info-font-color;
-@button-border-color: @primary-color;
+@button-line-height: 1.2;
 @button-radius: 2PX;
+@button-icon-text-gutter: ~`pxtorem(4)`;
 @button-primary-background: @primary-color;
 @button-primary-clicked-background: #0E42D2;
 @button-primary-disabled-background: @primary-disabled-color;
@@ -558,6 +559,16 @@
 @steps-vertical-padding-bottom: 0;
 @steps-vertical-padding-left: ~`pxtorem(20)`;
 @steps-process-with-config-item-icon-color: #FFFFFF;
+@swipe-action-open-transition: cubic-bezier(0.2, 0.8, 0.32, 1.28);
+@swipe-action-close-transition: cubic-bezier(0.34, 0.69, 0.1, 1);
+@swipe-action-info-padding: ~`pxtorem(16)`;
+@swipe-action-info-bounce-buffer: ~`pxtorem(30)`;
+@swipe-action-text-font-size: ~`pxtorem(16)`;
+@swipe-action-text-line-height: ~`pxtorem(22)`;
+@swipe-action-text-color: #ffffff;
+@swipe-action-icon-width: ~`pxtorem(20)`;
+@swipe-action-icon-height: ~`pxtorem(20)`;
+@swipe-action-icon-margin-right: ~`pxtorem(4)`;
 @badge-background-color: #F53F3F;
 @badge-text-color: #FFFFFF;
 @badge-font-size: 12PX;
@@ -645,6 +656,30 @@
 @action-sheet-header-padding: ~`pxtorem(16)`;
 @action-sheet-title-font-size: ~`pxtorem(16)`;
 @action-sheet-sub-title-font-size: ~`pxtorem(14)`;
+@search-bar-padding: ~`pxtorem(16)`;
+@search-bar-background-color: #FFFFFF;
+@search-bar-square-shape-border-radius: ~`pxtorem(2)`;
+@search-bar-round-shape-border-radius: ~`pxtorem(9999)`;
+@search-bar-input-wrapper-height: ~`pxtorem(36)`;
+@search-bar-input-wrapper-padding: ~`pxtorem(8)` ~`pxtorem(14)`;
+@search-bar-input-wrapper-background-color: #F2F3F5;
+@search-bar-input-wrapper-font-size: ~`pxtorem(14)`;
+@search-bar-input-height: ~`pxtorem(20)`;
+@search-bar-input-caret-color: @primary-color;
+@search-bar-input-placeholder-color: @disabled-color;
+@search-bar-prefix-margin-right: ~`pxtorem(9)`;
+@search-bar-clear-icon-color: #C9CDD4;
+@search-bar-search-icon-color: #86909C;
+@search-bar-search-icon-font-size: ~`pxtorem(16)`;
+@search-bar-cancel-btn-color: @primary-color;
+@search-bar-cancel-btn-font-size: ~`pxtorem(15)`;
+@search-bar-cancel-btn-margin-left: ~`pxtorem(16)`;
+@search-bar-association-background-color: #FFFFFF;
+@search-bar-association-item-height: ~`pxtorem(52)`;
+@search-bar-association-item-padding: ~`pxtorem(16)`;
+@search-bar-association-item-font-size: ~`pxtorem(15)`;
+@search-bar-association-item-color: @font-color;
+@search-bar-association-item-highlight-color: @primary-color;
 @image-picker-font-size: ~`pxtorem(14)`;
 @image-picker-disabled-opacity: 0.7;
 @image-picker-border-radius: ~`pxtorem(2)`;

package/umd/avatar/group.js

@@ -64,7 +64,7 @@
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: domRef,
       style: style,
-      className: (0, _mobileUtils.cls)(className, prefixCls + "-avatar-group", "group-" + size)
+      className: (0, _mobileUtils.cls)(className, prefixCls + "-avatar-group", prefixCls + "-avatar-group-size-" + size, "group-" + size)
     }, /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {
       value: {
         isGroup: true,

package/umd/avatar/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: React.ForwardRefExoticComponent<AvatarProps<ImageProps &
 /**
  * 头像展示组件，支持圆形和方形两种形状，支持图片文字头像，支持五种尺寸。
  * @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 头像
  * @name_en Avatar

package/umd/avatar/index.js

@@ -38,7 +38,7 @@
 
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-      var _cls;
+      var _cls, _cls2;
 
       var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
           prefixCls = _useContext.prefixCls;
@@ -77,10 +77,7 @@
           style = _props$style === void 0 ? {} : _props$style,
           _props$imageProps = props.imageProps,
           imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
-          _props$defaultOverLap = props.defaultOverLap,
-          defaultOverLap = _props$defaultOverLap === void 0 ? /*#__PURE__*/_react.default.createElement(_IconUserFill.default, {
-        className: prefixCls + "-avatar-default"
-      }) : _props$defaultOverLap,
+          defaultOverLap = props.defaultOverLap,
           onClickDecoration = props.onClickDecoration,
           onClick = props.onClick;
       var domRef = (0, _react.useRef)(null);
@@ -140,19 +137,19 @@
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: domRef,
         style: style,
-        className: (0, _mobileUtils.cls)(prefixCls + "-avatar-wrapper", className, size, shape, {
-          'with-info': Boolean(avatarName)
-        }),
+        className: (0, _mobileUtils.cls)(prefixCls + "-avatar-wrapper", className, size, shape, prefixCls + "-avatar-wrapper-shape-" + shape, (_cls = {}, _cls[prefixCls + "-avatar-wrapper-with-info " + prefixCls + "-avatar-wrapper-with-info-size-" + size + " with-info"] = Boolean(avatarName), _cls)),
         onClick: onClick
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-avatar", size, shape, (_cls = {}, _cls[prefixCls + "-text-avatar"] = isTextAvatar, _cls[prefixCls + "-image-avatar"] = isImageAvatar, _cls['default-overlap'] = useDefaultAvatar, _cls)),
+        className: (0, _mobileUtils.cls)(prefixCls + "-avatar", prefixCls + "-avatar-size-" + size, size, prefixCls + "-avatar-shape-" + shape, shape, (_cls2 = {}, _cls2[prefixCls + "-text-avatar " + prefixCls + "-avatar-mode-text"] = isTextAvatar, _cls2[prefixCls + "-image-avatar " + prefixCls + "-avatar-mode-image"] = isImageAvatar, _cls2[prefixCls + "-avatar-default-overlap default-overlap"] = useDefaultAvatar, _cls2)),
         style: avatarStyle,
         ref: avatarRef
-      }, children, useDefaultAvatar && defaultOverLap, isImageAvatar && src && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
+      }, children, useDefaultAvatar && (defaultOverLap === void 0 ? /*#__PURE__*/_react.default.createElement(_IconUserFill.default, {
+        className: prefixCls + "-avatar-default " + prefixCls + "-avatar-default-icon-size-" + size
+      }) : defaultOverLap), isImageAvatar && src && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
         className: prefixCls + "-avatar-img",
         src: src
       }, imageProps)), isTextAvatar && /*#__PURE__*/_react.default.createElement("span", {
-        className: prefixCls + "-avatar-text",
+        className: prefixCls + "-avatar-text " + prefixCls + "-avatar-text-size-" + size,
         ref: avatarTextRef,
         style: {
           transform: "scale(" + textScale + ")"
@@ -163,9 +160,9 @@
       }, decoration)), renderInfo, !renderInfo && avatarName && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-avatar-info")
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-avatar-name")
+        className: prefixCls + "-avatar-name " + prefixCls + "-avatar-name-size-" + size
       }, avatarName), avatarDesc && /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)(prefixCls + "-avatar-desc")
+        className: prefixCls + "-avatar-desc " + prefixCls + "-avatar-desc-size-" + size
       }, avatarDesc)));
     });
   }
@@ -174,7 +171,7 @@
   /**
    * 头像展示组件，支持圆形和方形两种形状，支持图片文字头像，支持五种尺寸。
    * @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
-   * @type 数据展示
+   * @type 信息展示
    * @type_en Data Display
    * @name 头像
    * @name_en Avatar