@nutui/nutui-react 2.3.11 → 2.3.12

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";

package/dist/esm/Col.js

@@ -1,61 +1,30 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 React__default, { useState, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./UserContext.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  span: "24",
-  offset: "0",
-  gutter: "0"
-});
-var Col = function Col2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, span = _defaultProps$props.span, offset = _defaultProps$props.offset, children = _defaultProps$props.children, _onClick = _defaultProps$props.onClick;
-  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), colName = _useState2[0], setColName = _useState2[1];
-  var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), colStyle = _useState4[0], setColStyle = _useState4[1];
-  var _useContext = useContext(DataContext), gutter = _useContext.gutter;
-  var classs = function classs2() {
-    var prefixCls = "nut-col";
-    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : "", " ").concat(prefixCls, "-offset-").concat(offset);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { span: "24", offset: "0", gutter: "0" });
+const Col = (props) => {
+  const { className, style, span, offset, children, onClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const [colName, setColName] = useState("");
+  const [colStyle, setColStyle] = useState({});
+  const { gutter } = useContext(DataContext);
+  const classs = () => {
+    const prefixCls = "nut-col";
+    return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-offset-${offset}`;
   };
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    style2.paddingLeft = "".concat(gutter / 2, "px");
-    style2.paddingRight = "".concat(gutter / 2, "px");
+  const getStyle = () => {
+    const style2 = {};
+    style2.paddingLeft = `${gutter / 2}px`;
+    style2.paddingRight = `${gutter / 2}px`;
     return style2;
   };
-  useEffect(function() {
+  useEffect(() => {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
-  return React__default.createElement("div", {
-    className: classNames(colName, className),
-    style: _objectSpread(_objectSpread({}, style), colStyle),
-    onClick: function onClick(e) {
-      _onClick && _onClick(e, "col");
-    }
-  }, children);
+  return React__default.createElement("div", { className: classNames(colName, className), style: Object.assign(Object.assign({}, style), colStyle), onClick: (e) => {
+    onClick && onClick(e, "col");
+  } }, children);
 };
 Col.defaultProps = defaultProps;
 Col.displayName = "NutCol";

package/dist/esm/Collapse.js

@@ -1,50 +1,22 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 React__default, { useCallback } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { a as CollapseContext, C as CollapseItem } from "./collapseitem2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  defaultActiveName: [],
-  accordion: false,
-  expandIcon: null,
-  rotate: 180
-});
-var Collapse = function Collapse2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, activeName = _defaultProps$props.activeName, defaultActiveName = _defaultProps$props.defaultActiveName, accordion = _defaultProps$props.accordion, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, onChange = _defaultProps$props.onChange;
-  var classPrefix = "nut-collapse";
-  var _usePropsValue = usePropsValue({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultActiveName: [], accordion: false, expandIcon: null, rotate: 180 });
+const Collapse = (props) => {
+  const { className, style, children, activeName, defaultActiveName, accordion, expandIcon, rotate, onChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-collapse";
+  const [value, setValue] = usePropsValue({
     value: activeName,
     defaultValue: defaultActiveName,
     finalValue: []
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
-  var changeVal = function changeVal2(newValue, name, isOpen2) {
+  });
+  const changeVal = (newValue, name, isOpen2) => {
     setValue(newValue);
     onChange && onChange(newValue, name, isOpen2);
   };
-  var updateValue = function updateValue2(name) {
+  const updateValue = (name) => {
     if (accordion) {
       if (value === name) {
         changeVal("", name, false);
@@ -53,19 +25,17 @@ var Collapse = function Collapse2(props) {
       }
     } else if (Array.isArray(value)) {
       if (value.includes(name)) {
-        var newValue = value.filter(function(v) {
-          return v !== name;
-        });
+        const newValue = value.filter((v) => v !== name);
         changeVal(newValue, name, false);
       } else {
-        var _newValue = value.concat([name]);
-        changeVal(_newValue, name, true);
+        const newValue = value.concat([name]);
+        changeVal(newValue, name, true);
       }
     } else {
       console.warn("[NutUI] <Collapse> 未开启手风琴模式时 activeName 应为数组");
     }
   };
-  var isOpen = useCallback(function(name) {
+  const isOpen = useCallback((name) => {
     if (accordion) {
       return value === name;
     }
@@ -74,17 +44,16 @@ var Collapse = function Collapse2(props) {
     }
     return false;
   }, [accordion, value]);
-  return React__default.createElement(CollapseContext.Provider, {
-    value: {
+  return React__default.createElement(
+    CollapseContext.Provider,
+    { value: {
       isOpen,
       updateValue,
       expandIcon,
       rotate
-    }
-  }, React__default.createElement("div", {
-    className: classNames(classPrefix, className),
-    style
-  }, children));
+    } },
+    React__default.createElement("div", { className: classNames(classPrefix, className), style }, children)
+  );
 };
 Collapse.defaultProps = defaultProps;
 Collapse.displayName = "NutCollapse";

package/dist/esm/CollapseItem.js

@@ -1,7 +1,4 @@
 import { C as CollapseItem } from "./collapseitem2.js";
-import "react";
-import "classnames";
-import "./typings.js";
 export {
   CollapseItem as default
 };

package/dist/esm/ConfigProvider.js

@@ -1,10 +1,9 @@
 import { C as ConfigProvider } from "./configprovider2.js";
-import { g, s, u } from "./configprovider2.js";
-import "react";
-import "classnames";
+import { g, s, u, a } from "./configprovider2.js";
 export {
   ConfigProvider as default,
   g as getDefaultConfig,
   s as setDefaultConfig,
-  u as useConfig
+  u as useConfig,
+  a as useRtl
 };

package/dist/esm/CountDown.js

@@ -1,49 +1,15 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
-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, { useState, useRef, useImperativeHandle, useEffect } from "react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { p as padZero } from "./pad-zero.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  paused: false,
-  startTime: Date.now(),
-  endTime: Date.now(),
-  remainingTime: 0,
-  millisecond: false,
-  format: "HH:mm:ss",
-  autoStart: true,
-  time: 0,
-  destroy: false
-});
-var InternalCountDown = function InternalCountDown2(props, ref) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { paused: false, startTime: Date.now(), endTime: Date.now(), remainingTime: 0, millisecond: false, format: "HH:mm:ss", autoStart: true, time: 0, destroy: false });
+const InternalCountDown = (props, ref) => {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, remainingTime = _defaultProps$props.remainingTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, destroy = _defaultProps$props.destroy, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-countdown";
-  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), restTimeStamp = _useState2[0], setRestTime = _useState2[1];
-  var stateRef = useRef({
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children } = _a, rest = __rest(_a, ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"]);
+  const classPrefix = "nut-countdown";
+  const [restTimeStamp, setRestTime] = useState(0);
+  const stateRef = useRef({
     pauseTime: 0,
     curr: 0,
     isPaused: paused,
@@ -55,14 +21,14 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     diffTime: 0
     // 设置了 startTime 时，与 date.now() 的差异
   });
-  var getTimeStamp = function getTimeStamp2(timeStr) {
+  const getTimeStamp = (timeStr) => {
     if (!timeStr)
       return Date.now();
-    var t = timeStr;
+    let t = timeStr;
     t = t > 0 ? +t : t.toString().replace(/-/g, "/");
     return new Date(t).getTime();
   };
-  var initTime = function initTime2() {
+  const initTime = () => {
     if (remainingTime) {
       stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
     } else {
@@ -73,11 +39,11 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       stateRef.current.counting = true;
     tick();
   };
-  var tick = function tick2() {
-    stateRef.current.timer = requestAnimationFrame(function() {
+  const tick = () => {
+    stateRef.current.timer = requestAnimationFrame(() => {
       if (stateRef.current.counting) {
-        var currentTime = Date.now() - stateRef.current.diffTime;
-        var remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
+        const currentTime = Date.now() - stateRef.current.diffTime;
+        const remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
         stateRef.current.restTime = remainTime;
         setRestTime(remainTime);
         if (!remainTime) {
@@ -86,24 +52,24 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
           onEnd && onEnd();
         }
         if (remainTime > 0) {
-          tick2();
+          tick();
         }
       }
     });
   };
-  var formatRemainTime = function formatRemainTime2(t, type) {
-    var ts = t;
-    var rest2 = {
+  const formatRemainTime = (t, type) => {
+    const ts = t;
+    const rest2 = {
       d: 0,
       h: 0,
       m: 0,
       s: 0,
       ms: 0
     };
-    var SECOND = 1e3;
-    var MINUTE = 60 * SECOND;
-    var HOUR = 60 * MINUTE;
-    var DAY = 24 * HOUR;
+    const SECOND = 1e3;
+    const MINUTE = 60 * SECOND;
+    const HOUR = 60 * MINUTE;
+    const DAY = 24 * HOUR;
     if (ts > 0) {
       rest2.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
       rest2.h = Math.floor(ts % DAY / HOUR);
@@ -111,12 +77,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       rest2.s = Math.floor(ts % MINUTE / SECOND);
       rest2.ms = Math.floor(ts % SECOND);
     }
-    return type === "custom" ? rest2 : parseFormat(_objectSpread({}, rest2));
+    return type === "custom" ? rest2 : parseFormat(Object.assign({}, rest2));
   };
-  var parseFormat = function parseFormat2(time2) {
-    var d = time2.d;
-    var h = time2.h, m = time2.m, s = time2.s, ms = time2.ms;
-    var formatCache = format;
+  const parseFormat = (time2) => {
+    const { d } = time2;
+    let { h, m, s, ms } = time2;
+    let formatCache = format;
     if (formatCache.includes("DD")) {
       formatCache = formatCache.replace("DD", padZero(d));
     } else {
@@ -138,7 +104,7 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       ms += Number(s) * 1e3;
     }
     if (formatCache.includes("S")) {
-      var msC = padZero(ms, 3).toString();
+      const msC = padZero(ms, 3).toString();
       if (formatCache.includes("SSS")) {
         formatCache = formatCache.replace("SSS", msC);
       } else if (formatCache.includes("SS")) {
@@ -149,40 +115,38 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     }
     return formatCache;
   };
-  var pause = function pause2() {
+  const pause = () => {
     cancelAnimationFrame(stateRef.current.timer);
     stateRef.current.counting = false;
     onPaused && onPaused(stateRef.current.restTime);
   };
-  useImperativeHandle(ref, function() {
-    return {
-      start: function start() {
-        if (!stateRef.current.counting && !autoStart) {
-          stateRef.current.counting = true;
-          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-          tick();
-          onRestart && onRestart(stateRef.current.restTime);
-        }
-      },
-      pause: function pause2() {
-        cancelAnimationFrame(stateRef.current.timer);
-        stateRef.current.counting = false;
-        onPaused && onPaused(stateRef.current.restTime);
-      },
-      reset: function reset() {
-        if (!autoStart) {
-          pause();
-          stateRef.current.restTime = time;
-          setRestTime(time);
-        }
+  useImperativeHandle(ref, () => ({
+    start: () => {
+      if (!stateRef.current.counting && !autoStart) {
+        stateRef.current.counting = true;
+        stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+        tick();
+        onRestart && onRestart(stateRef.current.restTime);
       }
-    };
-  });
-  useEffect(function() {
-    var tranTime = formatRemainTime(stateRef.current.restTime, "custom");
+    },
+    pause: () => {
+      cancelAnimationFrame(stateRef.current.timer);
+      stateRef.current.counting = false;
+      onPaused && onPaused(stateRef.current.restTime);
+    },
+    reset: () => {
+      if (!autoStart) {
+        pause();
+        stateRef.current.restTime = time;
+        setRestTime(time);
+      }
+    }
+  }));
+  useEffect(() => {
+    const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
     onUpdate && onUpdate(tranTime);
   }, [restTimeStamp]);
-  useEffect(function() {
+  useEffect(() => {
     if (stateRef.current.isIninted) {
       if (paused) {
         if (stateRef.current.counting) {
@@ -198,12 +162,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       }
     }
   }, [paused]);
-  useEffect(function() {
+  useEffect(() => {
     if (stateRef.current.isIninted) {
       initTime();
     }
   }, [endTime, startTime, remainingTime]);
-  useEffect(function() {
+  useEffect(() => {
     if (autoStart) {
       initTime();
     } else {
@@ -215,24 +179,21 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     }
     return componentWillUnmount;
   }, []);
-  var componentWillUnmount = function componentWillUnmount2() {
+  const componentWillUnmount = () => {
     destroy && cancelAnimationFrame(stateRef.current.timer);
   };
-  var renderTime = function() {
+  const renderTime = (() => {
     return formatRemainTime(stateRef.current.restTime);
-  }();
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className),
-    style: _objectSpread({}, style)
-  }, rest), children || React__default.createElement("div", {
-    className: "".concat(classPrefix, "-block"),
+  })();
+  return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style: Object.assign({}, style) }, rest), children || React__default.createElement("div", {
+    className: `${classPrefix}-block`,
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
-      __html: "".concat(renderTime)
+      __html: `${renderTime}`
     }
   }));
 };
-var CountDown = React__default.forwardRef(InternalCountDown);
+const CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps;
 CountDown.displayName = "NutCountDown";
 export {