@nutui/nutui-react-taro 2.6.18 → 2.6.20

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.18 Fri Sep 13 2024 10:21:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:48:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -264,7 +264,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1v = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -299,7 +299,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1v,
+      ...defaultProps$1u,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -366,7 +366,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -375,7 +375,7 @@ const defaultProps$1u = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1u,
+    ...defaultProps$1t,
     ...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(
@@ -387,7 +387,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -414,7 +414,7 @@ const Cell = (props) => {
     clickable,
     ...rest
   } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   const handleClick = (event) => {
@@ -1399,6 +1399,8 @@ const zhCN = {
   noData: "暂无数据",
   placeholder: "请输入内容",
   select: "请选择",
+  edit: "编辑",
+  reset: "重置",
   video: {
     errorTip: "视频加载失败",
     clickRetry: "点击重试"
@@ -1436,6 +1438,7 @@ const zhCN = {
     tips: "忘记密码"
   },
   uploader: {
+    list: "上传文件",
     ready: "准备完成",
     readyUpload: "准备上传",
     waitingUpload: "等待上传",
@@ -1502,6 +1505,7 @@ const zhCN = {
     mute: "静音",
     tips: "onPlayEnd事件在loop=false时才会触发"
   },
+  avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
   datepicker: {
     year: "年",
     month: "月",
@@ -1589,7 +1593,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1s = {
+const defaultProps$1r = {
   src: "",
   error: true,
   loading: true
@@ -1608,7 +1612,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1s, ...props };
+  } = { ...defaultProps$1r, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e2) => {
@@ -3600,7 +3604,7 @@ const Overlay = (props) => {
   const onHandleClosed = (e2) => {
     afterClose && afterClose();
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
       nodeRef,
@@ -3623,11 +3627,11 @@ const Overlay = (props) => {
       },
       children
     )
-  ));
+  );
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -3635,7 +3639,7 @@ const defaultProps$1r = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1r,
+    ...defaultProps$1q,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -3668,7 +3672,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -3676,7 +3680,7 @@ const defaultProps$1q = {
 const classPrefix$o = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -3697,7 +3701,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1p = {
+const defaultProps$1o = {
   text: "",
   columns: 4,
   gap: 0,
@@ -3707,7 +3711,6 @@ const defaultProps$1p = {
   direction: "vertical"
 };
 const GridItem = (props) => {
-  useConfig$1();
   const {
     children,
     style,
@@ -3723,7 +3726,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -3782,7 +3785,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1o = {
+const defaultProps$1n = {
   columns: 4,
   gap: 0,
   center: true,
@@ -3803,7 +3806,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1o, ...props };
+  } = { ...defaultProps$1n, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3839,9 +3842,7 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1n = {};
-const Layout = (props) => {
-  ({ ...defaultProps$1n, ...props });
+const Layout = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
@@ -4766,6 +4767,7 @@ const Popup = (props) => {
     return /* @__PURE__ */ React__default.createElement(
       CSSTransition,
       {
+        nodeRef: refObject,
         classNames: transitionName,
         mountOnEnter: true,
         unmountOnExit: destroyOnClose,
@@ -4789,7 +4791,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,
@@ -4800,7 +4802,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 && open2();
@@ -5686,6 +5688,7 @@ const defaultProps$16 = {
   }
 };
 const InternalCascader = (props, ref) => {
+  const { locale } = useConfig$1();
   const {
     className,
     style,
@@ -5761,6 +5764,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options, format2]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format2 && Object.keys(format2).length > 0) {
@@ -5982,7 +5988,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" })
             );
           });
@@ -7057,7 +7063,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: confirm }, 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$12 = {
@@ -8766,7 +8772,7 @@ const DatePicker = (props) => {
       catchMove: true,
       ...rest
     },
-    pickerOptions.length && /* @__PURE__ */ React__default.createElement(
+    pickerOptions.length > 0 && /* @__PURE__ */ React__default.createElement(
       Picker,
       {
         ...pickerProps,
@@ -10680,7 +10686,7 @@ const InputNumber = (props) => {
         [`${classPrefix$h}-icon-disabled`]: shadowValue === min || disabled
       })
     }
-  )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: "nut-number-input",
@@ -10694,7 +10700,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(
     t,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
@@ -10749,6 +10755,7 @@ const MenuItem = forwardRef((props, ref) => {
       onChange == null ? void 0 : onChange(option);
     }
   });
+  const cssRef = useRef(null);
   useEffect(() => {
     setShowPopup(show2);
   }, [show2]);
@@ -10872,6 +10879,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"
@@ -12297,7 +12305,7 @@ const InternalSignature = (props, ref) => {
           onConfirm && onConfirm(res2.tempFilePath, isSignedRef.current);
         },
         fail: (res2) => {
-          console.warn("保存失败");
+          console.warn("保存失败", res2);
         }
       });
     });
@@ -12691,7 +12699,7 @@ const funcInterceptor = (interceptor, {
 class FileItem {
   constructor() {
     this.status = "ready";
-    this.message = "准备中..";
+    this.message = "";
     this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
     this.percentage = 0;
     this.formData = {};
@@ -13062,7 +13070,6 @@ const InternalUploader = (props, ref) => {
     }
     if ((getEnv() === "WEAPP" || getEnv() === "JD") && chooseMedia) {
       chooseMedia({
-        /** 最多可以选择的文件个数 */
         count: multiple ? maxCount * 1 - fileList.length : 1,
         /** 文件类型 */
         mediaType,
@@ -13074,16 +13081,13 @@ const InternalUploader = (props, ref) => {
         sizeType,
         /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
         camera,
-        /** 接口调用失败的回调函数 */
         fail: (res) => {
           onFailure && onFailure(res);
         },
-        /** 接口调用成功的回调函数 */
         success: onChangeMedia
       });
     } else {
       chooseImage({
-        // 选择数量
         count: multiple ? maxCount * 1 - fileList.length : 1,
         // 可以指定是原图还是压缩图，默认二者都有
         sizeType,
@@ -13279,7 +13283,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" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { nativeType: "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" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
     Button,
     {
       nativeType: "button",
@@ -13317,6 +13321,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$G = {
   ...ComponentDefaults,
   visible: false,
@@ -13343,7 +13360,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$G, ...props };
+  } = mergeProps(defaultProps$G, props);
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -13535,7 +13552,7 @@ const BaseDialog = (props) => {
       beforeClose
     },
     setParams
-  } = useParams({ ...defaultProps$F, ...props });
+  } = useParams(mergeProps(defaultProps$F, props));
   useCustomEvent(
     id,
     ({ status, options }) => {
@@ -13660,7 +13677,6 @@ function close$1(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, { status: false });
 }
-BaseDialog.defaultProps = defaultProps$F;
 BaseDialog.displayName = "NutDialog";
 BaseDialog.open = open$1;
 BaseDialog.close = close$1;
@@ -13813,7 +13829,6 @@ const defaultProps$D = {
 };
 const classPrefix$f = `nut-empty`;
 const Empty = (props) => {
-  useConfig$1();
   const {
     image,
     imageSize,
@@ -14461,7 +14476,6 @@ const defaultProps$z = {
   ...ComponentDefaults,
   id: "",
   duration: 3e3,
-  // 时长
   type: "danger",
   position: "top",
   visible: false,
@@ -14483,12 +14497,13 @@ const Notify = (props) => {
     duration,
     onClose,
     onClick
-  } = { ...defaultProps$z, ...props };
+  } = mergeProps(defaultProps$z, props);
   useCustomEvent(id, (status) => {
     status ? show2() : hide2();
   });
   let timer;
   const [showNotify, setShowNotify] = useState(false);
+  const cssRef = useRef(null);
   useEffect(() => {
     if (visible) {
       show2();
@@ -14527,6 +14542,7 @@ const Notify = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
+      nodeRef: cssRef,
       in: showNotify,
       timeout: 300,
       classNames: "fade",
@@ -14554,7 +14570,6 @@ function close(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, false);
 }
-Notify.defaultProps = defaultProps$z;
 Notify.displayName = "NutNotify";
 Notify.open = open;
 Notify.close = close;
@@ -15444,7 +15459,7 @@ const Toast = (props) => {
       wordBreak
     },
     setParams
-  } = useParams({ ...defaultProps$s, ...props });
+  } = useParams(mergeProps(defaultProps$s, props));
   const timer = useRef(-1);
   const [innerVisible, setInnerVisible] = usePropsValue({
     value: visible,
@@ -15552,7 +15567,6 @@ function hide(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, { status: false });
 }
-Toast.defaultProps = defaultProps$s;
 Toast.displayName = "NutToast";
 Toast.show = show;
 Toast.hide = hide;
@@ -15607,10 +15621,7 @@ const CountUp = (props) => {
     thousands,
     style,
     ...reset
-  } = {
-    ...defaultProps$q,
-    ...props
-  };
+  } = mergeProps(defaultProps$q, props);
   const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
@@ -15682,7 +15693,6 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$q;
 CountUp.displayName = "NutCountUp";
 const defaultProps$p = {};
 const _AnimatingNumbers = class _AnimatingNumbers extends Component {
@@ -15834,14 +15844,14 @@ const Audio = (props) => {
     }
   };
   const renderIcon = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `${classPrefix2}-icon-box} ${playing ? `${classPrefix2}-icon-play}` : `${classPrefix2}-icon-stop}`}`,
         onClick: handleStatusChange
       },
       /* @__PURE__ */ React__default.createElement(L, { className: playing ? "nut-icon-loading" : "" })
-    )));
+    ));
   };
   const renderProgerss = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-progress` }, /* @__PURE__ */ React__default.createElement("div", { className: "time" }, currentDuration), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-progress-bar-wrapper` }, /* @__PURE__ */ React__default.createElement(
@@ -16257,7 +16267,6 @@ const defaultProps$k = {
   destroy: false
 };
 const InternalCountDown = (props, ref) => {
-  useConfig$1();
   const {
     paused,
     startTime,
@@ -16286,7 +16295,6 @@ const InternalCountDown = (props, ref) => {
     isIninted: false,
     timer: 0,
     restTime: 0,
-    // 倒计时剩余时间时间
     counting: !paused && autoStart,
     // 是否处于倒计时中
     handleEndTime: Date.now(),
@@ -16760,7 +16768,7 @@ const Ellipsis = (props) => {
       ) : null,
       ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
       (_d = ellipsis.current) == null ? void 0 : _d.tailing
-    ) : null, exceeded && expanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    ) : null, exceeded && expanded ? /* @__PURE__ */ React__default.createElement(
       View,
       {
         style: {
@@ -16779,7 +16787,7 @@ const Ellipsis = (props) => {
         },
         collapseText
       ) : null
-    )) : null)
+    ) : null)
   ), /* @__PURE__ */ React__default.createElement(
     View,
     {
@@ -17364,7 +17372,7 @@ const Pagination = (props) => {
       onClick: (e2) => 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$e = {
@@ -18895,19 +18903,27 @@ 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",
   sizeType: ["original", "compressed"],
   sourceType: ["album", "camera"],
   shape: "square"
 };
 const classPrefix = `nut-avatar-cropper`;
 const AvatarCropper = (props) => {
+  const { locale } = useConfig$1();
+  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)
+  ];
+  defaultProps.editText = locale.edit;
   const {
     children,
     toolbar,
@@ -19379,7 +19395,7 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm];
-    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,
@@ -19387,11 +19403,11 @@ const AvatarCropper = (props) => {
         onClick: (_e) => action()
       },
       toolbar[index]
-    ))));
+    )));
   };
   const CropperPopup = () => {
     const { canvasId } = canvasAll;
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `${classPrefix}-popup`,
@@ -19418,7 +19434,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("div", { className: "nut-avatar-cropper-edit-text", onClick: chooseImage2 }, editText)), CropperPopup());
 };