@nutui/nutui-react-taro 3.0.0-beta.10 → 3.0.0-beta.12

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,12 +403,6 @@
       "jdharmony"
     ].includes(Taro.getEnv().toLowerCase());
   };
-  var rn = function() {
-    return [
-      "rn",
-      "jdrn"
-    ].includes(Taro.getEnv().toLowerCase());
-  };
   var web = function() {
     return [
       "web"
@@ -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,10 +510,10 @@
         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";
@@ -531,7 +523,7 @@
     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, [
       "children",
@@ -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);
+      throw error;
     }
-    function stubArray() {
-      return [];
-    }
-    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,7 +1135,6 @@
   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), {
@@ -1738,7 +1148,7 @@
     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;
@@ -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";
@@ -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,43 +3274,38 @@
     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({});
@@ -3945,7 +3357,7 @@
     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;
     _object_without_properties(_ref, [
@@ -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);
@@ -4127,7 +3539,7 @@
     }, "Layout");
   };
   Layout.displayName = "NutLayout";
-  var classPrefix$r = "nut-row";
+  var classPrefix$q = "nut-row";
   var defaultProps$1s = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "",
     justify: "start",
@@ -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
@@ -4368,19 +3780,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) {
@@ -4405,7 +3804,7 @@
     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;
     _ref.style;
@@ -4564,7 +3963,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 +3973,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";
@@ -4592,14 +3991,13 @@
     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 _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 +4007,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,
@@ -4642,7 +4040,7 @@
   HoverButtonItem.displayName = "NutHoverButtonItem";
   var UI_BOTTOM_DISTANCE = 60;
   var defaultProps$1o = _object_spread({}, ComponentDefaults);
-  var classPrefix$n = "nut-hoverbutton";
+  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 rtl = useRtl();
@@ -4653,15 +4051,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
@@ -4680,8 +4077,7 @@
     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 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) {
@@ -4996,53 +4392,37 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1l = _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$1l, 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 +4432,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 +4446,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"
@@ -5135,7 +4515,7 @@
     }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  var defaultProps$1j = _object_spread(_object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1j = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: "center",
     transition: "",
     overlayStyle: {},
@@ -5151,13 +4531,13 @@
     },
     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;
@@ -5168,17 +4548,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 +4575,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 +4617,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 +4651,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) {
@@ -5432,7 +4797,7 @@
     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, [
       "contentDuration",
@@ -5478,8 +4843,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 +4879,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 +4927,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 +4942,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)) {
@@ -5894,9 +5259,9 @@
     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), {
     tabStyle: {},
@@ -5906,7 +5271,7 @@
     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, [
@@ -5930,7 +5295,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 +5302,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 +5332,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 +5352,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 +5371,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 +5400,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 +5413,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,50 +5431,47 @@
       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";
@@ -8481,7 +7828,7 @@
     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 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, [
@@ -8563,27 +7910,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 +7941,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,7 +7961,7 @@
       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());
@@ -8632,7 +7979,7 @@
     },
     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, [
       "children",
@@ -8737,13 +8084,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();
@@ -8937,7 +8283,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 +8309,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")
         },
@@ -11278,7 +10627,6 @@
   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) {
@@ -11500,7 +10848,7 @@
     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);
     _ref.children;
@@ -11529,9 +10877,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 +11017,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,12 +11035,12 @@
       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";
@@ -12260,7 +11598,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 +11693,7 @@
       onClick: handleClick
     }, renderRadioItem());
   };
-  Radio$1.displayName = "NutRadio";
+  Radio.displayName = "NutRadio";
   var defaultProps$S = {
     labelPosition: "right",
     onChange: function(value2) {
@@ -12363,7 +11701,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 +11718,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 +11733,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 +11766,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 +11776,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 +11792,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 +11854,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 +12080,7 @@
               if (dragStatus === "start") {
                 onStart && onStart();
               }
-              touch.move(isRn ? event.nativeEvent : event);
+              touch.move(event);
               setDragStatus("draging");
               return [
                 4,
@@ -12824,31 +12159,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 +12172,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 +12195,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 +12208,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 +12222,7 @@
       vertical
     ]);
     var wrapperTransform = React.useMemo(function() {
-      var wrapperTransformRN = [
+      [
         {
           translateX: pxTransform(vertical ? -12 : -13)
         },
@@ -12915,21 +12231,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 +12246,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 +12262,7 @@
           onTouchEnd,
           onTouchCancel: onTouchEnd,
           onClick: function(e2) {
-            return !isRn && e2.stopPropagation();
+            return e2.stopPropagation();
           }
         }, renderButton(index2));
       });
@@ -12973,7 +12279,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 +12289,7 @@
         onTouchEnd,
         onTouchCancel: onTouchEnd,
         onClick: function(e2) {
-          return !isRn && e2.stopPropagation();
+          return e2.stopPropagation();
         }
       }, renderButton());
     }, [
@@ -13008,7 +12314,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 +12322,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";
@@ -13936,7 +13242,7 @@
     React.useEffect(function() {
       if (web()) {
         handleWebObserver();
-      } else if (!harmonyAndRn()) {
+      } else if (!harmony()) {
         handleOtherObserver();
       }
     }, []);
@@ -13951,19 +13257,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 +13929,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 +13968,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 +14017,7 @@
       setParams
     };
   }
-  var defaultProps$H = {
+  var defaultProps$H = _object_spread_props(_object_spread({}, defaultOverlayProps, defaultContentProps), {
     title: "",
     content: "",
     header: "",
@@ -14712,40 +14025,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 +14158,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 +14169,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",
@@ -15076,7 +14390,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 +14403,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 +14421,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 +14507,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 +14543,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 +31431,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 +31477,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 +31489,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 +35139,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();
@@ -35876,24 +35189,34 @@
       onComplete && animation.current && animation.current.removeEventListener("complete", onComplete);
       animation.current && animation.current.destroy();
     });
-    return /* @__PURE__ */ React.createElement(components.Canvas, {
+    return Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React.createElement("canvas", {
       id,
-      "canvas-id": id,
+      // @ts-ignore
+      // eslint-disable-next-line react/no-unknown-property
+      canvasId: id,
+      // eslint-disable-next-line react/no-unknown-property
+      disalbeScroll: true,
       type: "2d",
       style
+    }) : /* @__PURE__ */ React.createElement("canvas", {
+      id,
+      // eslint-disable-next-line react/no-unknown-property
+      "canvas-id": id,
+      // eslint-disable-next-line react/no-unknown-property
+      "disalbe-scroll": true,
+      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
@@ -35925,7 +35248,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
@@ -36395,7 +35718,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) {
@@ -36436,8 +35759,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,
@@ -36450,13 +35773,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);
@@ -36492,7 +35809,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, [
@@ -36654,7 +35971,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);
@@ -36779,7 +36096,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, {
@@ -36915,11 +36232,6 @@
         setStatus(height2 > threshold ? "canRelease" : "pulling");
       }
       clearTimeout(timer.current);
-      if (rn()) {
-        timer.current = setTimeout(function() {
-          handleTouchEnd();
-        }, 300);
-      }
     };
     function _doRefresh() {
       _doRefresh = _async_to_generator(function() {
@@ -36996,6 +36308,7 @@
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classes,
       style: props.style,
+      catchMove: true,
       onTouchStart: handleTouchStart,
       onTouchMove: handleTouchMove,
       onTouchEnd: handleTouchEnd
@@ -37025,12 +36338,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
@@ -37053,7 +36366,7 @@
   };
   AvatarGroup.displayName = "NutAvatarGroup";
   var defaultProps$w = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmonyAndRn() ? "40" : "",
+    size: harmony() ? "40" : "",
     shape: "round",
     icon: "",
     background: "#eee",
@@ -37062,7 +36375,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];
@@ -37081,14 +36394,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)
@@ -37497,7 +36810,7 @@
       };
     });
     React.useEffect(function() {
-      if (harmonyAndRn()) return;
+      if (harmony()) return;
       var handler = function(event) {
         var targets = [
           root2
@@ -37534,7 +36847,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",
@@ -37542,18 +36855,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({
@@ -37614,19 +36928,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,
@@ -37636,28 +36952,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);
@@ -39004,7 +38319,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;
@@ -39116,7 +38431,7 @@
       }, child);
     }))), renderIndicator());
   });
-  Swiper$1.displayName = "NutSwiper";
+  Swiper.displayName = "NutSwiper";
   var SwiperItem = function(props) {
     var children = props.children;
     _object_without_properties(props, [
@@ -39125,9 +38440,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: [],
@@ -39295,7 +38609,7 @@
       style,
       ref,
       onTouchStart
-    }, /* @__PURE__ */ React.createElement(Swiper, {
+    }, /* @__PURE__ */ React.createElement(InnerSwiper, {
       autoPlay,
       className: "".concat(classPrefix2, "-swiper"),
       loop: true,
@@ -41723,7 +41037,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;
@@ -41739,7 +41053,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;
@@ -41753,7 +41067,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;
@@ -41768,7 +41082,7 @@
   exports.Price = Price;
   exports.Progress = Progress;
   exports.PullToRefresh = PullToRefresh;
-  exports.Radio = Radio;
+  exports.Radio = InnerRadio;
   exports.RadioGroup = RadioGroup;
   exports.Range = Range;
   exports.Rate = Rate;
@@ -41790,7 +41104,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;