@nutui/nutui-react 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.0-alpha.12 Fri May 26 2023 15:23:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.13 Wed May 31 2023 14:48:32 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2486,7 +2486,7 @@ const defaultProps$1r = {
   onClick: (event) => {
   }
 };
-const classPrefix$j = "nut-cell";
+const classPrefix$k = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -2517,19 +2517,19 @@ const Cell = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$j, className),
+      className: classNames(classPrefix$k, className),
       onClick: (event) => handleClick2(event),
       style: baseStyle,
       ...rest
     },
-    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
+    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$k}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$k}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$k}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `${classPrefix$j}__extra`,
+        className: `${classPrefix$k}__extra`,
         style: styles
       },
       extra
-    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__divider` }))
+    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$k}__divider` }))
   );
 };
 Cell.defaultProps = defaultProps$1r;
@@ -2540,16 +2540,16 @@ const defaultProps$1q = {
   description: "",
   divider: true
 };
-const classPrefix$i = "nut-cell-group";
+const classPrefix$j = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
     ...defaultProps$1q,
     ...props
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$i, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$i}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$i}__description` }, description) : null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$j, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}__description` }, description) : null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: `${classPrefix$i}__wrap ${divider ? `${classPrefix$i}__wrap--divider` : ""}`
+      className: `${classPrefix$j}__wrap ${divider ? `${classPrefix$j}__wrap--divider` : ""}`
     },
     children
   ));
@@ -3026,7 +3026,7 @@ const defaultProps$1o = {
   loading: true,
   lazy: false
 };
