@nutui/nutui-react 1.2.3-beta.0 → 1.2.3-beta.3

package/dist/nutui.react.es.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:28:42 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.3-beta.3 Wed Aug 17 2022 10:06:12 GMT+0800 (China Standard Time)
 * (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, useImperativeHandle, useLayoutEffect as useLayoutEffect$1, forwardRef, useMemo, memo } from "react";
+import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, useLayoutEffect, forwardRef, useMemo, memo } from "react";
 import * as ReactDOM from "react-dom";
-import ReactDOM__default, { unstable_batchedUpdates } from "react-dom";
+import ReactDOM__default, { createPortal, unstable_batchedUpdates } from "react-dom";
 var classname = { exports: {} };
 var classname_production_min = {};
 function r$1(r2) {
@@ -45,7 +45,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
   classname.exports = classname_production_min;
 }
 const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-const defaultProps$17 = {
+const defaultProps$1a = {
   name: "",
   size: "",
   classPrefix: "nutui-icon",
@@ -73,13 +73,13 @@ const Icon = (props) => {
     click,
     ...rest
   } = {
-    ...defaultProps$17,
+    ...defaultProps$1a,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
   const type = isImage ? "img" : tag;
   const b2 = cn("icon");
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (props.click) {
       props.click(e2);
     }
@@ -89,25 +89,29 @@ const Icon = (props) => {
       return { src: name };
     return {};
   };
-  return React__default.createElement(type, {
-    className: isImage ? `${className || ""} ${b2("img")}` : `${className || ""} ${fontClassName} ${b2(null, [
-      classPrefix
-    ])} nut-icon-${name} `,
-    style: {
-      color,
-      fontSize: pxCheck$2(size),
-      width: pxCheck$2(size),
-      height: pxCheck$2(size),
-      ...style
+  return React__default.createElement(
+    type,
+    {
+      className: isImage ? `${className || ""} ${b2("img")}` : `${className || ""} ${fontClassName} ${b2(null, [
+        classPrefix
+      ])} nut-icon-${name} `,
+      style: {
+        color,
+        fontSize: pxCheck$2(size),
+        width: pxCheck$2(size),
+        height: pxCheck$2(size),
+        ...style
+      },
+      ...rest,
+      onClick: handleClick2,
+      ...hasSrc()
     },
-    ...rest,
-    onClick: handleClick,
-    ...hasSrc()
-  }, children);
+    children
+  );
 };
-Icon.defaultProps = defaultProps$17;
+Icon.defaultProps = defaultProps$1a;
 Icon.displayName = "NutIcon";
-const defaultProps$16 = {
+const defaultProps$19 = {
   className: "",
   color: "",
   shape: "round",
@@ -140,7 +144,7 @@ const Button = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$19,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -194,7 +198,7 @@ const Button = (props) => {
     classes,
     getStyle
   ]);
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (!loading && !disabled && onClick) {
       onClick(e2);
     }
@@ -203,7 +207,7 @@ const Button = (props) => {
     className: `${btnName} ${className}`,
     style: { ...btnStyle, ...style },
     ...rest,
-    onClick: (e2) => handleClick(e2)
+    onClick: (e2) => handleClick2(e2)
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-button__warp",
     style: getStyle()
@@ -213,7 +217,7 @@ const Button = (props) => {
     name: icon
   }) : "", children));
 };
-Button.defaultProps = defaultProps$16;
+Button.defaultProps = defaultProps$19;
 Button.displayName = "NutButton";
 function _setPrototypeOf(o, p2) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
@@ -241,7 +245,9 @@ var factoryWithThrowingShims = function() {
     if (secret === ReactPropTypesSecret) {
       return;
     }
-    var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+    var err = new Error(
+      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+    );
     err.name = "Invariant Violation";
     throw err;
   }
@@ -1429,7 +1435,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$15 = {
+const defaultProps$18 = {
   title: null,
   subTitle: null,
   desc: "",
@@ -1469,12 +1475,12 @@ const Cell = (props) => {
     linkSlot,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$18,
     ...props
   };
   const b2 = cn("cell");
   const history = useHistory();
-  const handleClick = (event) => {
+  const handleClick2 = (event) => {
     click(event);
     if (to2 && history) {
       history[replace ? "replace" : "push"](to2);
@@ -1490,8 +1496,11 @@ const Cell = (props) => {
     flex: 1
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2({ clickable: !!(isLink || to2), center, large: size === "large" }, [className])} `,
-    onClick: (event) => handleClick(event),
+    className: `${b2(
+      { clickable: !!(isLink || to2), center, large: size === "large" },
+      [className]
+    )} `,
+    onClick: (event) => handleClick2(event),
     style: baseStyle,
     ...rest
   }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default.createElement("div", {
@@ -1515,9 +1524,9 @@ const Cell = (props) => {
     className: b2("link")
   }) : linkSlot));
 };
-Cell.defaultProps = defaultProps$15;
+Cell.defaultProps = defaultProps$18;
 Cell.displayName = "NutCell";
-const defaultProps$14 = {
+const defaultProps$17 = {
   title: "",
   desc: "",
   titleSlot: null,
@@ -1526,7 +1535,7 @@ const defaultProps$14 = {
 };
 const CellGroup = (props) => {
   const { children, classPrefix, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$14,
+    ...defaultProps$17,
     ...props
   };
   const b2 = cn("cell-group");
@@ -1540,7 +1549,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$14;
+CellGroup.defaultProps = defaultProps$17;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -1628,12 +1637,16 @@ const Overlay = (props) => {
     };
   }, []);
   const b2 = cn("overlay");
-  const classes = classNames({
-    "overlay-fade-leave-active": !renderRef.current && !visible,
-    "overlay-fade-enter-active": visible,
-    "first-render": renderRef.current && !visible,
-    "hidden-render": !visible
-  }, overlayClass, b2(""));
+  const classes = classNames(
+    {
+      "overlay-fade-leave-active": !renderRef.current && !visible,
+      "overlay-fade-enter-active": visible,
+      "first-render": renderRef.current && !visible,
+      "hidden-render": !visible
+    },
+    overlayClass,
+    b2("")
+  );
   const styles = {
     zIndex,
     animationDuration: `${props.duration}s`,
@@ -1646,7 +1659,7 @@ const Overlay = (props) => {
       document.body.classList.remove("nut-overflow-hidden");
     }
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (closeOnClickOverlay) {
       props.onClick && props.onClick(e2);
       renderRef.current = false;
@@ -1660,7 +1673,7 @@ const Overlay = (props) => {
     className: classes,
     style: styles,
     ...rest,
-    onClick: handleClick
+    onClick: handleClick2
   }, children));
 };
 Overlay.defaultProps = defaultOverlayProps;
@@ -1695,6 +1708,9 @@ var config$1 = {
   disabled: false
 };
 var TransitionGroupContext = React__default.createContext(null);
+var forceReflow = function forceReflow2(node) {
+  return node.scrollTop;
+};
 var UNMOUNTED = "unmounted";
 var EXITED = "exited";
 var ENTERING = "entering";
@@ -1783,6 +1799,11 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     if (nextStatus !== null) {
       this.cancelNextCallback();
       if (nextStatus === ENTERING) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this);
+          if (node)
+            forceReflow(node);
+        }
         this.performEnter(mounting);
       } else {
         this.performExit();
@@ -2040,7 +2061,8 @@ var CSSTransition = /* @__PURE__ */ function(_React$Component) {
       className += " " + doneClassName;
     }
     if (phase === "active") {
-      node && node.scrollTop;
+      if (node)
+        forceReflow(node);
     }
     if (className) {
       this.appliedClasses[type][phase] = className;
@@ -2080,7 +2102,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$13 = {
+const defaultProps$16 = {
   position: "center",
   transition: "",
   style: {},
@@ -2089,6 +2111,7 @@ const defaultProps$13 = {
   closeIconPosition: "top-right",
   closeIcon: "close",
   destroyOnClose: true,
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: () => {
@@ -2112,8 +2135,10 @@ const Popup = (props) => {
   const {
     children,
     visible,
+    overlay,
     closeOnClickOverlay,
     overlayStyle,
+    overlayClass,
     zIndex,
     lockScroll,
     duration,
@@ -2127,6 +2152,7 @@ const Popup = (props) => {
     popClass,
     className,
     destroyOnClose,
+    teleport,
     onOpen,
     onClose,
     onClickOverlay,
@@ -2152,12 +2178,15 @@ const Popup = (props) => {
     ...style,
     ...baseStyle
   };
-  const classes = classNames({
-    round,
-    [`popup-${position}`]: true,
-    [`${popClass}`]: true,
-    [`${className}`]: true
-  }, b2(""));
+  const classes = classNames(
+    {
+      round,
+      [`popup-${position}`]: true,
+      [`${popClass}`]: true,
+      [`${className}`]: true
+    },
+    b2("")
+  );
   const closeClasses = classNames({
     "nutui-popup__close-icon": true,
     [`nutui-popup__close-icon--${closeIconPosition}`]: true
@@ -2202,6 +2231,49 @@ const Popup = (props) => {
   const onHandleClosed = (e2) => {
     onClosed && onClosed(e2);
   };
+  const resolveContainer = (getContainer) => {
+    const container = typeof getContainer === "function" ? getContainer() : getContainer;
+    return container || document.body;
+  };
+  const renderToContainer = (getContainer, node) => {
+    if (getContainer) {
+      const container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+    return node;
+  };
+  const renderPop = () => {
+    return /* @__PURE__ */ React__default.createElement(CSSTransition$1, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 500,
+      in: innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      style: popStyles,
+      className: classes,
+      onClick: onHandleClick
+    }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default.createElement("div", {
+      className: closeClasses,
+      onClick: onHandleClickCloseIcon
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      name: closeIcon,
+      size: "12px"
+    })) : ""));
+  };
+  const renderNode = () => {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, overlay ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Overlay, {
+      style: overlayStyles,
+      overlayClass,
+      visible: innerVisible,
+      closeOnClickOverlay,
+      zIndex,
+      lockScroll,
+      duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
   useEffect(() => {
     visible && open();
     !visible && close();
@@ -2209,34 +2281,9 @@ const Popup = (props) => {
   useEffect(() => {
     setTransitionName(transition || `popup-slide-${position}`);
   }, [position]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Overlay, {
-    style: overlayStyles,
-    visible: innerVisible,
-    closeOnClickOverlay,
-    zIndex,
-    lockScroll,
-    duration,
-    onClick: onHandleClickOverlay
-  }), /* @__PURE__ */ React__default.createElement(CSSTransition$1, {
-    classNames: transitionName,
-    unmountOnExit: true,
-    timeout: 500,
-    in: innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    style: popStyles,
-    className: classes,
-    onClick: onHandleClick
-  }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default.createElement("div", {
-    className: closeClasses,
-    onClick: onHandleClickCloseIcon
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
-    name: closeIcon,
-    size: "12px"
-  })) : "")));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$13;
+Popup.defaultProps = defaultProps$16;
 Popup.displayName = "NutPopup";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2341,7 +2388,7 @@ const zhCN = {
     title6: "\u6570\u636E\u6539\u53D8\u76D1\u542C"
   }
 };
-const defaultProps$12 = {
+const defaultProps$15 = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2358,7 +2405,7 @@ const useConfig = () => {
 };
 const ConfigContext = createContext(null);
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$12, ...props };
+  const { children, ...config2 } = { ...defaultProps$15, ...props };
   const parentConfig = useConfig();
   return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
     value: {
@@ -2367,25 +2414,25 @@ const ConfigProvider = (props) => {
     }
   }, children);
 };
-ConfigProvider.defaultProps = defaultProps$12;
+ConfigProvider.defaultProps = defaultProps$15;
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$11 = {};
+const defaultProps$14 = {};
 const Layout = (props) => {
-  ({ ...defaultProps$11, ...props });
+  ({ ...defaultProps$14, ...props });
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$11;
+Layout.defaultProps = defaultProps$14;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext({});
-const defaultProps$10 = {
+const defaultProps$13 = {
   span: "24",
   offset: "0",
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children } = { ...defaultProps$10, ...props };
+  const { span, offset, children, onClick } = { ...defaultProps$13, ...props };
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2405,12 +2452,15 @@ const Col = (props) => {
   }, [span, offset, gutter]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${colName}`,
-    style: { ...colStyle }
+    style: { ...colStyle },
+    onClick: (e2) => {
+      onClick && onClick(e2, "col");
+    }
   }, children);
 };
-Col.defaultProps = defaultProps$10;
+Col.defaultProps = defaultProps$13;
 Col.displayName = "NutCol";
-const defaultProps$$ = {
+const defaultProps$12 = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2418,13 +2468,15 @@ const defaultProps$$ = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter } = {
-    ...defaultProps$$,
+  const { children, type, justify, align, wrap, gutter, onClick } = {
+    ...defaultProps$12,
     ...props
   };
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
-    return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
+    const classType = type2 ? `nut-row-${prefix2}-${type2}` : "";
+    const className = prefix2 ? classType : `nut-row-${type2}`;
+    return className;
   };
   const getClasses = () => {
     return `
@@ -2440,13 +2492,20 @@ const Row = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(DataContext$2.Provider, {
     value: parentRow
-  }, React__default.createElement("div", {
-    className: getClasses()
-  }, children));
+  }, React__default.createElement(
+    "div",
+    {
+      className: getClasses(),
+      onClick: (e2) => {
+        onClick && onClick(e2, "row");
+      }
+    },
+    children
+  ));
 };
-Row.defaultProps = defaultProps$$;
+Row.defaultProps = defaultProps$12;
 Row.displayName = "NutRow";
-const defaultProps$_ = {
+const defaultProps$11 = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -2463,7 +2522,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$_,
+    ...defaultProps$11,
     ...props
   };
   const dividerBem = cn("divider");
@@ -2484,9 +2543,9 @@ const Divider = (props) => {
     ...rest
   }, children);
 };
-Divider.defaultProps = defaultProps$_;
+Divider.defaultProps = defaultProps$11;
 Divider.displayName = "NutDivider";
-const defaultProps$Z = {
+const defaultProps$10 = {
   title: "",
   desc: "",
   leftShow: true,
@@ -2519,7 +2578,7 @@ const NavBar = (props) => {
     onClickBack,
     onClickRight
   } = {
-    ...defaultProps$Z,
+    ...defaultProps$10,
     ...props
   };
   const b2 = cn("navbar");
@@ -2584,12 +2643,12 @@ const NavBar = (props) => {
     className: `${b2("")}--placeholder`
   }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$Z;
+NavBar.defaultProps = defaultProps$10;
 NavBar.displayName = "NutNavBar";
-const defaultProps$Y = {
+const defaultProps$$ = {
   fixednavClass: "nut-fixednav",
-  activeText: "\u6536\u8D77\u5BFC\u822A",
-  unActiveText: "\u5FEB\u901F\u5BFC\u822A",
+  activeText: "",
+  unActiveText: "",
   type: "right",
   position: {
     top: "auto",
@@ -2612,11 +2671,16 @@ const FixedNav = (props) => {
     slotList,
     slotBtn,
     ...rest
-  } = { ...defaultProps$Y, ...props };
+  } = { ...defaultProps$$, ...props };
   const b2 = cn("fixednav");
-  const classes = classNames({
-    active: visible
-  }, type, fixednavClass, b2(""));
+  const classes = classNames(
+    {
+      active: visible
+    },
+    type,
+    fixednavClass,
+    b2("")
+  );
   const onSelectCb = (event, item) => {
     onSelected(item, event);
   };
@@ -2656,11 +2720,11 @@ const FixedNav = (props) => {
     color: "#fff"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "text"
-  }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
+  }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$Y;
+FixedNav.defaultProps = defaultProps$$;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$X = {
+const defaultProps$_ = {
   visible: 0,
   bottom: false,
   size: 20,
@@ -2685,12 +2749,12 @@ const Tabbar = (props) => {
     style,
     tabSwitch
   } = {
-    ...defaultProps$X,
+    ...defaultProps$_,
     ...props
   };
   const b2 = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(visible);
-  const handleClick = (idx) => {
+  const handleClick2 = (idx) => {
     setSelectIndex(idx);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2713,16 +2777,16 @@ const Tabbar = (props) => {
       activeColor,
       size,
       handleClick: () => {
-        handleClick(idx);
+        handleClick2(idx);
         tabSwitch(child, idx);
       }
     };
     return React__default.cloneElement(child, childProps);
   }));
 };
-Tabbar.defaultProps = defaultProps$X;
+Tabbar.defaultProps = defaultProps$_;
 Tabbar.displayName = "NutTabbar";
-const defaultProps$W = {
+const defaultProps$Z = {
   dot: false,
   size: "",
   classPrefix: "nutui-iconfont",
@@ -2752,9 +2816,9 @@ const TabbarItem = (props) => {
     activeColor,
     unactiveColor,
     index: index2,
-    handleClick
+    handleClick: handleClick2
   } = {
-    ...defaultProps$W,
+    ...defaultProps$Z,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -2775,7 +2839,7 @@ const TabbarItem = (props) => {
       color: active ? activeColor : unactiveColor
     },
     onClick: () => {
-      handleClick(index2);
+      handleClick2(index2);
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon()}`
@@ -2796,7 +2860,7 @@ const TabbarItem = (props) => {
   }, tabTitle)));
 };
 const elevatorContext = createContext({});
