@nutui/nutui-react-taro 2.3.11 → 2.3.12

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

@@ -1,35 +1,17 @@
+import { _ as __rest, a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import Taro, { createSelectorQuery } from "@tarojs/taro";
-import { P as Popup } from "./popup.taro-ObEUml4r.js";
-import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  location: "bottom",
-  visible: false,
-  offset: [0, 12],
-  arrowOffset: 0,
-  targetId: "",
-  className: "",
-  showArrow: true,
-  overlay: false,
-  closeOnOutsideClick: true,
-  closeOnActionClick: true,
-  onClick: () => {
-  },
-  onOpen: () => {
-  },
-  onClose: () => {
-  }
-};
+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: () => {
+}, onOpen: () => {
+}, onClose: () => {
+} });
 const classPrefix = `nut-popover`;
 const Popover = (props) => {
-  const { children, list, location, visible, offset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, arrowOffset, style, onClick, onOpen, onClose, onSelect, ...rest } = {
-    ...defaultProps,
-    ...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 popoverRef = useRef(null);
   const popoverContentRef = useRef(null);
   const [showPopup, setShowPopup] = useState(false);
@@ -44,18 +26,18 @@ const Popover = (props) => {
       }, 0);
     }
   }, [visible]);
-  const getContentWidth = async () => {
+  const getContentWidth = () => __awaiter(void 0, void 0, void 0, function* () {
     let rect;
-    createSelectorQuery().selectViewport().scrollOffset(async (res) => {
+    createSelectorQuery().selectViewport().scrollOffset((res) => __awaiter(void 0, void 0, void 0, function* () {
       const distance = res.scrollTop;
       if (targetId) {
         if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
           rect = getRect(document.querySelector(`#${targetId}`));
         } else {
-          rect = await getRectTaro(targetId);
+          rect = yield getRectTaro(targetId);
         }
       } else {
-        rect = await getRectByTaro(popoverRef.current);
+        rect = yield getRectByTaro(popoverRef.current);
       }
       setRootPosition({
         width: rect.width,
@@ -64,12 +46,12 @@ const Popover = (props) => {
         top: rect.top + distance,
         right: rect.right
       });
-    }).exec();
+    })).exec();
     setTimeout(() => {
       getPopoverContentW();
     }, 300);
-  };
-  const getRectTaro = async (targetId2) => {
+  });
+  const getRectTaro = (targetId2) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((resolve) => {
       const query = createSelectorQuery();
       query.select(`#${targetId2}`) && query.select(`#${targetId2}`).boundingClientRect();
@@ -77,12 +59,12 @@ const Popover = (props) => {
         resolve(res[0]);
       });
     });
