@nutui/nutui-react-taro 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/nutui.react.umd.js

@@ -180,7 +180,7 @@
       svgSrc: S,
       children: p,
       onClick: i2,
-      fallback: o = !n$2.useSvg
+      fallback: o = false
     } = { ...w, ...d }, $ = (s) => {
       i2 && i2(s);
     }, l = (s) => s === "" ? "" : isNaN(Number(s)) ? String(s) : s + "px", N2 = () => {
@@ -227,7 +227,7 @@
       svgSrc: S,
       children: p,
       onClick: i2,
-      fallback: o = !n$2.useSvg
+      fallback: o = false
     } = { ...I, ...d }, $ = (s) => {
       i2 && i2(s);
     }, l = (s) => s === "" ? 0 : parseInt(s), N2 = () => {
@@ -396,15 +396,6 @@
     className: "",
     style: {}
   };
-  var harmonyAndRn = function() {
-    return [
-      "rn",
-      "jdrn",
-      "harmony",
-      "jdharmony",
-      "harmonyhybrid"
-    ].includes(Taro.getEnv().toLowerCase());
-  };
   var harmony = function() {
     return [
       "harmony",
@@ -412,19 +403,13 @@
       "jdharmony"
     ].includes(Taro.getEnv().toLowerCase());
   };
-  var rn = function() {
-    return [
-      "rn",
-      "jdrn"
-    ].includes(Taro.getEnv().toLowerCase());
-  };
   var web = function() {
     return [
       "web"
     ].includes(Taro.getEnv().toLowerCase());
   };
   var prefixCls$2 = "nut-button";
-  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1B = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "",
     type: "default",
     size: "normal",
@@ -439,7 +424,7 @@
     }
   });
   var Button = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$1A, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1B, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "color",
       "shape",
       "fill",
@@ -456,7 +441,7 @@
       "nativeType",
       "onClick"
     ]);
-    var getStyle = React.useCallback(function() {
+    var getStyle = React.useMemo(function() {
       var style2 = {};
       if (color) {
         if (props.fill === "outline" || props.fill === "dashed") {
@@ -466,7 +451,7 @@
           }
         } else {
           style2.color = "#fff";
-          if (harmonyAndRn()) {
+          if (harmony()) {
             style2.backgroundColor = color;
           }
           style2.background = color;
@@ -478,7 +463,7 @@
       color,
       props.fill
     ]);
-    var getContStyle = React.useCallback(function() {
+    var getContStyle = React.useMemo(function() {
       var style2 = {};
       if (props.color) {
         if (props.fill === "outline" || props.fill === "dashed") {
@@ -491,17 +476,24 @@
       }
       return style2;
     }, [
-      color
+      color,
+      props.fill,
+      props.color
     ]);
-    var handleClick = function(e2) {
+    var handleClick = React.useCallback(function(e2) {
       if (!loading && !disabled && onClick) {
         onClick(e2);
       }
-    };
+    }, [
+      loading,
+      disabled,
+      onClick
+    ]);
+    var _obj;
+    var buttonClassNames = classNames(prefixCls$2, "".concat(prefixCls$2, "-").concat(type2), (_obj = {}, _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-solid"), type2 === "primary" && !props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(size), size), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape), shape), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape, "-").concat(size), shape && size), _define_property(_obj, "".concat(prefixCls$2, "-block"), block), _define_property(_obj, "".concat(prefixCls$2, "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2).concat(props.fill ? "-".concat(fill) : "", "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-loading"), loading), _define_property(_obj, "".concat(prefixCls$2, "-icononly"), !children), _obj), className);
     if (Taro.getEnv() === "WEB") {
       rest.type = rest.formType;
     }
-    var _obj;
     return (
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -509,8 +501,8 @@
       /* @__PURE__ */ React.createElement(components.Button, _object_spread_props(_object_spread({}, rest), {
         ref,
         formType: nativeType,
-        className: classNames(prefixCls$2, "".concat(prefixCls$2, "-").concat(type2), type2 === "primary" && !props.fill ? "".concat(prefixCls$2, "-").concat(type2, "-solid") : null, props.fill ? "".concat(prefixCls$2, "-").concat(fill) : null, props.fill ? "".concat(prefixCls$2, "-").concat(type2, "-").concat(fill) : null, children ? "" : "".concat(prefixCls$2, "-icononly"), (_obj = {}, _define_property(_obj, "".concat(prefixCls$2, "-").concat(size), size), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape), shape), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape, "-").concat(size), shape && size), _define_property(_obj, "".concat(prefixCls$2, "-block"), block), _define_property(_obj, "".concat(prefixCls$2, "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2).concat(props.fill ? "-".concat(fill) : "", "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-loading"), loading), _obj), className),
-        style: _object_spread({}, getStyle(), style),
+        className: buttonClassNames,
+        style: _object_spread({}, getStyle, style),
         onClick: function(e2) {
           return handleClick(e2);
         }
@@ -518,22 +510,22 @@
         className: "nut-button-wrap"
       }, loading && /* @__PURE__ */ React.createElement(z, {
         className: "nut-icon-loading"
-      }), !loading && icon ? icon : null, children && /* @__PURE__ */ React.createElement(components.View, {
+      }), !loading && icon, children && /* @__PURE__ */ React.createElement(components.View, {
         className: "nut-button-children nut-button-".concat(size, "-children nut-button-").concat(type2, "-children ").concat(!(props.fill || disabled || loading) ? "" : "nut-button-".concat(type2).concat(props.fill ? "-".concat(fill) : "").concat(disabled || loading ? "-disabled" : "")).concat(icon || loading ? " nut-button-text" : "").concat(rightIcon ? " nut-button-text-right" : ""),
-        style: harmonyAndRn() ? getContStyle() : {}
-      }, children), rightIcon || null))
+        style: harmony() ? getContStyle : {}
+      }, children), rightIcon))
     );
   });
   Button.displayName = "NutButton";
   var CellGroupContext = React.createContext(null);
-  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     description: "",
     divider: true
   });
-  var classPrefix$v = "nut-cell-group";
+  var classPrefix$u = "nut-cell-group";
   var CellGroup = function(props) {
-    var _ref = _object_spread({}, defaultProps$1z, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1A, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "title",
@@ -541,13 +533,13 @@
       "divider"
     ]);
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
-      className: classNames(classPrefix$v, className)
+      className: classNames(classPrefix$u, className)
     }, rest), title ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$v, "-title")
+      className: "".concat(classPrefix$u, "-title")
     }, title) : null, description ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$v, "-description")
+      className: "".concat(classPrefix$u, "-description")
     }, description) : null, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$v, "-wrap")
+      className: "".concat(classPrefix$u, "-wrap")
     }, /* @__PURE__ */ React.createElement(CellGroupContext.Provider, {
       value: {
         divider,
@@ -561,7 +553,6 @@
     }))));
   };
   CellGroup.displayName = "NutCellGroup";
-  var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
   var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
   var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
@@ -810,7 +801,7 @@
       return symbolToString ? symbolToString.call(value2) : "";
     }
     var result = value2 + "";
-    return result == "0" && 1 / value2 == -INFINITY ? "-0" : result;
+    return result == "0" && 1 / value2 == -Infinity ? "-0" : result;
   }
   function createCompounder(callback) {
     return function(string2) {
@@ -843,658 +834,78 @@
   }
   var lodash_kebabcase = kebabCase;
   const kebabCase$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_kebabcase);
