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

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @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.
 */
@@ -2504,7 +2504,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$j = "nut-cell";
+  const classPrefix$k = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2535,19 +2535,19 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$j, className),
+        className: classNames(classPrefix$k, className),
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$j}__extra`,
+          className: `${classPrefix$k}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__divider` }))
     );
   };
   Cell.defaultProps = defaultProps$1r;
@@ -2558,16 +2558,16 @@ Check the top-level render call using <` + t + ">.");
     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.createElement("div", { className: classNames(classPrefix$i, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$j, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}__description` }, description) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$i}__wrap ${divider ? `${classPrefix$i}__wrap--divider` : ""}`
+        className: `${classPrefix$j}__wrap ${divider ? `${classPrefix$j}__wrap--divider` : ""}`
       },
       children
     ));
@@ -3044,7 +3044,7 @@ Check the top-level render call using <` + t + ">.");
     loading: true,
     lazy: false
   };
-  const classPrefix$h = "nut-image";
+  const classPrefix$i = "nut-image";
   const Image$1 = (props) => {
     const {
       className,
@@ -3155,7 +3155,7 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$h, className),
+        className: classNames(classPrefix$i, className),
         style: containerStyle,
         onClick: (e) => {
           imageClick(e);
@@ -3321,21 +3321,21 @@ Check the top-level render call using <` + t + ">.");
     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.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
@@ -3493,7 +3493,7 @@ Check the top-level render call using <` + t + ">.");
   };
   Layout.defaultProps = defaultProps$1j;
   Layout.displayName = "NutLayout";
-  const classPrefix$f = "nut-row";
+  const classPrefix$g = "nut-row";
   const defaultProps$1i = {
     ...ComponentDefaults,
     type: "",
@@ -3528,7 +3528,7 @@ Check the top-level render call using <` + t + ">.");
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$f}
+    ${classPrefix$g}
    `;
     };
     const parentRow = {
@@ -3627,7 +3627,7 @@ Check the top-level render call using <` + t + ">.");
     threshold: 0,
     zIndex: 2e3
   };
-  const classPrefix$e = "nut-sticky";
+  const classPrefix$f = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3749,7 +3749,7 @@ Check the top-level render call using <` + t + ">.");
       {
         ref: rootRef,
         style: { ...style, ...rootStyle },
-        className: classNames(classPrefix$e, className),
+        className: classNames(classPrefix$f, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-sticky--box", ref: stickyRef, style: stickyStyle }, children)
@@ -11601,7 +11601,7 @@ Please add \`${key}Action\` when creating your handler.`);
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$d = "nut-tabs";
+  const classPrefix$e = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -11695,14 +11695,14 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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 : "",
@@ -11732,7 +11732,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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
@@ -11743,14 +11743,14 @@ Please add \`${key}Action\` when creating your handler.`);
         activeType === "line" && /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix$d}__titles-item__line`,
+            className: `${classPrefix$e}__titles-item__line`,
             style: tabsActiveStyle
           }
         ),
         activeType === "smile" && /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix$d}__titles-item__smile`,
+            className: `${classPrefix$e}__titles-item__smile`,
             style: tabsActiveStyle
           },
           /* @__PURE__ */ React.createElement(x$7, { color: activeColor, width: 40, height: 20 })
@@ -11762,13 +11762,13 @@ Please add \`${key}Action\` when creating your handler.`);
               {
                 ellipsis: true
               },
-              `${classPrefix$d}__titles-item__text`
+              `${classPrefix$e}__titles-item__text`
             )
           },
           item.title
         )
       );
-    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$d}__content__wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$d}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$e}__content__wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$e}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -13841,7 +13841,7 @@ Please add \`${key}Action\` when creating your handler.`);
     },
     options: []
   };
-  const classPrefix$c = "nut-checkboxgroup";
+  const classPrefix$d = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
       const { children } = { ...defaultProps$Z, ...props };
@@ -13923,7 +13923,7 @@ Please add \`${key}Action\` when creating your handler.`);
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$c, className, {
+            className: classNames(classPrefix$d, className, {
               [`nut-checkboxgroup--${props.direction}`]: props.direction
             }),
             ...rest
@@ -13945,7 +13945,7 @@ Please add \`${key}Action\` when creating your handler.`);
     onChange: (value) => {
     }
   };
-  const classPrefix$b = "nut-checkbox";
+  const classPrefix$c = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
       ...defaultProps$Y,
@@ -14007,22 +14007,22 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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.createElement(
         "span",
         {
-          className: classNames(`${classPrefix$b}__label `, {
-            [`${classPrefix$b}__label--disabled`]: innerDisabled
+          className: classNames(`${classPrefix$c}__label `, {
+            [`${classPrefix$c}__label--disabled`]: innerDisabled
           })
         },
         children || label
@@ -14041,8 +14041,8 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.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
@@ -16466,7 +16466,7 @@ Please add \`${key}Action\` when creating your handler.`);
     digits: 0,
     async: false
   };
-  const classPrefix$a = `nut-inputnumber`;
+  const classPrefix$b = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -16509,8 +16509,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$a}`]: true,
-        [`${classPrefix$a}--disabled`]: disabled
+        [`${classPrefix$b}`]: true,
+        [`${classPrefix$b}--disabled`]: disabled
       },
       className
     );
@@ -17168,7 +17168,7 @@ Please add \`${key}Action\` when creating your handler.`);
     direction: "vertical",
     options: []
   };