-const classPrefix$h = "nut-image";
+const classPrefix$i = "nut-image";
 const Image$1 = (props) => {
   const {
     className,
@@ -3137,7 +3137,7 @@ const Image$1 = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$h, className),
+      className: classNames(classPrefix$i, className),
       style: containerStyle,
       onClick: (e) => {
         imageClick(e);
@@ -3303,21 +3303,21 @@ const defaultProps$1m = {
   contentPosition: "center",
   direction: "horizontal"
 };
-const classPrefix$g = `nut-divider`;
+const classPrefix$h = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
     ...defaultProps$1m,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
-    [`${classPrefix$g}`]: true,
-    [`${classPrefix$g}__center`]: children,
-    [`${classPrefix$g}__left`]: contentPosition === "left",
-    [`${classPrefix$g}__right`]: contentPosition === "right",
-    [`${classPrefix$g}__hairline`]: true
+    [`${classPrefix$h}`]: true,
+    [`${classPrefix$h}__center`]: children,
+    [`${classPrefix$h}__left`]: contentPosition === "left",
+    [`${classPrefix$h}__right`]: contentPosition === "right",
+    [`${classPrefix$h}__hairline`]: true
   }) : classNames({
-    [`${classPrefix$g}`]: true,
-    [`${classPrefix$g}__vertical`]: direction === "vertical"
+    [`${classPrefix$h}`]: true,
+    [`${classPrefix$h}__vertical`]: direction === "vertical"
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
@@ -3475,7 +3475,7 @@ const Layout = (props) => {
 };
 Layout.defaultProps = defaultProps$1j;
 Layout.displayName = "NutLayout";
-const classPrefix$f = "nut-row";
+const classPrefix$g = "nut-row";
 const defaultProps$1i = {
   ...ComponentDefaults,
   type: "",
@@ -3510,7 +3510,7 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$f}
+    ${classPrefix$g}
    `;
   };
   const parentRow = {
@@ -3609,7 +3609,7 @@ const defaultProps$1h = {
   threshold: 0,
   zIndex: 2e3
 };
-const classPrefix$e = "nut-sticky";
+const classPrefix$f = "nut-sticky";
 const Sticky = (props) => {
   const {
     position,
@@ -3731,7 +3731,7 @@ const Sticky = (props) => {
     {
       ref: rootRef,
       style: { ...style, ...rootStyle },
-      className: classNames(classPrefix$e, className),
+      className: classNames(classPrefix$f, className),
       ...rest
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-sticky--box", ref: stickyRef, style: stickyStyle }, children)
@@ -11583,7 +11583,7 @@ const defaultProps$15 = {
   duration: 300,
   autoHeight: false
 };
-const classPrefix$d = "nut-tabs";
+const classPrefix$e = "nut-tabs";
 const Tabs = (props) => {
   const {
     activeColor,
@@ -11677,14 +11677,14 @@ const Tabs = (props) => {
     }
   }, [children]);
   const classes = classNames(
-    classPrefix$d,
-    `${classPrefix$d}--${direction}`,
+    classPrefix$e,
+    `${classPrefix$e}--${direction}`,
     className
   );
-  const classesTitle = classNames(`${classPrefix$d}__titles`, {
-    [`${classPrefix$d}__titles--${activeType}`]: activeType,
-    [`${classPrefix$d}__titles--scrollable`]: true,
-    [`${classPrefix$d}__titles--${align}`]: align
+  const classesTitle = classNames(`${classPrefix$e}__titles`, {
+    [`${classPrefix$e}__titles--${activeType}`]: activeType,
+    [`${classPrefix$e}__titles--scrollable`]: true,
+    [`${classPrefix$e}__titles--${align}`]: align
   });
   const tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
@@ -11714,7 +11714,7 @@ const Tabs = (props) => {
         onClick: () => {
           tabChange(item);
         },
-        className: classNames(`${classPrefix$d}__titles-item`, {
+        className: classNames(`${classPrefix$e}__titles-item`, {
           [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
           [`nut-tabs__titles-item--disabled`]: item.disabled,
           [`nut-tabs__titles-item--${align}`]: align
@@ -11725,14 +11725,14 @@ const Tabs = (props) => {
       activeType === "line" && /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: `${classPrefix$d}__titles-item__line`,
+          className: `${classPrefix$e}__titles-item__line`,
           style: tabsActiveStyle
         }
       ),
       activeType === "smile" && /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: `${classPrefix$d}__titles-item__smile`,
+          className: `${classPrefix$e}__titles-item__smile`,
           style: tabsActiveStyle
         },
         /* @__PURE__ */ React__default.createElement(x$7, { color: activeColor, width: 40, height: 20 })
@@ -11744,13 +11744,13 @@ const Tabs = (props) => {
             {
               ellipsis: true
             },
-            `${classPrefix$d}__titles-item__text`
+            `${classPrefix$e}__titles-item__text`
           )
         },
         item.title
       )
     );
-  })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$d}__content__wrap` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$d}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+  })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$e}__content__wrap` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$e}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
     if (!React__default.isValidElement(child)) {
       return null;
     }
@@ -13823,7 +13823,7 @@ const defaultProps$Z = {
   },
   options: []
 };
-const classPrefix$c = "nut-checkboxgroup";
+const classPrefix$d = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
     const { children } = { ...defaultProps$Z, ...props };
@@ -13905,7 +13905,7 @@ const CheckboxGroup = React__default.forwardRef(
       /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: classNames(classPrefix$c, className, {
+          className: classNames(classPrefix$d, className, {
             [`nut-checkboxgroup--${props.direction}`]: props.direction
           }),
           ...rest
@@ -13927,7 +13927,7 @@ const defaultProps$Y = {
   onChange: (value) => {
   }
 };
-const classPrefix$b = "nut-checkbox";
+const classPrefix$c = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
     ...defaultProps$Y,
@@ -13989,22 +13989,22 @@ const Checkbox = (props) => {
   };
   const color = () => {
     if (innerDisabled) {
-      return `${classPrefix$b}__icon--disable`;
+      return `${classPrefix$c}__icon--disable`;
     }
     if (innerChecked) {
       if (innerIndeterminate) {
-        return `${classPrefix$b}__icon--indeterminate`;
+        return `${classPrefix$c}__icon--indeterminate`;
       }
-      return `${classPrefix$b}__icon`;
+      return `${classPrefix$c}__icon`;
     }
-    return `${classPrefix$b}__icon--unchecked`;
+    return `${classPrefix$c}__icon--unchecked`;
   };
   const renderLabel = () => {
     return /* @__PURE__ */ React__default.createElement(
       "span",
       {
-        className: classNames(`${classPrefix$b}__label `, {
-          [`${classPrefix$b}__label--disabled`]: innerDisabled
+        className: classNames(`${classPrefix$c}__label `, {
+          [`${classPrefix$c}__label--disabled`]: innerDisabled
         })
       },
       children || label
@@ -14023,8 +14023,8 @@ const Checkbox = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$b, className, {
-        [`${classPrefix$b}--reverse`]: labelPosition === "left"
+      className: classNames(classPrefix$c, className, {
+        [`${classPrefix$c}--reverse`]: labelPosition === "left"
       }),
       ...rest,
       onClick: handleClick2
@@ -16448,7 +16448,7 @@ const defaultProps$S = {
   digits: 0,
   async: false
 };
-const classPrefix$a = `nut-inputnumber`;
+const classPrefix$b = `nut-inputnumber`;
 const InputNumber = (props) => {
   const {
     children,
@@ -16491,8 +16491,8 @@ const InputNumber = (props) => {
   }, []);
   const classes = classNames(
     {
-      [`${classPrefix$a}`]: true,
-      [`${classPrefix$a}--disabled`]: disabled
+      [`${classPrefix$b}`]: true,
+      [`${classPrefix$b}--disabled`]: disabled
     },
     className
   );
@@ -17150,7 +17150,7 @@ const defaultProps$O = {
   direction: "vertical",
   options: []
 };
-const classPrefix$9 = "nut-radiogroup";
+const classPrefix$a = "nut-radiogroup";
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
     const {
@@ -17206,8 +17206,8 @@ const RadioGroup = React__default.forwardRef(
       /* @__PURE__ */ React__default.createElement(
         "div",
         {
-          className: classNames(classPrefix$9, className, {
-            [`${classPrefix$9}--${props.direction}`]: props.direction
+          className: classNames(classPrefix$a, className, {
+            [`${classPrefix$a}--${props.direction}`]: props.direction
           }),
           ...rest
         },
@@ -19410,7 +19410,7 @@ const defaultProps$A = {
   imageSize: "",
   status: "empty"
 };
-const classPrefix$8 = `nut-empty`;
+const classPrefix$9 = `nut-empty`;
 const Empty = (props) => {
   const { locale } = useConfig();
   const {
@@ -19445,7 +19445,7 @@ const Empty = (props) => {
       };
     });
   }, [imageSize]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$8} ${className}`, ...rest }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$8}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$8}__description` }, description || locale.noData) : description, children));
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$9} ${className}`, ...rest }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$9}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$9}__description` }, description || locale.noData) : description, children));
 };
 Empty.defaultProps = defaultProps$A;
 Empty.displayName = "NutEmpty";
@@ -20018,7 +20018,7 @@ const NoticeBar = (props) => {
 };
 NoticeBar.defaultProps = defaultProps$y;
 NoticeBar.displayName = "NutNoticeBar";
-const classPrefix$7 = "nut-notify";
+const classPrefix$8 = "nut-notify";
 let Notification$1 = (_a = class extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -20069,10 +20069,10 @@ let Notification$1 = (_a = class extends React.PureComponent {
     const { style, message, type: type4, className, position } = this.props;
     const { show: show2 } = this.state;
     const classes = classNames({
-      [`${classPrefix$7}--popup-top`]: position === "top",
-      [`${classPrefix$7}--popup-bottom`]: position === "bottom",
-      [`${classPrefix$7}`]: true,
-      [`${classPrefix$7}--${type4}`]: true
+      [`${classPrefix$8}--popup-top`]: position === "top",
+      [`${classPrefix$8}--popup-bottom`]: position === "bottom",
+      [`${classPrefix$8}`]: true,
+      [`${classPrefix$8}--${type4}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition$1,
@@ -20552,7 +20552,7 @@ const defaultProps$v = {
   src: "",
   alt: ""
 };