-  var lodash_isequal = { exports: {} };
-  lodash_isequal.exports;
-  (function(module2, exports2) {
-    var LARGE_ARRAY_SIZE = 200;
-    var HASH_UNDEFINED = "__lodash_hash_undefined__";
-    var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
-    var MAX_SAFE_INTEGER = 9007199254740991;
-    var argsTag = "[object Arguments]", arrayTag = "[object Array]", asyncTag = "[object AsyncFunction]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", nullTag = "[object Null]", objectTag = "[object Object]", promiseTag = "[object Promise]", proxyTag = "[object Proxy]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag2 = "[object Symbol]", undefinedTag = "[object Undefined]", weakMapTag = "[object WeakMap]";
-    var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
-    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-    var reIsHostCtor = /^\[object .+?Constructor\]$/;
-    var reIsUint = /^(?:0|[1-9]\d*)$/;
-    var typedArrayTags = {};
-    typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-    typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
-    var freeGlobal2 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-    var freeSelf2 = typeof self == "object" && self && self.Object === Object && self;
-    var root2 = freeGlobal2 || freeSelf2 || Function("return this")();
-    var freeExports = exports2 && !exports2.nodeType && exports2;
-    var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
-    var moduleExports = freeModule && freeModule.exports === freeExports;
-    var freeProcess = moduleExports && freeGlobal2.process;
-    var nodeUtil = function() {
-      try {
-        return freeProcess && freeProcess.binding && freeProcess.binding("util");
-      } catch (e2) {
-      }
-    }();
-    var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
-    function arrayFilter(array2, predicate) {
-      var index2 = -1, length2 = array2 == null ? 0 : array2.length, resIndex = 0, result = [];
-      while (++index2 < length2) {
-        var value2 = array2[index2];
-        if (predicate(value2, index2, array2)) {
-          result[resIndex++] = value2;
-        }
-      }
-      return result;
-    }
-    function arrayPush(array2, values) {
-      var index2 = -1, length2 = values.length, offset = array2.length;
-      while (++index2 < length2) {
-        array2[offset + index2] = values[index2];
-      }
-      return array2;
-    }
-    function arraySome(array2, predicate) {
-      var index2 = -1, length2 = array2 == null ? 0 : array2.length;
-      while (++index2 < length2) {
-        if (predicate(array2[index2], index2, array2)) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function baseTimes(n2, iteratee) {
-      var index2 = -1, result = Array(n2);
-      while (++index2 < n2) {
-        result[index2] = iteratee(index2);
-      }
-      return result;
-    }
-    function baseUnary(func) {
-      return function(value2) {
-        return func(value2);
-      };
-    }
-    function cacheHas(cache, key2) {
-      return cache.has(key2);
-    }
-    function getValue2(object2, key2) {
-      return object2 == null ? void 0 : object2[key2];
-    }
-    function mapToArray(map) {
-      var index2 = -1, result = Array(map.size);
-      map.forEach(function(value2, key2) {
-        result[++index2] = [key2, value2];
-      });
-      return result;
-    }
-    function overArg(func, transform2) {
-      return function(arg) {
-        return func(transform2(arg));
-      };
-    }
-    function setToArray(set) {
-      var index2 = -1, result = Array(set.size);
-      set.forEach(function(value2) {
-        result[++index2] = value2;
-      });
-      return result;
-    }
-    var arrayProto = Array.prototype, funcProto = Function.prototype, objectProto2 = Object.prototype;
-    var coreJsData = root2["__core-js_shared__"];
-    var funcToString = funcProto.toString;
-    var hasOwnProperty = objectProto2.hasOwnProperty;
-    var maskSrcKey = function() {
-      var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
-      return uid ? "Symbol(src)_1." + uid : "";
-    }();
-    var nativeObjectToString = objectProto2.toString;
-    var reIsNative = RegExp(
-      "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    );
-    var Buffer = moduleExports ? root2.Buffer : void 0, Symbol2 = root2.Symbol, Uint8Array2 = root2.Uint8Array, propertyIsEnumerable = objectProto2.propertyIsEnumerable, splice = arrayProto.splice, symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-    var nativeGetSymbols = Object.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0, nativeKeys = overArg(Object.keys, Object);
-    var DataView = getNative(root2, "DataView"), Map2 = getNative(root2, "Map"), Promise2 = getNative(root2, "Promise"), Set = getNative(root2, "Set"), WeakMap2 = getNative(root2, "WeakMap"), nativeCreate = getNative(Object, "create");
-    var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap2);
-    var symbolProto2 = Symbol2 ? Symbol2.prototype : void 0, symbolValueOf = symbolProto2 ? symbolProto2.valueOf : void 0;
-    function Hash(entries) {
-      var index2 = -1, length2 = entries == null ? 0 : entries.length;
-      this.clear();
-      while (++index2 < length2) {
-        var entry = entries[index2];
-        this.set(entry[0], entry[1]);
-      }
-    }
-    function hashClear() {
-      this.__data__ = nativeCreate ? nativeCreate(null) : {};
-      this.size = 0;
-    }
-    function hashDelete(key2) {
-      var result = this.has(key2) && delete this.__data__[key2];
-      this.size -= result ? 1 : 0;
-      return result;
-    }
-    function hashGet(key2) {
-      var data2 = this.__data__;
-      if (nativeCreate) {
-        var result = data2[key2];
-        return result === HASH_UNDEFINED ? void 0 : result;
-      }
-      return hasOwnProperty.call(data2, key2) ? data2[key2] : void 0;
-    }
-    function hashHas(key2) {
-      var data2 = this.__data__;
-      return nativeCreate ? data2[key2] !== void 0 : hasOwnProperty.call(data2, key2);
-    }
-    function hashSet(key2, value2) {
-      var data2 = this.__data__;
-      this.size += this.has(key2) ? 0 : 1;
-      data2[key2] = nativeCreate && value2 === void 0 ? HASH_UNDEFINED : value2;
-      return this;
-    }
-    Hash.prototype.clear = hashClear;
-    Hash.prototype["delete"] = hashDelete;
-    Hash.prototype.get = hashGet;
-    Hash.prototype.has = hashHas;
-    Hash.prototype.set = hashSet;
-    function ListCache(entries) {
-      var index2 = -1, length2 = entries == null ? 0 : entries.length;
-      this.clear();
-      while (++index2 < length2) {
-        var entry = entries[index2];
-        this.set(entry[0], entry[1]);
-      }
-    }
-    function listCacheClear() {
-      this.__data__ = [];
-      this.size = 0;
-    }
-    function listCacheDelete(key2) {
-      var data2 = this.__data__, index2 = assocIndexOf(data2, key2);
-      if (index2 < 0) {
-        return false;
-      }
-      var lastIndex = data2.length - 1;
-      if (index2 == lastIndex) {
-        data2.pop();
-      } else {
-        splice.call(data2, index2, 1);
-      }
-      --this.size;
-      return true;
-    }
-    function listCacheGet(key2) {
-      var data2 = this.__data__, index2 = assocIndexOf(data2, key2);
-      return index2 < 0 ? void 0 : data2[index2][1];
-    }
-    function listCacheHas(key2) {
-      return assocIndexOf(this.__data__, key2) > -1;
-    }
-    function listCacheSet(key2, value2) {
-      var data2 = this.__data__, index2 = assocIndexOf(data2, key2);
-      if (index2 < 0) {
-        ++this.size;
-        data2.push([key2, value2]);
-      } else {
-        data2[index2][1] = value2;
-      }
-      return this;
-    }
-    ListCache.prototype.clear = listCacheClear;
-    ListCache.prototype["delete"] = listCacheDelete;
-    ListCache.prototype.get = listCacheGet;
-    ListCache.prototype.has = listCacheHas;
-    ListCache.prototype.set = listCacheSet;
-    function MapCache(entries) {
-      var index2 = -1, length2 = entries == null ? 0 : entries.length;
-      this.clear();
-      while (++index2 < length2) {
-        var entry = entries[index2];
-        this.set(entry[0], entry[1]);
-      }
-    }
-    function mapCacheClear() {
-      this.size = 0;
-      this.__data__ = {
-        "hash": new Hash(),
-        "map": new (Map2 || ListCache)(),
-        "string": new Hash()
-      };
-    }
-    function mapCacheDelete(key2) {
-      var result = getMapData(this, key2)["delete"](key2);
-      this.size -= result ? 1 : 0;
-      return result;
-    }
-    function mapCacheGet(key2) {
-      return getMapData(this, key2).get(key2);
-    }
-    function mapCacheHas(key2) {
-      return getMapData(this, key2).has(key2);
-    }
-    function mapCacheSet(key2, value2) {
-      var data2 = getMapData(this, key2), size = data2.size;
-      data2.set(key2, value2);
-      this.size += data2.size == size ? 0 : 1;
-      return this;
-    }
-    MapCache.prototype.clear = mapCacheClear;
-    MapCache.prototype["delete"] = mapCacheDelete;
-    MapCache.prototype.get = mapCacheGet;
-    MapCache.prototype.has = mapCacheHas;
-    MapCache.prototype.set = mapCacheSet;
-    function SetCache(values) {
-      var index2 = -1, length2 = values == null ? 0 : values.length;
-      this.__data__ = new MapCache();
-      while (++index2 < length2) {
-        this.add(values[index2]);
-      }
-    }
-    function setCacheAdd(value2) {
-      this.__data__.set(value2, HASH_UNDEFINED);
-      return this;
-    }
-    function setCacheHas(value2) {
-      return this.__data__.has(value2);
-    }
-    SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
-    SetCache.prototype.has = setCacheHas;
-    function Stack(entries) {
-      var data2 = this.__data__ = new ListCache(entries);
-      this.size = data2.size;
-    }
-    function stackClear() {
-      this.__data__ = new ListCache();
-      this.size = 0;
-    }
-    function stackDelete(key2) {
-      var data2 = this.__data__, result = data2["delete"](key2);
-      this.size = data2.size;
-      return result;
-    }
-    function stackGet(key2) {
-      return this.__data__.get(key2);
-    }
-    function stackHas(key2) {
-      return this.__data__.has(key2);
-    }
-    function stackSet(key2, value2) {
-      var data2 = this.__data__;
-      if (data2 instanceof ListCache) {
-        var pairs = data2.__data__;
-        if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
-          pairs.push([key2, value2]);
-          this.size = ++data2.size;
-          return this;
-        }
-        data2 = this.__data__ = new MapCache(pairs);
-      }
-      data2.set(key2, value2);
-      this.size = data2.size;
-      return this;
-    }
-    Stack.prototype.clear = stackClear;
-    Stack.prototype["delete"] = stackDelete;
-    Stack.prototype.get = stackGet;
-    Stack.prototype.has = stackHas;
-    Stack.prototype.set = stackSet;
-    function arrayLikeKeys(value2, inherited) {
-      var isArr = isArray(value2), isArg = !isArr && isArguments(value2), isBuff = !isArr && !isArg && isBuffer(value2), isType = !isArr && !isArg && !isBuff && isTypedArray(value2), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value2.length, String) : [], length2 = result.length;
-      for (var key2 in value2) {
-        if (hasOwnProperty.call(value2, key2) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
-        (key2 == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        isBuff && (key2 == "offset" || key2 == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        isType && (key2 == "buffer" || key2 == "byteLength" || key2 == "byteOffset") || // Skip index properties.
-        isIndex(key2, length2)))) {
-          result.push(key2);
-        }
-      }
-      return result;
-    }
-    function assocIndexOf(array2, key2) {
-      var length2 = array2.length;
-      while (length2--) {
-        if (eq(array2[length2][0], key2)) {
-          return length2;
-        }
-      }
-      return -1;
-    }
-    function baseGetAllKeys(object2, keysFunc, symbolsFunc) {
-      var result = keysFunc(object2);
-      return isArray(object2) ? result : arrayPush(result, symbolsFunc(object2));
-    }
-    function baseGetTag(value2) {
-      if (value2 == null) {
-        return value2 === void 0 ? undefinedTag : nullTag;
-      }
-      return symToStringTag && symToStringTag in Object(value2) ? getRawTag(value2) : objectToString2(value2);
-    }
-    function baseIsArguments(value2) {
-      return isObjectLike2(value2) && baseGetTag(value2) == argsTag;
-    }
-    function baseIsEqual(value2, other, bitmask, customizer, stack) {
-      if (value2 === other) {
+  var hasElementType = typeof Element !== "undefined";
+  var hasMap = typeof Map === "function";
+  var hasSet = typeof Set === "function";
+  var hasArrayBuffer = typeof ArrayBuffer === "function" && !!ArrayBuffer.isView;
+  function equal(a2, b2) {
+    if (a2 === b2) return true;
+    if (a2 && b2 && typeof a2 == "object" && typeof b2 == "object") {
+      if (a2.constructor !== b2.constructor) return false;
+      var length2, i2, keys;
+      if (Array.isArray(a2)) {
+        length2 = a2.length;
+        if (length2 != b2.length) return false;
+        for (i2 = length2; i2-- !== 0; )
+          if (!equal(a2[i2], b2[i2])) return false;
         return true;
       }
-      if (value2 == null || other == null || !isObjectLike2(value2) && !isObjectLike2(other)) {
-        return value2 !== value2 && other !== other;
-      }
-      return baseIsEqualDeep(value2, other, bitmask, customizer, baseIsEqual, stack);
-    }
-    function baseIsEqualDeep(object2, other, bitmask, customizer, equalFunc, stack) {
-      var objIsArr = isArray(object2), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object2), othTag = othIsArr ? arrayTag : getTag(other);
-      objTag = objTag == argsTag ? objectTag : objTag;
-      othTag = othTag == argsTag ? objectTag : othTag;
-      var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
-      if (isSameTag && isBuffer(object2)) {
-        if (!isBuffer(other)) {
-          return false;
-        }
-        objIsArr = true;
-        objIsObj = false;
-      }
-      if (isSameTag && !objIsObj) {
-        stack || (stack = new Stack());
-        return objIsArr || isTypedArray(object2) ? equalArrays(object2, other, bitmask, customizer, equalFunc, stack) : equalByTag(object2, other, objTag, bitmask, customizer, equalFunc, stack);
-      }
-      if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
-        var objIsWrapped = objIsObj && hasOwnProperty.call(object2, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
-        if (objIsWrapped || othIsWrapped) {
-          var objUnwrapped = objIsWrapped ? object2.value() : object2, othUnwrapped = othIsWrapped ? other.value() : other;
-          stack || (stack = new Stack());
-          return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
-        }
-      }
-      if (!isSameTag) {
-        return false;
-      }
-      stack || (stack = new Stack());
-      return equalObjects(object2, other, bitmask, customizer, equalFunc, stack);
-    }
-    function baseIsNative(value2) {
-      if (!isObject2(value2) || isMasked(value2)) {
-        return false;
-      }
-      var pattern2 = isFunction2(value2) ? reIsNative : reIsHostCtor;
-      return pattern2.test(toSource(value2));
-    }
-    function baseIsTypedArray(value2) {
-      return isObjectLike2(value2) && isLength(value2.length) && !!typedArrayTags[baseGetTag(value2)];
-    }
-    function baseKeys(object2) {
-      if (!isPrototype(object2)) {
-        return nativeKeys(object2);
-      }
-      var result = [];
-      for (var key2 in Object(object2)) {
-        if (hasOwnProperty.call(object2, key2) && key2 != "constructor") {
-          result.push(key2);
-        }
-      }
-      return result;
-    }
-    function equalArrays(array2, other, bitmask, customizer, equalFunc, stack) {
-      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array2.length, othLength = other.length;
-      if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
-        return false;
-      }
-      var stacked = stack.get(array2);
-      if (stacked && stack.get(other)) {
-        return stacked == other;
-      }
-      var index2 = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG ? new SetCache() : void 0;
-      stack.set(array2, other);
-      stack.set(other, array2);
-      while (++index2 < arrLength) {
-        var arrValue = array2[index2], othValue = other[index2];
-        if (customizer) {
-          var compared = isPartial ? customizer(othValue, arrValue, index2, other, array2, stack) : customizer(arrValue, othValue, index2, array2, other, stack);
-        }
-        if (compared !== void 0) {
-          if (compared) {
-            continue;
-          }
-          result = false;
-          break;
-        }
-        if (seen) {
-          if (!arraySome(other, function(othValue2, othIndex) {
-            if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack))) {
-              return seen.push(othIndex);
-            }
-          })) {
-            result = false;
-            break;
-          }
-        } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
-          result = false;
-          break;
-        }
-      }
-      stack["delete"](array2);
-      stack["delete"](other);
-      return result;
-    }
-    function equalByTag(object2, other, tag, bitmask, customizer, equalFunc, stack) {
-      switch (tag) {
-        case dataViewTag:
-          if (object2.byteLength != other.byteLength || object2.byteOffset != other.byteOffset) {
-            return false;
-          }
-          object2 = object2.buffer;
-          other = other.buffer;
-        case arrayBufferTag:
-          if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object2), new Uint8Array2(other))) {
-            return false;
-          }
-          return true;
-        case boolTag:
-        case dateTag:
-        case numberTag:
-          return eq(+object2, +other);
-        case errorTag:
-          return object2.name == other.name && object2.message == other.message;
-        case regexpTag:
-        case stringTag:
-          return object2 == other + "";
-        case mapTag:
-          var convert = mapToArray;
-        case setTag:
-          var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
-          convert || (convert = setToArray);
-          if (object2.size != other.size && !isPartial) {
-            return false;
-          }
-          var stacked = stack.get(object2);
-          if (stacked) {
-            return stacked == other;
-          }
-          bitmask |= COMPARE_UNORDERED_FLAG;
-          stack.set(object2, other);
-          var result = equalArrays(convert(object2), convert(other), bitmask, customizer, equalFunc, stack);
-          stack["delete"](object2);
-          return result;
-        case symbolTag2:
-          if (symbolValueOf) {
-            return symbolValueOf.call(object2) == symbolValueOf.call(other);
-          }
-      }
-      return false;
-    }
-    function equalObjects(object2, other, bitmask, customizer, equalFunc, stack) {
-      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = getAllKeys(object2), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
-      if (objLength != othLength && !isPartial) {
-        return false;
-      }
-      var index2 = objLength;
-      while (index2--) {
-        var key2 = objProps[index2];
-        if (!(isPartial ? key2 in other : hasOwnProperty.call(other, key2))) {
-          return false;
-        }
-      }
-      var stacked = stack.get(object2);
-      if (stacked && stack.get(other)) {
-        return stacked == other;
-      }
-      var result = true;
-      stack.set(object2, other);
-      stack.set(other, object2);
-      var skipCtor = isPartial;
-      while (++index2 < objLength) {
-        key2 = objProps[index2];
-        var objValue = object2[key2], othValue = other[key2];
-        if (customizer) {
-          var compared = isPartial ? customizer(othValue, objValue, key2, other, object2, stack) : customizer(objValue, othValue, key2, object2, other, stack);
-        }
-        if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) {
-          result = false;
-          break;
-        }
-        skipCtor || (skipCtor = key2 == "constructor");
-      }
-      if (result && !skipCtor) {
-        var objCtor = object2.constructor, othCtor = other.constructor;
-        if (objCtor != othCtor && ("constructor" in object2 && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
-          result = false;
-        }
-      }
-      stack["delete"](object2);
-      stack["delete"](other);
-      return result;
-    }
-    function getAllKeys(object2) {
-      return baseGetAllKeys(object2, keys, getSymbols);
-    }
-    function getMapData(map, key2) {
-      var data2 = map.__data__;
-      return isKeyable(key2) ? data2[typeof key2 == "string" ? "string" : "hash"] : data2.map;
-    }
-    function getNative(object2, key2) {
-      var value2 = getValue2(object2, key2);
-      return baseIsNative(value2) ? value2 : void 0;
-    }
-    function getRawTag(value2) {
-      var isOwn = hasOwnProperty.call(value2, symToStringTag), tag = value2[symToStringTag];
-      try {
-        value2[symToStringTag] = void 0;
-        var unmasked = true;
-      } catch (e2) {
+      var it;
+      if (hasMap && a2 instanceof Map && b2 instanceof Map) {
+        if (a2.size !== b2.size) return false;
+        it = a2.entries();
+        while (!(i2 = it.next()).done)
+          if (!b2.has(i2.value[0])) return false;
+        it = a2.entries();
+        while (!(i2 = it.next()).done)
+          if (!equal(i2.value[1], b2.get(i2.value[0]))) return false;
+        return true;
       }
-      var result = nativeObjectToString.call(value2);
-      if (unmasked) {
-        if (isOwn) {
-          value2[symToStringTag] = tag;
-        } else {
-          delete value2[symToStringTag];
-        }
+      if (hasSet && a2 instanceof Set && b2 instanceof Set) {
+        if (a2.size !== b2.size) return false;
+        it = a2.entries();
+        while (!(i2 = it.next()).done)
+          if (!b2.has(i2.value[0])) return false;
+        return true;
       }
-      return result;
-    }
-    var getSymbols = !nativeGetSymbols ? stubArray : function(object2) {
-      if (object2 == null) {
-        return [];
+      if (hasArrayBuffer && ArrayBuffer.isView(a2) && ArrayBuffer.isView(b2)) {
+        length2 = a2.length;
+        if (length2 != b2.length) return false;
+        for (i2 = length2; i2-- !== 0; )
+          if (a2[i2] !== b2[i2]) return false;
+        return true;
       }
-      object2 = Object(object2);
-      return arrayFilter(nativeGetSymbols(object2), function(symbol) {
-        return propertyIsEnumerable.call(object2, symbol);
-      });
-    };
-    var getTag = baseGetTag;
-    if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
-      getTag = function(value2) {
-        var result = baseGetTag(value2), Ctor = result == objectTag ? value2.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
-        if (ctorString) {
-          switch (ctorString) {
-            case dataViewCtorString:
-              return dataViewTag;
-            case mapCtorString:
-              return mapTag;
-            case promiseCtorString:
-              return promiseTag;
-            case setCtorString:
-              return setTag;
-            case weakMapCtorString:
-              return weakMapTag;
-          }
-        }
-        return result;
-      };
-    }
-    function isIndex(value2, length2) {
-      length2 = length2 == null ? MAX_SAFE_INTEGER : length2;
-      return !!length2 && (typeof value2 == "number" || reIsUint.test(value2)) && (value2 > -1 && value2 % 1 == 0 && value2 < length2);
-    }
-    function isKeyable(value2) {
-      var type2 = typeof value2;
-      return type2 == "string" || type2 == "number" || type2 == "symbol" || type2 == "boolean" ? value2 !== "__proto__" : value2 === null;
-    }
-    function isMasked(func) {
-      return !!maskSrcKey && maskSrcKey in func;
-    }
-    function isPrototype(value2) {
-      var Ctor = value2 && value2.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto2;
-      return value2 === proto;
-    }
-    function objectToString2(value2) {
-      return nativeObjectToString.call(value2);
-    }
-    function toSource(func) {
-      if (func != null) {
-        try {
-          return funcToString.call(func);
-        } catch (e2) {
-        }
-        try {
-          return func + "";
-        } catch (e2) {
-        }
+      if (a2.constructor === RegExp) return a2.source === b2.source && a2.flags === b2.flags;
+      if (a2.valueOf !== Object.prototype.valueOf && typeof a2.valueOf === "function" && typeof b2.valueOf === "function") return a2.valueOf() === b2.valueOf();
+      if (a2.toString !== Object.prototype.toString && typeof a2.toString === "function" && typeof b2.toString === "function") return a2.toString() === b2.toString();
+      keys = Object.keys(a2);
+      length2 = keys.length;
+      if (length2 !== Object.keys(b2).length) return false;
+      for (i2 = length2; i2-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(b2, keys[i2])) return false;
+      if (hasElementType && a2 instanceof Element) return false;
+      for (i2 = length2; i2-- !== 0; ) {
+        if ((keys[i2] === "_owner" || keys[i2] === "__v" || keys[i2] === "__o") && a2.$$typeof) {
+          continue;
+        }
+        if (!equal(a2[keys[i2]], b2[keys[i2]])) return false;
       }
-      return "";
-    }
-    function eq(value2, other) {
-      return value2 === other || value2 !== value2 && other !== other;
-    }
-    var isArguments = baseIsArguments(/* @__PURE__ */ function() {
-      return arguments;
-    }()) ? baseIsArguments : function(value2) {
-      return isObjectLike2(value2) && hasOwnProperty.call(value2, "callee") && !propertyIsEnumerable.call(value2, "callee");
-    };
-    var isArray = Array.isArray;
-    function isArrayLike(value2) {
-      return value2 != null && isLength(value2.length) && !isFunction2(value2);
-    }
-    var isBuffer = nativeIsBuffer || stubFalse;
-    function isEqual2(value2, other) {
-      return baseIsEqual(value2, other);
+      return true;
     }
-    function isFunction2(value2) {
-      if (!isObject2(value2)) {
+    return a2 !== a2 && b2 !== b2;
+  }
+  var reactFastCompare = function isEqual2(a2, b2) {
+    try {
+      return equal(a2, b2);
+    } catch (error) {
+      if ((error.message || "").match(/stack|recursion/i)) {
+        console.warn("react-fast-compare cannot handle circular refs");
         return false;
       }
-      var tag = baseGetTag(value2);
-      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-    }
-    function isLength(value2) {
-      return typeof value2 == "number" && value2 > -1 && value2 % 1 == 0 && value2 <= MAX_SAFE_INTEGER;
-    }
-    function isObject2(value2) {
-      var type2 = typeof value2;
-      return value2 != null && (type2 == "object" || type2 == "function");
-    }
-    function isObjectLike2(value2) {
-      return value2 != null && typeof value2 == "object";
-    }
-    var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-    function keys(object2) {
-      return isArrayLike(object2) ? arrayLikeKeys(object2) : baseKeys(object2);
-    }
-    function stubArray() {
-      return [];
+      throw error;
     }
-    function stubFalse() {
-      return false;
-    }
-    module2.exports = isEqual2;
-  })(lodash_isequal, lodash_isequal.exports);
-  var lodash_isequalExports = lodash_isequal.exports;
-  const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(lodash_isequalExports);
+  };
+  const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
   function useMemo(getValue2, condition, shouldUpdate) {
     var cacheRef = React__namespace.useRef({});
     if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
@@ -1658,7 +1069,7 @@
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  var classPrefix$u = "nut-configprovider";
+  var classPrefix$t = "nut-configprovider";
   var defaultConfigRef = {
     current: {
       locale: zhCN,
@@ -1715,7 +1126,7 @@
     return /* @__PURE__ */ React.createElement(ConfigContext.Provider, {
       value: mergedConfig
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames(classPrefix$u, className, "nut-".concat(direction)),
+      className: classNames(classPrefix$t, className, "nut-".concat(direction)),
       style: _object_spread_props(_object_spread({}, cssVarStyle, style), {
         direction
       })
@@ -1724,10 +1135,9 @@
   ConfigProvider.displayName = "NutConfigProvider";
   function pxTransform(value2, radix) {
     if (harmony()) return Taro.pxTransform(value2, 375);
-    if (rn()) return value2;
     return "".concat(value2, "px");
   }
-  var defaultProps$1y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: null,
     description: null,
     extra: null,
@@ -1738,10 +1148,10 @@
     onClick: function(event) {
     }
   });
-  var classPrefix$t = "nut-cell";
+  var classPrefix$s = "nut-cell";
   var Cell = function(props) {
     var ctx = React.useContext(CellGroupContext);
-    var _$_object_spread = _object_spread({}, defaultProps$1y, props), children = _$_object_spread.children, onClick = _$_object_spread.onClick, title = _$_object_spread.title, description = _$_object_spread.description, extra = _$_object_spread.extra, radius = _$_object_spread.radius, align = _$_object_spread.align, isLast = _$_object_spread.isLast, className = _$_object_spread.className, style = _$_object_spread.style, clickable = _$_object_spread.clickable;
+    var _$_object_spread = _object_spread({}, defaultProps$1z, props), children = _$_object_spread.children, onClick = _$_object_spread.onClick, title = _$_object_spread.title, description = _$_object_spread.description, extra = _$_object_spread.extra, radius = _$_object_spread.radius, align = _$_object_spread.align, isLast = _$_object_spread.isLast, className = _$_object_spread.className, style = _$_object_spread.style, clickable = _$_object_spread.clickable;
     var rtl = useRtl();
     var handleClick = function(event) {
       onClick(event);
@@ -1757,28 +1167,28 @@
         opacity: clickable ? 0.7 : 1
       },
       className: "".concat(classNames([
-        classPrefix$t,
+        classPrefix$s,
         className,
-        _define_property({}, "".concat(classPrefix$t, "-group-item"), ctx === null || ctx === void 0 ? void 0 : ctx.group)
-      ], clickable ? "".concat(classPrefix$t, "-clickable") : "")),
+        _define_property({}, "".concat(classPrefix$s, "-group-item"), ctx === null || ctx === void 0 ? void 0 : ctx.group)
+      ], clickable ? "".concat(classPrefix$s, "-clickable") : "")),
       onClick: function(event) {
         return handleClick(event);
       },
       style: baseStyle
     }, children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$t, "-left")
+      className: "".concat(classPrefix$s, "-left")
     }, title ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$t, "-title")
+      className: "".concat(classPrefix$s, "-title")
     }, title) : null, description ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$t, "-description")
+      className: "".concat(classPrefix$s, "-description")
     }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$t, "-extra")
+      className: "".concat(classPrefix$s, "-extra")
     }, extra) : null)), (ctx === null || ctx === void 0 ? void 0 : ctx.divider) && !isLast ? /* @__PURE__ */ React.createElement(components.View, {
       className: classNames([
-        (_obj = {}, _define_property(_obj, "".concat(classPrefix$t, "-divider"), true), _define_property(_obj, "".concat(classPrefix$t, "-divider-rtl"), rtl), _obj)
+        (_obj = {}, _define_property(_obj, "".concat(classPrefix$s, "-divider"), true), _define_property(_obj, "".concat(classPrefix$s, "-divider-rtl"), rtl), _obj)
       ])
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$t, "-divider-inner")
+      className: "".concat(classPrefix$s, "-divider-inner")
     })) : null);
   };
   Cell.displayName = "NutCell";
@@ -1829,14 +1239,14 @@
   function _sliced_to_array(arr, i2) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i2) || _unsupported_iterable_to_array(arr, i2) || _non_iterable_rest();
   }
-  var defaultProps$1x = {
+  var defaultProps$1y = {
     src: "",
     error: true,
     loading: true
   };
   var Image$1 = function(props) {
     var classPrefix2 = "nut-image";
-    var _ref = _object_spread({}, defaultProps$1x, props), className = _ref.className, style = _ref.style, src = _ref.src, width2 = _ref.width, height2 = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1y, props), className = _ref.className, style = _ref.style, src = _ref.src, width2 = _ref.width, height2 = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "src",
@@ -1873,7 +1283,7 @@
       overflow: radius !== void 0 && radius !== null ? "hidden" : "",
       borderRadius: (
         // eslint-disable-next-line no-nested-ternary
-        radius !== void 0 && radius != null ? Taro.getEnv() === "RN" ? radius : pxCheck(radius) : ""
+        radius !== void 0 && radius != null ? pxCheck(radius) : ""
       )
     };
     var imgStyle = _object_spread_props(_object_spread({}, style), {
@@ -3743,6 +3153,19 @@
     }
     return root2;
   }
+  var passiveSupported = false;
+  if (canUseDom) {
+    try {
+      var opts = Object.defineProperty({}, "passive", {
+        get: function get() {
+          passiveSupported = true;
+        }
+      });
+      window.addEventListener("test-passive-supported", null, opts);
+    } catch (e2) {
+      console.log(e2);
+    }
+  }
   var totalLockCount = 0;
   var BODY_LOCK_CLASS = "nut-overflow-hidden";
   function getScrollableElement(el) {
@@ -3784,7 +3207,9 @@
     };
     var lock = function() {
       document.addEventListener("touchstart", touch.start);
-      document.addEventListener("touchmove", onTouchMove, false);
+      document.addEventListener("touchmove", onTouchMove, passiveSupported ? {
+        passive: false
+      } : false);
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
       }
@@ -3824,23 +3249,15 @@
     closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    onClick: function(event) {
+    onClick: function() {
+    },
+    afterShow: function() {
+    },
+    afterClose: function() {
     }
   });
   var Overlay = function(props) {
-    var renderHarmony = function renderHarmony2() {
-      return innerVisible ? /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-        ref: nodeRef,
-        className: classes,
-        style: styles
-      }, rest), {
-        catchMove: lockScroll,
-        onClick: handleClick
-      }), children) : null;
-    };
-    var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children;
-    _ref.zIndex;
-    var duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "zIndex",
       "duration",
@@ -3857,47 +3274,42 @@
     var _useState = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = useLockScrollTaro(!!lockScroll && innerVisible);
     React.useEffect(function() {
-      if (visible) {
-        setInnerVisible(true);
-      } else {
-        setInnerVisible(false);
-      }
+      setInnerVisible(visible);
     }, [
       visible
     ]);
     var classes = classNames(classPrefix2, className);
-    var styles = _object_spread({}, style);
+    var styles = _object_spread_props(_object_spread({}, style), {
+      zIndex
+    });
     var handleClick = function(e2) {
       if (closeOnOverlayClick) {
         onClick && onClick(e2);
       }
     };
-    var onHandleOpened = function(e2) {
-      afterShow && afterShow();
-    };
-    var onHandleClosed = function(e2) {
-      afterClose && afterClose();
+    var renderOverlay = function() {
+      return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
+        ref: nodeRef,
+        className: classes,
+        style: styles
+      }, rest), {
+        catchMove: lockScroll,
+        onClick: handleClick
+      }), children);
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, !harmonyAndRn() ? /* @__PURE__ */ React.createElement(CSSTransition, {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, !harmony() ? /* @__PURE__ */ React.createElement(CSSTransition, {
       nodeRef,
       classNames: "".concat(classPrefix2, "-slide"),
       unmountOnExit: true,
       timeout: duration,
       in: innerVisible,
-      onEntered: onHandleOpened,
-      onExited: onHandleClosed
-    }, /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      ref: nodeRef,
-      className: classes,
-      style: styles
-    }, rest), {
-      catchMove: lockScroll,
-      onClick: handleClick
-    }), children)) : renderHarmony());
+      onEntered: afterShow,
+      onExited: afterClose
+    }, renderOverlay()) : innerVisible && renderOverlay());
   };
   Overlay.displayName = "NutOverlay";
   var DataContext$1 = React.createContext({});
-  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
     span: "24",
     offset: "0",
     gutter: "0",
@@ -3905,7 +3317,7 @@
     isLast: false
   });
   var Col = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1w, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1x, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
     var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
     var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = React.useContext(DataContext$1).gutter;
@@ -3941,13 +3353,13 @@
     }, children);
   };
   Col.displayName = "NutCol";
-  var defaultProps$1v = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: "center",
     direction: "horizontal"
   });
-  var classPrefix$s = "nut-divider";
+  var classPrefix$r = "nut-divider";
   var Divider = function(props) {
-    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction;
+    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction;
     _object_without_properties(_ref, [
       "children",
       "contentPosition",
@@ -3957,10 +3369,10 @@
     ]);
     var rtl = useRtl();
     var _obj, _obj1;
-    var classes = direction === "horizontal" ? classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$s), true), _define_property(_obj, "".concat(classPrefix$s, "-center"), children), _define_property(_obj, "".concat(classPrefix$s, "-left"), contentPosition === "left"), _define_property(_obj, "".concat(classPrefix$s, "-right"), contentPosition === "right"), _define_property(_obj, "".concat(classPrefix$s, "-rtl"), ([
+    var classes = direction === "horizontal" ? classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$r), true), _define_property(_obj, "".concat(classPrefix$r, "-center"), children), _define_property(_obj, "".concat(classPrefix$r, "-left"), contentPosition === "left"), _define_property(_obj, "".concat(classPrefix$r, "-right"), contentPosition === "right"), _define_property(_obj, "".concat(classPrefix$r, "-rtl"), ([
       "left",
       "right"
-    ].includes(contentPosition) || children) && rtl), _obj)) : classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix$s), true), _define_property(_obj1, "".concat(classPrefix$s, "-vertical"), direction === "vertical"), _obj1));
+    ].includes(contentPosition) || children) && rtl), _obj)) : classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix$r), true), _define_property(_obj1, "".concat(classPrefix$r, "-vertical"), direction === "vertical"), _obj1));
     var getClassNames = function(direction2) {
       return "".concat(classes.split(" ").map(function(item) {
         return "".concat(item, "-").concat(direction2);
@@ -3983,7 +3395,7 @@
     }
   };
   const GridContext = React.createContext(context);
-  var defaultProps$1u = {
+  var defaultProps$1v = {
     text: "",
     columns: 4,
     gap: 9,
@@ -3993,7 +3405,7 @@
     direction: "vertical"
   };
   var GridItem = function(props) {
-    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick;
+    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick;
     _object_without_properties(_ref, [
       "children",
       "style",
@@ -4064,7 +3476,7 @@
     }, text2))));
   };
   GridItem.displayName = "NutGridItem";
-  var defaultProps$1t = {
+  var defaultProps$1u = {
     columns: 4,
     gap: 9,
     center: true,
@@ -4073,7 +3485,7 @@
     direction: "vertical"
   };
   var Grid = function(props) {
-    var _ref = _object_spread({}, defaultProps$1t, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "columns",
       "gap",
@@ -4127,8 +3539,8 @@
     }, "Layout");
   };
   Layout.displayName = "NutLayout";
-  var classPrefix$r = "nut-row";
-  var defaultProps$1s = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var classPrefix$q = "nut-row";
+  var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -4136,7 +3548,7 @@
     gutter: "0"
   });
   var Row = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1t, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
     var getClass = function(prefix, type3) {
       var classType = type3 ? "nut-row-".concat(prefix, "-").concat(type3) : "";
       if (prefix) return classType;
@@ -4144,7 +3556,7 @@
       return "";
     };
     var getClasses = function() {
-      return classNames(classPrefix$r, getClass("", type2), getClass("justify", justify), getClass("align", align), getClass("flex", wrap));
+      return classNames(classPrefix$q, getClass("", type2), getClass("justify", justify), getClass("align", align), getClass("flex", wrap));
     };
     var parentRow = {
       gutter
@@ -4167,11 +3579,11 @@
   };
   Row.displayName = "NutRow";
   var prefixCls$1 = "nut-space";
-  var defaultProps$1r = {
+  var defaultProps$1s = {
     direction: "horizontal"
   };
   var Space = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1r, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
+    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
     var rtl = useRtl();
     var _obj;
     var cls = classNames(prefixCls$1, (_obj = {}, _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction), direction), _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction, "-wrap"), wrap), _define_property(_obj, "".concat(prefixCls$1, "-align-").concat(align), align), _define_property(_obj, "".concat(prefixCls$1, "-justify-").concat(justify), justify), _define_property(_obj, "".concat(className), className), _obj));
@@ -4288,6 +3700,12 @@
     var e2 = new Error(message);
     return e2.name = "SuppressedError", e2.error = error, e2.suppressed = suppressed, e2;
   };
+  var getDeviceInfo = function() {
+    return Taro.canIUse("getDeviceInfo") ? Taro.getDeviceInfo() : Taro.getSystemInfoSync();
+  };
+  var getWindowInfo = function() {
+    return Taro.canIUse("getWindowInfo") ? Taro.getWindowInfo() : Taro.getSystemInfoSync();
+  };
   function useWatch(dep, callback) {
     var config2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
       immediate: false
@@ -4368,19 +3786,6 @@
               Promise.resolve(getRect(element))
             ];
           }
-          if (rn()) {
-            return [
-              2,
-              new Promise(function(resolve) {
-                element.measure(function(xPos, yPos, measureWidth, measureHeight, pageX, pageY) {
-                  var rect = makeRect(measureWidth, measureHeight);
-                  rect.left = pageX;
-                  rect.top = pageY;
-                  resolve(rect);
-                });
-              })
-            ];
-          }
           return [
             2,
             new Promise(function(resolve, reject) {
@@ -4401,13 +3806,13 @@
       return _ref.apply(this, arguments);
     };
   }();
-  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1r = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: "top",
     zIndex: 900
   });
-  var classPrefix$q = "nut-sticky";
+  var classPrefix$p = "nut-sticky";
   var Sticky = function(props) {
-    var _ref = _object_spread({}, defaultProps$1q, props), position2 = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold;
+    var _ref = _object_spread({}, defaultProps$1r, props), position2 = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold;
     _ref.style;
     var children = _ref.children, container = _ref.container, className = _ref.className, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
       "position",
@@ -4529,7 +3934,7 @@
                 7
               ];
             case 6:
-              windowHeight = Taro.getSystemInfoSync().windowHeight;
+              windowHeight = getWindowInfo().windowHeight;
               setFixed(windowHeight - threshold < curRootRect.bottom);
               _state.label = 7;
             case 7:
@@ -4564,7 +3969,7 @@
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       ref: rootRef,
       style: rootStyle,
-      className: classNames(classPrefix$q, className)
+      className: classNames(classPrefix$p, className)
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("nut-sticky-box", {
         "nut-sticky-fixed": fixed
@@ -4574,10 +3979,10 @@
     }, children));
   };
   Sticky.displayName = "NutSticky";
-  var classPrefix$p = "nut-safe-area";
+  var classPrefix$o = "nut-safe-area";
   var SafeArea = function(props) {
     return /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames(classPrefix$p, "".concat(classPrefix$p, "-position-").concat(props.position))
+      className: classNames(classPrefix$o, "".concat(classPrefix$o, "-position-").concat(props.position))
     });
   };
   SafeArea.displayName = "NutSafeArea";
@@ -4587,19 +3992,18 @@
       className: "nut-icon"
     }) : icon;
   };
-  var defaultProps$1p = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
     onClick: function(value2) {
     }
   });
-  var classPrefix$o = "nut-hoverbutton-item";
+  var classPrefix$n = "nut-hoverbutton-item";
   var isHarmony = harmony();
-  var isNative$1 = harmonyAndRn();
   var HoverButtonItem = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1p, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
+    var _$_object_spread = _object_spread({}, defaultProps$1q, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
     var _useState = _sliced_to_array(React.useState(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];
     React.useMemo(function() {
-      return isNative$1 ? {
+      return isHarmony ? {
         color: isTouchStart ? "#595959" : "#1A1A1A"
       } : {};
     }, [
@@ -4609,29 +4013,29 @@
       onClick && onClick(event);
     };
     var handleActiveStart = function(event) {
-      isNative$1 && setTouchStart(true);
+      isHarmony && setTouchStart(true);
     };
     var handleActiveEnd = function(event) {
-      isNative$1 && setTouchStart(false);
+      isHarmony && setTouchStart(false);
     };
     var renderBody = function() {
       if (icon && !children) return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix$o, "-icon")
+        className: "".concat(classPrefix$n, "-icon")
       }, getIcon(icon));
       if (icon && children) {
         return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
-          className: classNames(_define_property({}, "".concat(classPrefix$o, "-text-icon"), true))
+          className: classNames(_define_property({}, "".concat(classPrefix$n, "-text-icon"), true))
         }), getIcon(icon), /* @__PURE__ */ React.createElement(components.View, {
-          className: classNames(_define_property({}, "".concat(classPrefix$o, "-text"), true))
+          className: classNames(_define_property({}, "".concat(classPrefix$n, "-text"), true))
         }, children));
       }
     };
     var _obj;
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classNames([
-        "".concat(classPrefix$o, "-container"),
+        "".concat(classPrefix$n, "-container"),
         className
-      ], (_obj = {}, _define_property(_obj, "".concat(classPrefix$o, "-container-active"), isNative$1 && isTouchStart), _define_property(_obj, "".concat(classPrefix$o, "-container-harmony"), isHarmony), _define_property(_obj, "".concat(classPrefix$o, "-container-icontext"), icon && children), _obj)),
+      ], (_obj = {}, _define_property(_obj, "".concat(classPrefix$n, "-container-active"), isHarmony && isTouchStart), _define_property(_obj, "".concat(classPrefix$n, "-container-harmony"), isHarmony), _define_property(_obj, "".concat(classPrefix$n, "-container-icontext"), icon && children), _obj)),
       style,
       onTouchStart: handleActiveStart,
       onTouchEnd: handleActiveEnd,
@@ -4641,10 +4045,10 @@
   };
   HoverButtonItem.displayName = "NutHoverButtonItem";
   var UI_BOTTOM_DISTANCE = 60;
-  var defaultProps$1o = _object_spread({}, ComponentDefaults);
-  var classPrefix$n = "nut-hoverbutton";
+  var defaultProps$1p = _object_spread({}, ComponentDefaults);
+  var classPrefix$m = "nut-hoverbutton";
   var HoverButton = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1o, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1p, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
     var rtl = useRtl();
     var baseStyle = _object_spread({}, style);
     if (tabbarHeight) {
@@ -4653,15 +4057,14 @@
     if (typeof zIndex !== "undefined") {
       baseStyle.zIndex = zIndex;
     }
-    var _obj;
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classNames([
-        "".concat(classPrefix$n, "-container"),
+        "".concat(classPrefix$m, "-container"),
         className
-      ], (_obj = {}, _define_property(_obj, "".concat(classPrefix$n, "-container-rtl"), rtl), _define_property(_obj, "".concat(classPrefix$n, "-container-rn"), Taro.getEnv() === "RN"), _obj)),
+      ], _define_property({}, "".concat(classPrefix$m, "-container-rtl"), rtl)),
       style: baseStyle
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: classPrefix$n
+      className: classPrefix$m
     }, children || icon && /* @__PURE__ */ React.createElement(HoverButtonItem, {
       icon,
       onClick
@@ -4671,17 +4074,16 @@
   };
   HoverButton.displayName = "NutHoverButton";
   HoverButton.Item = HoverButtonItem;
-  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1o = _object_spread_props(_object_spread({}, ComponentDefaults), {
     threshold: 200,
     zIndex: 900,
     duration: 1e3
   });
   var BackTop = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1n, props), children = _$_object_spread.children, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, scrollRes = _$_object_spread.scrollRes, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1o, props), children = _$_object_spread.children, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, scrollRes = _$_object_spread.scrollRes, onClick = _$_object_spread.onClick;
     var classPrefix2 = "nut-backtop";
     var _useState = _sliced_to_array(React.useState(false), 2), backTop = _useState[0], setBackTop = _useState[1];
-    var _obj;
-    var cls = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-show"), backTop), _define_property(_obj, "".concat(classPrefix2, "-rn"), rn()), _obj), className);
+    var cls = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-show"), backTop), className);
     var systemInfo = React.useRef({});
     React.useEffect(function() {
       Taro.getSystemInfo().then(function(res) {
@@ -4760,7 +4162,7 @@
     return idRef.current;
   }
   var elevatorContext = /* @__PURE__ */ React.createContext({});
-  var defaultProps$1m = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
     height: "200px",
     floorKey: "title",
     list: [],
@@ -4771,7 +4173,7 @@
     className: "weapp-elevator"
   });
   var Elevator = function(props) {
-    var _ref = _object_spread({}, defaultProps$1m, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
+    var _ref = _object_spread({}, defaultProps$1n, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
     _ref.titleHeight;
     var showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
       "height",
@@ -4996,53 +4398,37 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1m = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     activeText: "",
     inactiveText: "",
     type: "right",
+    list: [],
+    overlay: true,
     position: {
       top: "auto",
       bottom: "auto"
+    },
+    zIndex: 200,
+    onChange: function(value2) {
+    },
+    onSelect: function() {
     }
   });
   var FixedNav = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$1l, props), className = _ref.className, overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position2 = _ref.position, onChange = _ref.onChange, onSelect = _ref.onSelect, type2 = _ref.type, children = _ref.children, style = _ref.style, content2 = _ref.content, rest = _object_without_properties(_ref, [
-      "className",
-      "overlay",
-      "visible",
-      "list",
-      "activeText",
-      "inactiveText",
-      "position",
-      "onChange",
-      "onSelect",
-      "type",
-      "children",
-      "style",
-      "content"
-    ]);
+    var _$_object_spread = _object_spread({}, defaultProps$1m, props), className = _$_object_spread.className, overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position2 = _$_object_spread.position, type2 = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, content2 = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect;
     var classPrefix2 = "nut-fixednav";
     var classes = classNames(classPrefix2, {
       active: visible
     }, type2, className);
-    var handleClick = function(item, event) {
-      onSelect(item, event);
-    };
-    var onUpdateValue = function() {
-      var value2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !visible;
-      onChange(value2);
-    };
-    return /* @__PURE__ */ React.createElement("div", _object_spread({
+    return /* @__PURE__ */ React.createElement(components.View, {
       className: classes,
       style: _object_spread({}, position2, style)
-    }, rest), overlay && /* @__PURE__ */ React.createElement(Overlay, {
+    }, overlay && /* @__PURE__ */ React.createElement(Overlay, {
       visible,
-      style: {
-        "--nutui-overlay-zIndex": 200
-      },
+      zIndex,
       onClick: function() {
-        return onUpdateValue(false);
+        return onChange(false);
       }
     }), /* @__PURE__ */ React.createElement(components.View, {
       className: "list"
@@ -5052,7 +4438,7 @@
       return /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-list-item"),
         onClick: function(event) {
-          return handleClick(item, event);
+          return onSelect(item, event);
         },
         key: item.id || index2
       }, /* @__PURE__ */ React.isValidElement(item.icon) ? item.icon : /* @__PURE__ */ React.createElement("img", {
@@ -5066,7 +4452,7 @@
     }))), /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-btn"),
       onClick: function() {
-        return onUpdateValue();
+        return onChange(!visible);
       }
     }, content2 || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(m$1, {
       color: "#fff"
@@ -5075,7 +4461,7 @@
     }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
   };
   FixedNav.displayName = "NutFixedNav";
-  var defaultProps$1k = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: "",
     right: "",
     back: "",
@@ -5085,7 +4471,7 @@
     zIndex: 10
   });
   var NavBar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1k, props), right2 = _$_object_spread.right, left2 = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1l, props), right2 = _$_object_spread.right, left2 = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
     var classPrefix2 = "nut-navbar";
     var rtl = useRtl();
     var children = Array.isArray(props.children) ? props.children : [
@@ -5135,7 +4521,7 @@
     }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  var defaultProps$1j = _object_spread(_object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1k = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: "center",
     transition: "",
     overlayStyle: {},
@@ -5151,16 +4537,16 @@
     },
     onClose: function() {
     },
-    onOverlayClick: function(e2) {
+    onOverlayClick: function() {
       return true;
     },
-    onCloseIconClick: function(e2) {
+    onCloseIconClick: function() {
       return true;
     }
-  }), defaultOverlayProps);
+  });
   var _zIndex = 1100;
   var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1j, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1k, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -5168,17 +4554,12 @@
     var _useState3 = _sliced_to_array(React.useState(""), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
     var refObject = useLockScrollTaro(innerVisible && lockScroll);
     var classPrefix2 = "nut-popup";
-    var baseStyle = {
+    var overlayStyles = _object_spread({}, overlayStyle);
+    var popStyles = _object_spread_props(_object_spread({}, style), {
       zIndex: index2
-    };
-    var overlayStyles = _object_spread_props(_object_spread({}, overlayStyle), {
-      "--nutui-overlay-zIndex": index2
     });
-    var popStyles = _object_spread({}, style, baseStyle);
     var _obj;
-    var popClassName = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2), true), _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
-    var _obj1;
-    var closeClasses = classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-title-right"), true), _define_property(_obj1, "".concat(classPrefix2, "-title-right-").concat(closeIconPosition), true), _obj1));
+    var popClassName = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
     var open2 = function() {
       if (!innerVisible) {
         setInnerVisible(true);
@@ -5200,30 +4581,20 @@
         onClose && onClose();
       }
     };
-    var onHandleClickOverlay = function(e2) {
+    var handleOverlayClick = function(e2) {
       e2.stopPropagation();
-      if (closeOnOverlayClick) {
-        var closed = onOverlayClick && onOverlayClick(e2);
-        closed && close2();
+      if (closeOnOverlayClick && onOverlayClick(e2)) {
+        close2();
       }
     };
-    var onHandleClick = function(e2) {
-      onClick && onClick(e2);
-    };
-    var onHandleClickCloseIcon = function(e2) {
-      var closed = onCloseIconClick && onCloseIconClick(e2);
-      closed && close2();
-    };
-    var onHandleOpened = function(e2) {
-      afterShow && afterShow();
-    };
-    var onHandleClosed = function(e2) {
-      afterClose && afterClose();
+    var handleCloseIconClick = function(e2) {
+      onCloseIconClick(e2) && close2();
     };
     var renderCloseIcon = function() {
+      var closeClasses = classNames("".concat(classPrefix2, "-title-right"), "".concat(classPrefix2, "-title-right-").concat(closeIconPosition));
       return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement(components.View, {
         className: closeClasses,
-        onClick: onHandleClickCloseIcon
+        onClick: handleCloseIconClick
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(g$1, null)));
     };
     var renderTitle = function() {
@@ -5252,26 +4623,27 @@
         unmountOnExit: destroyOnClose,
         timeout: duration,
         in: innerVisible,
-        onEntered: onHandleOpened,
-        onExited: onHandleClosed
+        onEntered: afterShow,
+        onExited: afterClose
       }, /* @__PURE__ */ React.createElement(components.View, {
         ref: refObject,
         style: popStyles,
         className: popClassName,
-        onClick: onHandleClick,
+        onClick,
         catchMove: lockScroll
-      }, renderTitle(), showChildren ? children : ""));
+      }, renderTitle(), showChildren ? children : null));
     };
     var renderNode = function() {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(Overlay, {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay && /* @__PURE__ */ React.createElement(Overlay, {
+        zIndex: index2,
         style: overlayStyles,
         className: overlayClassName,
         visible: innerVisible,
         closeOnOverlayClick,
         lockScroll,
         duration,
-        onClick: onHandleClickOverlay
-      }) : null, renderPop());
+        onClick: handleOverlayClick
+      }), renderPop());
     };
     React.useEffect(function() {
       visible ? open2() : close2();
@@ -5285,8 +4657,7 @@
       transition
     ]);
     var resolveContainer = function(getContainer) {
-      var container = typeof getContainer === "function" ? getContainer() : getContainer;
-      return container || document.body;
+      return (typeof getContainer === "function" ? getContainer() : getContainer) || document.body;
     };
     var renderToContainer = function(getContainer, node) {
       if (getContainer) {
@@ -5299,7 +4670,7 @@
   };
   Popup.displayName = "NutPopup";
   var OffsetContext = React.createContext(20);
-  var defaultProps$1i = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: "left",
     width: "80%"
   });
