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

package/dist/nutui.react.es.js

@@ -5,7 +5,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 @@ const defaultProps$1t = {
   onClick: (event) => {
   }
 };
-const classPrefix$i = "nut-cell";
+const classPrefix$k = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -1989,19 +1989,19 @@ const Cell = (props) => {
   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 @@ const defaultProps$1s = {
   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 @@ const Image$1 = (props) => {
 };
 Image$1.defaultProps = defaultProps$1q;
 Image$1.displayName = "NutImage";
-const defaultOverlayProps = {
+const defaultOverlayProps$1 = {
   ...ComponentDefaults,
   zIndex: 1e3,
   duration: 0.3,
@@ -2586,7 +2586,7 @@ const defaultOverlayProps = {
   onClick: (event) => {
   }
 };
-const Overlay = (props) => {
+const Overlay$1 = (props) => {
   const {
     children,
     zIndex,
@@ -2601,7 +2601,7 @@ const Overlay = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultOverlayProps,
+    ...defaultOverlayProps$1,
     ...props
   };
   const classPrefix2 = `nut-overlay`;
@@ -2666,8 +2666,8 @@ const Overlay = (props) => {
     children
   ));
 };
-Overlay.defaultProps = defaultOverlayProps;
-Overlay.displayName = "NutOverlay";
+Overlay$1.defaultProps = defaultOverlayProps$1;
+Overlay$1.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
 const defaultProps$1p = {
   ...ComponentDefaults,
@@ -2716,21 +2716,21 @@ const defaultProps$1o = {
   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 @@ const Layout = (props) => {
 };
 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 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$f}
+    ${classPrefix$h}
    `;
   };
   const parentRow = {
@@ -3002,7 +3002,7 @@ const defaultProps$1j = {
   position: "top",
   zIndex: 2e3
 };
-const classPrefix$e = "nut-sticky";
+const classPrefix$g = "nut-sticky";
 const Sticky = (props) => {
   const {
     position,
@@ -3104,7 +3104,7 @@ const Sticky = (props) => {
     {
       ref: rootRef,
       style: rootStyle,
-      className: classNames(classPrefix$e, className),
+      className: classNames(classPrefix$g, className),
       ...rest
     },
     /* @__PURE__ */ React.createElement(
@@ -3470,7 +3470,7 @@ const FixedNav = (props) => {
       ...rest
     },
     overlay && /* @__PURE__ */ React.createElement(
-      Overlay,
+      Overlay$1,
       {
         visible,
         zIndex: 200,
@@ -5317,7 +5317,7 @@ const defaultProps$1e = {
   },
   onClickOverlay: (e) => true,
   onClickCloseIcon: (e) => true,
-  ...defaultOverlayProps
+  ...defaultOverlayProps$1
 };
 let _zIndex = 2e3;
 const Popup = (props) => {
@@ -5458,7 +5458,7 @@ const Popup = (props) => {
   };
   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 @@ const defaultProps$17 = {
   duration: 300,
   autoHeight: false
 };
-const classPrefix$d = "nut-tabs";
+const classPrefix$f = "nut-tabs";
 const Tabs = (props) => {
   const {
     activeColor,
@@ -5880,14 +5880,14 @@ const Tabs = (props) => {
     }
   }, [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 @@ const Tabs = (props) => {
           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 @@ const Tabs = (props) => {
         activeType === "line" && /* @__PURE__ */ React.createElement(
           View,
           {
-            className: `${classPrefix$d}__titles-item__line`,
+            className: `${classPrefix$f}__titles-item__line`,
             style: tabsActiveStyle
           }
         ),
         activeType === "smile" && /* @__PURE__ */ React.createElement(
           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 @@ const Tabs = (props) => {
               {
                 ellipsis: true
               },
-              `${classPrefix$d}__titles-item__text`
+              `${classPrefix$f}__titles-item__text`
             )
           },
           item.title
         )
       );
     })
-  ), /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$d}__content__wrap` }, /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$d}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+  ), /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$f}__content__wrap` }, /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$f}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
     if (!React.isValidElement(child)) {
       return null;
     }
@@ -8070,7 +8070,7 @@ const defaultProps$$ = {
   },
   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 @@ const CheckboxGroup = React.forwardRef(
       /* @__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 @@ const defaultProps$_ = {
   onChange: (value) => {
   }
 };
-const classPrefix$b = "nut-checkbox";
+const classPrefix$d = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
     ...defaultProps$_,
@@ -8236,22 +8236,22 @@ const Checkbox = (props) => {
   };
   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 @@ const Checkbox = (props) => {
   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 @@ const defaultProps$U = {
   digits: 0,
   async: false
 };
-const classPrefix$a = `nut-inputnumber`;
+const classPrefix$c = `nut-inputnumber`;
 const InputNumber = (props) => {
   const {
     children,
@@ -9752,8 +9752,8 @@ const InputNumber = (props) => {
   }, []);
   const classes = classNames(
     {
-      [`${classPrefix$a}`]: true,
-      [`${classPrefix$a}--disabled`]: disabled
+      [`${classPrefix$c}`]: true,
+      [`${classPrefix$c}--disabled`]: disabled
     },
     className
   );
@@ -10174,7 +10174,7 @@ const MenuItem = forwardRef((props, ref) => {
       onClick: () => parent.toggleMenuItem(index)
     }
   ) : null, /* @__PURE__ */ React.createElement(
-    Overlay,
+    Overlay$1,
     {
       className: "nut-menu__overlay",
       style: getPosition(),
@@ -10399,7 +10399,7 @@ const defaultProps$Q = {
   direction: "vertical",
   options: []
 };
-const classPrefix$9 = "nut-radiogroup";
+const classPrefix$b = "nut-radiogroup";
 const RadioGroup = React.forwardRef(
   (props, ref) => {
     const {
@@ -10455,8 +10455,8 @@ const RadioGroup = React.forwardRef(
       /* @__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 @@ const defaultProps$M = {
   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 = useRef(null);
   const [value, setValue] = useState(() => props.value);
@@ -11022,32 +11022,22 @@ const SearchBar = (props) => {
     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 @@ const SearchBar = (props) => {
     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 @@ const SearchBar = (props) => {
   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 @@ const SearchBar = (props) => {
     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 @@ const SearchBar = (props) => {
       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 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 @@ const ShortPassword = (props) => {
     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 = useRef(null);
-  const range = (val) => {
-    return Math.min(Math.max(4, val), 6);
+    onClickOverlay,
+    onClickCloseIcon,
+    ...rest
+  } = {
+    ...defaultProps$L,
+    ...props
   };
-  const [innerVisible, setInnerVisible] = useState(visible);
-  const [comLen, setComLen] = useState(range(Number(length)));
-  const [inputValue, setInputValue] = useState("");
+  const classPrefix2 = "nut-shortpassword";
+  const comLen = 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 });
   useEffect(() => {
-    setInnerVisible(visible);
+    if (visible && autoFocus) {
+      onFocus && onFocus();
+    }
   }, [visible]);
   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 @@ const ShortPassword = (props) => {
         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 @@ const Uploader = React.forwardRef(InternalUploader);
 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 @@ const ActionSheet = (props) => {
         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 @@ const defaultDialogProps = {
   onClose: () => {
   },
   onOverlayClick: (e) => true,
-  ...defaultOverlayProps
+  ...defaultOverlayProps$1
 };
 const DialogWrap = (props) => {
   const {
@@ -12481,7 +12345,7 @@ const DialogWrap = (props) => {
     }
   };
   return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
-    Overlay,
+    Overlay$1,
     {
       style: overlayStyle,
       className: overlayClassName,
@@ -12725,7 +12589,7 @@ const defaultProps$C = {
   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 @@ const Empty = (props) => {
       };
     });
   }, [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 @@ const defaultProps$z = {
   onClick: () => {
   }
 };
-const classPrefix$7 = "nut-notify";
+const classPrefix$9 = "nut-notify";
 const Notify = (props) => {
   const {
     id,
@@ -13378,10 +13242,10 @@ const Notify = (props) => {
     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 @@ const Popover = (props) => {
       );
     }))) : null))
   ), visible ? /* @__PURE__ */ React.createElement(
-    Overlay,
+    Overlay$1,
     {
       visible,
       onClick: (e) => handleClick(e),
@@ -13725,7 +13589,7 @@ const defaultProps$w = {
   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 @@ const Avatar = (props) => {
     [`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 @@ const Swipe = forwardRef((props, instanceRef) => {
 });
 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 = useRef(true);
+  const intervalCloseRef = useRef(0);
+  const intervalShowRef = useRef(0);
+  useEffect(() => {
+    if (visible) {
+      intervalShowRef.current = window.setTimeout(() => {
+        afterShow && afterShow();
+      }, duration * 1e3 * 0.8);
+    }
+    lock();
+  }, [visible]);
+  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 @@ const Toast = (props) => {
     }
   };
   const clickCover = () => {
-    if (closeOnClickOverlay) {
+    if (closeOnOverlayClick) {
       hide();
     }
   };
-  const toastBem = cn("toast");
   const hasIcon = () => {
     if (type !== "text") {
       return true;
@@ -14183,40 +14115,30 @@ const Toast = (props) => {
     }[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 @@ const defaultProps$s = {
   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 @@ const Animate = (props) => {
   const [clicked, setClicked] = 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 @@ const Animate = (props) => {
 Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
-  maxLen: 0,
-  endNumber: "",
-  delaySpeed: 300,
-  easeSpeed: 1,
-  thousands: false,
-  className: ""
+  ...ComponentDefaults,
+  length: 0,
+  value: "",
+  delay: 300,
+  duration: 1,
+  thousands: false
 };
 const CountUp = (props) => {
   const {
-    maxLen,
-    endNumber,
-    delaySpeed,
-    easeSpeed,
+    length,
+    value,
+    delay,
+    duration,
     className,
     thousands,
+    style,
     ...reset
   } = {
     ...defaultProps$r,
     ...props
   };
-  const b2 = cn("countup");
+  const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
   const numbers = Array.from({ length: 10 }, (v, i) => i);
   const getShowNumber = () => {
-    const splitArr = endNumber.split(".");
-    const intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
+    const splitArr = value.split(".");
+    const intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
     const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
     return currNumber.split("");
   };
@@ -14307,7 +14230,7 @@ const CountUp = (props) => {
   };
   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 @@ const CountUp = (props) => {
       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 @@ class AnimatingNumbers extends Component {
 __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 @@ const defaultProps$o = {
   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 = useRef(null);
-  const cls = classNames(classPrefix$4, className);
+  const cls = classNames(classPrefix$5, className);
   const parentAvatar = {
     propAvatarGroup,
     avatarGroupRef
@@ -14593,7 +14522,7 @@ const defaultProps$n = {
   background: "#e5e9f2",
   clockwise: true
 };
-const classPrefix$3 = `nut-circleprogress`;
+const classPrefix$4 = `nut-circleprogress`;
 const CircleProgress = (props) => {
   const {
     children,
@@ -14612,7 +14541,7 @@ const CircleProgress = (props) => {
     ...props
   };
   const [oldValue, setOldValue] = useState(percent);
-  const classes = classNames(className, classPrefix$3);
+  const classes = classNames(className, classPrefix$4);
   const refRandomId = Math.random().toString(36).slice(-8);
   const animateIdRef = useRef(0);
   const styles = {
@@ -14915,13 +14844,16 @@ Collapse.defaultProps = defaultProps$l;
 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 @@ const InternalCountDown = (props, ref) => {
     paused,
     startTime,
     endTime,
+    remainingTime,
     millisecond,
     format,
     autoStart,
     time,
+    destroy,
     className,
     style,
     onEnd,
@@ -14942,7 +14876,7 @@ const InternalCountDown = (props, ref) => {
     children,
     ...rest
   } = { ...defaultProps$k, ...props };
-  const b2 = cn("countdown");
+  const classPrefix2 = "nut-countdown";
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
     pauseTime: 0,
@@ -14967,8 +14901,12 @@ const InternalCountDown = (props, ref) => {
     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 @@ const InternalCountDown = (props, ref) => {
     if (stateRef.current.isIninted) {
       initTime();
     }
-  }, [endTime, startTime]);
+  }, [endTime, startTime, remainingTime]);
   useEffect(() => {
     if (autoStart) {
       initTime();
@@ -15124,20 +15062,28 @@ const InternalCountDown = (props, ref) => {
     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 @@ const defaultProps$j = {
   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 @@ const Ellipsis = (props) => {
     collapseText,
     symbol,
     lineHeight,
+    width,
     onClick,
     onChange,
     ...rest
@@ -15190,7 +15138,11 @@ const Ellipsis = (props) => {
   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 @@ const Ellipsis = (props) => {
       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 @@ const defaultProps$i = {
   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 @@ const Indicator = (props) => {
           "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 @@ const defaultProps$h = {
   loop: false,
   defaultValue: 0
 };
-const classPrefix = "nut-swiper";
+const classPrefix$1 = "nut-swiper";
 const Swiper = forwardRef((props, ref) => {
   const {
     width,
@@ -15486,8 +15468,8 @@ const Swiper = forwardRef((props, ref) => {
         "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 @@ const Swiper = forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement(
     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 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
+const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
 const defaultProps$e = {
-  sourceData: [],
-  itemSize: 66,
-  itemEqualSize: true,
+  ...ComponentDefaults,
+  list: [],
+  containerHeight: clientHeight,
+  itemHeight: 66,
+  itemEqual: true,
   overscan: 2
 };
-const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
-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] = useState(0);
   const [start, setStart] = useState(0);
-  const [list, setList] = useState(sourceData.slice());
-  useConfig$1();
   const scrollRef = useRef(null);
   const itemsRef = useRef(null);
   const firstItemRef = useRef(null);
@@ -15905,7 +15889,7 @@ const VirtualList = (props) => {
       right: 0
     }
   ]);
-  const [offSetSize, setOffSetSize] = useState(containerSize || 0);
+  const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
   const [options, setOptions] = useState({
     startOffset: 0,
     // 可视区域距离顶部的偏移量
@@ -15915,37 +15899,32 @@ const VirtualList = (props) => {
     endIndex: 10
     // 可视区域结束索引
   });
-  useEffect(() => {
-    if (sourceData.length) {
-      setList(sourceData.slice());
-    }
-  }, [sourceData]);
   useEffect(() => {
     setPositions((options2) => {
       return { ...options2, endIndex: visibleCount() };
     });
-  }, [itemSize, overscan, offSetSize]);
+  }, [itemHeight, overscan, offSetSize]);
   useEffect(() => {
-    if (containerSize)
+    if (containerHeight)
       return;
     setOffSetSize(getContainerHeight());
-  }, [containerSize]);
+  }, [containerHeight]);
   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 @@ const VirtualList = (props) => {
     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 @@ const VirtualList = (props) => {
       className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
       ...rest,
       style: {
-        height: containerSize ? `${offSetSize}px` : ""
+        height: containerHeight ? `${offSetSize}px` : ""
       }
     },
     /* @__PURE__ */ React.createElement(
       ScrollView,
       {
-        scrollTop: 0,
         scrollY: true,
         type: "list",
         ref: scrollRef,
@@ -16022,7 +16000,7 @@ const VirtualList = (props) => {
               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 @@ const Tag = (props) => {
 Tag.defaultProps = defaultProps$8;
 Tag.displayName = "NutTag";
 const defaultProps$7 = {
+  ...ComponentDefaults,
   source: {
     type: {},
     src: ""
@@ -16599,15 +16578,13 @@ const defaultProps$7 = {
     loop: false
   }
 };
+const classPrefix = `nut-video`;
 const Video = (props) => {
   const {
     children,
     source,
     options,
     className,
-    play,
-    pause,
-    playend,
     onPlay,
     onPause,
     onPlayEnd,
@@ -16616,55 +16593,21 @@ const Video = (props) => {
     ...defaultProps$7,
     ...props
   };
-  const rootRef = useRef(null);
-  const b2 = cn("video");
-  const classes = classNames(className, b2(""));
-  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",
+    Video$1,
     {
       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 @@ const TimeSelect = (props) => {
 TimeSelect.defaultProps = defaultProps$2;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$1 = {
-  rate: 0,
+  ...ComponentDefaults,
+  value: 0,
   digits: 2,
-  showSign: false,
-  showZero: false,
+  symbol: false,
+  zero: false,
   arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
+  syncColor: true,
+  color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
+  riseIcon: null,
+  downIcon: null
 };
 const TrendArrow = (props) => {
   const {
-    rate,
+    value,
     digits,
-    showSign,
-    showZero,
+    symbol,
+    zero,
     arrowLeft,
-    syncTextColor,
-    textColor,
+    syncColor,
+    color,
     riseColor,
     dropColor,
-    upIcon,
+    riseIcon,
     downIcon,
     className,
+    style,
     children,
     ...rest
   } = { ...defaultProps$1, ...props };
-  const b2 = cn("trendarrow");
-  const handleClick = () => {
-  };
-  const rateTrend = useRef(rate > 0);
+  const classPrefix2 = "nut-trendarrow";
+  const rateTrend = useRef(value > 0);
   const myFixed = (num, digit = 2) => {
     if (Object.is(parseFloat(num), NaN)) {
-      return console.log(`传入的值：${num}不是一个数字`);
+      return console.warn(`传入的值：${num}不是一个数字`);
     }
     num = parseFloat(num);
     const numPow = Math.pow(10, digit);
@@ -17055,20 +16997,20 @@ const TrendArrow = (props) => {
   };
   const calcStyle = (() => {
     const arrowColor = rateTrend.current ? riseColor : dropColor;
-    const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    const style = {
-      color: rate === 0 ? textColor : textEquArrowColor
+    const textEquArrowColor = syncColor ? arrowColor : color;
+    const style2 = {
+      color: value === 0 ? color : textEquArrowColor
     };
-    return style;
+    return style2;
   })();
   const calcRate = (() => {
-    rateTrend.current = rate > 0;
-    const absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
+    rateTrend.current = value > 0;
+    const absRate = Math.abs(value);
+    if (!zero && value === 0) {
       return "--";
     }
     const resultRate = `${// eslint-disable-next-line no-nested-ternary
-    showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
+    symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
     return resultRate;
   })();
   const calcIconProps = (() => {
@@ -17079,13 +17021,21 @@ const TrendArrow = (props) => {
   })();
   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 @@ const defaultProps = {
   imageWidth: 120,
   imageHeight: 64,
   rotate: -22,
-  fontColor: "rgba(0,0,0,.15)",
+  color: "rgba(0,0,0,.15)",
   fontStyle: "normal",
-  fontFamily: "PingFang SC",
   fontWeight: "normal",
   fontSize: 14
 };
@@ -17118,22 +17067,20 @@ const WaterMark = (props) => {
     imageWidth,
     imageHeight,
     rotate,
-    fontColor,
+    color,
     fontStyle,
     fontFamily,
     fontWeight,
     fontSize,
-    style,
-    children
+    style
   } = {
     ...defaultProps,
     ...props
   };
   const [base64Url, setBase64Url] = 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);
   useEffect(() => {
@@ -17143,8 +17090,8 @@ const WaterMark = (props) => {
     let ratio = 1;
     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 @@ const WaterMark = (props) => {
       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 = createOffscreenCanvas({
           type: "2d",
@@ -17193,7 +17140,7 @@ const WaterMark = (props) => {
           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());
@@ -17269,7 +17216,7 @@ export {
   NoticeBar,
   Notify,
   NumberKeyboard,
-  Overlay,
+  Overlay$1 as Overlay,
   Pagination,
   Picker$1 as Picker,
   Popover,