@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.7 Wed Oct 19 2022 16:54:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -338,8 +338,8 @@
   function isAbsolute(pathname) {
     return pathname.charAt(0) === "/";
   }
-  function spliceOne(list, index2) {
-    for (var i = index2, k2 = i + 1, n2 = list.length; k2 < n2; i += 1, k2 += 1) {
+  function spliceOne(list, index) {
+    for (var i = index, k2 = i + 1, n2 = list.length; k2 < n2; i += 1, k2 += 1) {
       list[i] = list[k2];
     }
     list.pop();
@@ -400,7 +400,7 @@
       throw new Error(prefix$1);
     }
     var provided = typeof message === "function" ? message() : message;
-    var value = provided ? prefix$1 + ": " + provided : prefix$1;
+    var value = provided ? "".concat(prefix$1, ": ").concat(provided) : prefix$1;
     throw new Error(value);
   }
   function parsePath(path) {
@@ -552,7 +552,7 @@
     function createKey() {
       return Math.random().toString(36).substr(2, keyLength);
     }
-    var index2 = clamp$1(initialIndex, 0, initialEntries.length - 1);
+    var index = clamp$1(initialIndex, 0, initialEntries.length - 1);
     var entries = initialEntries.map(function(entry) {
       return typeof entry === "string" ? createLocation(entry, void 0, createKey()) : createLocation(entry, void 0, entry.key || createKey());
     });
@@ -630,8 +630,8 @@
     var history = {
       length: entries.length,
       action: "POP",
-      location: entries[index2],
-      index: index2,
+      location: entries[index],
+      index,
       entries,
       createHref,
       push,
@@ -645,136 +645,6 @@
     };
     return history;
   }
-  var MAX_SIGNED_31_BIT_INT = 1073741823;
-  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {};
-  function getUniqueId() {
-    var key = "__global_unique_id__";
-    return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;
-  }
-  function objectIs(x2, y2) {
-    if (x2 === y2) {
-      return x2 !== 0 || 1 / x2 === 1 / y2;
-    } else {
-      return x2 !== x2 && y2 !== y2;
-    }
-  }
-  function createEventEmitter(value) {
-    var handlers = [];
-    return {
-      on: function on(handler) {
-        handlers.push(handler);
-      },
-      off: function off(handler) {
-        handlers = handlers.filter(function(h2) {
-          return h2 !== handler;
-        });
-      },
-      get: function get() {
-        return value;
-      },
-      set: function set(newValue, changedBits) {
-        value = newValue;
-        handlers.forEach(function(handler) {
-          return handler(value, changedBits);
-        });
-      }
-    };
-  }
-  function onlyChild(children) {
-    return Array.isArray(children) ? children[0] : children;
-  }
-  function createReactContext(defaultValue, calculateChangedBits) {
-    var _Provider$childContex, _Consumer$contextType;
-    var contextProp = "__create-react-context-" + getUniqueId() + "__";
-    var Provider = /* @__PURE__ */ function(_Component) {
-      _inheritsLoose(Provider2, _Component);
-      function Provider2() {
-        var _this;
-        _this = _Component.apply(this, arguments) || this;
-        _this.emitter = createEventEmitter(_this.props.value);
-        return _this;
-      }
-      var _proto = Provider2.prototype;
-      _proto.getChildContext = function getChildContext() {
-        var _ref;
-        return _ref = {}, _ref[contextProp] = this.emitter, _ref;
-      };
-      _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-        if (this.props.value !== nextProps.value) {
-          var oldValue = this.props.value;
-          var newValue = nextProps.value;
-          var changedBits;
-          if (objectIs(oldValue, newValue)) {
-            changedBits = 0;
-          } else {
-            changedBits = typeof calculateChangedBits === "function" ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
-            changedBits |= 0;
-            if (changedBits !== 0) {
-              this.emitter.set(nextProps.value, changedBits);
-            }
-          }
-        }
-      };
-      _proto.render = function render2() {
-        return this.props.children;
-      };
-      return Provider2;
-    }(React.Component);
-    Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);
-    var Consumer = /* @__PURE__ */ function(_Component2) {
-      _inheritsLoose(Consumer2, _Component2);
-      function Consumer2() {
-        var _this2;
-        _this2 = _Component2.apply(this, arguments) || this;
-        _this2.state = {
-          value: _this2.getValue()
-        };
-        _this2.onUpdate = function(newValue, changedBits) {
-          var observedBits = _this2.observedBits | 0;
-          if ((observedBits & changedBits) !== 0) {
-            _this2.setState({
-              value: _this2.getValue()
-            });
-          }
-        };
-        return _this2;
-      }
-      var _proto2 = Consumer2.prototype;
-      _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-        var observedBits = nextProps.observedBits;
-        this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
-      };
-      _proto2.componentDidMount = function componentDidMount() {
-        if (this.context[contextProp]) {
-          this.context[contextProp].on(this.onUpdate);
-        }
-        var observedBits = this.props.observedBits;
-        this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
-      };
-      _proto2.componentWillUnmount = function componentWillUnmount() {
-        if (this.context[contextProp]) {
-          this.context[contextProp].off(this.onUpdate);
-        }
-      };
-      _proto2.getValue = function getValue() {
-        if (this.context[contextProp]) {
-          return this.context[contextProp].get();
-        } else {
-          return defaultValue;
-        }
-      };
-      _proto2.render = function render2() {
-        return onlyChild(this.props.children)(this.state.value);
-      };
-      return Consumer2;
-    }(React.Component);
-    Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);
-    return {
-      Provider,
-      Consumer
-    };
-  }
-  var index = React__default["default"].createContext || createReactContext;
   var pathToRegexp$2 = { exports: {} };
   var isarray$1 = Array.isArray || function(arr) {
     return Object.prototype.toString.call(arr) == "[object Array]";
@@ -792,7 +662,7 @@
   function parse$1(str, options2) {
     var tokens = [];
     var key = 0;
-    var index2 = 0;
+    var index = 0;
     var path = "";
     var defaultDelimiter = options2 && options2.delimiter || "/";
     var res;
@@ -800,13 +670,13 @@
       var m2 = res[0];
       var escaped = res[1];
       var offset = res.index;
-      path += str.slice(index2, offset);
-      index2 = offset + m2.length;
+      path += str.slice(index, offset);
+      index = offset + m2.length;
       if (escaped) {
         path += escaped[1];
         continue;
       }
-      var next = str[index2];
+      var next = str[index];
       var prefix2 = res[2];
       var name = res[3];
       var capture = res[4];
@@ -833,8 +703,8 @@
         pattern: pattern ? escapeGroup(pattern) : asterisk ? ".*" : "[^" + escapeString(delimiter) + "]+?"
       });
     }
