@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/nutui.react.es.js

@@ -1,10 +1,10 @@
 /*!
-* @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.
 */
 import * as React from "react";
-import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useLayoutEffect, forwardRef, useMemo, useImperativeHandle, memo } from "react";
+import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, useLayoutEffect, forwardRef, useMemo, useImperativeHandle, memo, Component } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, unstable_batchedUpdates } from "react-dom";
 var classname = { exports: {} };
@@ -311,8 +311,8 @@ function _extends$3() {
 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();
@@ -373,7 +373,7 @@ function invariant(condition, message) {
     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) {
@@ -525,7 +525,7 @@ function createMemoryHistory(props) {
   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());
   });
@@ -603,8 +603,8 @@ function createMemoryHistory(props) {
   var history = {
     length: entries.length,
     action: "POP",
-    location: entries[index2],
-    index: index2,
+    location: entries[index],
+    index,
     entries,
     createHref,
     push,
@@ -618,136 +618,6 @@ function createMemoryHistory(props) {
   };
   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;
-  }(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;
-  }(Component);
-  Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);
-  return {
-    Provider,
-    Consumer
-  };
-}
-var index = React__default.createContext || createReactContext;
 var pathToRegexp$2 = { exports: {} };
 var isarray$1 = Array.isArray || function(arr) {
   return Object.prototype.toString.call(arr) == "[object Array]";
@@ -765,7 +635,7 @@ var PATH_REGEXP = new RegExp([
 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;
@@ -773,13 +643,13 @@ function parse$1(str, options2) {
     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];
@@ -806,8 +676,8 @@ function parse$1(str, options2) {
       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);
@@ -1121,8 +991,145 @@ var MEMO_STATICS = {
 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.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.Component);
+  Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);
+  return {
+    Provider,
+    Consumer
+  };
+}
+var createContext = React__default.createContext || createReactContext;
 var createNamedContext = function createNamedContext2(name) {
-  var context2 = index();
+  var context2 = createContext();
   context2.displayName = name;
   return context2;
 };
@@ -1292,8 +1299,8 @@ function matchPath(pathname, options2) {
       path: path2,
       url: path2 === "/" && url === "" ? "/" : url,
       isExact,
-      params: keys.reduce(function(memo2, key, index2) {
-        memo2[key.name] = values[index2];
+      params: keys.reduce(function(memo2, key, index) {
+        memo2[key.name] = values[index];
         return memo2;
       }, {})
     };
@@ -2180,13 +2187,13 @@ const Popup = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = props;
-  const [index2, setIndex] = useState(zIndex || _zIndex);
+  const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
   const [transitionName, setTransitionName] = useState("");
   const b2 = cn("popup");
   const baseStyle = {
-    zIndex: index2,
+    zIndex: index,
     animationDuration: `${duration}s`
   };
   const overlayStyles = {
@@ -2446,7 +2453,7 @@ const useConfig = () => {
   var _a;
   return (_a = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
 };
-const ConfigContext = createContext(null);
+const ConfigContext = createContext$1(null);
 const ConfigProvider = (props) => {
   const { children, ...config2 } = { ...defaultProps$1g, ...props };
   const parentConfig = useConfig();
@@ -2468,7 +2475,7 @@ const Layout = (props) => {
 };
 Layout.defaultProps = defaultProps$1f;
 Layout.displayName = "NutLayout";
-const DataContext$2 = createContext({});
+const DataContext$2 = createContext$1({});
 const defaultProps$1e = {
   span: "24",
   offset: "0",
@@ -2677,7 +2684,7 @@ const GridItem = (props) => {
   const {
     children,
     columnNum,
-    index: index2,
+    index,
     gutter,
     square,
     text,
@@ -2709,7 +2716,7 @@ const GridItem = (props) => {
       style.paddingTop = `${100 / +columnNum}%`;
     } else if (gutter) {
       style.paddingRight = pxCheck2(gutter);
-      if (index2 >= columnNum) {
+      if (index >= columnNum) {
         style.marginTop = pxCheck2(gutter);
       }
     }
@@ -3119,11 +3126,11 @@ const FixedNav = (props) => {
     className: "list"
   }, slotList || /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-fixednav__list"
-  }, navList.map((item, index2) => {
+  }, navList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-fixednav__list-item",
       onClick: (event) => onSelectCb(event, item),
-      key: item.id || index2
+      key: item.id || index
     }, /* @__PURE__ */ React__default.createElement("img", {
       src: item.icon,
       alt: ""
@@ -3238,7 +3245,7 @@ const TabbarItem = (props) => {
     active,
     activeColor,
     unactiveColor,
-    index: index2,
+    index,
     handleClick: handleClick2,
     iconClassPrefix,
     iconFontClassName
@@ -3264,7 +3271,7 @@ const TabbarItem = (props) => {
       color: active ? activeColor : unactiveColor
     },
     onClick: () => {
-      handleClick2(index2);
+      handleClick2(index);
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon()}`
@@ -5425,8 +5432,8 @@ function advance(dt) {
   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,
@@ -7878,8 +7885,8 @@ const SpringRef = () => {
     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;
@@ -8282,7 +8289,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const elevatorContext = createContext({});
+const elevatorContext = createContext$1({});
 const defaultProps$15 = {
   height: "200px",
   acceptKey: "title",
@@ -8351,18 +8358,18 @@ const Elevator = (props) => {
       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);
@@ -8373,11 +8380,11 @@ const Elevator = (props) => {
   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];
@@ -8482,13 +8489,13 @@ const Elevator = (props) => {
     className: b2("bars__inner"),
     ...bind(),
     style: { touchAction: "pan-y" }
-  }, indexList.map((item, index2) => {
+  }, indexList.map((item, index) => {
     return /* @__PURE__ */ React__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]);
   }))));
@@ -8614,9 +8621,9 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) - 1, true)
   }, prevText || locale.pagination.prev), mode === "multi" ? /* @__PURE__ */ React__default.createElement("div", {
     className: `${paginationBem("contain")}`
-  }, pages.map((item, index2) => {
+  }, pages.map((item, index) => {
     return /* @__PURE__ */ React__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);
@@ -8723,12 +8730,12 @@ const Tabs = (props) => {
     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;
@@ -8742,7 +8749,7 @@ const Tabs = (props) => {
   }, /* @__PURE__ */ React__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.createElement("div", {
       style: titleStyle,
       onClick: (e2) => tabChange(item),
@@ -8888,7 +8895,7 @@ const handleClick = (e2) => {
     arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
   }
 };
-const OffsetContext = createContext(20);
+const OffsetContext = createContext$1(20);
 const defaultProps$10 = {
   showhead: false,
   position: "left",
@@ -9047,7 +9054,6 @@ const Menu = (props) => {
   const onScroll = () => {
     const { scrollFixed: scrollFixed2 } = props;
     const scrollTop = getScrollTop(window);
-    console.log(scrollTop);
     const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
     setIsScrollFixed(isFixed);
   };
@@ -9059,27 +9065,27 @@ const Menu = (props) => {
   }, []);
   const [itemShow, setItemShow] = useState([]);
   const [itemTitle, setItemTitle] = 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.Children.map(children, (child, index2) => {
+    return React__default.Children.map(children, (child, index) => {
       return React__default.cloneElement(child, {
-        showPopup: itemShow[index2],
-        orderKey: index2,
+        showPopup: itemShow[index],
+        orderKey: index,
         activeColor,
         parent: {
           closeOnClickOverlay,
@@ -9092,14 +9098,15 @@ const Menu = (props) => {
       });
     });
   };
-  console.log("isScrollFixed", isScrollFixed);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-menu ${className} ${isScrollFixed ? "scroll-fixed" : ""}`,
     ...rest,
     ref: parentRef
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-menu-relative"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-menu__bar ${itemShow.includes(true) ? "opened" : ""} ${className}`
-  }, React__default.Children.toArray(children).map((child, index2) => {
+  }, React__default.Children.toArray(children).map((child, index) => {
     if (!child)
       return null;
     const { disabled, title, value, direction, options: options2 } = child.props;
@@ -9109,25 +9116,25 @@ const Menu = (props) => {
     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.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.createElement("div", {
       className: `nut-menu__title ${classNames({
-        active: itemShow[index2],
+        active: itemShow[index],
         disabled
       })}`
     }, /* @__PURE__ */ React__default.createElement("div", {
@@ -9139,7 +9146,7 @@ const Menu = (props) => {
       size: "10",
       name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
     })));
-  })), cloneChildren());
+  })), cloneChildren()));
 };
 Menu.defaultProps = defaultProps$_;
 Menu.displayName = "NutMenu";
@@ -9212,7 +9219,6 @@ const MenuItem = (props) => {
     setTimeout(() => {
       const p2 = parent.parent().current;
       const rect = p2.getBoundingClientRect();
-      console.log(rect, p2.offsetTop, window.screenTop);
       setPosition({
         height: rect.height,
         top: rect.top
@@ -9258,18 +9264,17 @@ const MenuItem = (props) => {
       parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
     }
   }), /* @__PURE__ */ React__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.createElement(CSSTransition$1, {
     in: _showPopup,
     timeout: 100,
-    classNames: "menu-item"
+    classNames: direction === "down" ? "menu-item" : "menu-item-up"
   }, /* @__PURE__ */ React__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.createElement("div", {
       className: `nut-menu-item__option ${classNames({
         active: item.value === _value
@@ -9893,20 +9898,20 @@ const Range = (props) => {
   })) : null, /* @__PURE__ */ React__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.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);
       },
@@ -9927,7 +9932,7 @@ const Range = (props) => {
       style: buttonStyle()
     }, !hiddenTag ? /* @__PURE__ */ React__default.createElement("div", {
       className: "number"
-    }, curValue(index2)) : null));
+    }, curValue(index)) : null));
   }) : /* @__PURE__ */ React__default.createElement("div", {
     role: "slider",
     className: "nut-range-button-wrapper",
@@ -9968,7 +9973,7 @@ const Utils = {
   },
   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",
@@ -9978,7 +9983,7 @@ const Utils = {
       "\u661F\u671F\u4E94",
       "\u661F\u671F\u516D"
     ];
-    return dayNames[index2];
+    return dayNames[index];
   },
   getMonthPreDay(year, month) {
     const date = new Date(`${year}/${month}/01`);
@@ -10222,9 +10227,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       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) {
@@ -10511,19 +10516,19 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     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;
           }
         }
       });
@@ -10547,9 +10552,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
         [...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(
@@ -10589,10 +10594,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       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(() => {
@@ -10604,12 +10609,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
               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;
           }
         }
       }
@@ -11022,8 +11027,8 @@ const InternalPickerSlot = (props, ref) => {
   const [startY, setStartY] = useState(0);
   const transformY = useRef(0);
   const [scrollDistance, setScrollDistance] = 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;
@@ -11103,11 +11108,11 @@ const InternalPickerSlot = (props, ref) => {
   };
   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;
@@ -11115,12 +11120,12 @@ const InternalPickerSlot = (props, ref) => {
     } 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);
   };
@@ -11172,18 +11177,18 @@ const InternalPickerSlot = (props, ref) => {
     ref: rollerRef,
     style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
     onTransitionEnd: stopMomentum
-  }, threeDimensional && listData.map((item, index2) => {
+  }, threeDimensional && listData.map((item, index) => {
     return /* @__PURE__ */ React__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.createElement(React__default.Fragment, null, item.text ? item.text : item));
-  }), !threeDimensional && listData.map((item, index2) => {
+  }), !threeDimensional && listData.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-picker-roller-item-tile",
-      key: item.value ? item.value : index2
+      key: item.value ? item.value : index
     }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-picker-mask"
@@ -11195,9 +11200,9 @@ const PickerSlot = React__default.forwardRef(InternalPickerSlot);
 function useRefs() {
   const refs = React__default.useRef([]);
   const setRefs = React__default.useCallback(
-    (index2) => (el) => {
+    (index) => (el) => {
       if (el)
-        refs.current[index2] = el;
+        refs.current[index] = el;
     },
     []
   );
@@ -11271,10 +11276,10 @@ const InternalPicker = (props, ref) => {
   };
   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]);
@@ -11291,17 +11296,17 @@ const InternalPicker = (props, ref) => {
         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());
@@ -11353,12 +11358,12 @@ const InternalPicker = (props, ref) => {
     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);
     }
@@ -11402,16 +11407,16 @@ const InternalPicker = (props, ref) => {
   }, renderToolbar(), /* @__PURE__ */ React__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.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
     });
   }))));
 };
@@ -11570,7 +11575,7 @@ const DatePicker = (props) => {
     }
     return result;
   };
-  const updateChooseValueCustmer = (index2, selectedValue, cacheValueData) => {
+  const updateChooseValueCustmer = (index, selectedValue, cacheValueData) => {
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
       type.toLocaleLowerCase()
     )) {
@@ -11609,7 +11614,7 @@ const DatePicker = (props) => {
       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}`;
@@ -11635,7 +11640,7 @@ const DatePicker = (props) => {
   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") {
@@ -11644,10 +11649,10 @@ const DatePicker = (props) => {
         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);
@@ -11709,7 +11714,7 @@ const DatePicker = (props) => {
     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
   }));
@@ -11889,14 +11894,14 @@ const InputNumber = (props) => {
 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) {
@@ -12248,7 +12253,7 @@ const RadioGroup = React__default.forwardRef(
       return val2State === child.props.value;
     }
     function cloneChildren() {
-      return React__default.Children.map(children, (child, index2) => {
+      return React__default.Children.map(children, (child, index) => {
         const childChecked = validateChildChecked(child);
         if (child.type.displayName !== "NutRadio") {
           return React__default.cloneElement(child);
@@ -12427,14 +12432,14 @@ const Rate = (props) => {
   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;
@@ -12618,11 +12623,11 @@ const ShortPassword = (props) => {
   }), /* @__PURE__ */ React__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.createElement("div", {
       className: b2("input-fake__li"),
-      key: index2
-    }, String(inputValue).length > index2 ? /* @__PURE__ */ React__default.createElement("div", {
+      key: index
+    }, String(inputValue).length > index ? /* @__PURE__ */ React__default.createElement("div", {
       className: b2("input-fake__li__icon")
     }) : null);
   }))), /* @__PURE__ */ React__default.createElement("div", {
@@ -13165,9 +13170,9 @@ const InternalUploader = (props, ref) => {
       });
     }
   }));
-  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([]);
@@ -13176,7 +13181,7 @@ const InternalUploader = (props, ref) => {
   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)) {
@@ -13194,7 +13199,7 @@ const InternalUploader = (props, ref) => {
     } catch (error) {
     }
     uploadOption.onStart = (option) => {
-      clearUploadQueue(index2);
+      clearUploadQueue(index);
       setFileList((fileList2) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
@@ -13267,7 +13272,7 @@ const InternalUploader = (props, ref) => {
     }
   };
   const readFile = (files) => {
-    files.forEach((file, index2) => {
+    files.forEach((file, index) => {
       const formData = new FormData();
       formData.append(name, file);
       const fileItem = new FileItem();
@@ -13277,7 +13282,7 @@ const InternalUploader = (props, ref) => {
       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) => {
@@ -13309,15 +13314,15 @@ const InternalUploader = (props, ref) => {
       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 {
@@ -13371,7 +13376,7 @@ const InternalUploader = (props, ref) => {
     disabled,
     multiple,
     onChange: fileChange
-  })))), fileList.length !== 0 && fileList.map((item, index2) => {
+  })))), fileList.length !== 0 && fileList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `nut-uploader__preview ${listType}`,
       key: item.uid
@@ -13396,7 +13401,7 @@ const InternalUploader = (props, ref) => {
       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.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: item.url,
@@ -13434,7 +13439,7 @@ const InternalUploader = (props, ref) => {
       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.createElement(Progress, {
       size: "small",
       percentage: item.percentage,
@@ -13816,8 +13821,8 @@ const InternalCascader = (props) => {
     }
     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);
       });
     }
@@ -13915,12 +13920,12 @@ const InternalCascader = (props) => {
     }, title), /* @__PURE__ */ React__default.createElement(Tabs, {
       value: tabvalue,
       titleNode: () => {
-        return optiosData.map((pane, index2) => {
+        return optiosData.map((pane, index) => {
           var _a, _b;
           return /* @__PURE__ */ React__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
@@ -13936,10 +13941,10 @@ const InternalCascader = (props) => {
       paneKey: pane.paneKey
     }, /* @__PURE__ */ React__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.createElement(CascaderItem, {
-        key: index2,
+        key: index,
         ...props,
         data: node,
         checked: ((_a = pane.selectedNode) == null ? void 0 : _a.value) === node.value,
@@ -14005,6 +14010,7 @@ const SearchBar = (props) => {
     onFocus,
     onBlur,
     onClear,
+    onCancel,
     onSearch,
     onClickInput,
     onClickLeftinIcon,
@@ -14052,6 +14058,7 @@ const SearchBar = (props) => {
       disabled,
       readOnly,
       maxLength,
+      onKeyPress: onKeypress,
       onChange: (e2) => change(e2),
       onFocus: (e2) => focus(e2),
       onBlur: (e2) => blur(e2),
@@ -14130,13 +14137,22 @@ const SearchBar = (props) => {
     if (actionText) {
       return /* @__PURE__ */ React__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) {
@@ -14303,9 +14319,9 @@ const NumberKeyboard = (props) => {
     className: b2("body")
   }, /* @__PURE__ */ React__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.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
@@ -14397,9 +14413,9 @@ const ActionSheet = (props) => {
   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.createElement(Popup, {
@@ -14419,12 +14435,12 @@ const ActionSheet = (props) => {
     className: `${b2("item")} desc`
   }, description), menuItems.length ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("menu")
-  }, menuItems.map((item, index2) => {
+  }, menuItems.map((item, index) => {
     return /* @__PURE__ */ React__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.createElement("div", {
       className: "subdesc"
     }, item[optionSubTag]));
@@ -15821,9 +15837,9 @@ const CircleProgress = (props) => {
     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.createElement("stop", {
-      key: index2,
+      key: index,
       offset: item.key,
       stopColor: item.value
     });
@@ -15930,8 +15946,8 @@ const NoticeBar = (props) => {
     };
   }, []);
   const cloneChild = (listItem, listIndex) => {
-    return React__default.Children.map(children, function(child, index2) {
-      if (child && index2 === listIndex) {
+    return React__default.Children.map(children, function(child, index) {
+      if (child && index === listIndex) {
         return React__default.cloneElement(child, {
           key: listIndex,
           children: listItem
@@ -16110,16 +16126,16 @@ const NoticeBar = (props) => {
   }, children ? /* @__PURE__ */ React__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.createElement("ul", {
     className: "horseLamp_list",
     style: horseLampStyle
-  }, scrollList.current.map((item, index2) => {
+  }, scrollList.current.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("li", {
       className: "horseLamp_list_item",
       style: { height },
-      key: index2,
+      key: index,
       onClick: () => {
         go(item);
       }
@@ -16139,7 +16155,7 @@ const NoticeBar = (props) => {
 };
 NoticeBar.defaultProps = defaultProps$v;
 NoticeBar.displayName = "NutNoticeBar";
-const DataContext$1 = createContext({});
+const DataContext$1 = createContext$1({});
 const defaultProps$u = {
   current: 0,
   direction: "horizontal",
@@ -16211,10 +16227,10 @@ const Step = (props) => {
   const parent = useContext$1(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;
@@ -16270,7 +16286,7 @@ const Step = (props) => {
 };
 Step.defaultProps = defaultProps$t;
 Step.displayName = "NutStep";
-const DataContext = createContext({});
+const DataContext = createContext$1({});
 const defaultProps$s = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
@@ -16409,17 +16425,17 @@ const Swiper = React__default.forwardRef((props, ref) => {
       });
     });
   };
-  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,
@@ -16648,14 +16664,14 @@ const Swiper = React__default.forwardRef((props, ref) => {
       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)`}`;
     }
@@ -16675,27 +16691,27 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, React__default.Children.map(childs, (child, index2) => {
+  }, React__default.Children.map(childs, (child, index) => {
     return /* @__PURE__ */ React__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.createElement("div", {
     className: classNames({
       [`${b2("pagination")}`]: true,
       [`${b2("pagination-vertical")}`]: isVertical
     })
-  }, React__default.Children.map(childs, (item, index2) => {
+  }, React__default.Children.map(childs, (item, index) => {
     return /* @__PURE__ */ React__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.createElement("div", null, pageContent)));
 });
@@ -16726,7 +16742,7 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
 });
 SwiperItem.defaultProps = defaultProps$r;
 SwiperItem.displayName = "NutSwiperItem";
-const AvatarContext = createContext({});
+const AvatarContext = createContext$1({});
 const defaultProps$q = {
   ...ComponentDefaults,
   size: "",
@@ -16801,11 +16817,11 @@ const Avatar = (props) => {
         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);
     }
   };
@@ -17177,7 +17193,7 @@ const defaultProps$l = {
   className: "",
   onClick: (e2) => {
   },
-  onChoose: (item, index2) => {
+  onChoose: (item, index) => {
   }
 };
 const Popover = (props) => {
@@ -17251,9 +17267,9 @@ const Popover = (props) => {
       props.onClick(e2);
     }
   };
-  const handleChoose = (item, index2) => {
+  const handleChoose = (item, index) => {
     if (!item.disabled) {
-      onChoose(item, index2);
+      onChoose(item, index);
     }
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
@@ -17367,10 +17383,10 @@ const Skeleton = (props) => {
     className: "skeleton-content-line"
   }, title && /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-title"
-  }), repeatLines(row).map((item, index2) => {
+  }), repeatLines(row).map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: blockClass,
-      key: index2,
+      key: index,
       style: { width, height }
     });
   })))));
@@ -17972,29 +17988,29 @@ const Empty = (props) => {
 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;
 };
@@ -18056,25 +18072,25 @@ const getEndIndex = ({
 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;
         }
@@ -18224,9 +18240,9 @@ const VirtualList = (props) => {
     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.createElement("li", {
@@ -18303,7 +18319,7 @@ const Table = (props) => {
     return columns.filter((item) => item.key === value)[0];
   };
   const renderHeadCells = () => {
-    return columns.map((item, index2) => {
+    return columns.map((item, index) => {
       return /* @__PURE__ */ React__default.createElement("span", {
         className: classNames(
           "nut-table__main__head__tr__th",
@@ -18325,7 +18341,7 @@ const Table = (props) => {
     });
   };
   const renderBodyTds = (item) => {
-    return sortDataItem().map(([value, render2], index2) => {
+    return sortDataItem().map(([value, render2], index) => {
       return /* @__PURE__ */ React__default.createElement("span", {
         className: classNames(
           "nut-table__main__body__tr__td",
@@ -18336,10 +18352,10 @@ const Table = (props) => {
     });
   };
   const renderBoyTrs = () => {
-    return curData.map((item, index2) => {
+    return curData.map((item, index) => {
       return /* @__PURE__ */ React__default.createElement("div", {
         className: "nut-table__main__body__tr",
-        key: index2
+        key: index
       }, renderBodyTds(item));
     });
   };
@@ -18866,17 +18882,17 @@ const ImagePreview = (props) => {
     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.createElement(SwiperItem, {
-      key: index2
+      key: index
     }, /* @__PURE__ */ React__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.createElement(SwiperItem, {
-        key: index2
+        key: index
       }, /* @__PURE__ */ React__default.createElement("img", {
         src: item.src,
         alt: "",
@@ -18923,7 +18939,7 @@ const ExistRender = (props) => {
       addressDetail: "",
       selectedAddress: false
     };
-    copyExistAdd.forEach((list, index2) => {
+    copyExistAdd.forEach((list, index) => {
       if (list && list.selectedAddress) {
         prevExistAdd = list;
       }
@@ -18943,10 +18959,10 @@ const ExistRender = (props) => {
     className: b2("exist-group")
   }, /* @__PURE__ */ React__default.createElement("ul", {
     className: b2("exist-ul")
-  }, existAddress.map((item, index2) => {
+  }, existAddress.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("li", {
       className: b2("exist-item"),
-      key: index2
+      key: index
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => selectedExist(item)
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -19029,18 +19045,18 @@ const CustomRender = (props) => {
       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)
         };
       }
     });
@@ -19059,8 +19075,8 @@ const CustomRender = (props) => {
     town: { name: "" }
   });
   const [lineDistance, setLineDistance] = useState(20);
-  const getTabName = (item, index2) => {
-    if (tabIndex > index2) {
+  const getTabName = (item, index) => {
+    if (tabIndex > index) {
       return item.name;
     }
     return locale.select;
@@ -19071,9 +19087,9 @@ const CustomRender = (props) => {
     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;
@@ -19122,10 +19138,10 @@ const CustomRender = (props) => {
       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);
   };
@@ -19133,16 +19149,16 @@ const CustomRender = (props) => {
     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") {
@@ -19150,11 +19166,11 @@ const CustomRender = (props) => {
             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);
         }
       }
@@ -19201,19 +19217,19 @@ const CustomRender = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("region-tab")
   }, selectedRegion && Object.keys(selectedRegion).map(
-    (key, index2) => {
+    (key, index) => {
       return /* @__PURE__ */ React__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.createElement("div", null, getTabName(
+      }, index <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(
         selectedRegion[key],
-        index2
+        index
       )));
     }
   ), /* @__PURE__ */ React__default.createElement("div", {
@@ -19225,9 +19241,9 @@ const CustomRender = (props) => {
   }, /* @__PURE__ */ React__default.createElement("ul", {
     className: b2("region-group")
   }, regionList[tabName[tabIndex]].map(
-    (item, index2) => {
+    (item, index) => {
       return /* @__PURE__ */ React__default.createElement("li", {
-        key: index2,
+        key: index,
         className: b2("region-item")
       }, /* @__PURE__ */ React__default.createElement("div", {
         onClick: () => {
@@ -19485,12 +19501,12 @@ const InternalBarrage = (props, ref) => {
   const barrageContainer = useRef(null);
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
-  const index2 = useRef(0);
+  const index = useRef(0);
   const b2 = cn("barrage");
   const classes = classNames(className, b2(""));
   useImperativeHandle(ref, () => ({
     add: (word) => {
-      const _index = index2.current % barrageList.length;
+      const _index = index.current % barrageList.length;
       barrageList.splice(_index, 0, word);
     }
   }));
@@ -19511,7 +19527,7 @@ const InternalBarrage = (props, ref) => {
     }, 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");
@@ -19527,7 +19543,7 @@ const InternalBarrage = (props, ref) => {
     el.addEventListener("animationend", () => {
       barrageContainer.current.removeChild(el);
     });
-    index2.current++;
+    index.current++;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes,
@@ -19777,7 +19793,7 @@ const TimeDetail = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2()} ${className || ""}`
-  }, renderData.map((item, index2) => /* @__PURE__ */ React__default.createElement("span", {
+  }, renderData.map((item, index) => /* @__PURE__ */ React__default.createElement("span", {
     className: getDetailClass(item),
     key: item,
     onClick: () => handleTime(item)
@@ -19909,11 +19925,11 @@ const TimeSelect = (props) => {
     className: "nut-timeselect__content"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-timeselect__content-left"
-  }, dates.map((dataItem, index2) => /* @__PURE__ */ React__default.createElement(TimePannel, {
+  }, dates.map((dataItem, index) => /* @__PURE__ */ React__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.createElement(TimeDetail, {
     times,