-  const classPrefix$9 = "nut-radiogroup";
+  const classPrefix$a = "nut-radiogroup";
   const RadioGroup = React.forwardRef(
     (props, ref) => {
       const {
@@ -17224,8 +17224,8 @@ Please add \`${key}Action\` when creating your handler.`);
         /* @__PURE__ */ React.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
           },
@@ -19428,7 +19428,7 @@ Please add \`${key}Action\` when creating your handler.`);
     imageSize: "",
     status: "empty"
   };
-  const classPrefix$8 = `nut-empty`;
+  const classPrefix$9 = `nut-empty`;
   const Empty = (props) => {
     const { locale } = useConfig();
     const {
@@ -19463,7 +19463,7 @@ Please add \`${key}Action\` when creating your handler.`);
         };
       });
     }, [imageSize]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$8} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$8}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$8}__description` }, description || locale.noData) : description, children));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9}__description` }, description || locale.noData) : description, children));
   };
   Empty.defaultProps = defaultProps$A;
   Empty.displayName = "NutEmpty";
@@ -20036,7 +20036,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   NoticeBar.defaultProps = defaultProps$y;
   NoticeBar.displayName = "NutNoticeBar";
-  const classPrefix$7 = "nut-notify";
+  const classPrefix$8 = "nut-notify";
   let Notification$1 = (_a = class extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
@@ -20087,10 +20087,10 @@ Please add \`${key}Action\` when creating your handler.`);
       const { style, message, type: type2, 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}--${type2}`]: true
+        [`${classPrefix$8}--popup-top`]: position === "top",
+        [`${classPrefix$8}--popup-bottom`]: position === "bottom",
+        [`${classPrefix$8}`]: true,
+        [`${classPrefix$8}--${type2}`]: true
       });
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
         CSSTransition$1,
@@ -20570,7 +20570,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 {
@@ -20602,7 +20602,7 @@ Please add \`${key}Action\` when creating your handler.`);
       [`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`,
@@ -20918,7 +20918,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   Swipe.defaultProps = defaultProps$t;
   Swipe.displayName = "NutSwipe";
-  const classPrefix$5 = "nut-toast";
+  const classPrefix$6 = "nut-toast";
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
@@ -20971,7 +20971,7 @@ Please add \`${key}Action\` when creating your handler.`);
             iconNode = /* @__PURE__ */ React__namespace.createElement(x$8, null);
             break;
         }
-        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$5}__icon-wrapper` }, iconNode);
+        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$6}__icon-wrapper` }, iconNode);
       }
       return icon;
     }
@@ -21004,22 +21004,22 @@ Please add \`${key}Action\` when creating your handler.`);
         {
           visible: true,
           style,
-          className: `${classPrefix$5}__overlay-default ${className}`,
+          className: `${classPrefix$6}__overlay-default ${className}`,
           onClick: () => {
             console.log("onclick");
             this.clickCover();
           },
           closeOnOverlayClick
         },
-        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$5} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.createElement(
+        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.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__namespace.createElement("div", { className: `${classPrefix$5}-title` }, title) : null,
-          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$5}-text` }, content)
+          title ? /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6}-title` }, title) : null,
+          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$6}-text` }, content)
         ))
       ));
     }
@@ -21130,7 +21130,7 @@ Please add \`${key}Action\` when creating your handler.`);
     onClick: (event) => {
     }
   };
-  const classPrefix$4 = `nut-animate`;
+  const classPrefix$5 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop: loop2, onClick, children, ...rest } = {
       ...defaultProps$s,
@@ -21139,7 +21139,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$4}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix$5}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -21157,37 +21157,38 @@ Please add \`${key}Action\` when creating your handler.`);
   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 = React.useRef(null);
     const timerRef = React.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 = React.useMemo(getShowNumber, [endNumber, maxLen, thousands]);
