@nutui/nutui-react 1.1.3-beta.1 → 1.1.3-beta.2

package/dist/nutui.react.es.js

@@ -34,7 +34,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.3-beta.1 Wed Apr 13 2022 09:44:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.3-beta.2 Mon Apr 18 2022 14:01:38 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -80,7 +80,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
   classname.exports = classname_production_min;
 }
 const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-const defaultProps$W = {
+const defaultProps$X = {
   name: "",
   size: "",
   classPrefix: "nutui-iconfont",
@@ -94,7 +94,7 @@ function pxCheck$2(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const Icon = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
   const isImage = name ? name.indexOf("/") !== -1 : false;
   const type = isImage ? "img" : tag;
   const b2 = cn("icon");
@@ -120,9 +120,9 @@ const Icon = (props) => {
     onClick: handleClick
   }), hasSrc()), children);
 };
-Icon.defaultProps = defaultProps$W;
+Icon.defaultProps = defaultProps$X;
 Icon.displayName = "NutIcon";
-const defaultProps$V = {
+const defaultProps$W = {
   className: "",
   color: "",
   shape: "round",
@@ -139,7 +139,7 @@ const defaultProps$V = {
   }
 };
 const Button = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$V), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), {
     color,
     shape,
     plain,
@@ -233,7 +233,7 @@ const Button = (props) => {
     name: icon
   }) : "", children));
 };
-Button.defaultProps = defaultProps$V;
+Button.defaultProps = defaultProps$W;
 Button.displayName = "NutButton";
 function _setPrototypeOf(o, p2) {
   _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
@@ -1442,7 +1442,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$U = {
+const defaultProps$V = {
   title: "",
   subTitle: "",
   desc: "",
@@ -1458,7 +1458,7 @@ const defaultProps$U = {
   }
 };
 const Cell = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$U), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$V), props), {
     children,
     click,
     isLink,
@@ -1521,11 +1521,11 @@ const Cell = (props) => {
     className: b2("link")
   }) : null);
 };
-Cell.defaultProps = defaultProps$U;
+Cell.defaultProps = defaultProps$V;
 Cell.displayName = "NutCell";
-const defaultProps$T = { title: "", classPrefix: "nutui-cell-group" };
+const defaultProps$U = { title: "", classPrefix: "nutui-cell-group" };
 const CellGroup = (props) => {
-  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$T), props);
+  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$U), props);
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(null, [classPrefix])
@@ -1535,7 +1535,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$T;
+CellGroup.defaultProps = defaultProps$U;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2079,7 +2079,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$S = __spreadValues({
+const defaultProps$T = __spreadValues({
   position: "center",
   transition: "",
   style: {},
@@ -2228,25 +2228,25 @@ const Popup = (props) => {
     size: "12px"
   })) : "")));
 };
-Popup.defaultProps = defaultProps$S;
+Popup.defaultProps = defaultProps$T;
 Popup.displayName = "NutPopup";
-const defaultProps$R = {};
+const defaultProps$S = {};
 const Layout = (props) => {
-  __spreadValues(__spreadValues({}, defaultProps$R), props);
+  __spreadValues(__spreadValues({}, defaultProps$S), props);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$R;
+Layout.defaultProps = defaultProps$S;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext({});
-const defaultProps$Q = {
+const defaultProps$R = {
   span: "24",
   offset: "0",
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
+  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$R), props);
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2269,9 +2269,9 @@ const Col = (props) => {
     style: __spreadValues({}, colStyle)
   }, children);
 };
-Col.defaultProps = defaultProps$Q;
+Col.defaultProps = defaultProps$R;
 Col.displayName = "NutCol";
-const defaultProps$P = {
+const defaultProps$Q = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2279,7 +2279,7 @@ const defaultProps$P = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$P), props);
+  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
     return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
@@ -2302,15 +2302,15 @@ const Row = (props) => {
     className: getClasses()
   }, children));
 };
-Row.defaultProps = defaultProps$P;
+Row.defaultProps = defaultProps$Q;
 Row.displayName = "NutRow";
-const defaultProps$O = {
+const defaultProps$P = {
   contentPosition: "center",
   dashed: false,
   hairline: true
 };
 const Divider = (props) => {
-  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$O), props);
+  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$P), props);
   const dividerBem = cn("divider");
   const classes = classNames({
     [dividerBem()]: true,
@@ -2325,9 +2325,9 @@ const Divider = (props) => {
     style: styles
   }, children);
 };
