@nutui/nutui-react-taro 2.0.4 → 2.0.5

package/dist/esm/{numberkeyboard.taro-eef4087f.js → numberkeyboard.taro-c4fc80ed.js}

@@ -1,9 +1,9 @@
-import React, { useMemo, useState } from "react";
+import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { RectDown } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-938ee260.js";
-import { u as useConfig } from "./configprovider.taro-510947ea.js";
+import { P as Popup } from "./popup.taro-6ecef0f4.js";
+import { u as useConfig } from "./configprovider.taro-974adb9a.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -53,7 +53,7 @@ const NumberKeyboard = (props) => {
       width: "30px",
       height: "24px"
     };
-    return React.createElement(View, { style: style2 });
+    return React__default.createElement(View, { style: style2 });
   };
   const NumberKeyboardKey = (props2) => {
     const { item } = props2;
@@ -76,10 +76,10 @@ const NumberKeyboard = (props) => {
         onConfirm && onConfirm();
       }
     };
-    return React.createElement(
+    return React__default.createElement(
       "div",
       { key: item.id, className: `${classPrefix}__body__wrapper` },
-      React.createElement(
+      React__default.createElement(
         "div",
         { className: classNames({
           key: true,
@@ -88,39 +88,39 @@ const NumberKeyboard = (props) => {
           delete: item.type === "delete",
           confirm: item.type === "confirm"
         }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
-        (item.type === "num" || item.type === "custom") && React.createElement("div", null, item.id),
-        item.type === "delete" && React.createElement(DeleteIcon, null),
-        item.type === "close" && React.createElement(RectDown, { size: 25 }),
-        item.type === "confirm" && React.createElement(React.Fragment, null, confirmText || locale.done)
+        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
+        item.type === "delete" && React__default.createElement(DeleteIcon, null),
+        item.type === "close" && React__default.createElement(RectDown, { size: 25 }),
+        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
       )
     );
   };
-  return React.createElement(
+  return React__default.createElement(
     Popup,
     { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }, ...rest },
-    React.createElement(
+    React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },
-      title && React.createElement(
+      title && React__default.createElement(
         "div",
         { className: `${classPrefix}__header` },
-        React.createElement("h3", { className: `${classPrefix}__header__title` }, title),
-        type === "default" && React.createElement("span", { className: `${classPrefix}__header__close`, onClick: onClose }, locale.done)
+        React__default.createElement("h3", { className: `${classPrefix}__header__title` }, title),
+        type === "default" && React__default.createElement("span", { className: `${classPrefix}__header__close`, onClick: onClose }, locale.done)
       ),
-      React.createElement(
+      React__default.createElement(
         "div",
         { className: `${classPrefix}__body` },
-        React.createElement("div", { className: `${classPrefix}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
-          return React.createElement(NumberKeyboardKey, { key: item.id, item });
+        React__default.createElement("div", { className: `${classPrefix}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
+          return React__default.createElement(NumberKeyboardKey, { key: item.id, item });
         })),
-        type === "rightColumn" && React.createElement(
+        type === "rightColumn" && React__default.createElement(
           "div",
           { className: `${classPrefix}__sidebar` },
-          React.createElement(NumberKeyboardKey, { key: "delete", item: {
+          React__default.createElement(NumberKeyboardKey, { key: "delete", item: {
             id: "delete",
             type: "delete"
           } }),
-          React.createElement(NumberKeyboardKey, { key: "confirm", item: {
+          React__default.createElement(NumberKeyboardKey, { key: "confirm", item: {
             id: "confirm",
             type: "confirm"
           } })

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

@@ -1,93 +1,93 @@
-import { B } from "./button.taro-60dfd83e.js";
-import { C } from "./cell.taro-f200bd2b.js";
-import { C as C2 } from "./cellgroup.taro-a790d91b.js";
-import { C as C3 } from "./configprovider.taro-510947ea.js";
-import { I } from "./image.taro-c4be8323.js";
-import { O } from "./overlay.taro-08f8efbc.js";
-import { C as C4 } from "./col.taro-d6a46a7d.js";
-import { D } from "./divider.taro-0cb5f894.js";
-import { G } from "./grid.taro-0202c062.js";
-import { G as G2 } from "./griditem.taro-08a3e7dc.js";
-import { L } from "./layout.taro-9659a928.js";
-import { R } from "./row.taro-8b7febd4.js";
-import { S } from "./sticky.taro-6bc62a96.js";
-import { B as B2 } from "./backtop.taro-7de36464.js";
-import { E } from "./elevator.taro-459f7322.js";
-import { F } from "./fixednav.taro-a8b0d089.js";
-import { N } from "./navbar.taro-f2d4215d.js";
-import { S as S2 } from "./sidenavbar.taro-25564345.js";
-import { S as S3 } from "./sidenavbaritem.taro-7d805f92.js";
-import { S as S4 } from "./subsidenavbar.taro-47bb6e74.js";
-import { T } from "./tabbar.taro-978c27b0.js";
-import { T as T2 } from "./tabbaritem.taro-16a380db.js";
-import { T as T3 } from "./tabpane.taro-f8d92ece.js";
-import { T as T4 } from "./tabs.taro-e944cce9.js";
-import { A } from "./address.taro-dc981f3b.js";
-import { C as C5 } from "./calendar.taro-4e0f6821.js";
-import { C as C6 } from "./calendaritem.taro-332af5b7.js";
-import { C as C7 } from "./cascader.taro-69230aa4.js";
-import { C as C8, a } from "./checkbox.taro-ab8ef36e.js";
-import { D as D2 } from "./datepicker.taro-45d5235c.js";
-import { F as F2 } from "./form.taro-aa11d488.js";
-import { F as F3 } from "./formitem.taro-6316e0f9.js";
-import { I as I2 } from "./input.taro-9dce4ce2.js";
-import { I as I3 } from "./inputnumber.taro-96165704.js";
-import { M } from "./menu.taro-f412b55d.js";
-import { M as M2 } from "./menuitem.taro-f145c755.js";
-import { N as N2 } from "./numberkeyboard.taro-eef4087f.js";
-import { P } from "./picker.taro-53bb8322.js";
-import { R as R2, a as a2 } from "./radio.taro-410f7b07.js";
-import { R as R3 } from "./range.taro-e88b568c.js";
-import { R as R4 } from "./rate.taro-2e2898ec.js";
-import { S as S5 } from "./searchbar.taro-f5bbc140.js";
-import { S as S6 } from "./shortpassword.taro-16eaa16b.js";
-import { S as S7 } from "./signature.taro-4f68516a.js";
-import { S as S8 } from "./switch.taro-81197983.js";
-import { T as T5 } from "./textarea.taro-484b08c0.js";
-import { U } from "./uploader.taro-3d52a0ed.js";
-import { A as A2 } from "./actionsheet.taro-8a2b2622.js";
-import { B as B3 } from "./badge.taro-872605bf.js";
-import { B as B4 } from "./dialog.taro-be862b5a.js";
-import { D as D3 } from "./drag.taro-48e1ff38.js";
-import { E as E2 } from "./empty.taro-ef1b390a.js";
-import { I as I4 } from "./infiniteloading.taro-d4dd2cd9.js";
-import { N as N3 } from "./noticebar.taro-2720ca1e.js";
-import { N as N4 } from "./notify.taro-5768403d.js";
-import { P as P2 } from "./popover.taro-c8cac618.js";
-import { P as P3 } from "./popup.taro-938ee260.js";
-import { P as P4 } from "./pulltorefresh.taro-1a96ae6f.js";
-import { S as S9 } from "./skeleton.taro-9ac4b4b8.js";
-import { S as S10 } from "./swipe.taro-4eb0cc9a.js";
-import { T as T6 } from "./toast.taro-56e9d2a1.js";
-import { A as A3 } from "./animate.taro-c8b29242.js";
+import { B } from "./button.taro-25f559e1.js";
+import { C } from "./cell.taro-0a9f80bc.js";
+import { C as C2 } from "./cellgroup.taro-d2fad5e7.js";
+import { C as C3 } from "./configprovider.taro-974adb9a.js";
+import { I } from "./image.taro-a7ad2272.js";
+import { O } from "./overlay.taro-8f1e4912.js";
+import { C as C4 } from "./col.taro-23d5f6bd.js";
+import { D } from "./divider.taro-c61ab869.js";
+import { G } from "./grid.taro-1fdfe6eb.js";
+import { G as G2 } from "./griditem.taro-751fb091.js";
+import { L } from "./layout.taro-7711a89c.js";
+import { R } from "./row.taro-a71fbf76.js";
+import { S } from "./sticky.taro-2d78a04e.js";
+import { B as B2 } from "./backtop.taro-61b1eeaf.js";
+import { E } from "./elevator.taro-fae469b2.js";
+import { F } from "./fixednav.taro-579c4f66.js";
+import { N } from "./navbar.taro-23394f73.js";
+import { S as S2 } from "./sidenavbar.taro-1fb6115f.js";
+import { S as S3 } from "./sidenavbaritem.taro-69b0784d.js";
+import { S as S4 } from "./subsidenavbar.taro-797ce379.js";
+import { T } from "./tabbar.taro-3046d794.js";
+import { T as T2 } from "./tabbaritem.taro-fdaf7d3a.js";
+import { T as T3 } from "./tabpane.taro-d0eea168.js";
+import { T as T4 } from "./tabs.taro-927b95e4.js";
+import { A } from "./address.taro-35c68034.js";
+import { C as C5 } from "./calendar.taro-a91e6a63.js";
+import { C as C6 } from "./calendaritem.taro-a4532b45.js";
+import { C as C7 } from "./cascader.taro-b68a89ca.js";
+import { C as C8, a } from "./checkbox.taro-07d5c9d5.js";
+import { D as D2 } from "./datepicker.taro-9ca00609.js";
+import { F as F2 } from "./form.taro-16cb71e2.js";
+import { F as F3 } from "./formitem.taro-34af0204.js";
+import { I as I2 } from "./input.taro-fb8e7a49.js";
+import { I as I3 } from "./inputnumber.taro-9c74cc1c.js";
+import { M } from "./menu.taro-7cab4e8c.js";
+import { M as M2 } from "./menuitem.taro-567bf91f.js";
+import { N as N2 } from "./numberkeyboard.taro-c4fc80ed.js";
+import { P } from "./picker.taro-bfe36c06.js";
+import { R as R2, a as a2 } from "./radio.taro-802db0e9.js";
+import { R as R3 } from "./range.taro-9f854c57.js";
+import { R as R4 } from "./rate.taro-f090e140.js";
+import { S as S5 } from "./searchbar.taro-14821587.js";
+import { S as S6 } from "./shortpassword.taro-2533954b.js";
+import { S as S7 } from "./signature.taro-3e0c2694.js";
+import { S as S8 } from "./switch.taro-bbdada9e.js";
+import { T as T5 } from "./textarea.taro-38d284c4.js";
+import { U } from "./uploader.taro-8964a9b8.js";
+import { A as A2 } from "./actionsheet.taro-b642975d.js";
+import { B as B3 } from "./badge.taro-289489e5.js";
+import { B as B4 } from "./dialog.taro-0a2dfa58.js";
+import { D as D3 } from "./drag.taro-ce333e51.js";
+import { E as E2 } from "./empty.taro-bfe29449.js";
+import { I as I4 } from "./infiniteloading.taro-87006d3e.js";
+import { N as N3 } from "./noticebar.taro-d95c13b6.js";
+import { N as N4 } from "./notify.taro-05bd231c.js";
+import { P as P2 } from "./popover.taro-fbf1ba5e.js";
+import { P as P3 } from "./popup.taro-6ecef0f4.js";
+import { P as P4 } from "./pulltorefresh.taro-efb36521.js";
+import { S as S9 } from "./skeleton.taro-51b91a1a.js";
+import { S as S10 } from "./swipe.taro-36f8782e.js";
+import { T as T6 } from "./toast.taro-9e5afd6d.js";
+import { A as A3 } from "./animate.taro-37bf4eab.js";
 import { default as default2 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-672e02c2.js";
-import { A as A5 } from "./avatar.taro-a45e2e71.js";
-import { A as A6 } from "./avatargroup.taro-0672aa1e.js";
-import { C as C9 } from "./circleprogress.taro-fd2326fc.js";
-import { C as C10 } from "./collapse.taro-5aa2b225.js";
-import { C as C11 } from "./collapseitem.taro-eac33538.js";
-import { C as C12 } from "./countdown.taro-77749251.js";
-import { E as E3 } from "./ellipsis.taro-5653d0b2.js";
-import { I as I5 } from "./imagepreview.taro-c62cdc3a.js";
-import { I as I6 } from "./indicator.taro-edbc71df.js";
-import { P as P5 } from "./pagination.taro-04ed7371.js";
-import { P as P6 } from "./price.taro-479f1b82.js";
-import { P as P7 } from "./progress.taro-437b9f6a.js";
-import { S as S11 } from "./step.taro-2f55e4f2.js";
-import { S as S12 } from "./steps.taro-196c1f59.js";
+import { A as A4 } from "./audio.taro-198b2c31.js";
+import { A as A5 } from "./avatar.taro-dd654a49.js";
+import { A as A6 } from "./avatargroup.taro-1f8b7174.js";
+import { C as C9 } from "./circleprogress.taro-417e1d3f.js";
+import { C as C10 } from "./collapse.taro-bd6b2bb3.js";
+import { C as C11 } from "./collapseitem.taro-e99fb1a2.js";
+import { C as C12 } from "./countdown.taro-43884964.js";
+import { E as E3 } from "./ellipsis.taro-21b13b31.js";
+import { I as I5 } from "./imagepreview.taro-0daf3f50.js";
+import { I as I6 } from "./indicator.taro-4ed0d6da.js";
+import { P as P5 } from "./pagination.taro-afc104ce.js";
+import { P as P6 } from "./price.taro-0bd3f07a.js";
+import { P as P7 } from "./progress.taro-421575b9.js";
+import { S as S11 } from "./step.taro-dd522794.js";
+import { S as S12 } from "./steps.taro-0680ae4f.js";
 import { default as default3 } from "./Swiper.js";
-import { S as S13 } from "./swiperitem.taro-ef7342e8.js";
-import { T as T7 } from "./table.taro-c8241b30.js";
-import { T as T8 } from "./tag.taro-614758eb.js";
-import { V } from "./video.taro-2a26d7da.js";
-import { V as V2 } from "./virtuallist.taro-1de01855.js";
-import { B as B5 } from "./barrage.taro-1de16de1.js";
-import { C as C13 } from "./card.taro-92fe9733.js";
-import { T as T9 } from "./timedetail.taro-d7aa4c1b.js";
-import { T as T10 } from "./timeselect.taro-8354e37d.js";
-import { T as T11 } from "./trendarrow.taro-fa177b5c.js";
-import { W } from "./watermark.taro-5ff0bd9d.js";
+import { S as S13 } from "./swiperitem.taro-da39a67b.js";
+import { T as T7 } from "./table.taro-0254a4e5.js";
+import { T as T8 } from "./tag.taro-518b9c70.js";
+import { V } from "./video.taro-672ca6b8.js";
+import { V as V2 } from "./virtuallist.taro-e552d954.js";
+import { B as B5 } from "./barrage.taro-d77c34b4.js";
+import { C as C13 } from "./card.taro-c0e9cfba.js";
+import { T as T9 } from "./timedetail.taro-958b8c07.js";
+import { T as T10 } from "./timeselect.taro-3f2aa90b.js";
+import { T as T11 } from "./trendarrow.taro-53d6e250.js";
+import { W } from "./watermark.taro-c269110c.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -99,7 +99,7 @@ import "./UserContext-ab42ba7f.js";
 import "./use-client-rect-2bb6c562.js";
 import "./can-use-dom-0e539bd3.js";
 import "./context-f32a9246.js";
-import "./use-props-value-1f54346f.js";
+import "./use-props-value-e8331e19.js";
 import "./raf-a9ff50ad.js";
 import "./use-touch-ff43512c.js";
 import "./index-e3184f19.js";

package/dist/esm/{overlay.taro-08f8efbc.js → overlay.taro-8f1e4912.js}

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React__default, { useState, useEffect } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
@@ -56,13 +56,13 @@ const Overlay = (props) => {
   const onHandleClosed = (e) => {
     afterClose && afterClose();
   };
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    React.createElement(
+    React__default.createElement(
       CSSTransition,
       { classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-      React.createElement(View, { className: classes, style: styles, ...rest, catchMove: lockScroll, onClick: handleClick }, children)
+      React__default.createElement(View, { className: classes, style: styles, ...rest, catchMove: lockScroll, onClick: handleClick }, children)
     )
   );
 };

package/dist/esm/{pagination.taro-04ed7371.js → pagination.taro-afc104ce.js}

@@ -1,7 +1,7 @@
-import React, { useMemo } from "react";
+import React__default, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-510947ea.js";
-import { u as usePropsValue } from "./use-props-value-1f54346f.js";
+import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -62,21 +62,21 @@ const Pagination = (props) => {
       return;
     setCurrentPage(curPage);
   };
-  return React.createElement(
+  return React__default.createElement(
     "div",
     { className: classNames(classPrefix, className), ...rest },
-    React.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
-    mode === "multi" && React.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
-      return React.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
+    React__default.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
+    mode === "multi" && React__default.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
+      return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
         active: item.number === currentPage
       }), onClick: (e) => {
         item.number !== currentPage && handleSelectPage(item.number);
       } }, itemRender ? itemRender(item) : item.text);
     })),
-    mode === "simple" && React.createElement(
+    mode === "simple" && React__default.createElement(
       "div",
       { className: `${classPrefix}__contain` },
-      React.createElement(
+      React__default.createElement(
         "div",
         { className: `${classPrefix}__simple` },
         currentPage,
@@ -84,7 +84,7 @@ const Pagination = (props) => {
         pageCount
       )
     ),
-    React.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
+    React__default.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
   );
 };
 Pagination.defaultProps = defaultProps;

package/dist/esm/{picker.taro-53bb8322.js → picker.taro-bfe36c06.js}

@@ -1,13 +1,13 @@
-import React, { useState, useRef, useEffect, useImperativeHandle } from "react";
+import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { View, PickerView, PickerViewColumn } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-938ee260.js";
+import { P as Popup } from "./popup.taro-6ecef0f4.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
 import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
-import { u as useConfig } from "./configprovider.taro-510947ea.js";
-import { u as usePropsValue } from "./use-props-value-1f54346f.js";
+import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 let passiveSupported = false;
 if (canUseDom) {
@@ -193,47 +193,47 @@ const InternalPickerPanel = (props, ref) => {
     stopMomentum,
     moving: moving.current
   }));
-  return React.createElement(
+  return React__default.createElement(
     "div",
     { className: "nut-picker-list", ref: PickerPanelRef, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
-    React.createElement(
+    React__default.createElement(
       "div",
       { className: "nut-picker-roller", ref: rollerRef, style: threeDimensional ? touchRollerStyle() : touchTileStyle(), onTransitionEnd: stopMomentum },
       threeDimensional && options.map((item, index) => {
-        return React.createElement(
+        return React__default.createElement(
           "div",
           { className: `nut-picker-roller-item ${isHidden(index + 1) && "nut-picker-roller-item-hidden"}`, style: {
             transform: `rotate3d(1, 0, 0, ${-rotation * (index + 1)}deg) translate3d(0px, 0px, 104px)`,
             height: `${lineSpacing.current}px`,
             lineHeight: `${lineSpacing.current}px`
           }, key: item.value ? item.value : index },
-          React.createElement(React.Fragment, null, item.text ? item.text : item)
+          React__default.createElement(React__default.Fragment, null, item.text ? item.text : item)
         );
       }),
       !threeDimensional && options.map((item, index) => {
-        return React.createElement(
+        return React__default.createElement(
           "div",
           { className: "nut-picker-roller-item-title", key: item.value ? item.value : index, style: {
             height: `${lineSpacing.current}px`,
             lineHeight: `${lineSpacing.current}px`
           } },
-          React.createElement(React.Fragment, null, item.text ? item.text : item)
+          React__default.createElement(React__default.Fragment, null, item.text ? item.text : item)
         );
       })
     ),
-    React.createElement("div", { className: "nut-picker-mask" }),
-    React.createElement("div", { className: "nut-picker-indicator", ref: listRef })
+    React__default.createElement("div", { className: "nut-picker-mask" }),
+    React__default.createElement("div", { className: "nut-picker-indicator", ref: listRef })
   );
 };
-const PickerPanel = React.forwardRef(InternalPickerPanel);
+const PickerPanel = React__default.forwardRef(InternalPickerPanel);
 const PickerPanel$1 = PickerPanel;
 function useRefs() {
-  const refs = React.useRef([]);
-  const setRefs = React.useCallback((index) => (el) => {
+  const refs = React__default.useRef([]);
+  const setRefs = React__default.useCallback((index) => (el) => {
     if (el)
       refs.current[index] = el;
   }, []);
-  const reset = React.useCallback(() => {
+  const reset = React__default.useCallback(() => {
     refs.current = [];
   }, []);
   return [refs.current, setRefs, reset];
@@ -442,15 +442,15 @@ const InternalPicker = (props, ref) => {
     afterClose && afterClose(setSelectedOptions(), innerValue, pickerRef);
   };
   const renderTitleBar = () => {
-    return React.createElement(
+    return React__default.createElement(
       "div",
       { className: `${classPrefix}__control` },
-      React.createElement("span", { className: `${classPrefix}__cancel-btn`, onClick: (e) => {
+      React__default.createElement("span", { className: `${classPrefix}__cancel-btn`, onClick: (e) => {
         e.stopPropagation();
         closePicker();
       } }, locale.cancel),
-      React.createElement("div", { className: `${classPrefix}__title` }, title || ""),
-      React.createElement("span", { className: `${classPrefix}__confirm-btn`, onClick: (e) => {
+      React__default.createElement("div", { className: `${classPrefix}__title` }, title || ""),
+      React__default.createElement("span", { className: `${classPrefix}__confirm-btn`, onClick: (e) => {
         e.stopPropagation();
         confirm();
       } }, locale.confirm)
@@ -475,28 +475,28 @@ const InternalPicker = (props, ref) => {
     }
     chooseItem(columnsList[changeIndex][data.detail.value[changeIndex]], changeIndex);
   };
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
     typeof children === "function" && children(selectedValue),
-    React.createElement(
+    React__default.createElement(
       Popup,
       { visible: innerVisible, position: "bottom", afterClose: () => {
         closePicker();
       } },
-      React.createElement(
+      React__default.createElement(
         View,
         { className: classes, style, ...rest, catchMove: true },
         renderTitleBar(),
         typeof children !== "function" && children,
-        React.createElement("div", { className: `${classPrefix}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
-          return React.createElement(PickerPanel$1, { ref: setRefs(index), defaultValue: innerValue == null ? void 0 : innerValue[index], options: item, threeDimensional, chooseItem: (value, index2) => chooseItem(value, index2), duration, key: index, keyIndex: index, itemShow: visible });
-        }) : React.createElement(PickerView, { ref: pickerRef, value: currentValue, immediateChange: true, onPickStart: pickerStart, onChange: pickerChange, onPickEnd: pickerEnd, className: "nut-picker-view-panel" }, columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
-          return React.createElement(PickerViewColumn, { key: `col${index}` }, columnOptions.map((item, index2) => {
-            return React.createElement(
+        React__default.createElement("div", { className: `${classPrefix}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+          return React__default.createElement(PickerPanel$1, { ref: setRefs(index), defaultValue: innerValue == null ? void 0 : innerValue[index], options: item, threeDimensional, chooseItem: (value, index2) => chooseItem(value, index2), duration, key: index, keyIndex: index, itemShow: visible });
+        }) : React__default.createElement(PickerView, { ref: pickerRef, value: currentValue, immediateChange: true, onPickStart: pickerStart, onChange: pickerChange, onPickEnd: pickerEnd, className: "nut-picker-view-panel" }, columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
+          return React__default.createElement(PickerViewColumn, { key: `col${index}` }, columnOptions.map((item, index2) => {
+            return React__default.createElement(
               View,
               { key: item.value || index2, className: "nut-picker-roller-item-title" },
-              React.createElement(React.Fragment, null, item.text || item)
+              React__default.createElement(React__default.Fragment, null, item.text || item)
             );
           }));
         })))
@@ -504,7 +504,7 @@ const InternalPicker = (props, ref) => {
     )
   );
 };
-const Picker = React.forwardRef(InternalPicker);
+const Picker = React__default.forwardRef(InternalPicker);
 const Picker$1 = Picker;
 export {
   Picker$1 as P

package/dist/esm/{popover.taro-c8cac618.js → popover.taro-fbf1ba5e.js}

@@ -1,7 +1,7 @@
-import React, { useRef, useState, useEffect } from "react";
+import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
-import Taro from "@tarojs/taro";
-import { P as Popup } from "./popup.taro-938ee260.js";
+import Taro, { createSelectorQuery } from "@tarojs/taro";
+import { P as Popup } from "./popup.taro-6ecef0f4.js";
 import { a as getRect, g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
@@ -45,22 +45,25 @@ const Popover = (props) => {
   }, [visible]);
   const getContentWidth = async () => {
     let rect;
-    if (targetId) {
-      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
-        rect = getRect(document.querySelector(`#${targetId}`));
+    createSelectorQuery().selectViewport().scrollOffset(async (res) => {
+      const distance = res.scrollTop;
+      if (targetId) {
+        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+          rect = getRect(document.querySelector(`#${targetId}`));
+        } else {
+          rect = await getRectTaro(targetId);
+        }
       } else {
-        rect = await getRectTaro(targetId);
+        rect = await getRectByTaro(popoverRef.current);
       }
-    } else {
-      rect = await getRectByTaro(popoverRef.current);
-    }
-    setRootPosition({
-      width: rect.width,
-      height: rect.height,
-      left: rect.left,
-      top: rect.top,
-      right: rect.right
-    });
+      setRootPosition({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top + distance,
+        right: rect.right
+      });
+    }).exec();
     setTimeout(() => {
       getPopoverContentW();
     }, 300);
@@ -155,10 +158,10 @@ const Popover = (props) => {
       onClose && onClose();
     }
   };
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    !targetId && React.createElement("div", { className: "nut-popover-wrapper", ref: popoverRef, onClick: () => {
+    !targetId && React__default.createElement("div", { className: "nut-popover-wrapper", ref: popoverRef, onClick: () => {
       props.onClick && props.onClick();
       if (!visible) {
         onOpen && onOpen();
@@ -166,31 +169,31 @@ const Popover = (props) => {
         onClose && onClose();
       }
     }, style }, Array.isArray(children) ? children[0] : children),
-    React.createElement(
+    React__default.createElement(
       "div",
       { className: classes, style: getRootPosition() },
-      React.createElement(
+      React__default.createElement(
         Popup,
         { className: `nut-popover-content nut-popover-content--${location}`, position: "default", overlay, visible: showPopup, ...rest },
-        React.createElement(
+        React__default.createElement(
           "div",
           { className: "nut-popover-content-group", ref: popoverContentRef },
-          showArrow && React.createElement("div", { className: popoverArrow() }),
+          showArrow && React__default.createElement("div", { className: popoverArrow() }),
           Array.isArray(children) ? children[1] : "",
           list.map((item, index) => {
-            return React.createElement(
+            return React__default.createElement(
               "div",
               { className: classNames({
                 "nut-popover-menu-item": true,
                 "nut-popover-menu-disabled": item.disabled
-              }, item.className), key: item.key, onClick: () => handleSelect(item, index) },
+              }, item.className), key: item.key || index, onClick: () => handleSelect(item, index) },
               item.icon ? item.icon : null,
-              React.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
+              React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
             );
           })
         )
       ),
-      showPopup && React.createElement("div", { className: "nut-popover-content-bg", onClick: clickAway, onTouchMove: clickAway })
+      showPopup && React__default.createElement("div", { className: "nut-popover-content-bg", onClick: clickAway, onTouchMove: clickAway })
     )
   );
 };