-const classPrefix$6 = `nut-avatar`;
+const classPrefix$7 = `nut-avatar`;
 const Avatar = (props) => {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const {
@@ -20584,7 +20584,7 @@ const Avatar = (props) => {
     [`nut-avatar-${((_a2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a2.size) || size || "normal"}`]: true,
     [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
   });
-  const cls = classNames(classPrefix$6, classes, className);
+  const cls = classNames(classPrefix$7, classes, className);
   const styles = {
     width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
     height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -20900,7 +20900,7 @@ const Swipe = forwardRef((props, instanceRef) => {
 });
 Swipe.defaultProps = defaultProps$t;
 Swipe.displayName = "NutSwipe";
-const classPrefix$5 = "nut-toast";
+const classPrefix$6 = "nut-toast";
 class Notification extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -20953,7 +20953,7 @@ class Notification extends React.PureComponent {
           iconNode = /* @__PURE__ */ React.createElement(x$8, null);
           break;
       }
-      return /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$5}__icon-wrapper` }, iconNode);
+      return /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$6}__icon-wrapper` }, iconNode);
     }
     return icon;
   }
@@ -20986,22 +20986,22 @@ class Notification extends React.PureComponent {
       {
         visible: true,
         style,
-        className: `${classPrefix$5}__overlay-default ${className}`,
+        className: `${classPrefix$6}__overlay-default ${className}`,
         onClick: () => {
           console.log("onclick");
           this.clickCover();
         },
         closeOnOverlayClick
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$5} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$6} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$5}__inner ${classPrefix$5}-${position} ${contentClassName}`,
+          className: `${classPrefix$6}__inner ${classPrefix$6}-${position} ${contentClassName}`,
           style: contentStyle
         },
         this.renderIcon(),
-        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$5}-title` }, title) : null,
-        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$5}-text` }, content)
+        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$6}-title` }, title) : null,
+        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$6}-text` }, content)
       ))
     ));
   }
@@ -21112,7 +21112,7 @@ const defaultProps$s = {
   onClick: (event) => {
   }
 };
-const classPrefix$4 = `nut-animate`;
+const classPrefix$5 = `nut-animate`;
 const Animate = (props) => {
   const { className, type: type4, action, loop: loop2, onClick, children, ...rest } = {
     ...defaultProps$s,
@@ -21121,7 +21121,7 @@ const Animate = (props) => {
   const [clicked, setClicked] = useState(false);
   const classes = classNames({
     "nut-ani-container": true,
-    [`${classPrefix$4}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${classPrefix$5}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop: loop2
   });
   const cls = classNames(classes, className);
