@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/Card.js

@@ -1,80 +1,46 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import Price from "./Price.js";
 import Tag from "./Tag.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  src: "",
-  title: "",
-  price: "",
-  vipPrice: "",
-  shopDescription: "",
-  delivery: "",
-  shopName: "",
-  description: "",
-  tag: "",
-  priceTag: "",
-  extra: ""
-});
-var Card = function Card2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, src = _defaultProps$props.src, title = _defaultProps$props.title, price = _defaultProps$props.price, vipPrice = _defaultProps$props.vipPrice, shopDescription = _defaultProps$props.shopDescription, delivery = _defaultProps$props.delivery, shopName = _defaultProps$props.shopName, tag = _defaultProps$props.tag, priceTag = _defaultProps$props.priceTag, description = _defaultProps$props.description, extra = _defaultProps$props.extra, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-card";
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    style
-  }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-left")
-  }, React__default.createElement("img", {
-    src,
-    alt: ""
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-title")
-  }, title), description, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-price")
-  }, React__default.createElement(Price, {
-    size: "normal",
-    price
-  }), priceTag || React__default.createElement(Price, {
-    size: "normal",
-    className: "".concat(classPrefix, "-right-price-origin"),
-    price: vipPrice
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-other")
-  }, tag || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
-    type: "danger"
-  }, shopDescription), React__default.createElement(Tag, {
-    plain: true
-  }, delivery))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-shop")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-shop-name")
-  }, shopName), extra)));
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", title: "", price: "", vipPrice: "", shopDescription: "", delivery: "", shopName: "", description: "", tag: "", priceTag: "", extra: "" });
+const Card = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, src, title, price, vipPrice, shopDescription, delivery, shopName, tag, priceTag, description, extra } = _a, rest = __rest(_a, ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"]);
+  const classPrefix = "nut-card";
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className), style }, rest),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-left` },
+      React__default.createElement("img", { src, alt: "" })
+    ),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-right` },
+      React__default.createElement("div", { className: `${classPrefix}-right-title` }, title),
+      description,
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-right-price` },
+        React__default.createElement(Price, { size: "normal", price }),
+        priceTag || React__default.createElement(Price, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
+      ),
+      React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(Tag, { type: "danger" }, shopDescription),
+        React__default.createElement(Tag, { plain: true }, delivery)
+      )),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-right-shop` },
+        React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
+        extra
+      )
+    )
+  );
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";

package/dist/esm/Cell.js

@@ -1,73 +1,38 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import CellGroup from "./CellGroup.js";
 import { C as CellGroupContext } from "./context.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: null,
-  description: null,
-  extra: null,
-  radius: "6px",
-  align: "flex-start",
-  onClick: function onClick(event) {
-  }
-});
-var classPrefix = "nut-cell";
-var Cell = function Cell2(props) {
-  var ctx = useContext(CellGroupContext);
-  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);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", onClick: (event) => {
+} });
+const classPrefix = "nut-cell";
+const Cell = (props) => {
+  const ctx = useContext(CellGroupContext);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, onClick, title, description, extra, radius, align, className, style } = _a, rest = __rest(_a, ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"]);
+  const handleClick = (event) => {
+    onClick(event);
   };
-  var baseStyle = _objectSpread(_objectSpread({}, style), {}, {
-    borderRadius: Number.isNaN(Number(radius)) ? String(radius) : "".concat(radius, "px"),
-    alignItems: align
-  });
-  var styles = title || description ? {} : {
+  const baseStyle = Object.assign(Object.assign({}, style), { borderRadius: Number.isNaN(Number(radius)) ? String(radius) : `${radius}px`, alignItems: align });
+  const styles = title || description ? {} : {
     flex: 1
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    onClick: function onClick3(event) {
-      return handleClick(event);
-    },
-    style: baseStyle
-  }, 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: "".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
-  }, extra) : null), ctx !== null && ctx !== void 0 && ctx.divider ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-divider")
-  }) : null);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className), onClick: (event) => handleClick(event), style: baseStyle }, rest),
+    children || React__default.createElement(
+      React__default.Fragment,
+      null,
+      title || description ? React__default.createElement(
+        "div",
+        { className: `${classPrefix}-left` },
+        title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+        description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null
+      ) : null,
+      extra ? React__default.createElement("div", { className: `${classPrefix}-extra`, style: styles }, extra) : null
+    ),
+    (ctx === null || ctx === void 0 ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
+  );
 };
 Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";

package/dist/esm/CellGroup.js

@@ -1,52 +1,23 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "title", "description", "divider"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { C as CellGroupContext } from "./context.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: "",
-  description: "",
-  divider: true
-});
-var classPrefix = "nut-cell-group";
-var CellGroup = function CellGroup2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, divider = _defaultProps$props.divider, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className)
-  }, rest), title ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }, title) : null, description ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-description")
-  }, description) : null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-wrap ").concat(divider ? "".concat(classPrefix, "-wrap-divider") : "")
-  }, React__default.createElement(CellGroupContext.Provider, {
-    value: {
-      divider
-    }
-  }, children)));
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", divider: true });
+const classPrefix = "nut-cell-group";
+const CellGroup = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, title, description, divider } = _a, rest = __rest(_a, ["children", "className", "style", "title", "description", "divider"]);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className) }, rest),
+    title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+    description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null,
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` },
+      React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
+    )
+  );
 };
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = "NutCellGroup";

package/dist/esm/CheckboxGroup.js

@@ -1,122 +1,86 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useImperativeHandle, useCallback } from "react";
 import classNames from "classnames";
 import { C as Checkbox, a as Context } from "./checkbox2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = {
+const defaultProps = {
   max: void 0,
   min: void 0,
   labelPosition: "right",
   direction: "vertical",
-  onChange: function onChange(value) {
+  onChange: (value) => {
   },
-  onLimit: function onLimit(type) {
+  onLimit: (type) => {
   },
   options: []
 };
-var classPrefix = "nut-checkboxgroup";
-var CheckboxGroup = React__default.forwardRef(function(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, onChange2 = _defaultProps$props.onChange, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, max = _defaultProps$props.max, min = _defaultProps$props.min, onLimit2 = _defaultProps$props.onLimit, labelPosition = _defaultProps$props.labelPosition, direction = _defaultProps$props.direction, options = _defaultProps$props.options, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  useImperativeHandle(ref, function() {
-    return {
-      toggle: function toggle(state) {
-        if (state === false) {
-          setValue([]);
-        } else {
-          var childrenLabel = [];
-          React__default.Children.map(children, function(child) {
-            var childProps = child.props;
-            childrenLabel.push(childProps.value);
-          });
-          setValue(childrenLabel);
-        }
-      },
-      reverse: function reverse() {
-        var childrenLabel = [];
-        React__default.Children.map(children, function(child) {
-          var childProps = child.props;
+const classPrefix = "nut-checkboxgroup";
+const CheckboxGroup = React__default.forwardRef((props, ref) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, disabled, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
+  useImperativeHandle(ref, () => ({
+    toggle(state) {
+      if (state === false) {
+        setValue([]);
+      } else {
+        const childrenLabel = [];
+        React__default.Children.map(children, (child) => {
+          const childProps = child.props;
           childrenLabel.push(childProps.value);
         });
-        var reverse2 = childrenLabel.filter(function(c) {
-          return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
-            return v === c;
-          })) === -1;
-        });
-        setValue(reverse2);
+        setValue(childrenLabel);
       }
-    };
-  });
-  var _usePropsValue = usePropsValue({
+    },
+    reverse() {
+      const childrenLabel = [];
+      React__default.Children.map(children, (child) => {
+        const childProps = child.props;
+        childrenLabel.push(childProps.value);
+      });
+      const reverse = childrenLabel.filter((c) => (_value === null || _value === void 0 ? void 0 : _value.findIndex((v) => v === c)) === -1);
+      setValue(reverse);
+    }
+  }));
+  const [_value, setValue] = 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: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
-        label,
-        disabled: disabled2,
-        value: value2
-      }, rest2));
+    onChange
+  });
+  const renderOptions = useCallback(() => {
+    return options === null || options === void 0 ? void 0 : options.map((_a2) => {
+      var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
+      return React__default.createElement(Checkbox, Object.assign({ key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), label, disabled: disabled2, value: value2 }, rest2));
     });
   }, [options, max, min]);
-  return React__default.createElement(Context.Provider, {
-    value: {
+  return React__default.createElement(
+    Context.Provider,
+    { value: {
       labelPosition: labelPosition || "right",
       disabled,
       max,
-      onLimit: onLimit2,
+      onLimit,
       value: _value,
-      check: function check(value2) {
-        var combined = [].concat(_toConsumableArray(_value), [value2]);
+      check: (value2) => {
+        const combined = [..._value, value2];
         if (max !== void 0) {
           if (combined.length > max) {
-            return onLimit2 === null || onLimit2 === void 0 ? void 0 : onLimit2("max");
+            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
           }
         }
         setValue(combined);
       },
-      uncheck: function uncheck(value2) {
-        var reduced = _value.filter(function(item) {
-          return item !== value2;
-        });
+      uncheck: (value2) => {
+        const reduced = _value.filter((item) => item !== value2);
         if (min !== void 0 && reduced.length < min) {
-          return onLimit2 === null || onLimit2 === void 0 ? void 0 : onLimit2("min");
+          return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
         }
         setValue(reduced);
       }
-    }
-  }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "nut-checkboxgroup-".concat(props.direction), props.direction), className)
-  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
+    } },
+    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
+      [`nut-checkboxgroup-${props.direction}`]: props.direction
+    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
+  );
 });
 CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.displayName = "NutCheckboxGroup";

package/dist/esm/CircleProgress.js

@@ -1,75 +1,40 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { a as isObject } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  strokeWidth: 5,
-  radius: 50,
-  strokeLinecap: "round",
-  color: "#fa2c19",
-  background: "#e5e9f2",
-  clockwise: true
-});
-var classPrefix = "nut-circleprogress";
-var CircleProgress = function CircleProgress2(props) {
-  var _stop;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = classNames(classPrefix, className);
-  var refRandomId = Math.random().toString(36).slice(-8);
-  var styles = _objectSpread({
-    height: "".concat(Number(radius) * 2, "px"),
-    width: "".concat(Number(radius) * 2, "px")
-  }, style);
-  var pathStyle = {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { strokeWidth: 5, radius: 50, strokeLinecap: "round", color: "#fa2c19", background: "#e5e9f2", clockwise: true });
+const classPrefix = `nut-circleprogress`;
+const CircleProgress = (props) => {
+  var _a;
+  const _b = Object.assign(Object.assign({}, defaultProps), props), { children, percent, className, radius, clockwise, strokeWidth, color, background, style, strokeLinecap } = _b, restProps = __rest(_b, ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"]);
+  const classes = classNames(classPrefix, className);
+  const refRandomId = Math.random().toString(36).slice(-8);
+  const styles = Object.assign({ height: `${Number(radius) * 2}px`, width: `${Number(radius) * 2}px` }, style);
+  const pathStyle = {
     stroke: background
   };
-  var hoverStyle = function hoverStyle2() {
-    var perimeter = 283;
-    var offset = perimeter * Number(percent) / 100;
+  const hoverStyle = () => {
+    const perimeter = 283;
+    const offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(color) ? "url(#".concat(refRandomId, ")") : color,
-      strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
+      stroke: isObject(color) ? `url(#${refRandomId})` : color,
+      strokeDasharray: `${offset}px ${perimeter}px`
     };
   };
-  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");
+  const path = () => {
+    const isWise = clockwise ? 1 : 0;
+    return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
-  var stop = function stop2() {
+  const stop = () => {
     if (!isObject(props.color)) {
       return;
     }
-    var color2 = props.color;
-    var colorArr = Object.keys(color2).sort(function(a, b) {
-      return parseFloat(a) - parseFloat(b);
-    });
-    var stopArr = [];
-    colorArr.forEach(function(item) {
-      var obj = {
+    const color2 = props.color;
+    const colorArr = Object.keys(color2).sort((a, b) => parseFloat(a) - parseFloat(b));
+    const stopArr = [];
+    colorArr.forEach((item) => {
+      const obj = {
         key: "",
         value: ""
       };
@@ -79,40 +44,24 @@ var CircleProgress = function CircleProgress2(props) {
     });
     return stopArr;
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style: styles
-  }, restProps), React__default.createElement("svg", {
-    viewBox: "0 0 100 100"
-  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
-    id: refRandomId,
-    x1: "100%",
-    y1: "0%",
-    x2: "0%",
-    y2: "0%"
-  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function(item, index) {
-    return React__default.createElement("stop", {
-      key: index,
-      offset: item.key,
-      stopColor: item.value
-    });
-  }))), React__default.createElement("path", {
-    className: "nut-circleprogress-path",
-    d: path(),
-    style: pathStyle,
-    fill: "none",
-    strokeWidth
-  }), React__default.createElement("path", {
-    className: "nut-circleprogress-hover",
-    style: hoverStyle(),
-    d: path(),
-    fill: "none",
-    strokeLinecap,
-    transform: "rotate(90,50,50)",
-    strokeWidth
-  })), React__default.createElement("div", {
-    className: "nut-circleprogress-text"
-  }, children));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style: styles }, restProps),
+    React__default.createElement(
+      "svg",
+      { viewBox: "0 0 100 100" },
+      React__default.createElement(
+        "defs",
+        null,
+        React__default.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a = stop()) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
+          return React__default.createElement("stop", { key: index, offset: item.key, stopColor: item.value });
+        }))
+      ),
+      React__default.createElement("path", { className: "nut-circleprogress-path", d: path(), style: pathStyle, fill: "none", strokeWidth }),
+      React__default.createElement("path", { className: "nut-circleprogress-hover", style: hoverStyle(), d: path(), fill: "none", strokeLinecap, transform: "rotate(90,50,50)", strokeWidth })
+    ),
+    React__default.createElement("div", { className: "nut-circleprogress-text" }, children)
+  );
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";