@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/action-sheet/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _exports.methodsGenerator = methodsGenerator;
@@ -22,29 +23,36 @@
   _react = _interopRequireWildcard(_react);
   _popup = _interopRequireDefault(_popup);
   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) {
@@ -53,6 +61,7 @@
         });
       }
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
@@ -88,6 +97,7 @@
       }, cancelText) : null);
     });
   });
+
   function methodsGenerator(Comp) {
     return {
       /**
@@ -99,8 +109,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
-  var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
 
+  var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
   /**
    * 动作面板组件
    * @en ActionSheet Component
@@ -109,6 +119,8 @@
    * @name 动作面板
    * @name_en ActionSheet
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(ActionSheet, methodsGenerator(ActionSheetWithGlobalContext));
+
   _exports.default = _default;
 });

package/umd/action-sheet/methods.js

@@ -15,6 +15,7 @@
 
   _exports.__esModule = true;
   _exports.open = open;
+
   function open(Component) {
     return (0, _methods.open)(Component, 'ARCO_ACTION_SHEET');
   }

package/umd/avatar/group.js

@@ -14,38 +14,46 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = _exports.Group = _exports.AvatarGroupContext = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   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/umd/avatar/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     componentGenerator: true
@@ -30,95 +31,109 @@
     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,
@@ -151,8 +166,8 @@
       }, 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.
@@ -161,8 +176,10 @@
    * @name 头像
    * @name_en Avatar
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Avatar, {
     Group: _group.default
   });
+
   _exports.default = _default;
 });

package/umd/badge/index.js

@@ -14,12 +14,16 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _transition = _interopRequireDefault(_transition);
+
   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
@@ -30,37 +34,40 @@
    */
   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/umd/button/hooks.js

@@ -15,6 +15,7 @@
 
   _exports.__esModule = true;
   _exports.useCustomColor = void 0;
+
   var formatColorStatus = function formatColorStatus(color) {
     if (!color) return null;
     return typeof color === 'string' ? {
@@ -22,23 +23,23 @@
       active: color,
       disabled: color
     } : color;
-  };
-
-  // 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
+  }; // 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
   // @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
+
+
   var diffColor = function diffColor(color) {
     return color && (typeof color === 'string' ? color : Object.values(color).join('-'));
-  };
-
-  // 允许传入定制所有颜色，忽略的值会继续走原生的颜色
+  }; // 允许传入定制所有颜色，忽略的值会继续走原生的颜色
   // @en Allows to pass in all custom colors, ignored values will continue to use native colors
+
+
   var useCustomColor = function useCustomColor(_ref) {
     var color = _ref.color,
-      bgColor = _ref.bgColor,
-      borderColor = _ref.borderColor,
-      active = _ref.isActive,
-      disabled = _ref.disabled,
-      halfBorder = _ref.halfBorder;
+        bgColor = _ref.bgColor,
+        borderColor = _ref.borderColor,
+        active = _ref.isActive,
+        disabled = _ref.disabled,
+        halfBorder = _ref.halfBorder;
     var state = {
       active: active,
       disabled: disabled
@@ -46,9 +47,10 @@
     var priority = ['active', 'disabled'];
     var styleConfig = (0, _react.useMemo)(function () {
       var _map = [color, bgColor, borderColor].map(formatColorStatus),
-        fmtColor = _map[0],
-        fmtBgColor = _map[1],
-        fmtBorderColor = _map[2];
+          fmtColor = _map[0],
+          fmtBgColor = _map[1],
+          fmtBorderColor = _map[2];
+
       return {
         color: fmtColor,
         borderColor: fmtBorderColor,
@@ -59,7 +61,8 @@
       var res = {};
       Object.entries(styleConfig).forEach(function (_ref2) {
         var styleName = _ref2[0],
-          fmtColorConfig = _ref2[1];
+            fmtColorConfig = _ref2[1];
+
         if (fmtColorConfig) {
           var styleColor = fmtColorConfig.normal;
           priority.forEach(function (key) {
@@ -81,5 +84,6 @@
       customColorClass: customColorClass
     };
   };
+
   _exports.useCustomColor = useCustomColor;
 });

package/umd/button/index.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _loading = _interopRequireDefault(_loading);
+
   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 Using for starting an immediate action
@@ -31,78 +35,88 @@
    */
   var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _ref, _cls;
+
     var _useState = (0, _react.useState)(false),
-      isActive = _useState[0],
-      setActive = _useState[1];
+        isActive = _useState[0],
+        setActive = _useState[1];
+
     var system = (0, _helpers.useSystem)();
     var _props$type = props.type,
-      type = _props$type === void 0 ? 'primary' : _props$type,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? false : _props$inline,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableWhenLoa = props.disableWhenLoading,
-      disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'semi' : _props$shape,
-      _props$halfBorder = props.halfBorder,
-      halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
-      icon = props.icon,
-      _props$showTextWhenLo = props.showTextWhenLoading,
-      showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
-      _props$needActive = props.needActive,
-      needActive = _props$needActive === void 0 ? true : _props$needActive,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      color = props.color,
-      bgColor = props.bgColor,
-      borderColor = props.borderColor,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      loadingIcon = props.loadingIcon,
-      onClick = props.onClick,
-      onClickDisabled = props.onClickDisabled,
-      _props$coverIconWhenL = props.coverIconWhenLoading,
-      coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
+        type = _props$type === void 0 ? 'primary' : _props$type,
+        _props$size = props.size,
+        size = _props$size === void 0 ? 'large' : _props$size,
+        _props$inline = props.inline,
+        inline = _props$inline === void 0 ? false : _props$inline,
+        _props$loading = props.loading,
+        loading = _props$loading === void 0 ? false : _props$loading,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$disableWhenLoa = props.disableWhenLoading,
+        disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
+        _props$shape = props.shape,
+        shape = _props$shape === void 0 ? 'semi' : _props$shape,
+        _props$halfBorder = props.halfBorder,
+        halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
+        icon = props.icon,
+        _props$showTextWhenLo = props.showTextWhenLoading,
+        showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
+        _props$needActive = props.needActive,
+        needActive = _props$needActive === void 0 ? true : _props$needActive,
+        _props$style = props.style,
+        style = _props$style === void 0 ? {} : _props$style,
+        color = props.color,
+        bgColor = props.bgColor,
+        borderColor = props.borderColor,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$children = props.children,
+        children = _props$children === void 0 ? null : _props$children,
+        loadingIcon = props.loadingIcon,
+        onClick = props.onClick,
+        onClickDisabled = props.onClickDisabled,
+        _props$coverIconWhenL = props.coverIconWhenLoading,
+        coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
     var domRef = (0, _react.useRef)(null);
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+        prefixCls = _useContext.prefixCls;
+
     var prefix = prefixCls + "-button";
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
     });
+
     var _useCustomColor = (0, _hooks.useCustomColor)({
-        color: color,
-        bgColor: bgColor,
-        borderColor: borderColor,
-        isActive: isActive,
-        disabled: disabled,
-        halfBorder: halfBorder
-      }),
-      customColorClass = _useCustomColor.customColorClass,
-      customColorStyle = _useCustomColor.customColorStyle;
+      color: color,
+      bgColor: bgColor,
+      borderColor: borderColor,
+      isActive: isActive,
+      disabled: disabled,
+      halfBorder: halfBorder
+    }),
+        customColorClass = _useCustomColor.customColorClass,
+        customColorStyle = _useCustomColor.customColorStyle;
+
     var handleTouchStart = function handleTouchStart() {
       if (needActive && !disabled && !loading) {
         setActive(true);
       }
     };
+
     var handleTouchEnd = function handleTouchEnd() {
       setActive(false);
     };
+
     var renderIcon = function renderIcon() {
       if (coverIconWhenLoading) {
         return loading ? null : icon;
       }
+
       return icon;
     };
+
     return /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
       ref: domRef,