@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/_helpers/react-dom.js

@@ -1,17 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.render = void 0;
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _CopyReactDOM$version;
+
 function isObject(obj) {
   return Object.prototype.toString.call(obj) === '[object Object]';
 }
+
 var __SECRET_INTERNALS__ = '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED';
 var CopyReactDOM = _reactDom.default;
 var copyRender;
 var isReact18 = Number((_CopyReactDOM$version = CopyReactDOM.version) == null ? void 0 : _CopyReactDOM$version.split('.')[0]) > 17;
+
 var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
   // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
   // Avoid console warning
@@ -19,21 +25,26 @@ var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarni
     CopyReactDOM[__SECRET_INTERNALS__].usingClientEntryPoint = skipWarning;
   }
 };
+
 var createRoot;
+
 try {
   createRoot = CopyReactDOM.createRoot;
 } catch (_) {}
+
 if (isReact18 && createRoot) {
   copyRender = function copyRender(app, container) {
     updateUsingClientEntryPoint(true);
     var root = createRoot(container);
     updateUsingClientEntryPoint(false);
     root.render(app);
+
     root._unmount = function () {
       setTimeout(function () {
         root == null ? void 0 : root.unmount == null ? void 0 : root.unmount();
       });
     };
+
     return root;
   };
 } else {
@@ -49,5 +60,6 @@ if (isReact18 && createRoot) {
     };
   };
 }
+
 var render = copyRender;
 exports.render = render;

package/cjs/_helpers/render.js

@@ -1,35 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.ReactDOMRender = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactDom = require("./react-dom");
+
 var ReactDOMRender = function ReactDOMRender(app, container, context) {
   var _this = this;
+
   this.root = void 0;
   this.app = void 0;
   this.container = void 0;
   this.context = void 0;
+
   this.render = function (props) {
     var CustomApp = _this.app;
     var propsWithContext = (0, _extends2.default)({}, props, {
       context: _this.context
     });
+
     if (_this.root) {
       _this.root.render( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext));
     } else {
       _this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container);
     }
   };
+
   this.unmount = function () {
     var _this$root;
+
     (_this$root = _this.root) == null ? void 0 : _this$root._unmount();
     _this.root = undefined;
   };
+
   this.app = app;
   this.container = container;
   this.context = context;
 };
+
 exports.ReactDOMRender = ReactDOMRender;

package/cjs/action-sheet/index.d.ts

@@ -86,11 +86,11 @@ declare const _default: React.ForwardRefExoticComponent<ActionSheetProps & React
      * @param {ActionSheetProps} config setting
      * @returns {{ close: () => void; update: (newConfig: ActionSheetProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "needBottomOffset" | "translateZ" | "items" | "cancelText" | "subTitle"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "needBottomOffset" | "translateZ" | "items" | "cancelText" | "subTitle"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "needBottomOffset" | "translateZ" | "items" | "cancelText" | "subTitle"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "needBottomOffset" | "translateZ" | "items" | "cancelText" | "subTitle"> & {
             key?: string | undefined;
         }) => void;
     };

package/cjs/action-sheet/index.js

@@ -1,40 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _popup = _interopRequireDefault(require("../popup"));
+
 var _methods = require("./methods");
+
 var _excluded = ["className", "items", "cancelText", "close", "title", "subTitle", "needBottomOffset"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    items = props.items,
-    cancelText = props.cancelText,
-    close = props.close,
-    title = props.title,
-    subTitle = props.subTitle,
-    _props$needBottomOffs = props.needBottomOffset,
-    needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
-    otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      className = _props$className === void 0 ? '' : _props$className,
+      items = props.items,
+      cancelText = props.cancelText,
+      close = props.close,
+      title = props.title,
+      subTitle = props.subTitle,
+      _props$needBottomOffs = props.needBottomOffset,
+      needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
+      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var popupRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return popupRef.current;
   });
+
   function handleItemClick(e, item) {
     e.stopPropagation();
+
     if (item.status === 'disabled') {
       return;
     }
+
     var result = item.onClick ? item.onClick(e) : null;
+
     if (!result || typeof result === 'boolean') {
       !result && (close == null ? void 0 : close(e));
     } else if (result && result.then) {
@@ -43,6 +59,7 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
@@ -78,6 +95,7 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, cancelText) : null);
   });
 });
