@nutui/nutui-react-taro 2.3.10 → 2.3.12

package/dist/esm/{input.taro-YoPsV-op.js → input.taro-BVC8gEuk.js}

@@ -1,10 +1,11 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from "react";
 import { View, Input as Input$1 } from "@tarojs/components";
 import { MaskClose } from "@nutui/icons-react-taro";
 import Taro, { getEnv, ENV_TYPE } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {
@@ -29,28 +30,10 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps = {
-  ...ComponentDefaults,
-  type: "text",
-  name: "",
-  placeholder: "",
-  confirmType: "done",
-  align: "left",
-  required: false,
-  disabled: false,
-  readOnly: false,
-  maxLength: 9999,
-  clearable: false,
-  clearIcon: null,
-  formatTrigger: "onChange",
-  autoFocus: false
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: "", confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
 const Input = forwardRef((props, ref) => {
   const { locale } = useConfig();
-  const { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onBlur, onClear, formatter, onClick, confirmType, defaultValue, value: _value, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onBlur, onClear, formatter, onClick, confirmType, defaultValue, value: _value } = _a, rest = __rest(_a, ["type", "name", "placeholder", "align", "disabled", "readOnly", "maxLength", "clearable", "clearIcon", "formatTrigger", "autoFocus", "style", "className", "onChange", "onFocus", "onBlur", "onClear", "formatter", "onClick", "confirmType", "defaultValue", "value"]);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -65,12 +48,12 @@ const Input = forwardRef((props, ref) => {
         setValue("");
       },
       focus: () => {
-        var _a;
-        (_a = inputRef.current) == null ? void 0 : _a.focus();
+        var _a2;
+        (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
       },
       blur: () => {
-        var _a;
-        (_a = inputRef.current) == null ? void 0 : _a.blur();
+        var _a2;
+        (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.blur();
       },
       get nativeElement() {
         return inputRef.current;
@@ -108,7 +91,7 @@ const Input = forwardRef((props, ref) => {
       const val = event.target.value;
       onFocus && onFocus(val);
     } else {
-      onFocus == null ? void 0 : onFocus(value);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
     }
     setActive(true);
   };
@@ -145,9 +128,12 @@ const Input = forwardRef((props, ref) => {
     { className: `${inputClass()}  ${className || ""}`, style, onClick: (e) => {
       onClick && onClick(e);
     } },
-    React__default.createElement(Input$1, { ...rest, name, className: "nut-input-native", ref: inputRef, style: { textAlign: align }, type: inputType(type), password: type === "password", maxlength: maxLength, placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, value, focus: autoFocus, confirmType, onBlur: handleBlur, onFocus: handleFocus, onInput: (e) => {
+    React__default.createElement(Input$1, Object.assign({}, rest, { name, className: "nut-input-native", ref: inputRef, style: {
+      textAlign: `${// eslint-disable-next-line no-nested-ternary
+      align === "right" ? "end" : align === "left" ? "start" : "center"}`
+    }, type: inputType(type), password: type === "password", maxlength: maxLength, placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, value, focus: autoFocus, confirmType, onBlur: handleBlur, onFocus: handleFocus, onInput: (e) => {
       handleInput(e.currentTarget.value);
-    } }),
+    } })),
     React__default.createElement(View, { style: {
       display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
       alignItems: "center"
@@ -155,7 +141,7 @@ const Input = forwardRef((props, ref) => {
       e.stopPropagation();
       if (!disabled) {
         setValue("");
-        onClear == null ? void 0 : onClear("");
+        onClear === null || onClear === void 0 ? void 0 : onClear("");
       }
     } }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" }))
   );

package/dist/esm/inputnumber.taro-F3jNGr_V.js

@@ -0,0 +1,158 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useRef, useEffect } from "react";
+import { Minus, Plus } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, type: "digit", step: 1, digits: 0, async: false });
+const classPrefix = `nut-inputnumber`;
+const InputNumber = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, type, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "type", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-disabled`]: disabled
+  });
+  const [focused, setFocused] = useState(false);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    var _a2, _b;
+    if (focused) {
+      (_b = (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.select) === null || _b === void 0 ? void 0 : _b.call(_a2);
+    }
+  }, [focused]);
+  const [shadowValue, setShadowValue] = usePropsValue({
+    value: typeof value === "string" ? parseFloat(value) : value,
+    defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
+    finalValue: 0,
+    onChange: (value2) => {
+    }
+  });
+  const bound = (value2, min2, max2) => {
+    let res = value2;
+    if (min2 !== void 0) {
+      res = Math.max(Number(min2), res);
+    }
+    if (max2 !== void 0) {
+      res = Math.min(Number(max2), res);
+    }
+    return res;
+  };
+  const format = (value2) => {
+    if (value2 === null)
+      return "";
+    if (typeof value2 === "string")
+      value2 = parseFloat(value2);
+    const fixedValue = bound(value2, Number(min), Number(max));
+    if (formatter) {
+      return formatter(fixedValue);
+    }
+    if (digits) {
+      return fixedValue.toFixed(digits).toString();
+    }
+    return fixedValue.toString();
+  };
+  const [inputValue, setInputValue] = useState(format(shadowValue));
+  useEffect(() => {
+    if (!focused && !async) {
+      setShadowValue(bound(Number(shadowValue), Number(min), Number(max)));
+      setInputValue(format(shadowValue));
+    }
+  }, [focused, shadowValue]);
+  useEffect(() => {
+    if (async) {
+      setShadowValue(bound(Number(value), Number(min), Number(max)));
+      setInputValue(format(value));
+    }
+  }, [value]);
+  const calcNextValue = (current, step2, symbol) => {
+    const dig = digits + 1;
+    return (parseFloat(current || "0") * dig + parseFloat(step2) * dig * symbol) / dig;
+  };
+  const update = (negative, e) => {
+    if (step !== void 0) {
+      const shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
+      const nextValue = bound(shouldOverBoundary, Number(min), Number(max));
+      setShadowValue(nextValue);
+      if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+        onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
+      } else {
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);
+      }
+    }
+  };
+  const handleReduce = (e) => {
+    if (disabled)
+      return;
+    onMinus === null || onMinus === void 0 ? void 0 : onMinus(e);
+    update(true, e);
+  };
+  const handlePlus = (e) => {
+    if (disabled)
+      return;
+    onPlus === null || onPlus === void 0 ? void 0 : onPlus(e);
+    update(false, e);
+  };
+  const parseValue = (text) => {
+    if (text === "")
+      return null;
+    if (text === "-")
+      return null;
+    return text;
+  };
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(valueStr);
+    }
+    if (!async) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    }
+  };
+  const handleFocus = (e) => {
+    setFocused(true);
+    setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
+    onFocus && onFocus(e);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    onBlur && onBlur(e);
+    if (async) {
+      const valueStr = parseValue(e.target.value);
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    }
+  };
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style }, restProps),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-minus" },
+      React__default.createElement(Minus, { className: classNames("nut-inputnumber-icon icon-minus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
+      }), onClick: handleReduce })
+    ),
+    React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("input", { className: "nut-number-input", type, ref: inputRef, inputMode: type === "digit" ? "decimal" : "numeric", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus })
+    ),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-add" },
+      React__default.createElement(Plus, { className: classNames("nut-inputnumber-icon icon-plus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === max || disabled
+      }), onClick: handlePlus })
+    )
+  );
+};
+InputNumber.defaultProps = defaultProps;
+InputNumber.displayName = "NutInputNumber";
+export {
+  InputNumber as I
+};

package/dist/esm/{layout.taro-lnN-wB0Y.js → layout.taro-BE2868d6.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 const defaultProps = {};
 const Layout = (props) => {
-  ({ ...defaultProps, ...props });
+  Object.assign(Object.assign({}, defaultProps), props);
   return React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.defaultProps = defaultProps;

package/dist/esm/{loading.taro-aHN6xLIT.js → loading.taro-CRF1z5wQ.js}

@@ -1,22 +1,19 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
 import classNames from "classnames";
 import { Loading1, Loading as Loading$1 } from "@nutui/icons-react-taro";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const loadingMap = {
   circular: Loading1,
   spinner: Loading$1
 };
-const defaultProps = {
-  ...ComponentDefaults,
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), {
   // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
   type: "circular",
   direction: "horizontal"
-};
+});
 const Loading = (props) => {
-  const { className, style, children, direction, icon, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, children, direction, icon } = _a, rest = __rest(_a, ["className", "style", "children", "direction", "icon"]);
   const classPrefix = "nut-loading";
   const CurLoadingIcon = loadingMap[rest.type] || Loading1;
   return React__default.createElement(

package/dist/esm/{menu.taro-ODwHYGFM.js → menu.taro-BAiJPGR7.js}

@@ -1,26 +1,14 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp, ArrowDown } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-9nyTDLpt.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  activeColor: "",
-  closeOnOverlayClick: true,
-  scrollFixed: false,
-  lockScroll: true,
-  overlay: true,
-  icon: null,
-  onOpen: (index, from) => {
-  },
-  onClose: (index, from) => {
-  }
-};
+import { M as MenuItem } from "./menuitem.taro-oLv6ZYC5.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeColor: "", closeOnOverlayClick: true, scrollFixed: false, lockScroll: true, overlay: true, icon: null, onOpen: (index, from) => {
+}, onClose: (index, from) => {
+} });
 const Menu = (props) => {
-  const { className, icon, scrollFixed, lockScroll, overlay, closeOnOverlayClick, children, activeColor, onClose, onOpen, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, icon, scrollFixed, lockScroll, overlay, closeOnOverlayClick, children, activeColor, onClose, onOpen } = _a, rest = __rest(_a, ["className", "icon", "scrollFixed", "lockScroll", "overlay", "closeOnOverlayClick", "children", "activeColor", "onClose", "onOpen"]);
   const menuRef = useRef(null);
   const [isScrollFixed, setIsScrollFixed] = useState(false);
   const getScrollTop = (el) => {
@@ -61,8 +49,7 @@ const Menu = (props) => {
   };
   const cloneChildren = () => {
     return React__default.Children.map(children, (child, index) => {
-      return React__default.cloneElement(child, {
-        ...child.props,
+      return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), {
         show: showMenuItem[index],
         index,
         activeColor,
@@ -75,14 +62,14 @@ const Menu = (props) => {
           hideMenuItem,
           menuRef
         }
-      });
+      }));
     });
   };
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
         const { title, options, value, defaultValue, disabled, direction } = child.props;
-        const selected = options == null ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
+        const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
         const finallyTitle = () => {
           if (title)
             return title;
@@ -111,9 +98,9 @@ const Menu = (props) => {
   };
   return React__default.createElement(
     "div",
-    { ...rest, className: classNames(`nut-menu`, className, {
+    Object.assign({}, rest, { className: classNames(`nut-menu`, className, {
       "scroll-fixed": isScrollFixed
-    }), ref: menuRef },
+    }), ref: menuRef }),
     React__default.createElement("div", { className: classNames("nut-menu-bar", {
       opened: showMenuItem.includes(true)
     }) }, menuTitle()),

package/dist/esm/{menuitem.taro-9nyTDLpt.js → menuitem.taro-oLv6ZYC5.js}

@@ -1,28 +1,17 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { forwardRef, useState, useEffect, useMemo, useCallback, useImperativeHandle } from "react";
 import classNames from "classnames";
 import { getSystemInfoSync, usePageScroll } from "@tarojs/taro";
 import { View } from "@tarojs/components";
 import { CSSTransition } from "react-transition-group";
 import { Check } from "@nutui/icons-react-taro";
-import { O as Overlay } from "./overlay.taro-HsGeVyPh.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  columns: 1,
-  direction: "down",
-  icon: null,
-  closeOnClickAway: true,
-  activeTitleClass: "",
-  inactiveTitleClass: "",
-  onChange: (value) => void 0
-};
+import { O as Overlay } from "./overlay.taro-BaBu-3-F.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
 const MenuItem = forwardRef((props, ref) => {
-  const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = {
-    ...defaultProps,
-    ...props
-  };
+  const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = Object.assign(Object.assign({}, defaultProps), props);
   const [showPopup, setShowPopup] = useState(show);
   const [innerValue, setValue] = usePropsValue({
     defaultValue,
@@ -30,7 +19,7 @@ const MenuItem = forwardRef((props, ref) => {
     finalValue: void 0,
     onChange: (v) => {
       const [option] = options.filter((o) => o.value === v);
-      onChange == null ? void 0 : onChange(option);
+      onChange === null || onChange === void 0 ? void 0 : onChange(option);
     }
   });
   useEffect(() => {
@@ -81,14 +70,14 @@ const MenuItem = forwardRef((props, ref) => {
     height: 0
   });
   const getParentOffset = () => {
-    setTimeout(async () => {
+    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
       const p = parent.menuRef.current;
-      const rect = await getRectByTaro(p);
+      const rect = yield getRectByTaro(p);
       setPosition({
         height: rect.height,
         top: rect.top
       });
-    }, 100);
+    }), 100);
   };
   const isShow = () => {
     if (showPopup)
@@ -108,16 +97,9 @@ const MenuItem = forwardRef((props, ref) => {
   };
   const placeholderStyle = () => {
     if (direction === "down") {
-      return {
-        height: `${position.top + position.height}px`,
-        ...isShow()
-      };
+      return Object.assign({ height: `${position.top + position.height}px` }, isShow());
     }
-    return {
-      height: `${getSystemInfoSync().windowHeight - position.top}px`,
-      top: "auto",
-      ...isShow()
-    };
+    return Object.assign({ height: `${getSystemInfoSync().windowHeight - position.top}px`, top: "auto" }, isShow());
   };
   return React__default.createElement(
     View,
@@ -133,17 +115,14 @@ const MenuItem = forwardRef((props, ref) => {
       { className: classNames({
         "nut-menu-container-wrap": direction === "down",
         "nut-menu-container-wrap-up": direction !== "down"
-      }, className), style: {
-        ...style,
-        ...isShow()
-      } },
+      }, className), style: Object.assign(Object.assign({}, style), isShow()) },
       React__default.createElement(
         CSSTransition,
         { in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
         React__default.createElement(
           View,
           { className: "nut-menu-container-content" },
-          options == null ? void 0 : options.map((item, index2) => {
+          options === null || options === void 0 ? void 0 : options.map((item, index2) => {
             return React__default.createElement(
               View,
               { className: `nut-menu-container-item ${classNames({

package/dist/esm/{navbar.taro-AuKPDCaW.js → navbar.taro-B8u3DOE4.js}

@@ -1,43 +1,28 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  left: "",
-  right: "",
-  titleAlign: "center",
-  back: "",
-  fixed: false,
-  safeAreaInsetTop: false,
-  placeholder: false,
-  zIndex: 10
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { left: "", right: "", titleAlign: "center", back: "", fixed: false, safeAreaInsetTop: false, placeholder: false, zIndex: 10 });
 const NavBar = (props) => {
-  const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
-    ...defaultProps,
-    ...props
-  };
+  const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-navbar";
   const children = Array.isArray(props.children) ? props.children : [props.children];
   const styles = () => {
-    return {
-      ...style,
-      zIndex
-    };
+    return Object.assign(Object.assign({}, style), { zIndex });
   };
   const leftRef = useRef(null);
   const rightRef = useRef(null);
   const wrapperRef = useRef(null);
   const [contentWidth, setContentWidth] = useState("50%");
-  const getNodeWidth = async (node) => {
+  const getNodeWidth = (node) => __awaiter(void 0, void 0, void 0, function* () {
     if (node) {
-      const refe = await getRectByTaro(node);
+      const refe = yield getRectByTaro(node);
       return refe.width;
     }
     return 0;
-  };
+  });
   useEffect(() => {
     if (titleAlign === "left") {
       return;
@@ -45,10 +30,10 @@ const NavBar = (props) => {
     if (!(back || left || right)) {
       setContentWidth("100%");
     }
-    const init = async () => {
-      const leftRectWidth = await getNodeWidth(leftRef == null ? void 0 : leftRef.current);
-      const rightRectWidth = await getNodeWidth(rightRef == null ? void 0 : rightRef.current);
-      const wrapperWidth = await getNodeWidth(wrapperRef == null ? void 0 : wrapperRef.current);
+    const init = () => __awaiter(void 0, void 0, void 0, function* () {
+      const leftRectWidth = yield getNodeWidth(leftRef === null || leftRef === void 0 ? void 0 : leftRef.current);
+      const rightRectWidth = yield getNodeWidth(rightRef === null || rightRef === void 0 ? void 0 : rightRef.current);
+      const wrapperWidth = yield getNodeWidth(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       let centerWidth = wrapperWidth / 2;
       if (leftRectWidth && rightRectWidth) {
         centerWidth = wrapperWidth - (leftRectWidth > rightRectWidth ? leftRectWidth * 2 : rightRectWidth * 2);
@@ -56,7 +41,7 @@ const NavBar = (props) => {
         centerWidth = wrapperWidth - leftRectWidth * 2 - rightRectWidth * 2;
       }
       setContentWidth(centerWidth.toFixed(2));
-    };
+    });
     init();
   }, [left, right, back]);
   const renderLeft = () => {

package/dist/esm/{noticebar.taro-bHnEzTvL.js → noticebar.taro-CMdfOp2g.js}

@@ -1,28 +1,12 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import { Notice, Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  direction: "horizontal",
-  list: [],
-  duration: 1e3,
-  height: 40,
-  content: "",
-  closeable: false,
-  wrap: false,
-  leftIcon: React__default.createElement(Notice, { size: 16 }),
-  rightIcon: null,
-  delay: 1,
-  scrollable: null,
-  speed: 50
-};
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { direction: "horizontal", list: [], duration: 1e3, height: 40, content: "", closeable: false, wrap: false, leftIcon: React__default.createElement(Notice, { size: 16 }), rightIcon: null, delay: 1, scrollable: null, speed: 50 });
 const NoticeBar = (props) => {
-  const { children, className, style, direction, list, duration, height, content, closeable, wrap, leftIcon, rightIcon, delay, scrollable, speed, close, click, onClose, onClick, onItemClick } = {
-    ...defaultProps,
-    ...props
-  };
+  const { children, className, style, direction, list, duration, height, content, closeable, wrap, leftIcon, rightIcon, delay, scrollable, speed, close, click, onClose, onClick, onItemClick } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-noticebar";
   const wrapRef = useRef(null);
   const contentRef = useRef(null);
@@ -100,12 +84,12 @@ const NoticeBar = (props) => {
     if (showNoticeBar === false) {
       return;
     }
-    setTimeout(async () => {
+    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
       if (!wrapRef.current || !contentRef.current) {
         return;
       }
-      const warpRes = await getRectByTaro(wrapRef.current);
-      const contentRes = await getRectByTaro(contentRef.current);
+      const warpRes = yield getRectByTaro(wrapRef.current);
+      const contentRes = yield getRectByTaro(contentRef.current);
       const wrapW = warpRes.width;
       const offsetW = contentRes.width;
       const canScroll = scrollable == null ? offsetW > wrapW : scrollable;
@@ -118,7 +102,7 @@ const NoticeBar = (props) => {
       } else {
         SetAnimationClass("");
       }
-    }, 0);
+    }), 0);
   };
   const handleClick = (event) => {
     click && click(event);
@@ -179,12 +163,12 @@ const NoticeBar = (props) => {
     marginTop: animate ? `-${height}px` : ""
   };
   const init = (active2 = 0) => {
-    if (!(container == null ? void 0 : container.current))
+    if (!(container === null || container === void 0 ? void 0 : container.current))
       return;
-    setTimeout(async () => {
-      const rects = await getRectByTaro(container == null ? void 0 : container.current);
+    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+      const rects = yield getRectByTaro(container === null || container === void 0 ? void 0 : container.current);
       const _active = Math.max(Math.min(childCount - 1, active2), 0);
-      const _height = rects == null ? void 0 : rects.height;
+      const _height = rects === null || rects === void 0 ? void 0 : rects.height;
       trackSize = childCount * Number(_height);
       const targetOffset = getOffset(_active);
       swiperRef.current.moving = true;
@@ -195,7 +179,7 @@ const NoticeBar = (props) => {
       setRect(rects);
       setOffset(targetOffset);
       setReady(true);
-    }, 0);
+    }), 0);
   };
   useEffect(() => {
     if (ready) {
@@ -212,7 +196,7 @@ const NoticeBar = (props) => {
       stopAutoPlay();
       autoplay();
     }
-  }, [children, container == null ? void 0 : container.current]);
+  }, [children, container === null || container === void 0 ? void 0 : container.current]);
   const stopAutoPlay = () => {
     clearTimeout(swiperRef.current.autoplayTimer);
     swiperRef.current.autoplayTimer = null;
@@ -264,7 +248,7 @@ const NoticeBar = (props) => {
       return;
     }
     let _offset = 0;
-    const val = ((rect == null ? void 0 : rect.height) || 0) - height;
+    const val = ((rect === null || rect === void 0 ? void 0 : rect.height) || 0) - height;
     _offset = moveOffset + Number(active === childCount - 1 && val / 2);
     target.style.transitionDuration = `${swiperRef.current.moving ? 0 : duration}ms`;
     target.style.height = `${Number(height) * childCount}px`;