@nutui/nutui-react 2.6.18 → 2.6.20

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.18 Fri Sep 06 2024 18:46:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 20 2024 13:46:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -594,7 +594,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -630,7 +630,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1u,
+      ...defaultProps$1t,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -689,7 +689,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -698,7 +698,7 @@ const defaultProps$1t = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -710,7 +710,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -737,7 +737,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const handleClick2 = (event) => {
@@ -1722,6 +1722,8 @@ const zhCN = {
   noData: "暂无数据",
   placeholder: "请输入内容",
   select: "请选择",
+  edit: "编辑",
+  reset: "重置",
   video: {
     errorTip: "视频加载失败",
     clickRetry: "点击重试"
@@ -1759,6 +1761,7 @@ const zhCN = {
     tips: "忘记密码"
   },
   uploader: {
+    list: "上传文件",
     ready: "准备完成",
     readyUpload: "准备上传",
     waitingUpload: "等待上传",
@@ -1825,6 +1828,7 @@ const zhCN = {
     mute: "静音",
     tips: "onPlayEnd事件在loop=false时才会触发"
   },
+  avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
   datepicker: {
     year: "年",
     month: "月",
@@ -1862,20 +1866,20 @@ function requestAniFrame() {
 }
 const requestAniFrame$1 = requestAniFrame();
 const classPrefix$p = "nut-configprovider";
-const defaultConfigRef = {
+const defaultConfigRef$1 = {
   current: {
     locale: zhCN
   }
 };
 const setDefaultConfig = (config2) => {
-  defaultConfigRef.current = config2;
+  defaultConfigRef$1.current = config2;
 };
-const getDefaultConfig = () => {
-  return defaultConfigRef.current;
+const getDefaultConfig$1 = () => {
+  return defaultConfigRef$1.current;
 };
-const ConfigContext = createContext(null);
-const useConfig = () => {
-  return useContext(ConfigContext) ?? getDefaultConfig();
+const ConfigContext$1 = createContext(null);
+const useConfig$1 = () => {
+  return useContext(ConfigContext$1) ?? getDefaultConfig$1();
 };
 function convertThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
@@ -1885,7 +1889,7 @@ function convertThemeVarsToCSSVars(themeVars) {
   return cssVars;
 }
 const useRtl = () => {
-  const { direction } = useConfig();
+  const { direction } = useConfig$1();
   if (direction) {
     return direction === "rtl";
   }
@@ -1896,7 +1900,7 @@ const ConfigProvider = (props) => {
   const mergedConfig = useMemo(
     () => {
       return {
-        ...getDefaultConfig(),
+        ...getDefaultConfig$1(),
         ...config2,
         direction
       };
@@ -1910,7 +1914,7 @@ const ConfigProvider = (props) => {
   const cssVarStyle = React__default.useMemo(() => {
     return convertThemeVarsToCSSVars(mergedConfig.theme || {});
   }, [mergedConfig.theme]);
-  return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: classNames(classPrefix$p, className),
@@ -1928,7 +1932,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -1958,7 +1962,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1r, ...props };
+  } = { ...defaultProps$1q, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -2794,7 +2798,7 @@ const Overlay = (props) => {
   const onHandleClosed = (e) => {
     afterClose && afterClose();
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
       nodeRef,
@@ -2816,11 +2820,11 @@ const Overlay = (props) => {
       },
       children
     )
-  ));
+  );
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -2828,7 +2832,7 @@ const defaultProps$1q = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -2861,7 +2865,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1p = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -2869,7 +2873,7 @@ const defaultProps$1p = {
 const classPrefix$n = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -2890,7 +2894,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1o = {
+const defaultProps$1n = {
   text: "",
   columns: 4,
   gap: 0,
@@ -2900,7 +2904,6 @@ const defaultProps$1o = {
   direction: "vertical"
 };
 const GridItem = (props) => {
-  useConfig();
   const {
     children,
     style,
@@ -2916,7 +2919,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1n,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -2975,7 +2978,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1n = {
+const defaultProps$1m = {
   columns: 4,
   gap: 0,
   center: true,
@@ -2996,7 +2999,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1m, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3032,9 +3035,7 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1m = {};
-const Layout = (props) => {
-  ({ ...defaultProps$1m, ...props });
+const Layout = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
@@ -8460,7 +8461,7 @@ const defaultProps$1g = {
   }
 };
 const FixedNav = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     overlay,
@@ -8804,7 +8805,7 @@ const Popup = (props) => {
     );
   };
   const renderNode = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, overlay ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, overlay ? /* @__PURE__ */ React__default.createElement(
       Overlay,
       {
         style: overlayStyles,
@@ -8815,7 +8816,7 @@ const Popup = (props) => {
         duration,
         onClick: onHandleClickOverlay
       }
-    ), renderPop()) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
+    ) : null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
   };
   useEffect(() => {
     visible && open();
@@ -9558,6 +9559,19 @@ class Tree {
     return pathNodes;
   }
 }
+const defaultConfigRef = {
+  current: {
+    locale: zhCN,
+    direction: "ltr"
+  }
+};
+const getDefaultConfig = () => {
+  return defaultConfigRef.current;
+};
+const ConfigContext = createContext(null);
+const useConfig = () => {
+  return useContext(ConfigContext) ?? getDefaultConfig();
+};
 const defaultProps$16 = {
   ...ComponentDefaults,
   activeColor: "",
@@ -9580,6 +9594,7 @@ const defaultProps$16 = {
   }
 };
 const InternalCascader = (props, ref) => {
+  const { locale } = useConfig();
   const {
     className,
     style,
@@ -9655,6 +9670,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options2, format2]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format2 && Object.keys(format2).length > 0) {
@@ -9876,7 +9894,7 @@ const InternalCascader = (props, ref) => {
                 className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
                 key: pane.paneKey
               },
-              /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."),
+              /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && `${locale.select}`, !(!state.initLoading && state.panes.length) && "Loading..."),
               /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-line" })
             );
           });
@@ -9970,7 +9988,7 @@ const defaultProps$14 = {
   custom: false
 };
 const ExistRender = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     type: type4,
@@ -10026,7 +10044,7 @@ const defaultProps$13 = {
   backIcon: null
 };
 const InternalAddress = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -10421,7 +10439,7 @@ const defaultProps$12 = {
   }
 };
 const CalendarItem = React__default.forwardRef((props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -10987,7 +11005,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const renderFooter = () => {
     return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
 });
 CalendarItem.displayName = "NutCalendarItem";
 const defaultProps$11 = {
@@ -11023,7 +11041,7 @@ const defaultProps$11 = {
   }
 };
 const Calendar = React__default.forwardRef((props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -11240,7 +11258,7 @@ const defaultProps$10 = {
 };
 const prefixCls = "nut-calendarcard";
 const CalendarCard = React__default.forwardRef((props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     style,
     className,
@@ -12086,7 +12104,7 @@ const defaultProps$Z = {
   duration: 1e3
 };
 const InternalPicker = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     visible,
@@ -12382,7 +12400,7 @@ const DatePicker = (props) => {
     ...defaultProps$Y,
     ...props
   };
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const lang = locale.datepicker;
   const zhCNType = {
     day: lang.day,
@@ -12643,7 +12661,7 @@ const DatePicker = (props) => {
   useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length > 0 && /* @__PURE__ */ React__default.createElement(
     Picker,
     {
       ...pickerProps,
@@ -14189,7 +14207,7 @@ const defaultProps$V = {
 const Input = forwardRef(
   (props, ref) => {
     const rtl = useRtl();
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       type: type4,
       name,
@@ -14542,7 +14560,7 @@ const InputNumber = (props) => {
         [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
       })
     }
-  )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       ref: inputRef,
@@ -14554,7 +14572,7 @@ const InputNumber = (props) => {
       onBlur: handleBlur,
       onFocus: handleFocus
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
     n,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
@@ -14729,6 +14747,7 @@ const MenuItem = forwardRef((props, ref) => {
     };
   };
   const micRef = useRef(null);
+  const cssRef = useRef(null);
   const targetSet = [micRef.current];
   useClickAway(
     () => {
@@ -14772,6 +14791,7 @@ const MenuItem = forwardRef((props, ref) => {
     /* @__PURE__ */ React__default.createElement(
       CSSTransition,
       {
+        nodeRef: cssRef,
         in: showPopup,
         timeout: 100,
         classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
@@ -15000,7 +15020,7 @@ const defaultProps$R = {
   }
 };
 const NumberKeyboard = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     title,
     rightActions,
@@ -15888,7 +15908,7 @@ const defaultProps$M = {
 };
 const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const searchRef = useRef(null);
   const {
     value: outerValue,
@@ -16041,7 +16061,7 @@ const defaultProps$L = {
   autoFocus: false
 };
 const InternalShortPassword = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     title,
     description,
@@ -16139,7 +16159,7 @@ const defaultProps$K = {
   unsupported: ""
 };
 const InternalSignature = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     type: type4,
     lineWidth,
@@ -16320,7 +16340,7 @@ const defaultProps$I = {
   autoSize: false
 };
 const TextArea = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     value,
@@ -16708,7 +16728,7 @@ const Preview = ({
 class FileItem {
   constructor() {
     this.status = "ready";
-    this.message = "准备中..";
+    this.message = "";
     this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
     this.percentage = 0;
     this.formData = {};
@@ -16742,7 +16762,7 @@ const defaultProps$G = {
   }
 };
 const InternalUploader = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const fileListRef = useRef([]);
   const {
     children,
@@ -16991,7 +17011,7 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file, index) => {
     onFileItemClick == null ? void 0 : onFileItemClick(file, index);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: "nut-uploader-input",
@@ -17041,6 +17061,19 @@ const InternalUploader = (props, ref) => {
 };
 const Uploader = React__default.forwardRef(InternalUploader);
 Uploader.displayName = "NutUploader";
+function mergeProps(...items) {
+  const ret = {};
+  items.forEach((item) => {
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
 const defaultProps$F = {
   ...ComponentDefaults,
   visible: false,
@@ -17067,7 +17100,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$F, ...props };
+  } = mergeProps(defaultProps$F, props);
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -17367,7 +17400,7 @@ const defaultProps$E = {
   beforeClose: () => true
 };
 const BaseDialog = (props, ref) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     visible,
     footer,
@@ -17386,7 +17419,7 @@ const BaseDialog = (props, ref) => {
     beforeCancel,
     beforeClose,
     ...restProps
-  } = props;
+  } = mergeProps(defaultProps$E, props);
   const classPrefix2 = "nut-dialog";
   const [loading, setLoading] = useState(false);
   const renderFooter = () => {
@@ -17471,7 +17504,6 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$E;
 Dialog.displayName = "NutDialog";
 const defaultProps$D = {
   ...ComponentDefaults,
@@ -17597,7 +17629,6 @@ const defaultProps$C = {
 };
 const classPrefix$e = `nut-empty`;
 const Empty = (props) => {
-  useConfig();
   const {
     image,
     imageSize,
@@ -17666,7 +17697,7 @@ const defaultProps$B = {
 };
 const classPrefix$d = `nut-infiniteloading`;
 const InfiniteLoading = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     type: type4,
@@ -18365,7 +18396,6 @@ const options$1 = {
   ...ComponentDefaults,
   id: "",
   duration: 3e3,
-  // 时长
   type: "danger",
   position: "top",
   onClose: () => {
@@ -18737,7 +18767,7 @@ const defaultProps$x = {
 };
 const PullToRefresh = (p2) => {
   const classPrefix2 = "nut-pulltorefresh";
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const props = {
     ...defaultProps$x,
     ...p2,
@@ -19524,10 +19554,7 @@ const CountUp = (props) => {
     thousands,
     style,
     ...reset
-  } = {
-    ...defaultProps$r,
-    ...props
-  };
+  } = mergeProps(defaultProps$r, props);
   const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
@@ -19589,7 +19616,6 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$r;
 CountUp.displayName = "NutCountUp";
 const defaultProps$q = {};
 const _AnimatingNumbers = class _AnimatingNumbers extends Component {
@@ -19630,7 +19656,7 @@ const defaultProps$p = {
   }
 };
 const Audio = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     className,
     src,
@@ -20149,7 +20175,6 @@ const defaultProps$l = {
   destroy: false
 };
 const InternalCountDown = (props, ref) => {
-  useConfig();
   const {
     paused,
     startTime,
@@ -21320,7 +21345,7 @@ const defaultProps$e = {
   ellipse: false
 };
 const Pagination = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     value,
     mode,
@@ -21415,7 +21440,7 @@ const Pagination = (props) => {
       onClick: (e) => handleSelectPage(currentPage + 1)
     },
     next || locale.pagination.next
-  )), mode === "lite" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
+  )), mode === "lite" && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8)));
 };
 Pagination.displayName = "NutPagination";
 const defaultProps$d = {
@@ -21667,7 +21692,7 @@ const defaultProps$a = {
   showHeader: true
 };
 const Table = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const rtl = useRtl();
   defaultProps$a.noData = locale.noData;
   const {
@@ -21937,7 +21962,7 @@ const defaultProps$8 = {
 };
 const classPrefix$2 = "nut-tour";
 const Tour = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     children,
     className,
@@ -22592,7 +22617,7 @@ const defaultProps$3 = {
   }
 };
 const TimeSelect = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     visible,
     className,
@@ -22817,7 +22842,7 @@ const defaultProps$1 = {
   fontSize: 14
 };
 const WaterMark = (props) => {
-  const { locale } = useConfig();
+  const { locale } = useConfig$1();
   const {
     content,
     fullPage,
@@ -22916,22 +22941,29 @@ const defaultProps = {
   maxZoom: 3,
   space: 10,
   toolbar: [
-    /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
-    /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, "重置"),
-    /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, "旋转"),
-    /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, "确认")
+    /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, "Cancel"),
+    /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, "Reset"),
+    /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, "Rotate"),
+    /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, "Confirm")
   ],
   toolbarPosition: "bottom",
-  editText: "编辑",
+  editText: "Edit",
   shape: "square"
 };
 const classPrefix = `nut-avatar-cropper`;
 const AvatarCropper = (props) => {
+  const { locale } = useConfig();
+  defaultProps.toolbar = [
+    /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, locale.cancel),
+    /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, locale.reset),
+    /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
+    /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
+  ];
   const {
     children,
-    toolbar,
     maxZoom,
     space,
+    toolbar,
     toolbarPosition,
     editText,
     shape,
@@ -23225,7 +23257,7 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm2];
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React__default.createElement(
       "div",
       {
         key: index,
@@ -23233,10 +23265,10 @@ const AvatarCropper = (props) => {
         onClick: (_e) => action()
       },
       toolbar[index]
-    ))));
+    )));
   };
   const CropperPopup = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         ref: cropperPopupRef,
@@ -23255,7 +23287,7 @@ const AvatarCropper = (props) => {
         /* @__PURE__ */ React__default.createElement("div", { className: "highlight", style: highlightStyle })
       ),
       /* @__PURE__ */ React__default.createElement("div", { className: toolbarPositionCls }, /* @__PURE__ */ React__default.createElement(ToolBar, null))
-    ));
+    );
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React__default.createElement(
     "input",
@@ -23265,7 +23297,7 @@ const AvatarCropper = (props) => {
       accept: "image/*",
       className: `${classPrefix}-input`,
       onChange: (e) => inputImageChange(e),
-      "aria-label": "选择图片"
+      "aria-label": locale.avatarCropper.selectImage
     }
   ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
 };
@@ -23369,8 +23401,8 @@ export {
   Video,
   VirtualList,
   WaterMark,
-  getDefaultConfig,
+  getDefaultConfig$1 as getDefaultConfig,
   setDefaultConfig,
-  useConfig,
+  useConfig$1 as useConfig,
   useRtl
 };