+    const numerArr = React.useMemo(getShowNumber, [value, length, thousands]);
     const setNumberTransform = () => {
       if (countupRef.current) {
         const numberItems = countupRef.current.querySelectorAll(
@@ -21208,28 +21209,33 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const numberEaseStyle = {
-      transition: `transform ${easeSpeed}s ease-in-out`
+      transition: `transform ${duration}s ease-in-out`
     };
     React.useEffect(() => {
       timerRef.current = window.setTimeout(() => {
         setNumberTransform();
-      }, delaySpeed);
+      }, delay);
       return () => {
         window.clearTimeout(timerRef.current);
       };
     }, [numerArr]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className}`, ref: countupRef }, /* @__PURE__ */ React.createElement("ul", { className: b("list") }, numerArr.map((item, idx) => {
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ref: countupRef }, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}__list` }, numerArr.map((item, idx) => {
       return /* @__PURE__ */ React.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.createElement("span", { className: b("number"), style: numberEaseStyle }, [...numbers, ...numbers].map((number2, subidx) => {
-          return /* @__PURE__ */ React.createElement("span", { key: subidx }, number2);
-        })) : /* @__PURE__ */ React.createElement("span", { className: b("separator") }, item)
+        !Number.isNaN(Number(item)) ? /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: `${classPrefix2}__number`,
+            style: numberEaseStyle
+          },
+          [...numbers, ...numbers].map((number2, subidx) => {
+            return /* @__PURE__ */ React.createElement("span", { key: subidx }, number2);
+          })
+        ) : /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__separator` }, item)
       );
     })));
   };
@@ -21509,12 +21515,12 @@ Please add \`${key}Action\` when creating your handler.`);
     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 = React.useRef(null);
-    const cls = classNames(classPrefix$3, className);
+    const cls = classNames(classPrefix$4, className);
     const parentAvatar = {
       propAvatarGroup,
       avatarGroupRef
@@ -21532,7 +21538,7 @@ Please add \`${key}Action\` when creating your handler.`);
     background: "#e5e9f2",
     clockwise: true
   };
-  const classPrefix$2 = `nut-circleprogress`;
+  const classPrefix$3 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     var _a2;
     const {
@@ -21551,7 +21557,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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`,
@@ -22054,7 +22060,7 @@ Please add \`${key}Action\` when creating your handler.`);
     symbol: "...",
     lineHeight: "20"
   };
-  const classPrefix$1 = `nut-ellipsis`;
+  const classPrefix$2 = `nut-ellipsis`;
   const Ellipsis = (props) => {
     var _a2, _b;
     const {
@@ -22077,7 +22083,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [expanded, setExpanded] = React.useState(false);
     const ellipsis = React.useRef();
     const root2 = React.useRef(null);
-    const classes = classNames(classPrefix$1, className);
+    const classes = classNames(classPrefix$2, className);
     React.useLayoutEffect(() => {
       if (content) {
         createContainer();
@@ -22221,6 +22227,7 @@ Please add \`${key}Action\` when creating your handler.`);
   Ellipsis.defaultProps = defaultProps$j;
   Ellipsis.displayName = "NutEllipsis";
   const defaultProps$i = {
+    ...ComponentDefaults,
     source: {
       type: {},
       src: ""
@@ -22235,15 +22242,13 @@ Please add \`${key}Action\` when creating your handler.`);
       loop: false
     }
   };
+  const classPrefix$1 = `nut-video`;
   const Video = (props) => {
     const {
       children,
       source,
       options: options2,
       className,
-      play,
-      pause,
-      playend,
       onPlay,
       onPause,
       onPlayEnd,
@@ -22253,8 +22258,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const rootRef = React.useRef(null);
-    const b = cn("video");
-    const classes = classNames(className, b(""));
+    const classes = classNames(className, classPrefix$1);
     React.useEffect(() => {
       init();
     }, []);
@@ -22274,16 +22278,13 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         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);
         });
       }
     };
@@ -24172,43 +24173,42 @@ Please add \`${key}Action\` when creating your handler.`);
   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 = React.useRef(rate > 0);
+    const classPrefix2 = "nut-trendarrow";
+    const rateTrend = React.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);
@@ -24216,20 +24216,20 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 = (() => {
@@ -24240,13 +24240,21 @@ Please add \`${key}Action\` when creating your handler.`);
     })();
     const renderContent = (arrowLeft2) => {
       const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
-      return /* @__PURE__ */ React.createElement("span", { className: `${b(classNameSuffix)} ${b("rate")}`, style: calcStyle }, calcRate);
+      return /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `${classPrefix2}__${classNameSuffix} ${classPrefix2}__value`,
+          style: calcStyle
+        },
+        calcRate
+      );
     };
-    return /* @__PURE__ */ React.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick2 }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React.createElement(React.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend ? /* @__PURE__ */ React.createElement(y, { color: calcIconProps.color }) : /* @__PURE__ */ React.createElement(y$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(y, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, downIcon || /* @__PURE__ */ React.createElement(y$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
   };
   TrendArrow.defaultProps = defaultProps$1;
   TrendArrow.displayName = "NutTrendArrow";
   const defaultProps = {
+    ...ComponentDefaults,
     content: "",
     fullPage: true,
     zIndex: 2e3,
@@ -24258,9 +24266,8 @@ Please add \`${key}Action\` when creating your handler.`);
     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
   };
@@ -24279,22 +24286,20 @@ Please add \`${key}Action\` when creating your handler.`);
       imageWidth,
       imageHeight,
       rotate,
-      fontColor,
+      color,
       fontStyle,
       fontFamily,
       fontWeight,
       fontSize,
-      style,
-      children
+      style
     } = {
       ...defaultProps,
       ...props
     };
     const [base64Url, setBase64Url] = React.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);
     React.useEffect(() => {
@@ -24336,7 +24341,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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());