-    if (index2 < str.length) {
-      path += str.substr(index2);
+    if (index < str.length) {
+      path += str.substr(index);
     }
     if (path) {
       tokens.push(path);
@@ -1148,8 +1018,145 @@
   var TYPE_STATICS = {};
   TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
   TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
+  var MAX_SIGNED_31_BIT_INT = 1073741823;
+  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {};
+  function getUniqueId() {
+    var key = "__global_unique_id__";
+    return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;
+  }
+  function objectIs(x2, y2) {
+    if (x2 === y2) {
+      return x2 !== 0 || 1 / x2 === 1 / y2;
+    } else {
+      return x2 !== x2 && y2 !== y2;
+    }
+  }
+  function createEventEmitter(value) {
+    var handlers = [];
+    return {
+      on: function on(handler) {
+        handlers.push(handler);
+      },
+      off: function off(handler) {
+        handlers = handlers.filter(function(h2) {
+          return h2 !== handler;
+        });
+      },
+      get: function get() {
+        return value;
+      },
+      set: function set(newValue, changedBits) {
+        value = newValue;
+        handlers.forEach(function(handler) {
+          return handler(value, changedBits);
+        });
+      }
+    };
+  }
+  function onlyChild(children) {
+    return Array.isArray(children) ? children[0] : children;
+  }
+  function createReactContext(defaultValue, calculateChangedBits) {
+    var _Provider$childContex, _Consumer$contextType;
+    var contextProp = "__create-react-context-" + getUniqueId() + "__";
+    var Provider = /* @__PURE__ */ function(_React$Component) {
+      _inheritsLoose(Provider2, _React$Component);
+      function Provider2() {
+        var _this;
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+        _this.emitter = createEventEmitter(_this.props.value);
+        return _this;
+      }
+      var _proto = Provider2.prototype;
+      _proto.getChildContext = function getChildContext() {
+        var _ref;
+        return _ref = {}, _ref[contextProp] = this.emitter, _ref;
+      };
+      _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+        if (this.props.value !== nextProps.value) {
+          var oldValue = this.props.value;
+          var newValue = nextProps.value;
+          var changedBits;
+          if (objectIs(oldValue, newValue)) {
+            changedBits = 0;
+          } else {
+            changedBits = typeof calculateChangedBits === "function" ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
+            changedBits |= 0;
+            if (changedBits !== 0) {
+              this.emitter.set(nextProps.value, changedBits);
+            }
+          }
+        }
+      };
+      _proto.render = function render2() {
+        return this.props.children;
+      };
+      return Provider2;
+    }(React__default["default"].Component);
+    Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);
+    var Consumer = /* @__PURE__ */ function(_React$Component2) {
+      _inheritsLoose(Consumer2, _React$Component2);
+      function Consumer2() {
+        var _this2;
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        _this2 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
+        _this2.observedBits = void 0;
+        _this2.state = {
+          value: _this2.getValue()
+        };
+        _this2.onUpdate = function(newValue, changedBits) {
+          var observedBits = _this2.observedBits | 0;
+          if ((observedBits & changedBits) !== 0) {
+            _this2.setState({
+              value: _this2.getValue()
+            });
+          }
+        };
+        return _this2;
+      }
+      var _proto2 = Consumer2.prototype;
+      _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+        var observedBits = nextProps.observedBits;
+        this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
+      };
+      _proto2.componentDidMount = function componentDidMount() {
+        if (this.context[contextProp]) {
+          this.context[contextProp].on(this.onUpdate);
+        }
+        var observedBits = this.props.observedBits;
+        this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
+      };
+      _proto2.componentWillUnmount = function componentWillUnmount() {
+        if (this.context[contextProp]) {
+          this.context[contextProp].off(this.onUpdate);
+        }
+      };
+      _proto2.getValue = function getValue() {
+        if (this.context[contextProp]) {
+          return this.context[contextProp].get();
+        } else {
+          return defaultValue;
+        }
+      };
+      _proto2.render = function render2() {
+        return onlyChild(this.props.children)(this.state.value);
+      };
+      return Consumer2;
+    }(React__default["default"].Component);
+    Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);
+    return {
+      Provider,
+      Consumer
+    };
+  }
+  var createContext = React__default["default"].createContext || createReactContext;
   var createNamedContext = function createNamedContext2(name) {
-    var context2 = index();
+    var context2 = createContext();
     context2.displayName = name;
     return context2;
   };
@@ -1319,8 +1326,8 @@
         path: path2,
         url: path2 === "/" && url === "" ? "/" : url,
         isExact,
-        params: keys.reduce(function(memo, key, index2) {
-          memo[key.name] = values[index2];
+        params: keys.reduce(function(memo, key, index) {
+          memo[key.name] = values[index];
           return memo;
         }, {})
       };
@@ -2207,13 +2214,13 @@
       iconClassPrefix,
       iconFontClassName
     } = props;
-    const [index2, setIndex] = React.useState(zIndex || _zIndex);
+    const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
     const [transitionName, setTransitionName] = React.useState("");
     const b2 = cn("popup");
     const baseStyle = {
-      zIndex: index2,
+      zIndex: index,
       animationDuration: `${duration}s`
     };
     const overlayStyles = {
@@ -2704,7 +2711,7 @@
     const {
       children,
       columnNum,
-      index: index2,
+      index,
       gutter,
       square,
       text,
@@ -2736,7 +2743,7 @@
         style.paddingTop = `${100 / +columnNum}%`;
       } else if (gutter) {
         style.paddingRight = pxCheck2(gutter);
-        if (index2 >= columnNum) {
+        if (index >= columnNum) {
           style.marginTop = pxCheck2(gutter);
         }
       }
@@ -3146,11 +3153,11 @@
       className: "list"
     }, slotList || /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-fixednav__list"
-    }, navList.map((item, index2) => {
+    }, navList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-fixednav__list-item",
         onClick: (event) => onSelectCb(event, item),
-        key: item.id || index2
+        key: item.id || index
       }, /* @__PURE__ */ React__default["default"].createElement("img", {
         src: item.icon,
         alt: ""
@@ -3265,7 +3272,7 @@
       active,
       activeColor,
       unactiveColor,
-      index: index2,
+      index,
       handleClick: handleClick2,
       iconClassPrefix,
       iconFontClassName
@@ -3291,7 +3298,7 @@
         color: active ? activeColor : unactiveColor
       },
       onClick: () => {
-        handleClick2(index2);
+        handleClick2(index);
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon()}`
@@ -5452,8 +5459,8 @@
     return currentFrame.length > 0;
   }
   function findIndex(arr, test) {
-    const index2 = arr.findIndex(test);
-    return index2 < 0 ? arr.length : index2;
+    const index = arr.findIndex(test);
+    return index < 0 ? arr.length : index;
   }
   const colors = {
     transparent: 0,
@@ -7905,8 +7912,8 @@
       each(current, (ctrl, i) => ctrl.update(this._getProps(props, ctrl, i)));
       return this;
     };
-    const _getProps = function _getProps2(arg, ctrl, index2) {
-      return is.fun(arg) ? arg(index2, ctrl) : arg;
+    const _getProps = function _getProps2(arg, ctrl, index) {
+      return is.fun(arg) ? arg(index, ctrl) : arg;
     };
     SpringRef2._getProps = _getProps;
     return SpringRef2;
@@ -8378,18 +8385,18 @@
         state.current.listHeight.push(height2);
       }
     };
-    const scrollTo = (index2) => {
-      if (!index2 && index2 !== 0) {
+    const scrollTo = (index) => {
+      if (!index && index !== 0) {
         return;
       }
       if (!state.current.listHeight.length) {
         calculateHeight();
       }
-      let cacheIndex = index2;
-      if (index2 < 0) {
+      let cacheIndex = index;
+      if (index < 0) {
         cacheIndex = 0;
       }
-      if (index2 > state.current.listHeight.length - 2) {
+      if (index > state.current.listHeight.length - 2) {
         cacheIndex = state.current.listHeight.length - 2;
       }
       setCodeIndex(cacheIndex);
@@ -8400,11 +8407,11 @@
     const bind = useGesture({
       onDragStart: ({ target, offset }) => {
         setScrollStart(true);
-        const index2 = Number(getData(target, "index"));
+        const index = Number(getData(target, "index"));
         touchState.current.y1 = offset[1];
-        state.current.anchorIndex = +index2;
-        setCodeIndex((codeIndex2) => codeIndex2 + index2);
-        scrollTo(index2);
+        state.current.anchorIndex = +index;
+        setCodeIndex((codeIndex2) => codeIndex2 + index);
+        scrollTo(index);
       },
       onDragEnd: ({ offset }) => {
         touchState.current.y2 = offset[1];
@@ -8509,13 +8516,13 @@
       className: b2("bars__inner"),
       ...bind(),
       style: { touchAction: "pan-y" }
-    }, indexList.map((item, index2) => {
+    }, indexList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("bars__inner__item", {
           active: item[acceptKey] === indexList[currentIndex][acceptKey]
         }),
-        "data-index": index2,
-        key: index2,
+        "data-index": index,
+        key: index,
         onClick: () => handleClickIndex(item[acceptKey])
       }, item[acceptKey]);
     }))));
@@ -8641,9 +8648,9 @@
       onClick: (e2) => selectPage(Number(currentPage) - 1, true)
     }, prevText || locale.pagination.prev), mode === "multi" ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${paginationBem("contain")}`
-    }, pages.map((item, index2) => {
+    }, pages.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        key: `${index2}pagination`,
+        key: `${index}pagination`,
         className: `${paginationBem("item")} ${item.active ? "active" : ""}`,
         onClick: (e2) => !item.active ? selectPage(item.number, true) : ""
       }, pageNodeRender ? pageNodeRender(item) : item.text);
@@ -8750,12 +8757,12 @@
       color: type === "smile" ? color : "",
       background: type === "line" ? color : ""
     };
-    const index2 = titles.current.findIndex((t2) => t2.paneKey === value);
+    const index = titles.current.findIndex((t2) => t2.paneKey === value);
     const contentStyle = {
-      transform: direction === "horizontal" ? `translate3d(-${index2 * 100}%, 0, 0)` : `translate3d( 0,-${index2 * 100}%, 0)`,
+      transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${animatedTime}ms`
     };
-    const tabChange = (item, index22) => {
+    const tabChange = (item, index2) => {
       onClick && onClick(item);
       if (item.disabled) {
         return;
@@ -8769,7 +8776,7 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classesTitle,
       style: { background }
-    }, !!titleNode && typeof titleNode === "function" ? titleNode() : titles.current.map((item, index22) => {
+    }, !!titleNode && typeof titleNode === "function" ? titleNode() : titles.current.map((item, index2) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         style: titleStyle,
         onClick: (e2) => tabChange(item),
@@ -9074,7 +9081,6 @@
     const onScroll = () => {
       const { scrollFixed: scrollFixed2 } = props;
       const scrollTop = getScrollTop(window);
-      console.log(scrollTop);
       const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
       setIsScrollFixed(isFixed);
     };
@@ -9086,27 +9092,27 @@
     }, []);
     const [itemShow, setItemShow] = React.useState([]);
     const [itemTitle, setItemTitle] = React.useState([]);
-    const toggleItemShow = (index2) => {
-      itemShow[index2] = !itemShow[index2];
-      const temp = itemShow.map((i, idx) => idx === index2 ? i : false);
+    const toggleItemShow = (index) => {
+      itemShow[index] = !itemShow[index];
+      const temp = itemShow.map((i, idx) => idx === index ? i : false);
       setItemShow([...temp]);
     };
-    const hideItemShow = (index2) => {
-      itemShow[index2] = false;
+    const hideItemShow = (index) => {
+      itemShow[index] = false;
       setItemShow([...itemShow]);
     };
-    const updateTitle = (text, index2) => {
-      itemTitle[index2] = text;
+    const updateTitle = (text, index) => {
+      itemTitle[index] = text;
       setItemTitle([...itemTitle]);
     };
     const parent = () => {
       return parentRef;
     };
     const cloneChildren = () => {
-      return React__default["default"].Children.map(children, (child, index2) => {
+      return React__default["default"].Children.map(children, (child, index) => {
         return React__default["default"].cloneElement(child, {
-          showPopup: itemShow[index2],
-          orderKey: index2,
+          showPopup: itemShow[index],
+          orderKey: index,
           activeColor,
           parent: {
             closeOnClickOverlay,
@@ -9119,14 +9125,15 @@
         });
       });
     };
-    console.log("isScrollFixed", isScrollFixed);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-menu ${className} ${isScrollFixed ? "scroll-fixed" : ""}`,
       ...rest,
       ref: parentRef
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-menu-relative"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-menu__bar ${itemShow.includes(true) ? "opened" : ""} ${className}`
-    }, React__default["default"].Children.toArray(children).map((child, index2) => {
+    }, React__default["default"].Children.toArray(children).map((child, index) => {
       if (!child)
         return null;
       const { disabled, title, value, direction, options: options2 } = child.props;
@@ -9136,25 +9143,25 @@
       function finallyTitle() {
         if (title)
           return title;
-        if (itemTitle && itemTitle[index2])
-          return itemTitle[index2];
+        if (itemTitle && itemTitle[index])
+          return itemTitle[index];
         if (currentTitle && currentTitle[0] && currentTitle[0].text)
           return currentTitle[0].text;
         return "";
       }
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-menu__item ${classNames({
-          active: itemShow[index2],
+          active: itemShow[index],
           disabled
         })}`,
-        style: { color: itemShow[index2] ? activeColor : "" },
-        key: index2,
+        style: { color: itemShow[index] ? activeColor : "" },
+        key: index,
         onClick: () => {
-          !disabled && toggleItemShow(index2);
+          !disabled && toggleItemShow(index);
         }
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-menu__title ${classNames({
-          active: itemShow[index2],
+          active: itemShow[index],
           disabled
         })}`
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -9166,7 +9173,7 @@
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
       })));
-    })), cloneChildren());
+    })), cloneChildren()));
   };
   Menu.defaultProps = defaultProps$_;
   Menu.displayName = "NutMenu";
@@ -9239,7 +9246,6 @@
       setTimeout(() => {
         const p2 = parent.parent().current;
         const rect = p2.getBoundingClientRect();
-        console.log(rect, p2.offsetTop, window.screenTop);
         setPosition({
           height: rect.height,
           top: rect.top
@@ -9285,18 +9291,17 @@
         parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
       }
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "nut-menu-item__wrap",
+      className: direction === "down" ? "nut-menu-item__wrap" : "nut-menu-item__wrap-up",
       style: {
-        ...getPosition(),
         ...isShow()
       }
     }, /* @__PURE__ */ React__default["default"].createElement(CSSTransition$1, {
       in: _showPopup,
       timeout: 100,
-      classNames: "menu-item"
+      classNames: direction === "down" ? "menu-item" : "menu-item-up"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-menu-item__content"
-    }, options2 == null ? void 0 : options2.map((item, index2) => {
+    }, options2 == null ? void 0 : options2.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-menu-item__option ${classNames({
           active: item.value === _value
@@ -9920,20 +9925,20 @@
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-range-bar",
       style: barStyle()
-    }, range ? [0, 1].map((item, index2) => {
+    }, range ? [0, 1].map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         role: "slider",
-        key: index2,
-        className: `${index2 === 0 ? "nut-range-button-wrapper-left" : ""}
-                  ${index2 === 1 ? "nut-range-button-wrapper-right" : ""}`,
+        key: index,
+        className: `${index === 0 ? "nut-range-button-wrapper-left" : ""}
+                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`,
         tabIndex: disabled ? -1 : 0,
         "aria-valuemin": +min,
-        "aria-valuenow": curValue(index2),
+        "aria-valuenow": curValue(index),
         "aria-valuemax": +max,
         "aria-orientation": "horizontal",
         onTouchStart: (e2) => {
-          if (typeof index2 === "number") {
-            SetButtonIndex(index2);
+          if (typeof index === "number") {
+            SetButtonIndex(index);
           }
           onTouchStart(e2);
         },
@@ -9954,7 +9959,7 @@
         style: buttonStyle()
       }, !hiddenTag ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "number"
-      }, curValue(index2)) : null));
+      }, curValue(index)) : null));
     }) : /* @__PURE__ */ React__default["default"].createElement("div", {
       role: "slider",
       className: "nut-range-button-wrapper",
@@ -9995,7 +10000,7 @@
     },
     getWhatDay(year, month, day) {
       const date = new Date(`${year}/${month}/${day}`);
-      const index2 = date.getDay();
+      const index = date.getDay();
       const dayNames = [
         "\u661F\u671F\u65E5",
         "\u661F\u671F\u4E00",
@@ -10005,7 +10010,7 @@
         "\u661F\u671F\u4E94",
         "\u661F\u671F\u516D"
       ];
-      return dayNames[index2];
+      return dayNames[index];
     },
     getMonthPreDay(year, month) {
       const date = new Date(`${year}/${month}/01`);
@@ -10249,9 +10254,9 @@
         if (type2 === "multiple") {
           if (state.currDate.length > 0) {
             let hasIndex = "";
-            state.currDate.forEach((item, index2) => {
+            state.currDate.forEach((item, index) => {
               if (item === days[3]) {
-                hasIndex = index2;
+                hasIndex = index;
               }
             });
             if (isFirst) {
@@ -10538,19 +10543,19 @@
       let current = 0;
       let lastCurrent = 0;
       if (state.defaultData.length > 0) {
-        state.monthsData.forEach((item, index2) => {
+        state.monthsData.forEach((item, index) => {
           if (item.title === locale.calendaritem.monthTitle(
             state.defaultData[0],
             state.defaultData[1]
           )) {
-            current = index2;
+            current = index;
           }
           if (props.type === "range") {
             if (item.title === locale.calendaritem.monthTitle(
               state.defaultData[3],
               state.defaultData[4]
             )) {
-              lastCurrent = index2;
+              lastCurrent = index;
             }
           }
         });
@@ -10574,9 +10579,9 @@
           [...state.currDate].forEach((item) => {
             const dateArr = splitDate(item);
             let current2 = state.currentIndex;
-            state.monthsData.forEach((item2, index2) => {
+            state.monthsData.forEach((item2, index) => {
               if (item2.title === locale.calendaritem.monthTitle(dateArr[0], dateArr[1])) {
-                current2 = index2;
+                current2 = index;
               }
             });
             chooseDay(
@@ -10616,10 +10621,10 @@
         date = state.propEndDate;
       }
       const dateArr = splitDate(date);
-      state.monthsData.forEach((item, index2) => {
+      state.monthsData.forEach((item, index) => {
         if (item.title === locale.calendaritem.monthTitle(dateArr[0], dateArr[1])) {
           if (months.current) {
-            const distance = state.monthsData[index2].cssScrollHeight - months.current.scrollTop;
+            const distance = state.monthsData[index].cssScrollHeight - months.current.scrollTop;
             if (toDateAnimation) {
               let flag = 0;
               const interval = setInterval(() => {
@@ -10631,12 +10636,12 @@
                 if (flag >= 10) {
                   clearInterval(interval);
                   if (months.current) {
-                    months.current.scrollTop = state.monthsData[index2].cssScrollHeight;
+                    months.current.scrollTop = state.monthsData[index].cssScrollHeight;
                   }
                 }
               }, 40);
             } else {
-              months.current.scrollTop = state.monthsData[index2].cssScrollHeight;
+              months.current.scrollTop = state.monthsData[index].cssScrollHeight;
             }
           }
         }
@@ -11049,8 +11054,8 @@
     const [startY, setStartY] = React.useState(0);
     const transformY = React.useRef(0);
     const [scrollDistance, setScrollDistance] = React.useState(0);
-    const isHidden = (index2) => {
-      if (index2 >= currIndex + 8 || index2 <= currIndex - 8) {
+    const isHidden = (index) => {
+      if (index >= currIndex + 8 || index <= currIndex - 8) {
         return true;
       }
       return false;
@@ -11130,11 +11135,11 @@
     };
     const modifyStatus = (type, val) => {
       const value = val || defaultValue;
-      let index2 = -1;
+      let index = -1;
       if (value) {
         listData.some((item, idx) => {
           if (item.value === value) {
-            index2 = idx;
+            index = idx;
             return true;
           }
           return false;
@@ -11142,12 +11147,12 @@
       } else {
         listData.forEach((item, i) => {
           if (item.value === defaultValue) {
-            index2 = i;
+            index = i;
           }
         });
       }
-      setCurrIndex(index2 === -1 ? 1 : index2 + 1);
-      const move = index2 === -1 ? 0 : index2 * lineSpacing;
+      setCurrIndex(index === -1 ? 1 : index + 1);
+      const move = index === -1 ? 0 : index * lineSpacing;
       type && setChooseValue(-move);
       setMove(-move);
     };
@@ -11199,18 +11204,18 @@
       ref: rollerRef,
       style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
       onTransitionEnd: stopMomentum
-    }, threeDimensional && listData.map((item, index2) => {
+    }, threeDimensional && listData.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `nut-picker-roller-item ${isHidden(index2 + 1) && "nut-picker-roller-item-hidden"}`,
+        className: `nut-picker-roller-item ${isHidden(index + 1) && "nut-picker-roller-item-hidden"}`,
         style: {
-          transform: `rotate3d(1, 0, 0, ${-rotation * (index2 + 1)}deg) translate3d(0px, 0px, 104px)`
+          transform: `rotate3d(1, 0, 0, ${-rotation * (index + 1)}deg) translate3d(0px, 0px, 104px)`
         },
-        key: item.value ? item.value : index2
+        key: item.value ? item.value : index
       }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.text ? item.text : item));
-    }), !threeDimensional && listData.map((item, index2) => {
+    }), !threeDimensional && listData.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-picker-roller-item-tile",
-        key: item.value ? item.value : index2
+        key: item.value ? item.value : index
       }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.text ? item.text : item));
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-picker-mask"
@@ -11222,9 +11227,9 @@
   function useRefs() {
     const refs = React__default["default"].useRef([]);
     const setRefs = React__default["default"].useCallback(
-      (index2) => (el) => {
+      (index) => (el) => {
         if (el)
-          refs.current[index2] = el;
+          refs.current[index] = el;
       },
       []
     );
@@ -11298,10 +11303,10 @@
     };
     const selectedOptions = () => {
       const optins = [];
-      columnsList.map((column, index2) => {
+      columnsList.map((column, index) => {
         let currOptions = [];
         currOptions = column.filter(
-          (item) => item.value === chooseValueData[index2]
+          (item) => item.value === chooseValueData[index]
         );
         if (currOptions[0]) {
           optins.push(currOptions[0]);
@@ -11318,17 +11323,17 @@
           if (columnsType() === "cascade") {
             chooseValueData[columnIndex2] = option.value ? option.value : "";
             setchooseValueData([...chooseValueData]);
-            let index2 = columnIndex2;
+            let index = columnIndex2;
             let cursor = option;
             while (cursor && cursor.children && cursor.children[0]) {
-              chooseValueData[index2 + 1] = cursor.children[0].value;
+              chooseValueData[index + 1] = cursor.children[0].value;
               setchooseValueData([...chooseValueData]);
-              index2++;
+              index++;
               const cc = cursor.children[0];
               cursor = cc;
             }
             if (cursor && cursor.children) {
-              chooseValueData[index2 + 1] = "";
+              chooseValueData[index + 1] = "";
               setchooseValueData([...chooseValueData]);
             }
             setColumnsList(normalListData());
@@ -11380,12 +11385,12 @@
       while (cursor && cursor.children) {
         const options2 = cursor.children;
         const value = defaultValues[columnIndex2];
-        let index2 = options2.findIndex(
+        let index = options2.findIndex(
           (columnItem) => columnItem.value === value
         );
-        if (index2 === -1)
-          index2 = 0;
-        cursor = cursor.children[index2];
+        if (index === -1)
+          index = 0;
+        cursor = cursor.children[index];
         columnIndex2++;
         formatted.push(options2);
       }
@@ -11429,16 +11434,16 @@
     }, renderToolbar(), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("panel"),
       ref: pickerRef
-    }, columnsList == null ? void 0 : columnsList.map((item, index2) => {
+    }, columnsList == null ? void 0 : columnsList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement(PickerSlot, {
-        ref: setRefs(index2),
-        defaultValue: chooseValueData == null ? void 0 : chooseValueData[index2],
+        ref: setRefs(index),
+        defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
         listData: item,
         threeDimensional,
-        chooseItem: (value, index22) => chooseItem(value, index22),
+        chooseItem: (value, index2) => chooseItem(value, index2),
         swipeDuration,
-        key: index2,
-        keyIndex: index2
+        key: index,
+        keyIndex: index
       });
     }))));
   };
@@ -11597,7 +11602,7 @@
       }
       return result;
     };
-    const updateChooseValueCustmer = (index2, selectedValue, cacheValueData) => {
+    const updateChooseValueCustmer = (index, selectedValue, cacheValueData) => {
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
         type.toLocaleLowerCase()
       )) {
@@ -11636,7 +11641,7 @@
         const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
         date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
       }
-      props.onChangeDatePicker && props.onChangeDatePicker(index2, selectedValue, cacheValueData);
+      props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
     };
     const padZero = (num, targetLength = 2) => {
       let str = `${num}`;
@@ -11662,7 +11667,7 @@
     const generateValue = (min, max, val, type2, columnIndex) => {
       let cmin = min;
       const arr = [];
-      let index2 = 0;
+      let index = 0;
       while (cmin <= max) {
         arr.push(formatterOption(type2, cmin));
         if (type2 === "minute") {
@@ -11671,10 +11676,10 @@
           cmin++;
         }
         if (cmin <= val) {
-          index2++;
+          index++;
         }
       }
-      defaultValue[columnIndex] = arr[index2].value;
+      defaultValue[columnIndex] = arr[index].value;
       setDefaultValue([...defaultValue]);
       if (props.filter && props.filter(type2, arr)) {
         return props.filter(type2, arr);
@@ -11736,7 +11741,7 @@
       onClose: onCloseDatePicker,
       defaultValueData: defaultValue,
       onConfirm: (values, options2) => onConfirmDatePicker && onConfirmDatePicker(values, options2),
-      onChange: (index2, value, list) => updateChooseValueCustmer(index2, value, list),
+      onChange: (index, value, list) => updateChooseValueCustmer(index, value, list),
       threeDimensional,
       ref: pickerRef
     }));
@@ -11916,14 +11921,14 @@
   InputNumber.defaultProps = defaultProps$S;
   InputNumber.displayName = "NutInputNumber";
   function trimExtraChar(value, char, regExp) {
-    const index2 = value.indexOf(char);
-    if (index2 === -1) {
+    const index = value.indexOf(char);
+    if (index === -1) {
       return value;
     }
-    if (char === "-" && index2 !== 0) {
-      return value.slice(0, index2);
+    if (char === "-" && index !== 0) {
+      return value.slice(0, index);
     }
-    return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
+    return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
   }
   function formatNumber(value, allowDot = true, allowMinus = true) {
     if (allowDot) {
@@ -12275,7 +12280,7 @@
         return val2State === child.props.value;
       }
       function cloneChildren() {
-        return React__default["default"].Children.map(children, (child, index2) => {
+        return React__default["default"].Children.map(children, (child, index) => {
           const childChecked = validateChildChecked(child);
           if (child.type.displayName !== "NutRadio") {
             return React__default["default"].cloneElement(child);
@@ -12454,14 +12459,14 @@
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
     };
-    const onClick = (e2, index2) => {
+    const onClick = (e2, index) => {
       e2.preventDefault();
       e2.stopPropagation();
       if (disabled || readonly)
         return;
       let value = 0;
-      if (!(index2 === 1 && score === index2)) {
-        value = index2;
+      if (!(index === 1 && score === index)) {
+        value = index;
         if (allowHalf) {
           if ((e2 == null ? void 0 : e2.target).className.includes("__icon--half")) {
             value -= 0.5;
@@ -12645,11 +12650,11 @@
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("input-fake"),
       onClick: () => focus()
-    }, [...new Array(comLen).keys()].map((item, index2) => {
+    }, [...new Array(comLen).keys()].map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("input-fake__li"),
-        key: index2
-      }, String(inputValue).length > index2 ? /* @__PURE__ */ React__default["default"].createElement("div", {
+        key: index
+      }, String(inputValue).length > index ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("input-fake__li__icon")
       }) : null);
     }))), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -13192,9 +13197,9 @@
         });
       }
     }));
-    const clearUploadQueue = (index2 = -1) => {
-      if (index2 > -1) {
-        uploadQueue.splice(index2, 1);
+    const clearUploadQueue = (index = -1) => {
+      if (index > -1) {
+        uploadQueue.splice(index, 1);
         setUploadQueue(uploadQueue);
       } else {
         setUploadQueue([]);
@@ -13203,7 +13208,7 @@
     const clearInputValue = (el) => {
       el.value = "";
     };
-    const executeUpload = (fileItem, index2) => {
+    const executeUpload = (fileItem, index) => {
       const uploadOption = new UploadOptions();
       uploadOption.url = url;
       for (const [key, value] of Object.entries(data)) {
@@ -13221,7 +13226,7 @@
       } catch (error) {
       }
       uploadOption.onStart = (option) => {
-        clearUploadQueue(index2);
+        clearUploadQueue(index);
         setFileList((fileList2) => {
           fileList2.map((item) => {
             if (item.uid === fileItem.uid) {
@@ -13294,7 +13299,7 @@
       }
     };
     const readFile = (files) => {
-      files.forEach((file, index2) => {
+      files.forEach((file, index) => {
         const formData = new FormData();
         formData.append(name, file);
         const fileItem = new FileItem();
@@ -13304,7 +13309,7 @@
         fileItem.formData = formData;
         fileItem.uid = file.lastModified + fileItem.uid;
         fileItem.message = locale.uploader.readyUpload;
-        executeUpload(fileItem, index2);
+        executeUpload(fileItem, index);
         if (isPreview && file.type.includes("image")) {
           const reader = new FileReader();
           reader.onload = (event) => {
@@ -13336,15 +13341,15 @@
         filterFile.splice(maximum2, filterFile.length - maximum2);
       }
       if (fileList.length !== 0) {
-        const index2 = maximum2 - fileList.length;
-        filterFile.splice(index2, filterFile.length - index2);
+        const index = maximum2 - fileList.length;
+        filterFile.splice(index, filterFile.length - index);
       }
       return filterFile;
     };
-    const onDelete = (file, index2) => {
-      clearUploadQueue(index2);
+    const onDelete = (file, index) => {
+      clearUploadQueue(index);
       if (onBeforeDelete && onBeforeDelete(file, fileList)) {
-        fileList.splice(index2, 1);
+        fileList.splice(index, 1);
         onRemove && onRemove(file, fileList);
         setFileList([...fileList]);
       } else {
@@ -13398,7 +13403,7 @@
       disabled,
       multiple,
       onChange: fileChange
-    })))), fileList.length !== 0 && fileList.map((item, index2) => {
+    })))), fileList.length !== 0 && fileList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview ${listType}`,
         key: item.uid
@@ -13423,7 +13428,7 @@
         color: "rgba(0,0,0,0.6)",
         className: "close",
         name: "failure",
-        onClick: () => onDelete(item, index2)
+        onClick: () => onDelete(item, index)
       }), item.type.includes("image") ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.url && /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "nut-uploader__preview-img__c",
         src: item.url,
@@ -13461,7 +13466,7 @@
         color: "#808080",
         className: "nut-uploader__preview-img__file__del",
         name: "del",
-        onClick: () => onDelete(item, index2)
+        onClick: () => onDelete(item, index)
       }), item.status === "uploading" && /* @__PURE__ */ React__default["default"].createElement(Progress, {
         size: "small",
         percentage: item.percentage,
@@ -13843,8 +13848,8 @@
       }
       if (needToSync.length && currentValue2 === value) {
         const pathNodes = state.tree.getPathNodesByValue(needToSync);
-        pathNodes.forEach((node, index2) => {
-          state.tabsCursor = index2;
+        pathNodes.forEach((node, index) => {
+          state.tabsCursor = index;
           chooseItem(node, true);
         });
       }
@@ -13942,12 +13947,12 @@
       }, title), /* @__PURE__ */ React__default["default"].createElement(Tabs, {
         value: tabvalue,
         titleNode: () => {
-          return optiosData.map((pane, index2) => {
+          return optiosData.map((pane, index) => {
             var _a, _b;
             return /* @__PURE__ */ React__default["default"].createElement("div", {
               onClick: () => {
                 setTabvalue(pane.paneKey);
-                state.tabsCursor = index2;
+                state.tabsCursor = index;
               },
               className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "active" : ""}`,
               key: pane.paneKey
@@ -13963,10 +13968,10 @@
         paneKey: pane.paneKey
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: classesPane
-      }, pane.nodes && pane.nodes.map((node, index2) => {
+      }, pane.nodes && pane.nodes.map((node, index) => {
         var _a;
         return /* @__PURE__ */ React__default["default"].createElement(CascaderItem, {
-          key: index2,
+          key: index,
           ...props,
           data: node,
           checked: ((_a = pane.selectedNode) == null ? void 0 : _a.value) === node.value,
@@ -14032,6 +14037,7 @@
       onFocus,
       onBlur,
       onClear,
+      onCancel,
       onSearch,
       onClickInput,
       onClickLeftinIcon,
@@ -14079,6 +14085,7 @@
         disabled,
         readOnly,
         maxLength,
+        onKeyPress: onKeypress,
         onChange: (e2) => change(e2),
         onFocus: (e2) => focus(e2),
         onBlur: (e2) => blur(e2),
@@ -14157,13 +14164,22 @@
       if (actionText) {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           className: searchbarBem("action-text"),
-          onClick: search
+          onClick: cancel
         }, actionText);
       }
       return null;
     };
-    const search = () => {
-      onSearch && onSearch(value);
+    const onKeypress = (e2) => {
+      if (e2.key === "Enter") {
+        const event = e2.nativeEvent;
+        if (typeof event.cancelable !== "boolean" || event.cancelable) {
+          event.preventDefault();
+        }
+        onSearch && onSearch(value);
+      }
+    };
+    const cancel = () => {
+      onCancel && onCancel();
     };
     const renderLabel = () => {
       if (label) {
@@ -14330,9 +14346,9 @@
       className: b2("body")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("body__keys")
-    }, keysList == null ? void 0 : keysList.map((item, index2) => {
+    }, keysList == null ? void 0 : keysList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        key: index2,
+        key: index,
         className: classNames({
           "key-board-wrapper": true,
           "key-board-wrapper-large": item.id === 0 && type === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
@@ -14424,9 +14440,9 @@
     const cancelActionSheet = () => {
       onCancel && onCancel();
     };
-    const chooseItem = (item, index2) => {
+    const chooseItem = (item, index) => {
       if (!item.disable) {
-        onChoose && onChoose(item, index2);
+        onChoose && onChoose(item, index);
       }
     };
     return /* @__PURE__ */ React__default["default"].createElement(Popup, {
@@ -14446,12 +14462,12 @@
       className: `${b2("item")} desc`
     }, description), menuItems.length ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("menu")
-    }, menuItems.map((item, index2) => {
+    }, menuItems.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("item")} ${item.disable ? b2("item-disabled") : ""}`,
         style: { color: isHighlight(item) },
-        key: index2,
-        onClick: () => chooseItem(item, index2)
+        key: index,
+        onClick: () => chooseItem(item, index)
       }, item[optionTag], /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "subdesc"
       }, item[optionSubTag]));
@@ -15848,9 +15864,9 @@
       y1: "0%",
       x2: "0%",
       y2: "0%"
-    }, (_a = stop2()) == null ? void 0 : _a.map((item, index2) => {
+    }, (_a = stop2()) == null ? void 0 : _a.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("stop", {
-        key: index2,
+        key: index,
         offset: item.key,
         stopColor: item.value
       });
@@ -15957,8 +15973,8 @@
       };
     }, []);
     const cloneChild = (listItem, listIndex) => {
-      return React__default["default"].Children.map(children, function(child, index2) {
-        if (child && index2 === listIndex) {
+      return React__default["default"].Children.map(children, function(child, index) {
+        if (child && index === listIndex) {
           return React__default["default"].cloneElement(child, {
             key: listIndex,
             children: listItem
@@ -16137,16 +16153,16 @@
     }, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "horseLamp_list",
       style: horseLampStyle
-    }, scrollList.current.map((item, index2) => {
-      return cloneChild(item, index2);
+    }, scrollList.current.map((item, index) => {
+      return cloneChild(item, index);
     })) : /* @__PURE__ */ React__default["default"].createElement("ul", {
       className: "horseLamp_list",
       style: horseLampStyle
-    }, scrollList.current.map((item, index2) => {
+    }, scrollList.current.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("li", {
         className: "horseLamp_list_item",
         style: { height },
-        key: index2,
+        key: index,
         onClick: () => {
           go(item);
         }
@@ -16238,10 +16254,10 @@
     const parent = React.useContext(DataContext$1);
     const dot = parent.propSteps.progressDot;
     const getCurrentStatus = () => {
-      const index2 = activeIndex;
-      if (index2 < +parent.propSteps.current)
+      const index = activeIndex;
+      if (index < +parent.propSteps.current)
         return "finish";
-      return index2 === +parent.propSteps.current ? "process" : "wait";
+      return index === +parent.propSteps.current ? "process" : "wait";
     };
     const handleClickStep = () => {
       var _a, _b;
@@ -16436,17 +16452,17 @@
         });
       });
     };
-    const to2 = (index2) => {
+    const to2 = (index) => {
       resettPosition();
       touchReset();
       requestFrame(() => {
         requestFrame(() => {
           _swiper.current.moving = false;
           let targetIndex;
-          if (props.loop && childCount === index2) {
-            targetIndex = active === 0 ? 0 : index2;
+          if (props.loop && childCount === index) {
+            targetIndex = active === 0 ? 0 : index;
           } else {
-            targetIndex = index2 % childCount;
+            targetIndex = index % childCount;
           }
           move({
             pace: targetIndex - active,
@@ -16675,14 +16691,14 @@
         stopAutoPlay();
       };
     }, []);
-    const itemStyle = (index2) => {
+    const itemStyle = (index) => {
       const style = {};
       const _direction = propSwiper.direction || direction;
       const _size = size;
       if (_size) {
         style[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
       }
-      const offset2 = childOffset[index2];
+      const offset2 = childOffset[index];
       if (offset2) {
         style.transform = `translate3D${_direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
       }
@@ -16702,27 +16718,27 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass,
       ref: innerRef
-    }, React__default["default"].Children.map(childs, (child, index2) => {
+    }, React__default["default"].Children.map(childs, (child, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("item-wrapper"),
-        style: itemStyle(index2),
-        key: index2
+        style: itemStyle(index),
+        key: index
       }, child);
     })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classNames({
         [`${b2("pagination")}`]: true,
         [`${b2("pagination-vertical")}`]: isVertical
       })
-    }, React__default["default"].Children.map(childs, (item, index2) => {
+    }, React__default["default"].Children.map(childs, (item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("i", {
-        style: (active + childCount) % childCount === index2 ? {
+        style: (active + childCount) % childCount === index ? {
           backgroundColor: propSwiper.paginationColor
         } : void 0,
         className: classNames({
           [`${b2("pagination-item")}`]: true,
-          active: (active + childCount) % childCount === index2
+          active: (active + childCount) % childCount === index
         }),
-        key: index2
+        key: index
       });
     })) : /* @__PURE__ */ React__default["default"].createElement("div", null, pageContent)));
   });
@@ -16828,11 +16844,11 @@
           children2[i].setAttribute("data-index", i + 1);
         }
       }
-      const index2 = Number((_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index);
+      const index = Number((_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index);
       const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.maxCount;
       setMaxSum(children2.length);
-      setAvatarIndex(index2);
-      if (index2 === children2.length && index2 !== maxCount && children2.length > maxCount) {
+      setAvatarIndex(index);
+      if (index === children2.length && index !== maxCount && children2.length > maxCount) {
         setShowMax(true);
       }
     };
@@ -17204,7 +17220,7 @@
     className: "",
     onClick: (e2) => {
     },
-    onChoose: (item, index2) => {
+    onChoose: (item, index) => {
     }
   };
   const Popover = (props) => {
@@ -17278,9 +17294,9 @@
         props.onClick(e2);
       }
     };
-    const handleChoose = (item, index2) => {
+    const handleChoose = (item, index) => {
       if (!item.disabled) {
-        onChoose(item, index2);
+        onChoose(item, index);
       }
     };
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -17394,10 +17410,10 @@
       className: "skeleton-content-line"
     }, title && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "skeleton-title"
-    }), repeatLines(row).map((item, index2) => {
+    }), repeatLines(row).map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: blockClass,
-        key: index2,
+        key: index,
         style: { width, height }
       });
     })))));
@@ -17999,29 +18015,29 @@
   Empty.defaultProps = defaultProps$e;
   Empty.displayName = "NutEmpty";
   const initPositinoCache = (reaItemSize, length = 0) => {
-    let index2 = 0;
+    let index = 0;
     const positions = Array(length);
-    while (index2 < length) {
-      positions[index2] = {
-        index: index2,
+    while (index < length) {
+      positions[index] = {
+        index,
         height: reaItemSize,
         width: reaItemSize,
-        top: index2 * reaItemSize,
-        bottom: (index2 + 1) * reaItemSize,
-        left: index2 * reaItemSize,
-        right: (index2 + 1) * reaItemSize
+        top: index * reaItemSize,
+        bottom: (index + 1) * reaItemSize,
+        left: index * reaItemSize,
+        right: (index + 1) * reaItemSize
       };
-      index2++;
+      index++;
     }
     return positions;
   };
   const getListTotalSize = (positions, horizontal) => {
-    const index2 = positions.length - 1;
+    const index = positions.length - 1;
     let size = 0;
-    if (index2 < 0) {
+    if (index < 0) {
       size = 0;
     } else {
-      size = horizontal ? positions[index2].right : positions[index2].bottom;
+      size = horizontal ? positions[index].right : positions[index].bottom;
     }
     return size;
   };
@@ -18083,25 +18099,25 @@
   const updateItemSize = (positions, items, sizeKey) => {
     const newPos = positions.concat();
     Array.from(items).forEach((item) => {
-      const index2 = Number(item.getAttribute("data-index"));
+      const index = Number(item.getAttribute("data-index"));
       const styleVal = item.getAttribute("style");
       if (styleVal && styleVal.includes("none"))
         return;
       const nowSize = item.getBoundingClientRect()[sizeKey];
-      const oldSize = positions[index2][sizeKey];
+      const oldSize = positions[index][sizeKey];
       const dValue = oldSize - nowSize;
       if (dValue) {
         if (sizeKey === "width") {
-          newPos[index2].right -= dValue;
-          newPos[index2][sizeKey] = nowSize;
-          for (let k2 = index2 + 1; k2 < positions.length; k2++) {
+          newPos[index].right -= dValue;
+          newPos[index][sizeKey] = nowSize;
+          for (let k2 = index + 1; k2 < positions.length; k2++) {
             newPos[k2].left = positions[k2 - 1].right;
             newPos[k2].right -= dValue;
           }
         } else if (sizeKey === "height") {
-          newPos[index2].bottom -= dValue;
-          newPos[index2][sizeKey] = nowSize;
-          for (let k2 = index2 + 1; k2 < positions.length; k2++) {
+          newPos[index].bottom -= dValue;
+          newPos[index][sizeKey] = nowSize;
+          for (let k2 = index + 1; k2 < positions.length; k2++) {
             newPos[k2].top = positions[k2 - 1].bottom;
             newPos[k2].bottom -= dValue;
           }
@@ -18251,9 +18267,9 @@
       style: {
         transform: horizontal ? `translate3d(${options2.startOffset}px,0,0)` : `translate3d(0,${options2.startOffset}px,0)`
       }
-    }, sourceData.slice(options2.overStart, options2.endIndex).map((data, index2) => {
+    }, sourceData.slice(options2.overStart, options2.endIndex).map((data, index) => {
       const { startIndex, overStart } = options2;
-      const dataIndex = overStart + index2;
+      const dataIndex = overStart + index;
       const styleVal = dataIndex < startIndex ? "none" : "block";
       const keyVal = key && data[key] ? data[key] : dataIndex;
       return /* @__PURE__ */ React__default["default"].createElement("li", {
@@ -18330,7 +18346,7 @@
       return columns.filter((item) => item.key === value)[0];
     };
     const renderHeadCells = () => {
-      return columns.map((item, index2) => {
+      return columns.map((item, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           className: classNames(
             "nut-table__main__head__tr__th",
@@ -18352,7 +18368,7 @@
       });
     };
     const renderBodyTds = (item) => {
-      return sortDataItem().map(([value, render2], index2) => {
+      return sortDataItem().map(([value, render2], index) => {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           className: classNames(
             "nut-table__main__body__tr__td",
@@ -18363,10 +18379,10 @@
       });
     };
     const renderBoyTrs = () => {
-      return curData.map((item, index2) => {
+      return curData.map((item, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
           className: "nut-table__main__body__tr",
-          key: index2
+          key: index
         }, renderBodyTds(item));
       });
     };
@@ -18893,17 +18909,17 @@
       initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
       paginationColor,
       paginationVisible
-    }, (videos && videos.length > 0 ? videos.map((item, index2) => {
+    }, (videos && videos.length > 0 ? videos.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement(SwiperItem, {
-        key: index2
+        key: index
       }, /* @__PURE__ */ React__default["default"].createElement(Video, {
         source: item.source,
         options: item.options
       }));
     }) : []).concat(
-      images && images.length > 0 ? images.map((item, index2) => {
+      images && images.length > 0 ? images.map((item, index) => {
         return /* @__PURE__ */ React__default["default"].createElement(SwiperItem, {
-          key: index2
+          key: index
         }, /* @__PURE__ */ React__default["default"].createElement("img", {
           src: item.src,
           alt: "",
@@ -18950,7 +18966,7 @@
         addressDetail: "",
         selectedAddress: false
       };
-      copyExistAdd.forEach((list, index2) => {
+      copyExistAdd.forEach((list, index) => {
         if (list && list.selectedAddress) {
           prevExistAdd = list;
         }
@@ -18970,10 +18986,10 @@
       className: b2("exist-group")
     }, /* @__PURE__ */ React__default["default"].createElement("ul", {
       className: b2("exist-ul")
-    }, existAddress.map((item, index2) => {
+    }, existAddress.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("li", {
         className: b2("exist-item"),
-        key: index2
+        key: index
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => selectedExist(item)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -19056,18 +19072,18 @@
         return a.title.localeCompare(b22.title);
       });
       data.forEach((item) => {
-        const index2 = newData.findIndex(
+        const index = newData.findIndex(
           (value) => value.title === item.title
         );
-        if (index2 <= -1) {
+        if (index <= -1) {
           newData.push({
             title: item.title,
             list: [].concat(item)
           });
         } else {
-          newData[index2] = {
+          newData[index] = {
             title: item.title,
-            list: newData[index2].list.concat(item)
+            list: newData[index].list.concat(item)
           };
         }
       });
@@ -19086,8 +19102,8 @@
       town: { name: "" }
     });
     const [lineDistance, setLineDistance] = React.useState(20);
-    const getTabName = (item, index2) => {
-      if (tabIndex > index2) {
+    const getTabName = (item, index) => {
+      if (tabIndex > index) {
         return item.name;
       }
       return locale.select;
@@ -19098,9 +19114,9 @@
       country: countryRef,
       town: townRef
     };
-    const lineAnimation = (index2) => {
+    const lineAnimation = (index) => {
       setTimeout(() => {
-        const name = tabName[index2];
+        const name = tabName[index];
         const refD = mapRef;
         if (name && refD[name] && refD[name].current) {
           const distance = refD[name].current.offsetLeft;
@@ -19149,10 +19165,10 @@
         onClose && onClose();
       }
     };
-    const changeRegionTab = (item, index2, key) => {
-      if (getTabName(item, index2)) {
-        setTabIndex(index2);
-        lineAnimation(index2);
+    const changeRegionTab = (item, index, key) => {
+      if (getTabName(item, index)) {
+        setTabIndex(index);
+        lineAnimation(index);
       }
       onTabClick && onTabClick(key);
     };
@@ -19160,16 +19176,16 @@
       if (modelValue.length > 0) {
         let tagIndex = 0;
         const selectedRegionC = selectedRegion && Object.assign(selectedRegion);
-        for (let index2 = 0; index2 < modelValue.length; index2++) {
-          if (regionList[tabName[index2]].length === 0) {
-            tagIndex = index2 - 1;
-            setTabIndex(index2 - 1);
+        for (let index = 0; index < modelValue.length; index++) {
+          if (regionList[tabName[index]].length === 0) {
+            tagIndex = index - 1;
+            setTabIndex(index - 1);
             break;
           } else {
-            const val = modelValue[index2];
-            const arr = regionList[tabName[index2]];
+            const val = modelValue[index];
+            const arr = regionList[tabName[index]];
             if (privateType === "custom") {
-              selectedRegionC[[tabName[index2]]] = arr.filter(
+              selectedRegionC[[tabName[index]]] = arr.filter(
                 (item) => item.id === val
               )[0];
             } else if (privateType === "custom2") {
@@ -19177,11 +19193,11 @@
               arr.forEach((item) => {
                 sumArr.push(...item.list);
               });
-              selectedRegionC[[tabName[index2]]] = sumArr.filter(
+              selectedRegionC[[tabName[index]]] = sumArr.filter(
                 (item) => item.id === val
               )[0];
             }
-            tagIndex = index2;
+            tagIndex = index;
             setSelectedRegion(selectedRegionC);
           }
         }
@@ -19228,19 +19244,19 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("region-tab")
     }, selectedRegion && Object.keys(selectedRegion).map(
-      (key, index2) => {
+      (key, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
-          key: index2,
+          className: `${b2("tab-item")} ${index === tabIndex ? "active" : ""}`,
+          key: index,
           ref: mapRef[key],
           onClick: () => changeRegionTab(
             selectedRegion[key],
-            index2,
+            index,
             key
           )
-        }, index2 <= tabIndex && /* @__PURE__ */ React__default["default"].createElement("div", null, getTabName(
+        }, index <= tabIndex && /* @__PURE__ */ React__default["default"].createElement("div", null, getTabName(
           selectedRegion[key],
-          index2
+          index
         )));
       }
     ), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -19252,9 +19268,9 @@
     }, /* @__PURE__ */ React__default["default"].createElement("ul", {
       className: b2("region-group")
     }, regionList[tabName[tabIndex]].map(
-      (item, index2) => {
+      (item, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("li", {
-          key: index2,
+          key: index,
           className: b2("region-item")
         }, /* @__PURE__ */ React__default["default"].createElement("div", {
           onClick: () => {
@@ -19512,12 +19528,12 @@
     const barrageContainer = React.useRef(null);
     const barrageCWidth = React.useRef(0);
     const timer = React.useRef(0);
-    const index2 = React.useRef(0);
+    const index = React.useRef(0);
     const b2 = cn("barrage");
     const classes = classNames(className, b2(""));
     React.useImperativeHandle(ref, () => ({
       add: (word) => {
-        const _index = index2.current % barrageList.length;
+        const _index = index.current % barrageList.length;
         barrageList.splice(_index, 0, word);
       }
     }));
@@ -19538,7 +19554,7 @@
       }, frequency);
     };
     const play = () => {
-      const _index = loop2 ? index2.current % barrageList.length : index2.current;
+      const _index = loop2 ? index.current % barrageList.length : index.current;
       const el = document.createElement(`div`);
       el.innerHTML = barrageList[_index];
       el.classList.add("barrage-item");
@@ -19554,7 +19570,7 @@
       el.addEventListener("animationend", () => {
         barrageContainer.current.removeChild(el);
       });
-      index2.current++;
+      index.current++;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes,
@@ -19804,7 +19820,7 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className || ""}`
-    }, renderData.map((item, index2) => /* @__PURE__ */ React__default["default"].createElement("span", {
+    }, renderData.map((item, index) => /* @__PURE__ */ React__default["default"].createElement("span", {
       className: getDetailClass(item),
       key: item,
       onClick: () => handleTime(item)
@@ -19936,11 +19952,11 @@
       className: "nut-timeselect__content"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-timeselect__content-left"
-    }, dates.map((dataItem, index2) => /* @__PURE__ */ React__default["default"].createElement(TimePannel, {
+    }, dates.map((dataItem, index) => /* @__PURE__ */ React__default["default"].createElement(TimePannel, {
       date: dataItem.date,
       className: getTimePannelClass(dataItem),
-      key: String(dataItem["pannel-key"] || index2),
-      curKey: String(dataItem["pannel-key"] || index2),
+      key: String(dataItem["pannel-key"] || index),
+      curKey: String(dataItem["pannel-key"] || index),
       change: handleChange
     }))), /* @__PURE__ */ React__default["default"].createElement(TimeDetail, {
       times,