+
 function methodsGenerator(Comp) {
   return {
     /**
@@ -89,8 +107,8 @@ function methodsGenerator(Comp) {
     open: (0, _methods.open)(Comp)
   };
 }
-var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
 
+var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
 /**
  * 动作面板组件
  * @en ActionSheet Component
@@ -99,5 +117,7 @@ var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(A
  * @name 动作面板
  * @name_en ActionSheet
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(ActionSheet, methodsGenerator(ActionSheetWithGlobalContext));
+
 exports.default = _default;

package/cjs/action-sheet/methods.js

@@ -2,7 +2,9 @@
 
 exports.__esModule = true;
 exports.open = open;
+
 var _methods = require("../masking/methods");
+
 function open(Component) {
   return (0, _methods.open)(Component, 'ARCO_ACTION_SHEET');
 }

package/cjs/action-sheet/style/css/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../popup/style/css");
+
 require("./index.css");

package/cjs/action-sheet/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../popup/style");
+
 require("./index.less");

package/cjs/avatar/group.js

@@ -1,40 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = exports.Group = exports.AvatarGroupContext = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({
   isGroup: false,
   shape: 'circle',
   size: 'small'
 });
-
 /**
  * 头像叠层
  * @en Avatar group
  */
+
+
 exports.AvatarGroupContext = AvatarGroupContext;
 var Group = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'circle' : _props$shape,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    _props$zIndexOrder = props.zIndexOrder,
-    zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
-    children = props.children;
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'circle' : _props$shape,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      _props$zIndexOrder = props.zIndexOrder,
+      zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
+      children = props.children;
+
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-    prefixCls = _useContext.prefixCls;
+      prefixCls = _useContext.prefixCls;
+
   var childrenArr = _react.default.Children.toArray(children);
+
   var length = childrenArr.length;
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {

package/cjs/avatar/index.js

@@ -1,115 +1,139 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   componentGenerator: true
 };
 exports.componentGenerator = componentGenerator;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _image = require("../image");
+
 var _IconUserFill = _interopRequireDefault(require("../icon/IconUserFill"));
+
 var _contextProvider = require("../context-provider");
+
 var _group = _interopRequireWildcard(require("./group"));
+
 var _type = require("./type");
+
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function componentGenerator(Comp) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _cls, _cls2;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+        prefixCls = _useContext.prefixCls;
+
     var _useContext2 = (0, _react.useContext)(_group.AvatarGroupContext),
-      groupShape = _useContext2.shape,
-      groupSize = _useContext2.size,
-      isGroup = _useContext2.isGroup;
+        groupShape = _useContext2.shape,
+        groupSize = _useContext2.size,
+        isGroup = _useContext2.isGroup;
+
     var _props$shape = props.shape,
-      shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
-      _props$size = props.size,
-      size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
-      src = props.src,
-      _props$decoration = props.decoration,
-      decoration = _props$decoration === void 0 ? null : _props$decoration,
-      _props$textAvatar = props.textAvatar,
-      textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
-      _props$avatarStyle = props.avatarStyle,
-      avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
-      _props$autoFixFontSiz = props.autoFixFontSize,
-      autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
-      _props$autoFixFontOff = props.autoFixFontOffset,
-      autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
-      _props$avatarName = props.avatarName,
-      avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
-      _props$avatarDesc = props.avatarDesc,
-      avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      _props$renderInfo = props.renderInfo,
-      renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$imageProps = props.imageProps,
-      imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
-      defaultOverLap = props.defaultOverLap,
-      onClickDecoration = props.onClickDecoration,
-      onClick = props.onClick;
+        shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
+        _props$size = props.size,
+        size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
+        src = props.src,
+        _props$decoration = props.decoration,
+        decoration = _props$decoration === void 0 ? null : _props$decoration,
+        _props$textAvatar = props.textAvatar,
+        textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
+        _props$avatarStyle = props.avatarStyle,
+        avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
+        _props$autoFixFontSiz = props.autoFixFontSize,
+        autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
+        _props$autoFixFontOff = props.autoFixFontOffset,
+        autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
+        _props$avatarName = props.avatarName,
+        avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
+        _props$avatarDesc = props.avatarDesc,
+        avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
+        _props$children = props.children,
+        children = _props$children === void 0 ? null : _props$children,
+        _props$renderInfo = props.renderInfo,
+        renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$style = props.style,
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$imageProps = props.imageProps,
+        imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
+        defaultOverLap = props.defaultOverLap,
+        onClickDecoration = props.onClickDecoration,
+        onClick = props.onClick;
     var domRef = (0, _react.useRef)(null);
     var avatarRef = (0, _react.useRef)(null);
     var avatarTextRef = (0, _react.useRef)(null);
+
     var _useState = (0, _react.useState)(1),
-      textScale = _useState[0],
-      setTextScale = _useState[1];
+        textScale = _useState[0],
+        setTextScale = _useState[1];
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
-    });
-    // 图片头像
+    }); // 图片头像
     // @en Picture avatar
