@nutui/nutui-react-taro 2.3.7 → 2.3.8

package/dist/esm/{ellipsis.taro-ov_C4kbs.js → ellipsis.taro-VApVqS_j.js}

@@ -1,6 +1,7 @@
 import React__default, { useRef, useState, useEffect } from "react";
-import { useReady, nextTick, createSelectorQuery } from "@tarojs/taro";
+import { nextTick, createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
+import { View } from "@tarojs/components";
 import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -31,29 +32,25 @@ const Ellipsis = (props) => {
   const [contentCopy, setContentCopy] = useState(content);
   const lineH = useRef(0);
   const originHeight = useRef(0);
-  const refRandomId = Math.random().toString(36).slice(-8);
+  const refRandomId = useRef(Math.random().toString(36).slice(-8));
   const widthRef = useRef("auto");
-  let widthBase = [14, 10, 7, 8.4, 10];
-  let symbolTextWidth = widthBase[0] * 0.7921;
+  const widthBase = useRef([14, 10, 7, 8.4, 10]);
+  const symbolTextWidth = useRef(widthBase.current[0] * 0.7921);
   const chineseReg = /^[\u4e00-\u9fa5]+$/;
   const digitReg = /^[0-9]+$/;
   const letterUpperReg = /^[A-Z]+$/;
   const letterLowerReg = /^[a-z]+$/;
   const classes = classNames(classPrefix, width ? `${classPrefix}-width` : "", className);
-  const init = () => {
-    setExceeded(false);
-    setExpanded(false);
+  useEffect(() => {
     setContentCopy(content);
     nextTick(() => {
       getSymbolInfo();
       getReference();
     });
-  };
-  useReady(() => init());
-  useEffect(() => init(), [content, lineH.current, maxHeight.current, originHeight.current]);
+  }, [content]);
   const getSymbolInfo = async () => {
     const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
-    symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
+    symbolTextWidth.current = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase.current[0] * 0.7921);
   };
   const symbolText = () => {
     if (direction === "end" || direction === "middle") {
@@ -62,9 +59,8 @@ const Ellipsis = (props) => {
     return `${symbol}${expandText}${symbol}`;
   };
   const getReference = async () => {
-    const element = root.current;
     const query = createSelectorQuery();
-    query.select(`#${element.id}`) && query.select(`#${element.id}`).fields({
+    query.select(`#root${refRandomId.current}`) && query.select(`#root${refRandomId.current}`).fields({
       computedStyle: [
         "width",
         "height",
@@ -81,7 +77,7 @@ const Ellipsis = (props) => {
       originHeight.current = pxToNumber(res.height);
       widthRef.current = res.width;
       const bsize = pxToNumber(res.fontSize);
-      widthBase = [
+      widthBase.current = [
         bsize,
         bsize * 0.72,
         bsize * 0.53,
@@ -135,7 +131,7 @@ const Ellipsis = (props) => {
     setContentCopy(newContent);
   };
   const tailorContent = (left, right, type = "") => {
-    const threeDotWidth = symbolTextWidth;
+    const threeDotWidth = symbolTextWidth.current;
     const direc = direction === "middle" && type ? type : direction;
     setExceeded(true);
     let widthPart = -1;
@@ -155,15 +151,15 @@ const Ellipsis = (props) => {
     while (widthPart < contentPartWidth) {
       const zi = content[marking];
       if (chineseReg.test(zi)) {
-        widthPart = Number(widthPart + widthBase[0]);
+        widthPart = Number(widthPart + widthBase.current[0]);
       } else if (letterUpperReg.test(zi)) {
-        widthPart = Number(widthPart + widthBase[1]);
+        widthPart = Number(widthPart + widthBase.current[1]);
       } else if (letterLowerReg.test(zi)) {
-        widthPart = Number(widthPart + widthBase[2]);
+        widthPart = Number(widthPart + widthBase.current[2]);
       } else if (digitReg.test(zi)) {
-        widthPart = Number(widthPart + widthBase[3]);
+        widthPart = Number(widthPart + widthBase.current[3]);
       } else {
-        widthPart = Number(widthPart + widthBase[4]);
+        widthPart = Number(widthPart + widthBase.current[4]);
       }
       cutoff = marking;
       direc === "end" ? marking++ : marking--;
@@ -196,35 +192,33 @@ const Ellipsis = (props) => {
     null,
     React__default.createElement(
       "div",
-      { className: classes, onClick: handleClick, ref: root, id: `root${refRandomId}`, ...rest },
+      { className: classes, onClick: handleClick, ref: root, id: `root${refRandomId.current}`, ...rest },
       React__default.createElement(
-        "div",
+        View,
         null,
-        !exceeded ? React__default.createElement("div", { className: "nut-ellipsis-wordbreak", style: {
-          width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+        !exceeded ? React__default.createElement(View, { className: "nut-ellipsis-wordbreak", style: {
+          width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`,
+          height: "20px",
+          overflow: "hidden"
         } }, content) : null,
         exceeded && !expanded ? React__default.createElement(
-          React__default.Fragment,
-          null,
-          React__default.createElement(
-            "div",
-            { className: "nut-ellipsis-wordbreak", style: {
-              width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
-            } },
-            (_a = ellipsis.current) == null ? void 0 : _a.leading,
-            ((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol,
-            expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
-              e.stopPropagation();
-              clickHandle(1);
-            } }, expandText) : null,
-            ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
-            (_d = ellipsis.current) == null ? void 0 : _d.tailing
-          )
+          View,
+          { className: "nut-ellipsis-wordbreak", style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+          } },
+          (_a = ellipsis.current) == null ? void 0 : _a.leading,
+          ((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol,
+          expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+            e.stopPropagation();
+            clickHandle(1);
+          } }, expandText) : null,
+          ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
+          (_d = ellipsis.current) == null ? void 0 : _d.tailing
         ) : null,
         exceeded && expanded ? React__default.createElement(
           React__default.Fragment,
           null,
-          React__default.createElement("div", { style: {
+          React__default.createElement(View, { style: {
             width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
           } }, content),
           expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
@@ -235,11 +229,11 @@ const Ellipsis = (props) => {
       )
     ),
     React__default.createElement(
-      "div",
-      { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
-      React__default.createElement("div", null, contentCopy)
+      View,
+      { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId.current}`, style: { width: `${widthRef}` } },
+      React__default.createElement(View, null, contentCopy)
     ),
-    React__default.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: "inline" } }, symbolText())
+    React__default.createElement(View, { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId.current}`, style: { display: "inline" } }, symbolText())
   );
 };
 Ellipsis.defaultProps = defaultProps;

package/dist/esm/navbar.taro-AuKPDCaW.js

@@ -0,0 +1,105 @@
+import React__default, { useRef, useState, useEffect } from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  left: "",
+  right: "",
+  titleAlign: "center",
+  back: "",
+  fixed: false,
+  safeAreaInsetTop: false,
+  placeholder: false,
+  zIndex: 10
+};
+const NavBar = (props) => {
+  const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
+    ...defaultProps,
+    ...props
+  };
+  const classPrefix = "nut-navbar";
+  const children = Array.isArray(props.children) ? props.children : [props.children];
+  const styles = () => {
+    return {
+      ...style,
+      zIndex
+    };
+  };
+  const leftRef = useRef(null);
+  const rightRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const [contentWidth, setContentWidth] = useState("50%");
+  const getNodeWidth = async (node) => {
+    if (node) {
+      const refe = await getRectByTaro(node);
+      return refe.width;
+    }
+    return 0;
+  };
+  useEffect(() => {
+    if (titleAlign === "left") {
+      return;
+    }
+    if (!(back || left || right)) {
+      setContentWidth("100%");
+    }
+    const init = async () => {
+      const leftRectWidth = await getNodeWidth(leftRef == null ? void 0 : leftRef.current);
+      const rightRectWidth = await getNodeWidth(rightRef == null ? void 0 : rightRef.current);
+      const wrapperWidth = await getNodeWidth(wrapperRef == null ? void 0 : wrapperRef.current);
+      let centerWidth = wrapperWidth / 2;
+      if (leftRectWidth && rightRectWidth) {
+        centerWidth = wrapperWidth - (leftRectWidth > rightRectWidth ? leftRectWidth * 2 : rightRectWidth * 2);
+      } else {
+        centerWidth = wrapperWidth - leftRectWidth * 2 - rightRectWidth * 2;
+      }
+      setContentWidth(centerWidth.toFixed(2));
+    };
+    init();
+  }, [left, right, back]);
+  const renderLeft = () => {
+    return back || left ? React__default.createElement(
+      View,
+      { className: `${classPrefix}-left`, ref: leftRef },
+      back && React__default.createElement(View, { className: `${classPrefix}-left-back`, onClick: (e) => onBackClick(e) }, back),
+      left
+    ) : null;
+  };
+  const renderContent = () => {
+    let titleStyle = {};
+    if (titleAlign === "center") {
+      const contentRealWidth = `${contentWidth}${/%$/i.test(contentWidth) ? "" : "px"}`;
+      titleStyle = {
+        minWidth: contentRealWidth,
+        width: contentRealWidth
+      };
+    }
+    return React__default.createElement(View, { className: `${classPrefix}-title`, style: titleStyle }, children);
+  };
+  const renderRight = () => {
+    return React__default.createElement(View, { className: `${classPrefix}-right`, ref: rightRef }, right);
+  };
+  const renderWrapper = () => {
+    return React__default.createElement(
+      View,
+      { className: cls, style: styles(), ref: wrapperRef },
+      renderLeft(),
+      renderContent(),
+      renderRight()
+    );
+  };
+  const classes = classNames({
+    [`${classPrefix}-fixed`]: fixed,
+    [`${classPrefix}-safe-area-inset-top`]: safeAreaInsetTop,
+    [`${classPrefix}-title-align-${titleAlign}`]: true
+  });
+  const cls = classNames(classPrefix, classes, className);
+  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement(View, { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
+};
+NavBar.defaultProps = defaultProps;
+NavBar.displayName = "NutNavBar";
+export {
+  NavBar as N
+};

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

@@ -16,21 +16,21 @@ import { S as S3 } from "./safearea.taro-afu_mY7g.js";
 import { B as B2 } from "./backtop.taro-Y3vOJiXq.js";
 import { E } from "./elevator.taro-2nbUM3vH.js";
 import { F } from "./fixednav.taro-7OfzwFBE.js";
-import { N } from "./navbar.taro-v0VHQWR4.js";
+import { N } from "./navbar.taro-AuKPDCaW.js";
 import { S as S4 } from "./sidenavbar.taro-J5SEKQIh.js";
 import { S as S5 } from "./sidenavbaritem.taro-AxJNRAdi.js";
 import { S as S6 } from "./subsidenavbar.taro-Zy52MDDG.js";
 import { T } from "./tabbar.taro-QE0rjSKE.js";
 import { T as T2 } from "./tabbaritem.taro-t9C07OYX.js";
 import { T as T3 } from "./tabpane.taro-5k7wWimS.js";
-import { T as T4 } from "./tabs.taro-aR3XROu9.js";
-import { A } from "./address.taro-TWHlPzXv.js";
+import { T as T4 } from "./tabs.taro-w8ra49Qb.js";
+import { A } from "./address.taro-LCSSqsR-.js";
 import { C as C5 } from "./calendar.taro-Kf91Qo5t.js";
 import { C as C6 } from "./calendaritem.taro-G5BaVw8e.js";
 import { C as C7 } from "./calendarcard.taro-tY-cyh-F.js";
-import { C as C8 } from "./cascader.taro-QW13vwKb.js";
+import { C as C8 } from "./cascader.taro-x_X9F_pH.js";
 import { C as C9, a } from "./checkbox.taro-xMxWdpyI.js";
-import { D as D2 } from "./datepicker.taro-OrqtwJFM.js";
+import { D as D2 } from "./datepicker.taro-S111IvJO.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-atY4A0pS.js";
 import { I as I2 } from "./input.taro-8gs046AH.js";
@@ -38,10 +38,10 @@ import { I as I3 } from "./inputnumber.taro-7QptygT3.js";
 import { M } from "./menu.taro-ODwHYGFM.js";
 import { M as M2 } from "./menuitem.taro-9nyTDLpt.js";
 import { N as N2 } from "./numberkeyboard.taro-CyW0s9bI.js";
-import { P } from "./picker.taro-_bT5c-BS.js";
-import { R as R2, a as a2 } from "./radio.taro-mZvB2wwi.js";
+import { P } from "./picker.taro-RAYmFSC0.js";
+import { R as R2, a as a2 } from "./radio.taro-EKJXMjnX.js";
 import { R as R3 } from "./range.taro-mDYY3SXA.js";
-import { R as R4 } from "./rate.taro-ZkOVGSDs.js";
+import { R as R4 } from "./rate.taro-_5Mjd_EO.js";
 import { S as S7 } from "./searchbar.taro-Hmwspp92.js";
 import { S as S8 } from "./shortpassword.taro-uFeVULsY.js";
 import { S as S9 } from "./signature.taro-y3qxnKMv.js";
@@ -57,7 +57,7 @@ import { I as I4 } from "./infiniteloading.taro-sl41Ddeh.js";
 import { L as L2 } from "./loading.taro-aHN6xLIT.js";
 import { N as N3 } from "./noticebar.taro-bHnEzTvL.js";
 import { N as N4 } from "./notify.taro-mA9KS8qh.js";
-import { P as P2 } from "./popover.taro-ScQymuJC.js";
+import { P as P2 } from "./popover.taro-MUrnn7xY.js";
 import { P as P3 } from "./popup.taro-2FdJu1kg.js";
 import { P as P4 } from "./pulltorefresh.taro-VbzsD_HC.js";
 import { S as S11 } from "./skeleton.taro-Pg7WtP0e.js";
@@ -69,23 +69,23 @@ import { A as A4 } from "./audio.taro-UpVxFvGk.js";
 import { A as A5 } from "./avatar.taro-7ltbzIdY.js";
 import { A as A6 } from "./avatargroup.taro-h6dpv6UX.js";
 import { C as C10 } from "./circleprogress.taro-myZgamBw.js";
-import { C as C11 } from "./collapse.taro-l21-Cvji.js";
-import { C as C12 } from "./collapseitem.taro-9w-h_UP6.js";
+import { C as C11 } from "./collapse.taro-sZibDygv.js";
+import { C as C12 } from "./collapseitem.taro-AaQ_msgd.js";
 import { C as C13 } from "./countdown.taro-rJngrZUZ.js";
-import { E as E3 } from "./ellipsis.taro-ov_C4kbs.js";
+import { E as E3 } from "./ellipsis.taro-VApVqS_j.js";
 import { I as I5 } from "./imagepreview.taro-qDST6Lh4.js";
 import { I as I6 } from "./indicator.taro-ZH6MICsS.js";
 import { P as P5 } from "./pagination.taro-RYmB2As4.js";
 import { P as P6 } from "./price.taro-Z1zR8YWV.js";
 import { P as P7 } from "./progress.taro-pStvlrbA.js";
-import { S as S13 } from "./step.taro-kCAQ4Q3-.js";
-import { S as S14 } from "./steps.taro-n6BT6nWE.js";
+import { S as S13 } from "./step.taro-_DEZqFGb.js";
+import { S as S14 } from "./steps.taro-PH0qWPla.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-BC1CE0T-.js";
 import { T as T7 } from "./table.taro-d172EUh9.js";
 import { T as T8 } from "./tag.taro-5KC_wObY.js";
-import { T as T9 } from "./tour.taro-GabSljal.js";
-import { V } from "./video.taro-MDBF77xf.js";
+import { T as T9 } from "./tour.taro-HLsDVf9g.js";
+import { V } from "./video.taro-csvHwS2v.js";
 import { V as V2 } from "./virtuallist.taro-AeTVtFFa.js";
 import { B as B5 } from "./barrage.taro-HsivAhbE.js";
 import { C as C14 } from "./card.taro-p4PTy-IU.js";
@@ -93,7 +93,7 @@ import { T as T10 } from "./timedetail.taro-TF9Wcblh.js";
 import { T as T11 } from "./timeselect.taro-7FWR9oaJ.js";
 import { T as T12 } from "./trendarrow.taro-hsM6-XsQ.js";
 import { W } from "./watermark.taro-WDFdgWlJ.js";
-import { A as A7 } from "./avatarcropper.taro-_IENn5QL.js";
+import { A as A7 } from "./avatarcropper.taro-GIZxzMJ_.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -113,6 +113,7 @@ import "./use-force-update-0oEVD8Nr.js";
 import "./raf-UzmDvMUW.js";
 import "./date-nxKOxj5-.js";
 import "./pad-zero-iY-0-oys.js";
+import "./use-refs-IdrY0ww3.js";
 import "./index-YvHA__3D.js";
 import "./use-custom-event-XvsODK8c.js";
 import "react-dom";

package/dist/esm/{picker.taro-_bT5c-BS.js → picker.taro-RAYmFSC0.js}

@@ -6,6 +6,7 @@ import { P as Popup } from "./popup.taro-2FdJu1kg.js";
 import { u as useTouch } from "./use-touch-BUFdkOSA.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 import { p as passiveSupported } from "./overlay.taro-HsGeVyPh.js";
+import { u as useRefs } from "./use-refs-IdrY0ww3.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
@@ -224,17 +225,6 @@ const InternalPickerPanel = (props, ref) => {
 };
 const PickerPanel = React__default.forwardRef(InternalPickerPanel);
 const PickerPanel$1 = PickerPanel;
-function useRefs() {
-  const refs = React__default.useRef([]);
-  const setRefs = React__default.useCallback((index) => (el) => {
-    if (el)
-      refs.current[index] = el;
-  }, []);
-  const reset = React__default.useCallback(() => {
-    refs.current = [];
-  }, []);
-  return [refs.current, setRefs, reset];
-}
 const defaultProps = {
   ...ComponentDefaults,
   visible: false,

package/dist/esm/{popover.taro-ScQymuJC.js → popover.taro-MUrnn7xY.js}

@@ -71,7 +71,7 @@ const Popover = (props) => {
   };
   const getRectTaro = async (targetId2) => {
     return new Promise((resolve) => {
-      const query = Taro.createSelectorQuery();
+      const query = createSelectorQuery();
       query.select(`#${targetId2}`) && query.select(`#${targetId2}`).boundingClientRect();
       query.exec((res) => {
         resolve(res[0]);

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

@@ -13,7 +13,7 @@ const defaultProps$1 = {
 };
 const classPrefix = "nut-radiogroup";
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children, className, value, defaultValue, onChange, labelPosition, direction, options, disabled, ...rest } = { ...defaultProps$1, ...props };
+  const { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled, ...rest } = { ...defaultProps$1, ...props };
   const [val2State, setVal2State] = usePropsValue({
     defaultValue: props.defaultValue,
     value: props.value,
@@ -30,6 +30,7 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     { value: {
       labelPosition: labelPosition || "right",
       disabled,
+      shape,
       value: val2State,
       check: (value2) => {
         setVal2State(value2);
@@ -120,17 +121,17 @@ const Radio = (props) => {
       className: classNames(color())
     }) : React__default.createElement(CheckNormal, { className: classNames(color()) });
   };
-  const renderRadioItem = () => {
-    if (shape === "button") {
-      return renderButton();
-    }
-    return React__default.createElement(
+  const renderByShape = (shape2) => {
+    return shape2 === "button" ? renderButton() : React__default.createElement(
       React__default.Fragment,
       null,
       renderIcon(),
       renderLabel()
     );
   };
+  const renderRadioItem = () => {
+    return renderByShape(context && context.shape ? context.shape : shape);
+  };
   const handleClick = (e) => {
     if (disabled || checkedStatement)
       return;

package/dist/esm/rate.taro-_5Mjd_EO.js

@@ -0,0 +1,146 @@
+import React__default, { useState, useRef, useEffect } from "react";
+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
+};
+const Rate = (props) => {
+  const { className, style, count, value, defaultValue, min, checkedIcon, uncheckedIcon, disabled, readOnly, allowHalf, touchable, onChange, onTouchEnd } = {
+    ...defaultProps,
+    ...props
+  };
+  const classPrefix = "nut-rate";
+  const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
+  const [refs, setRefs] = useRefs();
+  const rateRects = useRef([]);
+  const [score, setScore] = usePropsValue({
+    value,
+    defaultValue: Math.max(defaultValue || 0, min),
+    finalValue: 0,
+    onChange
+  });
+  useEffect(() => {
+    const tmp = [];
+    for (let i = 1; i <= Number(count); i++) {
+      tmp.push(i);
+    }
+    setCountArray(tmp);
+  }, [count]);
+  const renderIcon = (n) => {
+    return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
+      color: void 0
+    }) : React__default.createElement(StarFill, null));
+  };
+  const onClick = (e, index) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (disabled || readOnly)
+      return;
+    let value2 = 0;
+    if (!(index === 1 && score === index)) {
+      value2 = index;
+    }
+    value2 = Math.max(value2, min);
+    setScore(value2);
+  };
+  const onHalfClick = (event, n) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const value2 = Math.max(min, n - 0.5);
+    setScore(value2);
+  };
+  const getScoreByPosition = (x) => {
+    var _a;
+    if ((_a = rateRects.current) == null ? void 0 : _a.length) {
+      for (let index = rateRects.current.length - 1; index >= 0; index--) {
+        const item = rateRects.current[index];
+        if (item && x > item.left) {
+          return allowHalf ? index + (x > item.left + item.width / 2 ? 1 : 0.5) : index + 1;
+        }
+      }
+      return 0;
+    }
+  };
+  const updateRects = () => {
+    for (let index = 0; index < refs.length; index++) {
+      const item = refs[index];
+      if (item) {
+        getRectByTaro(item).then((res) => {
+          rateRects.current[index] = res;
+        });
+      }
+    }
+  };
+  useReady(() => {
+    updateRects();
+  });
+  const handleTouchStart = (e) => {
+    if (!touchable || readOnly || disabled) {
+      return;
+    }
+    if (e.cancelable) {
+      e.preventDefault();
+    }
+    e.stopPropagation();
+    updateRects();
+  };
+  const handleTouchMove = (e) => {
+    if (!touchable || readOnly || disabled) {
+      return;
+    }
+    if (e.cancelable) {
+      e.preventDefault();
+    }
+    e.stopPropagation();
+    const val = getScoreByPosition(e.touches[0].clientX);
+    if (val !== void 0) {
+      setScore(Math.max(min, val));
+    }
+  };
+  const handleTouchEnd = (e) => {
+    if (!touchable || readOnly || disabled) {
+      return;
+    }
+    if (e.cancelable) {
+      e.preventDefault();
+    }
+    e.stopPropagation();
+    const val = getScoreByPosition(e.changedTouches[0].clientX);
+    if (val !== void 0) {
+      setScore(Math.max(min, val));
+      onTouchEnd && onTouchEnd(e, Math.max(min, val));
+    }
+  };
+  return React__default.createElement(View, { className: classNames(classPrefix, {
+    disabled,
+    readonly: readOnly
+  }, className), catchMove: true, style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, onTouchCancel: handleTouchEnd }, countArray.map((n, index) => {
+    return React__default.createElement(
+      "div",
+      { className: `${classPrefix}-item`, key: n, ref: setRefs(index), onClick: (event) => onClick(event, n) },
+      React__default.createElement("div", { className: classNames(`${classPrefix}-item-icon`, {
+        [`${classPrefix}-item-icon-disabled`]: disabled || n > score
+      }) }, renderIcon(n)),
+      allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item-half`, `${classPrefix}-item-icon`, `${classPrefix}-item-icon-half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
+    );
+  }));
+};
+Rate.defaultProps = defaultProps;
+Rate.displayName = "NutRate";
+export {
+  Rate as R
+};

package/dist/esm/{step.taro-kCAQ4Q3-.js → step.taro-_DEZqFGb.js}

@@ -1,5 +1,6 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
+import { View } from "@tarojs/components";
 import { D as DataContext } from "./context-9BL0cq8w.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -43,13 +44,13 @@ const Step = (props) => {
     "div",
     { className: classes, ...restProps, onClick: handleClickStep },
     React__default.createElement(
-      "div",
+      View,
       { className: "nut-step-head" },
-      React__default.createElement("div", { className: "nut-step-line" }),
-      React__default.createElement("div", { className: renderIconClass() }, icon || !dot && React__default.createElement("span", { className: "nut-step-inner" }, value))
+      React__default.createElement(View, { className: "nut-step-line" }),
+      React__default.createElement(View, { className: renderIconClass() }, icon || !dot && React__default.createElement("span", { className: "nut-step-inner" }, value))
     ),
-    React__default.createElement(
-      "div",
+    (title || description) && React__default.createElement(
+      View,
       { className: "nut-step-main" },
       React__default.createElement("span", { className: "nut-step-title" }, title),
       description && React__default.createElement("span", { className: "nut-step-description" }, description)

package/dist/esm/{steps.taro-n6BT6nWE.js → steps.taro-PH0qWPla.js}

@@ -19,10 +19,11 @@ const Steps = (props) => {
     [`${classPrefix}-${direction}`]: true,
     [`${classPrefix}-dot`]: !!props.dot
   }, className);
-  return React__default.createElement(DataContext.Provider, { value: parentSteps }, React__default.createElement("div", {
-    className: classes,
-    ...restProps
-  }, children));
+  return React__default.createElement(
+    DataContext.Provider,
+    { value: parentSteps },
+    React__default.createElement("div", { className: classes, ...restProps }, children)
+  );
 };
 Steps.defaultProps = defaultProps;
 Steps.displayName = "NutSteps";

package/dist/esm/{tabs.taro-aR3XROu9.js → tabs.taro-w8ra49Qb.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect } from "react";
 import { View, ScrollView } from "@tarojs/components";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
-import Taro, { nextTick } from "@tarojs/taro";
+import { nextTick, createSelectorQuery } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { T as TabPane } from "./tabpane.taro-5k7wWimS.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
@@ -92,14 +92,14 @@ const Tabs = (props) => {
   };
   const getRect = (selector) => {
     return new Promise((resolve) => {
-      Taro.createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
+      createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
         resolve(rect[0]);
       });
     });
   };
   const getAllRect = (selector) => {
     return new Promise((resolve) => {
-      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => {
+      createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => {
         resolve(rect[0]);
       });
     });