@@ -5308,7 +4679,7 @@
       console.warn("Warning: SideNavBar is deprecated and will be removed in future versions. Please use NewComponent SideBar instead.");
     }, []);
     var classPrefix2 = "nut-sidenavbar";
-    var _ref = _object_spread({}, defaultProps$1i, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1j, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
       "title",
       "visible",
       "width",
@@ -5413,13 +4784,13 @@
     });
     return ret;
   }
-  var defaultProps$1h = {
+  var defaultProps$1i = {
     title: "",
     value: "",
     disabled: false
   };
   var SideBarItem = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1h, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
+    var _mergeProps = mergeProps(defaultProps$1i, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
     var classPrefix2 = "nut-sidebaritem";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
@@ -5428,13 +4799,13 @@
       className: classes
     }, !disabled && children) : null;
   };
-  var defaultProps$1g = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentDuration: 0,
     sidebarDuration: 0
   });
-  var classPrefix$m = "nut-sidebar";
+  var classPrefix$l = "nut-sidebar";
   var SideBar = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1g, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
+    var _mergeProps = mergeProps(defaultProps$1h, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
       "contentDuration",
       "sidebarDuration",
       "children",
@@ -5478,8 +4849,8 @@
     }, [
       children
     ]);
-    var classes = classNames(classPrefix$m, className);
-    var classesTitle = classNames("".concat(classPrefix$m, "-titles"), "".concat(classPrefix$m, "-titles-scrollable"));
+    var classes = classNames(classPrefix$l, className);
+    var classesTitle = classNames("".concat(classPrefix$l, "-titles"), "".concat(classPrefix$l, "-titles-scrollable"));
     var getRect2 = function(selector) {
       return new Promise(function(resolve) {
         Taro.createSelectorQuery().select(selector).boundingClientRect().exec(function() {
@@ -5514,8 +4885,8 @@
     var scrollIntoView = function(index2) {
       requestAniFrame$1(function() {
         Promise.all([
-          getRect2("#".concat(classPrefix$m, "-titles-").concat(uuid, " .").concat(classPrefix$m, "-list")),
-          getAllRect("#".concat(classPrefix$m, "-titles-").concat(uuid, " .").concat(classPrefix$m, "-titles-item"))
+          getRect2("#".concat(classPrefix$l, "-titles-").concat(uuid, " .").concat(classPrefix$l, "-list")),
+          getAllRect("#".concat(classPrefix$l, "-titles-").concat(uuid, " .").concat(classPrefix$l, "-titles-item"))
         ]).then(function(param) {
           var _param = _sliced_to_array(param, 2), navRect = _param[0], titleRects = _param[1];
           navRectRef.current = navRect;
@@ -5562,10 +4933,10 @@
       scrollTop,
       showScrollbar: false,
       scrollWithAnimation: Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current,
-      id: "".concat(classPrefix$m, "-titles-").concat(uuid),
+      id: "".concat(classPrefix$l, "-titles-").concat(uuid),
       className: classesTitle
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$m, "-list"),
+      className: "".concat(classPrefix$l, "-list"),
       ref: navRef
     }, titles.current.map(function(item, index2) {
       var _obj;
@@ -5577,15 +4948,15 @@
         onClick: function(e2) {
           tabChange(item);
         },
-        className: classNames("".concat(classPrefix$m, "-titles-item"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$m, "-titles-item-active"), !item.disabled && String(item.value) === String(value2)), _define_property(_obj, "".concat(classPrefix$m, "-titles-item-disabled"), item.disabled), _obj)),
+        className: classNames("".concat(classPrefix$l, "-titles-item"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$l, "-titles-item-active"), !item.disabled && String(item.value) === String(value2)), _define_property(_obj, "".concat(classPrefix$l, "-titles-item-disabled"), item.disabled), _obj)),
         key: item.value
       }, /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$m, "-ellipsis"), "".concat(classPrefix$m, "-titles-item-text"))
+        className: classNames("".concat(classPrefix$l, "-ellipsis"), "".concat(classPrefix$l, "-titles-item-text"))
       }, item.title));
     }))), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$m, "-content-wrap")
+      className: "".concat(classPrefix$l, "-content-wrap")
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$m, "-content"),
+      className: "".concat(classPrefix$l, "-content"),
       style: getContentStyle()
     }, React.Children.map(children, function(child, idx) {
       if (!/* @__PURE__ */ React.isValidElement(child)) {
@@ -5625,12 +4996,12 @@
       onClick: clickFn
     }, rest), title);
   };
-  var defaultProps$1f = {
+  var defaultProps$1g = {
     open: true
   };
   var SubSideNavBar = function(props) {
     var classPrefix2 = "nut-subsidenavbar";
-    var _ref = _object_spread({}, defaultProps$1f, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open2 = _ref.open, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1g, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open2 = _ref.open, rest = _object_without_properties(_ref, [
       "title",
       "value",
       "children",
@@ -5702,7 +5073,7 @@
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
   }
-  var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: "",
     dot: false,
     max: 99,
@@ -5712,9 +5083,9 @@
     size: "large"
   });
   var Badge = function(props) {
-    var content2 = function content3() {
-      if (dot || (typeof value2 === "undefined" ? "undefined" : _type_of(value2)) === "object" || value2 === 0) return null;
-      if (typeof value2 === "number" && typeof max === "number") {
+    var getContent = function getContent2() {
+      if (dot || value2 === 0) return null;
+      if (typeof value2 === "number") {
         return max < value2 ? "".concat(max, "+") : "".concat(value2);
       }
       return value2;
@@ -5730,14 +5101,14 @@
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1e, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
+    var _$_object_spread = _object_spread({}, defaultProps$1f, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
     var classPrefix2 = "nut-badge";
     var isHarmony2 = harmony();
     var classes = classNames(classPrefix2, className);
     var badgeRef = React.useRef(null);
     var _useState = _sliced_to_array(React.useState({}), 2), contentStyle = _useState[0], setContentStyle = _useState[1];
     var _obj;
-    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof content2() === "string" && ((_this = "".concat(content2())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _obj));
+    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof getContent() === "string" && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _obj));
     React.useEffect(function() {
       if (badgeRef.current) {
         getPositionStyle();
@@ -5745,12 +5116,11 @@
     }, []);
     var getPositionStyle = /* @__PURE__ */ function() {
       var _ref = _async_to_generator(function() {
-        var style2, dir;
+        var style2;
         return __generator(this, function(_state) {
-          style2 = {};
-          style2.top = pxTransform(Number(top) || 0);
-          dir = rtl ? "left" : "right";
-          style2[dir] = isHarmony2 ? pxTransform(Number(right2)) : "".concat(Number(right2) || 0, "px");
+          style2 = _define_property({
+            top: pxTransform(Number(top) || 0)
+          }, rtl ? "left" : "right", isHarmony2 ? pxTransform(Number(right2)) : "".concat(Number(right2) || 0, "px"));
           setContentStyle(style2);
           return [
             2
@@ -5769,10 +5139,10 @@
     }, isIcon() && /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-icon"), true), _define_property(_obj1, "".concat(classPrefix2, "-icon-rtl"), rtl), _obj1)),
       style: contentStyle
-    }, value2), children, !isIcon() && /* @__PURE__ */ React.createElement(components.View, {
+    }, value2), children, !isIcon() && (getContent() || dot) && /* @__PURE__ */ React.createElement(components.View, {
       className: contentClasses,
       style: contentStyle
-    }, content2()));
+    }, getContent()));
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
@@ -5784,7 +5154,7 @@
     }
     return maybeElement;
   }
-  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     icon: null,
     value: "",
@@ -5795,7 +5165,7 @@
   });
   var TabbarItem = function(props) {
     var ctx = React.useContext(TabbarContext);
-    var _ref = _object_spread({}, defaultProps$1d, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1e, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "title",
@@ -5820,6 +5190,14 @@
       right: right2,
       color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
     };
+    var renderTitleText = function() {
+      return title && /* @__PURE__ */ React.createElement(components.View, {
+        className: titleClass,
+        style: {
+          color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
+        }
+      }, title);
+    };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: tabbarItemClass,
       style: _object_spread({
@@ -5830,19 +5208,9 @@
       }
     }, rest), icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
       className: boxPrefix
-    }, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), /* @__PURE__ */ React.createElement(components.View, {
-      className: titleClass,
-      style: {
-        color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
-      }
-    }, title)) : /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
-      className: titleClass,
-      style: {
-        color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
-      }
-    }, title)));
+    }, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), renderTitleText()) : /* @__PURE__ */ React.createElement(Badge, badgeProps, renderTitleText()));
   };
-  var defaultProps$1c = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 0,
     fixed: false,
     inactiveColor: "",
@@ -5852,7 +5220,7 @@
     }
   });
   var Tabbar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
+    var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
     var classPrefix2 = "nut-tabbar";
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: value2,
@@ -5883,22 +5251,22 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  var defaultProps$1b = {
+  var defaultProps$1c = {
     title: "",
     value: "",
     disabled: false
   };
   var TabPane = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1b, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
+    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
     var classPrefix2 = "nut-tabpane";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
     }, autoHeightClassName, className);
-    return children ? /* @__PURE__ */ React.createElement(components.View, {
+    return children && /* @__PURE__ */ React.createElement(components.View, {
       className: classes
-    }, !disabled && children) : null;
+    }, !disabled && children);
   };
-  var defaultProps$1a = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1b = _object_spread_props(_object_spread({}, ComponentDefaults), {
     tabStyle: {},
     activeColor: "",
     direction: "horizontal",
@@ -5906,10 +5274,10 @@
     duration: 300,
     autoHeight: false
   });
-  var classPrefix$l = "nut-tabs";
+  var classPrefix$k = "nut-tabs";
   var Tabs = function(props) {
     var rtl = useRtl();
-    var _ref = _object_spread({}, defaultProps$1a, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name2 = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1b, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name2 = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
       "activeColor",
       "tabStyle",
       "direction",
@@ -5930,7 +5298,6 @@
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: outerValue,
       defaultValue: outerDefaultValue,
-      finalValue: 0,
       onChange
     }), 2), value2 = _usePropsValue[0], setValue = _usePropsValue[1];
     var titleItemsRef = React.useRef([]);
@@ -5938,7 +5305,7 @@
       var titles2 = [];
       React.Children.forEach(children, function(child, idx) {
         if (/* @__PURE__ */ React.isValidElement(child)) {
-          var _$props = child === null || child === void 0 ? void 0 : child.props;
+          var _$props = child.props;
           if ((_$props === null || _$props === void 0 ? void 0 : _$props.title) || (_$props === null || _$props === void 0 ? void 0 : _$props.value)) {
             titles2.push({
               title: _$props.title,
@@ -5968,13 +5335,9 @@
     }, [
       children
     ]);
-    var classes = classNames(classPrefix$l, "".concat(classPrefix$l, "-").concat(direction), className);
+    var classes = classNames(classPrefix$k, "".concat(classPrefix$k, "-").concat(direction), className);
     var _obj;
-    var classesTitle = classNames("".concat(classPrefix$l, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$l, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix$l, "-titles-").concat(align), align), _obj));
-    var tabsActiveStyle = {
-      color: activeType === "smile" ? activeColor : "",
-      background: activeType === "line" ? activeColor : ""
-    };
+    var classesTitle = classNames("".concat(classPrefix$k, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$k, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix$k, "-titles-").concat(align), align), _obj));
     var getRect2 = function(selector) {
       return new Promise(function(resolve) {
         Taro.createSelectorQuery().select(selector).boundingClientRect().exec(function() {
@@ -5992,22 +5355,15 @@
       });
     };
     var scrollWithAnimation = React.useRef(false);
-    var navRectRef = React.useRef();
-    var titleRectRef = React.useRef([]);
     var _useState = _sliced_to_array(React.useState(0), 2), scrollLeft = _useState[0], setScrollLeft = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), scrollTop = _useState1[0], setScrollTop = _useState1[1];
     var scrollDirection = function(to, direction2) {
       var count = 0;
       var frames2 = 1;
       function animate() {
-        if (direction2 === "horizontal") {
-          setScrollLeft(to);
-        } else {
-          setScrollTop(to);
-        }
-        if (++count < frames2) {
-          requestAniFrame$1(animate);
-        }
+        if (direction2 === "horizontal") setScrollLeft(to);
+        else setScrollTop(to);
+        if (++count < frames2) requestAniFrame$1(animate);
       }
       animate();
     };
@@ -6018,21 +5374,19 @@
           getAllRect("#nut-tabs-titles-".concat(name2 || uuid, " .nut-tabs-titles-item"))
         ]).then(function(param) {
           var _param = _sliced_to_array(param, 2), navRect = _param[0], titleRects = _param[1];
-          navRectRef.current = navRect;
-          titleRectRef.current = titleRects;
-          var titleRect = titleRectRef.current[index2];
+          var titleRect = titleRects[index2];
           if (!titleRect) return;
           var to = 0;
           if (direction === "vertical") {
             var top = titleRects.slice(0, index2).reduce(function(prev, curr) {
               return prev + curr.height;
             }, 0);
-            to = top - (navRectRef.current.height - titleRect.height) / 2;
+            to = top - (navRect.height - titleRect.height) / 2;
           } else {
             var left2 = titleRects.slice(0, index2).reduce(function(prev, curr) {
               return prev + curr.width;
             }, 0);
-            to = left2 - (navRectRef.current.width - titleRect.width) / 2;
+            to = left2 - (navRect.width - titleRect.width) / 2;
             if (to < 0) return;
             to = rtl ? -to : to;
           }
@@ -6049,7 +5403,7 @@
       });
       index2 = index2 < 0 ? 0 : index2;
       return {
-        transform: direction === "horizontal" ? "translate3d(".concat(rtl ? "" : "-").concat(index2 * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index2 * 100, "%, 0)"),
+        transform: direction === "horizontal" ? "translate3d(".concat(rtl ? "" : "-").concat(index2 * 100, "%, 0, 0)") : "translate3d( 0, -".concat(index2 * 100, "%, 0)"),
         transitionDuration: "".concat(duration, "ms")
       };
     };
@@ -6062,12 +5416,11 @@
     }, [
       value2
     ]);
-    var tabChange = function(item, index2) {
+    var tabChange = function(item) {
       onClick && onClick(item.value);
-      if (item.disabled) {
-        return;
+      if (!item.disabled) {
+        setValue(item.value);
       }
-      setValue(item.value);
     };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: classes
@@ -6081,55 +5434,52 @@
       scrollWithAnimation: rtl && Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current,
       id: "nut-tabs-titles-".concat(name2 || uuid),
       className: classesTitle,
-      style: _object_spread({}, tabStyle)
+      style: tabStyle
     }, /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-tabs-list"
     }, !!title && typeof title === "function" ? title() : titles.current.map(function(item, index2) {
       var _obj2;
       return /* @__PURE__ */ React.createElement(components.View, {
+        key: item.value,
         ref: function(ref) {
           return titleItemsRef.current.push(ref);
         },
         id: "scrollIntoView".concat(index2),
-        onClick: function(e2) {
-          tabChange(item);
+        onClick: function() {
+          return tabChange(item);
         },
-        className: classNames("".concat(classPrefix$l, "-titles-item"), (_obj2 = {}, _define_property(_obj2, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value2)), _define_property(_obj2, "nut-tabs-titles-item-disabled", item.disabled), _define_property(_obj2, "nut-tabs-titles-item-".concat(align), align), _obj2)),
-        key: item.value
+        className: classNames("".concat(classPrefix$k, "-titles-item"), (_obj2 = {}, _define_property(_obj2, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value2)), _define_property(_obj2, "nut-tabs-titles-item-disabled", item.disabled), _define_property(_obj2, "nut-tabs-titles-item-".concat(align), align), _obj2))
       }, activeType === "line" && /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$l, "-titles-item-line"), _define_property({}, "".concat(classPrefix$l, "-titles-item-line-").concat(direction), true)),
-        style: tabsActiveStyle
+        className: classNames("".concat(classPrefix$k, "-titles-item-line"), "".concat(classPrefix$k, "-titles-item-line-").concat(direction)),
+        style: {
+          background: activeColor
+        }
       }), activeType === "smile" && /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix$l, "-titles-item-smile"),
-        style: tabsActiveStyle
+        className: "".concat(classPrefix$k, "-titles-item-smile")
       }, /* @__PURE__ */ React.createElement(r$3, {
         color: activeColor
       })), /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$l, "-ellipsis"), "".concat(classPrefix$l, "-titles-item-text"))
+        className: classNames(_define_property({}, "".concat(classPrefix$k, "-ellipsis"), direction === "vertical"), "".concat(classPrefix$k, "-titles-item-text")),
+        style: {
+          color: activeColor
+        }
       }, item.title));
     }))), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$l, "-content-wrap")
+      className: "".concat(classPrefix$k, "-content-wrap")
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$l, "-content"),
+      className: "".concat(classPrefix$k, "-content"),
       style: getContentStyle()
     }, React.Children.map(children, function(child, idx) {
-      if (!/* @__PURE__ */ React.isValidElement(child)) {
-        return null;
-      }
-      var childProps = _object_spread_props(_object_spread({}, child.props), {
-        active: value2 === child.props.value
-      });
-      if (String(value2) !== String(child.props.value || idx) && autoHeight) {
-        childProps = _object_spread_props(_object_spread({}, childProps), {
-          autoHeightClassName: "inactive"
-        });
-      }
-      return /* @__PURE__ */ React.cloneElement(child, childProps);
+      if (!/* @__PURE__ */ React.isValidElement(child)) return null;
+      return /* @__PURE__ */ React.cloneElement(child, _object_spread_props(_object_spread({}, child.props), {
+        active: value2 === child.props.value,
+        autoHeightClassName: autoHeight && String(value2) !== String(child.props.value || idx) ? "inactive" : ""
+      }));
     }))));
   };
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
-  var defaultProps$19 = {
+  var defaultProps$1a = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -6138,7 +5488,7 @@
   };
   var ExistRender = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$19, props);
+    var _ref = _object_spread({}, defaultProps$1a, props);
     _ref.children;
     var type2 = _ref.type, existList = _ref.existList, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, custom = _ref.custom, onSelect = _ref.onSelect, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -6366,7 +5716,7 @@
     ]);
     return Tree2;
   }();
-  var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeColor: "",
     activeIcon: "checklist",
     popup: true,
@@ -6392,7 +5742,7 @@
   });
   var InternalCascader = function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$18, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left2 = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
+    var _$_object_spread = _object_spread({}, defaultProps$19, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left2 = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
     var _useState = _sliced_to_array(React.useState("c1"), 2), tabvalue = _useState[0], setTabvalue = _useState[1];
     var _useState1 = _sliced_to_array(React.useState([]), 2), optionsData = _useState1[0], setOptionsData = _useState1[1];
     var isLazy = function() {
@@ -6848,7 +6198,7 @@
   };
   var Cascader = /* @__PURE__ */ React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     type: "custom",
     options: [],
@@ -6861,7 +6211,7 @@
     height: "200px"
   });
   var CustomRender = function(props) {
-    var _ref = _object_spread({}, defaultProps$17, props);
+    var _ref = _object_spread({}, defaultProps$18, props);
     _ref.children;
     var visible = _ref.visible, type2 = _ref.type;
     _ref.height;
@@ -6899,7 +6249,7 @@
       onPathChange
     }, rest)));
   };
-  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: [],
     type: "custom",
     options: [],
@@ -6919,7 +6269,7 @@
   });
   var InternalAddress = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$16, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
+    var _ref = _object_spread({}, defaultProps$17, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
     _ref.children;
     var type2 = _ref.type, options = _ref.options, optionKey = _ref.optionKey, format2 = _ref.format, height2 = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -7286,7 +6636,7 @@
   var isStartAndEnd = function(days) {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -7319,7 +6669,7 @@
   });
   var CalendarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderBottomButton = _$_object_spread.renderBottomButton, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$16, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderBottomButton = _$_object_spread.renderBottomButton, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var weekdays = locale.calendaritem.weekdays;
     var weeks = _to_consumable_array(weekdays.slice(firstDayOfWeek, 7)).concat(_to_consumable_array(weekdays.slice(0, firstDayOfWeek)));
     var monthTitle = locale.calendaritem.monthTitle;
@@ -7881,7 +7231,6 @@
       return /* @__PURE__ */ React.createElement(components.View, {
         className: "nut-calendar-footer"
       }, children, /* @__PURE__ */ React.createElement(components.View, {
-        className: "calendar-confirm-btn",
         onClick: confirm
       }, renderBottomButton ? renderBottomButton() : /* @__PURE__ */ React.createElement(components.View, {
         className: "calendar-confirm-btn"
@@ -7893,7 +7242,7 @@
     }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
-  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -7928,7 +7277,7 @@
   });
   var Calendar = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var calendarRef = React.useRef(null);
     var close2 = function() {
       onClose && onClose();
@@ -8103,14 +7452,14 @@
       convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))
     ];
   };
-  var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     firstDayOfWeek: 0
   });
   var prefixCls = "nut-calendarcard";
   var CalendarCard = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$13, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
     var _useState = _sliced_to_array(React.useState(function() {
       var date2 = new Date(Date.now());
       var val2 = value2 || defaultValue;
@@ -8471,7 +7820,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   var CheckboxGroupContext = React.createContext(null);
-  var defaultProps$12 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     labelPosition: "right",
@@ -8481,9 +7830,9 @@
     onChange: function(value2) {
     }
   });
-  var classPrefix$k = "nut-checkbox";
+  var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
-    var children = _object_spread({}, defaultProps$12, props).children;
+    var children = _object_spread({}, defaultProps$13, props).children;
     var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
       "icon",
       "label",
@@ -8563,27 +7912,27 @@
       });
     };
     var color = function() {
-      var cls = "".concat(classPrefix$k, "-icon ");
+      var cls = "".concat(classPrefix$j, "-icon ");
       if (innerDisabled) {
         if (innerChecked && !innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$k, "-icon-checked ").concat(classPrefix$k, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$j, "-icon-checked ").concat(classPrefix$j, "-icon-disabled");
         }
         if (innerChecked && innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$k, "-icon-indeterminate ").concat(classPrefix$k, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate ").concat(classPrefix$j, "-icon-disabled");
         }
-        return "".concat(cls).concat(classPrefix$k, "-icon-disabled");
+        return "".concat(cls).concat(classPrefix$j, "-icon-disabled");
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$k, "-icon-indeterminate");
+          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate");
         }
-        return "".concat(cls).concat(classPrefix$k, "-icon-checked");
+        return "".concat(cls).concat(classPrefix$j, "-icon-checked");
       }
       return cls;
     };
     var renderLabel = function() {
       return /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$k, "-label "), _define_property({}, "".concat(classPrefix$k, "-label-disabled"), innerDisabled))
+        className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
       }, children || label);
     };
     var handleClick = function() {
@@ -8594,9 +7943,9 @@
     var renderButton = function() {
       var _obj;
       return /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$k, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$k, "-button-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$k, "-button-disabled"), disabled), _obj))
+        className: classNames("".concat(classPrefix$j, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-button-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$j, "-button-disabled"), disabled), _obj))
       }, children || label, innerChecked && activeIcon ? /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$k, "-button-icon"))
+        className: classNames("".concat(classPrefix$j, "-button-icon"))
       }, activeIcon) : null);
     };
     var renderListItem = function() {
@@ -8614,13 +7963,13 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
     };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      className: classNames(classPrefix$k, _define_property({}, "".concat(classPrefix$k, "-reverse"), labelPosition === "left"), className)
+      className: classNames(classPrefix$j, _define_property({}, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), className)
     }, rest), {
       onClick: handleClick
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
-  var defaultProps$11 = {
+  var defaultProps$12 = {
     max: void 0,
     min: void 0,
     list: false,
@@ -8632,9 +7981,9 @@
     },
     options: []
   };
-  var classPrefix$j = "nut-checkboxgroup";
+  var classPrefix$i = "nut-checkboxgroup";
   var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$12, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "disabled",
@@ -8737,13 +8086,12 @@
         }
       }
     }, /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "nut-checkboxgroup-".concat(direction), direction), _define_property(_obj, "nut-checkboxgroup-list", list), _obj), className)
+      className: classNames(classPrefix$i, (_obj = {}, _define_property(_obj, "nut-checkboxgroup-".concat(direction), direction), _define_property(_obj, "nut-checkboxgroup-list", list), _obj), className)
     }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children));
   });
   CheckboxGroup.displayName = "NutCheckboxGroup";
   var InnerCheckbox = Checkbox;
   InnerCheckbox.Group = CheckboxGroup;
-  const InnerCheckbox$1 = InnerCheckbox;
   var InternalPickerPanel = function(props, ref) {
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, defaultValue = props.defaultValue, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, _props_itemShow = props.itemShow, itemShow = _props_itemShow === void 0 ? false : _props_itemShow, chooseItem = props.chooseItem;
     var touch = useTouch();
@@ -8828,7 +8176,7 @@
       var move = touch.deltaY.current - startY;
       var moveTime = Date.now() - startTime;
       if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
-        var distance = momentum(move, moveTime);
+        var distance = momentum2(move, moveTime);
         setMove(distance, "end", +duration);
       } else {
         setMove(move, "end");
@@ -8837,7 +8185,7 @@
         touch.reset();
       }, 0);
     };
-    var momentum = function(distance, duration2) {
+    var momentum2 = function(distance, duration2) {
       var nDistance = distance;
       var speed = Math.abs(nDistance / duration2);
       nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
@@ -8937,7 +8285,10 @@
       };
     });
     React.useEffect(function() {
-      var eventOptions = false;
+      var eventOptions = passiveSupported ? {
+        passive: false,
+        once: true
+      } : false;
       var element = pickerPanelRef.current;
       element.addEventListener("touchstart", touchStart, eventOptions);
       element.addEventListener("touchmove", touchMove, eventOptions);
@@ -8960,7 +8311,7 @@
       return /* @__PURE__ */ React.createElement(components.View, {
         className: "nut-picker-roller-item ".concat(isHidden(index2 + 1) && "nut-picker-roller-item-hidden"),
         style: {
-          transform: "rotate3d(1, 0, 0, ".concat(-rotation2 * (index2 + 1), "deg) translate3d(0px, 0px, 104px)"),
+          transform: "rotate3d(1, 0, 0, ".concat(-20 * (index2 + 1), "deg) translate3d(0px, 0px, 104px)"),
           height: "".concat(lineSpacing.current, "px"),
           lineHeight: "".concat(lineSpacing.current, "px")
         },
@@ -8999,7 +8350,7 @@
       reset
     ];
   }
-  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     title: "",
     options: [],
@@ -9011,7 +8362,7 @@
   });
   var InternalPicker = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$10, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration;
+    var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration;
     _ref.onConfirm;
     var onCancel = _ref.onCancel;
     _ref.onClose;
@@ -9343,7 +8694,7 @@
     return str;
   };
   var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     title: "",
     type: "date",
@@ -9357,7 +8708,7 @@
     var getMonthEndDay = function getMonthEndDay2(year, month) {
       return new Date(year, month, 0).getDate();
     };
-    var _ref = _object_spread({}, defaultProps$$, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep, visible = _ref.visible, title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$10, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep, visible = _ref.visible, title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
       "startDate",
       "endDate",
       "type",
@@ -10974,7 +10325,7 @@
       formRef.current
     ];
   };
-  var defaultProps$_ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
     labelPosition: "right",
     starPosition: "left",
     divider: false,
@@ -10990,7 +10341,7 @@
   };
   var Form = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var classPrefix2 = "nut-form";
-    var _$_object_spread = _object_spread({}, defaultProps$_, props), className = _$_object_spread.className, style = _$_object_spread.style, footer = _$_object_spread.footer, children = _$_object_spread.children, initialValues = _$_object_spread.initialValues, divider = _$_object_spread.divider, onFinish = _$_object_spread.onFinish, onFinishFailed = _$_object_spread.onFinishFailed, labelPosition = _$_object_spread.labelPosition, starPosition = _$_object_spread.starPosition, form = _$_object_spread.form;
+    var _$_object_spread = _object_spread({}, defaultProps$$, props), className = _$_object_spread.className, style = _$_object_spread.style, footer = _$_object_spread.footer, children = _$_object_spread.children, initialValues = _$_object_spread.initialValues, divider = _$_object_spread.divider, onFinish = _$_object_spread.onFinish, onFinishFailed = _$_object_spread.onFinishFailed, labelPosition = _$_object_spread.labelPosition, starPosition = _$_object_spread.starPosition, form = _$_object_spread.form;
     var formInstance;
     if (form !== void 0) {
       formInstance = form;
@@ -11089,7 +10440,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  var defaultProps$Z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$_ = _object_spread_props(_object_spread({}, ComponentDefaults), {
     required: false,
     name: "",
     label: "",
@@ -11193,7 +10544,7 @@
         }
       }), _define_property(_this, "renderLayout", function(childNode) {
         var _item_;
-        var _$_object_spread = _object_spread({}, defaultProps$Z, _this.props), label = _$_object_spread.label, name2 = _$_object_spread.name, required2 = _$_object_spread.required, rules2 = _$_object_spread.rules, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, errorMessageAlign = _$_object_spread.errorMessageAlign;
+        var _$_object_spread = _object_spread({}, defaultProps$_, _this.props), label = _$_object_spread.label, name2 = _$_object_spread.name, required2 = _$_object_spread.required, rules2 = _$_object_spread.rules, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, errorMessageAlign = _$_object_spread.errorMessageAlign;
         var requiredInRules = rules2 === null || rules2 === void 0 ? void 0 : rules2.some(function(rule) {
           return rule.required;
         });
@@ -11273,12 +10624,11 @@
     ]);
     return FormItem2;
   }(React.Component);
-  _define_property(FormItem, "defaultProps", defaultProps$Z);
+  _define_property(FormItem, "defaultProps", defaultProps$_);
   _define_property(FormItem, "contextType", Context);
   var InnerForm = Form;
   InnerForm.Item = FormItem;
   InnerForm.useForm = useForm;
-  const InnerForm$1 = InnerForm;
   function trimExtraChar(value2, char, regExp) {
     var index2 = value2.indexOf(char);
     if (index2 === -1) {
@@ -11304,7 +10654,7 @@
     var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value2.replace(regExp, "");
   }
-  var defaultProps$Y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$Z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "text",
     name: "",
     placeholder: void 0,
@@ -11323,7 +10673,7 @@
   var Input = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$Y, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus;
+    var _ref = _object_spread({}, defaultProps$Z, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus;
     _ref.onBlur;
     var onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
       "type",
@@ -11488,7 +10838,7 @@
     })));
   });
   Input.displayName = "NutInput";
-  var defaultProps$X = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$Y = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     readOnly: false,
     allowEmpty: false,
@@ -11500,9 +10850,9 @@
     async: false,
     select: true
   });
-  var classPrefix$i = "nut-inputnumber";
+  var classPrefix$h = "nut-inputnumber";
   var InputNumber = function(props) {
-    var _ref = _object_spread({}, defaultProps$X, props);
+    var _ref = _object_spread({}, defaultProps$Y, props);
     _ref.children;
     var disabled = _ref.disabled, min = _ref.min, max = _ref.max, type2 = _ref.type, readOnly = _ref.readOnly, value2 = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange;
     _object_without_properties(_ref, [
@@ -11529,9 +10879,8 @@
       "onFocus",
       "onChange"
     ]);
-    var isRnAndHarmony = harmonyAndRn();
-    var isRn2 = rn();
-    var classes = classNames(classPrefix$i, className);
+    var isHarmony2 = harmony();
+    var classes = classNames(classPrefix$h, className);
     var _useState = _sliced_to_array(React.useState(false), 2), focused = _useState[0], setFocused = _useState[1];
     var inputRef = React.useRef(null);
     React.useEffect(function() {
@@ -11670,23 +11019,14 @@
       className: classes,
       style
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$i, "-minus"),
+      className: "".concat(classPrefix$h, "-minus"),
       onClick: handleReduce
-    }, isRnAndHarmony ? /* @__PURE__ */ React.createElement(components.Text, {
-      className: classNames("".concat(classPrefix$i, "-icon ").concat(classPrefix$i, "-icon-minus"), _define_property({}, "".concat(classPrefix$i, "-icon-disabled"), shadowValue === min || disabled))
+    }, isHarmony2 ? /* @__PURE__ */ React.createElement(components.Text, {
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === min || disabled))
     }, "-") : /* @__PURE__ */ React.createElement(r$2, {
-      className: classNames("".concat(classPrefix$i, "-icon ").concat(classPrefix$i, "-icon-minus"), _define_property({}, "".concat(classPrefix$i, "-icon-disabled"), shadowValue === min || disabled))
-    })), isRn2 ? /* @__PURE__ */ React.createElement(components.Input, {
-      className: classNames("".concat(classPrefix$i, "-input"), _define_property({}, "".concat(classPrefix$i, "-input-disabled"), disabled)),
-      type: type2,
-      ref: inputRef,
-      disabled: disabled || readOnly,
-      value: inputValue,
-      onInput: handleInputChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus
-    }) : /* @__PURE__ */ React.createElement("input", {
-      className: classNames("".concat(classPrefix$i, "-input"), _define_property({}, "".concat(classPrefix$i, "-input-disabled"), disabled)),
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === min || disabled))
+    })), /* @__PURE__ */ React.createElement("input", {
+      className: classNames("".concat(classPrefix$h, "-input"), _define_property({}, "".concat(classPrefix$h, "-input-disabled"), disabled)),
       type: type2,
       ref: inputRef,
       inputMode: type2 === "digit" ? "decimal" : "numeric",
@@ -11697,16 +11037,16 @@
       onBlur: handleBlur,
       onFocus: handleFocus
     }), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$i, "-add"),
+      className: "".concat(classPrefix$h, "-add"),
       onClick: handlePlus
-    }, isRnAndHarmony ? /* @__PURE__ */ React.createElement(components.Text, {
-      className: classNames("".concat(classPrefix$i, "-icon ").concat(classPrefix$i, "-icon-plus"), _define_property({}, "".concat(classPrefix$i, "-icon-disabled"), shadowValue === max || disabled))
+    }, isHarmony2 ? /* @__PURE__ */ React.createElement(components.Text, {
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === max || disabled))
     }, "+") : /* @__PURE__ */ React.createElement(n, {
-      className: classNames("".concat(classPrefix$i, "-icon ").concat(classPrefix$i, "-icon-plus"), _define_property({}, "".concat(classPrefix$i, "-icon-disabled"), shadowValue === max || disabled))
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === max || disabled))
     })));
   };
   InputNumber.displayName = "NutInputNumber";
-  var defaultProps$W = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$X = _object_spread_props(_object_spread({}, ComponentDefaults), {
     titleIcon: null,
     columns: 1,
     direction: "down",
@@ -11719,7 +11059,7 @@
     }
   });
   var MenuItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _$_object_spread = _object_spread({}, defaultProps$W, props), className = _$_object_spread.className, style = _$_object_spread.style, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, columns = _$_object_spread.columns, title = _$_object_spread.title, icon = _$_object_spread.icon, direction = _$_object_spread.direction, onChange = _$_object_spread.onChange, activeTitleClass = _$_object_spread.activeTitleClass, inactiveTitleClass = _$_object_spread.inactiveTitleClass, closeOnClickAway = _$_object_spread.closeOnClickAway, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, show2 = _$_object_spread.show, parent2 = _$_object_spread.parent, index2 = _$_object_spread.index;
+    var _$_object_spread = _object_spread({}, defaultProps$X, props), className = _$_object_spread.className, style = _$_object_spread.style, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, columns = _$_object_spread.columns, title = _$_object_spread.title, icon = _$_object_spread.icon, direction = _$_object_spread.direction, onChange = _$_object_spread.onChange, activeTitleClass = _$_object_spread.activeTitleClass, inactiveTitleClass = _$_object_spread.inactiveTitleClass, closeOnClickAway = _$_object_spread.closeOnClickAway, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, show2 = _$_object_spread.show, parent2 = _$_object_spread.parent, index2 = _$_object_spread.index;
     var _useState = _sliced_to_array(React.useState(show2), 2), showPopup = _useState[0], setShowPopup = _useState[1];
     var _usePropsValue = _sliced_to_array(usePropsValue({
       defaultValue,
@@ -11771,7 +11111,7 @@
       getParentOffset
     ]);
     var windowHeight = React.useMemo(function() {
-      return Taro.getSystemInfoSync().windowHeight;
+      return getWindowInfo().windowHeight;
     }, []);
     var updateItemOffset = React.useCallback(function() {
       if (!parent2.lockScroll) return;
@@ -11829,7 +11169,7 @@
         bottom: "0",
         height: "initial"
       } : {
-        bottom: "".concat(Taro.getSystemInfoSync().windowHeight - position2.top, "px"),
+        bottom: "".concat(getWindowInfo().windowHeight - position2.top, "px"),
         top: "0",
         height: "initial"
       };
@@ -11841,7 +11181,7 @@
         }, isShow());
       }
       return _object_spread({
-        height: "".concat(Taro.getSystemInfoSync().windowHeight - position2.top, "px"),
+        height: "".concat(getWindowInfo().windowHeight - position2.top, "px"),
         top: "auto"
       }, isShow());
     };
@@ -11904,7 +11244,7 @@
     }), children))));
   });
   MenuItem.displayName = "NutMenuItem";
-  var defaultProps$V = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$W = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeColor: "",
     closeOnOverlayClick: true,
     scrollFixed: false,
@@ -11917,7 +11257,7 @@
     }
   });
   var Menu = function(props) {
-    var _ref = _object_spread({}, defaultProps$V, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$W, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = _object_without_properties(_ref, [
       "className",
       "icon",
       "scrollFixed",
@@ -12055,7 +11395,7 @@
   };
   Menu.displayName = "NutMenu";
   Menu.Item = MenuItem;
-  var defaultProps$U = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$V = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     rightActions: "",
     type: "default",
@@ -12066,7 +11406,7 @@
   });
   var NumberKeyboard = function(props) {
     var locale = useConfig().locale;
-    var _mergeProps = mergeProps(defaultProps$U, props), title = _mergeProps.title, rightActions = _mergeProps.rightActions, confirmText = _mergeProps.confirmText, visible = _mergeProps.visible, type2 = _mergeProps.type, custom = _mergeProps.custom, random2 = _mergeProps.random, style = _mergeProps.style, className = _mergeProps.className, onChange = _mergeProps.onChange, onDelete = _mergeProps.onDelete, onClose = _mergeProps.onClose, onConfirm = _mergeProps.onConfirm, rest = _object_without_properties(_mergeProps, [
+    var _mergeProps = mergeProps(defaultProps$V, props), title = _mergeProps.title, rightActions = _mergeProps.rightActions, confirmText = _mergeProps.confirmText, visible = _mergeProps.visible, type2 = _mergeProps.type, custom = _mergeProps.custom, random2 = _mergeProps.random, style = _mergeProps.style, className = _mergeProps.className, onChange = _mergeProps.onChange, onDelete = _mergeProps.onDelete, onClose = _mergeProps.onClose, onConfirm = _mergeProps.onConfirm, rest = _object_without_properties(_mergeProps, [
       "title",
       "rightActions",
       "confirmText",
@@ -12249,6 +11589,385 @@
     })))));
   };
   NumberKeyboard.displayName = "NutNumberKeyboard";
