@arco-design/mobile-react 2.25.4 → 2.26.0

package/cjs/checkbox/checkbox.js

@@ -1,22 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.Checkbox = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _IconCircleUnchecked = _interopRequireDefault(require("../icon/IconCircleUnchecked"));
+
 var _IconCircleChecked = _interopRequireDefault(require("../icon/IconCircleChecked"));
+
 var _IconCircleDisabled = _interopRequireDefault(require("../icon/IconCircleDisabled"));
+
 var _IconSquareChecked = _interopRequireDefault(require("../icon/IconSquareChecked"));
+
 var _IconSquareUnchecked = _interopRequireDefault(require("../icon/IconSquareUnchecked"));
+
 var _IconSquareDisabled = _interopRequireDefault(require("../icon/IconSquareDisabled"));
+
 var _group = require("./group");
+
 var _type = require("./type");
+
 var _hooks = require("./hooks");
+
 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 getDefaultIcon = function getDefaultIcon(shape, status) {
   var defaultIcons = {
     circle: {
@@ -40,35 +56,39 @@ var getDefaultIcon = function getDefaultIcon(shape, status) {
   };
   return defaultIcons[shape][status];
 };
+
 var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useMergeProps = (0, _hooks.useMergeProps)(props, _group.CheckboxGroupContext),
-    _useMergeProps$style = _useMergeProps.style,
-    style = _useMergeProps$style === void 0 ? {} : _useMergeProps$style,
-    _useMergeProps$classN = _useMergeProps.className,
-    className = _useMergeProps$classN === void 0 ? '' : _useMergeProps$classN,
-    _useMergeProps$childr = _useMergeProps.children,
-    children = _useMergeProps$childr === void 0 ? null : _useMergeProps$childr,
-    _useMergeProps$label = _useMergeProps.label,
-    label = _useMergeProps$label === void 0 ? '' : _useMergeProps$label,
-    _useMergeProps$layout = _useMergeProps.layout,
-    layout = _useMergeProps$layout === void 0 ? 'inline' : _useMergeProps$layout,
-    value = _useMergeProps.value,
-    _useMergeProps$defaul = _useMergeProps.defaultCheck,
-    defaultCheck = _useMergeProps$defaul === void 0 ? false : _useMergeProps$defaul,
-    _useMergeProps$disabl = _useMergeProps.disabled,
-    disabled = _useMergeProps$disabl === void 0 ? false : _useMergeProps$disabl,
-    _useMergeProps$shape = _useMergeProps.shape,
-    shape = _useMergeProps$shape === void 0 ? 'circle' : _useMergeProps$shape,
-    icons = _useMergeProps.icons,
-    _useMergeProps$isRadi = _useMergeProps.isRadio,
-    isRadio = _useMergeProps$isRadi === void 0 ? false : _useMergeProps$isRadi,
-    propsChecked = _useMergeProps.checked,
-    onChange = _useMergeProps.onChange;
+      _useMergeProps$style = _useMergeProps.style,
+      style = _useMergeProps$style === void 0 ? {} : _useMergeProps$style,
+      _useMergeProps$classN = _useMergeProps.className,
+      className = _useMergeProps$classN === void 0 ? '' : _useMergeProps$classN,
+      _useMergeProps$childr = _useMergeProps.children,
+      children = _useMergeProps$childr === void 0 ? null : _useMergeProps$childr,
+      _useMergeProps$label = _useMergeProps.label,
+      label = _useMergeProps$label === void 0 ? '' : _useMergeProps$label,
+      _useMergeProps$layout = _useMergeProps.layout,
+      layout = _useMergeProps$layout === void 0 ? 'inline' : _useMergeProps$layout,
+      value = _useMergeProps.value,
+      _useMergeProps$defaul = _useMergeProps.defaultCheck,
+      defaultCheck = _useMergeProps$defaul === void 0 ? false : _useMergeProps$defaul,
+      _useMergeProps$disabl = _useMergeProps.disabled,
+      disabled = _useMergeProps$disabl === void 0 ? false : _useMergeProps$disabl,
+      _useMergeProps$shape = _useMergeProps.shape,
+      shape = _useMergeProps$shape === void 0 ? 'circle' : _useMergeProps$shape,
+      icons = _useMergeProps.icons,
+      _useMergeProps$isRadi = _useMergeProps.isRadio,
+      isRadio = _useMergeProps$isRadi === void 0 ? false : _useMergeProps$isRadi,
+      propsChecked = _useMergeProps.checked,
+      onChange = _useMergeProps.onChange;
+
   var _useState = (0, _react.useState)(propsChecked === void 0 ? defaultCheck : propsChecked),
-    checked = _useState[0],
-    setChecked = _useState[1];
+      checked = _useState[0],
+      setChecked = _useState[1];
+
   var _useState2 = (0, _react.useState)(isRadio ? 'radio' : 'checkbox'),
-    componentName = _useState2[0];
+      componentName = _useState2[0];
+
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -78,27 +98,30 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     if (propsChecked !== void 0) setChecked(Boolean(propsChecked));
   }, [propsChecked]);
-
   /**
    * 获得图标样式
    * @en Get icon style
    */
+
   var getStatus = function getStatus() {
     if (checked) {
       if (disabled) return _type.IconStatus.ACTIVE_DISABLED;
       return _type.IconStatus.ACTIVE;
     }
+
     if (disabled) return _type.IconStatus.DISABLED;
     return _type.IconStatus.NORMAL;
   };
-
   /**
    * 计算展示的icon
    * @en Calculate the displayed icon
    */
+
+
   var renderIcon = function renderIcon() {
     var Icon;
     var iconKey = getStatus();
+
     if (icons && icons[iconKey] !== void 0) {
       Icon = icons[iconKey];
     } else if (icons === null) {
@@ -106,6 +129,7 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       Icon = layout === 'justify' ? getDefaultIcon('justify', iconKey) : getDefaultIcon(shape, iconKey);
     }
+
     return Icon ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(componentName + "-icon", {
         disabled: disabled,
@@ -113,22 +137,24 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       })
     }, Icon) : null;
   };
-
   /**
    * 处理点击事件
    * @en Handling click events
    */
-  var onClick = function onClick(e) {
-    if (disabled) return;
 
-    // Radio组件不支持点击取消选中
+
+  var onClick = function onClick(e) {
+    if (disabled) return; // Radio组件不支持点击取消选中
     // @en Radio component does not support click to uncheck
+
     if (isRadio && checked) return;
     onChange && onChange(!checked, value, e);
+
     if (propsChecked === void 0) {
       setChecked(!checked);
     }
   };
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {

package/cjs/checkbox/group.js

@@ -1,15 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.CheckboxGroupContext = void 0;
 exports.componentGenerator = componentGenerator;
+
 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 CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
   isGroup: false,
   shape: 'circle',
@@ -18,34 +26,38 @@ var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
   value: [],
   onChange: function onChange() {}
 });
+
 exports.CheckboxGroupContext = CheckboxGroupContext;