-  };
-  const getPopoverContentW = async () => {
-    const rectContent = await getRectByTaro(popoverContentRef.current);
+  });
+  const getPopoverContentW = () => __awaiter(void 0, void 0, void 0, function* () {
+    const rectContent = yield getRectByTaro(popoverContentRef.current);
     setElWidth(rectContent.width);
     setElHeight(rectContent.height);
-  };
+  });
   const clickAway = () => {
     if (closeOnOutsideClick) {
       props.onClick && props.onClick();
@@ -206,7 +188,7 @@ const Popover = (props) => {
       { className: classes, style: getRootPosition() },
       React__default.createElement(
         Popup,
-        { className: `nut-popover-content nut-popover-content-${location}`, position: "default", overlay, visible: showPopup, ...rest },
+        Object.assign({ className: `nut-popover-content nut-popover-content-${location}`, position: "default", overlay, visible: showPopup }, rest),
         React__default.createElement(
           "div",
           { className: "nut-popover-content-group", ref: popoverContentRef },
@@ -222,8 +204,8 @@ const Popover = (props) => {
               item.icon ? React__default.createElement("div", { className: "nut-popover-menu-item-icon" }, item.icon) : null,
               React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name),
               item.action && item.action.icon ? React__default.createElement("div", { className: "nut-popover-menu-item-action-icon", onClick: (e) => {
-                var _a, _b;
-                return (_b = (_a = item.action) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e);
+                var _a2, _b;
+                return (_b = (_a2 = item.action) === null || _a2 === void 0 ? void 0 : _a2.onClick) === null || _b === void 0 ? void 0 : _b.call(_a2, e);
               } }, item.action.icon) : null
             );
           })

package/dist/esm/{popup.taro-ObEUml4r.js → popup.taro-Iy_WQZ-m.js}

@@ -4,32 +4,14 @@ import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
-import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-HsGeVyPh.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  position: "center",
-  transition: "",
-  overlayStyle: {},
-  overlayClassName: "",
-  closeable: false,
-  closeIconPosition: "top-right",
-  closeIcon: "close",
-  destroyOnClose: false,
-  portal: null,
-  overlay: true,
-  round: false,
-  onOpen: () => {
-  },
-  onClose: () => {
-  },
-  onOverlayClick: (e) => true,
-  onCloseIconClick: (e) => true,
-  ...defaultOverlayProps
-};
+import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-BaBu-3-F.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { position: "center", transition: "", overlayStyle: {}, overlayClassName: "", closeable: false, closeIconPosition: "top-right", closeIcon: "close", destroyOnClose: false, portal: null, overlay: true, round: false, onOpen: () => {
+}, onClose: () => {
+}, onOverlayClick: (e) => true, onCloseIconClick: (e) => true }), defaultOverlayProps);
 const _zIndex = 1100;
 const Popup = (props) => {
-  const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, left, title, description, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onOverlayClick, onCloseIconClick, afterShow, afterClose, onClick } = { ...defaultProps, ...props };
+  const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, left, title, description, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onOverlayClick, onCloseIconClick, afterShow, afterClose, onClick } = Object.assign(Object.assign({}, defaultProps), props);
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -40,14 +22,8 @@ const Popup = (props) => {
   const baseStyle = {
     zIndex: index
   };
-  const overlayStyles = {
-    ...overlayStyle,
-    "--nutui-overlay-zIndex": index
-  };
-  const popStyles = {
-    ...style,
-    ...baseStyle
-  };
+  const overlayStyles = Object.assign(Object.assign({}, overlayStyle), { "--nutui-overlay-zIndex": index });
+  const popStyles = Object.assign(Object.assign({}, style), baseStyle);
   const popClassName = classNames({
     [`${classPrefix}`]: true,
     [`${classPrefix}-round`]: round || position === "bottom",

package/dist/esm/{price.taro-Z1zR8YWV.js → price.taro-UVRHPHRD.js}

@@ -1,20 +1,9 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  price: 0,
-  symbol: "¥",
-  digits: 2,
-  thousands: false,
-  position: "before",
-  size: "large",
-  line: false
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { price: 0, symbol: "¥", digits: 2, thousands: false, position: "before", size: "large", line: false });
 const Price = (props) => {
-  const { price, symbol, digits, thousands, position, size, line, className, style, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { price, symbol, digits, thousands, position, size, line, className, style } = _a, rest = __rest(_a, ["price", "symbol", "digits", "thousands", "position", "size", "line", "className", "style"]);
   const classPrefix = "nut-price";
   const replaceSpecialChar = (url) => {
     url = url.replace(/"/g, '"');
@@ -65,7 +54,7 @@ const Price = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${line ? `${classPrefix}-line` : ""} ${className}`, style, ...rest },
+    Object.assign({ className: `${classPrefix} ${line ? `${classPrefix}-line` : ""} ${className}`, style }, rest),
     symbol && position === "before" ? renderSymbol() : null,
     React__default.createElement("div", { className: `${classPrefix}-integer ${classPrefix}-integer-${size}` }, formatThousands(price)),
     digits !== 0 ? React__default.createElement("div", { className: `${classPrefix}-decimal ${classPrefix}-decimal-${size}` }, ".") : null,

package/dist/esm/{progress.taro-pStvlrbA.js → progress.taro-BOHykt7X.js}

@@ -1,18 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  percent: 0,
-  showText: false,
-  animated: false,
-  delay: 0
-};
+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), { percent: 0, showText: false, animated: false, delay: 0 });
 const Progress = (props) => {
-  const { className, style, percent, background, color, strokeWidth, showText, animated, children, delay, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const rtl = useRtl();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, percent, background, color, strokeWidth, showText, animated, children, delay } = _a, rest = __rest(_a, ["className", "style", "percent", "background", "color", "strokeWidth", "showText", "animated", "children", "delay"]);
   const classPrefix = "nut-progress";
   const classesInner = classNames({
     [`${classPrefix}-inner`]: true,
@@ -44,11 +38,11 @@ const Progress = (props) => {
   }, []);
   return React__default.createElement(
     "div",
-    { className: classNames(classPrefix, className), style, ...rest },
+    Object.assign({ className: classNames(classPrefix, className), style }, rest),
     React__default.createElement(
       "div",
       { className: `${classPrefix}-outer`, style: stylesOuter },
-      React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && React__default.createElement("div", { className: `${classPrefix}-text`, style: { left: `${displayPercent}%` } }, children || React__default.createElement(
+      React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && React__default.createElement("div", { className: `${classPrefix}-text`, style: rtl ? { right: `${displayPercent}%` } : { left: `${displayPercent}%` } }, children || React__default.createElement(
         "div",
         { className: `${classPrefix}-text-inner`, style: {
           background: color

package/dist/esm/{pulltorefresh.taro-2jER8Mat.js → pulltorefresh.taro-BJdQj5sL.js}

@@ -1,10 +1,11 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
 import { Loading, More } from "@nutui/icons-react-taro";
 import Taro from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { u as useTouch } from "./use-touch-BUFdkOSA.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { u as useTouch } from "./use-touch-OfEaR5qi.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 function bound(position, min, max) {
   let ret = position;
   if (min !== void 0) {
@@ -28,34 +29,18 @@ function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15)
   return position;
 }
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const defaultProps = {
-  ...ComponentDefaults,
-  pullingText: "",
-  canReleaseText: "",
-  refreshingText: "",
-  completeText: "",
-  completeDelay: 500,
-  disabled: false,
-  headHeight: 50,
-  threshold: 60,
-  scrollTop: 0,
-  onRefresh: () => {
-  }
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { pullingText: "", canReleaseText: "", refreshingText: "", completeText: "", completeDelay: 500, disabled: false, headHeight: 50, threshold: 60, scrollTop: 0, onRefresh: () => {
+} });
 const PullToRefresh = (p) => {
   const classPrefix = "nut-pulltorefresh";
   const { locale } = useConfig();
   const touch = useTouch();
-  const props = {
-    ...defaultProps,
-    ...p,
-    ...{
-      pullingText: p.pullingText || locale.pullToRefresh.pullingText,
-      canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
-      refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
-      completeText: p.completeText || locale.pullToRefresh.completeText
-    }
-  };
+  const props = Object.assign(Object.assign(Object.assign({}, defaultProps), p), {
+    pullingText: p.pullingText || locale.pullToRefresh.pullingText,
+    canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
+    refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
+    completeText: p.completeText || locale.pullToRefresh.completeText
+  });
   const headHeight = props.headHeight;
   const threshold = props.threshold;
   const pullingRef = useRef(false);
@@ -72,14 +57,14 @@ const PullToRefresh = (p) => {
   const renderStatusIcon = () => {
     var _a;
     if (props.renderIcon) {
-      return (_a = props.renderIcon) == null ? void 0 : _a.call(props, status);
+      return (_a = props.renderIcon) === null || _a === void 0 ? void 0 : _a.call(props, status);
     }
     return renderIcons(status);
   };
   const renderStatusText = () => {
     var _a;
     if (props.renderText) {
-      return (_a = props.renderText) == null ? void 0 : _a.call(props, status);
+      return (_a = props.renderText) === null || _a === void 0 ? void 0 : _a.call(props, status);
     }
     if (status === "pulling")
       return props.pullingText;
@@ -107,22 +92,24 @@ const PullToRefresh = (p) => {
       setStatus(height > threshold ? "canRelease" : "pulling");
     }
   };
-  async function doRefresh() {
-    setHeight(headHeight);
-    setStatus("refreshing");
-    try {
-      await props.onRefresh();
-      setStatus("complete");
-    } catch (e) {
+  function doRefresh() {
+    return __awaiter(this, void 0, void 0, function* () {
+      setHeight(headHeight);
+      setStatus("refreshing");
+      try {
+        yield props.onRefresh();
+        setStatus("complete");
+      } catch (e) {
+        setHeight(0);
+        setStatus("pulling");
+        throw e;
+      }
+      if (props.completeDelay > 0) {
+        yield sleep(props.completeDelay);
+      }
       setHeight(0);
       setStatus("pulling");
-      throw e;
-    }
-    if (props.completeDelay > 0) {
-      await sleep(props.completeDelay);
-    }
-    setHeight(0);
-    setStatus("pulling");
+    });
   }
   const handleTouchEnd = () => {
     pullingRef.current = false;
@@ -134,10 +121,7 @@ const PullToRefresh = (p) => {
     }
   };
   const isAndroidWeApp = Taro.getSystemInfoSync().platform === "android" && Taro.getEnv() === "WEAPP";
-  const springStyles = {
-    height: `${height}px`,
-    ...!pullingRef.current || isAndroidWeApp ? { transition: "height .3s ease" } : {}
-  };
+  const springStyles = Object.assign({ height: `${height}px` }, !pullingRef.current || isAndroidWeApp ? { transition: "height .3s ease" } : {});
   return React__default.createElement(
     View,
     { className: `${classPrefix} ${props.className}`, style: props.style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },

package/dist/esm/{radio.taro-EKJXMjnX.js → radio.taro-CjJgX9o2.js}

@@ -1,8 +1,9 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useCallback, useContext } from "react";
 import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const RadioContext = React__default.createContext(null);
 const defaultProps$1 = {
   labelPosition: "right",
@@ -13,7 +14,7 @@ const defaultProps$1 = {
 };
 const classPrefix = "nut-radiogroup";
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled, ...rest } = { ...defaultProps$1, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled } = _a, rest = __rest(_a, ["children", "className", "value", "defaultValue", "onChange", "shape", "labelPosition", "direction", "options", "disabled"]);
   const [val2State, setVal2State] = usePropsValue({
     defaultValue: props.defaultValue,
     value: props.value,
@@ -21,8 +22,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     onChange
   });
   const renderOptionsChildren = useCallback(() => {
-    return options == null ? void 0 : options.map(({ label, value: value2, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
-      return React__default.createElement(Radio, { ...rest2, key: value2 == null ? void 0 : value2.toString(), children: label, value: value2, disabled: disabled2, onChange: onChange2, labelPosition, checked: value2 === val2State });
+    return options === null || options === void 0 ? void 0 : options.map((_a2) => {
+      var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
+      return React__default.createElement(Radio, Object.assign({}, rest2, { key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), children: label, value: value2, disabled: disabled2, onChange: onChange2, labelPosition, checked: value2 === val2State }));
     });
   }, [options]);
   return React__default.createElement(
@@ -39,31 +41,22 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
         setVal2State("");
       }
     } },
-    React__default.createElement("div", { className: classNames(classPrefix, {
+    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
       [`${classPrefix}-${props.direction}`]: props.direction
-    }, className), ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : children)
+    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children)
   );
 });
 RadioGroup.defaultProps = defaultProps$1;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps = {
-  ...ComponentDefaults,
-  disabled: false,
-  shape: "round",
-  value: "",
-  labelPosition: "right",
-  icon: null,
-  activeIcon: null,
-  onChange: (checked) => {
-  }
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, shape: "round", value: "", labelPosition: "right", icon: null, activeIcon: null, onChange: (checked) => {
+} });
 const Radio = (props) => {
   const classPrefix2 = "nut-radio";
-  const { children, className, style, checked, defaultChecked, shape, value, icon, activeIcon, onChange, ...others } = {
-    ...defaultProps,
-    ...props
-  };
-  let { labelPosition, disabled, ...rest } = others;
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, checked, defaultChecked, shape, value, icon, activeIcon, onChange } = _a, others = __rest(_a, ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"]);
+  let { labelPosition, disabled } = others, rest = __rest(
+    others,
+    ["labelPosition", "disabled"]
+  );
   let [checkedStatement, setCheckedStatement] = usePropsValue({
     value: checked,
     defaultValue: defaultChecked,
@@ -111,15 +104,9 @@ const Radio = (props) => {
       return React__default.createElement(CheckDisabled, { className: classNames(color()) });
     }
     if (checkedStatement) {
-      return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, {
-        ...activeIcon2.props,
-        className: classNames(color())
-      }) : React__default.createElement(CheckChecked, { className: classNames(color()) });
+      return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, Object.assign(Object.assign({}, activeIcon2.props), { className: classNames(color()) })) : React__default.createElement(CheckChecked, { className: classNames(color()) });
     }
-    return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, {
-      ...icon2.props,
-      className: classNames(color())
-    }) : React__default.createElement(CheckNormal, { className: classNames(color()) });
+    return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, Object.assign(Object.assign({}, icon2.props), { className: classNames(color()) })) : React__default.createElement(CheckNormal, { className: classNames(color()) });
   };
   const renderByShape = (shape2) => {
     return shape2 === "button" ? renderButton() : React__default.createElement(
@@ -137,9 +124,9 @@ const Radio = (props) => {
       return;
     setCheckedStatement(!checkedStatement);
   };
-  return React__default.createElement("div", { className: classNames(classPrefix2, {
+  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix2, {
     [`${classPrefix2}-reverse`]: labelPosition === "left"
-  }, className), style, onClick: handleClick, ...rest }, renderRadioItem());
+  }, className), style, onClick: handleClick }, rest), renderRadioItem());
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";

package/dist/esm/{range.taro-mDYY3SXA.js → range.taro-BxMDs5Cy.js}

@@ -1,21 +1,16 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useRef, useEffect, useCallback } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { u as useTouch } from "./use-touch-BUFdkOSA.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  range: false,
-  min: 0,
-  max: 100,
-  step: 1,
-  vertical: false,
-  marks: {}
-};
+import { u as useTouch } from "./use-touch-OfEaR5qi.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { range: false, min: 0, max: 100, step: 1, vertical: false, marks: {} });
 const Range = (props) => {
-  const { className, range, disabled, button, vertical, marks, onChange, onStart, onEnd, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue } = { ...defaultProps, ...props };
+  const rtl = useRtl();
+  const { className, range, disabled, button, vertical, marks, onChange, onStart, onEnd, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-range";
   const [buttonIndex, setButtonIndex] = useState(0);
   const [dragStatus, setDragStatus] = useState("start");
@@ -100,15 +95,17 @@ const Range = (props) => {
         transition: dragStatus ? "none" : void 0
       };
     }
+    const dir = rtl ? "right" : "left";
     return {
       width: calcMainAxis(),
-      left: calcOffset(),
+      [dir]: calcOffset(),
       transition: dragStatus ? "none" : void 0
     };
   };
   const marksStyle = (mark) => {
+    const dir = rtl ? "right" : "left";
     let style = {
-      left: `${(mark - min) / scope() * 100}%`
+      [dir]: `${(mark - min) / scope() * 100}%`
     };
     if (vertical) {
       style = {
@@ -147,12 +144,12 @@ const Range = (props) => {
     }
     end && onEnd && onEnd(value2);
   };
-  const click = async (event) => {
+  const click = (event) => __awaiter(void 0, void 0, void 0, function* () {
     if (disabled || !root.current) {
       return;
     }
     setDragStatus("");
-    const rect = await getRectByTaro(root.current);
+    const rect = yield getRectByTaro(root.current);
     let delta = (event.detail.x ? event.detail.x : event.clientX) - rect.left;
     let total = rect.width;
     if (vertical) {
@@ -172,7 +169,7 @@ const Range = (props) => {
     } else {
       updateValue(value2, true);
     }
-  };
+  });
   const onTouchStart = (event) => {
     if (disabled) {
       return;
@@ -186,7 +183,7 @@ const Range = (props) => {
     }
     setDragStatus("start");
   };
-  const onTouchMove = async (event) => {
+  const onTouchMove = (event) => __awaiter(void 0, void 0, void 0, function* () {
     if (disabled || !root.current) {
       return;
     }
@@ -195,10 +192,11 @@ const Range = (props) => {
     }
     touch.move(event);
     setDragStatus("draging");
-    const rect = await getRectByTaro(root.current);
+    const rect = yield getRectByTaro(root.current);
     let delta = touch.deltaX.current;
     let total = rect.width;
     let diff = delta / total * scope();
+    diff = rtl ? -diff : diff;
     if (vertical) {
       delta = touch.deltaY.current;
       total = rect.height;
@@ -213,7 +211,7 @@ const Range = (props) => {
     }
     setEaxctValue(newValue);
     updateValue(newValue);
-  };
+  });
   const onTouchEnd = () => {
     if (disabled) {
       return;

package/dist/esm/{rate.taro-_5Mjd_EO.js → rate.taro-BABLqt4h.js}

@@ -3,26 +3,13 @@ import classNames from "classnames";
 import { StarFill } from "@nutui/icons-react-taro";
 import { useReady } from "@tarojs/taro";
 import { View } from "@tarojs/components";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { u as useRefs } from "./use-refs-IdrY0ww3.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  count: 5,
-  min: 0,
-  checkedIcon: null,
-  uncheckedIcon: null,
-  disabled: false,
-  readOnly: false,
-  allowHalf: false,
-  touchable: false
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { u as useRefs } from "./use-refs-BeEmziIR.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { count: 5, min: 0, checkedIcon: null, uncheckedIcon: null, disabled: false, readOnly: false, allowHalf: false, touchable: false });
 const Rate = (props) => {
-  const { className, style, count, value, defaultValue, min, checkedIcon, uncheckedIcon, disabled, readOnly, allowHalf, touchable, onChange, onTouchEnd } = {
-    ...defaultProps,
-    ...props
-  };
+  const { className, style, count, value, defaultValue, min, checkedIcon, uncheckedIcon, disabled, readOnly, allowHalf, touchable, onChange, onTouchEnd } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-rate";
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
   const [refs, setRefs] = useRefs();
@@ -65,7 +52,7 @@ const Rate = (props) => {
   };
   const getScoreByPosition = (x) => {
     var _a;
-    if ((_a = rateRects.current) == null ? void 0 : _a.length) {
+    if ((_a = rateRects.current) === null || _a === void 0 ? void 0 : _a.length) {
       for (let index = rateRects.current.length - 1; index >= 0; index--) {
         const item = rateRects.current[index];
         if (item && x > item.left) {

package/dist/esm/{row.taro-IxNlKKQM.js → row.taro-D8chDydP.js}

@@ -1,21 +1,11 @@
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-9BL0cq8w.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { D as DataContext } from "./UserContext-BlM0373q.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const classPrefix = "nut-row";
-const defaultProps = {
-  ...ComponentDefaults,
-  type: "",
-  justify: "start",
-  align: "flex-start",
-  wrap: "nowrap",
-  gutter: "0"
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "", justify: "start", align: "flex-start", wrap: "nowrap", gutter: "0" });
 const Row = (props) => {
-  const { className, style, children, type, justify, align, wrap, gutter, onClick } = {
-    ...defaultProps,
-    ...props
-  };
+  const { className, style, children, type, justify, align, wrap, gutter, onClick } = Object.assign(Object.assign({}, defaultProps), props);
   const getClass = (prefix, type2) => {
     const classType = type2 ? `nut-row-${prefix}-${type2}` : "";
     const className2 = prefix ? classType : `nut-row-${type2}`;