@nutui/nutui-react-taro 2.3.6 → 2.3.8-beta.0

package/dist/esm/{dialog.taro-UQN2mJZR.js → dialog.taro-z588FBZJ.js}

@@ -2,12 +2,13 @@ import React__default from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
-import { B as Button } from "./button.taro-kZJrygfW.js";
+import { Close } from "@nutui/icons-react-taro";
+import { B as Button } from "./button.taro-3IIFy1M2.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-HsGeVyPh.js";
 import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-XvsODK8c.js";
 const Content = (props) => {
-  const { visible, title, header, footer, footerDirection, onClick, children } = props;
+  const { visible, title, header, footer, close: close2, footerDirection, onClick, children } = props;
   const classPrefix = "nut-dialog";
   const renderHeader = () => {
     return title ? React__default.createElement("div", { className: `${classPrefix}-header` }, title) : null;
@@ -23,6 +24,7 @@ const Content = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(`${classPrefix}-outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
+    close2,
     header,
     React__default.createElement(
       "div",
@@ -52,6 +54,8 @@ const defaultProps = {
   disableConfirmButton: false,
   footerDirection: "horizontal",
   lockScroll: true,
+  closeIconPosition: "top-right",
+  closeIcon: false,
   beforeCancel: () => true,
   beforeClose: () => true,
   onOverlayClick: () => true
@@ -59,7 +63,7 @@ const defaultProps = {
 const BaseDialog = (props) => {
   const classPrefix = "nut-dialog";
   const { locale } = useConfig();
-  const { params: { id, className, style, visible, footer, title, header, content, children, footerDirection, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, onOverlayClick, confirmText, cancelText, overlay, onClose, onCancel, onConfirm, beforeCancel, beforeClose }, setParams } = useParams({ ...defaultProps, ...props });
+  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({ ...defaultProps, ...props });
   useCustomEvent(id, ({ status, options }) => {
     if (status) {
       setParams({ ...options, visible: true });
@@ -94,6 +98,23 @@ const BaseDialog = (props) => {
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );
   };
+  const renderCloseIcon = () => {
+    if (!closeIcon)
+      return null;
+    const handleCancel = () => {
+      if (!(beforeCancel == null ? void 0 : beforeCancel()))
+        return;
+      if (!(beforeClose == null ? void 0 : beforeClose()))
+        return;
+      onClose == null ? void 0 : onClose();
+      onCancel == null ? void 0 : onCancel();
+    };
+    const closeClasses = classNames({
+      [`${classPrefix}-close`]: true,
+      [`${classPrefix}-close-${closeIconPosition}`]: true
+    });
+    return React__default.createElement(View, { className: closeClasses, onClick: handleCancel }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null));
+  };
   const onHandleClickOverlay = (e) => {
     if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
       const closed = onOverlayClick && onOverlayClick();
@@ -111,7 +132,7 @@ const BaseDialog = (props) => {
       React__default.createElement(
         CSSTransition,
         { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-        React__default.createElement(Content, { className, style, title, header, footer: renderFooter(), footerDirection, visible }, content || children)
+        React__default.createElement(Content, { className, style, title, header, close: renderCloseIcon(), footer: renderFooter(), footerDirection, visible }, content || children)
       )
     )
   );

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/{empty.taro-vxcxYcB5.js → empty.taro-98NzV-31.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { B as Button } from "./button.taro-kZJrygfW.js";
+import { B as Button } from "./button.taro-3IIFy1M2.js";
 const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",

package/dist/esm/{imagepreview.taro-_dileEvw.js → imagepreview.taro-qDST6Lh4.js}

@@ -2,6 +2,7 @@ import React__default, { useRef, useState, useEffect } from "react";
 import Taro from "@tarojs/taro";
 import { Video } from "@tarojs/components";
 import classNames from "classnames";
+import { Close } from "@nutui/icons-react-taro";
 import { P as Popup } from "./popup.taro-2FdJu1kg.js";
 import { I as Image } from "./image.taro-FfeikBlO.js";
 import InnerSwiper from "./Swiper.js";
@@ -18,6 +19,8 @@ const defaultProps = {
   closeOnContentClick: false,
   indicator: false,
   indicatorColor: "#fff",
+  closeIcon: false,
+  closeIconPosition: "top-right",
   showMenuByLongpress: false,
   onChange: (value) => {
   },
@@ -25,7 +28,7 @@ const defaultProps = {
   }
 };
 const ImagePreview = (props) => {
-  const { className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, showMenuByLongpress, onClose } = props;
+  const { className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, showMenuByLongpress, onClose } = props;
   const classPrefix = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
@@ -180,7 +183,8 @@ const ImagePreview = (props) => {
       active,
       "/",
       (images ? images.length : 0) + (videos ? videos.length : 0)
-    )
+    ),
+    closeIcon !== false ? React__default.createElement("div", { className: `${classPrefix}-close ${closeIconPosition}`, onClick: onCloseInner }, closeIcon === true ? React__default.createElement(Close, null) : closeIcon) : null
   );
 };
 ImagePreview.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/{numberkeyboard.taro-gJhSoXsl.js → numberkeyboard.taro-CyW0s9bI.js}

@@ -8,6 +8,7 @@ import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   visible: false,
+  rightActions: "",
   type: "default",
   custom: [],
   random: false,
@@ -16,7 +17,7 @@ const defaultProps = {
 };
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
-  const { title, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm, ...rest } = props;
+  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm, ...rest } = props;
   const classPrefix = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -105,7 +106,7 @@ const NumberKeyboard = (props) => {
         "div",
         { className: `${classPrefix}-header` },
         React__default.createElement("div", { className: `${classPrefix}-header-title` }, title),
-        type === "default" && React__default.createElement("span", { className: `${classPrefix}-header-close`, onClick: onConfirm }, locale.done)
+        type === "default" && React__default.createElement("span", { className: `${classPrefix}-header-close`, onClick: onConfirm }, rightActions || locale.done)
       ),
       React__default.createElement(
         "div",

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

@@ -1,4 +1,4 @@
-import { B } from "./button.taro-kZJrygfW.js";
+import { B } from "./button.taro-3IIFy1M2.js";
 import { C } from "./cell.taro-jD6MoFTj.js";
 import { C as C2 } from "./cellgroup.taro-08A3XAze.js";
 import { C as C3 } from "./configprovider.taro-_wngOo0k.js";
@@ -16,48 +16,48 @@ 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-uXbRqGVo.js";
-import { A } from "./address.taro-sTqrtuxC.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-DYMZD6ik.js";
-import { C as C9, a } from "./checkbox.taro-doAmyAh6.js";
-import { D as D2 } from "./datepicker.taro-OrqtwJFM.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-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";
 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-gJhSoXsl.js";
-import { P } from "./picker.taro-_bT5c-BS.js";
-import { R as R2, a as a2 } from "./radio.taro-mZvB2wwi.js";
+import { N as N2 } from "./numberkeyboard.taro-CyW0s9bI.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";
 import { S as S10 } from "./switch.taro-L0BAbMeu.js";
 import { T as T5 } from "./textarea.taro-VYqlTewy.js";
-import { U } from "./uploader.taro-SAahCKRj.js";
+import { U } from "./uploader.taro-a-U18v5C.js";
 import { A as A2 } from "./actionsheet.taro-gfhQciJ4.js";
 import { B as B3 } from "./badge.taro-993L861f.js";
-import { B as B4 } from "./dialog.taro-UQN2mJZR.js";
+import { B as B4 } from "./dialog.taro-z588FBZJ.js";
 import { D as D3 } from "./drag.taro-BwcleRuB.js";
-import { E as E2 } from "./empty.taro-vxcxYcB5.js";
+import { E as E2 } from "./empty.taro-98NzV-31.js";
 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";
@@ -65,27 +65,27 @@ import { S as S12 } from "./swipe.taro-p2ONOq1o.js";
 import { T as T6 } from "./toast.taro-xnEQSCDJ.js";
 import { A as A3 } from "./animate.taro-m67VyUHP.js";
 import { default as default3 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-ixcoTq7M.js";
+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 { I as I5 } from "./imagepreview.taro-_dileEvw.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-Zyemar_o.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-OjudqSeT.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;