-Divider.defaultProps = defaultProps$O;
+Divider.defaultProps = defaultProps$P;
 Divider.displayName = "NutDivider";
-const defaultProps$N = {
+const defaultProps$O = {
   title: "",
   desc: "",
   leftShow: false,
@@ -2348,7 +2348,7 @@ const NavBar = (props) => {
     onClickIcon,
     onClickBack,
     onClickClear
-  } = __spreadValues(__spreadValues({}, defaultProps$N), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$O), props);
   const b2 = cn("navbar");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-navbar ${className}`,
@@ -2371,9 +2371,9 @@ const NavBar = (props) => {
     name: icon
   })));
 };
-NavBar.defaultProps = defaultProps$N;
+NavBar.defaultProps = defaultProps$O;
 NavBar.displayName = "NutNavBar";
-const defaultProps$M = {
+const defaultProps$N = {
   fixednavClass: "nut-fixednav",
   activeText: "\u6536\u8D77\u5BFC\u822A",
   unActiveText: "\u5FEB\u901F\u5BFC\u822A",
@@ -2384,7 +2384,7 @@ const defaultProps$M = {
   }
 };
 const FixedNav = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$M), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$N), props), {
     fixednavClass,
     overlay,
     visible,
@@ -2454,9 +2454,9 @@ const FixedNav = (props) => {
     className: "text"
   }, visible ? activeText : unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$M;
+FixedNav.defaultProps = defaultProps$N;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$L = {
+const defaultProps$M = {
   visible: 0,
   bottom: false,
   type: "",
@@ -2469,7 +2469,7 @@ const defaultProps$L = {
   }
 };
 const Tabbar = (props) => {
-  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$L), props);
+  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$M), props);
   const b2 = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(visible);
   const handleClick = (idx) => {
@@ -2495,9 +2495,9 @@ const Tabbar = (props) => {
     return React__default.cloneElement(child, childProps);
   }));
 };
-Tabbar.defaultProps = defaultProps$L;
+Tabbar.defaultProps = defaultProps$M;
 Tabbar.displayName = "NutTabbar";
-const defaultProps$K = {
+const defaultProps$L = {
   tabTitle: "",
   icon: "",
   href: "",
@@ -2510,7 +2510,7 @@ const defaultProps$K = {
   }
 };
 const TabbarItem = (props) => {
-  const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$K), props);
+  const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$L), props);
   const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
   useEffect(() => {
@@ -2539,14 +2539,14 @@ const TabbarItem = (props) => {
     className: bIcon({ "nav-word": true }, [bIcon({ "big-word": !icon })])
   }, tabTitle)));
 };
-const defaultProps$J = {
+const defaultProps$K = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
   className: ""
 };
 const Elevator = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$J), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$K), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
   const b2 = cn("elevator");
   const spaceHeight = 23;
   const listview = useRef(null);
@@ -2680,9 +2680,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$J;
+Elevator.defaultProps = defaultProps$K;
 Elevator.displayName = "NutElevator";
-const defaultProps$I = {
+const defaultProps$J = {
   defaultValue: 1,
   mode: "multi",
   prevText: "\u4E0A\u4E00\u9875",
@@ -2698,7 +2698,7 @@ const defaultProps$I = {
   }
 };
 const Pagination = (props) => {
-  __spreadValues(__spreadValues({}, defaultProps$I), props);
+  __spreadValues(__spreadValues({}, defaultProps$J), props);
   const _a = props, {
     modelValue,
     mode,
@@ -2828,7 +2828,7 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
   }, nextText));
 };
-Pagination.defaultProps = defaultProps$I;
+Pagination.defaultProps = defaultProps$J;
 Pagination.displayName = "NutPagination";
 class Title {
   constructor() {
@@ -2838,7 +2838,7 @@ class Title {
     __publicField(this, "index", 0);
   }
 }
-const defaultProps$H = {
+const defaultProps$I = {
   value: 0,
   color: "",
   background: "",
@@ -2854,7 +2854,7 @@ const pxCheck$1 = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$H), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$I), props), {
     value,
     color,
     background,
@@ -2975,16 +2975,16 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$H;
+Tabs.defaultProps = defaultProps$I;
 Tabs.displayName = "NutTabs";
-const defaultProps$G = {
+const defaultProps$H = {
   title: "",
   paneKey: "",
   activeKey: "",
   disabled: false
 };
 const TabPane = (props) => {
-  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$G), props);
+  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$H), props);
   const b2 = cn("tabpane");
   const classes = classNames({
     active: paneKey === activeKey
@@ -3277,7 +3277,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$F = {
+const defaultProps$G = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3306,7 +3306,7 @@ const Range = (props) => {
     change,
     dragStart,
     dragEnd
-  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$G), props);
   const [buttonIndex, SetButtonIndex] = useState(0);
   const [initValue, SetInitValue] = useState();
   const [dragStatus, SetDragStatus] = useState("start");
@@ -3515,7 +3515,7 @@ const Range = (props) => {
     className: "max"
   }, +max) : null);
 };
-Range.defaultProps = defaultProps$F;
+Range.defaultProps = defaultProps$G;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -3601,7 +3601,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$E = {
+const defaultProps$F = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -3631,7 +3631,7 @@ const CalendarItem = (props) => {
     onChoose,
     onUpdate,
     onClose
-  } = __spreadValues(__spreadValues({}, defaultProps$E), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
   const weeks = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
@@ -4017,9 +4017,9 @@ const CalendarItem = (props) => {
     onClick: confirm2
   }, "\u786E\u5B9A")) : ""));
 };
-CalendarItem.defaultProps = defaultProps$E;
+CalendarItem.defaultProps = defaultProps$F;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$D = {
+const defaultProps$E = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4046,7 +4046,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = __spreadValues(__spreadValues({}, defaultProps$D), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$E), props);
   const close = () => {
     onClose && onClose();
   };
@@ -4089,16 +4089,16 @@ const Calendar = (props) => {
     onChoose: choose
   }));
 };
-Calendar.defaultProps = defaultProps$D;
+Calendar.defaultProps = defaultProps$E;
 Calendar.displayName = "NutCalendar";
-const defaultProps$C = {
+const defaultProps$D = {
   disabled: false,
   checkedValue: [],
   onChange: (value) => {
   }
 };
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$C), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$D), props);
   const b2 = cn("checkboxgroup");
   const _a = props, { className, disabled, onChange, checkedValue } = _a, rest = __objRest(_a, ["className", "disabled", "onChange", "checkedValue"]);
   const [innerDisabled, setInnerDisabled] = useState(disabled);
@@ -4157,9 +4157,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     className: `${b2()} ${className || ""}`
   }, rest), cloneChildren());
 });
-CheckboxGroup.defaultProps = defaultProps$C;
+CheckboxGroup.defaultProps = defaultProps$D;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$B = {
+const defaultProps$C = {
   checked: false,
   disabled: false,
   textPosition: "right",
@@ -4170,7 +4170,7 @@ const defaultProps$B = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$B), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$C), props);
   const b2 = cn("checkbox");
   const _a = props, {
     iconName,
@@ -4226,7 +4226,7 @@ const Checkbox = (props) => {
     onClick: handleClick
   }), renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$B;
+Checkbox.defaultProps = defaultProps$C;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -4541,7 +4541,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$A = {
+const defaultProps$B = {
   modelValue: new Date(),
   visible: false,
   title: "",
@@ -4553,7 +4553,7 @@ const defaultProps$A = {
   onCloseDatePicker: () => void 0
 };
 const DatePicker = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$A), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$B), props), {
     minDate,
     maxDate,
     type,
@@ -4807,9 +4807,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$A;
+DatePicker.defaultProps = defaultProps$B;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$z = {
+const defaultProps$A = {
   disabled: false,
   buttonSize: "",
   min: 1,
@@ -4825,7 +4825,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const InputNumber = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$z), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$A), props), {
     children,
     disabled,
     buttonSize,
@@ -4982,7 +4982,7 @@ const InputNumber = (props) => {
     click: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$z;
+InputNumber.defaultProps = defaultProps$A;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -5008,7 +5008,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$y = {
+const defaultProps$z = {
   type: "text",
   defaultValue: "",
   placeholder: "\u8BF7\u8F93\u5165\u4FE1\u606F",
@@ -5038,7 +5038,7 @@ const Input = (props) => {
     blur,
     focus,
     clear
-  } = __spreadValues(__spreadValues({}, defaultProps$y), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$z), props);
   const inputBem = cn("input");
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -5122,14 +5122,14 @@ const Input = (props) => {
     size: "12px"
   }) : null) : null);
 };
-Input.defaultProps = defaultProps$y;
+Input.defaultProps = defaultProps$z;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$x = {
+const defaultProps$y = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -5137,7 +5137,7 @@ const defaultProps$x = {
   direction: "vertical"
 };
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$x), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$y), props);
   cn("RadioGroup");
   const _a = props, { className, value, onChange, textPosition, direction } = _a, rest = __objRest(_a, ["className", "value", "onChange", "textPosition", "direction"]);
   const [val2State, setVal2State] = useState(value);
@@ -5172,9 +5172,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     className: `nut-radiogroup nut-radiogroup--${props.direction}`
   }, rest), cloneChildren()));
 });
-RadioGroup.defaultProps = defaultProps$x;
+RadioGroup.defaultProps = defaultProps$y;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$w = {
+const defaultProps$x = {
   disabled: false,
   checked: false,
   shape: "round",
@@ -5187,7 +5187,7 @@ const defaultProps$w = {
   }
 };
 const Radio = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$w), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$x), props);
   const _a = props, {
     className,
     disabled,
@@ -5255,10 +5255,10 @@ const Radio = (props) => {
     onClick: handleClick
   }, rest), props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
 };
-Radio.defaultProps = defaultProps$w;
+Radio.defaultProps = defaultProps$x;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
-const defaultProps$v = {
+const defaultProps$w = {
   count: 5,
   modelValue: 0,
   iconSize: 18,
@@ -5285,7 +5285,7 @@ const Rate = (props) => {
     allowHalf,
     spacing,
     change
-  } = __spreadValues(__spreadValues({}, defaultProps$v), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$w), props);
   const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
@@ -5348,9 +5348,9 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$v;
+Rate.defaultProps = defaultProps$w;
 Rate.displayName = "NutRate";
-const defaultProps$u = {
+const defaultProps$v = {
   title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
   desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
   tips: "\u5FD8\u8BB0\u5BC6\u7801",
@@ -5525,9 +5525,9 @@ const ShortPassword = (props) => {
     onClick: () => sure()
   }, "\u786E\u8BA4")) : null)));
 };
-ShortPassword.defaultProps = defaultProps$u;
+ShortPassword.defaultProps = defaultProps$v;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$t = {
+const defaultProps$u = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -5554,7 +5554,7 @@ const TextArea = (props) => {
     change,
     blur,
     focus
-  } = __spreadValues(__spreadValues({}, defaultProps$t), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$u), props);
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -5625,7 +5625,7 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$t;
+TextArea.defaultProps = defaultProps$u;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -5681,7 +5681,7 @@ class Upload {
     }
   }
 }
-const defaultProps$s = {
+const defaultProps$t = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -5717,7 +5717,7 @@ class FileItem {
   }
 }
 const InternalUploader = (props, ref) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$s), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
     children,
     uploadIcon,
     name,
@@ -6022,9 +6022,9 @@ const InternalUploader = (props, ref) => {
   }))));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$s;
+Uploader.defaultProps = defaultProps$t;
 Uploader.displayName = "NutUploader";
-const defaultProps$r = {
+const defaultProps$s = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -6042,7 +6042,7 @@ const defaultProps$r = {
   style: {}
 };
 const ActionSheet = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$r), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$s), props), {
     cancelTxt,
     optionTag,
     optionSubTag,
@@ -6113,9 +6113,9 @@ const ActionSheet = (props) => {
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
-ActionSheet.defaultProps = defaultProps$r;
+ActionSheet.defaultProps = defaultProps$s;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$q = {
+const defaultProps$r = {
   bottom: 20,
   right: 10,
   elId: "",
@@ -6137,7 +6137,7 @@ const BackTop = (props) => {
     duration,
     style,
     backTopClick
-  } = __spreadValues(__spreadValues({}, defaultProps$q), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$r), props);
   const [backTop, SetBackTop] = useState(false);
   const [scrollTop, SetScrollTop] = useState(0);
   let startTime = 0;
@@ -6220,7 +6220,7 @@ const BackTop = (props) => {
     name: "top"
   }));
 };
-BackTop.defaultProps = defaultProps$q;
+BackTop.defaultProps = defaultProps$r;
 BackTop.displayName = "NutBackTop";
 function clamp(v2, min, max) {
   return Math.max(min, Math.min(v2, max));
@@ -10622,7 +10622,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$p = {
+const defaultProps$q = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -10634,7 +10634,7 @@ const defaultProps$p = {
   className: ""
 };
 const Drag = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$p), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$q), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
   const b2 = cn("drag");
   const [boundaryState, setBoundaryState] = useState(boundary);
   const myDrag = useRef(null);
@@ -10690,7 +10690,7 @@ const Drag = (props) => {
     style: currstyle
   }, bind()), children));
 };
-Drag.defaultProps = defaultProps$p;
+Drag.defaultProps = defaultProps$q;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const { visible, title, footer, textAlign, footerDirection, children } = props;
@@ -10753,7 +10753,10 @@ const DialogWrap = (props) => {
 };
 DialogWrap.displayName = "NutDialogWrap";
 const DialogWrapper = (props) => {
-  const { visible } = props;
+  const { visible, lockScroll } = props;
+  if (lockScroll && !visible && document.body.classList.value.includes("nut-overflow-hidden")) {
+    document.body.classList.remove("nut-overflow-hidden");
+  }
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: visible ? "block" : "none" }
   }, /* @__PURE__ */ React__default.createElement(DialogWrap, __spreadValues({}, props)));
@@ -10846,7 +10849,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$o = {
+const defaultProps$p = {
   okText: "\u786E\u5B9A",
   cancelText: "\u53D6\u6D88",
   mask: true,
@@ -10861,10 +10864,35 @@ const defaultProps$o = {
   lockScroll: false
 };
 const BaseDialog = (props, ref) => {
-  const _a = props, { visible, footer, noOkBtn, noCancelBtn, okBtnDisabled, cancelAutoClose } = _a, restProps = __objRest(_a, ["visible", "footer", "noOkBtn", "noCancelBtn", "okBtnDisabled", "cancelAutoClose"]);
+  const _a = props, {
+    visible,
+    footer,
+    noOkBtn,
+    noCancelBtn,
+    lockScroll,
+    okBtnDisabled,
+    cancelAutoClose,
+    okText,
+    cancelText,
+    onClosed,
+    onCancel,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "visible",
+    "footer",
+    "noOkBtn",
+    "noCancelBtn",
+    "lockScroll",
+    "okBtnDisabled",
+    "cancelAutoClose",
+    "okText",
+    "cancelText",
+    "onClosed",
+    "onCancel",
+    "onOk"
+  ]);
   const renderFooter = () => {
-    const { okText, cancelText, footer: footer2, lockScroll, onClosed, onCancel, onOk } = props;
-    if (footer2 === null)
+    if (footer === null)
       return;
     const handleCancel = (e2) => {
       if (!cancelAutoClose)
@@ -10882,7 +10910,7 @@ const BaseDialog = (props, ref) => {
         document.body.classList.remove("nut-overflow-hidden");
       }
     };
-    const footerContent = footer2 || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !noCancelBtn && /* @__PURE__ */ React__default.createElement(Button, {
+    const footerContent = footer || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !noCancelBtn && /* @__PURE__ */ React__default.createElement(Button, {
       size: "small",
       plain: true,
       type: "primary",
@@ -10899,7 +10927,10 @@ const BaseDialog = (props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement(DialogWrapper, __spreadProps(__spreadValues({}, restProps), {
     visible,
-    footer: renderFooter()
+    lockScroll,
+    footer: renderFooter(),
+    onClosed,
+    onCancel
   }));
 };
 const Dialog = forwardRef(BaseDialog);
@@ -10914,9 +10945,9 @@ Dialog.confirm = (props) => {
     }));
   };
 });
-Dialog.defaultProps = defaultProps$o;
+Dialog.defaultProps = defaultProps$p;
 Dialog.displayName = "NutDialog";
-const defaultProps$n = {
+const defaultProps$o = {
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -10930,7 +10961,7 @@ const defaultProps$n = {
   loadMoreTxt: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
 };
 const Infiniteloading = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$n), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$o), props), {
     children,
     hasMore,
     threshold,
@@ -11118,7 +11149,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, loadMoreTxt)));
 };
-Infiniteloading.defaultProps = defaultProps$n;
+Infiniteloading.defaultProps = defaultProps$o;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -11275,7 +11306,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$m = {
+const defaultProps$n = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -11297,7 +11328,7 @@ const Switch = (props) => {
     change,
     className,
     style
-  } = __spreadValues(__spreadValues({}, defaultProps$m), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$n), props);
   const [value, setValue] = useState(false);
   const b2 = cn("switch");
   useEffect(() => {
@@ -11334,16 +11365,16 @@ const Switch = (props) => {
     className: `${b2("label")} close`
   }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$m;
+Switch.defaultProps = defaultProps$n;
 Switch.displayName = "NutSwitch";
-const defaultProps$l = {
+const defaultProps$m = {
   strokeInnerWidth: 10,
   progress: 10,
   isAuto: false,
   progressOption: {}
 };
 const CircleProgress = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$l), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$m), props), {
     children,
     strokeInnerWidth,
     progress,
@@ -11417,9 +11448,9 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-content"
   }, !isAuto ? `${progress}%` : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
 };
-CircleProgress.defaultProps = defaultProps$l;
+CircleProgress.defaultProps = defaultProps$m;
 CircleProgress.displayName = "NutCircleProgress";
-const defaultProps$k = {
+const defaultProps$l = {
   direction: "across",
   list: [],
   standTime: 1e3,
@@ -11457,7 +11488,7 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click
-  } = __spreadValues(__spreadValues({}, defaultProps$k), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$l), props);
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -11670,16 +11701,16 @@ const NoticeBar = (props) => {
     size: "11px"
   }) : null))) : null);
 };
-NoticeBar.defaultProps = defaultProps$k;
+NoticeBar.defaultProps = defaultProps$l;
 NoticeBar.displayName = "NutNoticeBar";
 const DataContext$1 = createContext({});
-const defaultProps$j = {
+const defaultProps$k = {
   current: 0,
   direction: "horizontal",
   progressDot: false
 };
 const Steps = (props) => {
-  const propSteps = __spreadValues(__spreadValues({}, defaultProps$j), props);
+  const propSteps = __spreadValues(__spreadValues({}, defaultProps$k), props);
   const _a = propSteps, { children, direction, className } = _a, restProps = __objRest(_a, ["children", "direction", "className"]);
   const parentSteps = {
     propSteps
@@ -11695,9 +11726,9 @@ const Steps = (props) => {
     className: classes
   }, restProps), children));
 };
-Steps.defaultProps = defaultProps$j;
+Steps.defaultProps = defaultProps$k;
 Steps.displayName = "NutSteps";
-const defaultProps$i = {
+const defaultProps$j = {
   title: "",
   content: "",
   activeIndex: 0,
@@ -11705,7 +11736,7 @@ const defaultProps$i = {
   size: "12px"
 };
 const Step = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$i), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$j), props), {
     children,
     title,
     content,
@@ -11760,10 +11791,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$i;
+Step.defaultProps = defaultProps$j;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$h = {
+const defaultProps$i = {
   width: window.innerWidth,
   height: 0,
   duration: 500,
@@ -11780,7 +11811,7 @@ const defaultProps$h = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$h), props);
+  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$i), props);
   const _a = propSwiper, {
     children,
     direction,
@@ -12156,13 +12187,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__default.createElement("div", null, pageContent)));
 });
-Swiper.defaultProps = defaultProps$h;
+Swiper.defaultProps = defaultProps$i;
 Swiper.displayName = "NutSwiper";
-const defaultProps$g = {
+const defaultProps$h = {
   direction: "horizontal"
 };
 const SwiperItem = React__default.forwardRef((props, ref) => {
-  const _props = __spreadValues(__spreadValues({}, defaultProps$g), props);
+  const _props = __spreadValues(__spreadValues({}, defaultProps$h), props);
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const [offset, setOffset] = useState(0);
@@ -12190,9 +12221,9 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$g;
+SwiperItem.defaultProps = defaultProps$h;
 SwiperItem.displayName = "NutSwiperItem";
-const defaultProps$f = {
+const defaultProps$g = {
   size: "normal",
   icon: "",
   shape: "round",
@@ -12201,7 +12232,7 @@ const defaultProps$f = {
   src: ""
 };
 const Avatar = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$f), props), { children, prefixCls, size, shape, bgColor, src, icon, className, style } = _a, rest = __objRest(_a, ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), { children, prefixCls, size, shape, bgColor, src, icon, className, style } = _a, rest = __objRest(_a, ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"]);
   const sizeValue = ["large", "normal", "small"];
   const classes = classNames({
     [`${prefixCls}`]: true,
@@ -12233,9 +12264,9 @@ const Avatar = (props) => {
     className: "text"
   }, children));
 };
-Avatar.defaultProps = defaultProps$f;
+Avatar.defaultProps = defaultProps$g;
 Avatar.displayName = "NutAvatar";
-const defaultProps$e = {
+const defaultProps$f = {
   price: 0,
   needSymbol: true,
   symbol: "&yen;",
@@ -12244,7 +12275,7 @@ const defaultProps$e = {
   className: ""
 };
 const Price = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$e), props), { price, needSymbol, symbol, decimalDigits, thousands, className } = _a, rest = __objRest(_a, ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$f), props), { price, needSymbol, symbol, decimalDigits, thousands, className } = _a, rest = __objRest(_a, ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"]);
   const b2 = cn("price");
   const showSymbol = () => {
     return { __html: (needSymbol ? symbol : "") || "" };
@@ -12294,9 +12325,9 @@ const Price = (props) => {
     className: `${b2("small")}`
   }, formatDecimal(price)));
 };
-Price.defaultProps = defaultProps$e;
+Price.defaultProps = defaultProps$f;
 Price.displayName = "NutPrice";
-const defaultProps$d = {
+const defaultProps$e = {
   value: "",
   dot: false,
   max: 1e4,
@@ -12307,7 +12338,7 @@ const defaultProps$d = {
   icons: ""
 };
 const Badge = (props) => {
-  const { value, children, dot, max, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$d), props);
+  const { value, children, dot, max, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$e), props);
   const content = () => {
     if (dot)
       return;
@@ -12340,9 +12371,9 @@ const Badge = (props) => {
     style: getStyle()
   }, content()));
 };
-Badge.defaultProps = defaultProps$d;
+Badge.defaultProps = defaultProps$e;
 Badge.displayName = "NutBadge";
-const defaultProps$c = {
+const defaultProps$d = {
   type: "default",
   color: "",
   textColor: "",
@@ -12368,7 +12399,7 @@ const Tag = (props) => {
     textColor,
     isShow,
     onClick
-  } = __spreadValues(__spreadValues({}, defaultProps$c), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$d), props);
   const [btnName, setBtnName] = useState("");
   useEffect(() => {
     setBtnName(classes());
@@ -12421,7 +12452,7 @@ const Tag = (props) => {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$c;
+Tag.defaultProps = defaultProps$d;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -12478,7 +12509,7 @@ const getEleAttr = (ele) => {
   }
   return null;
 };
-const defaultProps$b = {
+const defaultProps$c = {
   list: [],
   theme: "light",
   location: "bottom",
@@ -12488,7 +12519,7 @@ const defaultProps$b = {
   }
 };
 const Popover = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$b), props), { children, list, theme, location: location2, visible, className, style, onClick } = _a, reset = __objRest(_a, ["children", "list", "theme", "location", "visible", "className", "style", "onClick"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$c), props), { children, list, theme, location: location2, visible, className, style, onClick } = _a, reset = __objRest(_a, ["children", "list", "theme", "location", "visible", "className", "style", "onClick"]);
   const goodItem = useRef(null);
   const aa = goodItem.current && findDOMNode(goodItem.current);
   setTimeout(() => {
@@ -12594,9 +12625,9 @@ const Popover = (props) => {
     }, item.name));
   })) : null)));
 };
-Popover.defaultProps = defaultProps$b;
+Popover.defaultProps = defaultProps$c;
 Popover.displayName = "NutPopover";
-const defaultProps$a = {
+const defaultProps$b = {
   width: 100,
   height: 100,
   row: 1,
@@ -12609,7 +12640,7 @@ const defaultProps$a = {
   avatarShape: "round"
 };
 const Skeleton = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$b), props), {
     className,
     width,
     height,
@@ -12680,8 +12711,190 @@ const Skeleton = (props) => {
     });
   })))));
 };
-Skeleton.defaultProps = defaultProps$a;
+Skeleton.defaultProps = defaultProps$b;
 Skeleton.displayName = "NutSkeleton";
+const defaultProps$a = {
+  showPlainText: false,
+  showDays: false,
+  paused: false,
+  startTime: Date.now(),
+  endTime: Date.now()
+};
+const CountDown = (props) => {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
+    showPlainText,
+    showDays,
+    paused,
+    startTime,
+    endTime,
+    className,
+    style,
+    onEnd,
+    onPaused,
+    onRestart,
+    onUpdate,
+    children
+  } = _a, rest = __objRest(_a, [
+    "showPlainText",
+    "showDays",
+    "paused",
+    "startTime",
+    "endTime",
+    "className",
+    "style",
+    "onEnd",
+    "onPaused",
+    "onRestart",
+    "onUpdate",
+    "children"
+  ]);
+  const b2 = cn("countdown");
+  const [restTimeStamp, setRestTime] = useState(0);
+  const stateRef = useRef({
+    pauseTime: 0,
+    curr: 0,
+    timer: 0,
+    isPaused: paused,
+    isIninted: false
+  });
+  const fill2 = (v2) => {
+    v2 += "";
+    while (v2.length < 2) {
+      v2 = "0" + v2;
+    }
+    return v2;
+  };
+  const restTime = (t2) => {
+    const ts2 = t2;
+    let rest2 = {
+      d: "-",
+      h: "--",
+      m: "--",
+      s: "--"
+    };
+    if (ts2 === 0) {
+      rest2 = {
+        d: "0",
+        h: "00",
+        m: "00",
+        s: "00"
+      };
+    }
+    if (ts2) {
+      const ds = 24 * 60 * 60 * 1e3;
+      const hs = 60 * 60 * 1e3;
+      const ms = 60 * 1e3;
+      const d2 = ts2 >= ds ? parseInt(String(ts2 / ds)) : 0;
+      const h2 = ts2 - d2 * ds >= hs ? parseInt(String((ts2 - d2 * ds) / hs)) : 0;
+      const m2 = ts2 - d2 * ds - h2 * hs >= ms ? parseInt(String((ts2 - d2 * ds - h2 * hs) / ms)) : 0;
+      const s = Math.round((ts2 - d2 * ds - h2 * hs - m2 * ms) / 1e3);
+      if (d2 >= 0)
+        rest2.d = d2 + "";
+      if (h2 >= 0)
+        rest2.h = fill2(h2);
+      if (m2 >= 0)
+        rest2.m = fill2(m2);
+      if (s >= 0)
+        rest2.s = fill2(s);
+    }
+    return rest2;
+  };
+  const resttime = (() => {
+    const rest2 = restTime(restTimeStamp);
+    const { d: d2 } = rest2;
+    if (!showDays && Number(d2) > 0) {
+      rest2.h = fill2(Number(rest2.h) + Number(d2) * 24);
+      rest2.d = "0";
+    }
+    return rest2;
+  })();
+  const getTimeStamp = (timeStr) => {
+    if (!timeStr)
+      return Date.now();
+    let t2 = timeStr;
+    t2 = t2 > 0 ? +t2 : t2.toString().replace(/\-/g, "/");
+    return new Date(t2).getTime();
+  };
+  const plainText = (() => {
+    const { d: d2, h: h2, m: m2, s } = resttime;
+    const showDayshours = Number(d2) > 0 && showDays ? `${d2}\u5929${h2}` : h2;
+    return `${showDayshours}\u5C0F\u65F6${m2}\u5206${s}\u79D2`;
+  })();
+  const initTimer = () => {
+    if (!stateRef.current.isIninted) {
+      stateRef.current.isIninted = true;
+    }
+    const delay = 1e3;
+    const curr = Date.now();
+    const start2 = getTimeStamp(startTime || curr);
+    const end = getTimeStamp(endTime || curr);
+    const diffTime = curr - start2;
+    setRestTime(end - (start2 + diffTime));
+    stateRef.current.timer = setInterval(() => {
+      if (!stateRef.current.isPaused) {
+        const restTime2 = end - (Date.now() - stateRef.current.pauseTime + diffTime);
+        setRestTime(restTime2);
+        if (restTime2 < 0) {
+          setRestTime(0);
+          onEnd && onEnd();
+          clearInterval(stateRef.current.timer);
+        }
+      }
+    }, delay);
+  };
+  useEffect(() => {
+    if (onUpdate) {
+      const tranTime = restTime(restTimeStamp);
+      onUpdate(tranTime);
+    }
+  }, [restTimeStamp]);
+  useEffect(() => {
+    if (stateRef.current.isIninted) {
+      stateRef.current.isPaused = paused;
+      if (paused) {
+        stateRef.current.curr = getTimeStamp();
+        onPaused && onPaused(restTimeStamp);
+      } else {
+        stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
+        onRestart && onRestart(restTimeStamp);
+      }
+    }
+  }, [paused]);
+  useEffect(() => {
+    if (stateRef.current.isIninted) {
+      initTimer();
+    }
+  }, [endTime, startTime]);
+  useEffect(() => {
+    initTimer();
+    return componentWillUnmount;
+  }, []);
+  const componentWillUnmount = () => {
+    clearInterval(stateRef.current.timer);
+  };
+  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+    className: `${b2()} ${className || ""}`,
+    style: __spreadValues({}, style)
+  }, rest), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, showPlainText ? /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block")
+  }, " ", plainText, " ") : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block")
+  }, resttime.d), /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("dot")
+  }, "\u5929")) : null, /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block")
+  }, resttime.h), /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("dot")
+  }, ":"), /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block")
+  }, resttime.m), /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("dot")
+  }, ":"), /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block")
+  }, resttime.s))));
+};
+CountDown.defaultProps = defaultProps$a;
+CountDown.displayName = "NutCountDown";
 const defaultProps$9 = {
   activeName: ["0"],
   accordion: false,
@@ -13693,4 +13906,4 @@ const Card = (props) => {
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";
-export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };
+export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };