@nutui/nutui-react 1.1.4 → 1.1.5-beta.2

package/dist/nutui.react.es.js

@@ -34,12 +34,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:27 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.1 Tue Jun 28 2022 09:34:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, forwardRef, useCallback, useMemo, memo } from "react";
+import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, forwardRef, useMemo, memo } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates } from "react-dom";
 var classname = { exports: {} };
@@ -80,7 +80,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$Z = {
+const defaultProps$_ = {
   name: "",
   size: "",
   classPrefix: "nutui-iconfont",
@@ -94,7 +94,7 @@ function pxCheck$2(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const Icon = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$Z), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$_), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
   const isImage = name ? name.indexOf("/") !== -1 : false;
   const type = isImage ? "img" : tag;
   const b2 = cn("icon");
@@ -120,9 +120,9 @@ const Icon = (props) => {
     onClick: handleClick
   }), hasSrc()), children);
 };
-Icon.defaultProps = defaultProps$Z;
+Icon.defaultProps = defaultProps$_;
 Icon.displayName = "NutIcon";
-const defaultProps$Y = {
+const defaultProps$Z = {
   className: "",
   color: "",
   shape: "round",
@@ -139,7 +139,7 @@ const defaultProps$Y = {
   }
 };
 const Button = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$Y), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$Z), props), {
     color,
     shape,
     plain,
@@ -168,8 +168,37 @@ const Button = (props) => {
     "className",
     "style"
   ]);
-  const [btnName, setBtnName] = useState("");
-  const [btnStyle, setBtnStyle] = useState({});
+  const getStyle = useCallback(() => {
+    const style2 = {};
+    if (color) {
+      if (plain) {
+        style2.color = color;
+        style2.background = "#fff";
+        if (!(color == null ? void 0 : color.includes("gradient"))) {
+          style2.borderColor = color;
+        }
+      } else {
+        style2.color = "#fff";
+        style2.background = color;
+      }
+    }
+    return style2;
+  }, [color, plain]);
+  const classes = useCallback(() => {
+    const prefixCls = "nut-button";
+    return [
+      prefixCls,
+      `${type ? `${prefixCls}--${type}` : ""}`,
+      `${size ? `${prefixCls}--${size}` : ""}`,
+      `${shape ? `${prefixCls}--${shape}` : ""}`,
+      `${plain ? `${prefixCls}--plain` : ""}`,
+      `${block ? `${prefixCls}--block` : ""}`,
+      `${disabled ? `${prefixCls}--disabled` : ""}`,
+      `${loading ? `${prefixCls}--loading` : ""}`
+    ].filter(Boolean).join(" ");
+  }, [block, disabled, loading, plain, shape, size, type]);
+  const [btnName, setBtnName] = useState(classes());
+  const [btnStyle, setBtnStyle] = useState(getStyle());
   useEffect(() => {
     setBtnName(classes());
     setBtnStyle(getStyle());
@@ -186,39 +215,15 @@ const Button = (props) => {
     block,
     icon,
     children,
-    onClick
+    onClick,
+    classes,
+    getStyle
   ]);
-  const classes = () => {
-    const prefixCls = "nut-button";
-    return `${prefixCls} ${type ? `${prefixCls}--${type}` : ""}
-    ${size ? `${prefixCls}--${size}` : ""}
-    ${shape ? `${prefixCls}--${shape}` : ""}
-    ${plain ? `${prefixCls}--plain` : ""}
-    ${block ? `${prefixCls}--block` : ""}
-    ${disabled ? `${prefixCls}--disabled` : ""}
-    ${loading ? `${prefixCls}--loading` : ""}`;
-  };
   const handleClick = (e2) => {
     if (!loading && !disabled && onClick) {
       onClick(e2);
     }
   };
-  const getStyle = () => {
-    const style2 = {};
-    if (color) {
-      if (plain) {
-        style2.color = color;
-        style2.background = "#fff";
-        if (!(color == null ? void 0 : color.includes("gradient"))) {
-          style2.borderColor = color;
-        }
-      } else {
-        style2.color = "#fff";
-        style2.background = color;
-      }
-    }
-    return style2;
-  };
   return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: `${btnName} ${className}`,
     style: __spreadValues(__spreadValues({}, btnStyle), style)
@@ -233,7 +238,7 @@ const Button = (props) => {
     name: icon
   }) : "", children));
 };
-Button.defaultProps = defaultProps$Y;
+Button.defaultProps = defaultProps$Z;
 Button.displayName = "NutButton";
 function _setPrototypeOf(o, p2) {
   _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
@@ -1442,7 +1447,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$X = {
+const defaultProps$Y = {
   title: "",
   subTitle: "",
   desc: "",
@@ -1458,7 +1463,7 @@ const defaultProps$X = {
   }
 };
 const Cell = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$Y), props), {
     children,
     click,
     isLink,
@@ -1521,11 +1526,11 @@ const Cell = (props) => {
     className: b2("link")
   }) : null);
 };
-Cell.defaultProps = defaultProps$X;
+Cell.defaultProps = defaultProps$Y;
 Cell.displayName = "NutCell";
-const defaultProps$W = { title: "", classPrefix: "nutui-cell-group" };
+const defaultProps$X = { title: "", classPrefix: "nutui-cell-group" };
 const CellGroup = (props) => {
-  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$W), props);
+  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$X), props);
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(null, [classPrefix])
@@ -1535,7 +1540,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$W;
+CellGroup.defaultProps = defaultProps$X;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2079,7 +2084,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$V = __spreadValues({
+const defaultProps$W = __spreadValues({
   position: "center",
   transition: "",
   style: {},
@@ -2228,25 +2233,25 @@ const Popup = (props) => {
     size: "12px"
   })) : "")));
 };
-Popup.defaultProps = defaultProps$V;
+Popup.defaultProps = defaultProps$W;
 Popup.displayName = "NutPopup";
-const defaultProps$U = {};
+const defaultProps$V = {};
 const Layout = (props) => {
-  __spreadValues(__spreadValues({}, defaultProps$U), props);
+  __spreadValues(__spreadValues({}, defaultProps$V), props);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$U;
+Layout.defaultProps = defaultProps$V;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext({});
-const defaultProps$T = {
+const defaultProps$U = {
   span: "24",
   offset: "0",
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$T), props);
+  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$U), props);
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2269,9 +2274,9 @@ const Col = (props) => {
     style: __spreadValues({}, colStyle)
   }, children);
 };
-Col.defaultProps = defaultProps$T;
+Col.defaultProps = defaultProps$U;
 Col.displayName = "NutCol";
-const defaultProps$S = {
+const defaultProps$T = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2279,7 +2284,7 @@ const defaultProps$S = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$S), props);
+  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$T), props);
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
     return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
@@ -2302,15 +2307,15 @@ const Row = (props) => {
     className: getClasses()
   }, children));
 };
-Row.defaultProps = defaultProps$S;
+Row.defaultProps = defaultProps$T;
 Row.displayName = "NutRow";
-const defaultProps$R = {
+const defaultProps$S = {
   contentPosition: "center",
   dashed: false,
   hairline: true
 };
 const Divider = (props) => {
-  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$R), props);
+  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$S), props);
   const dividerBem = cn("divider");
   const classes = classNames({
     [dividerBem()]: true,
@@ -2325,9 +2330,9 @@ const Divider = (props) => {
     style: styles
   }, children);
 };
-Divider.defaultProps = defaultProps$R;
+Divider.defaultProps = defaultProps$S;
 Divider.displayName = "NutDivider";
-const defaultProps$Q = {
+const defaultProps$R = {
   title: "",
   desc: "",
   leftShow: false,
@@ -2348,7 +2353,7 @@ const NavBar = (props) => {
     onClickIcon,
     onClickBack,
     onClickClear
-  } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$R), props);
   const b2 = cn("navbar");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-navbar ${className}`,
@@ -2371,7 +2376,7 @@ const NavBar = (props) => {
     name: icon
   })));
 };
-NavBar.defaultProps = defaultProps$Q;
+NavBar.defaultProps = defaultProps$R;
 NavBar.displayName = "NutNavBar";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2420,9 +2425,10 @@ const zhCN = {
     ready: "\u51C6\u5907\u5B8C\u6210",
     readyUpload: "\u51C6\u5907\u4E0A\u4F20",
     waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
-    uploading: "\u4E0A\u4F20\u4E2D",
+    uploading: "\u4E0A\u4F20\u4E2D...",
     success: "\u4E0A\u4F20\u6210\u529F",
-    error: "\u4E0A\u4F20\u5931\u8D25"
+    error: "\u4E0A\u4F20\u5931\u8D25",
+    deleteWord: "\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01"
   },
   countdown: {
     day: "\u5929",
@@ -2464,7 +2470,7 @@ const zhCN = {
     additionalImages: (length) => `${length}\u5F20\u8FFD\u8BC4\u56FE\u7247`
   }
 };
-const defaultProps$P = {
+const defaultProps$Q = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2481,15 +2487,15 @@ const useConfig = () => {
 };
 const ConfigContext = createContext(null);
 const ConfigProvider = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$P), props), { children } = _a, config2 = __objRest(_a, ["children"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$Q), props), { children } = _a, config2 = __objRest(_a, ["children"]);
   const parentConfig = useConfig();
   return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
     value: __spreadValues(__spreadValues({}, parentConfig), config2)
   }, children);
 };
-ConfigProvider.defaultProps = defaultProps$P;
+ConfigProvider.defaultProps = defaultProps$Q;
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$O = {
+const defaultProps$P = {
   fixednavClass: "nut-fixednav",
   activeText: "\u6536\u8D77\u5BFC\u822A",
   unActiveText: "\u5FEB\u901F\u5BFC\u822A",
@@ -2501,7 +2507,7 @@ const defaultProps$O = {
 };
 const FixedNav = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$O), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$P), props), {
     fixednavClass,
     overlay,
     visible,
@@ -2555,9 +2561,10 @@ const FixedNav = (props) => {
       onClick: (event) => onSelectCb(event, item),
       key: item.id || index2
     }, /* @__PURE__ */ React__default.createElement("img", {
-      src: item.icon
+      src: item.icon,
+      alt: ""
     }), /* @__PURE__ */ React__default.createElement("div", {
-      className: "span"
+      className: "nut-fixednav__list-text"
     }, item.text), item.num && /* @__PURE__ */ React__default.createElement("div", {
       className: "b"
     }, item.num));
@@ -2571,9 +2578,9 @@ const FixedNav = (props) => {
     className: "text"
   }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$O;
+FixedNav.defaultProps = defaultProps$P;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$N = {
+const defaultProps$O = {
   visible: 0,
   bottom: false,
   type: "",
@@ -2586,7 +2593,7 @@ const defaultProps$N = {
   }
 };
 const Tabbar = (props) => {
-  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$N), props);
+  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$O), props);
   const b2 = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(visible);
   const handleClick = (idx) => {
@@ -2612,9 +2619,9 @@ const Tabbar = (props) => {
     return React__default.cloneElement(child, childProps);
   }));
 };
-Tabbar.defaultProps = defaultProps$N;
+Tabbar.defaultProps = defaultProps$O;
 Tabbar.displayName = "NutTabbar";
-const defaultProps$M = {
+const defaultProps$N = {
   tabTitle: "",
   icon: "",
   href: "",
@@ -2628,7 +2635,7 @@ const defaultProps$M = {
   }
 };
 const TabbarItem = (props) => {
-  const { tabTitle, icon, href, to: to2, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$M), props);
+  const { tabTitle, icon, href, to: to2, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$N), props);
   const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
   const history = useHistory();
@@ -2662,14 +2669,14 @@ const TabbarItem = (props) => {
     className: bIcon({ "nav-word": true }, [bIcon({ "big-word": !icon })])
   }, tabTitle)));
 };
-const defaultProps$L = {
+const defaultProps$M = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
   className: ""
 };
 const Elevator = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$L), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$M), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
   const b2 = cn("elevator");
   const spaceHeight = 23;
   const listview = useRef(null);
@@ -2803,9 +2810,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$L;
+Elevator.defaultProps = defaultProps$M;
 Elevator.displayName = "NutElevator";
-const defaultProps$K = {
+const defaultProps$L = {
   defaultValue: 1,
   mode: "multi",
   prevText: "\u4E0A\u4E00\u9875",
@@ -2822,7 +2829,7 @@ const defaultProps$K = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  __spreadValues(__spreadValues({}, defaultProps$K), props);
+  __spreadValues(__spreadValues({}, defaultProps$L), props);
   const _a = props, {
     modelValue,
     mode,
@@ -2952,7 +2959,7 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
   }, locale.pagination.next || nextText));
 };
-Pagination.defaultProps = defaultProps$K;
+Pagination.defaultProps = defaultProps$L;
 Pagination.displayName = "NutPagination";
 class Title {
   constructor() {
@@ -2962,7 +2969,7 @@ class Title {
     __publicField(this, "index", 0);
   }
 }
-const defaultProps$J = {
+const defaultProps$K = {
   value: 0,
   color: "",
   background: "",
@@ -2978,7 +2985,7 @@ const pxCheck$1 = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$J), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$K), props), {
     value,
     color,
     background,
@@ -3099,16 +3106,16 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$J;
+Tabs.defaultProps = defaultProps$K;
 Tabs.displayName = "NutTabs";
-const defaultProps$I = {
+const defaultProps$J = {
   title: "",
   paneKey: "",
   activeKey: "",
   disabled: false
 };
 const TabPane = (props) => {
-  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$I), props);
+  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$J), props);
   const b2 = cn("tabpane");
   const classes = classNames({
     active: paneKey === activeKey
@@ -3394,7 +3401,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$H = {
+const defaultProps$I = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3424,7 +3431,7 @@ const Range = (props) => {
     change,
     dragStart,
     dragEnd
-  } = __spreadValues(__spreadValues({}, defaultProps$H), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$I), props);
   const [buttonIndex, SetButtonIndex] = useState(0);
   const [initValue, SetInitValue] = useState();
   const [dragStatus, SetDragStatus] = useState("start");
@@ -3633,7 +3640,7 @@ const Range = (props) => {
     className: "max"
   }, +max) : null);
 };
-Range.defaultProps = defaultProps$H;
+Range.defaultProps = defaultProps$I;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -3719,7 +3726,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$G = {
+const defaultProps$H = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -3748,7 +3755,7 @@ const CalendarItem = (props) => {
     onChoose,
     onUpdate,
     onClose
-  } = __spreadValues(__spreadValues({}, defaultProps$G), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$H), props);
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
@@ -4134,9 +4141,9 @@ const CalendarItem = (props) => {
     onClick: confirm2
   }, locale.confirm)) : ""));
 };
-CalendarItem.defaultProps = defaultProps$G;
+CalendarItem.defaultProps = defaultProps$H;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$F = {
+const defaultProps$G = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4164,7 +4171,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$G), props);
   const close = () => {
     onClose && onClose();
   };
@@ -4207,16 +4214,16 @@ const Calendar = (props) => {
     onChoose: choose
   }));
 };
-Calendar.defaultProps = defaultProps$F;
+Calendar.defaultProps = defaultProps$G;
 Calendar.displayName = "NutCalendar";
-const defaultProps$E = {
+const defaultProps$F = {
   disabled: false,
   checkedValue: [],
   onChange: (value) => {
   }
 };
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$E), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$F), props);
   const b2 = cn("checkboxgroup");
   const _a = props, { className, disabled, onChange, checkedValue } = _a, rest = __objRest(_a, ["className", "disabled", "onChange", "checkedValue"]);
   const [innerDisabled, setInnerDisabled] = useState(disabled);
@@ -4275,9 +4282,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     className: `${b2()} ${className || ""}`
   }, rest), cloneChildren());
 });
-CheckboxGroup.defaultProps = defaultProps$E;
+CheckboxGroup.defaultProps = defaultProps$F;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$D = {
+const defaultProps$E = {
   checked: false,
   disabled: false,
   textPosition: "right",
@@ -4288,7 +4295,7 @@ const defaultProps$D = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$D), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$E), props);
   const b2 = cn("checkbox");
   const _a = props, {
     iconName,
@@ -4344,7 +4351,7 @@ const Checkbox = (props) => {
     onClick: handleClick
   }), renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$D;
+Checkbox.defaultProps = defaultProps$E;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -4660,7 +4667,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$C = {
+const defaultProps$D = {
   modelValue: new Date(),
   visible: false,
   title: "",
@@ -4672,7 +4679,7 @@ const defaultProps$C = {
   onCloseDatePicker: () => void 0
 };
 const DatePicker = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$C), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$D), props), {
     minDate,
     maxDate,
     type,
@@ -4926,9 +4933,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$C;
+DatePicker.defaultProps = defaultProps$D;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$B = {
+const defaultProps$C = {
   disabled: false,
   buttonSize: "",
   min: 1,
@@ -4944,7 +4951,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const InputNumber = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$B), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$C), props), {
     children,
     disabled,
     buttonSize,
@@ -5101,7 +5108,7 @@ const InputNumber = (props) => {
     click: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$B;
+InputNumber.defaultProps = defaultProps$C;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -5127,10 +5134,10 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$A = {
+const defaultProps$B = {
   type: "text",
   defaultValue: "",
-  placeholder: "\u8BF7\u8F93\u5165\u4FE1\u606F",
+  placeholder: "",
   label: "",
   requireShow: false,
   disabled: false,
@@ -5158,7 +5165,8 @@ const Input = (props) => {
     blur,
     focus,
     clear
-  } = __spreadValues(__spreadValues({}, defaultProps$A), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$B), props);
+  locale.placeholder = placeholder || locale.placeholder;
   const inputBem = cn("input");
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -5217,7 +5225,7 @@ const Input = (props) => {
   }, label) : null), /* @__PURE__ */ React__default.createElement("input", {
     className: "input-text",
     type,
-    placeholder: locale.placeholder || placeholder,
+    placeholder,
     disabled,
     readOnly: readonly,
     value: inputValue,
@@ -5242,14 +5250,14 @@ const Input = (props) => {
     size: "12px"
   }) : null) : null);
 };
-Input.defaultProps = defaultProps$A;
+Input.defaultProps = defaultProps$B;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$z = {
+const defaultProps$A = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -5257,7 +5265,7 @@ const defaultProps$z = {
   direction: "vertical"
 };
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$z), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$A), props);
   cn("RadioGroup");
   const _a = props, { className, value, onChange, textPosition, direction } = _a, rest = __objRest(_a, ["className", "value", "onChange", "textPosition", "direction"]);
   const [val2State, setVal2State] = useState(value);
@@ -5292,9 +5300,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     className: `nut-radiogroup nut-radiogroup--${props.direction}`
   }, rest), cloneChildren()));
 });
-RadioGroup.defaultProps = defaultProps$z;
+RadioGroup.defaultProps = defaultProps$A;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$y = {
+const defaultProps$z = {
   disabled: false,
   checked: false,
   shape: "round",
@@ -5307,7 +5315,7 @@ const defaultProps$y = {
   }
 };
 const Radio = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$y), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$z), props);
   const _a = props, {
     className,
     disabled,
@@ -5375,10 +5383,10 @@ const Radio = (props) => {
     onClick: handleClick
   }, rest), props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
 };
-Radio.defaultProps = defaultProps$y;
+Radio.defaultProps = defaultProps$z;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
-const defaultProps$x = {
+const defaultProps$y = {
   count: 5,
   modelValue: 0,
   iconSize: 18,
@@ -5405,7 +5413,7 @@ const Rate = (props) => {
     allowHalf,
     spacing,
     change
-  } = __spreadValues(__spreadValues({}, defaultProps$x), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$y), props);
   const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
@@ -5468,9 +5476,9 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$x;
+Rate.defaultProps = defaultProps$y;
 Rate.displayName = "NutRate";
-const defaultProps$w = {
+const defaultProps$x = {
   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",
@@ -5646,9 +5654,9 @@ const ShortPassword = (props) => {
     onClick: () => sure()
   }, locale.confirm)) : null)));
 };
-ShortPassword.defaultProps = defaultProps$w;
+ShortPassword.defaultProps = defaultProps$x;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$v = {
+const defaultProps$w = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -5676,7 +5684,7 @@ const TextArea = (props) => {
     change,
     blur,
     focus
-  } = __spreadValues(__spreadValues({}, defaultProps$v), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$w), props);
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -5747,7 +5755,7 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$v;
+TextArea.defaultProps = defaultProps$w;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -5803,7 +5811,7 @@ class Upload {
     }
   }
 }
-const defaultProps$u = {
+const defaultProps$v = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -5842,7 +5850,8 @@ class FileItem {
   }
 }
 const InternalUploader = (props, ref) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$u), props), {
+  const { locale } = useConfig();
+  const _a = __spreadValues(__spreadValues({}, defaultProps$v), props), {
     children,
     uploadIcon,
     uploadIconSize,
@@ -5920,6 +5929,7 @@ const InternalUploader = (props, ref) => {
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
+    console.log("defaultFileList", defaultFileList);
     if (defaultFileList) {
       setFileList(defaultFileList);
     }
@@ -5962,7 +5972,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "ready";
-            item.message = "\u51C6\u5907\u4E0A\u4F20";
+            item.message = locale.uploader.readyUpload;
           }
         });
         return [...fileList2];
@@ -5974,7 +5984,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "uploading";
-            item.message = "\u4E0A\u4F20\u4E2D...";
+            item.message = locale.uploader.uploading;
           }
         });
         return [...fileList2];
@@ -5987,7 +5997,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "success";
-            item.message = "\u4E0A\u4F20\u6210\u529F";
+            item.message = locale.uploader.success;
           }
         });
         return [...fileList2];
@@ -6002,7 +6012,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "error";
-            item.message = "\u4E0A\u4F20\u5931\u8D25";
+            item.message = locale.uploader.error;
           }
         });
         return [...fileList2];
@@ -6032,7 +6042,7 @@ const InternalUploader = (props, ref) => {
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
-      fileItem.message = "\u51C6\u5907\u4E0A\u4F20";
+      fileItem.message = locale.uploader.readyUpload;
       executeUpload(fileItem, index2);
       if (isPreview && file.type.includes("image")) {
         const reader = new FileReader();
@@ -6077,7 +6087,7 @@ const InternalUploader = (props, ref) => {
       removeImage && removeImage(file, fileList);
       setFileList([...fileList]);
     } else {
-      console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
+      console.log(locale.uploader.deleteWord);
     }
   };
   const fileChange = (event) => {
@@ -6203,9 +6213,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$u;
+Uploader.defaultProps = defaultProps$v;
 Uploader.displayName = "NutUploader";
-const defaultProps$t = {
+const defaultProps$u = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -6223,7 +6233,7 @@ const defaultProps$t = {
   style: {}
 };
 const ActionSheet = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$u), props), {
     cancelTxt,
     optionTag,
     optionSubTag,
@@ -6294,9 +6304,9 @@ const ActionSheet = (props) => {
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
-ActionSheet.defaultProps = defaultProps$t;
+ActionSheet.defaultProps = defaultProps$u;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$s = {
+const defaultProps$t = {
   bottom: 20,
   right: 10,
   elId: "",
@@ -6318,7 +6328,7 @@ const BackTop = (props) => {
     duration,
     style,
     backTopClick
-  } = __spreadValues(__spreadValues({}, defaultProps$s), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$t), props);
   const [backTop, SetBackTop] = useState(false);
   const [scrollTop, SetScrollTop] = useState(0);
   let startTime = 0;
@@ -6403,7 +6413,7 @@ const BackTop = (props) => {
     name: "top"
   }));
 };
-BackTop.defaultProps = defaultProps$s;
+BackTop.defaultProps = defaultProps$t;
 BackTop.displayName = "NutBackTop";
 function clamp(v2, min, max) {
   return Math.max(min, Math.min(v2, max));
@@ -10805,7 +10815,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$r = {
+const defaultProps$s = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -10817,7 +10827,7 @@ const defaultProps$r = {
   className: ""
 };
 const Drag = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$r), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$s), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
   const b2 = cn("drag");
   const [boundaryState, setBoundaryState] = useState(boundary);
   const myDrag = useRef(null);
@@ -10873,7 +10883,7 @@ const Drag = (props) => {
     style: currstyle
   }, bind()), children));
 };
-Drag.defaultProps = defaultProps$r;
+Drag.defaultProps = defaultProps$s;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const { visible, title, footer, textAlign, footerDirection, children } = props;
@@ -11032,9 +11042,9 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$q = {
-  okText: "\u786E\u5B9A",
-  cancelText: "\u53D6\u6D88",
+const defaultProps$r = {
+  okText: "",
+  cancelText: "",
   mask: true,
   closeOnClickOverlay: true,
   noFooter: false,
@@ -11100,13 +11110,13 @@ const BaseDialog = (props, ref) => {
       type: "primary",
       className: "nut-dialog__footer-cancel",
       onClick: () => handleCancel()
-    }, locale.cancel || cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
+    }, cancelText || locale.cancel), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
       size: "small",
       type: "primary",
       className: classNames("nut-dialog__footer-ok", { disabled: okBtnDisabled }),
       disabled: okBtnDisabled,
       onClick: () => handleOk()
-    }, locale.confirm || okText));
+    }, okText || locale.confirm));
     return footerContent;
   };
   return /* @__PURE__ */ React__default.createElement(DialogWrapper, __spreadProps(__spreadValues({}, restProps), {
@@ -11129,9 +11139,9 @@ Dialog.confirm = (props) => {
     }));
   };
 });
-Dialog.defaultProps = defaultProps$q;
+Dialog.defaultProps = defaultProps$r;
 Dialog.displayName = "NutDialog";
-const defaultProps$p = {
+const defaultProps$q = {
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -11146,7 +11156,7 @@ const defaultProps$p = {
 };
 const Infiniteloading = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$p), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$q), props), {
     children,
     hasMore,
     threshold,
@@ -11334,7 +11344,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
 };
-Infiniteloading.defaultProps = defaultProps$p;
+Infiniteloading.defaultProps = defaultProps$q;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -11491,7 +11501,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$o = {
+const defaultProps$p = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -11513,7 +11523,7 @@ const Switch = (props) => {
     change,
     className,
     style
-  } = __spreadValues(__spreadValues({}, defaultProps$o), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$p), props);
   const [value, setValue] = useState(false);
   const b2 = cn("switch");
   useEffect(() => {
@@ -11550,10 +11560,10 @@ const Switch = (props) => {
     className: `${b2("label")} close`
   }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$o;
+Switch.defaultProps = defaultProps$p;
 Switch.displayName = "NutSwitch";
 const isObject = (val) => val !== null && typeof val === "object";
-const defaultProps$n = {
+const defaultProps$o = {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
@@ -11563,7 +11573,7 @@ const defaultProps$n = {
 };
 const CircleProgress = (props) => {
   var _b;
-  const _a = __spreadValues(__spreadValues({}, defaultProps$n), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$o), props), {
     children,
     progress,
     className,
@@ -11665,9 +11675,9 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-text"
   }, children ? children : /* @__PURE__ */ React__default.createElement("div", null, progress, "%")));
 };
-CircleProgress.defaultProps = defaultProps$n;
+CircleProgress.defaultProps = defaultProps$o;
 CircleProgress.displayName = "NutCircleProgress";
-const defaultProps$m = {
+const defaultProps$n = {
   direction: "across",
   list: [],
   standTime: 1e3,
@@ -11705,7 +11715,7 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click
-  } = __spreadValues(__spreadValues({}, defaultProps$m), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$n), props);
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -11918,16 +11928,16 @@ const NoticeBar = (props) => {
     size: "11px"
   }) : null))) : null);
 };
-NoticeBar.defaultProps = defaultProps$m;
+NoticeBar.defaultProps = defaultProps$n;
 NoticeBar.displayName = "NutNoticeBar";
 const DataContext$1 = createContext({});
-const defaultProps$l = {
+const defaultProps$m = {
   current: 0,
   direction: "horizontal",
   progressDot: false
 };
 const Steps = (props) => {
-  const propSteps = __spreadValues(__spreadValues({}, defaultProps$l), props);
+  const propSteps = __spreadValues(__spreadValues({}, defaultProps$m), props);
   const _a = propSteps, { children, current, direction, className, progressDot, clickStep } = _a, restProps = __objRest(_a, ["children", "current", "direction", "className", "progressDot", "clickStep"]);
   const parentSteps = {
     propSteps
@@ -11943,9 +11953,9 @@ const Steps = (props) => {
     className: classes
   }, restProps), children));
 };
-Steps.defaultProps = defaultProps$l;
+Steps.defaultProps = defaultProps$m;
 Steps.displayName = "NutSteps";
-const defaultProps$k = {
+const defaultProps$l = {
   title: "",
   content: "",
   activeIndex: 0,
@@ -11954,7 +11964,7 @@ const defaultProps$k = {
   size: "12px"
 };
 const Step = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$k), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$l), props), {
     children,
     title,
     content,
@@ -12018,10 +12028,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$k;
+Step.defaultProps = defaultProps$l;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$j = {
+const defaultProps$k = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -12038,7 +12048,7 @@ const defaultProps$j = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$j), props);
+  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$k), props);
   const _a = propSwiper, {
     children,
     direction,
@@ -12076,13 +12086,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     offset: 0,
     size: 0
   });
-  const childsRefs = [];
   const isVertical = direction === "vertical";
   const [rect, setRect] = useState(null);
   let [active, setActive] = useState(0);
   const [width, setWidth] = useState(0);
   const [height, setHeight] = useState(0);
   const [offset, setOffset] = useState(0);
+  const [childOffset, setChildOffset] = useState([]);
   const [ready, setReady] = useState(false);
   let size = isVertical ? height : width;
   const [touch, setTouch] = useState({
@@ -12096,22 +12106,20 @@ const Swiper = React__default.forwardRef((props, ref) => {
     delta: 0,
     touchTime: 0
   });
-  const [childs, setChilds] = useState([]);
-  useState("");
-  const childCount = children.length;
-  for (let i = 0; i < childCount; i++) {
-    childsRefs.push(useRef(null));
-  }
-  let trackSize = childCount * Number(size);
-  const getChildren = () => {
-    const childs2 = [];
-    React__default.Children.toArray(children).forEach((child, index2) => {
-      if (child.type && child.type.displayName === "NutSwiperItem") {
-        childs2.push(React__default.cloneElement(child, { ref: childsRefs[index2], key: `item_${index2}` }));
-      }
+  const { childs, childCount } = useMemo(() => {
+    let childCount2 = 0;
+    const childs2 = React__default.Children.map(props.children, (child) => {
+      if (!React__default.isValidElement(child))
+        return null;
+      childCount2++;
+      return child;
     });
-    return childs2;
-  };
+    return {
+      childs: childs2,
+      childCount: childCount2
+    };
+  }, [props.children]);
+  let trackSize = childCount * Number(size);
   const parent = {
     propSwiper,
     size
@@ -12198,12 +12206,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     if (props.loop) {
       if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
         const rightBound = targetOffset < minOffset;
-        childsRefs[0].current.changeOffset(rightBound ? trackSize : 0);
+        childOffset[0] = rightBound ? trackSize : 0;
       }
       if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
         const leftBound = targetOffset > 0;
-        childsRefs[childCount - 1].current.changeOffset(leftBound ? -trackSize : 0);
+        childOffset[childCount - 1] = leftBound ? -trackSize : 0;
       }
+      setChildOffset(childOffset);
     }
     if (isEmit && active !== targetActive) {
       props.onChange && props.onChange((targetActive + childCount) % childCount);
@@ -12371,7 +12380,8 @@ const Swiper = React__default.forwardRef((props, ref) => {
     };
   }, [ready]);
   useEffect(() => {
-    setChilds(getChildren());
+    stopAutoPlay();
+    autoplay();
   }, [children]);
   useEffect(() => {
     init();
@@ -12387,6 +12397,19 @@ const Swiper = React__default.forwardRef((props, ref) => {
       target.removeEventListener("touchend", onTouchEnd, false);
     };
   });
+  const style = (index2) => {
+    const style2 = {};
+    const _direction = propSwiper.direction || direction;
+    const _size = size;
+    if (_size) {
+      style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
+    }
+    let offset2 = childOffset[index2];
+    if (offset2) {
+      style2.transform = `translate3D${_direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
+    }
+    return style2;
+  };
   React__default.useImperativeHandle(ref, () => ({
     to: to2,
     next,
@@ -12400,12 +12423,18 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }, rest), /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, childs), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default.createElement("div", {
+  }, React__default.Children.map(childs, (child, index2) => {
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: b2("item-wrapper"),
+      style: style(index2),
+      key: index2
+    }, child);
+  })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default.createElement("div", {
     className: classNames({
       [`${b2("pagination")}`]: true,
       [`${b2("pagination-vertical")}`]: isVertical
     })
-  }, childs.map((item, index2) => {
+  }, React__default.Children.map(childs, (item, index2) => {
     return /* @__PURE__ */ React__default.createElement("i", {
       style: {
         backgroundColor: (active + childCount) % childCount === index2 ? propSwiper.paginationColor : "#ddd"
@@ -12414,13 +12443,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__default.createElement("div", null, pageContent)));
 });
-Swiper.defaultProps = defaultProps$j;
+Swiper.defaultProps = defaultProps$k;
 Swiper.displayName = "NutSwiper";
-const defaultProps$i = {
+const defaultProps$j = {
   direction: "horizontal"
 };
 const SwiperItem = React__default.forwardRef((props, ref) => {
-  const _props = __spreadValues(__spreadValues({}, defaultProps$i), props);
+  const _props = __spreadValues(__spreadValues({}, defaultProps$j), props);
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const [offset, setOffset] = useState(0);
@@ -12438,9 +12467,6 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     if (_size) {
       style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
     }
-    if (offset) {
-      style2.transform = `translate3D${_direction === "horizontal" ? `(${offset}px,0,0)` : `(0,${offset}px,0)`}`;
-    }
     return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -12448,10 +12474,10 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$i;
+SwiperItem.defaultProps = defaultProps$j;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
-const defaultProps$h = {
+const defaultProps$i = {
   size: "",
   icon: "",
   bgColor: "#eee",
@@ -12462,7 +12488,7 @@ const defaultProps$h = {
 };
 const Avatar = (props) => {
   var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const _a = __spreadValues(__spreadValues({}, defaultProps$h), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$i), props), {
     children,
     prefixCls,
     size,
@@ -12567,9 +12593,9 @@ const Avatar = (props) => {
     className: "text"
   }, ((_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent) ? (_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxContent : `+ ${avatarIndex - ((_o = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _o.maxCount)}`)));
 };
-Avatar.defaultProps = defaultProps$h;
+Avatar.defaultProps = defaultProps$i;
 Avatar.displayName = "NutAvatar";
-const defaultProps$g = {
+const defaultProps$h = {
   maxContent: "",
   maxCount: "",
   maxBgColor: "#eee",
@@ -12581,7 +12607,7 @@ const defaultProps$g = {
 };
 const AvatarGroup = (props) => {
   useConfig();
-  const propAvatarGroup = __spreadValues(__spreadValues({}, defaultProps$g), props);
+  const propAvatarGroup = __spreadValues(__spreadValues({}, defaultProps$h), props);
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
   const b2 = cn("avatar-group");
@@ -12598,9 +12624,9 @@ const AvatarGroup = (props) => {
     ref: avatarGroupRef
   }, children));
 };
-AvatarGroup.defaultProps = defaultProps$g;
+AvatarGroup.defaultProps = defaultProps$h;
 AvatarGroup.displayName = "NutAvatarGroup";
-const defaultProps$f = {
+const defaultProps$g = {
   price: 0,
   needSymbol: true,
   symbol: "&yen;",
@@ -12609,7 +12635,7 @@ const defaultProps$f = {
   className: ""
 };
 const Price = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$f), props), { price, needSymbol, symbol, decimalDigits, thousands, className } = _a, rest = __objRest(_a, ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), { price, needSymbol, symbol, decimalDigits, thousands, className } = _a, rest = __objRest(_a, ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"]);
   const b2 = cn("price");
   const showSymbol = () => {
     return { __html: (needSymbol ? symbol : "") || "" };
@@ -12659,9 +12685,9 @@ const Price = (props) => {
     className: `${b2("small")}`
   }, formatDecimal(price)));
 };
-Price.defaultProps = defaultProps$f;
+Price.defaultProps = defaultProps$g;
 Price.displayName = "NutPrice";
-const defaultProps$e = {
+const defaultProps$f = {
   value: "",
   dot: false,
   max: 1e4,
@@ -12672,7 +12698,7 @@ const defaultProps$e = {
   icons: ""
 };
 const Badge = (props) => {
-  const { children, dot, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$e), props);
+  const { children, dot, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$f), props);
   const content = () => {
     if (dot)
       return;
@@ -12705,9 +12731,9 @@ const Badge = (props) => {
     style: getStyle()
   }, content()));
 };
-Badge.defaultProps = defaultProps$e;
+Badge.defaultProps = defaultProps$f;
 Badge.displayName = "NutBadge";
-const defaultProps$d = {
+const defaultProps$e = {
   type: "default",
   color: "",
   textColor: "",
@@ -12733,7 +12759,7 @@ const Tag = (props) => {
     textColor,
     isShow,
     onClick
-  } = __spreadValues(__spreadValues({}, defaultProps$d), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$e), props);
   const [btnName, setBtnName] = useState("");
   useEffect(() => {
     setBtnName(classes());
@@ -12786,7 +12812,7 @@ const Tag = (props) => {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$d;
+Tag.defaultProps = defaultProps$e;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -12843,7 +12869,7 @@ const getEleAttr = (ele) => {
   }
   return null;
 };
-const defaultProps$c = {
+const defaultProps$d = {
   list: [],
   theme: "light",
   location: "bottom",
@@ -12853,7 +12879,7 @@ const defaultProps$c = {
   }
 };
 const Popover = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$c), props), { children, list, theme, location: location2, visible, className, style, onClick } = _a, reset = __objRest(_a, ["children", "list", "theme", "location", "visible", "className", "style", "onClick"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$d), props), { children, list, theme, location: location2, visible, className, style, onClick } = _a, reset = __objRest(_a, ["children", "list", "theme", "location", "visible", "className", "style", "onClick"]);
   const goodItem = useRef(null);
   const aa = goodItem.current && findDOMNode(goodItem.current);
   setTimeout(() => {
@@ -12959,9 +12985,9 @@ const Popover = (props) => {
     }, item.name));
   })) : null)));
 };
