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

package/dist/nutui.react.es.js

@@ -34,8 +34,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.3 Mon Apr 18 2022 14:32:26 GMT+0800 (China Standard Time)
-* (c) 2021 @jdf2e.
+* @nutui/nutui-react v1.1.4-beta.2 Fri May 20 2022 09:38:53 GMT+0800 (China Standard Time)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
@@ -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$X = {
+const defaultProps$Y = {
   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$X), 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$Y), 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$X;
+Icon.defaultProps = defaultProps$Y;
 Icon.displayName = "NutIcon";
-const defaultProps$W = {
+const defaultProps$X = {
   className: "",
   color: "",
   shape: "round",
@@ -139,7 +139,7 @@ const defaultProps$W = {
   }
 };
 const Button = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), {
     color,
     shape,
     plain,
@@ -233,7 +233,7 @@ const Button = (props) => {
     name: icon
   }) : "", children));
 };
-Button.defaultProps = defaultProps$W;
+Button.defaultProps = defaultProps$X;
 Button.displayName = "NutButton";
 function _setPrototypeOf(o, p2) {
   _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
@@ -1442,7 +1442,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$V = {
+const defaultProps$W = {
   title: "",
   subTitle: "",
   desc: "",
@@ -1458,7 +1458,7 @@ const defaultProps$V = {
   }
 };
 const Cell = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$V), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), {
     children,
     click,
     isLink,
@@ -1521,11 +1521,11 @@ const Cell = (props) => {
     className: b2("link")
   }) : null);
 };
-Cell.defaultProps = defaultProps$V;
+Cell.defaultProps = defaultProps$W;
 Cell.displayName = "NutCell";
-const defaultProps$U = { title: "", classPrefix: "nutui-cell-group" };
+const defaultProps$V = { title: "", classPrefix: "nutui-cell-group" };
 const CellGroup = (props) => {
-  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$U), props);
+  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$V), props);
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(null, [classPrefix])
@@ -1535,7 +1535,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$U;
+CellGroup.defaultProps = defaultProps$V;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2079,7 +2079,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$T = __spreadValues({
+const defaultProps$U = __spreadValues({
   position: "center",
   transition: "",
   style: {},
@@ -2228,25 +2228,25 @@ const Popup = (props) => {
     size: "12px"
   })) : "")));
 };
-Popup.defaultProps = defaultProps$T;
+Popup.defaultProps = defaultProps$U;
 Popup.displayName = "NutPopup";
-const defaultProps$S = {};
+const defaultProps$T = {};
 const Layout = (props) => {
-  __spreadValues(__spreadValues({}, defaultProps$S), props);
+  __spreadValues(__spreadValues({}, defaultProps$T), props);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$S;
+Layout.defaultProps = defaultProps$T;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext({});
-const defaultProps$R = {
+const defaultProps$S = {
   span: "24",
   offset: "0",
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$R), props);
+  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$S), props);
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2269,9 +2269,9 @@ const Col = (props) => {
     style: __spreadValues({}, colStyle)
   }, children);
 };
-Col.defaultProps = defaultProps$R;
+Col.defaultProps = defaultProps$S;
 Col.displayName = "NutCol";
-const defaultProps$Q = {
+const defaultProps$R = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2279,7 +2279,7 @@ const defaultProps$Q = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
+  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$R), props);
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
     return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
@@ -2302,15 +2302,15 @@ const Row = (props) => {
     className: getClasses()
   }, children));
 };
-Row.defaultProps = defaultProps$Q;
+Row.defaultProps = defaultProps$R;
 Row.displayName = "NutRow";
-const defaultProps$P = {
+const defaultProps$Q = {
   contentPosition: "center",
   dashed: false,
   hairline: true
 };
 const Divider = (props) => {
-  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$P), props);
+  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
   const dividerBem = cn("divider");
   const classes = classNames({
     [dividerBem()]: true,
@@ -2325,9 +2325,9 @@ const Divider = (props) => {
     style: styles
   }, children);
 };
-Divider.defaultProps = defaultProps$P;
+Divider.defaultProps = defaultProps$Q;
 Divider.displayName = "NutDivider";
