@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/Cell/style/index.js

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/cell/cell.scss'

package/dist/esm/Cell.js

@@ -1,103 +1,73 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+var _excluded = ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: null,
-  subTitle: null,
-  desc: '',
-  descTextAlign: 'right',
-  isLink: false,
-  icon: '',
-  roundRadius: '6px',
-  url: '',
-  to: '',
-  replace: false,
-  center: false,
-  size: '',
-  className: '',
-  iconSlot: null,
-  linkSlot: null,
-  onClick: function onClick(event) {}
+  description: null,
+  extra: null,
+  radius: "6px",
+  align: "flex-start",
+  onClick: function onClick(event) {
+  }
 });
-var Cell = function Cell(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    onClick = _defaultProps$props.onClick,
-    title = _defaultProps$props.title,
-    subTitle = _defaultProps$props.subTitle,
-    desc = _defaultProps$props.desc,
-    descTextAlign = _defaultProps$props.descTextAlign,
-    isLink = _defaultProps$props.isLink,
-    icon = _defaultProps$props.icon,
-    roundRadius = _defaultProps$props.roundRadius,
-    url = _defaultProps$props.url,
-    replace = _defaultProps$props.replace,
-    center = _defaultProps$props.center,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    iconSlot = _defaultProps$props.iconSlot,
-    linkSlot = _defaultProps$props.linkSlot,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('cell');
-  var handleClick = function handleClick(event) {
-    onClick(event);
-    if (url) {
-      replace ? window.location.replace(url) : window.location.href = url;
-    }
+var classPrefix = "nut-cell";
+var Cell = function Cell2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, title = _defaultProps$props.title, description = _defaultProps$props.description, extra = _defaultProps$props.extra, radius = _defaultProps$props.radius, align = _defaultProps$props.align, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var handleClick = function handleClick2(event) {
+    onClick2(event);
   };
-  var baseStyle = {
-    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
-  };
-  var styles = title || subTitle || icon ? {
-    textAlign: descTextAlign
-  } : {
-    textAlign: descTextAlign,
+  var baseStyle = _objectSpread(_objectSpread({}, style), {}, {
+    borderRadius: Number.isNaN(Number(radius)) ? String(radius) : "".concat(radius, "px"),
+    alignItems: align
+  });
+  var styles = title || description ? {} : {
     flex: 1
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b({
-      clickable: !!isLink,
-      center: center,
-      large: size === 'large'
-    }, [className]), " "),
-    onClick: function onClick(event) {
+    className: classNames(classPrefix, className),
+    onClick: function onClick3(event) {
       return handleClick(event);
     },
     style: baseStyle
-  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
-    className: b('icon')
-  }, iconSlot || (icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon,
-    className: "icon"
-  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
-    className: "".concat(b('title'))
+  }, rest), children || React__default.createElement(React__default.Fragment, null, title || description ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__left")
   }, title ? React__default.createElement("div", {
-    className: b('maintitle')
-  }, title) : null, subTitle ? React__default.createElement("div", {
-    className: b('subtitle')
-  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
-    className: b('value', {
-      alone: !title && !subTitle
-    }),
+    className: "".concat(classPrefix, "__title")
+  }, title) : null, description ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__description")
+  }, description) : null) : null, extra ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__extra"),
     style: styles
-  }, desc) : null, !linkSlot && isLink ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: "right",
-    className: b('link')
-  }) : linkSlot));
+  }, extra) : null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__divider")
+  })));
 };
 Cell.defaultProps = defaultProps;
-Cell.displayName = 'NutCell';
-export { Cell as default };
+Cell.displayName = "NutCell";
+export {
+  Cell as default
+};

package/dist/esm/CellGroup.js

@@ -1,5 +1,7 @@
-import { C as CellGroup } from './cellgroup-fcc72767.js';
-import 'react';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-export { CellGroup as default };
+import { C as CellGroup } from "./cellgroup2.js";
+import "react";
+import "classnames";
+import "./typings.js";
+export {
+  CellGroup as default
+};

package/dist/esm/Checkbox/style/index.js

@@ -1,3 +1,2 @@
-import '../../Icon/style'
 import '../../CheckboxGroup/style'
 import '../../../packages/checkbox/checkbox.scss'

package/dist/esm/Checkbox.js

@@ -1,8 +1,11 @@
-import { C as Checkbox } from './checkbox-44e13cd0.js';
-import 'react';
-import './Icon.js';
-import './CheckboxGroup.js';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-import './typings-f27b58f4.js';
-export { Checkbox as default };
+import { C as Checkbox } from "./checkbox2.js";
+import "react";
+import "@nutui/icons-react";
+import "./CheckboxGroup.js";
+import "./bem.js";
+import "@bem-react/classname";
+import "./typings.js";
+import "./use-props-value.js";
+export {
+  Checkbox as default
+};

package/dist/esm/CheckboxGroup.js

@@ -2,112 +2,119 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "checkedValue", "max", "textPosition", "direction", "options"],
-  _excluded2 = ["label", "value", "disabled", "onChange"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useImperativeHandle, useState, useEffect, useCallback } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import { C as Checkbox, a as CheckboxGroupContext } from './checkbox-44e13cd0.js';
-import '@bem-react/classname';
-import './Icon.js';
-import './CheckboxGroup.js';
-import './typings-f27b58f4.js';
+var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "textPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useImperativeHandle, useCallback } from "react";
+import { c as cn } from "./bem.js";
+import { C as Checkbox, a as Context } from "./checkbox2.js";
+import { u as usePropsValue } from "./use-props-value.js";
+import "@bem-react/classname";
+import "@nutui/icons-react";
+import "./CheckboxGroup.js";
+import "./typings.js";
 var defaultProps = {
   disabled: false,
-  checkedValue: [],
-  max: undefined,
-  textPosition: 'right',
-  direction: 'vertical',
-  onChange: function onChange(value) {},
+  max: void 0,
+  textPosition: "right",
+  direction: "vertical",
+  onChange: function onChange(value) {
+  },
   options: []
 };
-var CheckboxGroup = React__default.forwardRef(function (props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var b = cn('checkboxgroup');
-  var className = props.className,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    checkedValue = props.checkedValue,
-    max = props.max,
-    textPosition = props.textPosition,
-    direction = props.direction,
-    options = props.options,
-    rest = _objectWithoutProperties(props, _excluded);
-  useImperativeHandle(ref, function () {
+var CheckboxGroup = React__default.forwardRef(function(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
+  var b = cn("checkboxgroup");
+  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, textPosition = props.textPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
+  useImperativeHandle(ref, function() {
     return {
       toggleAll: function toggleAll(state) {
         if (state === false) {
-          setInnerValue([]);
+          setValue([]);
         } else {
           var childrenLabel = [];
-          React__default.Children.map(children, function (child) {
+          React__default.Children.map(children, function(child) {
             var childProps = child.props;
             childrenLabel.push(childProps.label || child.children);
           });
-          setInnerValue(childrenLabel);
+          setValue(childrenLabel);
         }
       },
       toggleReverse: function toggleReverse() {
         var childrenLabel = [];
-        React__default.Children.map(children, function (child) {
+        React__default.Children.map(children, function(child) {
           var childProps = child.props;
           childrenLabel.push(childProps.label || child.children);
         });
-        var reverse = childrenLabel.filter(function (c) {
-          return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.findIndex(function (v) {
+        var reverse = childrenLabel.filter(function(c) {
+          return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
             return v === c;
           })) === -1;
         });
-        setInnerValue(reverse);
+        setValue(reverse);
       }
     };
   });
-  var _useState = useState(checkedValue || []),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerValue = _useState2[0],
-    setInnerValue = _useState2[1];
-  useEffect(function () {
-    setInnerValue(checkedValue || []);
-  }, [checkedValue]);
-  var renderOptions = useCallback(function () {
-    return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
-      var label = _ref.label,
-        value = _ref.value,
-        disabled = _ref.disabled,
-        onChange = _ref.onChange,
-        rest = _objectWithoutProperties(_ref, _excluded2);
+  var _usePropsValue = usePropsValue({
+    value: props.value,
+    defaultValue: props.defaultValue,
+    finalValue: [],
+    onChange: onChange2
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), _value = _usePropsValue2[0], setValue = _usePropsValue2[1];
+  var renderOptions = useCallback(function() {
+    return options === null || options === void 0 ? void 0 : options.map(function(_ref) {
+      var label = _ref.label, value2 = _ref.value, disabled2 = _ref.disabled, onChange22 = _ref.onChange, rest2 = _objectWithoutProperties(_ref, _excluded2);
       return React__default.createElement(Checkbox, _objectSpread({
-        key: value === null || value === void 0 ? void 0 : value.toString(),
+        key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
         children: label,
-        label: value
-      }, rest));
+        label: value2
+      }, rest2));
     });
   }, [options, max]);
-  return React__default.createElement(CheckboxGroupContext.Provider, {
+  return React__default.createElement(Context.Provider, {
     value: {
-      textPosition: textPosition || 'left',
-      disabled: disabled,
-      max: max,
-      checkedValue: innerValue || [],
-      check: function check(value) {
-        var combined = [].concat(_toConsumableArray(innerValue), [value]);
-        setInnerValue(combined);
-        onChange && onChange(combined);
+      textPosition: textPosition || "left",
+      disabled,
+      max,
+      checkedValue: _value,
+      check: function check(value2) {
+        var combined = [].concat(_toConsumableArray(_value), [value2]);
+        setValue(combined);
+        onChange2 && onChange2(combined);
       },
-      uncheck: function uncheck(value) {
-        var reduced = innerValue.filter(function (item) {
-          return item !== value;
+      uncheck: function uncheck(value2) {
+        var reduced = _value.filter(function(item) {
+          return item !== value2;
         });
-        setInnerValue(reduced);
-        onChange && onChange(reduced);
+        setValue(reduced);
+        onChange2 && onChange2(reduced);
       }
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || '')
+    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || "")
   }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
 });
 CheckboxGroup.defaultProps = defaultProps;
-CheckboxGroup.displayName = 'NutCheckboxGroup';
-export { CheckboxGroup as default };
+CheckboxGroup.displayName = "NutCheckboxGroup";
+export {
+  CheckboxGroup as default
+};

package/dist/esm/CircleProgress.js

@@ -1,37 +1,45 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default from 'react';
-import classNames from 'classnames';
-import { a as isObject } from './index-030b7245.js';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default from "react";
+import classNames from "classnames";
+import { a as isObject } from "./index.js";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var defaultProps = {
   strokeWidth: 5,
   radius: 50,
-  strokeLinecap: 'round',
-  circleColor: '',
-  pathColor: '',
+  strokeLinecap: "round",
+  circleColor: "",
+  pathColor: "",
   clockwise: true
 };
-var CircleProgress = function CircleProgress(props) {
+var CircleProgress = function CircleProgress2(props) {
   var _stop;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    progress = _defaultProps$props.progress,
-    className = _defaultProps$props.className,
-    radius = _defaultProps$props.radius,
-    pathColor = _defaultProps$props.pathColor,
-    clockwise = _defaultProps$props.clockwise,
-    circleColor = _defaultProps$props.circleColor,
-    strokeWidth = _defaultProps$props.strokeWidth,
-    style = _defaultProps$props.style,
-    strokeLinecap = _defaultProps$props.strokeLinecap,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('circleprogress');
-  var classes = classNames(className, b(''));
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, progress = _defaultProps$props.progress, className = _defaultProps$props.className, radius = _defaultProps$props.radius, pathColor = _defaultProps$props.pathColor, clockwise = _defaultProps$props.clockwise, circleColor = _defaultProps$props.circleColor, strokeWidth = _defaultProps$props.strokeWidth, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn("circleprogress");
+  var classes = classNames(className, b(""));
   var refRandomId = Math.random().toString(36).slice(-8);
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
@@ -40,7 +48,7 @@ var CircleProgress = function CircleProgress(props) {
   var pathStyle = {
     stroke: pathColor
   };
-  var hoverStyle = function hoverStyle() {
+  var hoverStyle = function hoverStyle2() {
     var perimeter = 283;
     var offset = perimeter * Number(progress) / 100;
     return {
@@ -48,26 +56,26 @@ var CircleProgress = function CircleProgress(props) {
       strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
   };
-  var path = function path() {
+  var path = function path2() {
     var isWise = clockwise ? 1 : 0;
     return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
-  var hoverColor = function hoverColor() {
+  var hoverColor = function hoverColor2() {
     return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
   };
-  var stop = function stop() {
+  var stop = function stop2() {
     if (!isObject(circleColor)) {
       return;
     }
     var color = circleColor;
-    var colorArr = Object.keys(color).sort(function (a, b) {
-      return parseFloat(a) - parseFloat(b);
+    var colorArr = Object.keys(color).sort(function(a, b2) {
+      return parseFloat(a) - parseFloat(b2);
     });
     var stopArr = [];
-    colorArr.map(function (item) {
+    colorArr.map(function(item) {
       var obj = {
-        key: '',
-        value: ''
+        key: "",
+        value: ""
       };
       obj.key = item;
       obj.value = color[item];
@@ -86,7 +94,7 @@ var CircleProgress = function CircleProgress(props) {
     y1: "0%",
     x2: "0%",
     y2: "0%"
-  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
+  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function(item, index) {
     return React__default.createElement("stop", {
       key: index,
       offset: item.key,
@@ -97,20 +105,22 @@ var CircleProgress = function CircleProgress(props) {
     style: pathStyle,
     d: path(),
     fill: "none",
-    strokeWidth: strokeWidth
+    strokeWidth
   }), React__default.createElement("path", {
     className: "nut-circleprogress-hover",
     style: hoverStyle(),
     d: path(),
     fill: "none",
     stroke: hoverColor(),
-    strokeLinecap: strokeLinecap,
+    strokeLinecap,
     transform: "rotate(90,50,50)",
-    strokeWidth: strokeWidth
+    strokeWidth
   })), React__default.createElement("div", {
     className: "nut-circleprogress-text"
   }, children || React__default.createElement("div", null, progress, "%")));
 };
 CircleProgress.defaultProps = defaultProps;
-CircleProgress.displayName = 'NutCircleProgress';
-export { CircleProgress as default };
+CircleProgress.displayName = "NutCircleProgress";
+export {
+  CircleProgress as default
+};