-const defaultProps$V = {
+const defaultProps$Y = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -2819,7 +2883,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$Y,
     ...props
   };
   const b2 = cn("elevator");
@@ -2837,7 +2901,9 @@ const Elevator = (props) => {
     y2: 0
   });
   const [scrollY, setScrollY] = useState(0);
-  const [currentData, setCurrentData] = useState({});
+  const [currentData, setCurrentData] = useState(
+    {}
+  );
   const [currentKey, setCurrentKey] = useState("");
   const [currentIndex, setCurrentIndex] = useState(0);
   const [codeIndex, setCodeIndex] = useState(0);
@@ -3009,9 +3075,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$V;
+Elevator.defaultProps = defaultProps$Y;
 Elevator.displayName = "NutElevator";
-const defaultProps$U = {
+const defaultProps$X = {
   defaultValue: 1,
   mode: "multi",
   prevText: "",
@@ -3028,7 +3094,7 @@ const defaultProps$U = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  ({ ...defaultProps$U, ...props });
+  ({ ...defaultProps$X, ...props });
   const {
     modelValue,
     mode,
@@ -3145,7 +3211,7 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
   }, nextText || locale.pagination.next));
 };
-Pagination.defaultProps = defaultProps$U;
+Pagination.defaultProps = defaultProps$X;
 Pagination.displayName = "NutPagination";
 class Title {
   constructor() {
@@ -3155,7 +3221,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$T = {
+const defaultProps$W = {
   value: 0,
   color: "",
   background: "",
@@ -3190,7 +3256,7 @@ const Tabs = (props) => {
     className,
     autoHeight,
     ...rest
-  } = { ...defaultProps$T, ...props };
+  } = { ...defaultProps$W, ...props };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
   const titles = useRef([]);
   useEffect(() => {
@@ -3217,11 +3283,14 @@ const Tabs = (props) => {
   }, [children]);
   const b2 = cn("tabs");
   const classes = classNames(direction, b2(""), className);
-  const classesTitle = classNames({
-    [type]: type,
-    scrollable: titleScroll,
-    [size]: size
-  }, `${b2("")}__titles`);
+  const classesTitle = classNames(
+    {
+      [type]: type,
+      scrollable: titleScroll,
+      [size]: size
+    },
+    `${b2("")}__titles`
+  );
   const titleStyle = {
     marginLeft: pxCheck$1(titleGutter),
     marginRight: pxCheck$1(titleGutter)
@@ -3253,10 +3322,13 @@ const Tabs = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       style: titleStyle,
       onClick: (e2) => tabChange(item),
-      className: classNames({
-        active: String(item.paneKey) === String(value),
-        disabled: item.disabled
-      }, `${b2("")}__titles-item`),
+      className: classNames(
+        {
+          active: String(item.paneKey) === String(value),
+          disabled: item.disabled
+        },
+        `${b2("")}__titles-item`
+      ),
       key: item.paneKey
     }, type === "line" && /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("")}__titles-item__line`,
@@ -3268,9 +3340,12 @@ const Tabs = (props) => {
       color,
       name: "joy-smile"
     })), /* @__PURE__ */ React__default.createElement("div", {
-      className: classNames({
-        ellipsis: ellipsis && !titleScroll && direction === "horizontal"
-      }, `${b2("")}__titles-item__text`)
+      className: classNames(
+        {
+          ellipsis: ellipsis && !titleScroll && direction === "horizontal"
+        },
+        `${b2("")}__titles-item__text`
+      )
     }, item.title));
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2("")}__content`,
@@ -3293,9 +3368,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$T;
+Tabs.defaultProps = defaultProps$W;
 Tabs.displayName = "NutTabs";
-const defaultProps$S = {
+const defaultProps$V = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -3303,18 +3378,22 @@ const defaultProps$S = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName } = {
-    ...defaultProps$S,
+    ...defaultProps$V,
     ...props
   };
   const b2 = cn("tabpane");
-  const classes = classNames({
-    active: paneKey === activeKey
-  }, b2(""), autoHeightClassName);
+  const classes = classNames(
+    {
+      active: paneKey === activeKey
+    },
+    b2(""),
+    autoHeightClassName
+  );
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes
   }, children);
 };
