@nutui/nutui-react-taro 2.3.11 → 2.4.0

package/dist/esm/{checkbox.taro-xMxWdpyI.js → checkbox.taro-CUpF7Afr.js}

@@ -1,13 +1,16 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { createContext, useImperativeHandle, useCallback, useContext, useState, useEffect } from "react";
 import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { View } from "@tarojs/components";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const CheckboxGroupContext = createContext(null);
 const Context = CheckboxGroupContext;
 const defaultProps$1 = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
@@ -18,7 +21,7 @@ const defaultProps$1 = {
 };
 const classPrefix$1 = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children, className, disabled, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options, ...rest } = { ...defaultProps$1, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, disabled, list, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
   useImperativeHandle(ref, () => ({
     toggle(state) {
       if (state === false) {
@@ -38,7 +41,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
         const childProps = child.props;
         childrenLabel.push(childProps.value);
       });
-      const reverse = childrenLabel.filter((c) => (_value == null ? void 0 : _value.findIndex((v) => v === c)) === -1);
+      const reverse = childrenLabel.filter((c) => (_value === null || _value === void 0 ? void 0 : _value.findIndex((v) => v === c)) === -1);
       setValue(reverse);
     }
   }));
@@ -49,8 +52,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     onChange
   });
   const renderOptions = useCallback(() => {
-    return options == null ? void 0 : options.map(({ label, value: value2, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
-      return React__default.createElement(Checkbox, { key: value2 == null ? void 0 : value2.toString(), label, disabled: disabled2, value: value2, ...rest2 });
+    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(
@@ -59,13 +63,14 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       labelPosition: labelPosition || "right",
       disabled,
       max,
+      list,
       onLimit,
       value: _value,
       check: (value2) => {
         const combined = [..._value, value2];
         if (max !== void 0) {
           if (combined.length > max) {
-            return onLimit == null ? void 0 : onLimit("max");
+            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
           }
         }
         setValue(combined);
@@ -73,37 +78,26 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       uncheck: (value2) => {
         const reduced = _value.filter((item) => item !== value2);
         if (min !== void 0 && reduced.length < min) {
-          return onLimit == null ? void 0 : onLimit("min");
+          return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
         }
         setValue(reduced);
       }
     } },
-    React__default.createElement("div", { className: classNames(classPrefix$1, {
-      [`nut-checkboxgroup-${props.direction}`]: props.direction
-    }, className), ...rest }, (options == null ? void 0 : options.length) ? renderOptions() : children)
+    React__default.createElement("div", Object.assign({ className: classNames(classPrefix$1, {
+      [`nut-checkboxgroup-${props.direction}`]: props.direction,
+      [`nut-checkboxgroup-list`]: list
+    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
   );
 });
 CheckboxGroup.defaultProps = defaultProps$1;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps = {
-  ...ComponentDefaults,
-  disabled: false,
-  shape: "round",
-  labelPosition: "right",
-  icon: null,
-  activeIcon: null,
-  indeterminateIcon: null,
-  onChange: (value) => {
-  }
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, shape: "round", labelPosition: "right", icon: null, activeIcon: null, indeterminateIcon: null, onChange: (value) => {
+} });
 const classPrefix = "nut-checkbox";
 const Checkbox = (props) => {
-  const { children } = {
-    ...defaultProps,
-    ...props
-  };
-  const { icon, label, className, activeIcon, checked, value, defaultChecked, shape, disabled, onChange, indeterminate, indeterminateIcon, ...others } = props;
-  let { labelPosition, ...rest } = others;
+  const { children } = Object.assign(Object.assign({}, defaultProps), props);
+  const _a = props, { icon, label, className, activeIcon, checked, value, defaultChecked, shape, disabled, onChange, indeterminate, indeterminateIcon } = _a, others = __rest(_a, ["icon", "label", "className", "activeIcon", "checked", "value", "defaultChecked", "shape", "disabled", "onChange", "indeterminate", "indeterminateIcon"]);
+  let { labelPosition } = others, rest = __rest(others, ["labelPosition"]);
   const ctx = useContext(Context);
   let [innerChecked, setChecked] = usePropsValue({
     value: props.checked,
@@ -158,6 +152,9 @@ const Checkbox = (props) => {
       if (innerChecked && !innerIndeterminate) {
         return `${cls}${classPrefix}-icon-checked ${classPrefix}-icon-disabled`;
       }
+      if (innerChecked && innerIndeterminate) {
+        return `${cls}${classPrefix}-icon-indeterminate ${classPrefix}-icon-disabled`;
+      }
       return `${cls}${classPrefix}-icon-disabled`;
     }
     if (innerChecked) {
@@ -181,16 +178,27 @@ const Checkbox = (props) => {
   };
   const renderButton = () => {
     return React__default.createElement(
-      "div",
+      View,
       { className: classNames(`${classPrefix}-button`, {
         [`${classPrefix}-button-active`]: innerChecked,
         [`${classPrefix}-button-disabled`]: disabled
       }) },
       children || label,
-      innerChecked && activeIcon ? React__default.createElement("div", { className: classNames(`${classPrefix}-button-icon`) }, activeIcon) : null
+      innerChecked && activeIcon ? React__default.createElement(View, { className: classNames(`${classPrefix}-button-icon`) }, activeIcon) : null
+    );
+  };
+  const renderListItem = () => {
+    return React__default.createElement(
+      View,
+      { className: "nut-checkbox-list-item" },
+      renderLabel(),
+      renderIcon()
     );
   };
   const renderCheckboxItem = () => {
+    if (ctx === null || ctx === void 0 ? void 0 : ctx.list) {
+      return React__default.createElement(React__default.Fragment, null, renderListItem());
+    }
     if (shape === "button") {
       return renderButton();
     }
@@ -201,9 +209,9 @@ const Checkbox = (props) => {
       renderLabel()
     );
   };
-  return React__default.createElement("div", { className: classNames(classPrefix, {
+  return React__default.createElement(View, Object.assign({ className: classNames(classPrefix, {
     [`${classPrefix}-reverse`]: labelPosition === "left"
-  }, className), ...rest, onClick: handleClick }, renderCheckboxItem());
+  }, className) }, rest, { onClick: handleClick }), renderCheckboxItem());
 };
 Checkbox.defaultProps = defaultProps;
 Checkbox.displayName = "NutCheckBox";

package/dist/esm/{circleprogress.taro-myZgamBw.js → circleprogress.taro-CKSrzt8Q.js}

@@ -1,33 +1,19 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { i as isObject } from "./index-YvHA__3D.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as useForceUpdate } from "./use-force-update-0oEVD8Nr.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  strokeWidth: 5,
-  radius: 50,
-  strokeLinecap: "round",
-  color: "#fa2c19",
-  background: "#e5e9f2",
-  clockwise: true
-};
+import { i as isObject } from "./index-DeNfBlua.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as useForceUpdate } from "./use-force-update-CudFjCsy.js";
+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) => {
-  const { children, percent, className, radius, background, clockwise, color, strokeWidth, style, strokeLinecap, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, percent, className, radius, background, clockwise, color, strokeWidth, style, strokeLinecap } = _a, restProps = __rest(_a, ["children", "percent", "className", "radius", "background", "clockwise", "color", "strokeWidth", "style", "strokeLinecap"]);
   const oldValue = useRef(percent);
   const forceUpdate = useForceUpdate();
   const classes = classNames(classPrefix, className);
   const refRandomId = Math.random().toString(36).slice(-8);
   const animateIdRef = useRef(0);
-  const styles = {
-    height: `${Number(radius) * 2}px`,
-    width: `${Number(radius) * 2}px`,
-    ...style
-  };
+  const styles = Object.assign({ height: `${Number(radius) * 2}px`, width: `${Number(radius) * 2}px` }, style);
   useEffect(() => {
     const startTime = Date.now();
     const startRate = Number(oldValue.current);
@@ -97,7 +83,7 @@ const CircleProgress = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classes, style: styles, ...restProps },
+    Object.assign({ className: classes, style: styles }, restProps),
     React__default.createElement("div", { style: circleStyle() }),
     React__default.createElement("div", { className: "nut-circleprogress-text" }, children)
   );

package/dist/esm/{col.taro-5FMpttLE.js → col.taro-C8DUuJYh.js}

@@ -1,18 +1,10 @@
 import React__default, { useState, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-9BL0cq8w.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  span: "24",
-  offset: "0",
-  gutter: "0"
-};
+import { D as DataContext } from "./UserContext-BlM0373q.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { span: "24", offset: "0", gutter: "0" });
 const Col = (props) => {
-  const { className, style, span, offset, children, onClick } = {
-    ...defaultProps,
-    ...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);
@@ -30,7 +22,7 @@ const Col = (props) => {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
-  return React__default.createElement("div", { className: classNames(colName, className), style: { ...style, ...colStyle }, onClick: (e) => {
+  return React__default.createElement("div", { className: classNames(colName, className), style: Object.assign(Object.assign({}, style), colStyle), onClick: (e) => {
     onClick && onClick(e, "col");
   } }, children);
 };

package/dist/esm/{collapse.taro-sZibDygv.js → collapse.taro-BM0BsN30.js}

@@ -1,20 +1,11 @@
 import React__default, { useCallback } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-AaQ_msgd.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  defaultActiveName: [],
-  accordion: false,
-  expandIcon: null,
-  rotate: 180
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-D_m4VEdG.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+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 } = {
-    ...defaultProps,
-    ...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,

package/dist/esm/{collapseitem.taro-AaQ_msgd.js → collapseitem.taro-D_m4VEdG.js}

@@ -1,7 +1,8 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { createContext, useContext, useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
 import { createSelectorQuery } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const collapseContext = {
   isOpen: (name) => {
     return true;
@@ -12,19 +13,9 @@ const collapseContext = {
   rotate: 180
 };
 const CollapseContext = createContext(collapseContext);
-const defaultProps = {
-  ...ComponentDefaults,
-  title: null,
-  name: "",
-  expandIcon: null,
-  disabled: false,
-  extra: null
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, name: "", expandIcon: null, disabled: false, extra: null });
 const CollapseItem = (props) => {
-  const { children, title, name, disabled, expandIcon, rotate, extra, style, className, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, title, name, disabled, expandIcon, rotate, extra, style, className } = _a, rest = __rest(_a, ["children", "title", "name", "disabled", "expandIcon", "rotate", "extra", "style", "className"]);
   const classPrefix = "nut-collapse-item";
   const context = useContext(CollapseContext);
   const wrapperRef = useRef(null);
@@ -59,7 +50,7 @@ const CollapseItem = (props) => {
   useEffect(() => {
     setTimeout(() => {
       getRect(target).then((res) => {
-        if (res == null ? void 0 : res.height) {
+        if (res === null || res === void 0 ? void 0 : res.height) {
           setCurrentHeight(`${res.height}px`);
         }
       });
@@ -68,7 +59,7 @@ const CollapseItem = (props) => {
   useEffect(() => {
     setTimeout(() => {
       getRect(target).then((res) => {
-        if (res == null ? void 0 : res.height) {
+        if (res === null || res === void 0 ? void 0 : res.height) {
           setCurrentHeight(`${res.height}px`);
         }
       });
@@ -104,7 +95,7 @@ const CollapseItem = (props) => {
   }, [expanded]);
   return React__default.createElement(
     "div",
-    { className: classNames(classPrefix, className), style, ...rest },
+    Object.assign({ className: classNames(classPrefix, className), style }, rest),
     React__default.createElement(
       "div",
       { className: classNames(`${classPrefix}-header`, { disabled }), onClick: handleClick },

package/dist/esm/configprovider.taro-CyU_tvNJ.js

@@ -0,0 +1,202 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import * as React from "react";
+import React__default, { createContext, useContext } from "react";
+import classNames from "classnames";
+import kebabCase from "lodash.kebabcase";
+import isequal from "lodash.isequal";
+function useMemo(getValue, condition, shouldUpdate) {
+  const cacheRef = React.useRef({});
+  if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
+    cacheRef.current.value = getValue();
+    cacheRef.current.condition = condition;
+  }
+  return cacheRef.current.value;
+}
+const zhCN = {
+  save: "保存",
+  confirm: "确认",
+  cancel: "取消",
+  done: "完成",
+  noData: "暂无数据",
+  placeholder: "请输入内容",
+  select: "请选择",
+  video: {
+    errorTip: "视频加载失败",
+    clickRetry: "点击重试"
+  },
+  fixednav: {
+    activeText: "收起导航",
+    inactiveText: "快速导航"
+  },
+  infiniteloading: {
+    pullRefreshText: "松开刷新",
+    loadText: "加载中",
+    loadMoreText: "没有更多了"
+  },
+  pagination: {
+    prev: "上一页",
+    next: "下一页"
+  },
+  range: {
+    rangeText: "不在该区间内"
+  },
+  calendaritem: {
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    end: "结束",
+    start: "开始",
+    confirm: "确认",
+    title: "日历选择",
+    monthTitle: (year, month) => `${year}年${Number(month) < 10 ? `0${Number(month)}` : month}月`,
+    today: "今天",
+    loadPreviousMonth: "加载上一个月",
+    noEarlierMonth: "没有更早月份"
+  },
+  shortpassword: {
+    title: "请输入密码",
+    description: "您使用了虚拟资产，请进行验证",
+    tips: "忘记密码"
+  },
+  uploader: {
+    ready: "准备完成",
+    readyUpload: "准备上传",
+    waitingUpload: "等待上传",
+    uploading: "上传中...",
+    success: "上传成功",
+    error: "上传失败",
+    deleteWord: "用户阻止了删除！"
+  },
+  countdown: {
+    day: "天",
+    hour: "时",
+    minute: "分",
+    second: "秒"
+  },
+  address: {
+    selectRegion: "请选择地址",
+    deliveryTo: "配送至",
+    chooseAnotherAddress: "选择其他地址"
+  },
+  signature: {
+    reSign: "重签",
+    unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
+  },
+  ecard: {
+    chooseText: "请选择电子卡面值",
+    otherValueText: "其他面值",
+    placeholder: "请输入1-5000整数"
+  },
+  timeselect: {
+    pickupTime: "取件时间"
+  },
+  sku: {
+    buyNow: "立即购买",
+    buyNumber: "购买数量",
+    addToCard: "加入购物车"
+  },
+  skuheader: {
+    skuId: "商品编号"
+  },
+  addresslist: {
+    addAddress: "新建地址"
+  },
+  comment: {
+    complaintsText: "我要投诉",
+    additionalReview: (day) => `购买${day}天后追评`,
+    additionalImages: (length) => `${length}张追评图片`
+  },
+  searchbar: {
+    basePlaceholder: "上京东，购好物",
+    text: "文本",
+    test: "测试",
+    title1: "基础用法",
+    title2: "搜索框形状及最大长度",
+    title3: "搜索框内外背景设置",
+    title4: "搜索框文本设置",
+    title5: "自定义图标设置",
+    title6: "数据改变监听"
+  },
+  audio: {
+    back: "快退",
+    forward: "快进",
+    pause: "暂停",
+    start: "开始",
+    mute: "静音",
+    tips: "onPlayEnd事件在loop=false时才会触发"
+  },
+  datepicker: {
+    year: "年",
+    month: "月",
+    day: "日",
+    hour: "时",
+    min: "分",
+    seconds: "秒"
+  },
+  pullToRefresh: {
+    pullingText: "下拉刷新",
+    canReleaseText: "松手刷新",
+    refreshingText: "刷新中",
+    completeText: "刷新成功"
+  },
+  tour: {
+    prevStepText: "上一步",
+    completeText: "完成",
+    nextStepText: "下一步"
+  },
+  watermark: {
+    errorCanvasTips: "当前环境不支持Canvas"
+  }
+};
+const classPrefix = "nut-configprovider";
+const defaultConfigRef = {
+  current: {
+    locale: zhCN,
+    direction: "ltr"
+  }
+};
+const setDefaultConfig = (config) => {
+  defaultConfigRef.current = config;
+};
+const getDefaultConfig = () => {
+  return defaultConfigRef.current;
+};
+const ConfigContext = createContext(null);
+const useConfig = () => {
+  var _a;
+  return (_a = useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
+};
+function convertThemeVarsToCSSVars(themeVars) {
+  const cssVars = {};
+  Object.keys(themeVars).forEach((key) => {
+    cssVars[`--${kebabCase(key)}`] = themeVars[key];
+  });
+  return cssVars;
+}
+const useRtl = () => {
+  const { direction } = useConfig();
+  return direction === "rtl";
+};
+const ConfigProvider = (props) => {
+  const { style, className, children, direction } = props, config = __rest(props, ["style", "className", "children", "direction"]);
+  const mergedConfig = useMemo(() => {
+    return Object.assign(Object.assign(Object.assign({}, getDefaultConfig()), config), { direction });
+  }, [config, direction], (prev, next) => prev.some((prevTheme, index) => {
+    const nextTheme = next[index];
+    return !isequal(prevTheme, nextTheme);
+  }));
+  const cssVarStyle = React__default.useMemo(() => {
+    return convertThemeVarsToCSSVars(mergedConfig.theme || {});
+  }, [mergedConfig.theme]);
+  return React__default.createElement(
+    ConfigContext.Provider,
+    { value: mergedConfig },
+    React__default.createElement("div", { className: classNames(classPrefix, className, `nut-${direction}`), style: Object.assign(Object.assign(Object.assign({}, cssVarStyle), style), { direction }) }, children)
+  );
+};
+ConfigProvider.displayName = "NutConfigProvider";
+export {
+  ConfigProvider as C,
+  useRtl as a,
+  getDefaultConfig as g,
+  setDefaultConfig as s,
+  useConfig as u
+};

package/dist/esm/{countdown.taro-XZlfWBrA.js → countdown.taro-D-H9erkV.js}

@@ -1,22 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { p as padZero } from "./pad-zero-iY-0-oys.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  paused: false,
-  startTime: Date.now(),
-  endTime: Date.now(),
-  remainingTime: 0,
-  millisecond: false,
-  format: "HH:mm:ss",
-  autoStart: true,
-  time: 0,
-  destroy: false
-};
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { p as padZero } from "./pad-zero-B2OUQfh7.js";
+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();
-  const { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children, ...rest } = { ...defaultProps, ...props };
+  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({
@@ -35,7 +25,7 @@ const InternalCountDown = (props, ref) => {
     if (!timeStr)
       return Date.now();
     let t = timeStr;
-    t = t > 0 ? +t : t.toString().replace(/-/g, "/");
+    t = Number(t) > 0 ? +t : t.toString().replace(/-/g, "/");
     return new Date(t).getTime();
   };
   const initTime = () => {
@@ -87,7 +77,7 @@ const InternalCountDown = (props, ref) => {
       rest2.s = Math.floor(ts % MINUTE / SECOND);
       rest2.ms = Math.floor(ts % SECOND);
     }
-    return type === "custom" ? rest2 : parseFormat({ ...rest2 });
+    return type === "custom" ? rest2 : parseFormat(Object.assign({}, rest2));
   };
   const parseFormat = (time2) => {
     const { d } = time2;
@@ -195,7 +185,7 @@ const InternalCountDown = (props, ref) => {
   const renderTime = (() => {
     return formatRemainTime(stateRef.current.restTime);
   })();
-  return React__default.createElement("div", { className: `${classPrefix} ${className}`, style: { ...style }, ...rest }, children || React__default.createElement("div", {
+  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: {