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

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.2 Fri Aug 12 2022 15:37:41 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 * 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);
     }
@@ -101,13 +101,13 @@ const Icon = (props) => {
       ...style
     },
     ...rest,
-    onClick: handleClick,
+    onClick: handleClick2,
     ...hasSrc()
   }, children);
 };
-Icon.defaultProps = defaultProps$17;
+Icon.defaultProps = defaultProps$1a;
 Icon.displayName = "NutIcon";
-const defaultProps$16 = {
+const defaultProps$19 = {
   className: "",
   color: "",
   shape: "round",
@@ -140,7 +140,7 @@ const Button = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$19,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -194,7 +194,7 @@ const Button = (props) => {
     classes,
     getStyle
   ]);
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (!loading && !disabled && onClick) {
       onClick(e2);
     }
@@ -203,7 +203,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 +213,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) {
@@ -1429,7 +1429,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$15 = {
+const defaultProps$18 = {
   title: null,
   subTitle: null,
   desc: "",
@@ -1469,12 +1469,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);
@@ -1491,7 +1491,7 @@ const Cell = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2({ clickable: !!(isLink || to2), center, large: size === "large" }, [className])} `,
-    onClick: (event) => handleClick(event),
+    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 +1515,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 +1526,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 +1540,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$14;
+CellGroup.defaultProps = defaultProps$17;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -1646,7 +1646,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 +1660,7 @@ const Overlay = (props) => {
     className: classes,
     style: styles,
     ...rest,
-    onClick: handleClick
+    onClick: handleClick2
   }, children));
 };
 Overlay.defaultProps = defaultOverlayProps;
@@ -2080,7 +2080,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$13 = {
+const defaultProps$16 = {
   position: "center",
   transition: "",
   style: {},
@@ -2089,6 +2089,7 @@ const defaultProps$13 = {
   closeIconPosition: "top-right",
   closeIcon: "close",
   destroyOnClose: true,
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: () => {
@@ -2112,8 +2113,10 @@ const Popup = (props) => {
   const {
     children,
     visible,
+    overlay,
     closeOnClickOverlay,
     overlayStyle,
+    overlayClass,
     zIndex,
     lockScroll,
     duration,
@@ -2127,6 +2130,7 @@ const Popup = (props) => {
     popClass,
     className,
     destroyOnClose,
+    teleport,
     onOpen,
     onClose,
     onClickOverlay,
@@ -2202,6 +2206,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 +2256,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 +2363,7 @@ const zhCN = {
     title6: "\u6570\u636E\u6539\u53D8\u76D1\u542C"
   }
 };
-const defaultProps$12 = {
+const defaultProps$15 = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2358,7 +2380,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 +2389,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 +2427,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 +2443,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 `
@@ -2441,12 +2468,15 @@ const Row = (props) => {
   return /* @__PURE__ */ React__default.createElement(DataContext$2.Provider, {
     value: parentRow
   }, React__default.createElement("div", {
-    className: getClasses()
+    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 +2493,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$_,
+    ...defaultProps$11,
     ...props
   };
   const dividerBem = cn("divider");
@@ -2484,9 +2514,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 +2549,7 @@ const NavBar = (props) => {
     onClickBack,
     onClickRight
   } = {
-    ...defaultProps$Z,
+    ...defaultProps$10,
     ...props
   };
   const b2 = cn("navbar");
@@ -2584,9 +2614,9 @@ 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",
@@ -2612,7 +2642,7 @@ const FixedNav = (props) => {
     slotList,
     slotBtn,
     ...rest
-  } = { ...defaultProps$Y, ...props };
+  } = { ...defaultProps$$, ...props };
   const b2 = cn("fixednav");
   const classes = classNames({
     active: visible
@@ -2658,9 +2688,9 @@ const FixedNav = (props) => {
     className: "text"
   }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$Y;
+FixedNav.defaultProps = defaultProps$$;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$X = {
+const defaultProps$_ = {
   visible: 0,
   bottom: false,
   size: 20,
@@ -2685,12 +2715,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 +2743,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 +2782,9 @@ const TabbarItem = (props) => {
     activeColor,
     unactiveColor,
     index: index2,
-    handleClick
+    handleClick: handleClick2
   } = {
-    ...defaultProps$W,
+    ...defaultProps$Z,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -2775,7 +2805,7 @@ const TabbarItem = (props) => {
       color: active ? activeColor : unactiveColor
     },
     onClick: () => {
-      handleClick(index2);
+      handleClick2(index2);
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon()}`
@@ -2796,7 +2826,7 @@ const TabbarItem = (props) => {
   }, tabTitle)));
 };
 const elevatorContext = createContext({});
-const defaultProps$V = {
+const defaultProps$Y = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -2819,7 +2849,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$Y,
     ...props
   };
   const b2 = cn("elevator");
@@ -3009,9 +3039,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 +3058,7 @@ const defaultProps$U = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  ({ ...defaultProps$U, ...props });
+  ({ ...defaultProps$X, ...props });
   const {
     modelValue,
     mode,
@@ -3145,7 +3175,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 +3185,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$T = {
+const defaultProps$W = {
   value: 0,
   color: "",
   background: "",
@@ -3190,7 +3220,7 @@ const Tabs = (props) => {
     className,
     autoHeight,
     ...rest
-  } = { ...defaultProps$T, ...props };
+  } = { ...defaultProps$W, ...props };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
   const titles = useRef([]);
   useEffect(() => {
@@ -3293,9 +3323,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,7 +3333,7 @@ const defaultProps$S = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName } = {
-    ...defaultProps$S,
+    ...defaultProps$V,
     ...props
   };
   const b2 = cn("tabpane");
@@ -3314,7 +3344,7 @@ const TabPane = (props) => {
     className: classes
   }, children);
 };
-const defaultProps$R = {
+const defaultProps$U = {
   size: 3,
   current: 1,
   block: false,
@@ -3334,7 +3364,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$R,
+    ...defaultProps$U,
     ...props
   };
   const b2 = cn("indicator");
@@ -3363,8 +3393,141 @@ 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 +3813,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$Q = {
+const defaultProps$R = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3684,7 +3847,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");
@@ -4013,7 +4176,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 +4270,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$P = {
+const defaultProps$Q = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4136,7 +4299,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);
@@ -4532,9 +4695,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 +4725,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = { ...defaultProps$O, ...props };
+  } = { ...defaultProps$P, ...props };
   const close = () => {
     onClose && onClose();
   };
@@ -4605,9 +4768,9 @@ 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,
@@ -4615,7 +4778,7 @@ const defaultProps$N = {
   }
 };
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$N, ...props };
+  const { children } = { ...defaultProps$O, ...props };
   const b2 = cn("checkboxgroup");
   const { className, disabled, onChange, checkedValue, max, ...rest } = props;
   const [innerDisabled, setInnerDisabled] = useState(disabled);
@@ -4691,9 +4854,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     ...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 +4870,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 +4935,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 +4947,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 +5114,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", {
@@ -5098,8 +5261,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 +5305,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 +5335,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$L,
+    ...defaultProps$M,
     ...props
   };
   const [show, setShow] = useState(false);
@@ -5418,9 +5581,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 +5621,7 @@ const InputNumber = (props) => {
     focus,
     ...restProps
   } = {
-    ...defaultProps$K,
+    ...defaultProps$L,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -5579,7 +5742,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 +5768,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,7 +5851,7 @@ 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);
@@ -5895,14 +6058,14 @@ 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) => {
@@ -5910,7 +6073,7 @@ const defaultProps$I = {
   direction: "vertical"
 };
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$I, ...props };
+  const { children } = { ...defaultProps$J, ...props };
   cn("RadioGroup");
   const { className, value, onChange, textPosition, direction, ...rest } = props;
   const [val2State, setVal2State] = useState(value);
@@ -5946,9 +6109,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     ...rest
   }, cloneChildren()));
 });
-RadioGroup.defaultProps = defaultProps$I;
+RadioGroup.defaultProps = defaultProps$J;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$H = {
+const defaultProps$I = {
   disabled: false,
   checked: false,
   shape: "round",
@@ -5961,7 +6124,7 @@ const defaultProps$H = {
   }
 };
 const Radio = (props) => {
-  const { children } = { ...defaultProps$H, ...props };
+  const { children } = { ...defaultProps$I, ...props };
   const {
     className,
     disabled,
@@ -6021,7 +6184,7 @@ const Radio = (props) => {
     }
     return [renderIcon(), renderLabel()];
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (disabledStatement || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
@@ -6031,14 +6194,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 +6230,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]);
@@ -6131,9 +6294,9 @@ const Rate = (props) => {
     }));
   }));
 };
-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 +6456,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 +6486,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$E, ...props };
+  } = { ...defaultProps$F, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -6387,7 +6550,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() {
@@ -6436,7 +6599,7 @@ class Upload {
     }
   }
 }
-const defaultProps$D = {
+const defaultProps$E = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -6511,7 +6674,7 @@ const InternalUploader = (props, ref) => {
     beforeUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$D, ...props };
+  } = { ...defaultProps$E, ...props };
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -6800,9 +6963,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 +7012,7 @@ const SearchBar = (props) => {
     onClickRightinIcon,
     onClickRightoutIcon
   } = {
-    ...defaultProps$C,
+    ...defaultProps$D,
     ...props
   };
   const alignClass = `${align}`;
@@ -6986,9 +7149,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,
@@ -7175,9 +7338,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 +7373,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 +7417,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 +7442,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$z,
+    ...defaultProps$A,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -7368,7 +7531,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));
@@ -11771,7 +11934,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$y = {
+const defaultProps$z = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -11784,7 +11947,7 @@ const defaultProps$y = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$y,
+    ...defaultProps$z,
     ...props
   };
   const b2 = cn("drag");
@@ -11843,7 +12006,7 @@ const Drag = (props) => {
     ...bind()
   }, children));
 };
-Drag.defaultProps = defaultProps$y;
+Drag.defaultProps = defaultProps$z;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -11869,12 +12032,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 +12063,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 +12085,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,
@@ -12035,7 +12198,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$x = {
+const defaultProps$y = {
   okText: "",
   cancelText: "",
   mask: true,
@@ -12126,9 +12289,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 +12325,7 @@ const Infiniteloading = (props) => {
     scrollChange,
     ...restProps
   } = {
-    ...defaultProps$w,
+    ...defaultProps$x,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -12319,7 +12482,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 +12641,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$v = {
+const defaultProps$w = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -12501,7 +12664,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$v,
+    ...defaultProps$w,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -12541,10 +12704,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 +12730,7 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$u,
+    ...defaultProps$v,
     ...props
   };
   const b2 = cn("circleprogress");
@@ -12651,9 +12814,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 +12854,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 +12929,7 @@ const NoticeBar = (props) => {
       }
     });
   };
-  const handleClick = (event) => {
+  const handleClick2 = (event) => {
     click && click(event);
   };
   const onClickIcon = (event) => {
@@ -12851,7 +13014,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 +13067,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,
@@ -12938,9 +13101,9 @@ const Steps = (props) => {
     ...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 +13124,7 @@ const Step = (props) => {
     renderContent,
     ...restProps
   } = {
-    ...defaultProps$r,
+    ...defaultProps$s,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -13018,10 +13181,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 +13197,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 +13216,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     isPreventDefault,
     isStopPropagation,
     autoPlay,
+    isCenter,
     ...rest
   } = propSwiper;
   const container = useRef(null);
@@ -13201,7 +13366,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 +13438,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 +13483,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 +13556,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 +13591,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 +13601,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 +13637,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 +13667,7 @@ const Avatar = (props) => {
     onError,
     ...rest
   } = {
-    ...defaultProps$o,
+    ...defaultProps$p,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -13568,9 +13747,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 +13761,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 +13778,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 +13798,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$m,
+    ...defaultProps$n,
     ...props
   };
   const b2 = cn("price");
@@ -13672,9 +13851,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 +13865,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 +13888,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 +13900,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 +13930,7 @@ const Tag = (props) => {
     onClick,
     onClose
   } = {
-    ...defaultProps$k,
+    ...defaultProps$l,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -13779,7 +13958,7 @@ const Tag = (props) => {
     ${mark ? `${prefixCls2}--mark` : ""}
     ${closeable ? `${prefixCls2}--close` : ""}`;
   };
-  const handleClick = (e2) => {
+  const handleClick2 = (e2) => {
     if (props.onClick) {
       props.onClick(e2);
     }
@@ -13802,7 +13981,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 +13997,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 +14019,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 +14058,7 @@ const getEleAttr = (ele) => {
   }
   return null;
 };
-const defaultProps$j = {
+const defaultProps$k = {
   list: [],
   theme: "light",
   location: "bottom",
@@ -13903,7 +14079,7 @@ const Popover = (props) => {
     onClick,
     ...reset
   } = {
-    ...defaultProps$j,
+    ...defaultProps$k,
     ...props
   };
   const goodItem = useRef(null);
@@ -13920,19 +14096,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 +14123,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 +14142,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 +14169,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 +14188,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 +14218,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$i,
+    ...defaultProps$j,
     ...props
   };
   const b2 = cn("skeleton");
@@ -14097,9 +14273,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 +14298,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 +14445,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: "",
@@ -14293,7 +14469,7 @@ const Collapse = memo((props) => {
     iconColor,
     change
   } = {
-    ...defaultProps$g,
+    ...defaultProps$h,
     ...props
   };
   const childrenDom = React__default.Children.toArray(children);
@@ -14348,9 +14524,9 @@ const Collapse = memo((props) => {
     });
   }));
 }, areEqual);
-Collapse.defaultProps = defaultProps$g;
+Collapse.defaultProps = defaultProps$h;
 Collapse.displayName = "NutCollapse";
-const defaultProps$f = {
+const defaultProps$g = {
   title: "",
   name: "",
   isOpen: false,
@@ -14384,7 +14560,7 @@ const CollapseItem = (props) => {
     iconColor,
     ...rest
   } = {
-    ...defaultProps$f,
+    ...defaultProps$g,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -14422,13 +14598,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 +14629,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 +14649,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$e,
+    ...defaultProps$f,
     ...props
   };
   const b2 = cn("countup");
@@ -14539,9 +14715,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 +14729,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$d;
+AnimatingNumbers.defaultProps = defaultProps$e;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 AnimatingNumbers.CountUp = CountUp;
@@ -14562,7 +14738,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 +14746,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 +14783,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 +14903,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$b = {};
+const defaultProps$c = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -14886,8 +15062,125 @@ 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 +15439,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 +15457,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 +15466,7 @@ const ExistRender = (props) => {
   }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 const defaultProps$7 = {
+  modelValue: [],
   type: "custom",
   province: [],
   city: [],
@@ -15184,6 +15479,7 @@ const CustomRender = (props) => {
   const {
     children,
     type,
+    modelValue,
     height,
     province,
     city,
@@ -15246,9 +15542,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 +15574,28 @@ const CustomRender = (props) => {
     const calBack = {
       next: "",
       value: "",
-      custom: tabName[tabIndex],
-      selectedRegion: {}
+      custom: tabName[tabIndex]
     };
-    setSelectedRegion({
-      ...selectedRegion,
-      [tabName[tabIndex]]: item
-    });
-    calBack.selectedRegion = {
-      ...selectedRegion,
-      [tabName[tabIndex]]: item
-    };
-    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 +15618,35 @@ 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,11 +15678,14 @@ 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) => {
+  }, selectedRegion && Object.keys(selectedRegion).map((key, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
       key: index2,
@@ -15375,14 +15703,17 @@ const CustomRender = (props) => {
   }, 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")
+    }, /* @__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);
+    }), item.name));
   }))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
     className: b2("elevator-group")
   }, /* @__PURE__ */ React__default.createElement(Elevator, {
@@ -15393,6 +15724,7 @@ const CustomRender = (props) => {
 };
 const defaultProps$6 = {
   modelValue: false,
+  modelSelect: [],
   type: "custom",
   customAddressTitle: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
   province: [],
@@ -15413,6 +15745,7 @@ const Address = (props) => {
   const { locale } = useConfig();
   const {
     modelValue,
+    modelSelect,
     children,
     type,
     height,
@@ -15460,8 +15793,7 @@ const Address = (props) => {
     const callbackParams = {
       next: item.next,
       value: item.value,
-      custom: item.custom,
-      selectedRegion: {}
+      custom: item.custom
     };
     setSelectedRegion({
       ...item.selectedRegion
@@ -15469,7 +15801,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 +15812,6 @@ const Address = (props) => {
         [tabName[i]]: {}
       });
     }
-    console.log(selectedRegion);
   };
   const closeFun = () => {
     const resCopy = {
@@ -15490,7 +15820,11 @@ const Address = (props) => {
       ...selectedRegion
     };
     const res = {
-      data: {},
+      data: {
+        addressIdStr: "",
+        addressStr: "",
+        ...selectedRegion
+      },
       type: privateType
     };
     if (privateType === "custom" || privateType === "custom2") {
@@ -15562,6 +15896,7 @@ const Address = (props) => {
     style: { ...style },
     ...rest
   }, headerRender(), (privateType === "custom" || privateType === "custom2") && /* @__PURE__ */ React__default.createElement(CustomRender, {
+    modelValue: modelSelect,
     type: privateType,
     province,
     city,
@@ -16043,4 +16378,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 };