@nutui/nutui-react-taro 2.3.12 → 2.4.1-beta.0

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.3.12 Fri Mar 01 2024 16:07:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.4.1 Fri Mar 15 2024 20:38:51 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -258,7 +258,7 @@ const Button = React__default.forwardRef(
               [`${prefixCls$2}-${size}`]: size,
               [`${prefixCls$2}-${shape}`]: shape,
               [`${prefixCls$2}-block`]: block,
-              [`${prefixCls$2}-disabled`]: disabled,
+              [`${prefixCls$2}-disabled`]: disabled || loading,
               [`${prefixCls$2}-loading`]: loading
             },
             className
@@ -4930,18 +4930,33 @@ const defaultProps$1d = {
   max: 99,
   top: "4",
   right: "8",
-  color: ""
+  color: "",
+  fill: "solid"
 };
 const Badge = (props) => {
   var _a;
-  const { className, style, value, max, children, dot, top, right: right2, color } = {
+  const rtl = useRtl();
+  const {
+    className,
+    style,
+    value,
+    max,
+    children,
+    dot,
+    top,
+    right: right2,
+    color,
+    fill
+  } = {
     ...defaultProps$1d,
     ...props
   };
   const classPrefix2 = "nut-badge";
-  const classes = classNames(classPrefix2, className);
+  const classes = classNames(classPrefix2, className, {
+    [`${classPrefix2}-${fill}`]: fill === "outline"
+  });
   function content() {
-    if (dot || typeof value === "object")
+    if (dot || typeof value === "object" || value === 0)
       return null;
     if (typeof value === "number" && typeof max === "number") {
       return max < value ? `${max}+` : `${value}`;
@@ -4971,8 +4986,20 @@ const Badge = (props) => {
   const getStyle = () => {
     const style2 = {};
     style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
-    style2.right = `${Number(right2) || parseFloat(String(right2)) || 0}px`;
-    style2.background = color;
+    const dir = rtl ? "left" : "right";
+    style2[dir] = `${Number(right2) || parseFloat(String(right2)) || 0}px`;
+    if (color) {
+      if (fill === "outline") {
+        style2.color = color;
+        style2.background = "#fff";
+        if (!(color == null ? void 0 : color.includes("gradient"))) {
+          style2.border = `1px solid ${color}`;
+        }
+      } else {
+        style2.color = "#fff";
+        style2.background = color;
+      }
+    }
     return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: contentClasses, style: getStyle() }, content()));
@@ -5170,6 +5197,7 @@ const defaultProps$19 = {
 };
 const classPrefix$k = "nut-tabs";
 const Tabs = (props) => {
+  const rtl = useRtl();
   const {
     activeColor,
     tabStyle,
@@ -5279,7 +5307,7 @@ const Tabs = (props) => {
     }
     animate();
   };
-  const scrollIntoView = () => {
+  const scrollIntoView = (index) => {
     requestAniFrame$1(() => {
       Promise.all([
         getRect2(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
@@ -5287,24 +5315,25 @@ const Tabs = (props) => {
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
-        const titleRect = titleRectRef.current[value];
+        const titleRect = titleRectRef.current[index];
         if (!titleRect)
           return;
         let to = 0;
         if (props.direction === "vertical") {
           const DEFAULT_PADDING = 11;
-          const top = titleRects.slice(0, value).reduce(
+          const top = titleRects.slice(0, index).reduce(
             (prev, curr) => prev + curr.height,
             DEFAULT_PADDING
           );
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
           const DEFAULT_PADDING = 20;
-          const left2 = titleRects.slice(0, value).reduce(
+          const left2 = titleRects.slice(0, index).reduce(
             (prev, curr) => prev + curr.width,
             DEFAULT_PADDING
           );
           to = left2 - (navRectRef.current.width - titleRect.width) / 2;
+          to = rtl ? -to : to;
         }
         nextTick(() => {
           scrollWithAnimation.current = true;
@@ -5314,12 +5343,15 @@ const Tabs = (props) => {
     });
   };
   useEffect(() => {
-    const index = titles.current.findIndex((t2) => t2.value === value);
+    let index = titles.current.findIndex(
+      (t2) => String(t2.value) === String(value)
+    );
+    index = index < 0 ? 0 : index;
     setContentStyle({
-      transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
+      transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     });
-    scrollIntoView();
+    scrollIntoView(index);
   }, [value]);
   const tabChange = (item, index) => {
     onClick && onClick(item.value);
@@ -5337,7 +5369,7 @@ const Tabs = (props) => {
       scrollLeft,
       scrollTop,
       showScrollbar: false,
-      scrollWithAnimation: scrollWithAnimation.current,
+      scrollWithAnimation: rtl && Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current,
       id: `nut-tabs-titles-${name || uuid}`,
       className: classesTitle,
       style: { ...tabStyle }
@@ -7464,7 +7496,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
           change([day]);
         } else if (len === 1) {
           const t2 = compareDay(innerValue[0], day);
-          if (t2 === 0 || t2 === null || t2 === void 0) {
+          if (t2 === null || t2 === void 0) {
             change([]);
           } else if (t2 < 0) {
             change([innerValue[0], day]);
@@ -7543,6 +7575,7 @@ const Context$1 = CheckboxGroupContext;
 const defaultProps$11 = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
@@ -7558,6 +7591,7 @@ const CheckboxGroup = React__default.forwardRef(
       children,
       className,
       disabled,
+      list,
       onChange,
       value,
       defaultValue,
@@ -7621,6 +7655,7 @@ const CheckboxGroup = React__default.forwardRef(
           labelPosition: labelPosition || "right",
           disabled,
           max,
+          list,
           onLimit,
           value: _value,
           check: (value2) => {
@@ -7647,7 +7682,8 @@ const CheckboxGroup = React__default.forwardRef(
           className: classNames(
             classPrefix$j,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction
+              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-list`]: list
             },
             className
           ),
@@ -7747,6 +7783,9 @@ const Checkbox = (props) => {
       if (innerChecked && !innerIndeterminate) {
         return `${cls}${classPrefix$i}-icon-checked ${classPrefix$i}-icon-disabled`;
       }
+      if (innerChecked && innerIndeterminate) {
+        return `${cls}${classPrefix$i}-icon-indeterminate ${classPrefix$i}-icon-disabled`;
+      }
       return `${cls}${classPrefix$i}-icon-disabled`;
     }
     if (innerChecked) {
@@ -7776,7 +7815,7 @@ const Checkbox = (props) => {
   };
   const renderButton = () => {
     return /* @__PURE__ */ React__default.createElement(
-      "div",
+      View,
       {
         className: classNames(`${classPrefix$i}-button`, {
           [`${classPrefix$i}-button-active`]: innerChecked,
@@ -7784,17 +7823,23 @@ const Checkbox = (props) => {
         })
       },
       children || label,
-      innerChecked && activeIcon ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(`${classPrefix$i}-button-icon`) }, activeIcon) : null
+      innerChecked && activeIcon ? /* @__PURE__ */ React__default.createElement(View, { className: classNames(`${classPrefix$i}-button-icon`) }, activeIcon) : null
     );
   };
+  const renderListItem = () => {
+    return /* @__PURE__ */ React__default.createElement(View, { className: "nut-checkbox-list-item" }, renderLabel(), renderIcon());
+  };
   const renderCheckboxItem = () => {
+    if (ctx == null ? void 0 : ctx.list) {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderListItem());
+    }
     if (shape === "button") {
       return renderButton();
     }
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   return /* @__PURE__ */ React__default.createElement(
-    "div",
+    View,
     {
       className: classNames(
         classPrefix$i,
@@ -8621,7 +8666,7 @@ const DatePicker = (props) => {
       } else {
         cmin++;
       }
-      if (cmin <= val) {
+      if (cmin <= Number(val)) {
         index++;
       }
     }
@@ -10517,7 +10562,7 @@ const InputNumber = (props) => {
       );
       const nextValue = bound2(shouldOverBoundary, Number(min), Number(max));
       setShadowValue(nextValue);
-      if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+      if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
         onOverlimit == null ? void 0 : onOverlimit(e2);
       } else {
         onChange == null ? void 0 : onChange(nextValue, e2);
@@ -11559,6 +11604,8 @@ const Range = (props) => {
     touch.move(event);
     setDragStatus("draging");
     const rect = await getRectByTaro(root2.current);
+    if (!rect)
+      return;
     let delta = touch.deltaX.current;
     let total = rect.width;
     let diff = delta / total * scope();
@@ -13063,7 +13110,7 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file, index) => {
     onFileItemClick == null ? void 0 : onFileItemClick(file, index);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React__default.createElement(
     Preview,
     {
       ...{
@@ -13076,7 +13123,7 @@ const InternalUploader = (props, ref) => {
         children
       }
     }
-  ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
+  ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}`
@@ -13275,6 +13322,7 @@ const defaultProps$G = {
 const BaseDialog = (props) => {
   const classPrefix2 = "nut-dialog";
   const { locale } = useConfig$1();
+  const [loading, setLoading] = useState(false);
   const {
     params: {
       id,
@@ -13329,10 +13377,16 @@ const BaseDialog = (props) => {
       onClose == null ? void 0 : onClose();
       onCancel == null ? void 0 : onCancel();
     };
-    const handleOk = (e2) => {
+    const handleOk = async (e2) => {
       e2.stopPropagation();
-      onClose == null ? void 0 : onClose();
-      onConfirm == null ? void 0 : onConfirm(e2);
+      setLoading(true);
+      try {
+        await (onConfirm == null ? void 0 : onConfirm(e2));
+        setLoading(false);
+        onClose == null ? void 0 : onClose();
+      } catch {
+        setLoading(false);
+      }
     };
     return footer || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !hideCancelButton && /* @__PURE__ */ React__default.createElement(
       Button,
@@ -13350,7 +13404,8 @@ const BaseDialog = (props) => {
           disabled: disableConfirmButton
         }),
         disabled: disableConfirmButton,
-        onClick: (e2) => handleOk(e2)
+        onClick: (e2) => handleOk(e2),
+        loading
       },
       confirmText || locale.confirm
     ));
@@ -13547,9 +13602,9 @@ const Drag = (props) => {
 Drag.defaultProps = defaultProps$F;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
-  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
-  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
-  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+  empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
+  error: "https://storage.360buyimg.com/imgtools/f3278d0ebb-0ce360c0-c0ac-11ee-8375-193101bb1a46.png",
+  network: "https://storage.360buyimg.com/imgtools/43c30f7e29-0d483d10-c0ac-11ee-bec4-eb4d2a09a51d.png"
 };
 const defaultProps$E = {
   ...ComponentDefaults,
@@ -13623,6 +13678,7 @@ Empty.defaultProps = defaultProps$E;
 Empty.displayName = "NutEmpty";
 const defaultProps$D = {
   ...ComponentDefaults,
+  type: "default",
   hasMore: true,
   threshold: 40,
   target: "",
@@ -13633,6 +13689,7 @@ const InfiniteLoading = (props) => {
   const { locale } = useConfig$1();
   const {
     children,
+    type: type4,
     hasMore,
     threshold,
     target,
@@ -13657,7 +13714,7 @@ const InfiniteLoading = (props) => {
   const y = useRef(0);
   const refreshMaxH = useRef(0);
   const distance = useRef(0);
-  const classes = classNames(classPrefix$e, className);
+  const classes = classNames(classPrefix$e, className, `${classPrefix$e}-${type4}`);
   useEffect(() => {
     refreshMaxH.current = threshold;
     setTimeout(() => {
@@ -13790,6 +13847,7 @@ Loading.defaultProps = defaultProps$C;
 Loading.displayName = "NutLoading";
 const defaultProps$B = {
   ...ComponentDefaults,
+  align: "left",
   direction: "horizontal",
   list: [],
   duration: 1e3,
@@ -13804,10 +13862,12 @@ const defaultProps$B = {
   speed: 50
 };
 const NoticeBar = (props) => {
+  const rtl = useRtl();
   const {
     children,
     className,
     style,
+    align,
     direction,
     list,
     duration,
@@ -13914,7 +13974,7 @@ const NoticeBar = (props) => {
       const contentRes = await getRectByTaro(contentRef.current);
       const wrapW = warpRes.width;
       const offsetW = contentRes.width;
-      const canScroll = scrollable == null ? offsetW > wrapW : scrollable;
+      const canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
       SetIsCanScroll(canScroll);
       if (canScroll) {
         SetWrapWidth(wrapW);
@@ -13965,7 +14025,7 @@ const NoticeBar = (props) => {
     onClose && onClose(event);
   };
   const isEllipsis = () => {
-    if (isCanScroll == null) {
+    if (isCanScroll == null && align === "left") {
       return wrap;
     }
     return !isCanScroll && !wrap;
@@ -13973,7 +14033,7 @@ const NoticeBar = (props) => {
   const contentStyle = {
     animationDelay: `${firstRound ? delay : 0}s`,
     animationDuration: `${animationDuration}s`,
-    transform: `translateX(${firstRound ? 0 : `${wrapWidth}px`})`
+    transform: `translateX(${firstRound ? 0 : `${rtl ? -wrapWidth : wrapWidth}px`})`
   };
   const barStyle = {
     height: isVertical ? `${height}px` : ""
@@ -14119,16 +14179,18 @@ const NoticeBar = (props) => {
     }
   };
   const noticebarClass = classNames({
-    "nut-noticebar-box": true,
-    [`nut-noticebar-box-wrapable`]: wrap
+    [`${classPrefix2}-box`]: true,
+    [`${classPrefix2}-box-wrapable`]: wrap,
+    [`${classPrefix2}-box-${align}`]: true
   });
+  const cls = classNames(classPrefix2, className);
   useEffect(() => {
     return () => {
       stopAutoPlay();
     };
   }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
-    "div",
+  return /* @__PURE__ */ React__default.createElement(View, { className: cls, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement(View, { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement(View, { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
+    View,
     {
       ref: contentRef,
       className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`,
@@ -14137,18 +14199,25 @@ const NoticeBar = (props) => {
     },
     children,
     content
-  )), closeable || rightIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React__default.createElement(A$1, { size: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React__default.createElement(
-    "div",
+  )), closeable || rightIcon ? /* @__PURE__ */ React__default.createElement(
+    View,
+    {
+      className: "nut-noticebar-box-right-icon",
+      onClick: onClickIcon
+    },
+    rightIcon || /* @__PURE__ */ React__default.createElement(A$1, { size: 12 })
+  ) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React__default.createElement(
+    View,
     {
       className: "nut-noticebar-vertical",
       style: barStyle,
       ref: container,
       onClick: handleClick
     },
-    leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
-    children ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
+    leftIcon ? /* @__PURE__ */ React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+    children ? /* @__PURE__ */ React__default.createElement(View, { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
       return /* @__PURE__ */ React__default.createElement(
-        "div",
+        View,
         {
           style: itemStyle(index),
           key: index,
@@ -14159,7 +14228,7 @@ const NoticeBar = (props) => {
         item
       );
     })) : /* @__PURE__ */ React__default.createElement(
-      "div",
+      View,
       {
         className: "nut-noticebar-box-horseLamp-list",
         style: horseLampStyle
@@ -14168,7 +14237,7 @@ const NoticeBar = (props) => {
         return (
           // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
           /* @__PURE__ */ React__default.createElement(
-            "div",
+            View,
             {
               className: "nut-noticebar-box-horseLamp-list-item",
               style: { height },
@@ -14183,7 +14252,7 @@ const NoticeBar = (props) => {
       })
     ),
     /* @__PURE__ */ React__default.createElement(
-      "div",
+      View,
       {
         className: "nut-noticebar-box-right-icon",
         onClick: (e2) => {
@@ -14300,6 +14369,7 @@ Notify.close = close;
 const defaultProps$z = {
   ...ComponentDefaults,
   list: [],
+  theme: "light",
   location: "bottom",
   visible: false,
   offset: [0, 12],
@@ -14307,9 +14377,9 @@ const defaultProps$z = {
   targetId: "",
   className: "",
   showArrow: true,
-  overlay: false,
   closeOnOutsideClick: true,
   closeOnActionClick: true,
+  overlay: false,
   onClick: () => {
   },
   onOpen: () => {
@@ -14322,16 +14392,17 @@ const Popover = (props) => {
   const {
     children,
     list,
+    theme,
     location,
     visible,
     offset,
+    arrowOffset,
     targetId,
     overlay,
     closeOnOutsideClick,
     closeOnActionClick,
     className,
     showArrow,
-    arrowOffset,
     style,
     onClick,
     onOpen,
@@ -14403,7 +14474,8 @@ const Popover = (props) => {
   };
   const classes = classNames(
     {
-      [`${classPrefix$c}`]: true
+      [`${classPrefix$c}`]: true,
+      [`${classPrefix$c}-${theme}`]: theme === "dark"
     },
     className
   );
@@ -14511,11 +14583,12 @@ const Popover = (props) => {
       className: "nut-popover-wrapper",
       ref: popoverRef,
       onClick: () => {
-        props.onClick && props.onClick();
+        var _a;
+        (_a = props == null ? void 0 : props.onClick) == null ? void 0 : _a.call(props);
         if (!visible) {
-          onOpen && onOpen();
+          onOpen == null ? void 0 : onOpen();
         } else {
-          onClose && onClose();
+          onClose == null ? void 0 : onClose();
         }
       },
       style
@@ -14595,6 +14668,7 @@ function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15)
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
 const defaultProps$y = {
   ...ComponentDefaults,
+  type: "default",
   pullingText: "",
   canReleaseText: "",
   refreshingText: "",
@@ -14621,6 +14695,11 @@ const PullToRefresh = (p) => {
       completeText: p.completeText || locale.pullToRefresh.completeText
     }
   };
+  const classes = classNames(
+    classPrefix2,
+    props.className,
+    `${classPrefix2}-${props.type}`
+  );
   const headHeight = props.headHeight;
   const threshold = props.threshold;
   const pullingRef = useRef(false);
@@ -14712,7 +14791,7 @@ const PullToRefresh = (p) => {
   return /* @__PURE__ */ React__default.createElement(
     View,
     {
-      className: `${classPrefix2} ${props.className}`,
+      className: classes,
       style: props.style,
       onTouchStart: handleTouchStart,
       onTouchMove: handleTouchMove,
@@ -14958,11 +15037,11 @@ const Swipe = forwardRef((props, instanceRef) => {
     const getWidth = async () => {
       if (leftWrapper.current) {
         const leftRect = await getRectByTaro(leftWrapper.current);
-        setActionWidth((v) => ({ ...v, left: leftRect.width }));
+        leftRect && setActionWidth((v) => ({ ...v, left: leftRect.width }));
       }
       if (rightWrapper.current) {
         const rightRect = await getRectByTaro(rightWrapper.current);
-        setActionWidth((v) => ({ ...v, right: rightRect.width }));
+        rightRect && setActionWidth((v) => ({ ...v, right: rightRect.width }));
       }
     };
     nextTick(() => getWidth());
@@ -14990,11 +15069,11 @@ const Swipe = forwardRef((props, instanceRef) => {
     var _a;
     if (leftWrapper.current) {
       const leftRect = await getRectByTaro(leftWrapper.current);
-      setActionWidth((v) => ({ ...v, left: leftRect.width }));
+      leftRect && setActionWidth((v) => ({ ...v, left: leftRect.width }));
     }
     if (rightWrapper.current) {
       const rightRect = await getRectByTaro(rightWrapper.current);
-      setActionWidth((v) => ({ ...v, right: rightRect == null ? void 0 : rightRect.width }));
+      rightRect && setActionWidth((v) => ({ ...v, right: rightRect.width }));
     }
     if (!props.disabled) {
       startOffset.current = state.offset;
@@ -15134,6 +15213,7 @@ const defaultProps$t = {
   id: "",
   icon: null,
   iconSize: "20",
+  content: "",
   msg: "",
   duration: 2,
   // 时长,duration为0则一直展示
@@ -15161,6 +15241,7 @@ const Toast = (props) => {
       contentStyle,
       icon,
       iconSize,
+      content,
       msg,
       duration,
       type: type4,
@@ -15272,7 +15353,7 @@ const Toast = (props) => {
       },
       hasIcon() ? /* @__PURE__ */ React__default.createElement("p", { className: `${classPrefix$9}-icon-wrapper` }, iconName()) : null,
       title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$9}-title` }, title) : null,
-      /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix$9}-text` }, msg)
+      /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix$9}-text` }, content || msg)
     ))
   ) : null);
 };
@@ -16036,7 +16117,7 @@ const InternalCountDown = (props, ref) => {
     if (!timeStr)
       return Date.now();
     let t2 = timeStr;
-    t2 = t2 > 0 ? +t2 : t2.toString().replace(/-/g, "/");
+    t2 = Number(t2) > 0 ? +t2 : t2.toString().replace(/-/g, "/");
     return new Date(t2).getTime();
   };
   const initTime = () => {
@@ -16254,6 +16335,7 @@ const Ellipsis = (props) => {
   const maxHeight = useRef(0);
   const [exceeded, setExceeded] = useState(false);
   const [expanded, setExpanded] = useState(false);
+  const [cacled, setCacled] = useState(false);
   const ellipsis = useRef({
     leading: "",
     tailing: ""
@@ -16283,6 +16365,9 @@ const Ellipsis = (props) => {
       getSymbolInfo();
       getReference();
     });
+    return () => {
+      setCacled(false);
+    };
   }, [content]);
   const getSymbolInfo = async () => {
     const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
@@ -16334,6 +16419,7 @@ const Ellipsis = (props) => {
     const refe = await getRectByTaro(rootContain.current);
     if (refe.height <= maxHeight.current) {
       setExceeded(false);
+      setCacled(true);
     } else {
       const rowNum = Math.floor(
         content.length / (originHeight.current / lineH.current - 1)
@@ -16461,7 +16547,8 @@ const Ellipsis = (props) => {
         className: "nut-ellipsis-wordbreak",
         style: {
           width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`,
-          height: "20px",
+          minHeight: "20px",
+          height: cacled ? "auto" : "20px",
           overflow: "hidden"
         }
       },
@@ -16514,7 +16601,7 @@ const Ellipsis = (props) => {
       className: "nut-ellipsis-copy",
       ref: rootContain,
       id: `rootContain${refRandomId.current}`,
-      style: { width: `${widthRef}` }
+      style: { width: `${widthRef.current}` }
     },
     /* @__PURE__ */ React__default.createElement(View, null, contentCopy)
   ), /* @__PURE__ */ React__default.createElement(
@@ -17258,7 +17345,7 @@ const Steps = (props) => {
 };
 Steps.defaultProps = defaultProps$c;
 Steps.displayName = "NutSteps";
-function useTableSticky(columns) {
+function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
   const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
   const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
@@ -17273,9 +17360,9 @@ function useTableSticky(columns) {
     let _stickyLeftWidth = 0;
     let _stickyRightWidth = 0;
     leftColumns.forEach((curr, index) => {
-      leftColumns[index - 1] || {};
+      const dir = rtl ? "right" : "left";
       _columnStyleMap[curr.key] = {
-        left: _stickyLeftWidth || 0,
+        [dir]: _stickyLeftWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -17291,9 +17378,9 @@ function useTableSticky(columns) {
     });
     for (let i2 = rightColumns.length - 1; i2 >= 0; i2--) {
       const curr = rightColumns[i2];
-      rightColumns[i2 + 1] || {};
+      const dir = rtl ? "left" : "right";
       _columnStyleMap[curr.key] = {
-        right: _stickyRightWidth || 0,
+        [dir]: _stickyRightWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -17340,6 +17427,7 @@ const defaultProps$b = {
 };
 const Table = (props) => {
   const { locale } = useConfig$1();
+  const rtl = useRtl();
   defaultProps$b.noData = locale.noData;
   const {
     children,
@@ -17370,7 +17458,7 @@ const Table = (props) => {
     stickyRightWidth,
     getStickyClass,
     getStickyStyle
-  } = useTableSticky(columns);
+  } = useTableSticky(columns, rtl);
   useEffect(() => {
     setValue(data);
   }, [data]);
@@ -17883,11 +17971,9 @@ const updateItemSize = (positions, items, sizeKey, margin) => {
     }
   });
 };
-const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
 const defaultProps$7 = {
   ...ComponentDefaults,
   list: [],
-  containerHeight: clientHeight,
   itemHeight: 66,
   margin: 10,
   itemEqual: true,
@@ -17904,12 +17990,20 @@ const VirtualList = (props) => {
     key,
     onScroll,
     className,
-    containerHeight,
+    containerHeight: origContainerHeight,
     ...rest
   } = {
     ...defaultProps$7,
     ...props
   };
+  const clientHeight = useMemo$1(
+    () => getSystemInfoSync().windowHeight - 5 || 667,
+    []
+  );
+  const containerHeight = useMemo$1(
+    () => origContainerHeight ?? clientHeight,
+    [origContainerHeight, clientHeight]
+  );
   const [startOffset, setStartOffset] = useState(0);
   const start = useRef(0);
   const scrollRef = useRef(null);