@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:43:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:00:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1958,7 +1958,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$i = "nut-cell";
+  const classPrefix$k = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -1989,19 +1989,19 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$i, className),
+        className: classNames(classPrefix$k, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__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$i}__extra`,
+          className: `${classPrefix$k}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$i}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$k}__divider` }))
     );
   };
   Cell.defaultProps = defaultProps$1t;
@@ -2012,16 +2012,16 @@ var __publicField = (obj, key, value) => {
     description: "",
     divider: true
   };
-  const classPrefix$h = "nut-cell-group";
+  const classPrefix$j = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
       ...defaultProps$1s,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$h, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$h}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$h}__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$h}__wrap ${divider ? `${classPrefix$h}__wrap--divider` : ""}`
+        className: `${classPrefix$j}__wrap ${divider ? `${classPrefix$j}__wrap--divider` : ""}`
       },
       children
     ));
@@ -2576,7 +2576,7 @@ var __publicField = (obj, key, value) => {
   };
   Image$1.defaultProps = defaultProps$1q;
   Image$1.displayName = "NutImage";
-  const defaultOverlayProps = {
+  const defaultOverlayProps$1 = {
     ...ComponentDefaults,
     zIndex: 1e3,
     duration: 0.3,
@@ -2586,7 +2586,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const Overlay = (props) => {
+  const Overlay$1 = (props) => {
     const {
       children,
       zIndex,
@@ -2601,7 +2601,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       ...rest
     } = {
-      ...defaultOverlayProps,
+      ...defaultOverlayProps$1,
       ...props
     };
     const classPrefix2 = `nut-overlay`;
@@ -2666,8 +2666,8 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Overlay.defaultProps = defaultOverlayProps;
-  Overlay.displayName = "NutOverlay";
+  Overlay$1.defaultProps = defaultOverlayProps$1;
+  Overlay$1.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
   const defaultProps$1p = {
     ...ComponentDefaults,
@@ -2716,21 +2716,21 @@ var __publicField = (obj, key, value) => {
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$g = `nut-divider`;
+  const classPrefix$i = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
       ...defaultProps$1o,
       ...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$i}`]: true,
+      [`${classPrefix$i}__center`]: children,
+      [`${classPrefix$i}__left`]: contentPosition === "left",
+      [`${classPrefix$i}__right`]: contentPosition === "right",
+      [`${classPrefix$i}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$g}`]: true,
-      [`${classPrefix$g}__vertical`]: direction === "vertical"
+      [`${classPrefix$i}`]: true,
+      [`${classPrefix$i}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
@@ -2891,7 +2891,7 @@ var __publicField = (obj, key, value) => {
   };
   Layout.defaultProps = defaultProps$1l;
   Layout.displayName = "NutLayout";
-  const classPrefix$f = "nut-row";
+  const classPrefix$h = "nut-row";
   const defaultProps$1k = {
     ...ComponentDefaults,
     type: "",
@@ -2926,7 +2926,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$f}
+    ${classPrefix$h}
    `;
     };
     const parentRow = {
@@ -3002,7 +3002,7 @@ var __publicField = (obj, key, value) => {
     position: "top",
     zIndex: 2e3
   };
-  const classPrefix$e = "nut-sticky";
+  const classPrefix$g = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3104,7 +3104,7 @@ var __publicField = (obj, key, value) => {
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$e, className),
+        className: classNames(classPrefix$g, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement(
@@ -3470,7 +3470,7 @@ var __publicField = (obj, key, value) => {
         ...rest
       },
       overlay && /* @__PURE__ */ React.createElement(
-        Overlay,
+        Overlay$1,
         {
           visible,
           zIndex: 200,
@@ -5317,7 +5317,7 @@ var __publicField = (obj, key, value) => {
     },
     onClickOverlay: (e) => true,
     onClickCloseIcon: (e) => true,
-    ...defaultOverlayProps
+    ...defaultOverlayProps$1
   };
   let _zIndex = 2e3;
   const Popup = (props) => {
@@ -5458,7 +5458,7 @@ var __publicField = (obj, key, value) => {
     };
     const renderNode = () => {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Overlay,
+        Overlay$1,
         {
           style: overlayStyles,
           className: overlayClassName,
@@ -5818,7 +5818,7 @@ var __publicField = (obj, key, value) => {
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$d = "nut-tabs";
+  const classPrefix$f = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -5880,14 +5880,14 @@ var __publicField = (obj, key, value) => {
       }
     }, [children]);
     const classes = classNames(
-      classPrefix$d,
-      `${classPrefix$d}--${direction}`,
+      classPrefix$f,
+      `${classPrefix$f}--${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$f}__titles`, {
+      [`${classPrefix$f}__titles--${activeType}`]: activeType,
+      [`${classPrefix$f}__titles--scrollable`]: true,
+      [`${classPrefix$f}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -5933,7 +5933,7 @@ var __publicField = (obj, key, value) => {
             onClick: (e) => {
               tabChange(item);
             },
-            className: classNames(`${classPrefix$d}__titles-item`, {
+            className: classNames(`${classPrefix$f}__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
@@ -5943,14 +5943,14 @@ var __publicField = (obj, key, value) => {
           activeType === "line" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$d}__titles-item__line`,
+              className: `${classPrefix$f}__titles-item__line`,
               style: tabsActiveStyle
             }
           ),
           activeType === "smile" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$d}__titles-item__smile`,
+              className: `${classPrefix$f}__titles-item__smile`,
               style: tabsActiveStyle
             },
             /* @__PURE__ */ React.createElement(a$j, { color: activeColor, width: 40, height: 20 })
@@ -5962,14 +5962,14 @@ var __publicField = (obj, key, value) => {
                 {
                   ellipsis: true
                 },
-                `${classPrefix$d}__titles-item__text`
+                `${classPrefix$f}__titles-item__text`
               )
             },
             item.title
           )
         );
       })
-    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$d}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$d}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$f}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$f}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -8070,7 +8070,7 @@ var __publicField = (obj, key, value) => {
     },
     options: []
   };
-  const classPrefix$c = "nut-checkboxgroup";
+  const classPrefix$e = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
       const { children } = { ...defaultProps$$, ...props };
@@ -8152,7 +8152,7 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$c, className, {
+            className: classNames(classPrefix$e, className, {
               [`nut-checkboxgroup--${props.direction}`]: props.direction
             }),
             ...rest
@@ -8174,7 +8174,7 @@ var __publicField = (obj, key, value) => {
     onChange: (value) => {
     }
   };
-  const classPrefix$b = "nut-checkbox";
+  const classPrefix$d = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
       ...defaultProps$_,
@@ -8236,22 +8236,22 @@ var __publicField = (obj, key, value) => {
     };
     const color = () => {
       if (innerDisabled) {
-        return `${classPrefix$b}__icon--disable`;
+        return `${classPrefix$d}__icon--disable`;
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return `${classPrefix$b}__icon--indeterminate`;
+          return `${classPrefix$d}__icon--indeterminate`;
         }
-        return `${classPrefix$b}__icon`;
+        return `${classPrefix$d}__icon`;
       }
-      return `${classPrefix$b}__icon--unchecked`;
+      return `${classPrefix$d}__icon--unchecked`;
     };
     const renderLabel = () => {
       return /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: classNames(`${classPrefix$b}__label `, {
-            [`${classPrefix$b}__label--disabled`]: innerDisabled
+          className: classNames(`${classPrefix$d}__label `, {
+            [`${classPrefix$d}__label--disabled`]: innerDisabled
           })
         },
         children || label
@@ -8270,8 +8270,8 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$b, className, {
-          [`${classPrefix$b}--reverse`]: labelPosition === "left"
+        className: classNames(classPrefix$d, className, {
+          [`${classPrefix$d}--reverse`]: labelPosition === "left"
         }),
         ...rest,
         onClick: handleClick
@@ -9709,7 +9709,7 @@ var __publicField = (obj, key, value) => {
     digits: 0,
     async: false
   };
-  const classPrefix$a = `nut-inputnumber`;
+  const classPrefix$c = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -9752,8 +9752,8 @@ var __publicField = (obj, key, value) => {
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$a}`]: true,
-        [`${classPrefix$a}--disabled`]: disabled
+        [`${classPrefix$c}`]: true,
+        [`${classPrefix$c}--disabled`]: disabled
       },
       className
     );
@@ -10174,7 +10174,7 @@ var __publicField = (obj, key, value) => {
         onClick: () => parent.toggleMenuItem(index)
       }
     ) : null, /* @__PURE__ */ React.createElement(
-      Overlay,
+      Overlay$1,
       {
         className: "nut-menu__overlay",
         style: getPosition(),
@@ -10399,7 +10399,7 @@ var __publicField = (obj, key, value) => {
     direction: "vertical",
     options: []
   };
-  const classPrefix$9 = "nut-radiogroup";
+  const classPrefix$b = "nut-radiogroup";
   const RadioGroup = React.forwardRef(
     (props, ref) => {
       const {
@@ -10455,8 +10455,8 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$9, className, {
-              [`${classPrefix$9}--${props.direction}`]: props.direction
+            className: classNames(classPrefix$b, className, {
+              [`${classPrefix$b}--${props.direction}`]: props.direction
             }),
             ...rest
           },
@@ -11003,15 +11003,15 @@ var __publicField = (obj, key, value) => {
     disabled: false,
     maxLength: 9999,
     clearable: true,
-    clearSize: "12px",
-    align: "left",
-    readonly: true,
+    readOnly: false,
     autoFocus: false,
-    label: "",
-    leftinIcon: /* @__PURE__ */ React.createElement(a$7, { size: "12" })
+    left: "",
+    right: "",
+    rightIn: "",
+    leftIn: /* @__PURE__ */ React.createElement(a$7, { size: "12" })
   };
   const SearchBar = (props) => {
-    const searchbarBem = cn("searchbar");
+    const classPrefix2 = "nut-searchbar";
     const { locale } = useConfig$1();
     const searchRef = React.useRef(null);
     const [value, setValue] = React.useState(() => props.value);
@@ -11022,32 +11022,22 @@ var __publicField = (obj, key, value) => {
       disabled,
       maxLength,
       clearable,
-      clearSize,
-      align,
       readOnly,
       autoFocus,
-      label,
-      actionText,
-      leftinIcon,
-      rightinIcon,
-      leftoutIcon,
-      rightoutIcon,
+      right,
+      left,
+      leftIn,
+      rightIn,
       onChange,
       onFocus,
       onBlur,
       onClear,
-      onCancel,
       onSearch,
-      onClickInput,
-      onClickLeftinIcon,
-      onClickLeftoutIcon,
-      onClickRightinIcon,
-      onClickRightoutIcon
+      onClickInput
     } = {
       ...defaultProps$M,
       ...props
     };
-    const alignClass = `${align}`;
     const forceFocus = () => {
       const searchSelf = searchRef.current;
       searchSelf && searchSelf.focus();
@@ -11078,7 +11068,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ React.createElement(
         "input",
         {
-          className: `${searchbarBem("input")}  ${searchbarBem(alignClass)} ${shape === "round" ? searchbarBem("round") : ""} ${clearable ? searchbarBem("input-clear") : ""}`,
+          className: `${classPrefix2}__input ${shape === "round" ? `${classPrefix2}__round` : ""} ${clearable ? `${classPrefix2}__input-clear` : ""}`,
           ref: searchRef,
           style: { ...props.style },
           value: value || "",
@@ -11097,76 +11087,34 @@ var __publicField = (obj, key, value) => {
     const clickInput = (e) => {
       onClickInput && onClickInput(e);
     };
-    const renderLeftinIcon = () => {
-      if (!leftinIcon)
+    const renderLeftIn = () => {
+      if (!leftIn)
         return null;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${searchbarBem("leftin-icon")} ${searchbarBem("icon")}`,
-          onClick: (e) => clickLeftIcon("in-left", e)
-        },
-        leftinIcon
-      );
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__leftin ${classPrefix2}__icon` }, leftIn);
     };
-    const renderLeftoutIcon = () => {
-      if (!leftoutIcon)
+    const renderLeft = () => {
+      if (!left)
         return null;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${searchbarBem("leftout-icon")}`,
-          onClick: (e) => clickLeftIcon("out-left", e)
-        },
-        leftoutIcon
-      );
-    };
-    const clickLeftIcon = (flag, event) => {
-      if (flag === "in-left") {
-        onClickLeftinIcon && onClickLeftinIcon(value, event);
-      } else {
-        onClickLeftoutIcon && onClickLeftoutIcon(value, event);
-      }
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__left` }, left);
     };
-    const renderRightinIcon = () => {
-      if (!rightinIcon)
+    const renderRightIn = () => {
+      if (!rightIn)
         return null;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${searchbarBem("rightin-icon")} ${searchbarBem("icon")}`,
-          onClick: (e) => clickRightIcon("in-right", e)
-        },
-        rightinIcon
-      );
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__rightin ${classPrefix2}__icon` }, rightIn);
     };
-    const renderRightoutIcon = () => {
-      if (!rightoutIcon)
+    const renderRight = () => {
+      if (!right)
         return null;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${searchbarBem("rightout-icon")}`,
-          onClick: (e) => clickRightIcon("out-right", e)
-        },
-        rightoutIcon
-      );
-    };
-    const clickRightIcon = (flag, event) => {
-      if (flag === "in-left") {
-        onClickRightinIcon && onClickRightinIcon(value, event);
-      } else {
-        onClickRightoutIcon && onClickRightoutIcon(value, event);
-      }
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right` }, right);
     };
     const handleClear = () => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
+          className: `${classPrefix2}__clear ${rightIn ? "pos-right" : ""}`,
           onClick: (e) => clearaVal(e)
         },
-        /* @__PURE__ */ React.createElement(a$q, { size: clearSize, color: "#555" })
+        /* @__PURE__ */ React.createElement(a$q, { color: "#555", size: 12 })
       );
     };
     const clearaVal = (event) => {
@@ -11177,12 +11125,6 @@ var __publicField = (obj, key, value) => {
       onClear && onClear(event);
       forceFocus();
     };
-    const renderRightLabel = () => {
-      if (actionText) {
-        return /* @__PURE__ */ React.createElement("div", { className: searchbarBem("action-text"), onClick: search }, actionText);
-      }
-      return null;
-    };
     const onKeypress = (e) => {
       if (e.keyCode === 13) {
         if (typeof e.cancelable !== "boolean" || e.cancelable) {
@@ -11191,71 +11133,28 @@ var __publicField = (obj, key, value) => {
         onSearch && onSearch(value);
       }
     };
-    const search = () => {
-      onSearch && onSearch(value);
-    };
-    const renderLabel = () => {
-      if (label) {
-        return /* @__PURE__ */ React.createElement("div", { className: searchbarBem("label") }, label);
-      }
-      return null;
-    };
-    const envClass = () => {
-      return Taro.getEnv() === "WEB" ? "nut-searchbar-taro" : "";
-    };
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem("disabled") : ""}  ${className || ""}`,
-        style: { ...props.style, background: props.background }
+        className: `${classPrefix2} ${disabled ? `${classPrefix2}__disabled` : ""}  ${className || ""}`,
+        style: { ...props.style }
       },
-      renderLeftoutIcon(),
-      renderLabel(),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${searchbarBem("content")}`,
-          style: { background: props.inputBackground }
-        },
-        renderLeftinIcon(),
-        /* @__PURE__ */ React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
-        renderRightinIcon(),
-        clearable && value && handleClear()
-      ),
-      renderRightoutIcon(),
-      renderRightLabel()
+      renderLeft(),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, renderLeftIn(), /* @__PURE__ */ React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()), renderRightIn(), clearable && value && handleClear()),
+      renderRight()
     );
   };
   SearchBar.defaultProps = defaultProps$M;
   SearchBar.displayName = "NutSearchBar";
   const defaultProps$L = {
     ...ComponentDefaults,
-    title: "",
-    description: "",
-    tips: "",
-    tipsIcon: null,
-    iconSize: 11,
+    value: "",
     visible: false,
-    modelValue: "",
-    errorMsg: "",
-    noButton: true,
-    closeOnClickOverlay: true,
+    plain: false,
+    hideFooter: true,
     length: 6,
     // 1~6
-    className: "",
-    autoFocus: false,
-    onChange: (value) => {
-    },
-    onOk: (value) => {
-    },
-    onCancel: () => {
-    },
-    onClose: () => {
-    },
-    onTips: () => {
-    },
-    onComplete: (value) => {
-    }
+    autoFocus: false
   };
   const ShortPassword = (props) => {
     const { locale } = useConfig$1();
@@ -11263,85 +11162,54 @@ var __publicField = (obj, key, value) => {
       title,
       description,
       tips,
-      tipsIcon,
-      iconSize,
       visible,
-      modelValue,
-      errorMsg,
-      noButton,
-      closeOnClickOverlay,
+      value,
+      error,
+      hideFooter,
       length,
+      plain,
       style,
       className,
+      closeable,
+      autoFocus,
+      onFocus,
       onChange,
-      onOk,
+      onConfirm,
       onTips,
       onCancel,
       onClose,
       onComplete,
-      autoFocus,
-      ...reset
-    } = props;
-    const b2 = cn("shortpassword");
-    const textInput = React.useRef(null);
-    const range = (val) => {
-      return Math.min(Math.max(4, val), 6);
+      onClickOverlay,
+      onClickCloseIcon,
+      ...rest
+    } = {
+      ...defaultProps$L,
+      ...props
     };
-    const [innerVisible, setInnerVisible] = React.useState(visible);
-    const [comLen, setComLen] = React.useState(range(Number(length)));
-    const [inputValue, setInputValue] = React.useState("");
+    const classPrefix2 = "nut-shortpassword";
+    const comLen = React.useMemo(() => {
+      return Math.min(Math.max(4, length || 4), 6);
+    }, [length]);
+    const format = (val) => {
+      return val.slice(0, comLen);
+    };
+    const [inputValue, setInputValue] = usePropsValue({ value, onChange });
     React.useEffect(() => {
-      setInnerVisible(visible);
+      if (visible && autoFocus) {
+        onFocus && onFocus();
+      }
     }, [visible]);
     React.useEffect(() => {
-      if (typeof modelValue !== "undefined") {
-        setInputValue(modelValue);
-      }
-    }, [modelValue]);
-    const changeValue = (e) => {
-      let inputValue2 = e.target.value;
-      if (String(inputValue2).length > comLen) {
-        inputValue2 = inputValue2.slice(0, comLen);
-      }
-      setInputValue(inputValue2);
-      if (String(inputValue2).length === comLen) {
-        onComplete && onComplete(inputValue2);
-      }
-      onChange && onChange(inputValue2);
-    };
-    const systemStyle = () => {
-      const u = navigator.userAgent;
-      const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
-      const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-      let style2 = {};
-      if (isIOS) {
-        style2 = {
-          paddingRight: "1200px"
-        };
+      const val = format(value);
+      if (val.length >= comLen) {
+        onComplete && onComplete(val);
       }
-      if (isAndroid) {
-        style2 = {
-          opacity: 0,
-          zIndex: 10
-        };
-      }
-      return style2;
-    };
-    const focus = () => {
-      if (textInput.current) {
-        textInput.current.focus();
-      }
-    };
+      setInputValue(format(value));
+    }, [value]);
     const sure = () => {
-      onOk && onOk(inputValue);
-    };
-    const renderIcon = (size = "11px") => {
-      return React.isValidElement(tipsIcon) ? React.cloneElement(tipsIcon, {
-        ...tipsIcon.props,
-        size
-      }) : /* @__PURE__ */ React.createElement(a$3, { size });
+      onConfirm && onConfirm(inputValue);
     };
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       Popup,
       {
         style: {
@@ -11349,28 +11217,28 @@ var __publicField = (obj, key, value) => {
           borderRadius: "12px",
           textAlign: "center"
         },
-        visible: innerVisible,
+        visible,
         closeable: true,
-        "close-on-click-overlay": closeOnClickOverlay,
         onClickOverlay: onClose,
-        onClickCloseIcon: onClose
+        onClickCloseIcon: onClose,
+        ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, style: { ...style }, ...reset }, /* @__PURE__ */ React.createElement("div", { className: b2("title") }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: b2("subtitle") }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: b2("input") }, /* @__PURE__ */ React.createElement(
-        "input",
+      /* @__PURE__ */ React.createElement("div", { className: classNames(className, classPrefix2), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
+        return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake__li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: `${classPrefix2}__input-fake__li__icon`
+          }
+        )));
+      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message__error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message__forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$3, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer` }, /* @__PURE__ */ React.createElement(
+        "div",
         {
-          ref: textInput,
-          className: b2("input-real"),
-          type: "number",
-          style: systemStyle(),
-          maxLength: 6,
-          value: inputValue,
-          autoFocus,
-          onChange: (e) => changeValue(e)
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: b2("input-site") }), /* @__PURE__ */ React.createElement("div", { className: b2("input-fake"), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
-        return /* @__PURE__ */ React.createElement("div", { className: b2("input-fake__li"), key: index }, String(inputValue).length > index ? /* @__PURE__ */ React.createElement("div", { className: b2("input-fake__li__icon") }) : null);
-      }))), /* @__PURE__ */ React.createElement("div", { className: b2("message") }, /* @__PURE__ */ React.createElement("div", { className: b2("message__error") }, errorMsg), tips || locale.shortpassword.tips ? /* @__PURE__ */ React.createElement("div", { className: b2("message__forget") }, renderIcon(iconSize), /* @__PURE__ */ React.createElement("div", { className: b2("message__forget-tips"), onClick: onTips }, tips || locale.shortpassword.tips)) : null), !noButton ? /* @__PURE__ */ React.createElement("div", { className: b2("footer") }, /* @__PURE__ */ React.createElement("div", { className: b2("footer__cancel"), onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: b2("footer__sure"), onClick: () => sure() }, locale.confirm)) : null)
-    ));
+          className: `${classPrefix2}__footer__cancel`,
+          onClick: onCancel
+        },
+        locale.cancel
+      ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
+    );
   };
   ShortPassword.defaultProps = defaultProps$L;
   ShortPassword.displayName = "NutShortPassword";
@@ -12343,50 +12211,40 @@ var __publicField = (obj, key, value) => {
   Uploader.defaultProps = defaultProps$G;
   Uploader.displayName = "NutUploader";
   const defaultProps$F = {
-    cancelText: "",
-    optionTag: "name",
-    optionSubTag: "subname",
-    chooseTagValue: "",
+    ...ComponentDefaults,
+    visible: false,
     title: "",
-    color: "#ee0a24",
     description: "",
-    menuItems: [],
+    options: [],
+    optionKey: { name: "name", description: "description" },
+    cancelText: "",
     onCancel: () => {
     },
-    onChoose: () => {
-    },
-    visible: false,
-    className: "",
-    style: {}
+    onSelect: () => {
+    }
   };
   const ActionSheet = (props) => {
     const {
       children,
       cancelText,
-      optionTag,
-      optionSubTag,
-      chooseTagValue,
+      optionKey,
       title,
-      color,
       description,
-      menuItems,
+      options,
       onCancel,
-      onChoose,
+      onSelect,
       visible,
       className,
       style,
       ...rest
     } = { ...defaultProps$F, ...props };
-    const b2 = cn("actionsheet");
-    const isHighlight = (item) => {
-      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
-    };
+    const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
     };
     const chooseItem = (item, index) => {
       if (!item.disable) {
-        onChoose && onChoose(item, index);
+        onSelect && onSelect(item, index);
       }
     };
     return /* @__PURE__ */ React.createElement(
@@ -12399,19 +12257,25 @@ var __publicField = (obj, key, value) => {
           onCancel && onCancel();
         }
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, style, ...rest }, title && /* @__PURE__ */ React.createElement("div", { className: b2("title") }, title), description && /* @__PURE__ */ React.createElement("div", { className: `${b2("item")} description` }, description), menuItems.length ? /* @__PURE__ */ React.createElement("div", { className: b2("menu") }, menuItems.map((item, index) => {
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, title && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title), description && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description), options.length ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list` }, options.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${b2("item")} ${item.disable ? b2("item-disabled") : ""}`,
-            style: { color: isHighlight(item) },
+            className: `${classPrefix2}__item ${item.disable ? "disabled" : ""} ${item.danger ? "danger" : ""}`,
             key: index,
             onClick: () => chooseItem(item, index)
           },
-          item[optionTag],
-          /* @__PURE__ */ React.createElement("div", { className: "subdesc" }, item[optionSubTag])
+          item[optionKey.name],
+          /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__item-description` }, item[optionKey.description])
         );
-      })) : children, cancelText && /* @__PURE__ */ React.createElement("div", { className: b2("cancel"), onClick: () => cancelActionSheet() }, cancelText))
+      })) : children, cancelText && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${classPrefix2}__cancel`,
+          onClick: () => cancelActionSheet()
+        },
+        cancelText
+      ))
     );
   };
   ActionSheet.defaultProps = defaultProps$F;
@@ -12458,7 +12322,7 @@ var __publicField = (obj, key, value) => {
     onClose: () => {
     },
     onOverlayClick: (e) => true,
-    ...defaultOverlayProps
+    ...defaultOverlayProps$1
   };
   const DialogWrap = (props) => {
     const {
@@ -12481,7 +12345,7 @@ var __publicField = (obj, key, value) => {
       }
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
-      Overlay,
+      Overlay$1,
       {
         style: overlayStyle,
         className: overlayClassName,
@@ -12725,7 +12589,7 @@ var __publicField = (obj, key, value) => {
     imageSize: "",
     status: "empty"
   };
-  const classPrefix$8 = `nut-empty`;
+  const classPrefix$a = `nut-empty`;
   const Empty = (props) => {
     const { locale } = useConfig$1();
     defaultProps$C.description = locale.noData || defaultProps$C.description;
@@ -12761,7 +12625,7 @@ var __publicField = (obj, key, value) => {
         };
       });
     }, [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) : description, children));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$a}__description` }, description) : description, children));
   };
   Empty.defaultProps = defaultProps$C;
   Empty.displayName = "NutEmpty";