-Popover.defaultProps = defaultProps$c;
+Popover.defaultProps = defaultProps$d;
 Popover.displayName = "NutPopover";
-const defaultProps$b = {
+const defaultProps$c = {
   width: "100px",
   height: "100px",
   row: 1,
@@ -12974,7 +13000,7 @@ const defaultProps$b = {
   avatarShape: "round"
 };
 const Skeleton = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$b), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$c), props), {
     className,
     width,
     height,
@@ -13052,9 +13078,9 @@ const Skeleton = (props) => {
     });
   })))));
 };
-Skeleton.defaultProps = defaultProps$b;
+Skeleton.defaultProps = defaultProps$c;
 Skeleton.displayName = "NutSkeleton";
-const defaultProps$a = {
+const defaultProps$b = {
   showPlainText: false,
   showDays: false,
   paused: false,
@@ -13063,7 +13089,7 @@ const defaultProps$a = {
 };
 const CountDown = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$b), props), {
     showPlainText,
     showDays,
     paused,
@@ -13235,9 +13261,9 @@ const CountDown = (props) => {
     className: b2("block")
   }, resttime.s))));
 };
-CountDown.defaultProps = defaultProps$a;
+CountDown.defaultProps = defaultProps$b;
 CountDown.displayName = "NutCountDown";
-const defaultProps$9 = {
+const defaultProps$a = {
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -13249,7 +13275,7 @@ 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 } = __spreadValues(__spreadValues({}, defaultProps$9), props);
+  const { children, activeName, accordion, icon, rotate, iconSize, iconColor, change } = __spreadValues(__spreadValues({}, defaultProps$a), props);
   const childrenDom = React__default.Children.toArray(children);
   const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
   const handleActiveName = () => {
@@ -13302,9 +13328,9 @@ const Collapse = memo((props) => {
     });
   }));
 }, areEqual);
-Collapse.defaultProps = defaultProps$9;
+Collapse.defaultProps = defaultProps$a;
 Collapse.displayName = "NutCollapse";
-const defaultProps$8 = {
+const defaultProps$9 = {
   title: "",
   name: "",
   isOpen: false,
@@ -13336,7 +13362,7 @@ const CollapseItem = (props) => {
     titleIconSize,
     iconSize,
     iconColor
-  } = __spreadValues(__spreadValues({}, defaultProps$8), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$9), props);
   const [domHeight, setDomHeight] = useState(-1);
   const [currHeight, setCurrHeight] = useState("auto");
   const [update2, setUpdate] = useState(false);
@@ -13402,9 +13428,9 @@ const CollapseItem = (props) => {
     className: colBem("content-text")
   }, children)));
 };
-CollapseItem.defaultProps = defaultProps$8;
+CollapseItem.defaultProps = defaultProps$9;
 CollapseItem.displayName = "NutCollapseItem";
-const defaultProps$7 = {
+const defaultProps$8 = {
   maxLen: 0,
   endNumber: "",
   delaySpeed: 300,
@@ -13413,7 +13439,7 @@ const defaultProps$7 = {
   className: ""
 };
 const CountUp = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$7), props), { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands } = _a, reset = __objRest(_a, ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$8), props), { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands } = _a, reset = __objRest(_a, ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"]);
   const b2 = cn("countup");
   const countupRef = useRef(null);
   const timerRef = useRef(0);
@@ -13477,9 +13503,9 @@ const CountUp = (props) => {
     }, item));
   })));
 };
-CountUp.defaultProps = defaultProps$7;
+CountUp.defaultProps = defaultProps$8;
 CountUp.displayName = "NutCountUp";
-const defaultProps$6 = {};
+const defaultProps$7 = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -13491,10 +13517,63 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-__publicField(AnimatingNumbers, "defaultProps", defaultProps$6);
+__publicField(AnimatingNumbers, "defaultProps", defaultProps$7);
 __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
 __publicField(AnimatingNumbers, "CountUp", CountUp);
 AnimatingNumbers.CountUp = CountUp;
