@nutui/nutui-react-taro 2.3.12 → 2.4.0

package/dist/esm/{badge.taro-CyDqBb9Z.js → badge.taro-D7Yn5zJi.js}

@@ -1,9 +1,11 @@
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: "", dot: false, max: 99, top: "4", right: "8", color: "" });
 const Badge = (props) => {
   var _a;
+  const rtl = useRtl();
   const { className, style, value, max, children, dot, top, right, color } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-badge";
   const classes = classNames(classPrefix, className);
@@ -33,7 +35,8 @@ const Badge = (props) => {
   const getStyle = () => {
     const style2 = {};
     style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
-    style2.right = `${Number(right) || parseFloat(String(right)) || 0}px`;
+    const dir = rtl ? "left" : "right";
+    style2[dir] = `${Number(right) || parseFloat(String(right)) || 0}px`;
     style2.background = color;
     return style2;
   };

package/dist/esm/{cascader.taro-CpofskUL.js → cascader.taro-BMp2mI0W.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { ScrollView } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
-import { T as Tabs } from "./tabs.taro-HgAoKBAc.js";
+import { T as Tabs } from "./tabs.taro-DRmZR3Xu.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {

package/dist/esm/{checkbox.taro-D9F_HM7f.js → checkbox.taro-CUpF7Afr.js}

@@ -2,6 +2,7 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { createContext, useImperativeHandle, useCallback, useContext, useState, useEffect } from "react";
 import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
+import { View } from "@tarojs/components";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const CheckboxGroupContext = createContext(null);
@@ -9,6 +10,7 @@ const Context = CheckboxGroupContext;
 const defaultProps$1 = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
@@ -19,7 +21,7 @@ const defaultProps$1 = {
 };
 const classPrefix$1 = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, disabled, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, disabled, list, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
   useImperativeHandle(ref, () => ({
     toggle(state) {
       if (state === false) {
@@ -61,6 +63,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       labelPosition: labelPosition || "right",
       disabled,
       max,
+      list,
       onLimit,
       value: _value,
       check: (value2) => {
@@ -81,7 +84,8 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       }
     } },
     React__default.createElement("div", Object.assign({ className: classNames(classPrefix$1, {
-      [`nut-checkboxgroup-${props.direction}`]: props.direction
+      [`nut-checkboxgroup-${props.direction}`]: props.direction,
+      [`nut-checkboxgroup-list`]: list
     }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
   );
 });
@@ -148,6 +152,9 @@ const Checkbox = (props) => {
       if (innerChecked && !innerIndeterminate) {
         return `${cls}${classPrefix}-icon-checked ${classPrefix}-icon-disabled`;
       }
+      if (innerChecked && innerIndeterminate) {
+        return `${cls}${classPrefix}-icon-indeterminate ${classPrefix}-icon-disabled`;
+      }
       return `${cls}${classPrefix}-icon-disabled`;
     }
     if (innerChecked) {
@@ -171,16 +178,27 @@ const Checkbox = (props) => {
   };
   const renderButton = () => {
     return React__default.createElement(
-      "div",
+      View,
       { className: classNames(`${classPrefix}-button`, {
         [`${classPrefix}-button-active`]: innerChecked,
         [`${classPrefix}-button-disabled`]: disabled
       }) },
       children || label,
-      innerChecked && activeIcon ? React__default.createElement("div", { className: classNames(`${classPrefix}-button-icon`) }, activeIcon) : null
+      innerChecked && activeIcon ? React__default.createElement(View, { className: classNames(`${classPrefix}-button-icon`) }, activeIcon) : null
+    );
+  };
+  const renderListItem = () => {
+    return React__default.createElement(
+      View,
+      { className: "nut-checkbox-list-item" },
+      renderLabel(),
+      renderIcon()
     );
   };
   const renderCheckboxItem = () => {
+    if (ctx === null || ctx === void 0 ? void 0 : ctx.list) {
+      return React__default.createElement(React__default.Fragment, null, renderListItem());
+    }
     if (shape === "button") {
       return renderButton();
     }
@@ -191,7 +209,7 @@ const Checkbox = (props) => {
       renderLabel()
     );
   };
-  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
+  return React__default.createElement(View, Object.assign({ className: classNames(classPrefix, {
     [`${classPrefix}-reverse`]: labelPosition === "left"
   }, className) }, rest, { onClick: handleClick }), renderCheckboxItem());
 };

package/dist/esm/{countdown.taro-Dfa9kpmZ.js → countdown.taro-D-H9erkV.js}

@@ -25,7 +25,7 @@ const InternalCountDown = (props, ref) => {
     if (!timeStr)
       return Date.now();
     let t = timeStr;
-    t = t > 0 ? +t : t.toString().replace(/-/g, "/");
+    t = Number(t) > 0 ? +t : t.toString().replace(/-/g, "/");
     return new Date(t).getTime();
   };
   const initTime = () => {

package/dist/esm/{datepicker.taro-DshCn7Rn.js → datepicker.taro-DqR52Ivo.js}

@@ -178,7 +178,7 @@ const DatePicker = (props) => {
       } else {
         cmin++;
       }
-      if (cmin <= val) {
+      if (cmin <= Number(val)) {
         index++;
       }
     }

package/dist/esm/{dialog.taro-xsQhsC1V.js → dialog.taro-Dk0QQMn_.js}

@@ -1,4 +1,5 @@
-import React__default from "react";
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState } from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
@@ -63,6 +64,7 @@ const defaultProps = {
 const BaseDialog = (props) => {
   const classPrefix = "nut-dialog";
   const { locale } = useConfig();
+  const [loading, setLoading] = useState(false);
   const { params: { id, className, style, visible, footer, title, header, content, children, footerDirection, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, onOverlayClick, confirmText, cancelText, overlay, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose }, setParams } = useParams(Object.assign(Object.assign({}, defaultProps), props));
   useCustomEvent(id, ({ status, options }) => {
     if (status) {
@@ -84,18 +86,24 @@ const BaseDialog = (props) => {
       onClose === null || onClose === void 0 ? void 0 : onClose();
       onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    const handleOk = (e) => {
+    const handleOk = (e) => __awaiter(void 0, void 0, void 0, function* () {
       e.stopPropagation();
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
-    };
+      setLoading(true);
+      try {
+        yield onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
+        setLoading(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      } catch (_a) {
+        setLoading(false);
+      }
+    });
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
       !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
       !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
         disabled: disableConfirmButton
-      }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
+      }), disabled: disableConfirmButton, onClick: (e) => handleOk(e), loading }, confirmText || locale.confirm)
     );
   };
   const renderCloseIcon = () => {

package/dist/esm/{inputnumber.taro-F3jNGr_V.js → inputnumber.taro-CQiAPZgS.js}

@@ -72,7 +72,7 @@ const InputNumber = (props) => {
       const shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
       const nextValue = bound(shouldOverBoundary, Number(min), Number(max));
       setShadowValue(nextValue);
-      if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+      if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
         onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
       } else {
         onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);

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

@@ -1,12 +1,15 @@
 import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
+import { View } from "@tarojs/components";
 import { Notice, Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 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 });
+import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { align: "left", 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 } = Object.assign(Object.assign({}, defaultProps), props);
+  const rtl = useRtl();
+  const { children, className, style, align, 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);
@@ -92,7 +95,7 @@ const NoticeBar = (props) => {
       const contentRes = yield 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);
@@ -143,7 +146,7 @@ const NoticeBar = (props) => {
     onClose && onClose(event);
   };
   const isEllipsis = () => {
-    if (isCanScroll == null) {
+    if (isCanScroll == null && align === "left") {
       return wrap;
     }
     return !isCanScroll && !wrap;
@@ -151,7 +154,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` : ""
@@ -294,50 +297,52 @@ const NoticeBar = (props) => {
     }
   };
   const noticebarClass = classNames({
-    "nut-noticebar-box": true,
-    [`nut-noticebar-box-wrapable`]: wrap
+    [`${classPrefix}-box`]: true,
+    [`${classPrefix}-box-wrapable`]: wrap,
+    [`${classPrefix}-box-${align}`]: true
   });
+  const cls = classNames(classPrefix, className);
   useEffect(() => {
     return () => {
       stopAutoPlay();
     };
   }, []);
   return React__default.createElement(
-    "div",
-    { className: `${classPrefix} ${className || ""}`, style },
+    View,
+    { className: cls, style },
     showNoticeBar && direction === "horizontal" ? React__default.createElement(
-      "div",
+      View,
       { className: noticebarClass, style: barStyle, onClick: handleClick },
-      leftIcon ? React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+      leftIcon ? React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
       React__default.createElement(
-        "div",
+        View,
         { ref: wrapRef, className: "nut-noticebar-box-wrap" },
         React__default.createElement(
-          "div",
+          View,
           { ref: contentRef, className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`, style: contentStyle, onAnimationEnd },
           children,
           content
         )
       ),
-      closeable || rightIcon ? React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
+      closeable || rightIcon ? React__default.createElement(View, { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
     ) : null,
     showNoticeBar && scrollList.current.length > 0 && isVertical ? React__default.createElement(
-      "div",
+      View,
       { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
-      leftIcon ? React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
-      children ? React__default.createElement("div", { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
-        return React__default.createElement("div", { style: itemStyle(index), key: index, onClick: (e) => {
+      leftIcon ? React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+      children ? React__default.createElement(View, { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
+        return React__default.createElement(View, { style: itemStyle(index), key: index, onClick: (e) => {
           handleItemClick(e, item);
         } }, item);
-      })) : React__default.createElement("div", { className: "nut-noticebar-box-horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
+      })) : React__default.createElement(View, { className: "nut-noticebar-box-horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
         return (
           // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-          React__default.createElement("div", { className: "nut-noticebar-box-horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
+          React__default.createElement(View, { className: "nut-noticebar-box-horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
             handleItemClick(e, item);
           } }, item)
         );
       })),
-      React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: (e) => {
+      React__default.createElement(View, { className: "nut-noticebar-box-right-icon", onClick: (e) => {
         handleClickIcon(e);
       } }, rightIcon || (closeable ? React__default.createElement(Close, { size: 12 }) : null))
     ) : null

package/dist/esm/nutui-react.es.js

@@ -20,21 +20,21 @@ import { N } from "./navbar.taro-B8u3DOE4.js";
 import { S as S4 } from "./sidenavbar.taro-eK5vaZPR.js";
 import { S as S5 } from "./sidenavbaritem.taro-L7HbsCLn.js";
 import { S as S6 } from "./subsidenavbar.taro-ByxYpgfP.js";
-import { T } from "./tabbar.taro-8_SmJofa.js";
-import { T as T2 } from "./tabbaritem.taro-Cb-yfOln.js";
+import { T } from "./tabbar.taro-LAPQoOva.js";
+import { T as T2 } from "./tabbaritem.taro-C4AZbQMG.js";
 import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
-import { T as T4 } from "./tabs.taro-HgAoKBAc.js";
-import { A } from "./address.taro-DjlXNWie.js";
+import { T as T4 } from "./tabs.taro-DRmZR3Xu.js";
+import { A } from "./address.taro-CgkCHDYZ.js";
 import { C as C5 } from "./calendar.taro-DbHJEx4G.js";
 import { C as C6 } from "./calendaritem.taro-B8tN2DYa.js";
 import { C as C7 } from "./calendarcard.taro-BHGCq5zX.js";
-import { C as C8 } from "./cascader.taro-CpofskUL.js";
-import { C as C9, a } from "./checkbox.taro-D9F_HM7f.js";
-import { D as D2 } from "./datepicker.taro-DshCn7Rn.js";
+import { C as C8 } from "./cascader.taro-BMp2mI0W.js";
+import { C as C9, a } from "./checkbox.taro-CUpF7Afr.js";
+import { D as D2 } from "./datepicker.taro-DqR52Ivo.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-Brz5dj_8.js";
 import { I as I2 } from "./input.taro-BVC8gEuk.js";
-import { I as I3 } from "./inputnumber.taro-F3jNGr_V.js";
+import { I as I3 } from "./inputnumber.taro-CQiAPZgS.js";
 import { M } from "./menu.taro-BAiJPGR7.js";
 import { M as M2 } from "./menuitem.taro-oLv6ZYC5.js";
 import { N as N2 } from "./numberkeyboard.taro-B9rMgy7D.js";
@@ -47,22 +47,22 @@ import { S as S8 } from "./shortpassword.taro-BXsxku33.js";
 import { S as S9 } from "./signature.taro-KPm_xs66.js";
 import { S as S10 } from "./switch.taro-D1HgJoJz.js";
 import { T as T5 } from "./textarea.taro-BJIFCpKb.js";
-import { U } from "./uploader.taro-CuaIVvya.js";
+import { U } from "./uploader.taro-DdJ-sOK4.js";
 import { A as A2 } from "./actionsheet.taro-C5BqWoML.js";
-import { B as B3 } from "./badge.taro-CyDqBb9Z.js";
-import { B as B4 } from "./dialog.taro-xsQhsC1V.js";
+import { B as B3 } from "./badge.taro-D7Yn5zJi.js";
+import { B as B4 } from "./dialog.taro-Dk0QQMn_.js";
 import { D as D3 } from "./drag.taro-CcHIO07Y.js";
 import { E as E2 } from "./empty.taro-Brkv6B2Z.js";
 import { I as I4 } from "./infiniteloading.taro-Ccq4bEzk.js";
 import { L as L2 } from "./loading.taro-CRF1z5wQ.js";
-import { N as N3 } from "./noticebar.taro-CMdfOp2g.js";
+import { N as N3 } from "./noticebar.taro-CRPbZenq.js";
 import { N as N4 } from "./notify.taro-jP7y9zMU.js";
-import { P as P2 } from "./popover.taro-CcKwnX27.js";
+import { P as P2 } from "./popover.taro-BsOaXoWp.js";
 import { P as P3 } from "./popup.taro-Iy_WQZ-m.js";
 import { P as P4 } from "./pulltorefresh.taro-BJdQj5sL.js";
 import { S as S11 } from "./skeleton.taro-BwIDIf2p.js";
 import { S as S12 } from "./swipe.taro-wm7YWwaj.js";
-import { T as T6 } from "./toast.taro-BIR_7Wgb.js";
+import { T as T6 } from "./toast.taro-BVXqvjNJ.js";
 import { A as A3 } from "./animate.taro-Dg9jxZEu.js";
 import { default as default3 } from "./AnimatingNumbers.js";
 import { A as A4 } from "./audio.taro-DXxWGngO.js";
@@ -71,7 +71,7 @@ import { A as A6 } from "./avatargroup.taro-bpT5kPbf.js";
 import { C as C10 } from "./circleprogress.taro-CKSrzt8Q.js";
 import { C as C11 } from "./collapse.taro-BM0BsN30.js";
 import { C as C12 } from "./collapseitem.taro-D_m4VEdG.js";
-import { C as C13 } from "./countdown.taro-Dfa9kpmZ.js";
+import { C as C13 } from "./countdown.taro-D-H9erkV.js";
 import { E as E3 } from "./ellipsis.taro-B_mTyNyk.js";
 import { I as I5 } from "./imagepreview.taro-Bb1TkBCV.js";
 import { I as I6 } from "./indicator.taro-CpHZtD9p.js";
@@ -82,11 +82,11 @@ import { S as S13 } from "./step.taro-DLr2GzYk.js";
 import { S as S14 } from "./steps.taro-C8Yg1Sns.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-8JXI24f0.js";
-import { T as T7 } from "./table.taro-0BcEBB0F.js";
+import { T as T7 } from "./table.taro-ClLmfqz3.js";
 import { T as T8 } from "./tag.taro-BsmY5QfN.js";
-import { T as T9 } from "./tour.taro-CMagdKcp.js";
+import { T as T9 } from "./tour.taro-wfXuUebD.js";
 import { V } from "./video.taro-CEMVfhCS.js";
-import { V as V2 } from "./virtuallist.taro-C5vZAyza.js";
+import { V as V2 } from "./virtuallist.taro-Cl08vfdg.js";
 import { B as B5 } from "./barrage.taro-BNOcZsJ1.js";
 import { C as C14 } from "./card.taro-uLorQW97.js";
 import { T as T10 } from "./timedetail.taro-x6Zey1xi.js";

package/dist/esm/{popover.taro-CcKwnX27.js → popover.taro-BsOaXoWp.js}

@@ -5,13 +5,13 @@ import Taro, { createSelectorQuery } from "@tarojs/taro";
 import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
 import { a as getRect, 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), { list: [], location: "bottom", visible: false, offset: [0, 12], arrowOffset: 0, targetId: "", className: "", showArrow: true, overlay: false, closeOnOutsideClick: true, closeOnActionClick: true, onClick: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { list: [], theme: "light", location: "bottom", visible: false, offset: [0, 12], arrowOffset: 0, targetId: "", className: "", showArrow: true, closeOnOutsideClick: true, closeOnActionClick: true, overlay: false, onClick: () => {
 }, onOpen: () => {
 }, onClose: () => {
 } });
 const classPrefix = `nut-popover`;
 const Popover = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, list, location, visible, offset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, arrowOffset, style, onClick, onOpen, onClose, onSelect } = _a, rest = __rest(_a, ["children", "list", "location", "visible", "offset", "targetId", "overlay", "closeOnOutsideClick", "closeOnActionClick", "className", "showArrow", "arrowOffset", "style", "onClick", "onOpen", "onClose", "onSelect"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, list, theme, location, visible, offset, arrowOffset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, style, onClick, onOpen, onClose, onSelect } = _a, rest = __rest(_a, ["children", "list", "theme", "location", "visible", "offset", "arrowOffset", "targetId", "overlay", "closeOnOutsideClick", "closeOnActionClick", "className", "showArrow", "style", "onClick", "onOpen", "onClose", "onSelect"]);
   const popoverRef = useRef(null);
   const popoverContentRef = useRef(null);
   const [showPopup, setShowPopup] = useState(false);
@@ -72,7 +72,8 @@ const Popover = (props) => {
     }
   };
   const classes = classNames({
-    [`${classPrefix}`]: true
+    [`${classPrefix}`]: true,
+    [`${classPrefix}-${theme}`]: theme === "dark"
   }, className);
   const popoverArrow = () => {
     const prefixCls = "nut-popover-arrow";
@@ -176,11 +177,12 @@ const Popover = (props) => {
     React__default.Fragment,
     null,
     !targetId && React__default.createElement("div", { className: "nut-popover-wrapper", ref: popoverRef, onClick: () => {
-      props.onClick && props.onClick();
+      var _a2;
+      (_a2 = props === null || props === void 0 ? void 0 : props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       if (!visible) {
-        onOpen && onOpen();
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
-        onClose && onClose();
+        onClose === null || onClose === void 0 ? void 0 : onClose();
       }
     }, style }, Array.isArray(children) ? children[0] : children),
     React__default.createElement(

package/dist/esm/{tabbar.taro-8_SmJofa.js → tabbar.taro-LAPQoOva.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-Cb-yfOln.js";
+import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-C4AZbQMG.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: 0, fixed: false, inactiveColor: "", activeColor: "", safeArea: false, onSwitch: (value) => {
 } });
 const Tabbar = (props) => {

package/dist/esm/{tabbaritem.taro-Cb-yfOln.js → tabbaritem.taro-C4AZbQMG.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { B as Badge } from "./badge.taro-CyDqBb9Z.js";
+import { B as Badge } from "./badge.taro-D7Yn5zJi.js";
 const TabbarContext = React__default.createContext(null);
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", icon: null, value: "", dot: false, max: 99, top: "0", right: "5" });
 const TabbarItem = (props) => {

package/dist/esm/{table.taro-0BcEBB0F.js → table.taro-ClLmfqz3.js}

@@ -2,10 +2,10 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect, useCallback, useRef } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { u as useConfig, a as useRtl } 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 useTableSticky(columns) {
+function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
   const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
   const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
@@ -20,9 +20,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] = {
@@ -38,9 +38,9 @@ function useTableSticky(columns) {
     });
     for (let i = rightColumns.length - 1; i >= 0; i--) {
       const curr = rightColumns[i];
-      rightColumns[i + 1] || {};
+      const dir = rtl ? "left" : "right";
       _columnStyleMap[curr.key] = {
-        right: _stickyRightWidth || 0,
+        [dir]: _stickyRightWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -72,6 +72,7 @@ function useTableSticky(columns) {
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: [], data: [], bordered: true, striped: false, noData: "", sorterIcon: null, showHeader: true });
 const Table = (props) => {
   const { locale } = useConfig();
+  const rtl = useRtl();
   defaultProps.noData = locale.noData;
   const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, showHeader, onSort } = _a, rest = __rest(_a, ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "sorterIcon", "showHeader", "onSort"]);
   const sortedMapping = useRef({});
@@ -79,7 +80,7 @@ const Table = (props) => {
     defaultValue: data,
     finalValue: []
   });
-  const { isSticky, stickyLeftWidth, stickyRightWidth, getStickyClass, getStickyStyle } = useTableSticky(columns);
+  const { isSticky, stickyLeftWidth, stickyRightWidth, getStickyClass, getStickyStyle } = useTableSticky(columns, rtl);
   useEffect(() => {
     setValue(data);
   }, [data]);

package/dist/esm/{tabs.taro-HgAoKBAc.js → tabs.taro-DRmZR3Xu.js}

@@ -114,7 +114,7 @@ const Tabs = (props) => {
     }
     animate();
   };
-  const scrollIntoView = () => {
+  const scrollIntoView = (index) => {
     requestAniFrame(() => {
       Promise.all([
         getRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
@@ -122,17 +122,17 @@ 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((prev, curr) => prev + curr.height, DEFAULT_PADDING);
+          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 left = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
+          const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
           to = left - (navRectRef.current.width - titleRect.width) / 2;
         }
         nextTick(() => {
@@ -148,7 +148,7 @@ const Tabs = (props) => {
       transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     });
-    scrollIntoView();
+    scrollIntoView(index);
   }, [value]);
   const tabChange = (item, index) => {
     onClick && onClick(item.value);

package/dist/esm/{toast.taro-BIR_7Wgb.js → toast.taro-BVXqvjNJ.js}

@@ -5,11 +5,11 @@ import { O as Overlay } from "./overlay.taro-BaBu-3-F.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-DuP4onEm.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { id: "", icon: null, iconSize: "20", msg: "", duration: 2, position: "center", type: "text", title: "", closeOnOverlayClick: false, lockScroll: false, contentClassName: "", size: "base", visible: false, wordBreak: "break-all", onClose: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { id: "", icon: null, iconSize: "20", content: "", msg: "", duration: 2, position: "center", type: "text", title: "", closeOnOverlayClick: false, lockScroll: false, contentClassName: "", size: "base", visible: false, wordBreak: "break-all", onClose: () => {
 } });
 const classPrefix = "nut-toast";
 const Toast = (props) => {
-  const { params: { id, position, contentStyle, icon, iconSize, msg, duration, type, title, closeOnOverlayClick, lockScroll, contentClassName, visible, size, className, style, onClose, wordBreak }, setParams } = useParams(Object.assign(Object.assign({}, defaultProps), props));
+  const { params: { id, position, contentStyle, icon, iconSize, content, msg, duration, type, title, closeOnOverlayClick, lockScroll, contentClassName, visible, size, className, style, onClose, wordBreak }, setParams } = useParams(Object.assign(Object.assign({}, defaultProps), props));
   const timer = useRef(-1);
   const [innerVisible, setInnerVisible] = usePropsValue({
     value: visible,
@@ -95,7 +95,7 @@ const Toast = (props) => {
         { className: `${classPrefix}-inner ${classPrefix}-${position} ${contentClassName} ${wordBreak}`, style: contentStyle },
         hasIcon() ? React__default.createElement("p", { className: `${classPrefix}-icon-wrapper` }, iconName()) : null,
         title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-        React__default.createElement("span", { className: `${classPrefix}-text` }, msg)
+        React__default.createElement("span", { className: `${classPrefix}-text` }, content || msg)
       )
     )
   ) : null);

package/dist/esm/{tour.taro-CMagdKcp.js → tour.taro-wfXuUebD.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect } from "react";
 import { Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popover } from "./popover.taro-CcKwnX27.js";
+import { P as Popover } from "./popover.taro-BsOaXoWp.js";
 import Taro, { createSelectorQuery } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { useConfig } from "./ConfigProvider.js";

package/dist/esm/types/src/packages/cell/demo.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import './demo.scss';
 declare const CellDemo: () => React.JSX.Element;
 export default CellDemo;

package/dist/esm/types/src/packages/cell/demo.taro.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import '@/packages/cell/demo.scss';
 declare const CellDemo: () => React.JSX.Element;
 export default CellDemo;

package/dist/esm/types/src/packages/cell/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/esm/types/src/packages/cell/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/esm/types/src/packages/cell/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/esm/types/src/packages/cell/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/esm/types/src/packages/cell/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/esm/types/src/packages/cell/demos/h5/demo6.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo6: () => React.JSX.Element;
+export default Demo6;