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

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @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.
 */
@@ -274,7 +274,7 @@
                 [`${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
@@ -4946,18 +4946,33 @@
     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}`;
@@ -4987,8 +5002,20 @@
     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.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
@@ -5186,6 +5213,7 @@
   };
   const classPrefix$k = "nut-tabs";
   const Tabs = (props) => {
+    const rtl = useRtl();
     const {
       activeColor,
       tabStyle,
@@ -5295,7 +5323,7 @@
       }
       animate();
     };
-    const scrollIntoView = () => {
+    const scrollIntoView = (index) => {
       requestAniFrame$1(() => {
         Promise.all([
           getRect2(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
@@ -5303,24 +5331,25 @@
         ]).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;
           }
           Taro.nextTick(() => {
             scrollWithAnimation.current = true;
@@ -5330,12 +5359,15 @@
       });
     };
     React.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);
@@ -5353,7 +5385,7 @@
         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 }
@@ -7480,7 +7512,7 @@
             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]);
@@ -7559,6 +7591,7 @@
   const defaultProps$11 = {
     max: void 0,
     min: void 0,
+    list: false,
     labelPosition: "right",
     direction: "vertical",
     onChange: (value) => {
@@ -7574,6 +7607,7 @@
         children,
         className,
         disabled,
+        list,
         onChange,
         value,
         defaultValue,
@@ -7637,6 +7671,7 @@
             labelPosition: labelPosition || "right",
             disabled,
             max,
+            list,
             onLimit,
             value: _value,
             check: (value2) => {
@@ -7663,7 +7698,8 @@
             className: classNames(
               classPrefix$j,
               {
-                [`nut-checkboxgroup-${props.direction}`]: props.direction
+                [`nut-checkboxgroup-${props.direction}`]: props.direction,
+                [`nut-checkboxgroup-list`]: list
               },
               className
             ),
@@ -7763,6 +7799,9 @@
         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) {
@@ -7792,7 +7831,7 @@
     };
     const renderButton = () => {
       return /* @__PURE__ */ React.createElement(
-        "div",
+        components.View,
         {
           className: classNames(`${classPrefix$i}-button`, {
             [`${classPrefix$i}-button-active`]: innerChecked,
@@ -7800,17 +7839,23 @@
           })
         },
         children || label,
-        innerChecked && activeIcon ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${classPrefix$i}-button-icon`) }, activeIcon) : null
+        innerChecked && activeIcon ? /* @__PURE__ */ React.createElement(components.View, { className: classNames(`${classPrefix$i}-button-icon`) }, activeIcon) : null
       );
     };
+    const renderListItem = () => {
+      return /* @__PURE__ */ React.createElement(components.View, { className: "nut-checkbox-list-item" }, renderLabel(), renderIcon());
+    };
     const renderCheckboxItem = () => {
+      if (ctx == null ? void 0 : ctx.list) {
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, renderListItem());
+      }
       if (shape === "button") {
         return renderButton();
       }
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
     };
     return /* @__PURE__ */ React.createElement(
-      "div",
+      components.View,
       {
         className: classNames(
           classPrefix$i,
@@ -8637,7 +8682,7 @@
         } else {
           cmin++;
         }
-        if (cmin <= val) {
+        if (cmin <= Number(val)) {
           index++;
         }
       }
@@ -10533,7 +10578,7 @@
         );
         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);
@@ -11575,6 +11620,8 @@
       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();
@@ -13079,7 +13126,7 @@
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React.createElement(
       Preview,
       {
         ...{
@@ -13092,7 +13139,7 @@
           children
         }
       }
-    ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
+    ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
       "div",
       {
         className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}`
@@ -13291,6 +13338,7 @@
   const BaseDialog = (props) => {
     const classPrefix2 = "nut-dialog";
     const { locale } = useConfig$1();
+    const [loading, setLoading] = React.useState(false);
     const {
       params: {
         id,
@@ -13345,10 +13393,16 @@
         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.createElement(React.Fragment, null, !hideCancelButton && /* @__PURE__ */ React.createElement(
         Button,
@@ -13366,7 +13420,8 @@
             disabled: disableConfirmButton
           }),
           disabled: disableConfirmButton,
-          onClick: (e2) => handleOk(e2)
+          onClick: (e2) => handleOk(e2),
+          loading
         },
         confirmText || locale.confirm
       ));
@@ -13563,9 +13618,9 @@
   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,
@@ -13639,6 +13694,7 @@
   Empty.displayName = "NutEmpty";
   const defaultProps$D = {
     ...ComponentDefaults,
+    type: "default",
     hasMore: true,
     threshold: 40,
     target: "",
@@ -13649,6 +13705,7 @@
     const { locale } = useConfig$1();
     const {
       children,
+      type: type2,
       hasMore,
       threshold,
       target,
@@ -13673,7 +13730,7 @@
     const y = React.useRef(0);
     const refreshMaxH = React.useRef(0);
     const distance = React.useRef(0);
-    const classes = classNames(classPrefix$e, className);
+    const classes = classNames(classPrefix$e, className, `${classPrefix$e}-${type2}`);
     React.useEffect(() => {
       refreshMaxH.current = threshold;
       setTimeout(() => {
@@ -13806,6 +13863,7 @@
   Loading.displayName = "NutLoading";
   const defaultProps$B = {
     ...ComponentDefaults,
+    align: "left",
     direction: "horizontal",
     list: [],
     duration: 1e3,
@@ -13820,10 +13878,12 @@
     speed: 50
   };
   const NoticeBar = (props) => {
+    const rtl = useRtl();
     const {
       children,
       className,
       style,
+      align,
       direction,
       list,
       duration,
@@ -13930,7 +13990,7 @@
         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);
@@ -13981,7 +14041,7 @@
       onClose && onClose(event);
     };
     const isEllipsis = () => {
-      if (isCanScroll == null) {
+      if (isCanScroll == null && align === "left") {
         return wrap;
       }
       return !isCanScroll && !wrap;
@@ -13989,7 +14049,7 @@
     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` : ""
@@ -14135,16 +14195,18 @@
       }
     };
     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);
     React.useEffect(() => {
       return () => {
         stopAutoPlay();
       };
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React.createElement(
-      "div",
+    return /* @__PURE__ */ React.createElement(components.View, { className: cls, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement(components.View, { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React.createElement(components.View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement(components.View, { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React.createElement(
+      components.View,
       {
         ref: contentRef,
         className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`,
@@ -14153,18 +14215,25 @@
       },
       children,
       content
-    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(A$1, { size: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
-      "div",
+    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement(
+      components.View,
+      {
+        className: "nut-noticebar-box-right-icon",
+        onClick: onClickIcon
+      },
+      rightIcon || /* @__PURE__ */ React.createElement(A$1, { size: 12 })
+    ) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
+      components.View,
       {
         className: "nut-noticebar-vertical",
         style: barStyle,
         ref: container,
         onClick: handleClick
       },
-      leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
-      children ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
+      leftIcon ? /* @__PURE__ */ React.createElement(components.View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+      children ? /* @__PURE__ */ React.createElement(components.View, { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
-          "div",
+          components.View,
           {
             style: itemStyle(index),
             key: index,
@@ -14175,7 +14244,7 @@
           item
         );
       })) : /* @__PURE__ */ React.createElement(
-        "div",
+        components.View,
         {
           className: "nut-noticebar-box-horseLamp-list",
           style: horseLampStyle
@@ -14184,7 +14253,7 @@
           return (
             // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
             /* @__PURE__ */ React.createElement(
-              "div",
+              components.View,
               {
                 className: "nut-noticebar-box-horseLamp-list-item",
                 style: { height },
@@ -14199,7 +14268,7 @@
         })
       ),
       /* @__PURE__ */ React.createElement(
-        "div",
+        components.View,
         {
           className: "nut-noticebar-box-right-icon",
           onClick: (e2) => {
@@ -14316,6 +14385,7 @@
   const defaultProps$z = {
     ...ComponentDefaults,
     list: [],
+    theme: "light",
     location: "bottom",
     visible: false,
     offset: [0, 12],
@@ -14323,9 +14393,9 @@
     targetId: "",
     className: "",
     showArrow: true,
-    overlay: false,
     closeOnOutsideClick: true,
     closeOnActionClick: true,
+    overlay: false,
     onClick: () => {
     },
     onOpen: () => {
@@ -14338,16 +14408,17 @@
     const {
       children,
       list,
+      theme,
       location,
       visible,
       offset,
+      arrowOffset,
       targetId,
       overlay,
       closeOnOutsideClick,
       closeOnActionClick,
       className,
       showArrow,
-      arrowOffset,
       style,
       onClick,
       onOpen,
@@ -14419,7 +14490,8 @@
     };
     const classes = classNames(
       {
-        [`${classPrefix$c}`]: true
+        [`${classPrefix$c}`]: true,
+        [`${classPrefix$c}-${theme}`]: theme === "dark"
       },
       className
     );
@@ -14527,11 +14599,12 @@
         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
@@ -14611,6 +14684,7 @@
   const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
   const defaultProps$y = {
     ...ComponentDefaults,
+    type: "default",
     pullingText: "",
     canReleaseText: "",
     refreshingText: "",
@@ -14637,6 +14711,11 @@
         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 = React.useRef(false);
@@ -14728,7 +14807,7 @@
     return /* @__PURE__ */ React.createElement(
       components.View,
       {
-        className: `${classPrefix2} ${props.className}`,
+        className: classes,
         style: props.style,
         onTouchStart: handleTouchStart,
         onTouchMove: handleTouchMove,
@@ -14974,11 +15053,11 @@
       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 }));
         }
       };
       Taro.nextTick(() => getWidth());
@@ -15006,11 +15085,11 @@
       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;
@@ -15150,6 +15229,7 @@
     id: "",
     icon: null,
     iconSize: "20",
+    content: "",
     msg: "",
     duration: 2,
     // 时长,duration为0则一直展示
@@ -15177,6 +15257,7 @@
         contentStyle,
         icon,
         iconSize,
+        content,
         msg,
         duration,
         type: type2,
@@ -15288,7 +15369,7 @@
         },
         hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$9}-icon-wrapper` }, iconName()) : null,
         title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9}-title` }, title) : null,
-        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$9}-text` }, msg)
+        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$9}-text` }, content || msg)
       ))
     ) : null);
   };
@@ -16052,7 +16133,7 @@
       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 = () => {
@@ -16270,6 +16351,7 @@
     const maxHeight = React.useRef(0);
     const [exceeded, setExceeded] = React.useState(false);
     const [expanded, setExpanded] = React.useState(false);
+    const [cacled, setCacled] = React.useState(false);
     const ellipsis = React.useRef({
       leading: "",
       tailing: ""
@@ -16299,6 +16381,9 @@
         getSymbolInfo();
         getReference();
       });
+      return () => {
+        setCacled(false);
+      };
     }, [content]);
     const getSymbolInfo = async () => {
       const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
@@ -16350,6 +16435,7 @@
       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)
@@ -16477,7 +16563,8 @@
           className: "nut-ellipsis-wordbreak",
           style: {
             width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`,
-            height: "20px",
+            minHeight: "20px",
+            height: cacled ? "auto" : "20px",
             overflow: "hidden"
           }
         },
@@ -16530,7 +16617,7 @@
         className: "nut-ellipsis-copy",
         ref: rootContain,
         id: `rootContain${refRandomId.current}`,
-        style: { width: `${widthRef}` }
+        style: { width: `${widthRef.current}` }
       },
       /* @__PURE__ */ React.createElement(components.View, null, contentCopy)
     ), /* @__PURE__ */ React.createElement(
@@ -17274,7 +17361,7 @@
   };
   Steps.defaultProps = defaultProps$c;
   Steps.displayName = "NutSteps";
-  function useTableSticky(columns) {
+  function useTableSticky(columns, rtl = false) {
     const [isSticky, setIsSticky] = React.useState(false);
     const [stickyColumnStyleMap, setStickyColumnStyleMap] = React.useState({});
     const [stickyColumnClassMap, setStickyColumnClassMap] = React.useState({});
@@ -17289,9 +17376,9 @@
       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] = {
@@ -17307,9 +17394,9 @@
       });
       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] = {
@@ -17356,6 +17443,7 @@
   };
   const Table = (props) => {
     const { locale } = useConfig$1();
+    const rtl = useRtl();
     defaultProps$b.noData = locale.noData;
     const {
       children,
@@ -17386,7 +17474,7 @@
       stickyRightWidth,
       getStickyClass,
       getStickyStyle
-    } = useTableSticky(columns);
+    } = useTableSticky(columns, rtl);
     React.useEffect(() => {
       setValue(data);
     }, [data]);
@@ -17899,11 +17987,9 @@
       }
     });
   };
-  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
   const defaultProps$7 = {
     ...ComponentDefaults,
     list: [],
-    containerHeight: clientHeight,
     itemHeight: 66,
     margin: 10,
     itemEqual: true,
@@ -17920,12 +18006,20 @@
       key,
       onScroll,
       className,
-      containerHeight,
+      containerHeight: origContainerHeight,
       ...rest
     } = {
       ...defaultProps$7,
       ...props
     };
+    const clientHeight = React.useMemo(
+      () => Taro.getSystemInfoSync().windowHeight - 5 || 667,
+      []
+    );
+    const containerHeight = React.useMemo(
+      () => origContainerHeight ?? clientHeight,
+      [origContainerHeight, clientHeight]
+    );
     const [startOffset, setStartOffset] = React.useState(0);
     const start = React.useRef(0);
     const scrollRef = React.useRef(null);