+
 function componentGenerator(Comp) {
   return /*#__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$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'circle' : _props$shape,
-      options = props.options,
-      icons = props.icons,
-      onChange = props.onChange,
-      value = props.value,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'inline' : _props$layout,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 0 : _props$max;
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$defaultValue = props.defaultValue,
+        defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$shape = props.shape,
+        shape = _props$shape === void 0 ? 'circle' : _props$shape,
+        options = props.options,
+        icons = props.icons,
+        onChange = props.onChange,
+        value = props.value,
+        _props$children = props.children,
+        children = _props$children === void 0 ? null : _props$children,
+        _props$layout = props.layout,
+        layout = _props$layout === void 0 ? 'inline' : _props$layout,
+        _props$min = props.min,
+        min = _props$min === void 0 ? 0 : _props$min,
+        _props$max = props.max,
+        max = _props$max === void 0 ? 0 : _props$max;
+
     var _useState = (0, _react.useState)(value || defaultValue),
-      groupValue = _useState[0],
-      setGroupValue = _useState[1];
+        groupValue = _useState[0],
+        setGroupValue = _useState[1];
+
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
@@ -55,21 +67,23 @@ function componentGenerator(Comp) {
     (0, _react.useEffect)(function () {
       value !== void 0 && setGroupValue(value);
     }, [value]);
-
     /**
      * 切换checkbox状态回调
      * @en callback when toggling checkbox state
      */
+
     var handleChange = function handleChange(checked, val) {
       if (!checked && groupValue.length <= min || max && checked && groupValue.length >= max) return;
       var newGroupValue = checked ? [].concat(groupValue, [val]) : groupValue.filter(function (item) {
         return item !== val;
       });
       onChange && onChange(newGroupValue);
+
       if (value === void 0) {
         setGroupValue(newGroupValue);
       }
     };
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {

package/cjs/checkbox/hooks/index.js

@@ -1,7 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
+
 var _useMergeProps = require("./useMergeProps");
+
 Object.keys(_useMergeProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useMergeProps[key]) return;

package/cjs/checkbox/hooks/useMergeProps.js

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.useMergeProps = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = require("react");
+
 var useMergeProps = function useMergeProps(props, groupContext) {
   var _useContext = (0, _react.useContext)(groupContext),
-    disabled = _useContext.disabled,
-    shape = _useContext.shape,
-    layout = _useContext.layout,
-    icons = _useContext.icons,
-    value = _useContext.value,
-    _onChange = _useContext.onChange,
-    isGroup = _useContext.isGroup;
+      disabled = _useContext.disabled,
+      shape = _useContext.shape,
+      layout = _useContext.layout,
+      icons = _useContext.icons,
+      value = _useContext.value,
+      _onChange = _useContext.onChange,
+      isGroup = _useContext.isGroup;
+
   if (!isGroup) return props;
   return (0, _extends2.default)({
     disabled: disabled,
@@ -26,8 +31,10 @@ var useMergeProps = function useMergeProps(props, groupContext) {
     checked: value.indexOf(props.value) > -1,
     onChange: function onChange(checked, val, e) {
       _onChange(checked, val, e);
+
       props.onChange && props.onChange(checked, val, e);
     }
   });
 };
+
 exports.useMergeProps = useMergeProps;

package/cjs/checkbox/index.js

@@ -3,23 +3,28 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _group = require("./group");
+
 var _checkbox = require("./checkbox");
+
 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];
 });
+
 /**
  * 复选项组
  * @en Checkbox group
  * @displayName CheckboxGroup
  */
 var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_checkbox.Checkbox), 'CheckboxGroup');
-
 /**
  * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。
  * @en Checkbox, click to switch selection when available, support disabled status, support checkbox group.
@@ -29,7 +34,9 @@ var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_c
  * @type_en Data Entry
  * @displayName Checkbox
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(_checkbox.Checkbox, 'Checkbox', {
   Group: Group
 });
+
 exports.default = _default;

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

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

package/cjs/checkbox/style/index.js

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

package/cjs/checkbox/type.js

@@ -2,12 +2,14 @@
 
 exports.__esModule = true;
 exports.IconStatus = void 0;
+
 /**
  * 图标状态枚举
  * @en Icon status enum
  *  */
 var IconStatus;
 exports.IconStatus = IconStatus;
