@nutui/nutui-react-taro 2.0.0-alpha.15 → 2.0.0-alpha.17

package/dist/esm/formitem.taro-c9ded1ef.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import React, { createContext } from "react";
+import { C as Cell } from "./cell.taro-4e31d1fa.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const Context = createContext({});
+function isForwardRefComponent(component) {
+  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
+  React.forwardRef(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    () => {
+    }
+  ).$$typeof === component.type.$$typeof;
+}
+const defaultProps = {
+  ...ComponentDefaults,
+  required: false,
+  name: "",
+  label: "",
+  rules: [{ required: false, message: "" }],
+  errorMessageAlign: "left"
+};
+class FormItem extends React.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "cancelRegister");
+    __publicField(this, "componentRef");
+    // children添加value属性和onChange事件
+    __publicField(this, "getControlled", (children) => {
+      var _a;
+      const { setFieldsValue, getFieldValue } = this.context;
+      const { name } = this.props;
+      if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
+        console.warn("通过 initialValue 设置初始值");
+      }
+      const controlled = {
+        ...children.props,
+        [this.props.valuePropName || "value"]: getFieldValue(name) || this.props.initialValue,
+        [this.props.trigger || "onChange"]: (...args) => {
+          const originOnChange = children.props[this.props.trigger || "onChange"];
+          if (originOnChange) {
+            originOnChange(...args);
+          }
+          let [next] = args;
+          if (this.props.getValueFromEvent) {
+            next = this.props.getValueFromEvent(...args);
+          }
+          setFieldsValue({ [name]: next });
+        }
+      };
+      if (isForwardRefComponent(children)) {
+        controlled.ref = (componentInstance) => {
+          const originRef = children.ref;
+          if (originRef) {
+            if (typeof originRef === "function") {
+              originRef(componentInstance);
+            }
+            if ("current" in originRef) {
+              originRef.current = componentInstance;
+            }
+          }
+          this.componentRef = componentInstance;
+        };
+      }
+      return controlled;
+    });
+    __publicField(this, "refresh", () => {
+      this.setState(({ resetCount }) => ({
+        resetCount: resetCount + 1
+      }));
+    });
+    __publicField(this, "onStoreChange", (type) => {
+      if (type === "reset") {
+        this.refresh();
+      } else {
+        this.forceUpdate();
+      }
+    });
+    __publicField(this, "renderLayout", (childNode) => {
+      var _a, _b;
+      const { label, name, required, className, style, errorMessageAlign } = {
+        ...defaultProps,
+        ...this.props
+      };
+      const item = ((_a = this.context.errors) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errors) == null ? void 0 : _b.filter((item2) => {
+        return item2.field === name;
+      }));
+      const { starPosition } = this.context;
+      const renderStar = required && React.createElement("i", { className: "required" });
+      const renderLabel = React.createElement(
+        React.Fragment,
+        null,
+        starPosition === "left" ? renderStar : null,
+        label,
+        starPosition === "right" ? renderStar : null
+      );
+      return React.createElement(
+        Cell,
+        { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
+        label ? React.createElement("div", { className: "nut-cell__title nut-form-item__label" }, renderLabel) : null,
+        React.createElement(
+          "div",
+          { className: "nut-cell__value nut-form-item__body" },
+          React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
+          item.length > 0 && React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)
+        )
+      );
+    });
+    this.componentRef = React.createRef();
+    this.state = {
+      resetCount: 1
+    };
+  }
+  componentDidMount() {
+    this.cancelRegister = this.context.registerField(this);
+  }
+  componentWillUnmount() {
+    if (this.cancelRegister) {
+      this.cancelRegister();
+    }
+  }
+  render() {
+    const { children } = this.props;
+    const child = Array.isArray(children) ? children[0] : children;
+    const returnChildNode = React.cloneElement(child, this.getControlled(child));
+    return React.createElement(React.Fragment, { key: this.state.resetCount }, this.renderLayout(returnChildNode));
+  }
+}
+__publicField(FormItem, "defaultProps", defaultProps);
+__publicField(FormItem, "contextType", Context);
+export {
+  Context as C,
+  FormItem as F
+};

package/dist/esm/{imagepreview.taro-cfe0a4cc.js → imagepreview.taro-29717406.js}

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect } from "react";
 import Taro from "@tarojs/taro";
 import { Video, Image } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { P as Popup } from "./popup.taro-687437a0.js";
 import { S as Swiper } from "./swiper.taro-4aeb8526.js";
 import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";

package/dist/esm/{inputnumber.taro-6657d2c1.js → inputnumber.taro-788b1cd3.js}

@@ -8,7 +8,7 @@ const defaultProps = {
   disabled: false,
   min: 1,
   max: 9999,
-  readonly: false,
+  readOnly: false,
   allowEmpty: false,
   defaultValue: 0,
   step: 1,
@@ -17,7 +17,7 @@ const defaultProps = {
 };
 const classPrefix = `nut-inputnumber`;
 const InputNumber = (props) => {
-  const { children, disabled, min, max, readonly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange, ...restProps } = {
+  const { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange, ...restProps } = {
     ...defaultProps,
     ...props
   };
@@ -152,14 +152,14 @@ const InputNumber = (props) => {
   const focusValue = (e) => {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
     onFocus && onFocus(e);
   };
   const burValue = (e) => {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
     const input = e.target;
     let value2 = +input.value;
@@ -182,7 +182,7 @@ const InputNumber = (props) => {
       { className: "nut-input-minus" },
       React.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })
     ),
-    React.createElement(React.Fragment, null, formatter ? React.createElement("input", { type: "text", min, max, disabled, readOnly: readonly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React.createElement("input", { type: "digit", min, max, disabled, readOnly: readonly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
+    React.createElement(React.Fragment, null, formatter ? React.createElement("input", { type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React.createElement("input", { type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
     React.createElement(
       "div",
       { className: "nut-input-add" },

package/dist/esm/{menuitem.taro-6aa35a00.js → menuitem.taro-7f8c12cf.js}

@@ -69,29 +69,32 @@ const MenuItem = forwardRef((props, ref) => {
     return { display: "none" };
   };
   const getPosition = () => {
-    return direction === "down" ? { top: `${position.top + position.height}px` } : {
-      bottom: `${getSystemInfoSync().windowHeight - position.top}px`,
-      top: "auto"
+    return direction === "down" ? { position: "absolute", height: `${window.innerHeight}px` } : {
+      position: "absolute",
+      bottom: "100%",
+      top: "auto",
+      height: `${window.innerHeight}px`
     };
   };
   const placeholderStyle = () => {
     if (direction === "down") {
       return {
         height: `${position.top + position.height}px`,
-        top: 0,
+        top: "auto",
+        bottom: "-100%",
         ...isShow()
       };
     }
     return {
       height: `${getSystemInfoSync().windowHeight - position.top}px`,
-      bottom: `0px`,
-      top: "auto",
+      bottom: `auto`,
+      top: "0",
       ...isShow()
     };
   };
   return React.createElement(
-    React.Fragment,
-    null,
+    "div",
+    { className: "nut-menu-item-container", style: { position: "absolute", left: 0, right: 0 } },
     closeOnClickAway ? React.createElement("div", { className: `placeholder-element ${classNames({
       up: direction === "up"
     })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) }) : null,

package/dist/esm/{noticebar.taro-8d496dd6.js → noticebar.taro-dc895cc5.js}

@@ -314,7 +314,7 @@ const NoticeBar = (props) => {
     "nut-noticebar-page": true,
     withicon: closeable,
     close: closeable,
-    wrap
+    wrapable: wrap
   });
   useEffect(() => {
     return () => {

package/dist/esm/{numberkeyboard.taro-18879f04.js → numberkeyboard.taro-ee984036.js}

@@ -2,7 +2,7 @@ import React, { 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-e756f3fc.js";
+import { P as Popup } from "./popup.taro-687437a0.js";
 import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

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

@@ -15,61 +15,61 @@ import { B as B2 } from "./backtop.taro-7de36464.js";
 import { E } from "./elevator.taro-df8fde9d.js";
 import { F } from "./fixednav.taro-6c69ad79.js";
 import { N } from "./navbar.taro-5e1a0835.js";
-import { S as S2 } from "./sidenavbar.taro-1aefdd3c.js";
+import { S as S2 } from "./sidenavbar.taro-03fb1fc6.js";
 import { S as S3 } from "./sidenavbaritem.taro-7d805f92.js";
 import { S as S4 } from "./subsidenavbar.taro-47bb6e74.js";
 import { T } from "./tabbar.taro-18eee41f.js";
 import { T as T2 } from "./tabbaritem.taro-89646ca1.js";
 import { T as T3 } from "./tabpane.taro-f8d92ece.js";
 import { T as T4 } from "./tabs.taro-66164782.js";
-import { A } from "./address.taro-cc879a1d.js";
-import { C as C5 } from "./calendar.taro-02195ddb.js";
+import { A } from "./address.taro-3cfe1767.js";
+import { C as C5 } from "./calendar.taro-3568a214.js";
 import { C as C6 } from "./calendaritem.taro-4230e5c4.js";
-import { C as C7 } from "./cascader.taro-fb7a0230.js";
+import { C as C7 } from "./cascader.taro-91cf3ca6.js";
 import { C as C8, a } from "./checkbox.taro-303276d7.js";
-import { D as D2 } from "./datepicker.taro-8c9230b6.js";
-import { F as F2 } from "./form.taro-b06754e8.js";
-import { F as F3 } from "./formitem.taro-b326809d.js";
+import { D as D2 } from "./datepicker.taro-108eb7c8.js";
+import { F as F2 } from "./form.taro-a348734b.js";
+import { F as F3 } from "./formitem.taro-c9ded1ef.js";
 import { I as I2 } from "./input.taro-69c08268.js";
-import { I as I3 } from "./inputnumber.taro-6657d2c1.js";
+import { I as I3 } from "./inputnumber.taro-788b1cd3.js";
 import { M } from "./menu.taro-40d36e0a.js";
-import { M as M2 } from "./menuitem.taro-6aa35a00.js";
-import { N as N2 } from "./numberkeyboard.taro-18879f04.js";
-import { P } from "./picker.taro-6b672469.js";
+import { M as M2 } from "./menuitem.taro-7f8c12cf.js";
+import { N as N2 } from "./numberkeyboard.taro-ee984036.js";
+import { P } from "./picker.taro-9ca039c4.js";
 import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
 import { R as R3 } from "./range.taro-a1d1ad25.js";
 import { R as R4 } from "./rate.taro-78c66969.js";
-import { S as S5 } from "./searchbar.taro-39351331.js";
-import { S as S6 } from "./shortpassword.taro-cff61e4e.js";
+import { S as S5 } from "./searchbar.taro-b2d6eff2.js";
+import { S as S6 } from "./shortpassword.taro-4f714afb.js";
 import { S as S7 } from "./signature.taro-4f68516a.js";
 import { S as S8 } from "./switch.taro-f0da73a3.js";
 import { T as T5 } from "./textarea.taro-593cd471.js";
 import { U } from "./uploader.taro-5ad88f83.js";
-import { A as A2 } from "./actionsheet.taro-697a594b.js";
+import { A as A2 } from "./actionsheet.taro-8e7cbd0f.js";
 import { B as B3 } from "./badge.taro-872605bf.js";
 import { B as B4 } from "./dialog.taro-e5c2cb03.js";
 import { D as D3 } from "./drag.taro-48e1ff38.js";
 import { E as E2 } from "./empty.taro-8345ac72.js";
 import { I as I4 } from "./infiniteloading.taro-53eeb1ec.js";
-import { N as N3 } from "./noticebar.taro-8d496dd6.js";
+import { N as N3 } from "./noticebar.taro-dc895cc5.js";
 import { N as N4 } from "./notify.taro-5768403d.js";
-import { P as P2 } from "./popover.taro-ba6c323a.js";
+import { P as P2 } from "./popover.taro-52c02926.js";
 import { P as P3 } from "./pulltorefresh.taro-3719fdfb.js";
-import { S as S9 } from "./skeleton.taro-ce714b06.js";
-import { S as S10 } from "./swipe.taro-966af6d3.js";
-import { P as P4 } from "./popup.taro-e756f3fc.js";
+import { S as S9 } from "./skeleton.taro-e29f9f0c.js";
+import { S as S10 } from "./swipe.taro-4eb0cc9a.js";
+import { P as P4 } from "./popup.taro-687437a0.js";
 import { T as T6 } from "./toast.taro-b2937e7c.js";
 import { A as A3 } from "./animate.taro-c8b29242.js";
 import { default as default2 } from "./AnimatingNumbers.js";
 import { A as A4 } from "./audio.taro-64b15071.js";
-import { A as A5 } from "./avatar.taro-8a26cd6c.js";
+import { A as A5 } from "./avatar.taro-9ab097d0.js";
 import { A as A6 } from "./avatargroup.taro-ad5ffb46.js";
 import { C as C9 } from "./circleprogress.taro-9064d69c.js";
 import { C as C10 } from "./collapse.taro-98577a29.js";
 import { C as C11 } from "./collapseitem.taro-9451f40f.js";
 import { C as C12 } from "./countdown.taro-8f19d21b.js";
 import { E as E3 } from "./ellipsis.taro-5653d0b2.js";
-import { I as I5 } from "./imagepreview.taro-cfe0a4cc.js";
+import { I as I5 } from "./imagepreview.taro-29717406.js";
 import { I as I6 } from "./indicator.taro-edbc71df.js";
 import { V } from "./virtuallist.taro-97d3403a.js";
 import { P as P5 } from "./pagination.taro-592bca05.js";
@@ -85,7 +85,7 @@ import { V as V2 } from "./video.taro-2a26d7da.js";
 import { B as B5 } from "./barrage.taro-e87bc58e.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-9e37e648.js";
+import { T as T10 } from "./timeselect.taro-9de6ab39.js";
 import { T as T11 } from "./trendarrow.taro-253025d2.js";
 import { W } from "./watermark.taro-b6b1ae18.js";
 import "react";

package/dist/esm/{picker.taro-6b672469.js → picker.taro-9ca039c4.js}

@@ -2,7 +2,7 @@ import React, { 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-e756f3fc.js";
+import { P as Popup } from "./popup.taro-687437a0.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";
@@ -262,6 +262,11 @@ const InternalPicker = (props, ref) => {
       (_a = props.onConfirm) == null ? void 0 : _a.call(props, setSelectedOptions(), val);
     }
   });
+  const [innerVisible, setInnerVisible] = usePropsValue({
+    value: props.visible,
+    defaultValue: false,
+    finalValue: false
+  });
   const [innerValue, setInnerValue] = useState(selectedValue);
   const [currentValue, setCurrentValue] = useState([]);
   const [columnIndex, setColumnIndex] = useState(0);
@@ -269,6 +274,15 @@ const InternalPicker = (props, ref) => {
   const [refs, setRefs] = useRefs();
   const [columnsList, setColumnsList] = useState([]);
   const isConfirmEvent = useRef(false);
+  const actions = {
+    open: () => {
+      setInnerVisible(true);
+    },
+    close: () => {
+      setInnerVisible(false);
+    }
+  };
+  useImperativeHandle(ref, () => actions);
   const formatCascade = (columns, values) => {
     const formatted = [];
     let columnOptions = {
@@ -326,19 +340,19 @@ const InternalPicker = (props, ref) => {
   };
   useEffect(() => {
     setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
-  }, [visible]);
+  }, [innerVisible]);
   useEffect(() => {
-    if (visible) {
+    if (innerVisible) {
       init();
     }
-  }, [options, visible]);
+  }, [options, innerVisible]);
   useEffect(() => {
-    if (!visible) {
+    if (!innerVisible) {
       return;
     }
     Taro.getEnv() !== "WEB" && setCurrentValue(defaultValuesConvert());
     onChange && onChange(setSelectedOptions(), innerValue, columnIndex);
-  }, [innerValue, columnsList, visible]);
+  }, [innerValue, columnsList, innerVisible]);
   const setSelectedOptions = () => {
     const options2 = [];
     let currOptions = [];
@@ -415,6 +429,7 @@ const InternalPicker = (props, ref) => {
     if (moving) {
       isConfirmEvent.current = true;
     } else {
+      console.log("picker confirmed", innerValue);
       setSelectedValue(innerValue);
       closePicker();
     }
@@ -423,6 +438,7 @@ const InternalPicker = (props, ref) => {
     }, 0);
   };
   const closePicker = () => {
+    setInnerVisible(false);
     onClose && onClose(setSelectedOptions(), innerValue);
     afterClose && afterClose(setSelectedOptions(), innerValue, pickerRef);
   };
@@ -430,9 +446,15 @@ const InternalPicker = (props, ref) => {
     return React.createElement(
       "div",
       { className: `${classPrefix}__control` },
-      React.createElement("span", { className: `${classPrefix}__cancel-btn`, onClick: () => closePicker() }, locale.cancel),
+      React.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: confirm }, locale.confirm)
+      React.createElement("span", { className: `${classPrefix}__confirm-btn`, onClick: (e) => {
+        e.stopPropagation();
+        confirm();
+      } }, locale.confirm)
     );
   };
   const [, setPickingStatus] = useState(false);
@@ -455,26 +477,31 @@ const InternalPicker = (props, ref) => {
     chooseItem(columnsList[changeIndex][data.detail.value[changeIndex]], changeIndex);
   };
   return React.createElement(
-    Popup,
-    { visible, position: "bottom", onClose: () => {
-      closePicker();
-    } },
+    React.Fragment,
+    null,
+    typeof children === "function" && children(selectedValue),
     React.createElement(
-      View,
-      { className: classes, style, ...rest, catchMove: true },
-      renderTitleBar(),
-      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(
-            View,
-            { key: item.value || index2, className: "nut-picker-roller-item-title" },
-            React.createElement(React.Fragment, null, item.text || item)
-          );
-        }));
-      })))
+      Popup,
+      { visible: innerVisible, position: "bottom", afterClose: () => {
+        closePicker();
+      } },
+      React.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(
+              View,
+              { key: item.value || index2, className: "nut-picker-roller-item-title" },
+              React.createElement(React.Fragment, null, item.text || item)
+            );
+          }));
+        })))
+      )
     )
   );
 };

package/dist/esm/{popover.taro-ba6c323a.js → popover.taro-52c02926.js}

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
 import Taro from "@tarojs/taro";
+import { P as Popup } from "./popup.taro-687437a0.js";
 import { a as getRect, g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { u as upperCaseFirst } from "./index-0a89a47b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
@@ -55,7 +55,7 @@ const Popover = (props) => {
   const getContentWidth = async () => {
     let rect;
     if (targetId) {
-      if (Taro.getEnv() == Taro.ENV_TYPE.WEB) {
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
         rect = getRect(document.querySelector(`#${targetId}`));
       } else {
         rect = await getRectTaro(targetId);
@@ -78,13 +78,13 @@ const Popover = (props) => {
     return new Promise((resolve) => {
       const query = Taro.createSelectorQuery();
       query.select(`#${targetId2}`) && query.select(`#${targetId2}`).boundingClientRect();
-      query.exec(function(res) {
+      query.exec((res) => {
         resolve(res[0]);
       });
     });
   };
   const getPopoverContentW = async () => {
-    let rectContent = await getRectByTaro(popoverContentRef.current);
+    const rectContent = await getRectByTaro(popoverContentRef.current);
     setElWidth(rectContent.width);
     setElHeight(rectContent.height);
   };
@@ -123,7 +123,7 @@ const Popover = (props) => {
     return styles;
   };
   const getRootPosition = () => {
-    let styles = {};
+    const styles = {};
     if (!rootPosition) {
       styles.visibility = "hidden";
       return styles;
@@ -135,34 +135,34 @@ const Popover = (props) => {
     const skew = location.split("-")[1];
     let cross = 0;
     let parallel = 0;
-    if (Array.isArray(offset) && offset.length == 2) {
+    if (Array.isArray(offset) && offset.length === 2) {
       cross += +offset[1];
       parallel += +offset[0];
     }
     if (width) {
       if (["bottom", "top"].includes(direction)) {
-        const h = direction == "bottom" ? height + cross : -(contentHeight + cross);
+        const h = direction === "bottom" ? height + cross : -(contentHeight + cross);
         styles.top = `${top + h}px`;
         if (!skew) {
           styles.left = `${-(contentWidth - width) / 2 + left + parallel}px`;
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.left = `${left + parallel}px`;
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.left = `${right + parallel}px`;
         }
       }
       if (["left", "right"].includes(direction)) {
-        const contentW = direction == "left" ? -(contentWidth + cross) : width + cross;
+        const contentW = direction === "left" ? -(contentWidth + cross) : width + cross;
         styles.left = `${left + contentW}px`;
         if (!skew) {
           styles.top = `${top - contentHeight / 2 + height / 2 - 4 + parallel}px`;
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.top = `${top + parallel}px`;
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.top = `${top + height + parallel}px`;
         }
       }

package/dist/esm/{popup.taro-e756f3fc.js → popup.taro-687437a0.js}

@@ -79,6 +79,7 @@ const Popup = (props) => {
     }
   };
   const onHandleClickOverlay = (e) => {
+    e.stopPropagation();
     if (closeOnOverlayClick) {
       const closed = onClickOverlay && onClickOverlay(e);
       closed && close();

package/dist/esm/{searchbar.taro-39351331.js → searchbar.taro-b2d6eff2.js}

@@ -52,7 +52,7 @@ const SearchBar = (props) => {
     autoFocus && forceFocus();
   }, [autoFocus]);
   const renderField = () => {
-    return React.createElement("input", { className: `${classPrefix}__input ${shape === "round" ? `${classPrefix}__round` : ""} ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
+    return React.createElement("input", { className: `${classPrefix}__input ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
   };
   const clickInput = (e) => {
     onClickInput && onClickInput(e);
@@ -106,7 +106,7 @@ const SearchBar = (props) => {
     renderLeft(),
     React.createElement(
       "div",
-      { className: `${classPrefix}__content` },
+      { className: `${classPrefix}__content ${shape === "round" ? `${classPrefix}__round` : ""}` },
       renderLeftIn(),
       React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
       renderRightIn(),

package/dist/esm/{shortpassword.taro-cff61e4e.js → shortpassword.taro-4f714afb.js}

@@ -1,7 +1,7 @@
 import React, { useMemo, useEffect } from "react";
 import { Tips } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { P as Popup } from "./popup.taro-687437a0.js";
 import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";

package/dist/esm/{sidenavbar.taro-1aefdd3c.js → sidenavbar.taro-03fb1fc6.js}

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { P as Popup } from "./popup.taro-687437a0.js";
 import { O as OffsetContext } from "./context-f32a9246.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{skeleton.taro-ce714b06.js → skeleton.taro-e29f9f0c.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-8a26cd6c.js";
+import { A as Avatar } from "./avatar.taro-9ab097d0.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,