@nutui/nutui-react 2.6.19 → 2.6.21

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.19 Fri Sep 13 2024 15:44:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:09:32 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -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),
@@ -2918,7 +2922,6 @@
     direction: "vertical"
   };
   const GridItem = (props) => {
-    useConfig();
     const {
       children,
       style,
@@ -8476,7 +8479,7 @@
     }
   };
   const FixedNav = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       overlay,
@@ -9574,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: "",
@@ -9596,6 +9612,7 @@
     }
   };
   const InternalCascader = (props, ref) => {
+    const { locale } = useConfig();
     const {
       className,
       style,
@@ -9895,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" })
               );
             });
@@ -9989,7 +10006,7 @@
     custom: false
   };
   const ExistRender = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       type,
@@ -10045,7 +10062,7 @@
     backIcon: null
   };
   const InternalAddress = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -10440,7 +10457,7 @@
     }
   };
   const CalendarItem = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -11042,7 +11059,7 @@
     }
   };
   const Calendar = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -11259,7 +11276,7 @@
   };
   const prefixCls = "nut-calendarcard";
   const CalendarCard = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       style,
       className,
@@ -12105,7 +12122,7 @@
     duration: 1e3
   };
   const InternalPicker = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       visible,
@@ -12401,7 +12418,7 @@
       ...defaultProps$Y,
       ...props
     };
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const lang = locale.datepicker;
     const zhCNType = {
       day: lang.day,
@@ -14208,7 +14225,7 @@
   const Input = React.forwardRef(
     (props, ref) => {
       const rtl = useRtl();
-      const { locale } = useConfig();
+      const { locale } = useConfig$1();
       const {
         type,
         name,
@@ -15021,7 +15038,7 @@
     }
   };
   const NumberKeyboard = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       rightActions,
@@ -15909,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,
@@ -16062,7 +16079,7 @@
     autoFocus: false
   };
   const InternalShortPassword = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       title,
       description,
@@ -16160,7 +16177,7 @@
     unsupported: ""
   };
   const InternalSignature = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       type,
       lineWidth,
@@ -16341,7 +16358,7 @@
     autoSize: false
   };
   const TextArea = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       value,
@@ -16650,6 +16667,7 @@
     onDeleteItem,
     handleItemClick,
     previewUrl,
+    deleteIcon,
     children
   }) => {
     const renderIcon = (item) => {
@@ -16667,12 +16685,12 @@
           key: item.uid
         },
         previewType === "picture" && !children && deletable && /* @__PURE__ */ React.createElement(
-          p$3,
+          "div",
           {
-            color: "rgba(0,0,0,0.6)",
-            className: "close",
-            onClick: () => onDeleteItem(item, index)
-          }
+            onClick: () => onDeleteItem(item, index),
+            className: "close"
+          },
+          deleteIcon
         ),
         previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
           Image$1,
@@ -16729,7 +16747,7 @@
   class FileItem {
     constructor() {
       this.status = "ready";
-      this.message = "准备中..";
+      this.message = "";
       this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
       this.percentage = 0;
       this.formData = {};
@@ -16758,16 +16776,18 @@
     deletable: true,
     capture: false,
     uploadIcon: /* @__PURE__ */ React.createElement(c$1, { width: "20px", height: "20px", color: "#808080" }),
+    deleteIcon: /* @__PURE__ */ React.createElement(p$3, { color: "rgba(0,0,0,0.6)" }),
     beforeDelete: (file, files) => {
       return true;
     }
   };
   const InternalUploader = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const fileListRef = React.useRef([]);
     const {
       children,
       uploadIcon,
+      deleteIcon,
       uploadLabel,
       name,
       accept,
@@ -17012,7 +17032,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",
@@ -17034,7 +17054,8 @@
           onDeleteItem,
           handleItemClick,
           previewUrl,
-          children
+          children,
+          deleteIcon
         }
       }
     ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
@@ -17401,7 +17422,7 @@
     beforeClose: () => true
   };
   const BaseDialog = (props, ref) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       footer,
@@ -17630,7 +17651,6 @@
   };
   const classPrefix$e = `nut-empty`;
   const Empty = (props) => {
-    useConfig();
     const {
       image,
       imageSize,
@@ -17699,7 +17719,7 @@
   };
   const classPrefix$d = `nut-infiniteloading`;
   const InfiniteLoading = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       type,
@@ -18398,7 +18418,6 @@
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
-    // 时长
     type: "danger",
     position: "top",
     onClose: () => {
@@ -18770,7 +18789,7 @@
   };
   const PullToRefresh = (p2) => {
     const classPrefix2 = "nut-pulltorefresh";
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const props = {
       ...defaultProps$x,
       ...p2,
@@ -19659,7 +19678,7 @@
     }
   };
   const Audio = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       className,
       src,
@@ -20178,7 +20197,6 @@
     destroy: false
   };
   const InternalCountDown = (props, ref) => {
-    useConfig();
     const {
       paused,
       startTime,
@@ -21349,7 +21367,7 @@
     ellipse: false
   };
   const Pagination = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       value,
       mode,
@@ -21696,7 +21714,7 @@
     showHeader: true
   };
   const Table = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const rtl = useRtl();
     defaultProps$a.noData = locale.noData;
     const {
@@ -21966,7 +21984,7 @@
   };
   const classPrefix$2 = "nut-tour";
   const Tour = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       children,
       className,
@@ -22621,7 +22639,7 @@
     }
   };
   const TimeSelect = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       visible,
       className,
@@ -22846,7 +22864,7 @@
     fontSize: 14
   };
   const WaterMark = (props) => {
-    const { locale } = useConfig();
+    const { locale } = useConfig$1();
     const {
       content,
       fullPage,
@@ -22945,22 +22963,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,
@@ -23294,7 +23319,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());
   };
@@ -23397,9 +23422,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" });
 });