-const defaultProps$R = {
+const defaultProps$U = {
   size: 3,
   current: 1,
   block: false,
@@ -3334,25 +3413,30 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$R,
+    ...defaultProps$U,
     ...props
   };
   const b2 = cn("indicator");
-  const classes = classNames({
-    [`${b2("block")}`]: block,
-    [`${b2("align")}__${align}`]: block && align,
-    [`${b2("vertical")}`]: vertical
-  }, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("block")}`]: block,
+      [`${b2("align")}__${align}`]: block && align,
+      [`${b2("vertical")}`]: vertical
+    },
+    b2("")
+  );
   const renderEles = () => {
     const childs = [];
     for (let item = 1; item <= size; item++) {
-      childs.push(item === current ? /* @__PURE__ */ React__default.createElement("div", {
-        key: item,
-        className: b2("number")
-      }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default.createElement("div", {
-        key: item,
-        className: b2("dot")
-      }));
+      childs.push(
+        item === current ? /* @__PURE__ */ React__default.createElement("div", {
+          key: item,
+          className: b2("number")
+        }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default.createElement("div", {
+          key: item,
+          className: b2("dot")
+        })
+      );
     }
     return childs;
   };
@@ -3363,8 +3447,146 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$R;
+Indicator.defaultProps = defaultProps$U;
 Indicator.displayName = "NutIndicator";
+const handleClick = (e2) => {
+  e2.stopPropagation();
+  const isIcon = e2.target.className.includes("arrow-icon");
+  const isTitle = e2.target.className.includes("__title") || isIcon;
+  const currentClass = e2.currentTarget.className;
+  const isShow = currentClass.includes("nutShow");
+  const arrowIcon = e2.currentTarget.querySelector(".arrow-icon");
+  const iconClass = arrowIcon.className;
+  if (isTitle) {
+    e2.currentTarget.className = isShow ? currentClass.replace("nutShow", "nutHide") : currentClass.replace("nutHide", "nutShow");
+    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
+  }
+};
+const OffsetContext = createContext(20);
+const defaultProps$T = {
+  showhead: false,
+  position: "left",
+  width: "80%"
+};
+const SideNavBar = (props) => {
+  useConfig();
+  const {
+    title,
+    visible,
+    width,
+    position,
+    children,
+    className,
+    showhead,
+    handleClose,
+    ...rest
+  } = {
+    ...defaultProps$T,
+    ...props
+  };
+  const offset = props.offset ? Number(props.offset) : 20;
+  return /* @__PURE__ */ React__default.createElement(Popup, {
+    visible,
+    style: { width, height: "100%" },
+    position,
+    onClose: handleClose
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: className ? `${className} nut-sidenavbar` : "nut-sidenavbar",
+    ...rest
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-sidenavbar__list nutShow",
+    onClick: handleClick
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-sidenavbar__title border-bt ",
+    style: { paddingLeft: `${offset}px` }
+  }, title, " ", /* @__PURE__ */ React__default.createElement("i", {
+    className: "arrow-icon arrow-down"
+  })), /* @__PURE__ */ React__default.createElement(OffsetContext.Provider, {
+    value: offset
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, children))))));
+};
+SideNavBar.defaultProps = defaultProps$T;
+SideNavBar.displayName = "NutSideNavBar";
+const defaultProps$S = {
+  open: true
+};
+const SubSideNavBar = (props) => {
+  const { title, ikey, children, titleClick, open, ...rest } = {
+    ...defaultProps$S,
+    ...props
+  };
+  const offset = useContext$1(OffsetContext);
+  console.log("offset>>>>>>>", offset);
+  const listRef = useRef(null);
+  const setListLevel = useCallback(
+    (nodeList, level = 1) => {
+      const titleClass = nodeList[0].className;
+      if (titleClass.includes("nut-subsidenavbar__title")) {
+        const left = offset * (level + 1);
+        nodeList[0].style.paddingLeft = `${left}px`;
+      }
+      const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(
+        (item) => item.nodeType !== 3 && item.nodeType !== 8
+      );
+      childNodes.forEach((item) => {
+        const itemClass = item.className;
+        if (itemClass.includes("nut-subsidenavbar__item")) {
+          const left = offset * (level + 2);
+          item.style.paddingLeft = `${left}px`;
+        }
+        if (itemClass.includes("nut-subsidenavbar__list")) {
+          let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
+          level2 += 1;
+          item.setAttribute("level", level2.toString());
+          item.children && setListLevel(item.children, level2);
+        }
+      });
+    },
+    [offset]
+  );
+  const clickFn = (e2) => {
+    handleClick(e2);
+    const currentClass = e2.currentTarget.className;
+    const isShow = currentClass.includes("nutShow");
+    titleClick && titleClick({ title, ikey, isShow });
+  };
+  useEffect(() => {
+    var _a, _b;
+    const childNodes = (_a = listRef.current) == null ? void 0 : _a.children;
+    (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
+    childNodes && setListLevel(childNodes);
+  }, [setListLevel]);
+  const divClass = open ? "nut-subsidenavbar__list  nutShow" : "nut-subsidenavbar__list  nutHide";
+  const iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: divClass,
+    ref: listRef,
+    onClick: clickFn,
+    ...rest
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-subsidenavbar__title border-bt"
+  }, title, " ", /* @__PURE__ */ React__default.createElement("i", {
+    className: iconClass
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-subsidenavbar__content"
+  }, children));
+};
+const SideNavBarItem = (props) => {
+  const { title, ikey, children, click, ...rest } = props;
+  const clickFn = (e2) => {
+    e2.stopPropagation();
+    click && click({ title, ikey });
+  };
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-subsidenavbar__item border-bt",
+    onClick: clickFn,
+    ...rest
+  }, title);
+};
 const MIN_DISTANCE = 10;
 function getDirection(x2, y2) {
   if (x2 > y2 && x2 > MIN_DISTANCE) {
@@ -3650,7 +3872,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$Q = {
+const defaultProps$R = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3684,7 +3906,7 @@ const Range = (props) => {
     change,
     dragStart,
     dragEnd
-  } = { ...defaultProps$Q, ...props };
+  } = { ...defaultProps$R, ...props };
   const [buttonIndex, SetButtonIndex] = useState(0);
   const [initValue, SetInitValue] = useState();
   const [dragStatus, SetDragStatus] = useState("start");
@@ -3724,23 +3946,26 @@ const Range = (props) => {
     const prefixCls = "nut-range-container";
     return [prefixCls, `${vertical ? `${prefixCls}-vertical` : ""}`, className].filter(Boolean).join(" ");
   }, [vertical, className]);
-  const markClassName = useCallback((mark) => {
-    const classPrefix = "nut-range-mark";
-    let lowerBound = Number(min);
-    let upperBound = Number(max);
-    if (range) {
-      const [left, right] = modelValue;
-      lowerBound = left;
-      upperBound = right;
-    } else {
-      upperBound = modelValue;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    return [
-      `${classPrefix}-text`,
-      `${isActive ? `${classPrefix}-text-active` : ""}`
-    ].filter(Boolean).join(" ");
-  }, [range, modelValue, min, max]);
+  const markClassName = useCallback(
+    (mark) => {
+      const classPrefix = "nut-range-mark";
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      } else {
+        upperBound = modelValue;
+      }
+      const isActive = mark <= upperBound && mark >= lowerBound;
+      return [
+        `${classPrefix}-text`,
+        `${isActive ? `${classPrefix}-text-active` : ""}`
+      ].filter(Boolean).join(" ");
+    },
+    [range, modelValue, min, max]
+  );
   const [rangeName, setRangeName] = useState(classes());
   const [containerName, setContainerName] = useState(containerClasses());
   useEffect(() => {
@@ -4013,7 +4238,7 @@ const Range = (props) => {
     className: "max"
   }, +max) : null);
 };
-Range.defaultProps = defaultProps$Q;
+Range.defaultProps = defaultProps$R;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -4107,7 +4332,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$P = {
+const defaultProps$Q = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4136,7 +4361,7 @@ const CalendarItem = (props) => {
     onChoose,
     onUpdate,
     onClose
-  } = { ...defaultProps$P, ...props };
+  } = { ...defaultProps$Q, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
@@ -4167,10 +4392,13 @@ const CalendarItem = (props) => {
   const months = useRef(null);
   const monthsPanel = useRef(null);
   const b2 = cn("calendar");
-  const classes = classNames({
-    [`${b2("")}-tile`]: !poppable,
-    [`${b2("")}-nofooter`]: !!isAutoBackFill
-  }, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-tile`]: !poppable,
+      [`${b2("")}-nofooter`]: !!isAutoBackFill
+    },
+    b2("")
+  );
   const headerClasses = classNames({
     [`${b2("")}-header`]: true,
     [`${b2("")}-header-tile`]: !poppable
@@ -4189,7 +4417,11 @@ const CalendarItem = (props) => {
     return Utils.isEqual(state.currDate[1], currDate);
   };
   const getCurrDate = (day, month, isRange) => {
-    return isRange ? `${month.curData[3]}-${month.curData[4]}-${Utils.getNumTwoBit(+day.day)}` : `${month.curData[0]}-${month.curData[1]}-${Utils.getNumTwoBit(+day.day)}`;
+    return isRange ? `${month.curData[3]}-${month.curData[4]}-${Utils.getNumTwoBit(
+      +day.day
+    )}` : `${month.curData[0]}-${month.curData[1]}-${Utils.getNumTwoBit(
+      +day.day
+    )}`;
   };
   const getClass = (day, month, isRange) => {
     const currDate = getCurrDate(day, month, isRange);
@@ -4310,10 +4542,19 @@ const CalendarItem = (props) => {
       ]
     };
     if (type2 == "next") {
-      if (!state.endData || !Utils.compareDate(`${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`, `${curData[0]}-${curData[1]}-${curData[2]}`)) {
+      if (!state.endData || !Utils.compareDate(
+        `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(
+          state.endData[0],
+          state.endData[1]
+        )}`,
+        `${curData[0]}-${curData[1]}-${curData[2]}`
+      )) {
         state.monthsData.push(monthInfo);
       }
-    } else if (!state.startData || !Utils.compareDate(`${curData[0]}-${curData[1]}-${curData[2]}`, `${state.startData[0]}-${state.startData[1]}-01`)) {
+    } else if (!state.startData || !Utils.compareDate(
+      `${curData[0]}-${curData[1]}-${curData[2]}`,
+      `${state.startData[0]}-${state.startData[1]}-01`
+    )) {
       state.monthsData.unshift(monthInfo);
     } else {
       setUnLoadPrev(true);
@@ -4465,10 +4706,23 @@ const CalendarItem = (props) => {
       getMonth(getCurrData("next"), "next");
     } while (i++ < 4);
     if (state.isRange) {
-      chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
-      chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[0], true, true);
+      chooseDay(
+        { day: state.defaultData[2], type: "curr" },
+        state.monthsData[0],
+        true
+      );
+      chooseDay(
+        { day: state.defaultData[5], type: "curr" },
+        state.monthsData[0],
+        true,
+        true
+      );
     } else {
-      chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
+      chooseDay(
+        { day: state.defaultData[2], type: "curr" },
+        state.monthsData[0],
+        true
+      );
     }
   };
   useEffect(() => {
@@ -4532,9 +4786,9 @@ const CalendarItem = (props) => {
     onClick: confirm2
   }, locale.confirm)) : ""));
 };
-CalendarItem.defaultProps = defaultProps$P;
+CalendarItem.defaultProps = defaultProps$Q;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$O = {
+const defaultProps$P = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4562,7 +4816,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = { ...defaultProps$O, ...props };
+  } = { ...defaultProps$P, ...props };
   const close = () => {
     onClose && onClose();
   };
@@ -4605,95 +4859,99 @@ const Calendar = (props) => {
     onChoose: choose
   }));
 };
-Calendar.defaultProps = defaultProps$O;
+Calendar.defaultProps = defaultProps$P;
 Calendar.displayName = "NutCalendar";
-const defaultProps$N = {
+const defaultProps$O = {
   disabled: false,
   checkedValue: [],
   max: void 0,
   onChange: (value) => {
   }
 };
-const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$N, ...props };
-  const b2 = cn("checkboxgroup");
-  const { className, disabled, onChange, checkedValue, max, ...rest } = props;
-  const [innerDisabled, setInnerDisabled] = useState(disabled);
-  const [innerValue, setInnerValue] = useState(checkedValue);
-  useImperativeHandle(ref, () => ({
-    toggleAll(state) {
-      if (state === false) {
-        setInnerValue([]);
-      } else {
+const CheckboxGroup = React__default.forwardRef(
+  (props, ref) => {
+    const { children } = { ...defaultProps$O, ...props };
+    const b2 = cn("checkboxgroup");
+    const { className, disabled, onChange, checkedValue, max, ...rest } = props;
+    const [innerDisabled, setInnerDisabled] = useState(disabled);
+    const [innerValue, setInnerValue] = useState(checkedValue);
+    useImperativeHandle(ref, () => ({
+      toggleAll(state) {
+        if (state === false) {
+          setInnerValue([]);
+        } else {
+          const childrenLabel = [];
+          React__default.Children.map(children, (child) => {
+            const childProps = child.props;
+            console.log(child);
+            childrenLabel.push(childProps.label || child.children);
+          });
+          setInnerValue(childrenLabel);
+        }
+      },
+      toggleReverse() {
         const childrenLabel = [];
         React__default.Children.map(children, (child) => {
           const childProps = child.props;
-          console.log(child);
           childrenLabel.push(childProps.label || child.children);
         });
-        setInnerValue(childrenLabel);
+        const reverse = childrenLabel.filter(
+          (c6) => (innerValue == null ? void 0 : innerValue.findIndex((v2) => v2 === c6)) === -1
+        );
+        setInnerValue(reverse);
       }
-    },
-    toggleReverse() {
-      const childrenLabel = [];
-      React__default.Children.map(children, (child) => {
-        const childProps = child.props;
-        childrenLabel.push(childProps.label || child.children);
-      });
-      const reverse = childrenLabel.filter((c6) => (innerValue == null ? void 0 : innerValue.findIndex((v2) => v2 === c6)) === -1);
-      setInnerValue(reverse);
-    }
-  }));
-  useEffect(() => {
-    setInnerDisabled(disabled);
-    setInnerValue(checkedValue);
-  }, [disabled, checkedValue]);
-  function handleChildChange(state, label) {
-    if (max !== void 0 && innerValue && innerValue.length > max)
-      return;
-    if (innerValue) {
-      let clippedValue = [];
-      if (state) {
-        clippedValue = [...innerValue, label];
-      } else {
-        innerValue == null ? void 0 : innerValue.splice(innerValue == null ? void 0 : innerValue.indexOf(label), 1);
-        clippedValue = [...innerValue];
+    }));
+    useEffect(() => {
+      setInnerDisabled(disabled);
+      setInnerValue(checkedValue);
+    }, [disabled, checkedValue]);
+    function handleChildChange(state, label) {
+      if (max !== void 0 && innerValue && innerValue.length > max)
+        return;
+      if (innerValue) {
+        let clippedValue = [];
+        if (state) {
+          clippedValue = [...innerValue, label];
+        } else {
+          innerValue == null ? void 0 : innerValue.splice(innerValue == null ? void 0 : innerValue.indexOf(label), 1);
+          clippedValue = [...innerValue];
+        }
+        setInnerValue(clippedValue);
+        onChange && onChange(clippedValue);
       }
-      setInnerValue(clippedValue);
-      onChange && onChange(clippedValue);
     }
-  }
-  function validateChildChecked(child) {
-    if (!innerValue)
-      return false;
-    return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-  }
-  function getParentVals() {
-    return innerValue;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, (child) => {
-      const childChecked = validateChildChecked(child);
-      if (child.type.displayName !== "NutCheckBox") {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        disabled: innerDisabled,
-        checked: childChecked,
-        onChange: handleChildChange,
-        getParentVals,
-        max
+    function validateChildChecked(child) {
+      if (!innerValue)
+        return false;
+      return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
+    }
+    function getParentVals() {
+      return innerValue;
+    }
+    function cloneChildren() {
+      return React__default.Children.map(children, (child) => {
+        const childChecked = validateChildChecked(child);
+        if (child.type.displayName !== "NutCheckBox") {
+          return React__default.cloneElement(child);
+        }
+        return React__default.cloneElement(child, {
+          disabled: innerDisabled,
+          checked: childChecked,
+          onChange: handleChildChange,
+          getParentVals,
+          max
+        });
       });
-    });
+    }
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: `${b2()} ${className || ""}`,
+      ...rest
+    }, cloneChildren());
   }
-  return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2()} ${className || ""}`,
-    ...rest
-  }, cloneChildren());
-});
-CheckboxGroup.defaultProps = defaultProps$N;
+);
+CheckboxGroup.defaultProps = defaultProps$O;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$M = {
+const defaultProps$N = {
   checked: false,
   disabled: false,
   textPosition: "right",
@@ -4707,7 +4965,7 @@ const defaultProps$M = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = { ...defaultProps$M, ...props };
+  const { children } = { ...defaultProps$N, ...props };
   const b2 = cn("checkbox");
   const {
     iconName,
@@ -4772,7 +5030,7 @@ const Checkbox = (props) => {
       className: `${b2("label", { disabled: innerDisabled })} `
     }, children || label);
   };
-  const handleClick = () => {
+  const handleClick2 = () => {
     if (!disabled) {
       const latest = !innerChecked;
       if (max !== void 0 && latest && getParentVals().length >= max)
@@ -4784,10 +5042,10 @@ const Checkbox = (props) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2({ reverse: textPosition === "left" })} ${className || ""}`,
     ...rest,
-    onClick: handleClick
+    onClick: handleClick2
   }, renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$M;
+Checkbox.defaultProps = defaultProps$N;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -4951,12 +5209,12 @@ const InternalPickerSlot = (props, ref) => {
         transform: `rotate3d(1, 0, 0, ${-rotation * (index2 + 1)}deg) translate3d(0px, 0px, 104px)`
       },
       key: item.value ? item.value : index2
-    }, item.text ? item.text : item);
+    }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-picker-roller-item-tile",
       key: item.value ? item.value : index2
-    }, item.text ? item.text : item);
+    }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-picker-mask"
   }), /* @__PURE__ */ React__default.createElement("div", {
@@ -5010,7 +5268,9 @@ const InternalPicker = (props, ref) => {
     const optins = [];
     columnsList.map((column, index2) => {
       let currOptions = [];
-      currOptions = column.filter((item) => item.value === chooseValueData[index2]);
+      currOptions = column.filter(
+        (item) => item.value === chooseValueData[index2]
+      );
       if (currOptions[0]) {
         optins.push(currOptions[0]);
       } else {
@@ -5043,7 +5303,10 @@ const InternalPicker = (props, ref) => {
         } else {
           setchooseValueData((data) => {
             const cdata = [...data];
-            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(option, "value") ? option.value : "";
+            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(
+              option,
+              "value"
+            ) ? option.value : "";
             return cdata;
           });
         }
@@ -5085,7 +5348,9 @@ const InternalPicker = (props, ref) => {
     while (cursor && cursor.children) {
       const options2 = cursor.children;
       const value = defaultValues[columnIndex2];
-      let index2 = options2.findIndex((columnItem) => columnItem.value === value);
+      let index2 = options2.findIndex(
+        (columnItem) => columnItem.value === value
+      );
       if (index2 === -1)
         index2 = 0;
       cursor = cursor.children[index2];
@@ -5098,8 +5363,8 @@ const InternalPicker = (props, ref) => {
     const data = [];
     const normalData = normalListData();
     setColumnsList(normalData);
-    normalData.map((item) => {
-      data.push(item[0].value);
+    normalData.length > 0 && normalData.map((item) => {
+      item[0] && data.push(item[0].value);
       return item;
     });
     if (!defaultValueData && chooseValueData.length === 0) {
@@ -5142,7 +5407,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$L = {
+const defaultProps$M = {
   modelValue: null,
   visible: false,
   title: "",
@@ -5172,7 +5437,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$L,
+    ...defaultProps$M,
     ...props
   };
   const [show, setShow] = useState(false);
@@ -5294,25 +5559,38 @@ const DatePicker = (props) => {
     return result;
   };
   const updateChooseValueCustmer = (index2, selectedValue, cacheValueData) => {
-    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
+    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
+      type.toLocaleLowerCase()
+    )) {
       const formatDate = [];
       selectedValue.forEach((item) => {
         formatDate.push(item);
       });
       if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+        formatDate.unshift(
+          new Date(modelValue || minDate || maxDate).getFullYear()
+        );
       }
       if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
         formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
       }
       const year = Number(formatDate[0]);
       const month = Number(formatDate[1]) - 1;
-      const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      const day = Math.min(
+        Number(formatDate[2]),
+        getMonthEndDay(Number(formatDate[0]), Number(formatDate[1]))
+      );
       let date = null;
       if (type.toLocaleLowerCase() === "date" || type.toLocaleLowerCase() === "month-day" || type.toLocaleLowerCase() === "year-month") {
         date = new Date(year, month, day);
       } else if (type.toLocaleLowerCase() === "datetime") {
-        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
+        date = new Date(
+          year,
+          month,
+          day,
+          Number(formatDate[3]),
+          Number(formatDate[4])
+        );
       } else if (type.toLocaleLowerCase() === "datehour") {
         date = new Date(year, month, day, Number(formatDate[3]));
       }
@@ -5385,7 +5663,13 @@ const DatePicker = (props) => {
   };
   const columns = (date) => {
     const val = ranges(date).map((res, columnIndex) => {
-      return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
+      return generateValue(
+        res.range[0],
+        res.range[1],
+        getDateIndex(res.type),
+        res.type,
+        columnIndex
+      );
     });
     return val || [];
   };
@@ -5418,9 +5702,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$L;
+DatePicker.defaultProps = defaultProps$M;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$K = {
+const defaultProps$L = {
   disabled: false,
   buttonSize: "",
   min: 1,
@@ -5458,7 +5742,7 @@ const InputNumber = (props) => {
     focus,
     ...restProps
   } = {
-    ...defaultProps$K,
+    ...defaultProps$L,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -5466,9 +5750,13 @@ const InputNumber = (props) => {
     setInputValue(modelValue);
   }, [modelValue]);
   const b2 = cn("inputnumber");
-  const classes = classNames({
-    [`${b2("")}--disabled`]: disabled
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}--disabled`]: disabled
+    },
+    className,
+    b2("")
+  );
   const styles = {
     height: pxCheck(buttonSize),
     ...style
@@ -5579,7 +5867,7 @@ const InputNumber = (props) => {
     click: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$K;
+InputNumber.defaultProps = defaultProps$L;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -5605,7 +5893,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$J = {
+const defaultProps$K = {
   type: "text",
   defaultValue: "",
   placeholder: "",
@@ -5688,14 +5976,14 @@ const Input = (props) => {
     clickRightIcon,
     click,
     ...rest
-  } = { ...defaultProps$J, ...props };
+  } = { ...defaultProps$K, ...props };
   locale.placeholder = placeholder || locale.placeholder;
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
   const [classes, setClasses] = useState("");
   const getModelValue = () => String(inputValue != null ? inputValue : "");
   const inputRef = useRef(null);
-  useLayoutEffect$1(() => {
+  useLayoutEffect(() => {
     updateValue(getModelValue(), formatTrigger);
   });
   useEffect(() => {
@@ -5895,60 +6183,62 @@ const Input = (props) => {
     }
   }, errorMessage) : null)));
 };
-Input.defaultProps = defaultProps$J;
+Input.defaultProps = defaultProps$K;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$I = {
+const defaultProps$J = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
   },
   direction: "vertical"
 };
-const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$I, ...props };
-  cn("RadioGroup");
-  const { className, value, onChange, textPosition, direction, ...rest } = props;
-  const [val2State, setVal2State] = useState(value);
-  useEffect(() => {
-    setVal2State(value);
-  }, [value]);
-  function validateChildChecked(child) {
-    if (val2State === null)
-      return false;
-    return val2State === child.props.value;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, (child, index2) => {
-      const childChecked = validateChildChecked(child);
-      if (child.type.displayName !== "NutRadio") {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        textPosition,
-        checked: childChecked
+const RadioGroup = React__default.forwardRef(
+  (props, ref) => {
+    const { children } = { ...defaultProps$J, ...props };
+    cn("RadioGroup");
+    const { className, value, onChange, textPosition, direction, ...rest } = props;
+    const [val2State, setVal2State] = useState(value);
+    useEffect(() => {
+      setVal2State(value);
+    }, [value]);
+    function validateChildChecked(child) {
+      if (val2State === null)
+        return false;
+      return val2State === child.props.value;
+    }
+    function cloneChildren() {
+      return React__default.Children.map(children, (child, index2) => {
+        const childChecked = validateChildChecked(child);
+        if (child.type.displayName !== "NutRadio") {
+          return React__default.cloneElement(child);
+        }
+        return React__default.cloneElement(child, {
+          textPosition,
+          checked: childChecked
+        });
       });
-    });
-  }
-  return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
-    value: {
-      onChange: (val) => {
-        setVal2State(val);
-        onChange && onChange(val);
-      }
     }
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-radiogroup nut-radiogroup--${props.direction}`,
-    ...rest
-  }, cloneChildren()));
-});
-RadioGroup.defaultProps = defaultProps$I;
+    return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
+      value: {
+        onChange: (val) => {
+          setVal2State(val);
+          onChange && onChange(val);
+        }
+      }
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: `nut-radiogroup nut-radiogroup--${props.direction}`,
+      ...rest
+    }, cloneChildren()));
+  }
+);
+RadioGroup.defaultProps = defaultProps$J;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$H = {
+const defaultProps$I = {
   disabled: false,
   checked: false,
   shape: "round",
@@ -5961,7 +6251,7 @@ const defaultProps$H = {
   }
 };
 const Radio = (props) => {
-  const { children } = { ...defaultProps$H, ...props };
+  const { children } = { ...defaultProps$I, ...props };
   const {
     className,
     disabled,
@@ -6021,7 +6311,7 @@ const Radio = (props) => {
     }
     return [renderIcon(), renderLabel()];
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (disabledStatement || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
@@ -6031,14 +6321,14 @@ const Radio = (props) => {
   const reverseState = textPosition === "left";
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-radio ${className}`,
-    onClick: handleClick,
+    onClick: handleClick2,
     ...rest
   }, renderRadioItem());
 };
-Radio.defaultProps = defaultProps$H;
+Radio.defaultProps = defaultProps$I;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
-const defaultProps$G = {
+const defaultProps$H = {
   count: 5,
   modelValue: 0,
   minimizeValue: 0,
@@ -6067,7 +6357,7 @@ const Rate = (props) => {
     allowHalf,
     spacing,
     change
-  } = { ...defaultProps$G, ...props };
+  } = { ...defaultProps$H, ...props };
   const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
@@ -6124,16 +6414,18 @@ const Rate = (props) => {
       size: iconSize,
       name: checkedIcon
     }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default.createElement(Icon, {
-      className: `${bi("icon")} ${bi("icon--disabled")} ${bi("icon--half")}`,
+      className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
+        "icon--half"
+      )}`,
       color: voidColor,
       size: iconSize,
       name: uncheckedIcon
     }));
   }));
 };
-Rate.defaultProps = defaultProps$G;
+Rate.defaultProps = defaultProps$H;
 Rate.displayName = "NutRate";
-const defaultProps$F = {
+const defaultProps$G = {
   title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
   desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
   tips: "\u5FD8\u8BB0\u5BC6\u7801",
@@ -6293,9 +6585,9 @@ const ShortPassword = (props) => {
     onClick: () => sure()
   }, locale.confirm)) : null)));
 };
-ShortPassword.defaultProps = defaultProps$F;
+ShortPassword.defaultProps = defaultProps$G;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$E = {
+const defaultProps$F = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -6323,7 +6615,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$E, ...props };
+  } = { ...defaultProps$F, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -6387,7 +6679,7 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$E;
+TextArea.defaultProps = defaultProps$F;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -6410,10 +6702,14 @@ class Upload {
     const xhr = new XMLHttpRequest();
     xhr.timeout = options2.timeout;
     if (xhr.upload) {
-      xhr.upload.addEventListener("progress", (e2) => {
-        var _a2;
-        (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
-      }, false);
+      xhr.upload.addEventListener(
+        "progress",
+        (e2) => {
+          var _a2;
+          (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
+        },
+        false
+      );
       xhr.onreadystatechange = () => {
         var _a2, _b;
         if (xhr.readyState === 4) {
@@ -6436,7 +6732,7 @@ class Upload {
     }
   }
 }
-const defaultProps$D = {
+const defaultProps$E = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -6511,7 +6807,7 @@ const InternalUploader = (props, ref) => {
     beforeUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$D, ...props };
+  } = { ...defaultProps$E, ...props };
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -6612,9 +6908,11 @@ const InternalUploader = (props, ref) => {
     if (props.autoUpload) {
       task.upload();
     } else {
-      uploadQueue.push(new Promise((resolve, reject) => {
-        resolve(task);
-      }));
+      uploadQueue.push(
+        new Promise((resolve, reject) => {
+          resolve(task);
+        })
+      );
       setUploadQueue(uploadQueue);
     }
   };
@@ -6683,10 +6981,12 @@ const InternalUploader = (props, ref) => {
     const $el = event.target;
     const { files } = $el;
     if (beforeUpload) {
-      beforeUpload(new Array().slice.call(files)).then((f2) => {
-        const _files = filterFiles(new Array().slice.call(f2));
-        readFile(_files);
-      });
+      beforeUpload(new Array().slice.call(files)).then(
+        (f2) => {
+          const _files = filterFiles(new Array().slice.call(f2));
+          readFile(_files);
+        }
+      );
     } else {
       const _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
@@ -6800,9 +7100,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$D;
+Uploader.defaultProps = defaultProps$E;
 Uploader.displayName = "NutUploader";
-const defaultProps$C = {
+const defaultProps$D = {
   placeholder: "",
   shape: "square",
   disabled: false,
@@ -6849,7 +7149,7 @@ const SearchBar = (props) => {
     onClickRightinIcon,
     onClickRightoutIcon
   } = {
-    ...defaultProps$C,
+    ...defaultProps$D,
     ...props
   };
   const alignClass = `${align}`;
@@ -6986,9 +7286,9 @@ const SearchBar = (props) => {
     className: `${searchbarBem("content")}`
   }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
 };
-SearchBar.defaultProps = defaultProps$C;
+SearchBar.defaultProps = defaultProps$D;
 SearchBar.displayName = "NutSearchBar";
-const defaultProps$B = {
+const defaultProps$C = {
   confirmText: "",
   title: "",
   visible: false,
@@ -7068,12 +7368,23 @@ const NumberKeyboard = (props) => {
     }
     if (customKeys.length === 1) {
       if (props.title && props.type !== "rightColumn") {
-        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
+        keys.push(
+          { id: customKeys[0], type: "custom" },
+          { id: 0, type: "number" },
+          { id: "delete", type: "delete" }
+        );
       } else {
-        keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
+        keys.push(
+          { id: 0, type: "number" },
+          { id: customKeys[0], type: "custom" }
+        );
       }
     } else if (customKeys.length === 2) {
-      keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
+      keys.push(
+        { id: customKeys[0], type: "custom" },
+        { id: 0, type: "number" },
+        { id: customKeys[1], type: "custom" }
+      );
     }
     return keys;
   };
@@ -7175,9 +7486,9 @@ const NumberKeyboard = (props) => {
     })
   }, confirmText || locale.done))) : null))));
 };
-NumberKeyboard.defaultProps = defaultProps$B;
+NumberKeyboard.defaultProps = defaultProps$C;
 NumberKeyboard.displayName = "NutNumberKeyboard";
-const defaultProps$A = {
+const defaultProps$B = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -7210,7 +7521,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$A, ...props };
+  } = { ...defaultProps$B, ...props };
   const b2 = cn("actionsheet");
   const isHighlight = (item) => {
     return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -7254,9 +7565,9 @@ const ActionSheet = (props) => {
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
-ActionSheet.defaultProps = defaultProps$A;
+ActionSheet.defaultProps = defaultProps$B;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$z = {
+const defaultProps$A = {
   bottom: 20,
   right: 10,
   elId: "body",
@@ -7279,7 +7590,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$z,
+    ...defaultProps$A,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -7368,7 +7679,7 @@ const BackTop = (props) => {
     name: "top"
   }));
 };
-BackTop.defaultProps = defaultProps$z;
+BackTop.defaultProps = defaultProps$A;
 BackTop.displayName = "NutBackTop";
 function clamp(v2, min, max) {
   return Math.max(min, Math.min(v2, max));
@@ -8632,9 +8943,9 @@ let findTimeout = (time) => ~(~timeouts.findIndex((t2) => t2.time > time) || ~ti
 raf.cancel = (fn) => {
   onStartQueue.delete(fn);
   onFrameQueue.delete(fn);
+  onFinishQueue.delete(fn);
   updateQueue.delete(fn);
   writeQueue.delete(fn);
-  onFinishQueue.delete(fn);
 };
 raf.sync = (fn) => {
   sync = true;
@@ -8712,14 +9023,15 @@ function update() {
     eachSafely(timeouts.splice(0, count), (t2) => t2.handler());
     pendingCount -= count;
   }
+  if (!pendingCount) {
+    stop();
+    return;
+  }
   onStartQueue.flush();
   updateQueue.flush(prevTs ? Math.min(64, ts - prevTs) : 16.667);
   onFrameQueue.flush();
   writeQueue.flush();
   onFinishQueue.flush();
-  if (!pendingCount) {
-    stop();
-  }
 }
 function makeQueue() {
   let next = /* @__PURE__ */ new Set();
@@ -9401,10 +9713,10 @@ function deprecateDirectCall() {
 function isAnimatedString(value) {
   return is.str(value) && (value[0] == "#" || /\d/.test(value) || !isSSR() && cssVariableRegex.test(value) || value in (colors$1 || {}));
 }
-const useLayoutEffect = typeof window !== "undefined" && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = isSSR() ? useEffect : useLayoutEffect;
 const useIsMounted = () => {
   const isMounted = useRef(false);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -9686,7 +9998,7 @@ const withAnimated = (Component2, host2) => {
     };
     const observer = new PropsObserver(callback, deps);
     const observerRef = useRef();
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       observerRef.current = observer;
       each(deps, (dep) => addFluidObserver(dep, observer));
       return () => {
@@ -11422,7 +11734,7 @@ function useSprings(length, props, deps) {
   const context2 = useContext$1(SpringContext);
   const prevContext = usePrev(context2);
   const hasContext = context2 !== prevContext && hasProps(context2);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     layoutId.current++;
     state.ctrls = ctrls.current;
     const {
@@ -11771,7 +12083,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$y = {
+const defaultProps$z = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -11784,7 +12096,7 @@ const defaultProps$y = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$y,
+    ...defaultProps$z,
     ...props
   };
   const b2 = cn("drag");
@@ -11810,26 +12122,29 @@ const Drag = (props) => {
       middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
     }
   };
-  const bind = useDrag(({ down, last, offset: [x2, y2] }) => {
-    api.start({ x: x2, y: y2, immediate: down });
-    if (last) {
-      if (props.direction != "y" && props.attract) {
-        if (x2 < middleLine.current) {
-          api.start({ x: boundaryState.left, y: y2, immediate: down });
-        } else {
-          api.start({
-            x: boundaryState.right,
-            y: y2,
-            immediate: down
-          });
+  const bind = useDrag(
+    ({ down, last, offset: [x2, y2] }) => {
+      api.start({ x: x2, y: y2, immediate: down });
+      if (last) {
+        if (props.direction != "y" && props.attract) {
+          if (x2 < middleLine.current) {
+            api.start({ x: boundaryState.left, y: y2, immediate: down });
+          } else {
+            api.start({
+              x: boundaryState.right,
+              y: y2,
+              immediate: down
+            });
+          }
         }
       }
+    },
+    {
+      from: () => [currstyle.x.get(), currstyle.y.get()],
+      axis: direction,
+      bounds: boundaryState
     }
-  }, {
-    from: () => [currstyle.x.get(), currstyle.y.get()],
-    axis: direction,
-    bounds: boundaryState
-  });
+  );
   useEffect(() => {
     getInfo();
   }, [myDrag]);
@@ -11843,7 +12158,7 @@ const Drag = (props) => {
     ...bind()
   }, children));
 };
-Drag.defaultProps = defaultProps$y;
+Drag.defaultProps = defaultProps$z;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -11869,12 +12184,12 @@ const Content = (props) => {
       })
     }, footer);
   }
-  const handleClick = () => {
+  const handleClick2 = () => {
     onClickSelf && onClickSelf();
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-dialog__outer",
-    onClick: handleClick
+    onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-dialog",
     style: { display: visible ? "flex" : "none" }
@@ -11900,7 +12215,7 @@ const DialogWrap = (props) => {
     onClosed,
     onCancel
   } = props;
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (closeOnClickOverlay && visible && e2.target === e2.currentTarget) {
       onClosed == null ? void 0 : onClosed();
       onCancel == null ? void 0 : onCancel();
@@ -11922,7 +12237,7 @@ const DialogWrap = (props) => {
     appear: true
   }, /* @__PURE__ */ React__default.createElement(Mask, null)) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: classNames("nut-dialog__wrap", className),
-    onClick: handleClick,
+    onClick: handleClick2,
     style: wrapStyle
   }, /* @__PURE__ */ React__default.createElement(Content, {
     ...props,
@@ -11983,12 +12298,15 @@ function confirm(config2, renderFunc) {
     }
     if (ret && ret.then) {
       renderFunction(dialogConfig);
-      ret.then(() => {
-        onCancel(true);
-      }, (e2) => {
-        console.error(e2);
-        renderFunction(dialogConfig);
-      });
+      ret.then(
+        () => {
+          onCancel(true);
+        },
+        (e2) => {
+          console.error(e2);
+          renderFunction(dialogConfig);
+        }
+      );
     }
     if (!ret) {
       onCancel(true);
@@ -12035,7 +12353,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$x = {
+const defaultProps$y = {
   okText: "",
   cancelText: "",
   mask: true,
@@ -12126,9 +12444,9 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$x;
+Dialog.defaultProps = defaultProps$y;
 Dialog.displayName = "NutDialog";
-const defaultProps$w = {
+const defaultProps$x = {
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -12162,7 +12480,7 @@ const Infiniteloading = (props) => {
     scrollChange,
     ...restProps
   } = {
-    ...defaultProps$w,
+    ...defaultProps$x,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -12177,7 +12495,9 @@ const Infiniteloading = (props) => {
   const b2 = cn("infiniteloading");
   const classes = classNames(className, b2());
   useEffect(() => {
-    const parentElement = getParentElement(scroller.current);
+    const parentElement = getParentElement(
+      scroller.current
+    );
     scrollEl.current = useWindow ? window : parentElement;
     scrollEl.current.addEventListener("scroll", handleScroll, useCapture);
     return () => {
@@ -12319,7 +12639,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
 };
-Infiniteloading.defaultProps = defaultProps$w;
+Infiniteloading.defaultProps = defaultProps$x;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -12478,7 +12798,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$v = {
+const defaultProps$w = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -12501,7 +12821,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$v,
+    ...defaultProps$w,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -12541,10 +12861,10 @@ const Switch = (props) => {
     className: `${b2("label")} close`
   }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$v;
+Switch.defaultProps = defaultProps$w;
 Switch.displayName = "NutSwitch";
 const isObject = (val) => val !== null && typeof val === "object";
-const defaultProps$u = {
+const defaultProps$v = {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
@@ -12567,7 +12887,7 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$u,
+    ...defaultProps$v,
     ...props
   };
   const b2 = cn("circleprogress");
@@ -12601,7 +12921,9 @@ const CircleProgress = (props) => {
       return;
     }
     const color = circleColor;
-    const colorArr = Object.keys(color).sort((a, b22) => parseFloat(a) - parseFloat(b22));
+    const colorArr = Object.keys(color).sort(
+      (a, b22) => parseFloat(a) - parseFloat(b22)
+    );
     const stopArr = [];
     colorArr.map((item) => {
       const obj = {
@@ -12651,9 +12973,9 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-text"
   }, children || /* @__PURE__ */ React__default.createElement("div", null, progress, "%")));
 };
-CircleProgress.defaultProps = defaultProps$u;
+CircleProgress.defaultProps = defaultProps$v;
 CircleProgress.displayName = "NutCircleProgress";
-const defaultProps$t = {
+const defaultProps$u = {
   direction: "across",
   list: [],
   standTime: 1e3,
@@ -12691,7 +13013,7 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click
-  } = { ...defaultProps$t, ...props };
+  } = { ...defaultProps$u, ...props };
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -12766,7 +13088,7 @@ const NoticeBar = (props) => {
       }
     });
   };
-  const handleClick = (event) => {
+  const handleClick2 = (event) => {
     click && click(event);
   };
   const onClickIcon = (event) => {
@@ -12783,7 +13105,10 @@ const NoticeBar = (props) => {
   };
   const startRollEasy = () => {
     showhorseLamp();
-    const timerCurr = window.setInterval(showhorseLamp, ~~(height / speed / 4) * 1e3 + Number(standTime));
+    const timerCurr = window.setInterval(
+      showhorseLamp,
+      ~~(height / speed / 4) * 1e3 + Number(standTime)
+    );
     SetTimer(timerCurr);
   };
   const showhorseLamp = () => {
@@ -12851,7 +13176,7 @@ const NoticeBar = (props) => {
   }, showNoticeBar && direction == "across" ? /* @__PURE__ */ React__default.createElement("div", {
     className: noticebarClass,
     style: barStyle,
-    onClick: handleClick
+    onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "left-icon",
     style: { backgroundImage: `url(${leftIcon || ""})` }
@@ -12904,16 +13229,16 @@ const NoticeBar = (props) => {
     size: "11px"
   }) : null))) : null);
 };
-NoticeBar.defaultProps = defaultProps$t;
+NoticeBar.defaultProps = defaultProps$u;
 NoticeBar.displayName = "NutNoticeBar";
 const DataContext$1 = createContext({});
-const defaultProps$s = {
+const defaultProps$t = {
   current: 0,
   direction: "horizontal",
   progressDot: false
 };
 const Steps = (props) => {
-  const propSteps = { ...defaultProps$s, ...props };
+  const propSteps = { ...defaultProps$t, ...props };
   const {
     children,
     current,
@@ -12927,20 +13252,28 @@ const Steps = (props) => {
     propSteps
   };
   const b2 = cn("steps");
-  const classes = classNames({
-    [`${b2("")}-${direction}`]: true,
-    [`${b2("")}-dot`]: !!props.progressDot
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-${direction}`]: true,
+      [`${b2("")}-dot`]: !!props.progressDot
+    },
+    className,
+    b2("")
+  );
   return /* @__PURE__ */ React__default.createElement(DataContext$1.Provider, {
     value: parentSteps
-  }, React__default.createElement("div", {
-    className: classes,
-    ...restProps
-  }, children));
+  }, React__default.createElement(
+    "div",
+    {
+      className: classes,
+      ...restProps
+    },
+    children
+  ));
 };
-Steps.defaultProps = defaultProps$s;
+Steps.defaultProps = defaultProps$t;
 Steps.displayName = "NutSteps";
-const defaultProps$r = {
+const defaultProps$s = {
   title: "",
   content: "",
   activeIndex: 0,
@@ -12961,7 +13294,7 @@ const Step = (props) => {
     renderContent,
     ...restProps
   } = {
-    ...defaultProps$r,
+    ...defaultProps$s,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -12979,9 +13312,13 @@ const Step = (props) => {
     }
   };
   const b2 = cn("step");
-  const classes = classNames({
-    [`${b2("")}-${getCurrentStatus()}`]: true
-  }, className, b2(""));
+  const classes = classNames(
+    {
+      [`${b2("")}-${getCurrentStatus()}`]: true
+    },
+    className,
+    b2("")
+  );
   const renderIconClass = () => {
     if (!dot && icon) {
       return "nut-step-icon is-icon";
@@ -13018,10 +13355,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$r;
+Step.defaultProps = defaultProps$s;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$q = {
+const defaultProps$r = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -13034,11 +13371,12 @@ const defaultProps$q = {
   touchable: true,
   isPreventDefault: true,
   isStopPropagation: true,
+  isCenter: false,
   className: ""
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = { ...defaultProps$q, ...props };
+  const propSwiper = { ...defaultProps$r, ...props };
   const {
     children,
     direction,
@@ -13052,6 +13390,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     isPreventDefault,
     isStopPropagation,
     autoPlay,
+    isCenter,
     ...rest
   } = propSwiper;
   const container = useRef(null);
@@ -13201,7 +13540,6 @@ const Swiper = React__default.forwardRef((props, ref) => {
       props.onChange && props.onChange((targetActive + childCount) % childCount);
     }
     active = targetActive;
-    offset2 = targetOffset;
     setActive(targetActive);
     setOffset(targetOffset);
     getStyle(targetOffset);
@@ -13274,7 +13612,15 @@ const Swiper = React__default.forwardRef((props, ref) => {
   });
   const getStyle = (moveOffset = offset) => {
     const target = innerRef.current;
-    target.style.transform = `translate3D${!isVertical ? `(${moveOffset}px,0,0)` : `(0,${moveOffset}px,0)`}`;
+    let _offset = 0;
+    if (!isCenter) {
+      _offset = moveOffset;
+    } else {
+      const _size = isVertical ? height : width;
+      const val = isVertical ? rect.height - _size : rect.width - _size;
+      _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
+    }
+    target.style.transform = `translate3D${!isVertical ? `(${_offset}px,0,0)` : `(0,${_offset}px,0)`}`;
     target.style.transitionDuration = `${_swiper.current.moving ? 0 : props.duration}ms`;
     target.style[isVertical ? "height" : "width"] = `${Number(size) * childCount}px`;
     target.style[isVertical ? "width" : "height"] = `${isVertical ? width : height}px`;
@@ -13311,7 +13657,11 @@ const Swiper = React__default.forwardRef((props, ref) => {
     if (isShouldMove && touch.stateDirection === props.direction) {
       const offset2 = isVertical ? touch.offsetY : touch.offsetX;
       if (props.loop) {
-        pace = offset2 > 0 ? touch.delta > 0 ? -1 : 1 : 0;
+        if (offset2 > 0) {
+          pace = touch.delta > 0 ? -1 : 1;
+        } else {
+          pace = 0;
+        }
       } else {
         pace = -Math[touch.delta > 0 ? "ceil" : "floor"](touch.delta / size);
       }
@@ -13380,18 +13730,23 @@ const Swiper = React__default.forwardRef((props, ref) => {
       target.removeEventListener("touchend", onTouchEnd, false);
     };
   });
-  const style = (index2) => {
-    const style2 = {};
+  useEffect(() => {
+    return () => {
+      stopAutoPlay();
+    };
+  }, []);
+  const itemStyle = (index2) => {
+    const style = {};
     const _direction = propSwiper.direction || direction;
     const _size = size;
     if (_size) {
-      style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
+      style[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
     }
     const offset2 = childOffset[index2];
     if (offset2) {
-      style2.transform = `translate3D${_direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
+      style.transform = `translate3D${_direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
     }
-    return style2;
+    return style;
   };
   React__default.useImperativeHandle(ref, () => ({
     to: to2,
@@ -13410,7 +13765,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }, React__default.Children.map(childs, (child, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: b2("item-wrapper"),
-      style: style(index2),
+      style: itemStyle(index2),
       key: index2
     }, child);
   })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default.createElement("div", {
@@ -13420,30 +13775,28 @@ const Swiper = React__default.forwardRef((props, ref) => {
     })
   }, React__default.Children.map(childs, (item, index2) => {
     return /* @__PURE__ */ React__default.createElement("i", {
-      style: {
-        backgroundColor: (active + childCount) % childCount === index2 ? propSwiper.paginationColor : "#ddd"
-      },
+      style: (active + childCount) % childCount === index2 ? {
+        backgroundColor: propSwiper.paginationColor
+      } : void 0,
+      className: classNames({
+        [`${b2("pagination-item")}`]: true,
+        active: (active + childCount) % childCount === index2
+      }),
       key: index2
     });
   })) : /* @__PURE__ */ React__default.createElement("div", null, pageContent)));
 });
-Swiper.defaultProps = defaultProps$q;
+Swiper.defaultProps = defaultProps$r;
 Swiper.displayName = "NutSwiper";
-const defaultProps$p = {
+const defaultProps$q = {
   direction: "horizontal"
 };
 const SwiperItem = React__default.forwardRef((props, ref) => {
-  const _props = { ...defaultProps$p, ...props };
+  const _props = { ...defaultProps$q, ...props };
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
-  const [offset, setOffset] = useState(0);
   const b2 = cn("swiper-item");
   const classes = classNames(b2(""));
-  useImperativeHandle(ref, () => ({
-    changeOffset: (num) => {
-      setOffset(num);
-    }
-  }));
   const style = () => {
     const style2 = {};
     const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
@@ -13458,10 +13811,10 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$p;
+SwiperItem.defaultProps = defaultProps$q;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
-const defaultProps$o = {
+const defaultProps$p = {
   size: "",
   icon: "",
   bgColor: "#eee",
@@ -13488,7 +13841,7 @@ const Avatar = (props) => {
     onError,
     ...rest
   } = {
-    ...defaultProps$o,
+    ...defaultProps$p,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -13568,9 +13921,9 @@ const Avatar = (props) => {
     className: "text"
   }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}`)));
 };
-Avatar.defaultProps = defaultProps$o;
+Avatar.defaultProps = defaultProps$p;
 Avatar.displayName = "NutAvatar";
-const defaultProps$n = {
+const defaultProps$o = {
   maxContent: "",
   maxCount: "",
   maxBgColor: "#eee",
@@ -13582,7 +13935,7 @@ const defaultProps$n = {
 };
 const AvatarGroup = (props) => {
   useConfig();
-  const propAvatarGroup = { ...defaultProps$n, ...props };
+  const propAvatarGroup = { ...defaultProps$o, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
   const b2 = cn("avatar-group");
@@ -13599,9 +13952,9 @@ const AvatarGroup = (props) => {
     ref: avatarGroupRef
   }, children));
 };
-AvatarGroup.defaultProps = defaultProps$n;
+AvatarGroup.defaultProps = defaultProps$o;
 AvatarGroup.displayName = "NutAvatarGroup";
-const defaultProps$m = {
+const defaultProps$n = {
   price: 0,
   needSymbol: true,
   symbol: "&yen;",
@@ -13619,7 +13972,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$m,
+    ...defaultProps$n,
     ...props
   };
   const b2 = cn("price");
@@ -13672,9 +14025,9 @@ const Price = (props) => {
     className: `${b2("small")}`
   }, formatDecimal(price)));
 };
-Price.defaultProps = defaultProps$m;
+Price.defaultProps = defaultProps$n;
 Price.displayName = "NutPrice";
-const defaultProps$l = {
+const defaultProps$m = {
   value: "",
   dot: false,
   max: 1e4,
@@ -13686,19 +14039,19 @@ const defaultProps$l = {
 };
 const Badge = (props) => {
   const { children, dot, top, right, zIndex, color, icons } = {
-    ...defaultProps$l,
+    ...defaultProps$m,
     ...props
   };
-  const content = () => {
+  function content() {
     if (dot)
-      return;
+      return void 0;
     const { value } = props;
     const { max } = props;
     if (typeof value === "number" && typeof max === "number") {
       return max < value ? `${max}+` : value;
     }
     return value;
-  };
+  }
   const getStyle = () => {
     const style = {};
     style.top = `${top}px`;
@@ -13709,7 +14062,7 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-badge"
-  }, icons != "" && /* @__PURE__ */ React__default.createElement("div", {
+  }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     className: "_icon",
@@ -13721,9 +14074,9 @@ const Badge = (props) => {
     style: getStyle()
   }, content()));
 };
-Badge.defaultProps = defaultProps$l;
+Badge.defaultProps = defaultProps$m;
 Badge.displayName = "NutBadge";
-const defaultProps$k = {
+const defaultProps$l = {
   type: "default",
   color: "",
   textColor: "",
@@ -13751,7 +14104,7 @@ const Tag = (props) => {
     onClick,
     onClose
   } = {
-    ...defaultProps$k,
+    ...defaultProps$l,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -13779,7 +14132,7 @@ const Tag = (props) => {
     ${mark ? `${prefixCls2}--mark` : ""}
     ${closeable ? `${prefixCls2}--close` : ""}`;
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (props.onClick) {
       props.onClick(e2);
     }
@@ -13802,7 +14155,7 @@ const Tag = (props) => {
   return /* @__PURE__ */ React__default.createElement("div", null, closeable ? isTagShow && /* @__PURE__ */ React__default.createElement("div", {
     className: `${btnName}`,
     style: getStyle(),
-    onClick: (e2) => handleClick(e2)
+    onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
   }, children), /* @__PURE__ */ React__default.createElement(Icon, {
@@ -13818,12 +14171,12 @@ const Tag = (props) => {
   })) : /* @__PURE__ */ React__default.createElement("div", {
     className: `${btnName}`,
     style: getStyle(),
-    onClick: (e2) => handleClick(e2)
+    onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$k;
+Tag.defaultProps = defaultProps$l;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -13840,9 +14193,6 @@ function composeRef(...refs) {
   };
 }
 class Trigger extends React__default.Component {
-  constructor(props) {
-    super(props);
-  }
   fireEvents(type, e2) {
     const childCallback = this.props.children.props[type];
     if (childCallback) {
@@ -13882,7 +14232,7 @@ const getEleAttr = (ele) => {
   }
   return null;
 };
-const defaultProps$j = {
+const defaultProps$k = {
   list: [],
   theme: "light",
   location: "bottom",
@@ -13903,7 +14253,7 @@ const Popover = (props) => {
     onClick,
     ...reset
   } = {
-    ...defaultProps$j,
+    ...defaultProps$k,
     ...props
   };
   const goodItem = useRef(null);
@@ -13920,19 +14270,19 @@ const Popover = (props) => {
   const [popoverContent, setPopoverContent] = useState("");
   const [popoverArrow, setPopoverArrow] = useState("");
   useEffect(() => {
-    setClasses(classes_self());
-    setPopoverContent(popoverContent_self());
-    setPopoverArrow(popoverArrow_self());
+    setClasses(classesSelf());
+    setPopoverContent(popoverContentSelf());
+    setPopoverArrow(popoverArrowSelf());
   }, [list, theme]);
   const getStyle = () => {
     const style2 = {};
-    if (location == "top") {
+    if (location === "top") {
       style2.bottom = elHeight + 20;
       style2.left = 0;
-    } else if (location == "right") {
+    } else if (location === "right") {
       style2.top = 0;
       style2.right = -elWidth - 20;
-    } else if (location == "left") {
+    } else if (location === "left") {
       style2.top = 0;
       style2.left = -elWidth - 20;
     } else {
@@ -13947,13 +14297,13 @@ const Popover = (props) => {
   };
   const getArrowStyle = () => {
     const style2 = {};
-    if (location == "top") {
+    if (location === "top") {
       style2.bottom = -20;
       style2.left = elWidth / 2;
-    } else if (location == "right") {
+    } else if (location === "right") {
       style2.top = 20;
       style2.left = -20;
-    } else if (location == "left") {
+    } else if (location === "left") {
       style2.top = 20;
       style2.right = -20;
     } else {
@@ -13966,22 +14316,22 @@ const Popover = (props) => {
     style2.right += "px";
     return style2;
   };
-  const classes_self = () => {
+  const classesSelf = () => {
     const prefixCls = "nut-popover";
     return `${prefixCls}
     ${theme ? `${prefixCls}--${theme}` : ""}`;
   };
-  const popoverContent_self = () => {
+  const popoverContentSelf = () => {
     const prefixCls = "popoverContent";
     return `${prefixCls}
     ${location ? `${prefixCls}--${location}` : ""}`;
   };
-  const popoverArrow_self = () => {
+  const popoverArrowSelf = () => {
     const prefixCls = "popoverArrow";
     return `${prefixCls}
     ${location ? `${prefixCls}--${location}` : ""}`;
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (props.onClick) {
       props.onClick(e2);
     }
@@ -13993,7 +14343,7 @@ const Popover = (props) => {
   }, /* @__PURE__ */ React__default.createElement(Trigger, {
     forwardedRef: goodItem
   }, /* @__PURE__ */ React__default.createElement("div", {
-    onClick: (e2) => handleClick(e2)
+    onClick: (e2) => handleClick2(e2)
   }, Array.isArray(children) ? children[0] : children, visible ? /* @__PURE__ */ React__default.createElement("div", {
     className: `${popoverContent}`,
     style: getStyle()
@@ -14012,9 +14362,9 @@ const Popover = (props) => {
     }, item.name));
   })) : null)));
 };
-Popover.defaultProps = defaultProps$j;
+Popover.defaultProps = defaultProps$k;
 Popover.displayName = "NutPopover";
-const defaultProps$i = {
+const defaultProps$j = {
   width: "100px",
   height: "100px",
   row: 1,
@@ -14042,7 +14392,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$i,
+    ...defaultProps$j,
     ...props
   };
   const b2 = cn("skeleton");
@@ -14097,9 +14447,9 @@ const Skeleton = (props) => {
     });
   })))));
 };
-Skeleton.defaultProps = defaultProps$i;
+Skeleton.defaultProps = defaultProps$j;
 Skeleton.displayName = "NutSkeleton";
-const defaultProps$h = {
+const defaultProps$i = {
   showPlainText: false,
   showDays: false,
   paused: false,
@@ -14122,7 +14472,7 @@ const CountDown = (props) => {
     onUpdate,
     children,
     ...rest
-  } = { ...defaultProps$h, ...props };
+  } = { ...defaultProps$i, ...props };
   const b2 = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
@@ -14269,9 +14619,9 @@ const CountDown = (props) => {
     className: b2("block")
   }, resttime.s))));
 };
-CountDown.defaultProps = defaultProps$h;
+CountDown.defaultProps = defaultProps$i;
 CountDown.displayName = "NutCountDown";
-const defaultProps$g = {
+const defaultProps$h = {
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -14282,75 +14632,78 @@ const defaultProps$g = {
 function areEqual(prevProps, nextProps) {
   return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
 }
-const Collapse = memo((props) => {
-  const {
-    children,
-    activeName,
-    accordion,
-    icon,
-    rotate,
-    iconSize,
-    iconColor,
-    change
-  } = {
-    ...defaultProps$g,
-    ...props
-  };
-  const childrenDom = React__default.Children.toArray(children);
-  const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
-  const handleActiveName = () => {
-    let activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      if (accordion && activeName.length > 1) {
-        console.warn("\u624B\u98CE\u7434\u6A21\u5F0F\u4E0D\u652F\u6301\u4F20\u9012\u591A\u4E2A\u6253\u5F00\u9875\u7B7E");
-      }
-      const activeNameStr = activeName.map((item) => {
-        return item.toString();
-      });
-      activeArr = [...activeNameStr];
-    }
-    return activeArr;
-  };
-  const colBem = cn("collapse");
-  useEffect(() => {
-    const activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  const onToggle = (isOpen, name) => {
-    let newOpenIndex = [...defaultOpenIndex];
-    if (isOpen) {
-      const removeIndex = newOpenIndex.findIndex((value) => {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    change && change(!isOpen, name);
-  };
-  return /* @__PURE__ */ React__default.createElement("div", {
-    className: colBem()
-  }, childrenDom.map((item) => {
-    return React__default.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: (isOpen, name) => onToggle(isOpen, name),
+const Collapse = memo(
+  (props) => {
+    const {
+      children,
+      activeName,
+      accordion,
       icon,
       rotate,
       iconSize,
-      iconColor
-    });
-  }));
-}, areEqual);
-Collapse.defaultProps = defaultProps$g;
+      iconColor,
+      change
+    } = {
+      ...defaultProps$h,
+      ...props
+    };
+    const childrenDom = React__default.Children.toArray(children);
+    const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
+    const handleActiveName = () => {
+      let activeArr = [];
+      if (!Array.isArray(activeName)) {
+        activeArr.push(activeName.toString());
+      } else {
+        if (accordion && activeName.length > 1) {
+          console.warn("\u624B\u98CE\u7434\u6A21\u5F0F\u4E0D\u652F\u6301\u4F20\u9012\u591A\u4E2A\u6253\u5F00\u9875\u7B7E");
+        }
+        const activeNameStr = activeName.map((item) => {
+          return item.toString();
+        });
+        activeArr = [...activeNameStr];
+      }
+      return activeArr;
+    };
+    const colBem = cn("collapse");
+    useEffect(() => {
+      const activeArr = handleActiveName();
+      setDefaultOpenIndex(activeArr);
+    }, [activeName]);
+    const onToggle = (isOpen, name) => {
+      let newOpenIndex = [...defaultOpenIndex];
+      if (isOpen) {
+        const removeIndex = newOpenIndex.findIndex((value) => {
+          return value === name;
+        });
+        newOpenIndex.splice(removeIndex, 1);
+      } else {
+        if (accordion) {
+          newOpenIndex = [name];
+        } else {
+          newOpenIndex.push(name);
+        }
+      }
+      setDefaultOpenIndex(newOpenIndex);
+      change && change(!isOpen, name);
+    };
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: colBem()
+    }, childrenDom.map((item) => {
+      return React__default.cloneElement(item, {
+        isOpen: defaultOpenIndex.includes(item.props.name),
+        onToggle: (isOpen, name) => onToggle(isOpen, name),
+        icon,
+        rotate,
+        iconSize,
+        iconColor
+      });
+    }));
+  },
+  areEqual
+);
+Collapse.defaultProps = defaultProps$h;
 Collapse.displayName = "NutCollapse";
-const defaultProps$f = {
+const defaultProps$g = {
   title: "",
   name: "",
   isOpen: false,
@@ -14384,7 +14737,7 @@ const CollapseItem = (props) => {
     iconColor,
     ...rest
   } = {
-    ...defaultProps$f,
+    ...defaultProps$g,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -14398,18 +14751,23 @@ const CollapseItem = (props) => {
     setCurrHeight("auto");
     setUpdate(!update2);
   }, [children]);
-  const measuredRef = useCallback((node) => {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [children, update2]);
+  const measuredRef = useCallback(
+    (node) => {
+      if (node !== null) {
+        setDomHeight(node.getBoundingClientRect().height);
+      }
+    },
+    [update2]
+  );
   useEffect(() => {
-    if (domHeight !== -1) {
-      isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
-    }
-    const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
-    setIconStyle(newIconStyle);
-  }, [isOpen, domHeight]);
+    setTimeout(() => {
+      if (domHeight !== -1) {
+        isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
+      }
+      const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
+      setIconStyle(newIconStyle);
+    }, 10);
+  }, [isOpen, domHeight, rotate]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: colBem(),
     ...rest
@@ -14422,13 +14780,13 @@ const CollapseItem = (props) => {
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: colBem("title")
-  }, titleIcon && titleIconPosition == "left" && /* @__PURE__ */ React__default.createElement("b", {
+  }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-left")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? "#C2C2C2" : titleIconColor
-  })), title, titleIcon && titleIconPosition == "right" && /* @__PURE__ */ React__default.createElement("b", {
+  })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-right")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     name: titleIcon,
@@ -14453,9 +14811,9 @@ const CollapseItem = (props) => {
     className: colBem("content-text")
   }, children)));
 };
-CollapseItem.defaultProps = defaultProps$f;
+CollapseItem.defaultProps = defaultProps$g;
 CollapseItem.displayName = "NutCollapseItem";
-const defaultProps$e = {
+const defaultProps$f = {
   maxLen: 0,
   endNumber: "",
   delaySpeed: 300,
@@ -14473,7 +14831,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$e,
+    ...defaultProps$f,
     ...props
   };
   const b2 = cn("countup");
@@ -14489,8 +14847,12 @@ const CountUp = (props) => {
   const numerArr = getShowNumber();
   const setNumberTransform = () => {
     if (countupRef.current) {
-      const numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
-      const numberFilterArr = numerArr.filter((item) => !Number.isNaN(Number(item)));
+      const numberItems = countupRef.current.querySelectorAll(
+        ".nut-countup__number"
+      );
+      const numberFilterArr = numerArr.filter(
+        (item) => !Number.isNaN(Number(item))
+      );
       Object.keys(numberItems).forEach((key) => {
         const elem = numberItems[Number(key)];
         const idx = Number(numberFilterArr[Number(key)]);
@@ -14539,9 +14901,9 @@ const CountUp = (props) => {
     }, item));
   })));
 };
-CountUp.defaultProps = defaultProps$e;
+CountUp.defaultProps = defaultProps$f;
 CountUp.displayName = "NutCountUp";
-const defaultProps$d = {};
+const defaultProps$e = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -14553,7 +14915,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$d;
+AnimatingNumbers.defaultProps = defaultProps$e;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 AnimatingNumbers.CountUp = CountUp;
@@ -14562,7 +14924,7 @@ const defaultStatus = {
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
   network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
 };
-const defaultProps$c = {
+const defaultProps$d = {
   description: "\u65E0\u5185\u5BB9",
   image: "empty",
   imageSize: "",
@@ -14570,9 +14932,9 @@ const defaultProps$c = {
 };
 const Empty = (props) => {
   const { locale } = useConfig();
-  defaultProps$c.description = locale.noData || defaultProps$c.description;
+  defaultProps$d.description = locale.noData || defaultProps$d.description;
   const { image, imageSize, description, children, className, ...rest } = {
-    ...defaultProps$c,
+    ...defaultProps$d,
     ...props
   };
   const [imgStyle, setImgStyle] = useState({});
@@ -14607,14 +14969,14 @@ const Empty = (props) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2()} ${className}`,
     ...rest
-  }, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("image"),
     style: imgStyle
   }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("description")
-  }, description) : { description }, children);
+  }, description) : { description }, children));
 };
-Empty.defaultProps = defaultProps$c;
+Empty.defaultProps = defaultProps$d;
 Empty.displayName = "NutEmpty";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index2 = 0;
@@ -14727,7 +15089,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$b = {};
+const defaultProps$c = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -14886,8 +15248,131 @@ const VirtualList = (props) => {
     }) : data);
   }))));
 };
-VirtualList.defaultProps = defaultProps$b;
+VirtualList.defaultProps = defaultProps$c;
 VirtualList.displayName = "NutVirtualList";
+const defaultProps$b = {
+  className: "",
+  style: {},
+  columns: [],
+  data: [],
+  bordered: true,
+  striped: false,
+  noData: "\u65E0\u6570\u636E"
+};
+const Table = (props) => {
+  const { locale } = useConfig();
+  defaultProps$b.noData = locale.noData;
+  const {
+    children,
+    className,
+    style,
+    columns,
+    data,
+    bordered,
+    summary,
+    striped,
+    noData,
+    onSorter,
+    ...rest
+  } = {
+    ...defaultProps$b,
+    ...props
+  };
+  const [curData, setCurData] = useState(data);
+  useEffect(() => {
+    if (data && String(data) !== String(curData)) {
+      setCurData(data);
+    }
+  }, [data]);
+  const b2 = cn("table");
+  const classes = classNames({});
+  const cls = classNames(b2(), classes, className);
+  const handleSorterClick = (item) => {
+    if (item.sorter) {
+      onSorter && onSorter(item, curData);
+      if (typeof item.sorter === "function") {
+        setCurData(curData.sort(item.sorter));
+      } else {
+        setCurData(item.sorter === "default" ? curData.sort() : curData);
+      }
+    }
+  };
+  const cellClasses = (item) => {
+    return {
+      "nut-table__main__head__tr--border": props.bordered,
+      [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
+    };
+  };
+  const getColumnItem = (value) => {
+    return columns.filter((item) => item.key === value)[0];
+  };
+  const renderHeadCells = () => {
+    return columns.map((item, index2) => {
+      return /* @__PURE__ */ React__default.createElement("span", {
+        className: classNames(
+          "nut-table__main__head__tr__th",
+          cellClasses(item)
+        ),
+        key: item.key,
+        onClick: () => handleSorterClick(item)
+      }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon, {
+        name: "down-arrow",
+        size: "12px"
+      }));
+    });
+  };
+  const sortDataItem = () => {
+    return columns.map((columns2) => {
+      return [columns2.key, columns2.render];
+    });
+  };
+  const renderBodyTds = (item) => {
+    return sortDataItem().map(([value, render], index2) => {
+      return /* @__PURE__ */ React__default.createElement("span", {
+        className: classNames(
+          "nut-table__main__body__tr__td",
+          cellClasses(getColumnItem(value))
+        ),
+        key: value
+      }, typeof item[value] === "function" || typeof render === "function" ? /* @__PURE__ */ React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
+    });
+  };
+  const renderBoyTrs = () => {
+    return curData.map((item, index2) => {
+      return /* @__PURE__ */ React__default.createElement("div", {
+        className: "nut-table__main__body__tr",
+        key: index2
+      }, renderBodyTds(item));
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: cls,
+    style,
+    ...rest
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classNames("nut-table__main", {
+      "nut-table__main--striped": striped
+    })
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__main__head"
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__main__head__tr"
+  }, renderHeadCells())), /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__main__body"
+  }, renderBoyTrs())), summary && /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__summary"
+  }, /* @__PURE__ */ React__default.createElement("span", {
+    className: "nut-table__summary__text"
+  }, summary)), curData.length === 0 && /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__nodata"
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__nodata"
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-table__nodata__text"
+  }, noData))));
+};
+Table.defaultProps = defaultProps$b;
+Table.displayName = "NutTable";
 const defaultProps$a = {
   source: {
     type: {},
@@ -15146,7 +15631,8 @@ const ExistRender = (props) => {
   }, existAddress.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("li", {
       className: b2("exist-item"),
-      key: index2,
+      key: index2
+    }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => selectedExist(item)
     }, /* @__PURE__ */ React__default.createElement(Icon, {
       className: b2("exist-item-icon"),
@@ -15163,7 +15649,7 @@ const ExistRender = (props) => {
       className: "exist-item-info-phone"
     }, item.phone)), /* @__PURE__ */ React__default.createElement("div", {
       className: "exist-item-info-bottom"
-    }, /* @__PURE__ */ React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))));
+    }, /* @__PURE__ */ React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
   }))), isShowCustomAddress && /* @__PURE__ */ React__default.createElement("div", {
     className: b2("choose-other"),
     onClick: switchModule
@@ -15172,6 +15658,7 @@ const ExistRender = (props) => {
   }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 const defaultProps$7 = {
+  modelValue: [],
   type: "custom",
   province: [],
   city: [],
@@ -15184,6 +15671,7 @@ const CustomRender = (props) => {
   const {
     children,
     type,
+    modelValue,
     height,
     province,
     city,
@@ -15216,7 +15704,9 @@ const CustomRender = (props) => {
       return [];
     data.forEach((item) => {
       if (!item.title) {
-        console.error("[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 .");
+        console.error(
+          "[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 ."
+        );
       }
     });
     const newData = [];
@@ -15224,7 +15714,9 @@ const CustomRender = (props) => {
       return a.title.localeCompare(b22.title);
     });
     data.forEach((item) => {
-      const index2 = newData.findIndex((value) => value.title === item.title);
+      const index2 = newData.findIndex(
+        (value) => value.title === item.title
+      );
       if (index2 <= -1) {
         newData.push({
           title: item.title,
@@ -15246,9 +15738,7 @@ const CustomRender = (props) => {
     town: isCustom2() ? transformData(town) : town
   });
   const [selectedRegion, setSelectedRegion] = useState({
-    province: {
-      name: ""
-    },
+    province: { name: "" },
     city: { name: "" },
     country: { name: "" },
     town: { name: "" }
@@ -15280,26 +15770,28 @@ const CustomRender = (props) => {
     const calBack = {
       next: "",
       value: "",
-      custom: tabName[tabIndex],
-      selectedRegion: {}
-    };
-    setSelectedRegion({
-      ...selectedRegion,
-      [tabName[tabIndex]]: item
-    });
-    calBack.selectedRegion = {
-      ...selectedRegion,
-      [tabName[tabIndex]]: item
+      custom: tabName[tabIndex]
     };
-    for (let i = tabIndex; i < tabIndex - 1; i++) {
-      setSelectedRegion(() => ({
-        ...selectedRegion,
-        [tabName[i + 1]]: {}
-      }));
+    const bbselectedRegion = selectedRegion ? { ...selectedRegion } : null;
+    if (bbselectedRegion) {
+      setSelectedRegion({
+        ...bbselectedRegion,
+        [tabName[tabIndex]]: item
+      });
       calBack.selectedRegion = {
-        ...selectedRegion,
-        [tabName[i + 1]]: {}
+        ...bbselectedRegion,
+        [tabName[tabIndex]]: item
       };
+      for (let i = tabIndex; i < tabIndex - 1; i++) {
+        setSelectedRegion({
+          ...bbselectedRegion,
+          [tabName[i + 1]]: null
+        });
+        calBack.selectedRegion = {
+          ...bbselectedRegion,
+          [tabName[i + 1]]: {}
+        };
+      }
     }
     if (tabIndex < 4) {
       if (tabIndex === 3) {
@@ -15322,6 +15814,39 @@ const CustomRender = (props) => {
     }
     onTabClick && onTabClick(key);
   };
+  const initCustomSelected = () => {
+    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);
+          break;
+        } else {
+          const val = modelValue[index2];
+          const arr = regionList[tabName[index2]];
+          if (privateType === "custom") {
+            selectedRegionC[[tabName[index2]]] = arr.filter(
+              (item) => item.id === val
+            )[0];
+          } else if (privateType === "custom2") {
+            const sumArr = [];
+            arr.forEach((item) => {
+              sumArr.push(...item.list);
+            });
+            selectedRegionC[[tabName[index2]]] = sumArr.filter(
+              (item) => item.id === val
+            )[0];
+          }
+          tagIndex = index2;
+          setSelectedRegion(selectedRegionC);
+        }
+      }
+      setTabIndex(tagIndex);
+      lineAnimation(tagIndex);
+    }
+  };
   const handleElevatorItem = (key, item) => {
     nextAreaList(item);
   };
@@ -15353,18 +15878,30 @@ const CustomRender = (props) => {
       town: isCustom2() ? transformData(town2) : town2
     });
   }, [town]);
+  useEffect(() => {
+    initCustomSelected();
+  }, [modelValue]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2("custom")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("region-tab")
-  }, Object.keys(selectedRegion).map((key, index2) => {
-    return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
-      key: index2,
-      ref: mapRef[key],
-      onClick: () => changeRegionTab(selectedRegion[key], index2, key)
-    }, index2 <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(selectedRegion[key], index2)));
-  }), /* @__PURE__ */ React__default.createElement("div", {
+  }, selectedRegion && Object.keys(selectedRegion).map(
+    (key, index2) => {
+      return /* @__PURE__ */ React__default.createElement("div", {
+        className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
+        key: index2,
+        ref: mapRef[key],
+        onClick: () => changeRegionTab(
+          selectedRegion[key],
+          index2,
+          key
+        )
+      }, index2 <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(
+        selectedRegion[key],
+        index2
+      )));
+    }
+  ), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("tab-line"),
     ref: regionLine,
     style: { left: `${lineDistance}px` }
@@ -15372,18 +15909,23 @@ const CustomRender = (props) => {
     className: b2("region-con")
   }, /* @__PURE__ */ React__default.createElement("ul", {
     className: b2("region-group")
-  }, regionList[tabName[tabIndex]].map((item, index2) => {
-    return /* @__PURE__ */ React__default.createElement("li", {
-      key: index2,
-      className: b2("region-item"),
-      onClick: (e2) => nextAreaList(item)
-    }, selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
-      className: b2("region-item--icon"),
-      name: "Check",
-      color: "#FA2C19",
-      size: "13px"
-    }), item.name);
-  }))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
+  }, regionList[tabName[tabIndex]].map(
+    (item, index2) => {
+      return /* @__PURE__ */ React__default.createElement("li", {
+        key: index2,
+        className: b2("region-item")
+      }, /* @__PURE__ */ React__default.createElement("div", {
+        onClick: () => {
+          nextAreaList(item);
+        }
+      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
+        className: b2("region-item--icon"),
+        name: "Check",
+        color: "#FA2C19",
+        size: "13px"
+      }), item.name));
+    }
+  ))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
     className: b2("elevator-group")
   }, /* @__PURE__ */ React__default.createElement(Elevator, {
     height,
@@ -15393,6 +15935,7 @@ const CustomRender = (props) => {
 };
 const defaultProps$6 = {
   modelValue: false,
+  modelSelect: [],
   type: "custom",
   customAddressTitle: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
   province: [],
@@ -15413,6 +15956,7 @@ const Address = (props) => {
   const { locale } = useConfig();
   const {
     modelValue,
+    modelSelect,
     children,
     type,
     height,
@@ -15460,8 +16004,7 @@ const Address = (props) => {
     const callbackParams = {
       next: item.next,
       value: item.value,
-      custom: item.custom,
-      selectedRegion: {}
+      custom: item.custom
     };
     setSelectedRegion({
       ...item.selectedRegion
@@ -15469,7 +16012,6 @@ const Address = (props) => {
     onChange && onChange(callbackParams);
   };
   const selectedExist = (prevExistAdd, item, copyExistAdd) => {
-    console.log(prevExistAdd, item, copyExistAdd);
     setSelectedExistAddress(item);
     onSelected && onSelected(prevExistAdd, item, copyExistAdd);
     handClose();
@@ -15481,7 +16023,6 @@ const Address = (props) => {
         [tabName[i]]: {}
       });
     }
-    console.log(selectedRegion);
   };
   const closeFun = () => {
     const resCopy = {
@@ -15490,7 +16031,11 @@ const Address = (props) => {
       ...selectedRegion
     };
     const res = {
-      data: {},
+      data: {
+        addressIdStr: "",
+        addressStr: "",
+        ...selectedRegion
+      },
       type: privateType
     };
     if (privateType === "custom" || privateType === "custom2") {
@@ -15562,6 +16107,7 @@ const Address = (props) => {
     style: { ...style },
     ...rest
   }, headerRender(), (privateType === "custom" || privateType === "custom2") && /* @__PURE__ */ React__default.createElement(CustomRender, {
+    modelValue: modelSelect,
     type: privateType,
     province,
     city,
@@ -15885,7 +16431,9 @@ const TimeDetail = (props) => {
   const b2 = cn("timedetail");
   const [renderData, setRenderData] = useState([]);
   useEffect(() => {
-    const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
+    const currentData = times.find(
+      (timesItem) => String(timesItem.key) === String(currentKey)
+    );
     const renderData2 = currentData ? currentData.list : [];
     setRenderData(renderData2);
   }, [times, currentKey]);
@@ -15894,7 +16442,9 @@ const TimeDetail = (props) => {
   };
   const getDetailClass = (item) => {
     let initClass = "nut-timedetail__item";
-    const curTimeData = currentTime.find((item2) => String(item2.key) === String(currentKey));
+    const curTimeData = currentTime.find(
+      (item2) => String(item2.key) === String(currentKey)
+    );
     if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
       initClass += " nut-timedetail__item-active";
     }
@@ -15942,12 +16492,14 @@ const TimeSelect = (props) => {
     ...props
   };
   const [activeKey, setActiveKey] = useState(currentKey);
-  const [activeTime, setActiveTime] = useState(currentTime.length ? currentTime : [
-    {
-      key: currentKey,
-      list: []
-    }
-  ]);
+  const [activeTime, setActiveTime] = useState(
+    currentTime.length ? currentTime : [
+      {
+        key: currentKey,
+        list: []
+      }
+    ]
+  );
   const [popVisible, setPopVisible] = useState(visible);
   const popStyle = {
     width: "100%",
@@ -15967,7 +16519,9 @@ const TimeSelect = (props) => {
         break;
       }
     }
-    const curTimeIndex = curTimeData.list.findIndex((item) => String(item) === String(time));
+    const curTimeIndex = curTimeData.list.findIndex(
+      (item) => String(item) === String(time)
+    );
     if (curTimeIndex === -1) {
       curTimeData.list.push(time);
     } else {
@@ -15983,7 +16537,9 @@ const TimeSelect = (props) => {
     if (String(pannelKey) !== String(activeKey)) {
       setActiveKey == null ? void 0 : setActiveKey(pannelKey);
       if (multiple) {
-        const curTimeDataIndex = activeTime.findIndex((item) => String(item.key) === String(pannelKey));
+        const curTimeDataIndex = activeTime.findIndex(
+          (item) => String(item.key) === String(pannelKey)
+        );
         if (curTimeDataIndex === -1) {
           resultTimeData.push({
             key: pannelKey,
@@ -16043,4 +16599,4 @@ const TimeSelect = (props) => {
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
-export { ActionSheet, Address, AnimatingNumbers, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Icon, Indicator, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };
+export { ActionSheet, Address, AnimatingNumbers, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Icon, Indicator, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, SubSideNavBar, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };