@nutui/nutui-react 2.6.18 → 2.6.20

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @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.
 */
@@ -612,7 +612,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -648,7 +648,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1u,
+        ...defaultProps$1t,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -707,7 +707,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -716,7 +716,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -728,7 +728,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -755,7 +755,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1r,
       ...props
     };
     const handleClick2 = (event) => {
@@ -1740,6 +1740,8 @@
     noData: "暂无数据",
     placeholder: "请输入内容",
     select: "请选择",
+    edit: "编辑",
+    reset: "重置",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1777,6 +1779,7 @@
       tips: "忘记密码"
     },
     uploader: {
+      list: "上传文件",
       ready: "准备完成",
       readyUpload: "准备上传",
       waitingUpload: "等待上传",
@@ -1843,6 +1846,7 @@
       mute: "静音",
       tips: "onPlayEnd事件在loop=false时才会触发"
     },
+    avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
     datepicker: {
       year: "年",
       month: "月",
@@ -1880,20 +1884,20 @@
   }
   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 = React.createContext(null);
-  const useConfig = () => {
-    return React.useContext(ConfigContext) ?? getDefaultConfig();
+  const ConfigContext$1 = React.createContext(null);
+  const useConfig$1 = () => {
+    return React.useContext(ConfigContext$1) ?? getDefaultConfig$1();
   };
   function convertThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
@@ -1903,7 +1907,7 @@
     return cssVars;
   }
   const useRtl = () => {
-    const { direction } = useConfig();
+    const { direction } = useConfig$1();
     if (direction) {
       return direction === "rtl";
     }
@@ -1914,7 +1918,7 @@
     const mergedConfig = useMemo(
       () => {
         return {
-          ...getDefaultConfig(),
+          ...getDefaultConfig$1(),
           ...config2,
           direction
         };
@@ -1928,7 +1932,7 @@
     const cssVarStyle = React.useMemo(() => {
       return convertThemeVarsToCSSVars(mergedConfig.theme || {});
     }, [mergedConfig.theme]);
-    return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(classPrefix$p, className),
@@ -1946,7 +1950,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -1976,7 +1980,7 @@
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1r, ...props };
+    } = { ...defaultProps$1q, ...props };
     const [innerLoading, setInnerLoading] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [complete, setComplete] = React.useState(false);
@@ -2812,7 +2816,7 @@
     const onHandleClosed = (e) => {
       afterClose && afterClose();
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       CSSTransition,
       {
         nodeRef,
@@ -2834,11 +2838,11 @@
         },
         children
       )
-    ));
+    );
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2846,7 +2850,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2879,7 +2883,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -2887,7 +2891,7 @@
   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({
@@ -2908,7 +2912,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2918,7 +2922,6 @@
     direction: "vertical"
   };
   const GridItem = (props) => {
-    useConfig();
     const {
       children,
       style,
@@ -2934,7 +2937,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1n,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2993,7 +2996,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3014,7 +3017,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1n, ...props };
+    } = { ...defaultProps$1m, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3050,9 +3053,7 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1m = {};
-  const Layout = (props) => {
-    ({ ...defaultProps$1m, ...props });
+  const Layout = () => {
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
@@ -8478,7 +8479,7 @@
     }
   };
   const FixedNav = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       overlay,
@@ -8822,7 +8823,7 @@
       );
     };
     const renderNode = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
         Overlay,
         {
           style: overlayStyles,
@@ -8833,7 +8834,7 @@
           duration,
           onClick: onHandleClickOverlay
         }
-      ), renderPop()) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
+      ) : null, /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
     };
     React.useEffect(() => {
       visible && open();
@@ -9576,6 +9577,19 @@
       return pathNodes;
     }
   }
+  const defaultConfigRef = {
+    current: {
+      locale: zhCN,
+      direction: "ltr"
+    }
+  };
+  const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+  };
+  const ConfigContext = React.createContext(null);
+  const useConfig = () => {
+    return React.useContext(ConfigContext) ?? getDefaultConfig();
+  };
   const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
@@ -9598,6 +9612,7 @@
     }
   };
   const InternalCascader = (props, ref) => {
+    const { locale } = useConfig();
     const {
       className,
       style,
@@ -9673,6 +9688,9 @@
     React.useEffect(() => {
       initData();
     }, [options2, format2]);
+    React.useEffect(() => {
+      syncValue();
+    }, [value]);
     const initData = async () => {
       state.lazyLoadMap.clear();
       if (format2 && Object.keys(format2).length > 0) {
@@ -9894,7 +9912,7 @@
                   className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
                   key: pane.paneKey
                 },
-                /* @__PURE__ */ React.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.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.createElement("span", { className: "nut-tabs-titles-item-line" })
               );
             });