-    var isImageAvatar = !children && src !== void 0;
-    // 文字头像
+
+    var isImageAvatar = !children && src !== void 0; // 文字头像
     // @en Text avatar
-    var isTextAvatar = !children && !isImageAvatar && textAvatar;
-    // 使用默认头像
+
+    var isTextAvatar = !children && !isImageAvatar && textAvatar; // 使用默认头像
     // @en Whether to use default avatar
+
     var useDefaultAvatar = !children && !isImageAvatar && !isTextAvatar;
     (0, _react.useEffect)(function () {
       getComputedTextScale();
     }, [textAvatar]);
-
     /**
      * 根据字体元素宽度和头像大小动态调整缩放比例
      * @en Dynamically adjust scaling based on font element width and avatar size
      */
+
     function getComputedTextScale() {
       var _avatarRef$current, _avatarTextRef$curren;
+
       if (!isTextAvatar || !autoFixFontSize || !avatarRef || !avatarTextRef) return;
+
       var _ref = ((_avatarRef$current = avatarRef.current) == null ? void 0 : _avatarRef$current.getBoundingClientRect()) || {},
-        _ref$width = _ref.width,
-        avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
+          _ref$width = _ref.width,
+          avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
+
       var _ref2 = ((_avatarTextRef$curren = avatarTextRef.current) == null ? void 0 : _avatarTextRef$curren.getBoundingClientRect()) || {},
-        _ref2$width = _ref2.width,
-        textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
-      if (avatarWidth === 0 || textWidth === 0) return;
-      // 文本节点宽度大于头像元素时进行动态缩放
+          _ref2$width = _ref2.width,
+          textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
+
+      if (avatarWidth === 0 || textWidth === 0) return; // 文本节点宽度大于头像元素时进行动态缩放
       // @en Dynamic scaling when the width of the text node is larger than the avatar element
+
       var maxWidth = avatarWidth - 2 * autoFixFontOffset;
+
       if (textWidth > maxWidth) {
         var scale = maxWidth / textWidth;
         setTextScale(textScale * scale);
       }
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: domRef,
       style: style,
@@ -142,8 +166,8 @@ function componentGenerator(Comp) {
     }, avatarDesc)));
   });
 }
-var Avatar = componentGenerator(_image.BaseImage);
 
+var Avatar = componentGenerator(_image.BaseImage);
 /**
  * 头像展示组件，支持圆形和方形两种形状，支持图片文字头像，支持五种尺寸。
  * @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
@@ -152,7 +176,9 @@ var Avatar = componentGenerator(_image.BaseImage);
  * @name 头像
  * @name_en Avatar
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Avatar, {
   Group: _group.default
 });
+
 exports.default = _default;

package/cjs/avatar/style/css/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../image/style/css");
+
 require("./index.css");

package/cjs/avatar/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../image/style");
+
 require("./index.less");

package/cjs/badge/index.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _transition = _interopRequireDefault(require("../transition"));
+
 var _contextProvider = require("../context-provider");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * 在右上角展示徽标数字或小红点
  * @en Display the badge number or small red dot in the upper right corner
@@ -19,37 +27,40 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Badge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    text = props.text,
-    _props$dot = props.dot,
-    dot = _props$dot === void 0 ? false : _props$dot,
-    _props$maxCount = props.maxCount,
-    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-    _props$children = props.children,
-    children = _props$children === void 0 ? null : _props$children,
-    _props$absolute = props.absolute,
-    absolute = _props$absolute === void 0 ? false : _props$absolute,
-    _props$bordered = props.bordered,
-    bordered = _props$bordered === void 0 ? false : _props$bordered,
-    _props$timeout = props.timeout,
-    timeout = _props$timeout === void 0 ? 300 : _props$timeout;
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      text = props.text,
+      _props$dot = props.dot,
+      dot = _props$dot === void 0 ? false : _props$dot,
+      _props$maxCount = props.maxCount,
+      maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children,
+      _props$absolute = props.absolute,
+      absolute = _props$absolute === void 0 ? false : _props$absolute,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? false : _props$bordered,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? 300 : _props$timeout;
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
+
   function renderInnerBadge(prefix) {
     return dot ? null : /*#__PURE__*/_react.default.createElement("span", {
       className: prefix + "-text badge-text"
     }, Number(text) && Number(text) > maxCount ? maxCount + "+" : text);
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls;
+
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_transition.default, {
       in: visible,

package/cjs/badge/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/badge/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");