@@ -21139,37 +21139,38 @@ const Animate = (props) => {
 Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
-  maxLen: 0,
-  endNumber: "",
-  delaySpeed: 300,
-  easeSpeed: 1,
-  thousands: false,
-  className: ""
+  ...ComponentDefaults,
+  length: 0,
+  value: "",
+  delay: 300,
+  duration: 1,
+  thousands: false
 };
 const CountUp = (props) => {
   const {
-    maxLen,
-    endNumber,
-    delaySpeed,
-    easeSpeed,
+    length,
+    value,
+    delay,
+    duration,
     className,
     thousands,
+    style,
     ...reset
   } = {
     ...defaultProps$r,
     ...props
   };
-  const b = cn("countup");
+  const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
   const numbers = Array.from({ length: 10 }, (v, i) => i);
   const getShowNumber = () => {
-    const splitArr = endNumber.split(".");
-    const intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
+    const splitArr = value.split(".");
+    const intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
     const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
     return currNumber.split("");
   };
-  const numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
+  const numerArr = useMemo(getShowNumber, [value, length, thousands]);
   const setNumberTransform = () => {
     if (countupRef.current) {
       const numberItems = countupRef.current.querySelectorAll(
@@ -21190,28 +21191,33 @@ const CountUp = (props) => {
     }
   };
   const numberEaseStyle = {
-    transition: `transform ${easeSpeed}s ease-in-out`
+    transition: `transform ${duration}s ease-in-out`
   };
   useEffect(() => {
     timerRef.current = window.setTimeout(() => {
       setNumberTransform();
-    }, delaySpeed);
+    }, delay);
     return () => {
       window.clearTimeout(timerRef.current);
     };
   }, [numerArr]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${b()} ${className}`, ref: countupRef }, /* @__PURE__ */ React__default.createElement("ul", { className: b("list") }, numerArr.map((item, idx) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, ref: countupRef }, /* @__PURE__ */ React__default.createElement("ul", { className: `${classPrefix2}__list` }, numerArr.map((item, idx) => {
     return /* @__PURE__ */ React__default.createElement(
       "li",
       {
-        className: `${b("listitem", {
-          number: !Number.isNaN(Number(item))
-        })}`,
+        className: `${classPrefix2}__listitem ${!Number.isNaN(Number(item)) ? `${classPrefix2}__listitem--number` : ""}`,
         key: idx
       },
-      !Number.isNaN(Number(item)) ? /* @__PURE__ */ React__default.createElement("span", { className: b("number"), style: numberEaseStyle }, [...numbers, ...numbers].map((number4, subidx) => {
-        return /* @__PURE__ */ React__default.createElement("span", { key: subidx }, number4);
-      })) : /* @__PURE__ */ React__default.createElement("span", { className: b("separator") }, item)
+      !Number.isNaN(Number(item)) ? /* @__PURE__ */ React__default.createElement(
+        "span",
+        {
+          className: `${classPrefix2}__number`,
+          style: numberEaseStyle
+        },
+        [...numbers, ...numbers].map((number4, subidx) => {
+          return /* @__PURE__ */ React__default.createElement("span", { key: subidx }, number4);
+        })
+      ) : /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}__separator` }, item)
     );
   })));
 };
@@ -21491,12 +21497,12 @@ const defaultProps$o = {
   gap: "-8",
   level: "left"
 };
-const classPrefix$3 = `nut-avatar-group`;
+const classPrefix$4 = `nut-avatar-group`;
 const AvatarGroup = (props) => {
   const propAvatarGroup = { ...defaultProps$o, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
-  const cls = classNames(classPrefix$3, className);
+  const cls = classNames(classPrefix$4, className);
   const parentAvatar = {
     propAvatarGroup,
     avatarGroupRef
@@ -21514,7 +21520,7 @@ const defaultProps$n = {
   background: "#e5e9f2",
   clockwise: true
 };
-const classPrefix$2 = `nut-circleprogress`;
+const classPrefix$3 = `nut-circleprogress`;
 const CircleProgress = (props) => {
   var _a2;
   const {
@@ -21533,7 +21539,7 @@ const CircleProgress = (props) => {
     ...defaultProps$n,
     ...props
   };
-  const classes = classNames(className, classPrefix$2);
+  const classes = classNames(className, classPrefix$3);
   const refRandomId = Math.random().toString(36).slice(-8);
   const styles = {
     height: `${Number(radius) * 2}px`,
@@ -22036,7 +22042,7 @@ const defaultProps$j = {
   symbol: "...",
   lineHeight: "20"
 };
-const classPrefix$1 = `nut-ellipsis`;
+const classPrefix$2 = `nut-ellipsis`;
 const Ellipsis = (props) => {
   var _a2, _b;
   const {
@@ -22059,7 +22065,7 @@ const Ellipsis = (props) => {
   const [expanded, setExpanded] = useState(false);
   const ellipsis = useRef();
   const root2 = useRef(null);
-  const classes = classNames(classPrefix$1, className);
+  const classes = classNames(classPrefix$2, className);
   useLayoutEffect(() => {
     if (content) {
       createContainer();
@@ -22203,6 +22209,7 @@ const Ellipsis = (props) => {
 Ellipsis.defaultProps = defaultProps$j;
 Ellipsis.displayName = "NutEllipsis";
 const defaultProps$i = {
+  ...ComponentDefaults,
   source: {
     type: {},
     src: ""
@@ -22217,15 +22224,13 @@ const defaultProps$i = {
     loop: false
   }
 };
+const classPrefix$1 = `nut-video`;
 const Video = (props) => {
   const {
     children,
     source,
     options: options2,
     className,
-    play,
-    pause,
-    playend,
     onPlay,
     onPause,
     onPlayEnd,
@@ -22235,8 +22240,7 @@ const Video = (props) => {
     ...props
   };
   const rootRef = useRef(null);
-  const b = cn("video");
-  const classes = classNames(className, b(""));
+  const classes = classNames(className, classPrefix$1);
   useEffect(() => {
     init();
   }, []);
@@ -22256,16 +22260,13 @@ const Video = (props) => {
       }
       videoRef.addEventListener("play", () => {
         onPlay && onPlay(videoRef);
-        play && play(videoRef);
       });
       videoRef.addEventListener("pause", () => {
         onPause && onPause(videoRef);
-        pause && pause(videoRef);
       });
       videoRef.addEventListener("ended", () => {
         videoRef.currentTime = 0;
         onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
       });
     }
   };
@@ -24154,43 +24155,42 @@ const TimeSelect = (props) => {
 TimeSelect.defaultProps = defaultProps$2;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$1 = {
-  rate: 0,
+  ...ComponentDefaults,
+  value: 0,
   digits: 2,
-  showSign: false,
-  showZero: false,
+  symbol: false,
+  zero: false,
   arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
+  syncColor: true,
+  color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
+  riseIcon: null,
+  downIcon: null
 };
 const TrendArrow = (props) => {
   const {
-    rate,
+    value,
     digits,
-    showSign,
-    showZero,
+    symbol,
+    zero,
     arrowLeft,
-    syncTextColor,
-    textColor,
+    syncColor,
+    color,
     riseColor,
     dropColor,
-    upIcon,
+    riseIcon,
     downIcon,
     className,
+    style,
     children,
     ...rest
   } = { ...defaultProps$1, ...props };
-  const b = cn("trendarrow");
-  const handleClick2 = () => {
-  };
-  const rateTrend = useRef(rate > 0);
+  const classPrefix2 = "nut-trendarrow";
+  const rateTrend = useRef(value > 0);
   const myFixed = (num, digit = 2) => {
     if (Object.is(parseFloat(num), NaN)) {
-      return console.log(`传入的值：${num}不是一个数字`);
+      return console.warn(`传入的值：${num}不是一个数字`);
     }
     num = parseFloat(num);
     const numPow = Math.pow(10, digit);
@@ -24198,20 +24198,20 @@ const TrendArrow = (props) => {
   };
   const calcStyle = (() => {
     const arrowColor = rateTrend.current ? riseColor : dropColor;
-    const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    const style = {
-      color: rate === 0 ? textColor : textEquArrowColor
+    const textEquArrowColor = syncColor ? arrowColor : color;
+    const style2 = {
+      color: value === 0 ? color : textEquArrowColor
     };
-    return style;
+    return style2;
   })();
   const calcRate = (() => {
-    rateTrend.current = rate > 0;
-    const absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
+    rateTrend.current = value > 0;
+    const absRate = Math.abs(value);
+    if (!zero && value === 0) {
       return "--";
     }
     const resultRate = `${// eslint-disable-next-line no-nested-ternary
-    showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
+    symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
     return resultRate;
   })();
   const calcIconProps = (() => {
@@ -24222,13 +24222,21 @@ const TrendArrow = (props) => {
   })();
   const renderContent = (arrowLeft2) => {
     const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
-    return /* @__PURE__ */ React__default.createElement("span", { className: `${b(classNameSuffix)} ${b("rate")}`, style: calcStyle }, calcRate);
+    return /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: `${classPrefix2}__${classNameSuffix} ${classPrefix2}__value`,
+        style: calcStyle
+      },
+      calcRate
+    );
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick2 }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, rateTrend ? /* @__PURE__ */ React__default.createElement(y, { color: calcIconProps.color }) : /* @__PURE__ */ React__default.createElement(y$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, rateTrend.current ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, riseIcon || /* @__PURE__ */ React__default.createElement(y, { color: calcIconProps.color })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, downIcon || /* @__PURE__ */ React__default.createElement(y$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
 };
 TrendArrow.defaultProps = defaultProps$1;
 TrendArrow.displayName = "NutTrendArrow";
 const defaultProps = {
+  ...ComponentDefaults,
   content: "",
   fullPage: true,
   zIndex: 2e3,
@@ -24240,9 +24248,8 @@ const defaultProps = {
   imageWidth: 120,
   imageHeight: 64,
   rotate: -22,
-  fontColor: "rgba(0,0,0,.15)",
+  color: "rgba(0,0,0,.15)",
   fontStyle: "normal",
-  fontFamily: "PingFang SC",
   fontWeight: "normal",
   fontSize: 14
 };
@@ -24261,22 +24268,20 @@ const WaterMark = (props) => {
     imageWidth,
     imageHeight,
     rotate,
-    fontColor,
+    color,
     fontStyle,
     fontFamily,
     fontWeight,
     fontSize,
-    style,
-    children
+    style
   } = {
     ...defaultProps,
     ...props
   };
   const [base64Url, setBase64Url] = useState("");
-  const b = cn("watermark");
-  const classes = classNames({
-    [`${b("")}`]: true,
-    [`${b("")}-full-page`]: fullPage
+  const classPrefix2 = "nut-watermark";
+  const classes = classNames(classPrefix2, {
+    [`${classPrefix2}-full-page`]: fullPage
   });
   const cls = classNames(classes, className);
   useEffect(() => {
@@ -24318,7 +24323,7 @@ const WaterMark = (props) => {
         ctx2.rotate(Math.PI / 180 * Number(rotate));
         const markSize = Number(fontSize) * ratio;
         ctx2.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
-        ctx2.fillStyle = fontColor;
+        ctx2.fillStyle = color;
         ctx2.fillText(content, 0, 0);
         ctx2.restore();
         setBase64Url(canvas.toDataURL());