@@ -9988,7 +10006,7 @@
     custom: false
   };
   const ExistRender = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       type,
@@ -10044,7 +10062,7 @@
     backIcon: null
   };
   const InternalAddress = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -10439,7 +10457,7 @@
     }
   };
   const CalendarItem = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -11005,7 +11023,7 @@
     const renderFooter = () => {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
   const defaultProps$11 = {
@@ -11041,7 +11059,7 @@
     }
   };
   const Calendar = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -11258,7 +11276,7 @@
   };
   const prefixCls = "nut-calendarcard";
   const CalendarCard = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -12104,7 +12122,7 @@
     duration: 1e3
   };
   const InternalPicker = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       visible,
@@ -12400,7 +12418,7 @@
       ...defaultProps$Y,
       ...props
     };
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const lang = locale.datepicker;
     const zhCNType = {
       day: lang.day,
@@ -12661,7 +12679,7 @@
     React.useEffect(() => {
       setPickerOptions(columns());
     }, [selectedDate, startDate, endDate]);
-    return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length > 0 && /* @__PURE__ */ React.createElement(
       Picker,
       {
         ...pickerProps,
@@ -14207,7 +14225,7 @@
   const Input = React.forwardRef(
     (props, ref) => {
       const rtl = useRtl();
-      const { locale } = useConfig();
+      const { locale } = useConfig$1();
       const {
         type,
         name,
@@ -14560,7 +14578,7 @@
           [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
         })
       }
-    )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(
       "input",
       {
         ref: inputRef,
@@ -14572,7 +14590,7 @@
         onBlur: handleBlur,
         onFocus: handleFocus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
       n,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
@@ -14747,6 +14765,7 @@
       };
     };
     const micRef = React.useRef(null);
+    const cssRef = React.useRef(null);
     const targetSet = [micRef.current];
     useClickAway(
       () => {
@@ -14790,6 +14809,7 @@
       /* @__PURE__ */ React.createElement(
         CSSTransition,
         {
+          nodeRef: cssRef,
           in: showPopup,
           timeout: 100,
           classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
@@ -15018,7 +15038,7 @@
     }
   };
   const NumberKeyboard = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       rightActions,
@@ -15906,7 +15926,7 @@
   };
   const SearchBar = (props) => {
     const classPrefix2 = "nut-searchbar";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const searchRef = React.useRef(null);
     const {
       value: outerValue,
@@ -16059,7 +16079,7 @@
     autoFocus: false
   };
   const InternalShortPassword = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       description,
@@ -16157,7 +16177,7 @@
     unsupported: ""
   };
   const InternalSignature = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       type,
       lineWidth,
@@ -16338,7 +16358,7 @@
     autoSize: false
   };
   const TextArea = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       value,
@@ -16726,7 +16746,7 @@
   class FileItem {
     constructor() {
       this.status = "ready";
-      this.message = "准备中..";
+      this.message = "";
       this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
       this.percentage = 0;
       this.formData = {};
@@ -16760,7 +16780,7 @@
     }
   };
   const InternalUploader = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const fileListRef = React.useRef([]);
     const {
       children,
@@ -17009,7 +17029,7 @@
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
       "input",
       {
         className: "nut-uploader-input",
@@ -17059,6 +17079,19 @@
   };
   const Uploader = React.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,
@@ -17085,7 +17118,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = mergeProps(defaultProps$F, props);
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -17385,7 +17418,7 @@
     beforeClose: () => true
   };
   const BaseDialog = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       footer,
@@ -17404,7 +17437,7 @@
       beforeCancel,
       beforeClose,
       ...restProps
-    } = props;
+    } = mergeProps(defaultProps$E, props);
     const classPrefix2 = "nut-dialog";
     const [loading, setLoading] = React.useState(false);
     const renderFooter = () => {
@@ -17489,7 +17522,6 @@
       });
     };
   });
-  Dialog.defaultProps = defaultProps$E;
   Dialog.displayName = "NutDialog";
   const defaultProps$D = {
     ...ComponentDefaults,
@@ -17615,7 +17647,6 @@
   };
   const classPrefix$e = `nut-empty`;
   const Empty = (props) => {
-    useConfig();
     const {
       image,
       imageSize,
@@ -17684,7 +17715,7 @@
   };
   const classPrefix$d = `nut-infiniteloading`;
   const InfiniteLoading = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       type,
@@ -18383,7 +18414,6 @@
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
-    // 时长
     type: "danger",
     position: "top",
     onClose: () => {
@@ -18755,7 +18785,7 @@
   };
   const PullToRefresh = (p2) => {
     const classPrefix2 = "nut-pulltorefresh";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const props = {
       ...defaultProps$x,
       ...p2,
@@ -19542,10 +19572,7 @@
       thousands,
       style,
       ...reset
-    } = {
-      ...defaultProps$r,
-      ...props
-    };
+    } = mergeProps(defaultProps$r, props);
     const classPrefix2 = "nut-countup";
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
@@ -19607,7 +19634,6 @@
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$r;
   CountUp.displayName = "NutCountUp";
   const defaultProps$q = {};
   const _AnimatingNumbers = class _AnimatingNumbers extends React.Component {
@@ -19648,7 +19674,7 @@
     }
   };
   const Audio = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       src,
@@ -20167,7 +20193,6 @@
     destroy: false
   };
   const InternalCountDown = (props, ref) => {
-    useConfig();
     const {
       paused,
       startTime,
@@ -21338,7 +21363,7 @@
     ellipse: false
   };
   const Pagination = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       value,
       mode,
@@ -21433,7 +21458,7 @@
         onClick: (e) => handleSelectPage(currentPage + 1)
       },
       next || locale.pagination.next
-    )), mode === "lite" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
+    )), mode === "lite" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8)));
   };
   Pagination.displayName = "NutPagination";
   const defaultProps$d = {
@@ -21685,7 +21710,7 @@
     showHeader: true
   };
   const Table = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const rtl = useRtl();
     defaultProps$a.noData = locale.noData;
     const {
@@ -21955,7 +21980,7 @@
   };
   const classPrefix$2 = "nut-tour";
   const Tour = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       className,
@@ -22610,7 +22635,7 @@
     }
   };
   const TimeSelect = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       className,
@@ -22835,7 +22860,7 @@
     fontSize: 14
   };
   const WaterMark = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       content,
       fullPage,
@@ -22934,22 +22959,29 @@
     maxZoom: 3,
     space: 10,
     toolbar: [
-      /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
-      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, "重置"),
-      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, "旋转"),
-      /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, "确认")
+      /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, "Cancel"),
+      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, "Reset"),
+      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, "Rotate"),
+      /* @__PURE__ */ React.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.createElement(Button, { type: "danger", key: "cancel" }, locale.cancel),
+      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, locale.reset),
+      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
+      /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
+    ];
     const {
       children,
-      toolbar,
       maxZoom,
       space,
+      toolbar,
       toolbarPosition,
       editText,
       shape,
@@ -23243,7 +23275,7 @@
     };
     const ToolBar = () => {
       const actions = [cancel, reset, rotate, confirm2];
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
         "div",
         {
           key: index,
@@ -23251,10 +23283,10 @@
           onClick: (_e) => action()
         },
         toolbar[index]
-      ))));
+      )));
     };
     const CropperPopup = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
           ref: cropperPopupRef,
@@ -23273,7 +23305,7 @@
           /* @__PURE__ */ React.createElement("div", { className: "highlight", style: highlightStyle })
         ),
         /* @__PURE__ */ React.createElement("div", { className: toolbarPositionCls }, /* @__PURE__ */ React.createElement(ToolBar, null))
-      ));
+      );
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React.createElement(
       "input",
@@ -23283,7 +23315,7 @@
         accept: "image/*",
         className: `${classPrefix}-input`,
         onChange: (e) => inputImageChange(e),
-        "aria-label": "选择图片"
+        "aria-label": locale.avatarCropper.selectImage
       }
     ), /* @__PURE__ */ React.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
   };
@@ -23386,9 +23418,9 @@
   exports2.Video = Video;
   exports2.VirtualList = VirtualList;
   exports2.WaterMark = WaterMark;
-  exports2.getDefaultConfig = getDefaultConfig;
+  exports2.getDefaultConfig = getDefaultConfig$1;
   exports2.setDefaultConfig = setDefaultConfig;
-  exports2.useConfig = useConfig;
+  exports2.useConfig = useConfig$1;
   exports2.useRtl = useRtl;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });