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

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.0 Tue May 10 2022 10:33:01 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";
@@ -2698,6 +2815,7 @@ const defaultProps$J = {
   }
 };
 const Pagination = (props) => {
+  const { locale } = useConfig();
   __spreadValues(__spreadValues({}, defaultProps$J), props);
   const _a = props, {
     modelValue,
@@ -2811,7 +2929,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 +2944,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 +3208,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 +3254,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 +3346,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 +3400,7 @@ const defaultProps$G = {
 let startValue;
 let currentValue;
 const Range = (props) => {
+  const { locale } = useConfig();
   const {
     className,
     range,
@@ -3317,7 +3429,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 +3730,11 @@ const defaultProps$F = {
   }
 };
 const CalendarItem = (props) => {
+  const { locale } = useConfig();
   const {
-    children,
     type,
     isAutoBackFill,
     poppable,
-    visible,
     title,
     defaultValue,
     startDate,
@@ -3632,11 +3743,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 +3905,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 +4079,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 +4098,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 +4117,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 +4145,7 @@ const defaultProps$E = {
   }
 };
 const Calendar = (props) => {
+  const { locale } = useConfig();
   const {
     children,
     poppable,
@@ -4070,7 +4182,7 @@ const Calendar = (props) => {
     type,
     isAutoBackFill,
     poppable,
-    title,
+    title: locale.calendaritem.title || title,
     defaultValue,
     startDate,
     endDate,
@@ -4081,7 +4193,7 @@ const Calendar = (props) => {
     type,
     isAutoBackFill,
     poppable,
-    title,
+    title: locale.calendaritem.title,
     defaultValue,
     startDate,
     endDate,
@@ -4141,7 +4253,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 +4524,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 +4632,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 +5134,7 @@ const defaultProps$z = {
   clearable: true
 };
 const Input = (props) => {
+  const { locale } = useConfig();
   const {
     type,
     defaultValue,
@@ -5097,7 +5211,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 +5489,7 @@ const defaultProps$v = {
   }
 };
 const ShortPassword = (props) => {
+  const { locale } = useConfig();
   const _a = props, {
     title,
     desc,
@@ -5479,9 +5594,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 +5630,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 +5654,7 @@ const defaultProps$u = {
   autosize: false
 };
 const TextArea = (props) => {
+  const { locale } = useConfig();
   const {
     className,
     defaultValue,
@@ -5620,7 +5736,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);
@@ -10864,6 +10980,7 @@ const defaultProps$p = {
   lockScroll: false
 };
 const BaseDialog = (props, ref) => {
+  const { locale } = useConfig();
   const _a = props, {
     visible,
     footer,
@@ -10894,7 +11011,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 +11033,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 +11078,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 +11252,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 +11263,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";
@@ -12338,16 +12456,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 = {};
@@ -12721,6 +12839,7 @@ const defaultProps$a = {
   endTime: Date.now()
 };
 const CountDown = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
     showPlainText,
     showDays,
@@ -12817,8 +12936,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 +13000,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 +13023,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 +13068,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 +13281,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 +13362,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 +13373,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 +13438,7 @@ const CustomRender = (props) => {
     if (tabIndex < index2) {
       return item.name;
     }
-    return "\u8BF7\u9009\u62E9";
+    return locale.select;
   };
   const mapRef = {
     province: provinceRef,
@@ -13456,6 +13577,7 @@ const defaultProps$3 = {
   backBtnIcon: "left"
 };
 const Address = (props) => {
+  const { locale } = useConfig();
   const _a = __spreadValues(__spreadValues({}, defaultProps$3), props), {
     modelValue,
     children,
@@ -13509,7 +13631,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 +13640,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 +13720,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 +13740,6 @@ const Address = (props) => {
     visible: showPopup,
     position: "bottom",
     onClickOverlay: clickOverlay,
-    onOpen: () => {
-      setCloseWay("self");
-    },
     onClose: () => {
       closeFun();
     }
@@ -13647,7 +13763,7 @@ const Address = (props) => {
     selectedIcon,
     defaultIcon,
     isShowCustomAddress,
-    customAndExistTitle,
+    customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
     onSelected: selectedExist,
     onSwitchModule
   }))));
@@ -13732,6 +13848,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 +13946,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 +14023,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 };