@@ -13327,7 +13191,7 @@ var __publicField = (obj, key, value) => {
     onClick: () => {
     }
   };
-  const classPrefix$7 = "nut-notify";
+  const classPrefix$9 = "nut-notify";
   const Notify = (props) => {
     const {
       id,
@@ -13378,10 +13242,10 @@ var __publicField = (obj, key, value) => {
       onClose();
     };
     const classes = classNames({
-      [`${classPrefix$7}--popup-top`]: position === "top",
-      [`${classPrefix$7}--popup-bottom`]: position === "bottom",
-      [`${classPrefix$7}`]: true,
-      [`${classPrefix$7}--${type}`]: true
+      [`${classPrefix$9}--popup-top`]: position === "top",
+      [`${classPrefix$9}--popup-bottom`]: position === "bottom",
+      [`${classPrefix$9}`]: true,
+      [`${classPrefix$9}--${type}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition$1,
@@ -13559,7 +13423,7 @@ var __publicField = (obj, key, value) => {
         );
       }))) : null))
     ), visible ? /* @__PURE__ */ React.createElement(
-      Overlay,
+      Overlay$1,
       {
         visible,
         onClick: (e) => handleClick(e),
@@ -13725,7 +13589,7 @@ var __publicField = (obj, key, value) => {
     src: "",
     alt: ""
   };
-  const classPrefix$6 = `nut-avatar`;
+  const classPrefix$8 = `nut-avatar`;
   const Avatar = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
@@ -13757,7 +13621,7 @@ var __publicField = (obj, key, value) => {
       [`nut-avatar-${((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.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$8, classes, className);
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -14075,59 +13939,128 @@ var __publicField = (obj, key, value) => {
   });
   Swipe.defaultProps = defaultProps$u;
   Swipe.displayName = "NutSwipe";
+  const defaultOverlayProps = {
+    ...ComponentDefaults,
+    zIndex: 1e3,
+    duration: 0.3,
+    closeOnOverlayClick: true,
+    visible: false,
+    lockScroll: true,
+    onClick: (event) => {
+    }
+  };
+  const Overlay = (props) => {
+    const {
+      children,
+      zIndex,
+      duration,
+      className,
+      closeOnOverlayClick,
+      visible,
+      lockScroll,
+      style,
+      afterShow,
+      afterClose,
+      onClick,
+      ...rest
+    } = {
+      ...defaultOverlayProps,
+      ...props
+    };
+    const classPrefix2 = `nut-overlay`;
+    const renderRef = React.useRef(true);
+    const intervalCloseRef = React.useRef(0);
+    const intervalShowRef = React.useRef(0);
+    React.useEffect(() => {
+      if (visible) {
+        intervalShowRef.current = window.setTimeout(() => {
+          afterShow && afterShow();
+        }, duration * 1e3 * 0.8);
+      }
+      lock();
+    }, [visible]);
+    React.useEffect(() => {
+      return () => {
+        clearTimeout(intervalCloseRef.current);
+        clearTimeout(intervalShowRef.current);
+        document.body.classList.remove("nut-overflow-hidden");
+      };
+    }, []);
+    const classes = classNames(
+      {
+        "nut-overlay-fade-leave-active": !renderRef.current && !visible,
+        "nut-overlay-fade-enter-active": visible,
+        "nut-overlay-first-render": renderRef.current && !visible,
+        "nut-overlay-hidden-render": !visible
+      },
+      className,
+      classPrefix2
+    );
+    const styles = {
+      zIndex,
+      animationDuration: `${props.duration}s`,
+      ...style
+    };
+    const lock = () => {
+      if (lockScroll && visible) {
+        document.body.classList.add("nut-overflow-hidden");
+      } else {
+        document.body.classList.remove("nut-overflow-hidden");
+      }
+    };
+    const handleClick = (e) => {
+      if (closeOnOverlayClick) {
+        onClick && onClick(e);
+        renderRef.current = false;
+        intervalCloseRef.current = window.setTimeout(() => {
+          afterClose && afterClose();
+        }, duration * 1e3 * 0.8);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style: styles, ...rest, onClick: handleClick }, children));
+  };
+  Overlay.defaultProps = defaultOverlayProps;
+  Overlay.displayName = "NutOverlay";
   const defaultProps$t = {
+    ...ComponentDefaults,
     id: "",
-    style: {},
     icon: null,
     iconSize: "20",
     msg: "",
-    bottom: "30px",
-    // center为false时生效，距离底部位置
     duration: 2,
     // 时长,duration为0则一直展示
-    center: true,
-    // toast是否居中展示
+    position: "center",
     type: "text",
     title: "",
-    customClass: "",
-    // 自定义样式名
+    closeOnOverlayClick: false,
+    contentClassName: "",
+    // 内容自定义样式名
     size: "base",
     // 设置字体大小，默认base,可选large\small\base
-    textAlignCenter: true,
-    // 文字是否居中显示,true为居中，false为left
-    bgColor: "rgba(0, 0, 0, .8)",
-    cover: false,
-    // 是否展示透明遮罩层
-    coverColor: "rgba(0, 0, 0, 0)",
-    // 遮罩颜色设定
-    closeOnClickOverlay: false,
-    // 是否点击遮罩可关闭
     visible: false,
     onClose: () => {
     }
     // 未实现
   };
+  const classPrefix$7 = "nut-toast";
   const Toast = (props) => {
     const {
       children,
       id,
-      style,
+      position,
+      contentStyle,
       icon,
       iconSize,
       msg,
-      bottom,
       duration,
-      center,
       type,
       title,
-      customClass,
+      closeOnOverlayClick,
+      contentClassName,
       size,
-      textAlignCenter,
-      bgColor,
-      cover,
-      coverColor,
-      closeOnClickOverlay,
       visible,
+      className,
+      style,
       onClose,
       ...rest
     } = { ...defaultProps$t, ...props };
@@ -14160,11 +14093,10 @@ var __publicField = (obj, key, value) => {
       }
     };
     const clickCover = () => {
-      if (closeOnClickOverlay) {
+      if (closeOnOverlayClick) {
         hide();
       }
     };
-    const toastBem = cn("toast");
     const hasIcon = () => {
       if (type !== "text") {
         return true;
@@ -14183,40 +14115,30 @@ var __publicField = (obj, key, value) => {
       }[type];
     };
     const classes = classNames({
-      "nut-toast-center": center,
       "nut-toast-has-icon": icon,
-      "nut-toast-cover": cover,
-      "nut-toast-loading": type === "loading",
-      [`${customClass}`]: true,
       [`nut-toast-${size}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, openState ? /* @__PURE__ */ React.createElement(
-      "div",
+      Overlay,
       {
-        className: `${toastBem()} ${classes}`,
-        id,
-        style: {
-          bottom: center ? "auto" : `${bottom}`,
-          backgroundColor: cover ? coverColor : "",
-          ...style
-        },
+        visible: openState,
+        style,
+        className: `${classPrefix$7}__overlay-default ${className}`,
+        closeOnOverlayClick,
         onClick: () => {
           clickCover();
         }
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$7} ${classes}`, id }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: toastBem("inner"),
-          style: {
-            textAlign: textAlignCenter ? "center" : "left",
-            backgroundColor: bgColor
-          }
+          className: `${classPrefix$7}__inner ${classPrefix$7}-${position} ${contentClassName}`,
+          style: contentStyle
         },
-        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: toastBem("icon-wrapper") }, iconName()) : null,
-        title ? /* @__PURE__ */ React.createElement("div", { className: "nut-toast-title" }, title) : null,
-        /* @__PURE__ */ React.createElement("span", { className: toastBem("text") }, msg)
-      )
+        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconName()) : null,
+        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
+        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$7}-text` }, msg)
+      ))
     ) : null);
   };
   Toast.defaultProps = defaultProps$t;
@@ -14229,7 +14151,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$5 = `nut-animate`;
+  const classPrefix$6 = `nut-animate`;
   const Animate = (props) => {
     const { className, type, action, loop, onClick, children, ...rest } = {
       ...defaultProps$s,
@@ -14238,7 +14160,7 @@ var __publicField = (obj, key, value) => {
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$5}-${type}`]: action === "initial" || clicked ? type : false,
+      [`${classPrefix$6}-${type}`]: action === "initial" || clicked ? type : false,
       loop
     });
     const cls = classNames(classes, className);
@@ -14256,33 +14178,34 @@ var __publicField = (obj, key, value) => {
   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 b2 = 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("");
     };
@@ -14307,7 +14230,7 @@ var __publicField = (obj, key, value) => {
     };
     const numberEaseStyle = (idx) => {
       return {
-        transition: `transform ${easeSpeed}s ease-in-out`,
+        transition: `transform ${duration}s ease-in-out`,
         transform: transformArr[idx] ? transformArr[idx] : null
       };
     };
@@ -14319,26 +14242,31 @@ var __publicField = (obj, key, value) => {
         isLoaded.current = true;
         timerRef.current = window.setTimeout(() => {
           setNumerArr(getShowNumber());
-        }, delaySpeed);
+        }, delay);
       } else {
         setNumerArr(getShowNumber());
       }
       return () => {
         window.clearTimeout(timerRef.current);
       };
-    }, [endNumber]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, ref: countupRef }, /* @__PURE__ */ React.createElement("ul", { className: b2("list") }, numerArr.map((item, idx) => {
+    }, [value]);
+    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: `${b2("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: b2("number"), style: numberEaseStyle(idx) }, [...numbers, ...numbers].map((number, subidx) => {
-          return /* @__PURE__ */ React.createElement("span", { key: subidx }, number);
-        })) : /* @__PURE__ */ React.createElement("span", { className: b2("separator") }, item)
+        !Number.isNaN(Number(item)) ? /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: `${classPrefix2}__number`,
+            style: numberEaseStyle(idx)
+          },
+          [...numbers, ...numbers].map((number, subidx) => {
+            return /* @__PURE__ */ React.createElement("span", { key: subidx }, number);
+          })
+        ) : /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__separator` }, item)
       );
     })));
   };
@@ -14357,6 +14285,7 @@ var __publicField = (obj, key, value) => {
   __publicField(AnimatingNumbers, "defaultProps", defaultProps$q);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
+  AnimatingNumbers.CountUp = CountUp;
   const b = cn("audio");
   const warn = console.warn;
   const defaultProps$p = {
@@ -14570,12 +14499,12 @@ var __publicField = (obj, key, value) => {
     gap: "-8",
     level: "left"
   };
-  const classPrefix$4 = `nut-avatar-group`;
+  const classPrefix$5 = `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$4, className);
+    const cls = classNames(classPrefix$5, className);
     const parentAvatar = {
       propAvatarGroup,
       avatarGroupRef
@@ -14593,7 +14522,7 @@ var __publicField = (obj, key, value) => {
     background: "#e5e9f2",
     clockwise: true
   };
-  const classPrefix$3 = `nut-circleprogress`;
+  const classPrefix$4 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     const {
       children,
@@ -14612,7 +14541,7 @@ var __publicField = (obj, key, value) => {
       ...props
     };
     const [oldValue, setOldValue] = React.useState(percent);
-    const classes = classNames(className, classPrefix$3);
+    const classes = classNames(className, classPrefix$4);
     const refRandomId = Math.random().toString(36).slice(-8);
     const animateIdRef = React.useRef(0);
     const styles = {
@@ -14915,13 +14844,16 @@ var __publicField = (obj, key, value) => {
   Collapse.displayName = "NutCollapse";
   Collapse.Item = CollapseItem;
   const defaultProps$k = {
+    ...ComponentDefaults,
     paused: false,
     startTime: Date.now(),
     endTime: Date.now(),
+    remainingTime: 0,
     millisecond: false,
     format: "HH:mm:ss",
     autoStart: true,
-    time: 0
+    time: 0,
+    destroy: false
   };
   const InternalCountDown = (props, ref) => {
     useConfig$1();
@@ -14929,10 +14861,12 @@ var __publicField = (obj, key, value) => {
       paused,
       startTime,
       endTime,
+      remainingTime,
       millisecond,
       format,
       autoStart,
       time,
+      destroy,
       className,
       style,
       onEnd,
@@ -14942,7 +14876,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = { ...defaultProps$k, ...props };
-    const b2 = cn("countdown");
+    const classPrefix2 = "nut-countdown";
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
       pauseTime: 0,
@@ -14967,8 +14901,12 @@ var __publicField = (obj, key, value) => {
       return new Date(t).getTime();
     };
     const initTime = () => {
-      stateRef.current.handleEndTime = endTime;
-      stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+      if (remainingTime) {
+        stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
+      } else {
+        stateRef.current.handleEndTime = endTime;
+        stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+      }
       if (!stateRef.current.counting)
         stateRef.current.counting = true;
       tick();
@@ -15110,7 +15048,7 @@ var __publicField = (obj, key, value) => {
       if (stateRef.current.isIninted) {
         initTime();
       }
-    }, [endTime, startTime]);
+    }, [endTime, startTime, remainingTime]);
     React.useEffect(() => {
       if (autoStart) {
         initTime();
@@ -15124,20 +15062,28 @@ var __publicField = (obj, key, value) => {
       return componentWillUnmount;
     }, []);
     const componentWillUnmount = () => {
-      clearInterval(stateRef.current.timer);
+      destroy && cancelAnimationFrame(stateRef.current.timer);
     };
     const renderTime = (() => {
       return formatRemainTime(stateRef.current.restTime);
     })();
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className || ""}`, style: { ...style }, ...rest }, children || /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: b2("block"),
-        dangerouslySetInnerHTML: {
-          __html: `${renderTime}`
+        className: `${classPrefix2} ${className}`,
+        style: { ...style },
+        ...rest
+      },
+      children || /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${classPrefix2}__block`,
+          dangerouslySetInnerHTML: {
+            __html: `${renderTime}`
+          }
         }
-      }
-    ));
+      )
+    );
   };
   const CountDown = React.forwardRef(InternalCountDown);
   CountDown.defaultProps = defaultProps$k;
@@ -15150,9 +15096,10 @@ var __publicField = (obj, key, value) => {
     expandText: "",
     collapseText: "",
     symbol: "...",
-    lineHeight: "20"
+    lineHeight: "20",
+    width: "auto"
   };
-  const classPrefix$2 = `nut-ellipsis`;
+  const classPrefix$3 = `nut-ellipsis`;
   const Ellipsis = (props) => {
     var _a, _b, _c, _d;
     const {
@@ -15165,6 +15112,7 @@ var __publicField = (obj, key, value) => {
       collapseText,
       symbol,
       lineHeight,
+      width,
       onClick,
       onChange,
       ...rest
@@ -15190,7 +15138,11 @@ var __publicField = (obj, key, value) => {
     const digitReg = /^[0-9]+$/;
     const letterUpperReg = /^[A-Z]+$/;
     const letterLowerReg = /^[a-z]+$/;
-    const classes = classNames(classPrefix$2, className);
+    const classes = classNames(
+      classPrefix$3,
+      className,
+      width ? `${classPrefix$3}-width` : ""
+    );
     const init = () => {
       setExceeded(false);
       setExpanded(false);
@@ -15372,17 +15324,47 @@ var __publicField = (obj, key, value) => {
         id: `root${refRandomId}`,
         ...rest
       },
-      /* @__PURE__ */ React.createElement("div", null, !exceeded ? /* @__PURE__ */ React.createElement("div", { className: "nut-ellipsis-wordbreak" }, content) : null, exceeded && !expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "nut-ellipsis-wordbreak" }, (_a = ellipsis.current) == null ? void 0 : _a.leading, ((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol, expandText ? /* @__PURE__ */ React.createElement(
-        "span",
+      /* @__PURE__ */ React.createElement("div", null, !exceeded ? /* @__PURE__ */ React.createElement(
+        "div",
         {
-          className: "nut-ellipsis-text",
-          onClick: (e) => {
-            e.stopPropagation();
-            clickHandle(1);
+          className: "nut-ellipsis-wordbreak",
+          style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
           }
         },
-        expandText
-      ) : null, ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol, (_d = ellipsis.current) == null ? void 0 : _d.tailing)) : null, exceeded && expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, content, expandText ? /* @__PURE__ */ React.createElement(
+        content
+      ) : null, exceeded && !expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "nut-ellipsis-wordbreak",
+          style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+          }
+        },
+        (_a = ellipsis.current) == null ? void 0 : _a.leading,
+        ((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol,
+        expandText ? /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: "nut-ellipsis-text",
+            onClick: (e) => {
+              e.stopPropagation();
+              clickHandle(1);
+            }
+          },
+          expandText
+        ) : null,
+        ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
+        (_d = ellipsis.current) == null ? void 0 : _d.tailing
+      )) : null, exceeded && expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+          }
+        },
+        content
+      ), expandText ? /* @__PURE__ */ React.createElement(
         "span",
         {
           className: "nut-ellipsis-text",
@@ -15420,14 +15402,14 @@ var __publicField = (obj, key, value) => {
     current: 0,
     direction: "horizontal"
   };
-  const classPrefix$1 = `nut-indicator`;
+  const classPrefix$2 = `nut-indicator`;
   const Indicator = (props) => {
     const { total, current, children, className, direction, ...rest } = {
       ...defaultProps$i,
       ...props
     };
     const classes = classNames({
-      [`${classPrefix$1}__vertical`]: direction === "vertical"
+      [`${classPrefix$2}__vertical`]: direction === "vertical"
     });
     const renderElement = () => {
       const childs = [];
@@ -15437,9 +15419,9 @@ var __publicField = (obj, key, value) => {
             "div",
             {
               key: item,
-              className: `${classPrefix$1}__dot ${classPrefix$1}__active`
+              className: `${classPrefix$2}__dot ${classPrefix$2}__active`
             }
-          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$1}__dot` })
+          ) : /* @__PURE__ */ React.createElement("div", { key: item, className: `${classPrefix$2}__dot` })
         );
       }
       return childs;
@@ -15455,7 +15437,7 @@ var __publicField = (obj, key, value) => {
     loop: false,
     defaultValue: 0
   };
-  const classPrefix = "nut-swiper";
+  const classPrefix$1 = "nut-swiper";
   const Swiper = React.forwardRef((props, ref) => {
     const {
       width,
@@ -15486,8 +15468,8 @@ var __publicField = (obj, key, value) => {
           "div",
           {
             className: classNames({
-              [`${classPrefix}__indicator`]: true,
-              [`${classPrefix}__indicator-vertical`]: direction === "vertical"
+              [`${classPrefix$1}__indicator`]: true,
+              [`${classPrefix$1}__indicator-vertical`]: direction === "vertical"
             })
           },
           /* @__PURE__ */ React.createElement(
@@ -15529,7 +15511,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       components.View,
       {
-        className: classNames(classPrefix, className),
+        className: classNames(classPrefix$1, className),
         style: {
           width: !width ? "100%" : `${width}px`,
           height: !height ? "150px" : `${height}px`
@@ -15866,31 +15848,33 @@ var __publicField = (obj, key, value) => {
       }
     });
   };
+  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
   const defaultProps$e = {
-    sourceData: [],
-    itemSize: 66,
-    itemEqualSize: true,
+    ...ComponentDefaults,
+    list: [],
+    containerHeight: clientHeight,
+    itemHeight: 66,
+    itemEqual: true,
     overscan: 2
   };
-  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
-  Taro.getSystemInfoSync().windowWidth || 375;
   const VirtualList = (props) => {
     const {
-      sourceData = [],
+      list,
       ItemRender,
-      itemSize = 66,
-      itemEqualSize = true,
-      overscan = 2,
+      itemHeight,
+      itemEqual,
+      overscan,
       key,
       onScroll,
       className,
-      containerSize = clientHeight,
+      containerHeight,
       ...rest
-    } = props;
+    } = {
+      ...defaultProps$e,
+      ...props
+    };
     const [startOffset, setStartOffset] = React.useState(0);
     const [start, setStart] = React.useState(0);
-    const [list, setList] = React.useState(sourceData.slice());
-    useConfig$1();
     const scrollRef = React.useRef(null);
     const itemsRef = React.useRef(null);
     const firstItemRef = React.useRef(null);
@@ -15905,7 +15889,7 @@ var __publicField = (obj, key, value) => {
         right: 0
       }
     ]);
-    const [offSetSize, setOffSetSize] = React.useState(containerSize || 0);
+    const [offSetSize, setOffSetSize] = React.useState(containerHeight || 0);
     const [options, setOptions] = React.useState({
       startOffset: 0,
       // 可视区域距离顶部的偏移量
@@ -15915,37 +15899,32 @@ var __publicField = (obj, key, value) => {
       endIndex: 10
       // 可视区域结束索引
     });
-    React.useEffect(() => {
-      if (sourceData.length) {
-        setList(sourceData.slice());
-      }
-    }, [sourceData]);
     React.useEffect(() => {
       setPositions((options2) => {
         return { ...options2, endIndex: visibleCount() };
       });
-    }, [itemSize, overscan, offSetSize]);
+    }, [itemHeight, overscan, offSetSize]);
     React.useEffect(() => {
-      if (containerSize)
+      if (containerHeight)
         return;
       setOffSetSize(getContainerHeight());
-    }, [containerSize]);
+    }, [containerHeight]);
     React.useEffect(() => {
-      const pos = initPositinoCache(itemSize, sourceData.length);
+      const pos = initPositinoCache(itemHeight, list.length);
       setPositions(pos);
-    }, [itemSize, sourceData]);
+    }, [itemHeight, list]);
     const getContainerHeight = () => {
-      const initH = itemSize * sourceData.length;
-      return initH < clientHeight ? initH + overscan * itemSize - 5 : Math.min(containerSize, clientHeight);
+      const initH = itemHeight * list.length;
+      return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
     };
     const visibleCount = () => {
-      return Math.ceil(getContainerHeight() / itemSize) + overscan;
+      return Math.ceil(getContainerHeight() / itemHeight) + overscan;
     };
     const end = () => {
       return start + visibleCount();
     };
     const listHeight = () => {
-      return list.length * itemSize;
+      return list.length * itemHeight;
     };
     const visibleData = () => {
       return list.slice(start, Math.min(end(), list.length));
@@ -15964,15 +15943,15 @@ var __publicField = (obj, key, value) => {
       const startIndex = binarySearch(positions, scrollSize, false);
       const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
       const endIndex = end();
-      if (!itemEqualSize) {
+      if (!itemEqual) {
         updateTotalSize();
       }
-      setStart(Math.floor(scrollTop / itemSize));
+      setStart(Math.floor(scrollTop / itemHeight));
       setOptions({ startOffset, startIndex, overStart, endIndex });
       if (end() > list.length - 1) {
         onScroll && onScroll();
       }
-      setStartOffset(scrollTop - scrollTop % itemSize);
+      setStartOffset(scrollTop - scrollTop % itemHeight);
     };
     return /* @__PURE__ */ React.createElement(
       "div",
@@ -15980,13 +15959,12 @@ var __publicField = (obj, key, value) => {
         className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
         ...rest,
         style: {
-          height: containerSize ? `${offSetSize}px` : ""
+          height: containerHeight ? `${offSetSize}px` : ""
         }
       },
       /* @__PURE__ */ React.createElement(
         components.ScrollView,
         {
-          scrollTop: 0,
           scrollY: true,
           type: "list",
           ref: scrollRef,
@@ -16022,7 +16000,7 @@ var __publicField = (obj, key, value) => {
                 className: "nut-virtuallist-item",
                 key: `${data}`,
                 style: {
-                  height: `${itemEqualSize ? `${itemSize}px` : "auto"}`
+                  height: `${itemEqual ? `${itemHeight}px` : "auto"}`
                 }
               },
               ItemRender ? /* @__PURE__ */ React.createElement(ItemRender, { data, index: `${index}` }) : data
@@ -16585,6 +16563,7 @@ var __publicField = (obj, key, value) => {
   Tag.defaultProps = defaultProps$8;
   Tag.displayName = "NutTag";
   const defaultProps$7 = {
+    ...ComponentDefaults,
     source: {
       type: {},
       src: ""
@@ -16599,15 +16578,13 @@ var __publicField = (obj, key, value) => {
       loop: false
     }
   };
+  const classPrefix = `nut-video`;
   const Video = (props) => {
     const {
       children,
       source,
       options,
       className,
-      play,
-      pause,
-      playend,
       onPlay,
       onPause,
       onPlayEnd,
@@ -16616,55 +16593,21 @@ var __publicField = (obj, key, value) => {
       ...defaultProps$7,
       ...props
     };
-    const rootRef = React.useRef(null);
-    const b2 = cn("video");
-    const classes = classNames(className, b2(""));
-    React.useEffect(() => {
-      init();
-    }, []);
-    const init = () => {
-      if (rootRef.current) {
-        const videoRef = rootRef.current;
-        if (options.autoplay) {
-          setTimeout(() => {
-            videoRef.play();
-          }, 200);
-        }
-        if (options.playsinline) {
-          videoRef.setAttribute("playsinline", String(options.playsinline));
-          videoRef.setAttribute("webkit-playsinline", String(options.playsinline));
-          videoRef.setAttribute("x5-video-player-type", "h5-page");
-          videoRef.setAttribute("x5-video-player-fullscreen", "false");
-        }
-        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);
-        });
-      }
-    };
+    const classes = classNames(className, classPrefix);
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, /* @__PURE__ */ React.createElement(
-      "video",
+      components.Video,
       {
         className: "nut-video-player",
         muted: options.muted,
-        autoPlay: options.autoplay,
+        autoplay: options.autoplay,
         loop: options.loop,
         poster: options.poster,
         controls: options.controls,
-        ref: rootRef,
-        src: source.src
-      },
-      /* @__PURE__ */ React.createElement("source", { src: source.src, type: source.type }),
-      /* @__PURE__ */ React.createElement("track", { kind: "captions" })
+        src: source.src,
+        onPlay,
+        onPause,
+        onEnded: onPlayEnd
+      }
     ));
   };
   Video.defaultProps = defaultProps$7;
@@ -17011,43 +16954,42 @@ var __publicField = (obj, key, value) => {
   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 b2 = cn("trendarrow");
-    const handleClick = () => {
-    };
-    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);
@@ -17055,20 +16997,20 @@ var __publicField = (obj, key, value) => {
     };
     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 = (() => {
@@ -17079,13 +17021,21 @@ var __publicField = (obj, key, value) => {
     })();
     const renderContent = (arrowLeft2) => {
       const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
-      return /* @__PURE__ */ React.createElement("span", { className: `${b2(classNameSuffix)} ${b2("rate")}`, style: calcStyle }, calcRate);
+      return /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `${classPrefix2}__${classNameSuffix} ${classPrefix2}__value`,
+          style: calcStyle
+        },
+        calcRate
+      );
     };
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, ...rest, onClick: handleClick }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React.createElement(React.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend ? /* @__PURE__ */ React.createElement(a, { color: calcIconProps.color }) : /* @__PURE__ */ React.createElement(a$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(a, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, downIcon || /* @__PURE__ */ React.createElement(a$1, { color: calcIconProps.color }))), arrowLeft && renderContent(!arrowLeft));
   };
   TrendArrow.defaultProps = defaultProps$1;
   TrendArrow.displayName = "NutTrendArrow";
   const defaultProps = {
+    ...ComponentDefaults,
     content: "",
     fullPage: true,
     zIndex: 2e3,
@@ -17097,9 +17047,8 @@ var __publicField = (obj, key, value) => {
     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
   };
@@ -17118,22 +17067,20 @@ var __publicField = (obj, key, value) => {
       imageWidth,
       imageHeight,
       rotate,
-      fontColor,
+      color,
       fontStyle,
       fontFamily,
       fontWeight,
       fontSize,
-      style,
-      children
+      style
     } = {
       ...defaultProps,
       ...props
     };
     const [base64Url, setBase64Url] = React.useState("");
-    const b2 = cn("watermark");
-    const classes = classNames({
-      [`${b2("")}`]: true,
-      [`${b2("")}-full-page`]: fullPage
+    const classPrefix2 = "nut-watermark";
+    const classes = classNames(classPrefix2, {
+      [`${classPrefix2}-full-page`]: fullPage
     });
     const cls = classNames(classes, className);
     React.useEffect(() => {
@@ -17143,8 +17090,8 @@ var __publicField = (obj, key, value) => {
       let ratio = 1;
       Taro.getSystemInfo().then((res) => {
         ratio = res.pixelRatio;
-        const canvasWidth = `${(gapX + width) * ratio}px`;
-        const canvasHeight = `${(gapY + height) * ratio}px`;
+        const canvasWidth = `${(gapX + width) * ratio}`;
+        const canvasHeight = `${(gapY + height) * ratio}`;
         const markWidth = width * ratio;
         const markHeight = height * ratio;
         let ctx;
@@ -17152,8 +17099,8 @@ var __publicField = (obj, key, value) => {
         if (process.env.TARO_ENV === "h5") {
           canvas = document.createElement("canvas");
           ctx = canvas.getContext("2d");
-          canvas.setAttribute("width", canvasWidth);
-          canvas.setAttribute("height", canvasHeight);
+          canvas.setAttribute("width", `${canvasWidth}px`);
+          canvas.setAttribute("height", `${canvasHeight}px`);
         } else {
           canvas = Taro.createOffscreenCanvas({
             type: "2d",
@@ -17193,7 +17140,7 @@ var __publicField = (obj, key, value) => {
             ctx.rotate(Math.PI / 180 * Number(rotate));
             const markSize = Number(fontSize) * ratio;
             ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
-            ctx.fillStyle = fontColor;
+            ctx.fillStyle = color;
             ctx.fillText(content, 0, 0);
             ctx.restore();
             setBase64Url(canvas.toDataURL());
@@ -17268,7 +17215,7 @@ var __publicField = (obj, key, value) => {
   exports2.NoticeBar = NoticeBar;
   exports2.Notify = Notify;
   exports2.NumberKeyboard = NumberKeyboard;
-  exports2.Overlay = Overlay;
+  exports2.Overlay = Overlay$1;
   exports2.Pagination = Pagination;
   exports2.Picker = Picker$1;
   exports2.Popover = Popover;