+
 (function (IconStatus) {
   IconStatus["NORMAL"] = "normal";
   IconStatus["DISABLED"] = "disabled";

package/cjs/circle-progress/index.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 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 Annular progress bar component, representing percentage progress in the form of a circle
@@ -20,69 +29,76 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size;
+      size = _props$size === void 0 ? 'default' : _props$size;
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    _props$percentPositio = props.percentPosition,
-    percentPosition = _props$percentPositio === void 0 ? 'center' : _props$percentPositio,
-    _props$showPercent = props.showPercent,
-    showPercent = _props$showPercent === void 0 ? size !== 'mini' : _props$showPercent,
-    renderPercent = props.renderPercent,
-    trackColor = props.trackColor,
-    progressColor = props.progressColor,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$trackStroke = props.trackStroke,
-    trackStroke = _props$trackStroke === void 0 ? size === 'mini' ? 4 : 2 : _props$trackStroke,
-    _props$progressStroke = props.progressStroke,
-    progressStroke = _props$progressStroke === void 0 ? 4 : _props$progressStroke,
-    progressColorStart = props.progressColorStart,
-    progressColorEnd = props.progressColorEnd,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 300 : _props$duration,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$clockwise = props.clockwise,
-    clockwise = _props$clockwise === void 0 ? false : _props$clockwise,
-    _props$radius = props.radius,
-    radius = _props$radius === void 0 ? size === 'mini' ? 9 : 30 : _props$radius,
-    _props$filleted = props.filleted,
-    filleted = _props$filleted === void 0 ? size !== 'mini' : _props$filleted,
-    _props$mountedTransit = props.mountedTransition,
-    mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
-    _props$mountedBezier = props.mountedBezier,
-    mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier,
-    _props$svgKey = props.svgKey,
-    userSetSvgKey = _props$svgKey === void 0 ? '' : _props$svgKey;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$percentPositio = props.percentPosition,
+      percentPosition = _props$percentPositio === void 0 ? 'center' : _props$percentPositio,
+      _props$showPercent = props.showPercent,
+      showPercent = _props$showPercent === void 0 ? size !== 'mini' : _props$showPercent,
+      renderPercent = props.renderPercent,
+      trackColor = props.trackColor,
+      progressColor = props.progressColor,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$trackStroke = props.trackStroke,
+      trackStroke = _props$trackStroke === void 0 ? size === 'mini' ? 4 : 2 : _props$trackStroke,
+      _props$progressStroke = props.progressStroke,
+      progressStroke = _props$progressStroke === void 0 ? 4 : _props$progressStroke,
+      progressColorStart = props.progressColorStart,
+      progressColorEnd = props.progressColorEnd,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 300 : _props$duration,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$clockwise = props.clockwise,
+      clockwise = _props$clockwise === void 0 ? false : _props$clockwise,
+      _props$radius = props.radius,
+      radius = _props$radius === void 0 ? size === 'mini' ? 9 : 30 : _props$radius,
+      _props$filleted = props.filleted,
+      filleted = _props$filleted === void 0 ? size !== 'mini' : _props$filleted,
+      _props$mountedTransit = props.mountedTransition,
+      mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
+      _props$mountedBezier = props.mountedBezier,
+      mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier,
+      _props$svgKey = props.svgKey,
+      userSetSvgKey = _props$svgKey === void 0 ? '' : _props$svgKey;
   var domRef = (0, _react.useRef)(null);
   var maxStroke = Math.max(progressStroke, trackStroke);
   var circlePos = maxStroke + radius;
   var circleSize = (radius + maxStroke) * 2;
   var circleLen = 2 * Math.PI * radius;
   var percentage = Math.min(100, Math.max(props.percentage, 0));
+
   var _useGenSvgKey = (0, _helpers.useGenSvgKey)(userSetSvgKey),
-    svgKey = _useGenSvgKey.svgKey;
+      svgKey = _useGenSvgKey.svgKey;
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
   var isRenderNormal = !(Boolean(progressColorStart) && Boolean(progressColorEnd));
+
   var _useProgress = (0, _helpers.useProgress)(mountedTransition, percentage, duration, mountedBezier, step),
-    currentPercentage = _useProgress[0],
-    transitionControl = _useProgress[1];
+      currentPercentage = _useProgress[0],
+      transitionControl = _useProgress[1];
+
   var color = (0, _react.useMemo)(function () {
     if (isRenderNormal) {
       if (progressColorStart) {
         return progressColorStart;
       }
+
       if (progressColorEnd) {
         return progressColorEnd;
       }
+
       return progressColor;
     }
   }, [progressColorStart, progressColorEnd, progressColor]);
+
   function renderNormalProgress() {
     return /*#__PURE__*/_react.default.createElement("circle", {
       cx: circlePos,
@@ -102,6 +118,7 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       fill: "none"
     });
   }
+
   function renderLinearGradient() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
       id: svgKey + "-grad-circle-progress",
@@ -139,9 +156,11 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       fill: "none"
     }));
   }
+
   function renderProgress() {
     return isRenderNormal ? renderNormalProgress() : renderLinearGradient();
   }
+
   function renderCircleProgress(_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -179,6 +198,7 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%") : null);
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderCircleProgress);
 });
 var _default = CircleProgress;

package/cjs/circle-progress/style/css/index.js

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

package/cjs/circle-progress/style/index.js

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