+  var isObject = function(val2) {
+    return val2 !== null && (typeof val2 === "undefined" ? "undefined" : _type_of(val2)) === "object";
+  };
+  var isFunction = function(val2) {
+    return typeof val2 === "function";
+  };
+  var isPromise = function(val2) {
+    return isObject(val2) && isFunction(val2.then) && isFunction(val2.catch);
+  };
+  var clamp = function(num, min, max) {
+    return Math.min(Math.max(num, min), max);
+  };
+  function preventDefault$1(event, isStopPropagation) {
+    if (typeof event.cancelable !== "boolean" || event.cancelable) {
+      event.preventDefault();
+    }
+    if (isStopPropagation) {
+      event.stopPropagation();
+    }
+  }
+  var momentum = function(distance, duration) {
+    var speed = Math.abs(distance / duration);
+    return speed / 3e-3 * (distance < 0 ? -1 : 1);
+  };
+  var useStyles = function(touchTime, touchDeg, scrollDistance, lineSpacing, rotation2) {
+    var getTransitionStyle = function(transformValue) {
+      return {
+        transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
+        transform: transformValue
+      };
+    };
+    var touchRollerStyle = function() {
+      return getTransitionStyle("rotate3d(1, 0, 0, ".concat(touchDeg, ")"));
+    };
+    var touchTiledStyle = function() {
+      return getTransitionStyle("translate3d(0, ".concat(scrollDistance, "px, 0)"));
+    };
+    var rollerStyle = function(index2) {
+      return {
+        transform: "rotate3d(1, 0, 0, ".concat(-20 * (index2 + 1), "deg) translate3d(0px, 0px, ").concat(Math.round(lineSpacing.current * 3.2), "px)")
+      };
+    };
+    return {
+      touchRollerStyle,
+      touchTiledStyle,
+      rollerStyle
+    };
+  };
+  var InternalPickerRoller = function(props, ref) {
+    var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
+      return item.label;
+    } : _props_renderLabel;
+    var DEFAULT_DURATION = 200;
+    var INERTIA_TIME = 300;
+    var INERTIA_DISTANCE = 15;
+    var ROTATION = 20;
+    var touch = useTouch();
+    var _useState = _sliced_to_array(React.useState(1), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
+    var lineSpacing = React.useRef(36);
+    var _useState1 = _sliced_to_array(React.useState(0), 2), touchTime = _useState1[0], setTouchTime = _useState1[1];
+    var _useState2 = _sliced_to_array(React.useState("0deg"), 2), touchDeg = _useState2[0], setTouchDeg = _useState2[1];
+    var isMoving = React.useRef(false);
+    var rollerRef = React.useRef(null);
+    var pickerRollerRef = React.useRef(null);
+    var _useState3 = _sliced_to_array(React.useState(0), 2), startTime = _useState3[0], setStartTime = _useState3[1];
+    var _useState4 = _sliced_to_array(React.useState(0), 2), startY = _useState4[0], setStartY = _useState4[1];
+    var transformY = React.useRef(0);
+    var _useState5 = _sliced_to_array(React.useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
+    var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
+    var isItemHidden = function(index2) {
+      return index2 >= currentIndex + 8 || index2 <= currentIndex - 8;
+    };
+    var applyTransform = function(type2, deg) {
+      var time2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+      setTouchTime(type2 !== "end" ? 0 : time2);
+      setTouchDeg(deg);
+      setScrollDistance(translateY);
+    };
+    var handleMove = function(move, type2, time2) {
+      var updatedMove = move + transformY.current;
+      if (type2 === "end") {
+        updatedMove = Math.max(Math.min(updatedMove, 0), -(options.length - 1) * lineSpacing.current);
+        var endMove = Math.round(updatedMove / lineSpacing.current) * lineSpacing.current;
+        var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * ROTATION, "deg");
+        applyTransform(type2, deg, time2, endMove);
+        setCurrentIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
+      } else {
+        var currentDeg = (-updatedMove / lineSpacing.current + 1) * ROTATION;
+        var deg1 = Math.min(Math.max(currentDeg, 0), (options.length + 1) * ROTATION);
+        if (deg1 >= 0 && deg1 < (options.length + 1) * ROTATION) {
+          applyTransform("", "".concat(deg1, "deg"), void 0, updatedMove);
+          setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
+        }
+      }
+    };
+    var selectValue = function(move) {
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
+    };
+    var handleTouchStart = function(event) {
+      touch.start(event);
+      setStartY(touch.deltaY.current);
+      setStartTime(Date.now());
+      transformY.current = scrollDistance;
+    };
+    var handleTouchMove = function(event) {
+      touch.move(event);
+      if (touch.isVertical) {
+        isMoving.current = true;
+        preventDefault$1(event, true);
+      }
+      var move = touch.deltaY.current - startY;
+      handleMove(move);
+    };
+    var handleTouchEnd = function() {
+      if (!isMoving.current) return;
+      var move = touch.deltaY.current - startY;
+      var moveTime = Date.now() - startTime;
+      if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+        var distance = momentum(move, moveTime);
+        handleMove(distance, "end", +duration);
+      } else {
+        handleMove(move, "end");
+      }
+      setTimeout(function() {
+        touch.reset();
+      }, 0);
+    };
+    var updateStatus = function(shouldSelect, value2) {
+      var selectedValue = props.value;
+      var index2 = options.findIndex(function(item) {
+        return item.value === selectedValue;
+      });
+      setCurrentIndex(index2 === -1 ? 1 : index2 + 1);
+      var move = index2 * lineSpacing.current;
+      handleMove(-move);
+    };
+    var stopMomentumScroll = function() {
+      isMoving.current = false;
+      setTouchTime(0);
+      selectValue(scrollDistance);
+    };
+    React.useEffect(function() {
+      var element = pickerRollerRef.current;
+      if (element && web()) {
+        var computedStyle = getComputedStyle(element);
+        var currentLineSpacing = computedStyle.getPropertyValue("--nutui-picker-item-height");
+        !!currentLineSpacing && (lineSpacing.current = parseFloat(currentLineSpacing));
+      }
+    }, [
+      pickerRollerRef.current
+    ]);
+    React.useEffect(function() {
+      isMoving.current = false;
+      setScrollDistance(0);
+      transformY.current = 0;
+      updateStatus();
+    }, [
+      options,
+      props.value
+    ]);
+    React.useImperativeHandle(ref, function() {
+      return {
+        stopMomentum: stopMomentumScroll,
+        moving: isMoving.current
+      };
+    });
+    React.useEffect(function() {
+      var _pickerRollerRef_current, _pickerRollerRef_current1, _pickerRollerRef_current2;
+      var eventOptions = passiveSupported ? {
+        passive: false,
+        once: true
+      } : false;
+      (_pickerRollerRef_current = pickerRollerRef.current) === null || _pickerRollerRef_current === void 0 ? void 0 : _pickerRollerRef_current.addEventListener("touchstart", handleTouchStart, eventOptions);
+      (_pickerRollerRef_current1 = pickerRollerRef.current) === null || _pickerRollerRef_current1 === void 0 ? void 0 : _pickerRollerRef_current1.addEventListener("touchmove", handleTouchMove, eventOptions);
+      (_pickerRollerRef_current2 = pickerRollerRef.current) === null || _pickerRollerRef_current2 === void 0 ? void 0 : _pickerRollerRef_current2.addEventListener("touchend", handleTouchEnd, eventOptions);
+      return function() {
+        var _pickerRollerRef_current3, _pickerRollerRef_current12, _pickerRollerRef_current22;
+        (_pickerRollerRef_current3 = pickerRollerRef.current) === null || _pickerRollerRef_current3 === void 0 ? void 0 : _pickerRollerRef_current3.removeEventListener("touchstart", handleTouchStart, eventOptions);
+        (_pickerRollerRef_current12 = pickerRollerRef.current) === null || _pickerRollerRef_current12 === void 0 ? void 0 : _pickerRollerRef_current12.removeEventListener("touchmove", handleTouchMove, eventOptions);
+        (_pickerRollerRef_current22 = pickerRollerRef.current) === null || _pickerRollerRef_current22 === void 0 ? void 0 : _pickerRollerRef_current22.removeEventListener("touchend", handleTouchEnd, eventOptions);
+      };
+    }, [
+      pickerRollerRef.current,
+      handleTouchStart,
+      handleTouchMove,
+      handleTouchEnd
+    ]);
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-pickerview-list",
+      ref: pickerRollerRef
+    }, /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-pickerview-roller",
+      ref: rollerRef,
+      style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
+      onTransitionEnd: stopMomentumScroll
+    }, threeDimensional && options.map(function(item, index2) {
+      var _item_value;
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-pickerview-roller-item ".concat(isItemHidden(index2 + 1) && "nut-pickerview-roller-item-hidden"),
+        style: rollerStyle(index2),
+        key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
+      }, renderLabel(item));
+    }), !threeDimensional && options.map(function(item, index2) {
+      var _item_value;
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-pickerview-roller-item-tiled",
+        key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
+      }, renderLabel(item));
+    })));
+  };
+  var PickerRoller = /* @__PURE__ */ React.forwardRef(InternalPickerRoller);
+  var defaultProps$U = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    options: [],
+    defaultValue: [],
+    value: void 0,
+    renderLabel: function(item) {
+      return item.label;
+    }
+  });
+  var InternalPickerView = function(props, ref) {
+    var _$_object_spread = _object_spread({}, defaultProps$U, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value2 = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
+    var classPrefix2 = "nut-pickerview";
+    var cls = classNames(classPrefix2, className);
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      value: value2,
+      defaultValue: _to_consumable_array(defaultValue),
+      finalValue: _to_consumable_array(defaultValue)
+    }), 1), selectedValue = _usePropsValue[0];
+    var _useState = _sliced_to_array(React.useState(selectedValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
+    var changeIndex = React.useRef(0);
+    var columnsType = React.useMemo(function() {
+      var firstColumn = props.options[0] || [];
+      if (Array.isArray(firstColumn) && firstColumn.length > 0 && "children" in firstColumn[0]) {
+        return "cascade";
+      }
+      return "multiple";
+    }, [
+      props.options
+    ]);
+    var formatCascadeOptions = function(options2, value3) {
+      var _loop = function() {
+        var currentOptions = columnOptions.children;
+        formatted.push(currentOptions);
+        var currentValue = value3 === null || value3 === void 0 ? void 0 : value3[columnIndex];
+        if (currentValue === 0) {
+          columnOptions = currentOptions[0];
+        } else if (currentValue) {
+          var index2 = currentOptions.findIndex(function(columnItem) {
+            return columnItem.value === currentValue;
+          });
+          columnOptions = currentOptions[index2 === -1 ? 0 : index2];
+        } else {
+          return "break";
+        }
+        columnIndex++;
+      };
+      if (!options2.length) return [];
+      var formatted = [];
+      var columnOptions = {
+        label: "",
+        value: "",
+        children: options2
+      };
+      var columnIndex = 0;
+      while (columnOptions && columnOptions.children) {
+        var _ret = _loop();
+        if (_ret === "break") break;
+      }
+      return formatted;
+    };
+    var formatOptions = React.useMemo(function() {
+      if (columnsType === "cascade") {
+        var _props_options;
+        return formatCascadeOptions(props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0], innerValue);
+      }
+      return props.options;
+    }, [
+      innerValue,
+      options,
+      columnsType
+    ]);
+    React.useEffect(function() {
+      var options2 = props.options;
+      if (Array.isArray(options2) && options2.length && options2 !== innerOptions) {
+        setInnerOptions(formatOptions);
+      }
+    }, [
+      props.options,
+      innerValue
+    ]);
+    React.useEffect(function() {
+      if (selectedValue !== innerValue) {
+        setInnerValue(selectedValue);
+      }
+    }, [
+      selectedValue
+    ]);
+    var handleSelect = React.useCallback(function(option, index2) {
+      var newValue = option === null || option === void 0 ? void 0 : option.value;
+      if (!newValue || innerValue[index2] === newValue) return;
+      changeIndex.current = index2;
+      if (columnsType === "multiple") {
+        setInnerValue(function(prev) {
+          var next = _to_consumable_array(prev);
+          next[index2] = newValue;
+          return next;
+        });
+      } else {
+        var _option_children, _option_children1, _props_options;
+        var startIndex = index2;
+        var values = [];
+        values[index2] = option.value;
+        while (option === null || option === void 0 ? void 0 : (_option_children = option.children) === null || _option_children === void 0 ? void 0 : _option_children[0]) {
+          values[index2 + 1] = option.children[0].value;
+          index2++;
+          option = option.children[0];
+        }
+        if (option === null || option === void 0 ? void 0 : (_option_children1 = option.children) === null || _option_children1 === void 0 ? void 0 : _option_children1.length) {
+          values[index2 + 1] = "";
+        }
+        var combineResult = _to_consumable_array(innerValue.slice(0, startIndex)).concat(_to_consumable_array(values.splice(startIndex)));
+        setInnerValue(_to_consumable_array(combineResult));
+        var optionFirst = props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0];
+        if (!isEqual(formatCascadeOptions(optionFirst, combineResult), innerOptions)) {
+          setInnerOptions(formatCascadeOptions(optionFirst, combineResult));
+        }
+      }
+    }, [
+      innerValue,
+      props.options,
+      columnsType,
+      innerOptions
+    ]);
+    var selectedOptions = React.useMemo(function() {
+      return innerOptions.map(function(columnOptions, index2) {
+        var selectedOption = columnOptions.find(function(item) {
+          return item.value === innerValue[index2];
+        });
+        return selectedOption;
+      }).filter(Boolean);
+    }, [
+      innerOptions,
+      innerValue
+    ]);
+    React.useEffect(function() {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        value: innerValue,
+        index: changeIndex.current,
+        selectedOptions
+      });
+    }, [
+      innerValue,
+      selectedOptions,
+      onChange
+    ]);
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: cls,
+      style
+    }, innerOptions.map(function(item, index2) {
+      var _props_setRefs;
+      return /* @__PURE__ */ React.createElement(PickerRoller, {
+        ref: props === null || props === void 0 ? void 0 : (_props_setRefs = props.setRefs) === null || _props_setRefs === void 0 ? void 0 : _props_setRefs.call(props, index2),
+        key: index2,
+        keyIndex: index2,
+        value: innerValue[index2],
+        options: item,
+        renderLabel,
+        onSelect: handleSelect,
+        duration,
+        threeDimensional
+      });
+    }), (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.length) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-pickerview-mask"
+    }), /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-pickerview-indicator"
+    })) : null);
+  };
+  var PickerView = /* @__PURE__ */ React.forwardRef(InternalPickerView);
   const RadioContext = React.createContext(null);
   var defaultProps$T = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
@@ -12260,7 +11979,7 @@
     onChange: function(checked) {
     }
   });
-  var Radio$1 = function(props) {
+  var Radio = function(props) {
     var classPrefix2 = "nut-radio";
     var _ref = _object_spread({}, defaultProps$T, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value2 = _ref.value;
     _ref.icon;
@@ -12355,7 +12074,7 @@
       onClick: handleClick
     }, renderRadioItem());
   };
-  Radio$1.displayName = "NutRadio";
+  Radio.displayName = "NutRadio";
   var defaultProps$S = {
     labelPosition: "right",
     onChange: function(value2) {
@@ -12363,7 +12082,7 @@
     direction: "vertical",
     options: []
   };
-  var classPrefix$h = "nut-radiogroup";
+  var classPrefix$g = "nut-radiogroup";
   var RadioGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps$S, props), children = _ref.children, className = _ref.className;
     _ref.value;
@@ -12380,7 +12099,7 @@
       "options",
       "disabled"
     ]);
-    var cls = classNames(classPrefix$h, _define_property({}, "".concat(classPrefix$h, "-").concat(direction), direction), className);
+    var cls = classNames(classPrefix$g, _define_property({}, "".concat(classPrefix$g, "-").concat(direction), direction), className);
     var _usePropsValue = _sliced_to_array(usePropsValue({
       defaultValue: props.defaultValue,
       value: props.value,
@@ -12395,7 +12114,7 @@
           "disabled",
           "onChange"
         ]);
-        return /* @__PURE__ */ React.createElement(Radio, _object_spread_props(_object_spread({}, rest2), {
+        return /* @__PURE__ */ React.createElement(InnerRadio, _object_spread_props(_object_spread({}, rest2), {
           key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
           children: label,
           value: value2,
@@ -12428,9 +12147,8 @@
     }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children));
   });
   RadioGroup.displayName = "NutRadioGroup";
-  var InnerRadio = Radio$1;
+  var InnerRadio = Radio;
   InnerRadio.Group = RadioGroup;
-  const Radio = InnerRadio;
   var defaultProps$R = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,
     min: 0,
@@ -12439,11 +12157,9 @@
     vertical: false,
     marks: {}
   });
-  var isRn = rn();
   var isHm = harmony();
-  var isNative = harmonyAndRn();
-  var classPrefix$g = "nut-range";
-  var verticalClassPrefix = "".concat(classPrefix$g, "-vertical");
+  var classPrefix$f = "nut-range";
+  var verticalClassPrefix = "".concat(classPrefix$f, "-vertical");
   var isSameValue = function(newValue, oldValue) {
     return JSON.stringify(newValue) === JSON.stringify(oldValue);
   };
@@ -12457,7 +12173,7 @@
     var rtl = useRtl();
     var _$_object_spread = _object_spread({}, defaultProps$R, props), className = _$_object_spread.className, style = _$_object_spread.style, range2 = _$_object_spread.range, disabled = _$_object_spread.disabled, button = _$_object_spread.button, vertical = _$_object_spread.vertical, marks = _$_object_spread.marks, minDescription = _$_object_spread.minDescription, maxDescription = _$_object_spread.maxDescription, currentDescription = _$_object_spread.currentDescription, min = _$_object_spread.min, max = _$_object_spread.max, step = _$_object_spread.step, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, onChange = _$_object_spread.onChange, onStart = _$_object_spread.onStart, onEnd = _$_object_spread.onEnd;
     var rtlClassPrefix = React.useMemo(function() {
-      return "rtl-".concat(vertical ? verticalClassPrefix : classPrefix$g);
+      return "rtl-".concat(vertical ? verticalClassPrefix : classPrefix$f);
     }, [
       vertical
     ]);
@@ -12519,9 +12235,9 @@
       min
     ]);
     var _obj;
-    var classes = classNames(classPrefix$g, (_obj = {}, _define_property(_obj, "".concat(classPrefix$g, "-disabled"), disabled), _define_property(_obj, verticalClassPrefix, vertical), _define_property(_obj, "".concat(classPrefix$g, "-native"), isNative), _obj));
+    var classes = classNames(classPrefix$f, (_obj = {}, _define_property(_obj, "".concat(classPrefix$f, "-disabled"), disabled), _define_property(_obj, verticalClassPrefix, vertical), _define_property(_obj, "".concat(classPrefix$f, "-native"), isHm), _obj));
     var _obj1;
-    var containerClasses = classNames("".concat(classPrefix$g, "-container"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix$g, "-container-native"), isNative), _define_property(_obj1, "".concat(verticalClassPrefix, "-container"), vertical), _obj1), className);
+    var containerClasses = classNames("".concat(classPrefix$f, "-container"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix$f, "-container-native"), isHm), _define_property(_obj1, "".concat(verticalClassPrefix, "-container"), vertical), _obj1), className);
     var markClassName = React.useCallback(function(mark) {
       var classPrefix2 = "nut-range-mark";
       var verticalClassPrefix2 = "nut-range-vertical-mark";
@@ -12745,7 +12461,7 @@
               if (dragStatus === "start") {
                 onStart && onStart();
               }
-              touch.move(isRn ? event.nativeEvent : event);
+              touch.move(event);
               setDragStatus("draging");
               return [
                 4,
@@ -12824,31 +12540,12 @@
       var transform2 = {
         transform: "translate(-50%, -50%)"
       };
-      if (isRn) {
-        return _object_spread_props(_object_spread({}, borderRadis), {
-          transform: [
-            {
-              translateX: pxTransform(-12)
-            }
-          ]
-        });
-      }
       if (isHm) {
         return _object_spread({}, borderRadis, transform2);
       }
       return _object_spread({}, transform2);
     }, []);
     var buttonNumberTransform = React.useMemo(function() {
-      if (isRn) {
-        return [
-          {
-            translateX: pxTransform(vertical ? 26 : -12)
-          },
-          {
-            translateY: pxTransform(vertical ? -12 : -26)
-          }
-        ];
-      }
       return vertical ? "translate(100%, -50%)" : "translate(-50%, -100%)";
     }, [
       vertical
@@ -12856,11 +12553,11 @@
     var renderButton = React.useCallback(function(index2) {
       var _obj2, _obj12;
       return /* @__PURE__ */ React.createElement(components.View, null, button || /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$g, "-button"), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-button"), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-button"), rtl), _obj2)),
+        className: classNames("".concat(classPrefix$f, "-button"), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-button"), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-button"), rtl), _obj2)),
         // @ts-ignore
         style: buttonTransform
       }, currentDescription !== null && /* @__PURE__ */ React.createElement(components.Text, {
-        className: classNames("".concat(classPrefix$g, "-button-number"), (_obj12 = {}, _define_property(_obj12, "".concat(verticalClassPrefix, "-button-number"), vertical), _define_property(_obj12, "".concat(rtlClassPrefix, "-button-number"), rtl), _obj12)),
+        className: classNames("".concat(classPrefix$f, "-button-number"), (_obj12 = {}, _define_property(_obj12, "".concat(verticalClassPrefix, "-button-number"), vertical), _define_property(_obj12, "".concat(rtlClassPrefix, "-button-number"), rtl), _obj12)),
         style: {
           // @ts-ignore
           transform: buttonNumberTransform
@@ -12879,8 +12576,8 @@
     var renderMarks = React.useCallback(function() {
       if (marksList.length <= 0) return null;
       var _obj2;
-      var markcls = classNames("".concat(classPrefix$g, "-mark"), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-mark"), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-mark"), rtl), _define_property(_obj2, "".concat(vertical ? verticalClassPrefix : classPrefix$g, "-mark-hm"), isHm), _obj2));
-      var textcls = classNames("".concat(classPrefix$g, "-mark-text"), _define_property({}, "".concat(verticalClassPrefix, "-mark-text"), vertical));
+      var markcls = classNames("".concat(classPrefix$f, "-mark"), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-mark"), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-mark"), rtl), _define_property(_obj2, "".concat(vertical ? verticalClassPrefix : classPrefix$f, "-mark-hm"), isHm), _obj2));
+      var textcls = classNames("".concat(classPrefix$f, "-mark-text"), _define_property({}, "".concat(verticalClassPrefix, "-mark-text"), vertical));
       return /* @__PURE__ */ React.createElement(components.View, {
         className: markcls
       }, marksList.map(function(mark) {
@@ -12892,7 +12589,7 @@
         }, /* @__PURE__ */ React.createElement(components.Text, {
           className: textcls
         }, Array.isArray(marks) ? marksRef.current[mark] : marks[mark]), /* @__PURE__ */ React.createElement(components.View, {
-          className: classNames("".concat(vertical ? verticalClassPrefix : classPrefix$g, "-tick"), (_obj3 = {}, _define_property(_obj3, "".concat(vertical ? verticalClassPrefix : classPrefix$g, "-tick-active"), tickClass(mark)), _define_property(_obj3, "".concat(rtlClassPrefix, "-tick"), rtl), _obj3))
+          className: classNames("".concat(vertical ? verticalClassPrefix : classPrefix$f, "-tick"), (_obj3 = {}, _define_property(_obj3, "".concat(vertical ? verticalClassPrefix : classPrefix$f, "-tick-active"), tickClass(mark)), _define_property(_obj3, "".concat(rtlClassPrefix, "-tick"), rtl), _obj3))
         }));
       }));
     }, [
@@ -12906,7 +12603,7 @@
       vertical
     ]);
     var wrapperTransform = React.useMemo(function() {
-      var wrapperTransformRN = [
+      [
         {
           translateX: pxTransform(vertical ? -12 : -13)
         },
@@ -12915,21 +12612,11 @@
         }
       ];
       var wrapperTransform2 = "translate(-50%, -50%)";
-      return isRn ? wrapperTransformRN : wrapperTransform2;
+      return wrapperTransform2;
     }, [
       vertical
     ]);
     var rangeWrapperTransform = React.useMemo(function() {
-      if (isRn) {
-        return [
-          {
-            translateX: pxTransform(-12)
-          },
-          {
-            translateY: pxTransform(-13)
-          }
-        ];
-      }
       return "translate(-50%, -50%)";
     }, []);
     var renderRangeButton = React.useCallback(function() {
@@ -12940,7 +12627,7 @@
         var isLeft = index2 === 0;
         var suffix = isLeft ? "left" : "right";
         var _obj2;
-        var cls = classNames("".concat(classPrefix$g, "-button-wrapper-").concat(suffix), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-button-wrapper-").concat(suffix), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-button-wrapper-").concat(suffix), rtl), _obj2));
+        var cls = classNames("".concat(classPrefix$f, "-button-wrapper-").concat(suffix), (_obj2 = {}, _define_property(_obj2, "".concat(verticalClassPrefix, "-button-wrapper-").concat(suffix), vertical), _define_property(_obj2, "".concat(rtlClassPrefix, "-button-wrapper-").concat(suffix), rtl), _obj2));
         return /* @__PURE__ */ React.createElement(components.View, {
           key: index2,
           className: cls,
@@ -12956,7 +12643,7 @@
           onTouchEnd,
           onTouchCancel: onTouchEnd,
           onClick: function(e2) {
-            return !isRn && e2.stopPropagation();
+            return e2.stopPropagation();
           }
         }, renderButton(index2));
       });
@@ -12973,7 +12660,7 @@
     var renderSingleButton = React.useCallback(function() {
       return /* @__PURE__ */ React.createElement(components.View, {
         catchMove: true,
-        className: classNames("".concat(classPrefix$g, "-button-wrapper"), _define_property({}, "".concat(verticalClassPrefix, "-button-wrapper"), vertical)),
+        className: classNames("".concat(classPrefix$f, "-button-wrapper"), _define_property({}, "".concat(verticalClassPrefix, "-button-wrapper"), vertical)),
         style: {
           // @ts-ignore
           transform: wrapperTransform
@@ -12983,7 +12670,7 @@
         onTouchEnd,
         onTouchCancel: onTouchEnd,
         onClick: function(e2) {
-          return !isRn && e2.stopPropagation();
+          return e2.stopPropagation();
         }
       }, renderButton());
     }, [
@@ -13008,7 +12695,7 @@
       className: containerClasses,
       style
     }, minDescription !== null && /* @__PURE__ */ React.createElement(components.Text, {
-      className: "".concat(classPrefix$g, "-min")
+      className: "".concat(classPrefix$f, "-min")
     }, minDescription || min), /* @__PURE__ */ React.createElement(components.View, {
       ref: root2,
       className: classes,
@@ -13016,10 +12703,10 @@
         return click(e2);
       }
     }, renderMarks(), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$g, "-bar"),
+      className: "".concat(classPrefix$f, "-bar"),
       style: barStyle()
     }, renderButtonWrapper())), maxDescription !== null && /* @__PURE__ */ React.createElement(components.Text, {
-      className: "".concat(classPrefix$g, "-max")
+      className: "".concat(classPrefix$f, "-max")
     }, maxDescription || max));
   };
   Range.displayName = "NutRange";
@@ -13730,19 +13417,21 @@
         setInputValue("");
       }
     };
+    var isDisabled = function() {
+      return disabled || readOnly;
+    };
     var handleFocus = function(event) {
-      if (disabled) return;
-      if (readOnly) return;
-      onFocus && onFocus(event);
+      if (isDisabled()) return;
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     };
     var handleBlur = function(event) {
-      if (disabled) return;
-      if (readOnly) return;
-      onBlur && onBlur(event);
+      if (isDisabled()) return;
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    var _obj;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames(classPrefix2, disabled ? "".concat(classPrefix2, "-disabled") : "", readOnly ? "".concat(classPrefix2, "-readonly") : "", rtl ? "".concat(classPrefix2, "-rtl") : "", plain ? "".concat(classPrefix2, "-plain") : "".concat(classPrefix2, "-container"), status ? "".concat(classPrefix2, "-").concat(status) : "", className)
-    }, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread({
+      className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
+    }, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread_props(_object_spread({}, rest), {
       nativeProps: {
         style,
         readOnly,
@@ -13754,48 +13443,22 @@
           compositionRef.current = false;
         }
       },
-      className: "".concat(classPrefix2, "-textarea ").concat(disabled ? "".concat(classPrefix2, "-textarea-disabled") : ""),
+      className: classNames("".concat(classPrefix2, "-textarea"), _define_property({}, "".concat(classPrefix2, "-textarea-disabled"), disabled)),
       style: Taro.getEnv() === "WEB" ? void 0 : style,
       disabled: Taro.getEnv() === "WEB" ? disabled : disabled || readOnly,
       // @ts-ignore
       value: inputValue,
-      onInput: function(e2) {
-        return handleChange(e2);
-      },
-      onBlur: function(e2) {
-        return handleBlur(e2);
-      },
-      onFocus: function(e2) {
-        return handleFocus(e2);
-      },
+      onInput: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       autoHeight: autoSize,
       maxlength: maxLength,
-      placeholder: placeholder || locale.placeholder
-    }, rest)), showCount && /* @__PURE__ */ React.createElement(components.Text, {
-      className: "".concat(classPrefix2, "-limit ").concat(disabled ? "".concat(classPrefix2, "-limit-disabled") : "")
+      placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
+    })), showCount && /* @__PURE__ */ React.createElement(components.Text, {
+      className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
   };
   TextArea.displayName = "NutTextArea";
-  var isObject = function(val2) {
-    return val2 !== null && (typeof val2 === "undefined" ? "undefined" : _type_of(val2)) === "object";
-  };
-  var isFunction = function(val2) {
-    return typeof val2 === "function";
-  };
-  var isPromise = function(val2) {
-    return isObject(val2) && isFunction(val2.then) && isFunction(val2.catch);
-  };
-  var clamp = function(num, min, max) {
-    return Math.min(Math.max(num, min), max);
-  };
-  function preventDefault$1(event, isStopPropagation) {
-    if (typeof event.cancelable !== "boolean" || event.cancelable) {
-      event.preventDefault();
-    }
-    if (isStopPropagation) {
-      event.stopPropagation();
-    }
-  }
   var funcInterceptor = function(interceptor, param) {
     var _param_args = param.args, args = _param_args === void 0 ? [] : _param_args, done = param.done, canceled = param.canceled;
     if (interceptor) {
@@ -13936,7 +13599,7 @@
     React.useEffect(function() {
       if (web()) {
         handleWebObserver();
-      } else if (!harmonyAndRn()) {
+      } else if (!harmony()) {
         handleOtherObserver();
       }
     }, []);
@@ -13951,19 +13614,16 @@
       if (children) {
         return 0;
       }
-      if (!harmonyAndRn()) {
+      if (!harmony()) {
         return Math.floor("".concat(percent, "%").length * 9 / 2);
       }
-      if (rn()) {
-        return "".concat(percent, "%").length * 9 + 4;
-      }
       return Math.floor(("".concat(percent, "%").length * 9 + 4) / 2);
     };
     var computeInnerStyle = function() {
       var style2 = {
         backgroundColor: color || "#ff0f23"
       };
-      if (harmonyAndRn()) {
+      if (harmony()) {
         style2.width = harmony() ? pxTransform("".concat(percent, "%").length * 9 + 4) : "".concat(percent, "%").length * 9 + 4;
       }
       return style2;
@@ -14626,18 +14286,28 @@
     }));
   };
   ActionSheet.displayName = "NutActionSheet";
+  var defaultContentProps = {
+    visible: false,
+    title: "",
+    header: "",
+    footer: "",
+    close: "",
+    footerDirection: "horizontal",
+    onClick: function() {
+    }
+  };
   var Content = function(props) {
-    var visible = props.visible, title = props.title, header = props.header, footer = props.footer, close2 = props.close, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
+    var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close2 = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, onClick = _$_object_spread.onClick;
     var classPrefix2 = "nut-dialog";
     var renderHeader = function() {
-      return title ? /* @__PURE__ */ React.createElement(components.View, {
+      return title && /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-header")
-      }, title) : null;
+      }, title);
     };
     var renderFooter = function() {
-      return footer ? /* @__PURE__ */ React.createElement(components.View, {
+      return footer && /* @__PURE__ */ React.createElement(components.View, {
         className: classNames("".concat(classPrefix2, "-footer"), _define_property({}, footerDirection, footerDirection))
-      }, footer) : null;
+      }, footer);
     };
     var handleClick = function(e2) {
       onClick && onClick(e2);
@@ -14655,7 +14325,7 @@
       }
     }, renderHeader(), /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-content")
-    }, /* @__PURE__ */ React.createElement(React.Fragment, null, children)), renderFooter()));
+    }, children), renderFooter()));
   };
   Content.displayName = "NutContent";
   var customEvents = new Taro.Events();
@@ -14704,7 +14374,7 @@
       setParams
     };
   }
-  var defaultProps$H = {
+  var defaultProps$H = _object_spread_props(_object_spread({}, defaultOverlayProps, defaultContentProps), {
     title: "",
     content: "",
     header: "",
@@ -14712,40 +14382,39 @@
     confirmText: "",
     cancelText: "",
     overlay: true,
-    closeOnOverlayClick: true,
+    overlayStyle: {},
+    overlayClassName: "nut-dialog-overlay",
     hideConfirmButton: false,
     hideCancelButton: false,
     disableConfirmButton: false,
     footerDirection: "horizontal",
-    lockScroll: true,
     closeIconPosition: "bottom",
     closeIcon: false,
+    zIndex: 1200,
     beforeCancel: function() {
       return true;
     },
     beforeClose: function() {
       return true;
     },
+    onCancel: function() {
+    },
+    onClose: function() {
+    },
     onOverlayClick: function() {
       return true;
     }
-  };
+  });
   var BaseDialog = function(props) {
     var classPrefix2 = "nut-dialog";
     var locale = useConfig().locale;
     var _useState = _sliced_to_array(React.useState(false), 2), loading = _useState[0], setLoading = _useState[1];
-    var _useParams = useParams(mergeProps(defaultProps$H, props)), _useParams_params = _useParams.params, id = _useParams_params.id, className = _useParams_params.className, style = _useParams_params.style, visible = _useParams_params.visible, footer = _useParams_params.footer, title = _useParams_params.title, header = _useParams_params.header, content2 = _useParams_params.content, children = _useParams_params.children, footerDirection = _useParams_params.footerDirection, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, disableConfirmButton = _useParams_params.disableConfirmButton, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, onOverlayClick = _useParams_params.onOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, overlay = _useParams_params.overlay, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps$H, props)), _useParams_params = _useParams.params, id = _useParams_params.id, className = _useParams_params.className, style = _useParams_params.style, visible = _useParams_params.visible, footer = _useParams_params.footer, title = _useParams_params.title, header = _useParams_params.header, content2 = _useParams_params.content, children = _useParams_params.children, footerDirection = _useParams_params.footerDirection, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, disableConfirmButton = _useParams_params.disableConfirmButton, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, setParams = _useParams.setParams;
     useCustomEvent(id, function(param) {
       var status = param.status, options = param.options;
-      if (status) {
-        setParams(_object_spread_props(_object_spread({}, options), {
-          visible: true
-        }));
-      } else {
-        setParams(_object_spread_props(_object_spread({}, options), {
-          visible: false
-        }));
-      }
+      setParams(_object_spread_props(_object_spread({}, options), {
+        visible: status
+      }));
     });
     var refObject = useLockScrollTaro(!!(visible && lockScroll));
     var renderFooter = function() {
@@ -14846,9 +14515,9 @@
     };
     var onHandleClickOverlay = function(e2) {
       if (closeOnOverlayClick && visible && e2.target === e2.currentTarget) {
-        var closed = onOverlayClick && onOverlayClick();
-        closed && (onClose === null || onClose === void 0 ? void 0 : onClose());
-        closed && (onCancel === null || onCancel === void 0 ? void 0 : onCancel());
+        var closed = onOverlayClick && onOverlayClick(e2);
+        closed && onClose && onClose();
+        closed && onCancel && onCancel();
       }
     };
     return /* @__PURE__ */ React.createElement(components.View, {
@@ -14857,13 +14526,15 @@
       },
       ref: refObject,
       catchMove: lockScroll
-    }, /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(Overlay, {
+    }, /* @__PURE__ */ React.createElement(React.Fragment, null, overlay && /* @__PURE__ */ React.createElement(Overlay, {
+      zIndex,
       visible,
+      style: overlayStyle,
+      className: overlayClassName,
       closeOnOverlayClick,
       lockScroll,
-      onClick: onHandleClickOverlay,
-      className: classNames("nut-dialog-overlay")
-    }) : null, /* @__PURE__ */ React.createElement(CSSTransition, {
+      onClick: onHandleClickOverlay
+    }), /* @__PURE__ */ React.createElement(CSSTransition, {
       in: visible,
       timeout: 300,
       classNames: "fadeDialog",
@@ -14938,7 +14609,7 @@
     var middleLine = React.useRef(0);
     var getInfo = /* @__PURE__ */ function() {
       var _ref2 = _async_to_generator(function() {
-        var el, _dragRef_current, top, left2, bottom, right2, _getSystemInfoSync, screenWidth, windowHeight, _ref3, width2, height2;
+        var el, _dragRef_current, top, left2, bottom, right2, _getWindowInfo, screenWidth, windowHeight, _ref3, width2, height2;
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -14948,7 +14619,7 @@
                 2
               ];
               top = boundary.top, left2 = boundary.left, bottom = boundary.bottom, right2 = boundary.right;
-              _getSystemInfoSync = Taro.getSystemInfoSync(), screenWidth = _getSystemInfoSync.screenWidth, windowHeight = _getSystemInfoSync.windowHeight;
+              _getWindowInfo = getWindowInfo(), screenWidth = _getWindowInfo.screenWidth, windowHeight = _getWindowInfo.windowHeight;
               return [
                 4,
                 getRectByTaro(dragRef.current)
@@ -15076,7 +14747,7 @@
     status: "empty",
     actions: []
   });
-  var classPrefix$f = "nut-empty";
+  var classPrefix$e = "nut-empty";
   var Empty = function(props) {
     var _$_object_spread = _object_spread({}, defaultProps$F, props), image = _$_object_spread.image, imageSize = _$_object_spread.imageSize, title = _$_object_spread.title, description = _$_object_spread.description, children = _$_object_spread.children, className = _$_object_spread.className, size = _$_object_spread.size, status = _$_object_spread.status, actions = _$_object_spread.actions, style = _$_object_spread.style;
     var _useState = _sliced_to_array(React.useState({}), 2), imgStyle = _useState[0], setImgStyle = _useState[1];
@@ -15089,12 +14760,11 @@
       src: imageUrl
     }) : imageUrl;
     React.useEffect(function() {
-      var isRN = Taro.getEnv() === Taro.ENV_TYPE.RN;
       setImgStyle(function() {
         if (!imageSize) {
           return {};
         }
-        if (isRN || typeof imageSize !== "number") {
+        if (typeof imageSize !== "number") {
           return {
             width: imageSize,
             height: imageSize
@@ -15108,26 +14778,26 @@
     }, [
       imageSize
     ]);
-    var cls = classNames(classPrefix$f, className);
+    var cls = classNames(classPrefix$e, className);
     return /* @__PURE__ */ React.createElement(components.View, {
       className: cls,
       style
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$f, "-").concat(size),
+      className: "".concat(classPrefix$e, "-").concat(size),
       style: imgStyle
     }, imageNode), typeof title === "string" && title ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$f, "-title")
+      className: "".concat(classPrefix$e, "-title")
     }, title) : title, typeof description === "string" ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$f, "-description")
+      className: "".concat(classPrefix$e, "-description")
     }, description) : description, actions.length ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$f, "-actions-").concat(size)
+      className: "".concat(classPrefix$e, "-actions-").concat(size)
     }, actions.map(function(action, index2) {
       action.text;
       var rest = _object_without_properties(action, [
         "text"
       ]);
       return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix$f, "-action"),
+        className: "".concat(classPrefix$e, "-action"),
         key: index2
       }, /* @__PURE__ */ React.createElement(Button, rest, action === null || action === void 0 ? void 0 : action.text));
     })) : null, children);
@@ -15194,7 +14864,7 @@
     target: "",
     pullRefresh: false
   });
-  var classPrefix$e = "nut-infiniteloading";
+  var classPrefix$d = "nut-infiniteloading";
   var InfiniteLoading = function(props) {
     var getBottomTipsText = function getBottomTipsText2() {
       if (isInfiniting) {
@@ -15230,7 +14900,7 @@
     var y = React.useRef(0);
     var refreshMaxH = React.useRef(0);
     var distance = React.useRef(0);
-    var classes = classNames(classPrefix$e, className, "".concat(classPrefix$e, "-").concat(type2));
+    var classes = classNames(classPrefix$d, className, "".concat(classPrefix$d, "-").concat(type2));
     React.useEffect(function() {
       refreshMaxH.current = threshold;
       var timer = setTimeout(function() {
@@ -32118,7 +31788,7 @@
     return View;
   };
   var _excluded = ["style", "interactivity"];
-  var Lottie$4 = function Lottie2(props) {
+  var Lottie$3 = function Lottie2(props) {
     var _a, _b, _c;
     var style = props.style, interactivity = props.interactivity, lottieProps = _objectWithoutProperties(props, _excluded);
     var _useLottie = useLottie(lottieProps, style), View = _useLottie.View, play = _useLottie.play, stop = _useLottie.stop, pause = _useLottie.pause, setSpeed = _useLottie.setSpeed, goToAndStop = _useLottie.goToAndStop, goToAndPlay = _useLottie.goToAndPlay, setDirection = _useLottie.setDirection, playSegments = _useLottie.playSegments, setSubframe = _useLottie.setSubframe, getDuration = _useLottie.getDuration, destroy = _useLottie.destroy, animationContainerRef = _useLottie.animationContainerRef, animationLoaded = _useLottie.animationLoaded, animationItem = _useLottie.animationItem;
@@ -32164,7 +31834,7 @@
       mode: (_c = interactivity === null || interactivity === void 0 ? void 0 : interactivity.mode) !== null && _c !== void 0 ? _c : "scroll"
     });
   };
-  var Lottie$3 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var Lottie$2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var loadingLottieRef = React.useRef(null);
     var style = props.style, source = props.source;
     props.autoPlay;
@@ -32176,13 +31846,13 @@
     React.useImperativeHandle(ref, function() {
       return loadingLottieRef.current;
     });
-    return /* @__PURE__ */ React.createElement(Lottie$4, _object_spread_props(_object_spread({}, rest), {
+    return /* @__PURE__ */ React.createElement(Lottie$3, _object_spread_props(_object_spread({}, rest), {
       lottieRef: loadingLottieRef,
       animationData: source,
       style
     }));
   });
-  Lottie$3.displayName = "NutLottie";
+  Lottie$2.displayName = "NutLottie";
   var miniprogram_dist = {};
   (function(exports) {
     !function(t2, e2) {
@@ -35826,7 +35496,7 @@
     }]));
   })(miniprogram_dist);
   const lottie = /* @__PURE__ */ getDefaultExportFromCjs(miniprogram_dist);
-  var Lottie$2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var Lottie$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var uuid = useUuid();
     var id = "nutLottie-".concat(uuid);
     var animation = React.useRef();
@@ -35841,7 +35511,7 @@
     React.useImperativeHandle(ref, function() {
       return animation.current || {};
     });
-    var dpr = React.useRef(Taro.getSystemInfoSync().pixelRatio);
+    var dpr = React.useRef(getWindowInfo().pixelRatio);
     Taro.useReady(function() {
       Taro.createSelectorQuery().select("#".concat(id)).fields({
         node: true,
@@ -35894,17 +35564,16 @@
       style
     });
   });
-  Lottie$2.displayName = "NutLottie";
+  Lottie$1.displayName = "NutLottie";
   var implementation;
   if (process.env.TARO_ENV === "h5") {
-    implementation = Lottie$3;
-  } else if (process.env.TARO_ENV === "weapp") {
     implementation = Lottie$2;
+  } else if (process.env.TARO_ENV === "weapp") {
+    implementation = Lottie$1;
   } else {
     throw new Error("不支持的 TARO_ENV: ".concat(process.env.TARO_ENV));
   }
   var Lottie = implementation;
-  const Lottie$1 = Lottie;
   var loadingMap = {
     circular: g,
     spinner: z
@@ -35936,7 +35605,7 @@
     var classPrefix2 = "nut-loading";
     var getLoadingIcon = function() {
       if (rest.type === "lottie" && rest.jsonData) {
-        return /* @__PURE__ */ React.createElement(Lottie$1, _object_spread_props(_object_spread({}, mergedLottieProps), {
+        return /* @__PURE__ */ React.createElement(Lottie, _object_spread_props(_object_spread({}, mergedLottieProps), {
           // @ts-ignore
           ref: loadingLottieRef,
           source: rest.jsonData
@@ -36406,7 +36075,7 @@
     onClick: function() {
     }
   });
-  var classPrefix$d = "nut-notify";
+  var classPrefix$c = "nut-notify";
   var Notify = function(props) {
     var _mergeProps = mergeProps(defaultProps$A, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type2 = _mergeProps.type, className = _mergeProps.className, position2 = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
     useCustomEvent(id, function(status) {
@@ -36447,8 +36116,8 @@
       onClose();
     };
     var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$d, "-popup-top"), position2 === "top"), _define_property(_obj, "".concat(classPrefix$d, "-popup-bottom"), position2 === "bottom"), _define_property(_obj, "".concat(classPrefix$d), true), _define_property(_obj, "".concat(classPrefix$d, "-").concat(type2), true), _obj));
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, Taro.getEnv() !== Taro.ENV_TYPE.RN ? /* @__PURE__ */ React.createElement(CSSTransition, {
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$c, "-popup-top"), position2 === "top"), _define_property(_obj, "".concat(classPrefix$c, "-popup-bottom"), position2 === "bottom"), _define_property(_obj, "".concat(classPrefix$c), true), _define_property(_obj, "".concat(classPrefix$c, "-").concat(type2), true), _obj));
+    return /* @__PURE__ */ React.createElement(CSSTransition, {
       nodeRef: cssRef,
       in: showNotify,
       timeout: 300,
@@ -36461,13 +36130,7 @@
       className: "".concat(classes, " ").concat(className),
       style,
       onClick: clickHandle
-    }, children)) : /* @__PURE__ */ React.createElement(React.Fragment, null, showNotify ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classes, " ").concat(className),
-      style: _object_spread_props(_object_spread({}, style), {
-        position: "absolute"
-      }),
-      onClick: clickHandle
-    }, children) : null));
+    }, children));
   };
   function open(selector) {
     var path = useCustomEventsPath(selector);
@@ -36503,7 +36166,7 @@
     onClose: function() {
     }
   });
-  var classPrefix$c = "nut-popover";
+  var classPrefix$b = "nut-popover";
   var Popover = function(props) {
     var rtl = useRtl();
     var _ref = _object_spread({}, defaultProps$z, props), children = _ref.children, list = _ref.list, theme = _ref.theme, location = _ref.location, visible = _ref.visible, offset = _ref.offset, arrowOffset = _ref.arrowOffset, targetId = _ref.targetId, overlay = _ref.overlay, closeOnOutsideClick = _ref.closeOnOutsideClick, closeOnActionClick = _ref.closeOnActionClick, className = _ref.className, showArrow = _ref.showArrow, style = _ref.style, onClick = _ref.onClick, onOpen = _ref.onOpen, onClose = _ref.onClose, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
@@ -36665,7 +36328,7 @@
       }
     };
     var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$c), true), _define_property(_obj, "".concat(classPrefix$c, "-").concat(theme), theme === "dark"), _obj), className);
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$b), true), _define_property(_obj, "".concat(classPrefix$b, "-").concat(theme), theme === "dark"), _obj), className);
     var popoverArrow = function() {
       var prefixCls2 = "nut-popover-arrow";
       return "".concat(prefixCls2, " ").concat(prefixCls2, "-").concat(location.split("-")[0], " ").concat(prefixCls2, "-").concat(location);
@@ -36790,7 +36453,7 @@
       style: getRootPosition()
     }, /* @__PURE__ */ React.createElement(Popup, _object_spread({
       className: "nut-popover-content nut-popover-content-".concat(location),
-      position: "default",
+      position: "none",
       overlay,
       visible: showPopup
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
@@ -36926,11 +36589,6 @@
         setStatus(height2 > threshold ? "canRelease" : "pulling");
       }
       clearTimeout(timer.current);
-      if (rn()) {
-        timer.current = setTimeout(function() {
-          handleTouchEnd();
-        }, 300);
-      }
     };
     function _doRefresh() {
       _doRefresh = _async_to_generator(function() {
@@ -36997,7 +36655,7 @@
         setStatus("pulling");
       }
     };
-    var isAndroidWeApp = Taro.getSystemInfoSync().platform === "android" && Taro.getEnv() === "WEAPP";
+    var isAndroidWeApp = getDeviceInfo().platform === "android" && Taro.getEnv() === "WEAPP";
     var springStyles = _object_spread({
       height: pxTransform(height2)
     }, !pullingRef.current || isAndroidWeApp ? {
@@ -37037,12 +36695,12 @@
     gap: "-8",
     level: "left"
   });
-  var classPrefix$b = "nut-avatar-group";
+  var classPrefix$a = "nut-avatar-group";
   var AvatarGroup = function(props) {
     var propAvatarGroup = _object_spread({}, defaultProps$x, props);
     var className = propAvatarGroup.className, style = propAvatarGroup.style, children = propAvatarGroup.children;
     var avatarGroupRef = React.useRef(null);
-    var cls = classNames(classPrefix$b, className);
+    var cls = classNames(classPrefix$a, className);
     var parentAvatar = {
       propAvatarGroup: _object_spread({
         avatarCount: React.Children.count(children) || 0
@@ -37065,7 +36723,7 @@
   };
   AvatarGroup.displayName = "NutAvatarGroup";
   var defaultProps$w = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmonyAndRn() ? "40" : "",
+    size: harmony() ? "40" : "",
     shape: "round",
     icon: "",
     background: "#eee",
@@ -37074,7 +36732,7 @@
     src: "",
     avatarIndex: 0
   });
-  var classPrefix$a = "nut-avatar";
+  var classPrefix$9 = "nut-avatar";
   var Avatar = function(props) {
     var _$_object_spread = _object_spread({}, defaultProps$w, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
     var _useState = _sliced_to_array(React.useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
@@ -37093,14 +36751,14 @@
     var _obj;
     var classes = classNames((_obj = {}, _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal"), true), _define_property(_obj, "nut-avatar-".concat(groupShape || shape), true), _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal", "-round"), shape === "round" && true), _obj));
     var nativeClasses = classNames(_define_property({}, "nut-avatar-first-child", avatarIndex === 1));
-    var cls = classNames(classPrefix$a, classes, className, nativeClasses);
+    var cls = classNames(classPrefix$9, classes, className, nativeClasses);
     var _obj1;
     var styles = _object_spread((_obj1 = {
       width: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
       height: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
       backgroundColor: "".concat(background),
       color
-    }, _define_property(_obj1, harmonyAndRn() ? "marginRight" : "marginLeft", avatarIndex !== 1 && (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap) ? "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap, "px") : ""), _define_property(_obj1, "zIndex", (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.level) === "right" ? Math.abs(groupCount - avatarIndex) : ""), _obj1), style);
+    }, _define_property(_obj1, harmony() ? "marginRight" : "marginLeft", avatarIndex !== 1 && (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap) ? "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap, "px") : ""), _define_property(_obj1, "zIndex", (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.level) === "right" ? Math.abs(groupCount - avatarIndex) : ""), _obj1), style);
     var maxStyles = {
       backgroundColor: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxBackground),
       color: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxColor)
@@ -37509,7 +37167,7 @@
       };
     });
     React.useEffect(function() {
-      if (harmonyAndRn()) return;
+      if (harmony()) return;
       var handler = function(event) {
         var targets = [
           root2
@@ -37546,7 +37204,7 @@
     }, renderActionContent("left"), children, renderActionContent("right")));
   });
   Swipe.displayName = "NutSwipe";
-  var defaultProps$t = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$t = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     id: "",
     duration: 2,
     position: "center",
@@ -37554,18 +37212,19 @@
     size: "base",
     icon: null,
     content: "",
-    type: "text",
+    contentClassName: "",
+    contentStyle: {},
     closeOnOverlayClick: false,
     lockScroll: false,
-    contentClassName: "",
     visible: false,
     wordBreak: "break-all",
+    zIndex: 1300,
     onClose: function() {
     }
   });
-  var classPrefix$9 = "nut-toast";
   var Toast = function(props) {
-    var _useParams = useParams(mergeProps(defaultProps$t, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position2 = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content2 = _useParams_params.content, duration = _useParams_params.duration, type2 = _useParams_params.type, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, onClose = _useParams_params.onClose, wordBreak = _useParams_params.wordBreak, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps$t, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position2 = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content2 = _useParams_params.content, duration = _useParams_params.duration, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, wordBreak = _useParams_params.wordBreak, zIndex = _useParams_params.zIndex, onClose = _useParams_params.onClose, setParams = _useParams.setParams;
+    var classPrefix2 = "nut-toast";
     var timer = React.useRef(-1);
     var rtl = useRtl();
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -37626,19 +37285,21 @@
         _$hide();
       }
     };
-    var hasIcon = function() {
-      return type2 !== "text" || !!icon;
-    };
-    var iconName = function() {
-      if (icon) {
-        return icon;
+    var renderIcon = function() {
+      var iconNode = icon;
+      if (typeof icon === "string") {
+        iconNode = {
+          success: /* @__PURE__ */ React.createElement(t$1, null),
+          fail: /* @__PURE__ */ React.createElement(N, null),
+          warn: /* @__PURE__ */ React.createElement(c$1, null),
+          loading: /* @__PURE__ */ React.createElement(z, {
+            className: "nut-icon-loading"
+          })
+        }[icon];
       }
-      return {
-        success: /* @__PURE__ */ React.createElement(t$1, null),
-        fail: /* @__PURE__ */ React.createElement(N, null),
-        warn: /* @__PURE__ */ React.createElement(c$1, null),
-        loading: /* @__PURE__ */ React.createElement(z, null)
-      }[type2];
+      return iconNode && /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix2, "-icon-wrapper")
+      }, iconNode);
     };
     var classes = classNames({
       "nut-toast-has-icon": icon,
@@ -37648,28 +37309,27 @@
       left: "50%",
       transform: "translate(-50%, -50%)"
     } : null;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, innerVisible ? /* @__PURE__ */ React.createElement(Overlay, {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, innerVisible && /* @__PURE__ */ React.createElement(Overlay, {
       visible: innerVisible,
       style,
-      className: "".concat(classPrefix$9, "-overlay-default-taro ").concat(className),
+      zIndex,
+      className: "".concat(classPrefix2, "-overlay-default-taro ").concat(className),
       closeOnOverlayClick,
       lockScroll,
       onClick: function() {
         clickCover();
       }
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$9, " ").concat(classes),
+      className: "".concat(classPrefix2, " ").concat(classes),
       id
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames("".concat(classPrefix$9, "-inner"), "".concat(classPrefix$9, "-").concat(position2), contentClassName, "".concat(classPrefix$9, "-inner-").concat(size), "".concat(classPrefix$9, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix$9, "-inner-descrption"), content2)),
+      className: classNames("".concat(classPrefix2, "-inner"), "".concat(classPrefix2, "-").concat(position2), contentClassName, "".concat(classPrefix2, "-inner-").concat(size), "".concat(classPrefix2, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix2, "-inner-descrption"), content2)),
       style: _object_spread({}, styles, contentStyle)
-    }, hasIcon() ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix$9, "-icon-wrapper")
-    }, iconName()) : null, title ? /* @__PURE__ */ React.createElement(components.Text, {
-      className: "".concat(classPrefix$9, "-title")
-    }, title) : null, content2 ? /* @__PURE__ */ React.createElement(components.Text, {
-      className: "".concat(classPrefix$9, "-text")
-    }, content2) : null))) : null);
+    }, renderIcon(), title && /* @__PURE__ */ React.createElement(components.Text, {
+      className: "".concat(classPrefix2, "-title")
+    }, title), content2 && /* @__PURE__ */ React.createElement(components.Text, {
+      className: "".concat(classPrefix2, "-text")
+    }, content2)))));
   };
   function show(selector, options) {
     var path = useCustomEventsPath(selector);
@@ -37701,21 +37361,20 @@
     var _obj;
     var classes = classNames((_obj = {
       "nut-ani-container": true
-    }, _define_property(_obj, "".concat(classPrefix$8, "-").concat(type2), action === "initial" || clicked ? type2 : false), _define_property(_obj, "loop", loop), _obj));
-    var cls = classNames(classes, className);
+    }, _define_property(_obj, "".concat(classPrefix$8, "-").concat(type2), action === "initial" || clicked), _define_property(_obj, "loop", loop), _obj), className);
     var handleClick = function(event) {
       setClicked(true);
       if (!loop) {
         setTimeout(function() {
-          setClicked(false);
+          return setClicked(false);
         }, 1e3);
       }
-      onClick && onClick(event);
+      onClick(event);
     };
     return /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-animate"
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: cls,
+      className: classes,
       onClick: handleClick,
       style
     }, children));
@@ -39016,7 +38675,7 @@
     style: {}
   };
   var classPrefix$4 = "nut-swiper";
-  var Swiper$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var Swiper = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps$i, props), width2 = _ref.width, height2 = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, loop = _ref.loop, autoPlay = _ref.autoPlay;
     _ref.duration;
     var direction = _ref.direction, defaultValue = _ref.defaultValue;
@@ -39128,7 +38787,7 @@
       }, child);
     }))), renderIndicator());
   });
-  Swiper$1.displayName = "NutSwiper";
+  Swiper.displayName = "NutSwiper";
   var SwiperItem = function(props) {
     var children = props.children;
     _object_without_properties(props, [
@@ -39137,9 +38796,8 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
   SwiperItem.displayName = "NutSwiperItem";
-  var InnerSwiper = Swiper$1;
+  var InnerSwiper = Swiper;
   InnerSwiper.Item = SwiperItem;
-  const Swiper = InnerSwiper;
   var defaultProps$h = _object_spread_props(_object_spread({}, ComponentDefaults), {
     images: [],
     videos: [],
@@ -39307,7 +38965,7 @@
       style,
       ref,
       onTouchStart
-    }, /* @__PURE__ */ React.createElement(Swiper, {
+    }, /* @__PURE__ */ React.createElement(InnerSwiper, {
       autoPlay,
       className: "".concat(classPrefix2, "-swiper"),
       loop: true,
@@ -40317,7 +39975,7 @@
       "containerHeight"
     ]);
     var clientHeight = React.useMemo(function() {
-      return Taro.getSystemInfoSync().windowHeight - 5 || 667;
+      return getWindowInfo().windowHeight - 5 || 667;
     }, []);
     var containerHeight = React.useMemo(function() {
       return origContainerHeight !== null && origContainerHeight !== void 0 ? origContainerHeight : clientHeight;
@@ -41163,7 +40821,7 @@
     var _useState = _sliced_to_array(React.useState(false), 2), visible = _useState[0], setVisible = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(false), 2), moving = _useState1[0], setMoving = _useState1[1];
     var _useState2 = _sliced_to_array(React.useState(false), 2), zooming = _useState2[0], setZooming = _useState2[1];
-    var systemInfo = Taro.getSystemInfoSync();
+    var systemInfo = getWindowInfo();
     var showAlipayCanvas2D = React.useMemo(function() {
       return Taro.getEnv() === "ALIPAY" && parseInt(Taro.SDKVersion.replace(/\./g, "")) >= 270;
     }, []);
@@ -41735,7 +41393,7 @@
   exports.Cascader = Cascader;
   exports.Cell = Cell;
   exports.CellGroup = CellGroup;
-  exports.Checkbox = InnerCheckbox$1;
+  exports.Checkbox = InnerCheckbox;
   exports.CheckboxGroup = CheckboxGroup;
   exports.CircleProgress = CircleProgress;
   exports.Col = Col;
@@ -41751,7 +41409,7 @@
   exports.Ellipsis = Ellipsis;
   exports.Empty = Empty;
   exports.FixedNav = FixedNav;
-  exports.Form = InnerForm$1;
+  exports.Form = InnerForm;
   exports.FormItem = FormItem;
   exports.Grid = Grid;
   exports.GridItem = GridItem;
@@ -41765,7 +41423,7 @@
   exports.InputNumber = InputNumber;
   exports.Layout = Layout;
   exports.Loading = Loading;
-  exports.Lottie = Lottie$1;
+  exports.Lottie = Lottie;
   exports.Menu = Menu;
   exports.MenuItem = MenuItem;
   exports.NavBar = NavBar;
@@ -41775,12 +41433,13 @@
   exports.Overlay = Overlay;
   exports.Pagination = Pagination;
   exports.Picker = Picker;
+  exports.PickerView = PickerView;
   exports.Popover = Popover;
   exports.Popup = Popup;
   exports.Price = Price;
   exports.Progress = Progress;
   exports.PullToRefresh = PullToRefresh;
-  exports.Radio = Radio;
+  exports.Radio = InnerRadio;
   exports.RadioGroup = RadioGroup;
   exports.Range = Range;
   exports.Rate = Rate;
@@ -41802,7 +41461,7 @@
   exports.Sticky = Sticky;
   exports.SubSideNavBar = SubSideNavBar;
   exports.Swipe = Swipe;
-  exports.Swiper = Swiper;
+  exports.Swiper = InnerSwiper;
   exports.SwiperItem = SwiperItem;
   exports.Switch = Switch;
   exports.TabPane = TabPane;