-const defaultProps$O = {
+const defaultProps$P = {
   title: "",
   desc: "",
   leftShow: false,
@@ -2348,7 +2348,7 @@ const NavBar = (props) => {
     onClickIcon,
     onClickBack,
     onClickClear
-  } = __spreadValues(__spreadValues({}, defaultProps$O), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$P), props);
   const b2 = cn("navbar");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-navbar ${className}`,
@@ -2371,8 +2371,124 @@ const NavBar = (props) => {
     name: icon
   })));
 };
-NavBar.defaultProps = defaultProps$O;
+NavBar.defaultProps = defaultProps$P;
 NavBar.displayName = "NutNavBar";
+const zhCN = {
+  save: "\u4FDD\u5B58",
+  confirm: "\u786E\u8BA4",
+  cancel: "\u53D6\u6D88",
+  done: "\u5B8C\u6210",
+  noData: "\u6682\u65E0\u6570\u636E",
+  placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
+  select: "\u8BF7\u9009\u62E9",
+  video: {
+    errorTip: "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25",
+    clickRetry: "\u70B9\u51FB\u91CD\u8BD5"
+  },
+  fixednav: {
+    activeText: "\u6536\u8D77\u5BFC\u822A",
+    unActiveText: "\u5FEB\u901F\u5BFC\u822A"
+  },
+  infiniteloading: {
+    pullRefreshText: "\u677E\u5F00\u5237\u65B0",
+    loadText: "\u52A0\u8F7D\u4E2D\u2026\u2026",
+    loadMoreText: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
+  },
+  pagination: {
+    prev: "\u4E0A\u4E00\u9875",
+    next: "\u4E0B\u4E00\u9875"
+  },
+  range: {
+    rangeText: "\u4E0D\u5728\u8BE5\u533A\u95F4\u5185"
+  },
+  calendaritem: {
+    weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+    end: "\u7ED3\u675F",
+    start: "\u5F00\u59CB",
+    title: "\u65E5\u5386\u9009\u62E9",
+    monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
+    today: "\u4ECA\u5929",
+    loadPreviousMonth: "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708",
+    noEarlierMonth: "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"
+  },
+  shortpassword: {
+    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"
+  },
+  uploader: {
+    ready: "\u51C6\u5907\u5B8C\u6210",
+    readyUpload: "\u51C6\u5907\u4E0A\u4F20",
+    waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
+    uploading: "\u4E0A\u4F20\u4E2D",
+    success: "\u4E0A\u4F20\u6210\u529F",
+    error: "\u4E0A\u4F20\u5931\u8D25"
+  },
+  countdown: {
+    day: "\u5929",
+    hour: "\u65F6",
+    minute: "\u5206",
+    second: "\u79D2"
+  },
+  address: {
+    selectRegion: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
+    deliveryTo: "\u914D\u9001\u81F3",
+    chooseAnotherAddress: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
+  },
+  signature: {
+    reSign: "\u91CD\u7B7E",
+    unSupportTpl: "\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u672C\u63A7\u4EF6\uFF01"
+  },
+  ecard: {
+    chooseText: "\u8BF7\u9009\u62E9\u7535\u5B50\u5361\u9762\u503C",
+    otherValueText: "\u5176\u4ED6\u9762\u503C",
+    placeholder: "\u8BF7\u8F93\u51651-5000\u6574\u6570"
+  },
+  timeselect: {
+    pickupTime: "\u53D6\u4EF6\u65F6\u95F4"
+  },
+  sku: {
+    buyNow: "\u7ACB\u5373\u8D2D\u4E70",
+    buyNumber: "\u8D2D\u4E70\u6570\u91CF",
+    addToCard: "\u52A0\u5165\u8D2D\u7269\u8F66"
+  },
+  skuheader: {
+    skuId: "\u5546\u54C1\u7F16\u53F7"
+  },
+  addresslist: {
+    addAddress: "\u65B0\u5EFA\u5730\u5740"
+  },
+  comment: {
+    complaintsText: "\u6211\u8981\u6295\u8BC9",
+    additionalReview: (day) => `\u8D2D\u4E70${day}\u5929\u540E\u8FFD\u8BC4`,
+    additionalImages: (length) => `${length}\u5F20\u8FFD\u8BC4\u56FE\u7247`
+  }
+};
+const defaultProps$O = {
+  locale: zhCN
+};
+const defaultConfigRef = {
+  current: {
+    locale: zhCN
+  }
+};
+const getDefaultConfig = () => {
+  return defaultConfigRef.current;
+};
+const useConfig = () => {
+  var _a;
+  return (_a = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
+};
+const ConfigContext = createContext(null);
+const ConfigProvider = (props) => {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$O), 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$O;
+ConfigProvider.displayName = "NutConfigProvider";
 const defaultProps$N = {
   fixednavClass: "nut-fixednav",
   activeText: "\u6536\u8D77\u5BFC\u822A",
@@ -2384,6 +2500,7 @@ const defaultProps$N = {
   }
 };
 const FixedNav = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$N), props), {
     fixednavClass,
     overlay,
@@ -2452,7 +2569,7 @@ const FixedNav = (props) => {
     color: "#fff"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "text"
-  }, visible ? activeText : unActiveText))));
+  }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
 };
 FixedNav.defaultProps = defaultProps$N;
 FixedNav.displayName = "NutFixedNav";
@@ -2501,6 +2618,7 @@ const defaultProps$L = {
   tabTitle: "",
   icon: "",
   href: "",
+  to: "",
   num: "",
   active: false,
   activeColor: "",
@@ -2510,12 +2628,17 @@ const defaultProps$L = {
   }
 };
 const TabbarItem = (props) => {
-  const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$L), props);
+  const { tabTitle, icon, href, to: to2, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$L), props);
   const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
+  const history = useHistory();
   useEffect(() => {
     if (active && href) {
       window.location.href = href;
+      return;
+    }
+    if (active && to2) {
+      history.push(to2);
     }
   }, [active]);
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2698,6 +2821,7 @@ const defaultProps$J = {
   }
 };
 const Pagination = (props) => {
+  const { locale } = useConfig();
   __spreadValues(__spreadValues({}, defaultProps$J), props);
   const _a = props, {
     modelValue,
@@ -2811,7 +2935,7 @@ const Pagination = (props) => {
   }, rest), /* @__PURE__ */ React__default.createElement("div", {
     className: `${paginationBem("prev")}  ${mode == "multi" ? "" : "simple-border"} ${currentPage == 1 ? "disabled" : ""}`,
     onClick: (e2) => selectPage(Number(currentPage) - 1, true)
-  }, prevText), mode == "multi" ? /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.pagination.prev || prevText), mode == "multi" ? /* @__PURE__ */ React__default.createElement("div", {
     className: `${paginationBem("contain")}`
   }, pages.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
@@ -2826,7 +2950,7 @@ const Pagination = (props) => {
   }, currentPage, "/", countRef)) : "", /* @__PURE__ */ React__default.createElement("div", {
     className: `${paginationBem("next")}  ${Number(currentPage) >= countRef ? "disabled" : ""}`,
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
-  }, nextText));
+  }, locale.pagination.next || nextText));
 };
 Pagination.defaultProps = defaultProps$J;
 Pagination.displayName = "NutPagination";
@@ -3090,14 +3214,8 @@ class Notification$1 extends React.PureComponent {
     this.clearCloseTimer = this.clearCloseTimer.bind(this);
     this.close = this.close.bind(this);
     this.clickCover = this.clickCover.bind(this);
-    this.state = {
-      show: true
-    };
   }
   close() {
-    this.setState({
-      show: false
-    });
     this.clearCloseTimer();
     this.props.onClose();
   }
@@ -3142,7 +3260,6 @@ class Notification$1 extends React.PureComponent {
       cover,
       type
     } = this.props;
-    this.state;
     const toastBem = cn("toast");
     const classes = classNames({
       "nut-toast-center": center,
@@ -3235,14 +3352,14 @@ function notice$1(opts) {
       messageInstance$1 = null;
     }
   }
-  opts = __spreadProps(__spreadValues(__spreadValues({}, options$1), opts), { onClose: close });
-  getInstance$1(opts, (notification) => {
+  const opts2 = __spreadProps(__spreadValues(__spreadValues({}, options$1), opts), { onClose: close });
+  getInstance$1(opts2, (notification) => {
     messageInstance$1 = notification;
   });
 }
 const errorMsg$1 = (msg) => {
   if (!msg) {
-    console.warn("[NutUI Toast]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    console.warn("[NutUI Toast]: msg cannot be null");
   }
 };
 var Toast = {
@@ -3289,6 +3406,7 @@ const defaultProps$G = {
 let startValue;
 let currentValue;
 const Range = (props) => {
+  const { locale } = useConfig();
   const {
     className,
     range,
@@ -3317,7 +3435,7 @@ const Range = (props) => {
     if (modelValue) {
       if (!range && (modelValue < min || modelValue > max)) {
         SetInitValue(0);
-        Toast.text(`${modelValue}\u4E0D\u5728\u8BE5\u533A\u95F4\u5185`);
+        Toast.text(`${modelValue} ${locale.range.rangeText}`);
         return;
       }
       SetInitValue(modelValue);
@@ -3618,12 +3736,11 @@ const defaultProps$F = {
   }
 };
 const CalendarItem = (props) => {
+  const { locale } = useConfig();
   const {
-    children,
     type,
     isAutoBackFill,
     poppable,
-    visible,
     title,
     defaultValue,
     startDate,
@@ -3632,11 +3749,11 @@ const CalendarItem = (props) => {
     onUpdate,
     onClose
   } = __spreadValues(__spreadValues({}, defaultProps$F), props);
-  const weeks = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+  const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
   const [monthsData, setMonthsData] = useState([]);
-  const [state, setState] = useState({
+  const [state] = useState({
     currDate: "",
     touchParams: {
       startY: 0,
@@ -3794,7 +3911,7 @@ const CalendarItem = (props) => {
     };
     const monthInfo = {
       curData,
-      title: `${title2.year}\u5E74${title2.month}\u6708`,
+      title: locale.calendaritem.monthTitle(title2.year, title2.month),
       monthData: [
         ...getDaysStatus(preMonthDays, "prev"),
         ...getDaysStatus(currMonthDays, "curr")
@@ -3968,7 +4085,7 @@ const CalendarItem = (props) => {
     className: headerClasses
   }, poppable ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-title"
-  }, title), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.calendaritem.title), /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-curr-month"
   }, yearMonthTitle)) : "", /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-weeks",
@@ -3987,7 +4104,7 @@ const CalendarItem = (props) => {
     ref: monthsPanel
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-loading-tip"
-  }, !unLoadPrev ? "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708" : "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"), monthsData.map((month, key) => /* @__PURE__ */ React__default.createElement("div", {
+  }, !unLoadPrev ? locale.calendaritem.loadPreviousMonth : locale.calendaritem.noEarlierMonth), monthsData.map((month, key) => /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-month",
     key
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -4006,16 +4123,16 @@ const CalendarItem = (props) => {
     className: "calendar-day"
   }, day.type === "curr" ? day.day : ""), isCurrDay(month, day.day) ? /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-curr-tips"
-  }, "\u4ECA\u5929") : "", isStartTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.calendaritem.today) : "", isStartTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-day-tip"
-  }, "\u5F00\u59CB") : isEndTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.calendaritem.start) : isEndTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-day-tip"
-  }, "\u7ED3\u675F") : "")))))))), poppable && !isAutoBackFill ? /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.calendaritem.end) : "")))))))), poppable && !isAutoBackFill ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-calendar-footer"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-confirm-btn",
     onClick: confirm2
-  }, "\u786E\u5B9A")) : ""));
+  }, locale.confirm)) : ""));
 };
 CalendarItem.defaultProps = defaultProps$F;
 CalendarItem.displayName = "NutCalendarItem";
@@ -4034,6 +4151,7 @@ const defaultProps$E = {
   }
 };
 const Calendar = (props) => {
+  const { locale } = useConfig();
   const {
     children,
     poppable,
@@ -4070,7 +4188,7 @@ const Calendar = (props) => {
     type,
     isAutoBackFill,
     poppable,
-    title,
+    title: locale.calendaritem.title || title,
     defaultValue,
     startDate,
     endDate,
@@ -4081,7 +4199,7 @@ const Calendar = (props) => {
     type,
     isAutoBackFill,
     poppable,
-    title,
+    title: locale.calendaritem.title,
     defaultValue,
     startDate,
     endDate,
@@ -4141,7 +4259,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
   }
   function cloneChildren() {
-    return React__default.Children.map(children, (child, index2) => {
+    return React__default.Children.map(children, (child) => {
       const childChecked = validateChildChecked(child);
       if (child.type.displayName !== "NutCheckBox") {
         return React__default.cloneElement(child);
@@ -4412,6 +4530,7 @@ const InternalPickerSlot = (props, ref) => {
 };
 const PickerSlot = React__default.forwardRef(InternalPickerSlot);
 const InternalPicker = (props, ref) => {
+  const { locale } = useConfig();
   const _a = props, {
     isVisible,
     title,
@@ -4519,12 +4638,12 @@ const InternalPicker = (props, ref) => {
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: b2("cancel-btn"),
     onClick: () => closeActionSheet()
-  }, "\u53D6\u6D88"), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
   }, title || ""), /* @__PURE__ */ React__default.createElement("span", {
     className: b2("confirm-btn"),
     onClick: () => confirm2()
-  }, "\u786E\u5B9A")), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.confirm)), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("panel"),
     ref: pickerRef
   }, listData == null ? void 0 : listData.map((item, index2) => {
@@ -5021,6 +5140,7 @@ const defaultProps$z = {
   clearable: true
 };
 const Input = (props) => {
+  const { locale } = useConfig();
   const {
     type,
     defaultValue,
@@ -5097,7 +5217,7 @@ const Input = (props) => {
   }, label) : null), /* @__PURE__ */ React__default.createElement("input", {
     className: "input-text",
     type,
-    placeholder,
+    placeholder: locale.placeholder || placeholder,
     disabled,
     readOnly: readonly,
     value: inputValue,
@@ -5375,6 +5495,7 @@ const defaultProps$v = {
   }
 };
 const ShortPassword = (props) => {
+  const { locale } = useConfig();
   const _a = props, {
     title,
     desc,
@@ -5479,9 +5600,9 @@ const ShortPassword = (props) => {
     style: __spreadValues({}, style)
   }, reset), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
-  }, title), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.shortpassword.title || title), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("subtitle")
-  }, desc), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.shortpassword.desc || desc), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("input")
   }, /* @__PURE__ */ React__default.createElement("input", {
     ref: textInput,
@@ -5515,15 +5636,15 @@ const ShortPassword = (props) => {
     name: "tips"
   }), /* @__PURE__ */ React__default.createElement("div", {
     onClick: onTips
-  }, tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.shortpassword.tips || tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("footer")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("footer__cancel"),
     onClick: onCancel
-  }, "\u53D6\u6D88"), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("footer__sure"),
     onClick: () => sure()
-  }, "\u786E\u8BA4")) : null)));
+  }, locale.confirm)) : null)));
 };
 ShortPassword.defaultProps = defaultProps$v;
 ShortPassword.displayName = "NutShortPassword";
@@ -5539,6 +5660,7 @@ const defaultProps$u = {
   autosize: false
 };
 const TextArea = (props) => {
+  const { locale } = useConfig();
   const {
     className,
     defaultValue,
@@ -5620,7 +5742,7 @@ const TextArea = (props) => {
     },
     rows,
     maxLength: maxlength < 0 ? 0 : maxlength,
-    placeholder
+    placeholder: locale.placeholder
   }), limitshow ? /* @__PURE__ */ React__default.createElement("div", {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
@@ -5685,6 +5807,8 @@ const defaultProps$t = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
+  uploadIconSize: "",
+  listType: "picture",
   name: "file",
   accept: "*",
   disabled: false,
@@ -5709,6 +5833,7 @@ const defaultProps$t = {
 class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
+    __publicField(this, "message", "\u51C6\u5907\u4E2D..");
     __publicField(this, "uid", new Date().getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
@@ -5720,8 +5845,11 @@ const InternalUploader = (props, ref) => {
   const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
     children,
     uploadIcon,
+    uploadIconSize,
     name,
     accept,
+    defaultFileList,
+    listType,
     disabled,
     multiple,
     url,
@@ -5742,6 +5870,8 @@ const InternalUploader = (props, ref) => {
     clearInput,
     start: start2,
     removeImage,
+    change,
+    fileItemClick,
     progress,
     success,
     update: update2,
@@ -5752,8 +5882,11 @@ const InternalUploader = (props, ref) => {
   } = _a, restProps = __objRest(_a, [
     "children",
     "uploadIcon",
+    "uploadIconSize",
     "name",
     "accept",
+    "defaultFileList",
+    "listType",
     "disabled",
     "multiple",
     "url",
@@ -5774,6 +5907,8 @@ const InternalUploader = (props, ref) => {
     "clearInput",
     "start",
     "removeImage",
+    "change",
+    "fileItemClick",
     "progress",
     "success",
     "update",
@@ -5784,6 +5919,11 @@ const InternalUploader = (props, ref) => {
   ]);
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
+  useEffect(() => {
+    if (defaultFileList) {
+      setFileList(defaultFileList);
+    }
+  }, [defaultFileList]);
   const b2 = cn("uploader");
   const classes = classNames(className, b2(""));
   useImperativeHandle(ref, () => ({
@@ -5822,6 +5962,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "ready";
+            item.message = "\u51C6\u5907\u4E0A\u4F20";
           }
         });
         return [...fileList2];
@@ -5833,6 +5974,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "uploading";
+            item.message = "\u4E0A\u4F20\u4E2D...";
           }
         });
         return [...fileList2];
@@ -5845,6 +5987,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "success";
+            item.message = "\u4E0A\u4F20\u6210\u529F";
           }
         });
         return [...fileList2];
@@ -5859,6 +6002,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "error";
+            item.message = "\u4E0A\u4F20\u5931\u8D25";
           }
         });
         return [...fileList2];
@@ -5888,6 +6032,7 @@ const InternalUploader = (props, ref) => {
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
+      fileItem.message = "\u51C6\u5907\u4E0A\u4F20";
       executeUpload(fileItem, index2);
       if (isPreview && file.type.includes("image")) {
         const reader = new FileReader();
@@ -5955,9 +6100,12 @@ const InternalUploader = (props, ref) => {
       clearInputValue($el);
     }
   };
+  const handleItemClick = (file) => {
+    fileItemClick && fileItemClick(file);
+  };
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes
-  }, restProps), children ? /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), children && /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-uploader__slot"
   }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, capture ? /* @__PURE__ */ React__default.createElement("input", {
     className: "nut-uploader__input",
@@ -5976,30 +6124,63 @@ const InternalUploader = (props, ref) => {
     disabled,
     multiple,
     onChange: fileChange
-  })))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index2) => {
-    console.log("item", item);
+  })))), fileList.length !== 0 && fileList.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: "nut-uploader__preview",
+      className: `nut-uploader__preview ${listType}`,
       key: item.uid
-    }, /* @__PURE__ */ React__default.createElement("div", {
+    }, listType == "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#fff",
+      name: `${item.status == "error" ? "failure" : "loading"}`
+    }), /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
-      name: "circle-close",
+      name: "failure",
       click: () => onDelete(item, index2)
-    }), item.type.includes("image") && item.url && /* @__PURE__ */ React__default.createElement("img", {
+    }), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: item.url
-    }), !item.type.includes("image") && defaultImg && /* @__PURE__ */ React__default.createElement("img", {
+      src: item.url,
+      onClick: () => handleItemClick(item)
+    })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, defaultImg ? /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: defaultImg
-    }), item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
+      src: defaultImg,
+      onClick: () => handleItemClick(item)
+    }) : /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview-img__file"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      onClick: () => handleItemClick(item),
+      className: "nut-uploader__preview-img__file__name"
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#808080",
+      name: "link"
+    }), "\xA0", item.name))), /* @__PURE__ */ React__default.createElement("div", {
       className: "tips"
-    }, item.status)));
-  }), maximum > fileList.length && /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-uploader__upload"
+    }, item.name)), listType == "list" && /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview-list"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: `nut-uploader__preview-img__file__name ${item.status}`,
+      onClick: () => handleItemClick(item)
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      name: "link"
+    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#808080",
+      className: "nut-uploader__preview-img__file__del",
+      name: "del",
+      click: () => onDelete(item, index2)
+    })));
+  }), maximum > fileList.length && listType == "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
+    className: `nut-uploader__upload ${listType}`
   }, /* @__PURE__ */ React__default.createElement(Icon, {
+    size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
   }), capture ? /* @__PURE__ */ React__default.createElement("input", {
@@ -6019,7 +6200,7 @@ const InternalUploader = (props, ref) => {
     disabled,
     multiple,
     onChange: fileChange
-  }))));
+  })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps$t;
@@ -10864,6 +11045,7 @@ const defaultProps$p = {
   lockScroll: false
 };
 const BaseDialog = (props, ref) => {
+  const { locale } = useConfig();
   const _a = props, {
     visible,
     footer,
@@ -10894,7 +11076,7 @@ const BaseDialog = (props, ref) => {
   const renderFooter = () => {
     if (footer === null)
       return;
-    const handleCancel = (e2) => {
+    const handleCancel = () => {
       if (!cancelAutoClose)
         return;
       onClosed == null ? void 0 : onClosed();
@@ -10916,13 +11098,13 @@ const BaseDialog = (props, ref) => {
       type: "primary",
       className: "nut-dialog__footer-cancel",
       onClick: () => handleCancel()
-    }, cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
+    }, locale.cancel || cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
       size: "small",
       type: "primary",
       className: classNames("nut-dialog__footer-ok", { disabled: okBtnDisabled }),
       disabled: okBtnDisabled,
       onClick: () => handleOk()
-    }, okText));
+    }, locale.confirm || okText));
     return footerContent;
   };
   return /* @__PURE__ */ React__default.createElement(DialogWrapper, __spreadProps(__spreadValues({}, restProps), {
@@ -10961,6 +11143,7 @@ const defaultProps$o = {
   loadMoreTxt: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
 };
 const Infiniteloading = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$o), props), {
     children,
     hasMore,
@@ -11134,7 +11317,7 @@ const Infiniteloading = (props) => {
     name: pullIcon
   }), /* @__PURE__ */ React__default.createElement("span", {
     className: "top-text"
-  }, pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.infiniteloading.pullRefreshText || pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-bottom"
@@ -11145,9 +11328,9 @@ const Infiniteloading = (props) => {
     name: loadIcon
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-text"
-  }, loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
     className: "tips"
-  }, loadMoreTxt)));
+  }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
 };
 Infiniteloading.defaultProps = defaultProps$o;
 Infiniteloading.displayName = "NutInfiniteloading";
@@ -11367,86 +11550,118 @@ const Switch = (props) => {
 };
 Switch.defaultProps = defaultProps$n;
 Switch.displayName = "NutSwitch";
+const isObject = (val) => val !== null && typeof val === "object";
 const defaultProps$m = {
-  strokeInnerWidth: 10,
-  progress: 10,
-  isAuto: false,
-  progressOption: {}
+  strokeWidth: 5,
+  radius: 50,
+  strokeLinecap: "round",
+  circleColor: "",
+  pathColor: "",
+  clockwise: true
 };
 const CircleProgress = (props) => {
+  var _b;
   const _a = __spreadValues(__spreadValues({}, defaultProps$m), props), {
     children,
-    strokeInnerWidth,
     progress,
-    isAuto,
-    progressOption,
     className,
-    style
+    radius,
+    pathColor,
+    clockwise,
+    circleColor,
+    strokeWidth,
+    style,
+    strokeLinecap
   } = _a, restProps = __objRest(_a, [
     "children",
-    "strokeInnerWidth",
     "progress",
-    "isAuto",
-    "progressOption",
     "className",
-    "style"
+    "radius",
+    "pathColor",
+    "clockwise",
+    "circleColor",
+    "strokeWidth",
+    "style",
+    "strokeLinecap"
   ]);
   const b2 = cn("circleprogress");
   const classes = classNames(className, b2(""));
-  const option = () => {
-    const baseOption = {
-      radius: 50,
-      strokeOutWidth: 10,
-      backColor: "#d9d9d9",
-      progressColor: "red",
-      cy: 1,
-      cx: 1,
-      size: 1,
-      startPosition: ""
-    };
-    Object.assign(baseOption, progressOption);
-    baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
-    baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-    baseOption.startPosition = `rotate(-90,${baseOption.cx},${baseOption.cy})`;
-    return baseOption;
-  };
+  const refRandomId = Math.random().toString(36).slice(-8);
   const styles = __spreadValues({
-    height: `${option().size}px`,
-    width: `${option().size}px`
+    height: `${Number(radius) * 2}px`,
+    width: `${Number(radius) * 2}px`
   }, style);
-  const arcLength = () => {
-    const circleLength = Math.floor(2 * Math.PI * option().radius);
-    const progressLength = progress / 100 * circleLength;
-    return `${progressLength},${circleLength}`;
+  const pathStyle = {
+    stroke: pathColor
+  };
+  const hoverStyle = () => {
+    let perimeter = 283;
+    let offset = perimeter * Number(progress) / 100;
+    return {
+      stroke: isObject(circleColor) ? `url(#${refRandomId})` : circleColor,
+      strokeDasharray: `${offset}px ${perimeter}px`
+    };
+  };
+  const path = () => {
+    const isWise = clockwise ? 1 : 0;
+    return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
+  };
+  const hoverColor = () => {
+    return isObject(circleColor) ? `url(#${refRandomId})` : circleColor;
+  };
+  const stop2 = () => {
+    if (!isObject(circleColor)) {
+      return;
+    }
+    let color = circleColor;
+    const colorArr = Object.keys(color).sort((a, b22) => parseFloat(a) - parseFloat(b22));
+    let stopArr = [];
+    colorArr.map((item) => {
+      let obj = {
+        key: "",
+        value: ""
+      };
+      obj.key = item;
+      obj.value = color[item];
+      stopArr.push(obj);
+    });
+    return stopArr;
   };
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes,
     style: styles
   }, restProps), /* @__PURE__ */ React__default.createElement("svg", {
-    height: option().size,
-    width: option().size,
-    "x-mlns": "http://www.w3.org/200/svg"
-  }, /* @__PURE__ */ React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().backColor,
-    strokeWidth: option().strokeOutWidth,
-    fill: "none"
-  }), /* @__PURE__ */ React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().progressColor,
-    strokeWidth: strokeInnerWidth,
-    strokeDasharray: arcLength(),
-    transform: option().startPosition,
+    viewBox: "0 0 100 100"
+  }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", {
+    id: refRandomId,
+    x1: "100%",
+    y1: "0%",
+    x2: "0%",
+    y2: "0%"
+  }, (_b = stop2()) == null ? void 0 : _b.map((item, index2) => {
+    return /* @__PURE__ */ React__default.createElement("stop", {
+      key: index2,
+      offset: item.key,
+      stopColor: item.value
+    });
+  }))), /* @__PURE__ */ React__default.createElement("path", {
+    className: "nut-circleprogress-path",
+    style: pathStyle,
+    d: path(),
+    fill: "none",
+    strokeWidth
+  }), /* @__PURE__ */ React__default.createElement("path", {
+    className: "nut-circleprogress-hover",
+    style: hoverStyle(),
+    d: path(),
     fill: "none",
-    strokeLinecap: "round",
-    style: { transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
+    stroke: hoverColor(),
+    strokeLinecap,
+    transform: "rotate(90,50,50)",
+    strokeWidth
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-circleprogress-content"
-  }, !isAuto ? `${progress}%` : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
+    className: "nut-circleprogress-text"
+  }, children ? children : /* @__PURE__ */ React__default.createElement("div", null, progress, "%")));
 };
 CircleProgress.defaultProps = defaultProps$m;
 CircleProgress.displayName = "NutCircleProgress";
@@ -11711,7 +11926,7 @@ const defaultProps$k = {
 };
 const Steps = (props) => {
   const propSteps = __spreadValues(__spreadValues({}, defaultProps$k), props);
-  const _a = propSteps, { children, direction, className } = _a, restProps = __objRest(_a, ["children", "direction", "className"]);
+  const _a = propSteps, { children, current, direction, className, progressDot, clickStep } = _a, restProps = __objRest(_a, ["children", "current", "direction", "className", "progressDot", "clickStep"]);
   const parentSteps = {
     propSteps
   };
@@ -11733,6 +11948,7 @@ const defaultProps$j = {
   content: "",
   activeIndex: 0,
   icon: "",
+  iconColor: "",
   size: "12px"
 };
 const Step = (props) => {
@@ -11742,6 +11958,7 @@ const Step = (props) => {
     content,
     activeIndex,
     icon,
+    iconColor,
     size,
     className,
     renderContent
@@ -11751,6 +11968,7 @@ const Step = (props) => {
     "content",
     "activeIndex",
     "icon",
+    "iconColor",
     "size",
     "className",
     "renderContent"
@@ -11763,13 +11981,19 @@ const Step = (props) => {
       return "finish";
     return index2 === +parent.propSteps.current ? "process" : "wait";
   };
+  const handleClickStep = () => {
+    var _a2;
+    (_a2 = parent.propSteps) == null ? void 0 : _a2.clickStep(activeIndex);
+  };
   const b2 = cn("step");
   const classes = classNames({
     [`${b2("")}-${getCurrentStatus()}`]: true
   }, className, b2(""));
-  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: classes
-  }, restProps), /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), {
+    onClick: handleClickStep
+  }), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-step-head"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-step-line"
@@ -11777,6 +12001,7 @@ const Step = (props) => {
     className: `nut-step-icon ${!dot ? icon ? "is-icon" : "is-text" : ""}`
   }, icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     className: "nut-step-icon-inner",
+    color: iconColor,
     name: icon,
     size
   }) : dot ? /* @__PURE__ */ React__default.createElement("span", null) : /* @__PURE__ */ React__default.createElement("span", {
@@ -11795,7 +12020,7 @@ Step.defaultProps = defaultProps$j;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
 const defaultProps$i = {
-  width: window.innerWidth,
+  width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
   initPage: 0,
@@ -12223,46 +12448,122 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
 });
 SwiperItem.defaultProps = defaultProps$h;
 SwiperItem.displayName = "NutSwiperItem";
+const AvatarContext = createContext({});
 const defaultProps$g = {
-  size: "normal",
+  size: "",
   icon: "",
-  shape: "round",
   bgColor: "#eee",
+  color: "#666",
   prefixCls: "nut-avatar",
-  src: ""
+  url: "",
+  alt: ""
 };
 const Avatar = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), { children, prefixCls, size, shape, bgColor, src, icon, className, style } = _a, rest = __objRest(_a, ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"]);
-  const sizeValue = ["large", "normal", "small"];
+  var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), {
+    children,
+    prefixCls,
+    size,
+    shape,
+    bgColor,
+    color,
+    url,
+    alt,
+    icon,
+    className,
+    style,
+    activeAvatar,
+    onError
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "prefixCls",
+    "size",
+    "shape",
+    "bgColor",
+    "color",
+    "url",
+    "alt",
+    "icon",
+    "className",
+    "style",
+    "activeAvatar",
+    "onError"
+  ]);
+  const [maxSum, setMaxSum] = useState(0);
+  const [showMax, setShowMax] = useState(false);
+  const [avatarIndex, setAvatarIndex] = useState(1);
+  const avatarRef = useRef(null);
+  const parent = useContext$1(AvatarContext);
+  const b2 = cn("avatar");
   const classes = classNames({
-    [`${prefixCls}`]: true,
-    [`avatar-${size}`]: true,
-    [`avatar-${shape}`]: true
+    [`nut-avatar-${size || ((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.size) || "normal"}`]: true,
+    [`nut-avatar-${shape || ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.shape) || "round"}`]: true
   });
-  const cls = classNames(classes, className);
+  const cls = classNames(b2(""), classes, className);
+  const sizeValue = ["large", "normal", "small"];
   const styles = __spreadValues({
     width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
     height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
-    backgroundImage: src ? `url(${src})` : "",
-    backgroundColor: `${bgColor}`
+    backgroundColor: `${bgColor}`,
+    color: `${color}`,
+    marginLeft: avatarIndex != 1 && ((_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.span) ? `${(_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.span}px` : "",
+    zIndex: ((_f = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _f.zIndex) == "right" ? `${Math.abs(maxSum - avatarIndex)}` : ""
   }, style);
-  const iconStyles = !!icon && !src ? icon : "";
-  const handleClick = (e2) => {
-    if (props.onClick) {
-      props.onClick(e2);
+  const maxStyles = {
+    backgroundColor: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxBgColor}`,
+    color: `${(_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxColor}`
+  };
+  const iconStyles = !!icon ? icon : "";
+  useEffect(() => {
+    var _a2;
+    const avatarChildren = (_a2 = parent == null ? void 0 : parent.avatarGroupRef) == null ? void 0 : _a2.current.children;
+    if (avatarChildren) {
+      avatarLength(avatarChildren);
+    }
+  }, []);
+  const avatarLength = (children2) => {
+    var _a2, _b2, _c2;
+    for (let i = 0; i < children2.length; i++) {
+      if (children2[i] && children2[i].classList && children2[i].classList[0] == "nut-avatar") {
+        children2[i].setAttribute("data-index", i + 1);
+      }
+    }
+    const index2 = (_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index;
+    const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.maxCount;
+    setMaxSum(children2.length);
+    setAvatarIndex(index2);
+    if (index2 == children2.length && index2 != maxCount && children2.length > maxCount) {
+      setShowMax(true);
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
+  const errorEvent = (e2) => {
+    if (props.onError) {
+      props.onError(e2);
+    }
+  };
+  const clickAvatar = (e2) => {
+    if (props.activeAvatar) {
+      props.activeAvatar(e2);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (showMax || !((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount) || avatarIndex <= ((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.maxCount)) && /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: cls
   }, rest), {
-    style: styles,
-    onClick: handleClick
-  }), /* @__PURE__ */ React__default.createElement(Icon, {
+    style: !showMax ? styles : maxStyles,
+    onClick: clickAvatar,
+    ref: avatarRef
+  }), (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, url && /* @__PURE__ */ React__default.createElement("img", {
+    src: url,
+    alt,
+    onError: errorEvent
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon, {
     className: "icon",
     name: iconStyles
   }), children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
-  }, children));
+  }, children)), showMax && /* @__PURE__ */ React__default.createElement("div", {
+    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$g;
 Avatar.displayName = "NutAvatar";
@@ -12338,16 +12639,16 @@ const defaultProps$e = {
   icons: ""
 };
 const Badge = (props) => {
-  const { value, children, dot, max, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$e), props);
+  const { children, dot, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$e), props);
   const content = () => {
     if (dot)
       return;
-    const { value: value2 } = props;
-    const { max: max2 } = props;
-    if (typeof value2 === "number" && typeof max2 === "number") {
-      return max2 < value2 ? `${max2}+` : value2;
+    const { value } = props;
+    const { max } = props;
+    if (typeof value === "number" && typeof max === "number") {
+      return max < value ? `${max}+` : value;
     }
-    return value2;
+    return value;
   };
   const getStyle = () => {
     const style = {};
@@ -12628,8 +12929,8 @@ const Popover = (props) => {
 Popover.defaultProps = defaultProps$c;
 Popover.displayName = "NutPopover";
 const defaultProps$b = {
-  width: 100,
-  height: 100,
+  width: "100px",
+  height: "100px",
   row: 1,
   animated: false,
   title: false,
@@ -12681,33 +12982,40 @@ const Skeleton = (props) => {
     return Array.from({ length: num }, (v2, i) => i);
   };
   const getStyle = () => {
+    if (avatarSize) {
+      return {
+        width: avatarSize,
+        height: avatarSize
+      };
+    }
     return {
-      width: avatarSize,
-      height: avatarSize
+      width: "50px",
+      height: "50px"
     };
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, loading ? /* @__PURE__ */ React__default.createElement("div", null, children) : /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes
-  }, restProps), /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), animated2 && /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-animation"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-skeleton-content"
   }, avatar && /* @__PURE__ */ React__default.createElement(Avatar, {
     className: avatarClass,
     bgColor: "rgb(239, 239, 239)",
+    shape: avatarShape,
     style: getStyle()
-  }), row === 1 ? /* @__PURE__ */ React__default.createElement("div", {
+  }), row === 1 && /* @__PURE__ */ React__default.createElement("div", {
     className: blockClass,
-    style: { width: `${width}px`, height: `${height}px` }
-  }) : /* @__PURE__ */ React__default.createElement("div", {
+    style: { width, height }
+  }), /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-content-line"
   }, title && /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-title"
   }), repeatLines(row).map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${blockClass} skeleton-lines`,
+      className: blockClass,
       key: index2,
-      style: { width: `${width}px`, height: `${height}px` }
+      style: { width, height }
     });
   })))));
 };
@@ -12721,6 +13029,7 @@ const defaultProps$a = {
   endTime: Date.now()
 };
 const CountDown = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
     showPlainText,
     showDays,
@@ -12817,8 +13126,8 @@ const CountDown = (props) => {
   };
   const plainText = (() => {
     const { d: d2, h: h2, m: m2, s } = resttime;
-    const showDayshours = Number(d2) > 0 && showDays ? `${d2}\u5929${h2}` : h2;
-    return `${showDayshours}\u5C0F\u65F6${m2}\u5206${s}\u79D2`;
+    const showDayshours = Number(d2) > 0 && showDays ? `${d2}${locale.countdown.day}${h2}` : h2;
+    return `${showDayshours}${locale.countdown.hour}${m2}${locale.countdown.minute}${s}${locale.countdown.second}`;
   })();
   const initTimer = () => {
     if (!stateRef.current.isIninted) {
@@ -12881,7 +13190,7 @@ const CountDown = (props) => {
     className: b2("block")
   }, resttime.d), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("dot")
-  }, "\u5929")) : null, /* @__PURE__ */ React__default.createElement("div", {
+  }, locale.countdown.day || ":")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("block")
   }, resttime.h), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("dot")
@@ -12904,7 +13213,7 @@ const defaultProps$9 = {
   rotate: 180
 };
 function areEqual(prevProps, nextProps) {
-  return JSON.stringify(prevProps.activeName) == JSON.stringify(nextProps.activeName);
+  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);
@@ -12949,7 +13258,7 @@ const Collapse = memo((props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: colBem()
-  }, childrenDom.map((item, index2) => {
+  }, childrenDom.map((item) => {
     return React__default.cloneElement(item, {
       isOpen: defaultOpenIndex.includes(item.props.name),
       onToggle: (isOpen, name) => onToggle(isOpen, name),
@@ -13162,6 +13471,7 @@ const defaultProps$5 = {
   customAndExistTitle: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
 };
 const ExistRender = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$5), props), {
     children,
     type,
@@ -13242,7 +13552,7 @@ const ExistRender = (props) => {
     onClick: switchModule
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("choose-other-btn")
-  }, customAndExistTitle)));
+  }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 const defaultProps$4 = {
   type: "custom",
@@ -13253,11 +13563,12 @@ const defaultProps$4 = {
   height: "200px"
 };
 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 b2 = cn("address");
-  const [privateType, setPrivateType] = useState(type);
+  const [privateType] = useState(type);
   const [tabIndex, setTabIndex] = useState(0);
-  const [tabName, setTabName] = useState(["province", "city", "country", "town"]);
+  const [tabName] = useState(["province", "city", "country", "town"]);
   const provinceRef = useRef(null);
   const cityRef = useRef(null);
   const countryRef = useRef(null);
@@ -13317,7 +13628,7 @@ const CustomRender = (props) => {
     if (tabIndex < index2) {
       return item.name;
     }
-    return "\u8BF7\u9009\u62E9";
+    return locale.select;
   };
   const mapRef = {
     province: provinceRef,
@@ -13456,6 +13767,7 @@ const defaultProps$3 = {
   backBtnIcon: "left"
 };
 const Address = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$3), props), {
     modelValue,
     children,
@@ -13509,7 +13821,7 @@ const Address = (props) => {
   ]);
   const b2 = cn("address");
   const [privateType, setPrivateType] = useState(type);
-  const [tabName, setTabName] = useState(["province", "city", "country", "town"]);
+  const [tabName] = useState(["province", "city", "country", "town"]);
   const [showPopup, setShowPopup] = useState(modelValue);
   const [selectedRegion, setSelectedRegion] = useState({
     province: { name: "" },
@@ -13518,13 +13830,10 @@ const Address = (props) => {
     town: { name: "" }
   });
   const [selectedExistAddress, setSelectedExistAddress] = useState({});
-  const [closeWay, setCloseWay] = useState("self");
-  const handClose = (type2 = "self") => {
-    setCloseWay(() => type2 === "cross" ? "cross" : "self");
+  const handClose = () => {
     setShowPopup(false);
   };
   const clickOverlay = () => {
-    setCloseWay("mask");
     closeMask && closeMask({ closeWay: "mask" });
   };
   const nextAreaList = (item) => {
@@ -13601,8 +13910,8 @@ const Address = (props) => {
       color: "#cccccc"
     })), /* @__PURE__ */ React__default.createElement("div", {
       className: b2("header__title")
-    }, privateType === "custom" ? customAddressTitle : existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
-      onClick: () => handClose("cross")
+    }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
+      onClick: () => handClose()
     }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
       name: closeBtnIcon,
       color: "#cccccc",
@@ -13621,9 +13930,6 @@ const Address = (props) => {
     visible: showPopup,
     position: "bottom",
     onClickOverlay: clickOverlay,
-    onOpen: () => {
-      setCloseWay("self");
-    },
     onClose: () => {
       closeFun();
     }
@@ -13647,7 +13953,7 @@ const Address = (props) => {
     selectedIcon,
     defaultIcon,
     isShowCustomAddress,
-    customAndExistTitle,
+    customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
     onSelected: selectedExist,
     onSwitchModule
   }))));
@@ -13701,7 +14007,6 @@ const InternalBarrage = (props, ref) => {
     barrageContainer.current.appendChild(el);
     const width = el.offsetWidth;
     const height = el.offsetHeight;
-    console.log(el.offsetWidth, el.offsetHeight);
     el.classList.add("move");
     el.style.animationDuration = `${speeds}ms`;
     el.style.top = `${_index % rows * (height + top) + 20}px`;
@@ -13732,6 +14037,7 @@ const defaultProps$1 = {
   className: ""
 };
 const Signature = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$1), props), { type, lineWidth, strokeStyle, unSupportTpl, className } = _a, rest = __objRest(_a, ["type", "lineWidth", "strokeStyle", "unSupportTpl", "className"]);
   const b2 = cn("signature");
   const canvasRef = useRef(null);
@@ -13829,15 +14135,15 @@ const Signature = (props) => {
     width: canvasWidth
   }) : /* @__PURE__ */ React__default.createElement("p", {
     className: `${b2("unsopport")}`
-  }, unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
+  }, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
     className: `${b2("btn")}`,
     type: "default",
     onClick: () => clear()
-  }, "\u91CD\u7B7E"), /* @__PURE__ */ React__default.createElement(Button, {
+  }, locale.signature.reSign), /* @__PURE__ */ React__default.createElement(Button, {
     className: `${b2("btn")}`,
     type: "primary",
     onClick: () => confirm2()
-  }, "\u786E\u8BA4"));
+  }, locale.confirm));
 };
 Signature.defaultProps = defaultProps$1;
 Signature.displayName = "NutSignature";
@@ -13906,4 +14212,4 @@ const Card = (props) => {
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";
-export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, 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, 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 };