+const defaultStatus = {
+  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
+  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
+  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+};
+const defaultProps$6 = {
+  description: "\u65E0\u5185\u5BB9",
+  image: "empty",
+  imageSize: "",
+  className: ""
+};
+const Empty = (props) => {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$6), props), { image, imageSize, description, children, className } = _a, rest = __objRest(_a, ["image", "imageSize", "description", "children", "className"]);
+  const [imgStyle, setImgStyle] = useState({});
+  const b2 = cn("empty");
+  let imageNode = image;
+  if (typeof image === "string") {
+    const isHttpUrl = image.startsWith("https://") || image.startsWith("http://") || image.startsWith("//");
+    const imageUrl = isHttpUrl ? image : defaultStatus[image];
+    imageNode = /* @__PURE__ */ React__default.createElement("img", {
+      className: "img",
+      src: imageUrl,
+      alt: "empty"
+    });
+  }
+  useEffect(() => {
+    setImgStyle(() => {
+      if (!imageSize) {
+        return {};
+      }
+      if (typeof imageSize === "number") {
+        return {
+          width: `${imageSize}px`,
+          height: `${imageSize}px`
+        };
+      }
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+    className: `${b2()} ${className}`
+  }, rest), /* @__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);
+};
+Empty.defaultProps = defaultProps$6;
+Empty.displayName = "NutEmpty";
 const defaultProps$5 = {
   type: "custom",
   existAddress: [],
@@ -13597,7 +13676,29 @@ const defaultProps$4 = {
 };
 const CustomRender = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$4), props), { children, type, height, province, city, country, town, onNextArea, onClose } = _a, rest = __objRest(_a, ["children", "type", "height", "province", "city", "country", "town", "onNextArea", "onClose"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$4), props), {
+    children,
+    type,
+    height,
+    province,
+    city,
+    country,
+    town,
+    onNextArea,
+    onTabClick,
+    onClose
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "type",
+    "height",
+    "province",
+    "city",
+    "country",
+    "town",
+    "onNextArea",
+    "onTabClick",
+    "onClose"
+  ]);
   const b2 = cn("address");
   const [privateType] = useState(type);
   const [tabIndex, setTabIndex] = useState(0);
@@ -13700,21 +13801,26 @@ const CustomRender = (props) => {
         [tabName[i + 1]]: {}
       });
     }
-    if (tabIndex < 3) {
-      setTabIndex(() => tabIndex + 1);
-      lineAnimation(tabIndex + 1);
-      calBack.next = tabName[tabIndex + 1];
+    if (tabIndex < 4) {
+      if (tabIndex === 3) {
+        calBack.next = "";
+      } else {
+        setTabIndex(() => tabIndex + 1);
+        lineAnimation(tabIndex + 1);
+        calBack.next = tabName[tabIndex + 1];
+      }
       calBack.value = item;
       onNextArea && onNextArea(calBack);
     } else {
       onClose && onClose();
     }
   };
-  const changeRegionTab = (item, index2) => {
+  const changeRegionTab = (item, index2, key) => {
     if (getTabName(item, index2)) {
       setTabIndex(index2);
       lineAnimation(index2);
     }
+    onTabClick && onTabClick(key);
   };
   const handleElevatorItem = (key, item) => {
     nextAreaList(item);
@@ -13752,8 +13858,8 @@ const CustomRender = (props) => {
       className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
       key: index2,
       ref: mapRef[key],
-      onClick: () => changeRegionTab(selectedRegion[key], index2)
-    }, /* @__PURE__ */ React__default.createElement("div", null, getTabName(selectedRegion[key], index2)));
+      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,
@@ -13824,6 +13930,7 @@ const Address = (props) => {
     onClose,
     closeMask,
     switchModule,
+    onTabChecked,
     style,
     className
   } = _a, rest = __objRest(_a, [
@@ -13849,6 +13956,7 @@ const Address = (props) => {
     "onClose",
     "closeMask",
     "switchModule",
+    "onTabChecked",
     "style",
     "className"
   ]);
@@ -13979,6 +14087,9 @@ const Address = (props) => {
     onNextArea: (cal) => {
       nextAreaList && nextAreaList(cal);
     },
+    onTabClick: (type2) => {
+      onTabChecked && onTabChecked(type2);
+    },
     onClose: handClose
   }), privateType === "exist" && /* @__PURE__ */ React__default.createElement(ExistRender, {
     type: privateType,
@@ -14024,7 +14135,7 @@ const InternalBarrage = (props, ref) => {
     return () => {
       clearInterval(timer.current);
     };
-  }, []);
+  }, [barrageList]);
   const run = () => {
     clearInterval(timer.current);
     timer.current = setInterval(() => {
@@ -14245,4 +14356,4 @@ const Card = (props) => {
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";
-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, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };
+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, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };