@nutui/nutui-react-taro 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("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.19 Fri Sep 13 2024 15:42:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:02:22 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1415,6 +1415,8 @@
     noData: "暂无数据",
     placeholder: "请输入内容",
     select: "请选择",
+    edit: "编辑",
+    reset: "重置",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1452,6 +1454,7 @@
       tips: "忘记密码"
     },
     uploader: {
+      list: "上传文件",
       ready: "准备完成",
       readyUpload: "准备上传",
       waitingUpload: "等待上传",
@@ -1518,6 +1521,7 @@
       mute: "静音",
       tips: "onPlayEnd事件在loop=false时才会触发"
     },
+    avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
     datepicker: {
       year: "年",
       month: "月",
@@ -3723,7 +3727,6 @@
     direction: "vertical"
   };
   const GridItem = (props) => {
-    useConfig$1();
     const {
       children,
       style,
@@ -5701,6 +5704,7 @@
     }
   };
   const InternalCascader = (props, ref) => {
+    const { locale } = useConfig$1();
     const {
       className,
       style,
@@ -6000,7 +6004,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" })
               );
             });
@@ -12317,7 +12321,7 @@
             onConfirm && onConfirm(res2.tempFilePath, isSignedRef.current);
           },
           fail: (res2) => {
-            console.warn("保存失败");
+            console.warn("保存失败", res2);
           }
         });
       });
@@ -12711,7 +12715,7 @@
   class FileItem {
     constructor() {
       this.status = "ready";
-      this.message = "准备中..";
+      this.message = "";
       this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
       this.percentage = 0;
       this.formData = {};
@@ -12874,6 +12878,7 @@
     onDeleteItem,
     handleItemClick,
     previewUrl,
+    deleteIcon,
     children
   }) => {
     const renderIcon = (item) => {
@@ -12891,12 +12896,12 @@
           key: item.uid
         },
         previewType === "picture" && !children && deletable && /* @__PURE__ */ React.createElement(
-          u$1,
+          components.View,
           {
-            color: "rgba(0,0,0,0.6)",
             className: "close",
             onClick: () => onDeleteItem(item, index)
-          }
+          },
+          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(
           components.Image,
@@ -12959,6 +12964,7 @@
     mediaType: ["image", "video"],
     camera: "back",
     uploadIcon: /* @__PURE__ */ React.createElement(y, { size: "20px", color: "#808080" }),
+    deleteIcon: /* @__PURE__ */ React.createElement(u$1, { color: "rgba(0,0,0,0.6)" }),
     uploadLabel: "",
     previewType: "picture",
     fit: "cover",
@@ -12986,6 +12992,7 @@
     const {
       children,
       uploadIcon,
+      deleteIcon,
       uploadLabel,
       accept,
       name,
@@ -13082,7 +13089,6 @@
       }
       if ((Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD") && Taro.chooseMedia) {
         Taro.chooseMedia({
-          /** 最多可以选择的文件个数 */
           count: multiple ? maxCount * 1 - fileList.length : 1,
           /** 文件类型 */
           mediaType,
@@ -13094,16 +13100,13 @@
           sizeType,
           /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
           camera,
-          /** 接口调用失败的回调函数 */
           fail: (res) => {
             onFailure && onFailure(res);
           },
-          /** 接口调用成功的回调函数 */
           success: onChangeMedia
         });
       } else {
         Taro.chooseImage({
-          // 选择数量
           count: multiple ? maxCount * 1 - fileList.length : 1,
           // 可以指定是原图还是压缩图，默认二者都有
           sizeType,
@@ -13299,7 +13302,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" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { nativeType: "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" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
       Button,
       {
         nativeType: "button",
@@ -13316,6 +13319,7 @@
           onDeleteItem,
           handleItemClick,
           previewUrl,
+          deleteIcon,
           children
         }
       }
@@ -13845,7 +13849,6 @@
   };
   const classPrefix$f = `nut-empty`;
   const Empty = (props) => {
-    useConfig$1();
     const {
       image,
       imageSize,
@@ -14493,7 +14496,6 @@
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
-    // 时长
     type: "danger",
     position: "top",
     visible: false,
@@ -16285,7 +16287,6 @@
     destroy: false
   };
   const InternalCountDown = (props, ref) => {
-    useConfig$1();
     const {
       paused,
       startTime,
@@ -16314,7 +16315,6 @@
       isIninted: false,
       timer: 0,
       restTime: 0,
-      // 倒计时剩余时间时间
       counting: !paused && autoStart,
       // 是否处于倒计时中
       handleEndTime: Date.now(),
@@ -18375,6 +18375,7 @@
     const barrageContainer = React.useRef(null);
     const barrageCWidth = React.useRef(0);
     const timer = React.useRef(0);
+    const domTimer = React.useRef(0);
     const index = React.useRef(0);
     const times = React.useRef([]);
     const historyIndex = React.useRef(-1);
@@ -18396,28 +18397,34 @@
       }
       return 0;
     };
+    const clearDomTimeout = () => {
+      if (domTimer.current) {
+        clearTimeout(domTimer.current);
+        domTimer.current = 0;
+      }
+    };
     React.useEffect(() => {
       const init = async () => {
+        var _a;
         if (barrageBody.current) {
           barrageCWidth.current = await getNodeWidth(barrageBody.current);
+          (_a = barrageBody.current) == null ? void 0 : _a.style.setProperty(
+            "--move-distance",
+            `-${barrageCWidth.current}px`
+          );
+          index.current = 0;
+          run();
         }
       };
-      init();
-      setTimeout(() => {
-        var _a;
-        (_a = barrageBody.current) == null ? void 0 : _a.style.setProperty(
-          "--move-distance",
-          `-${barrageCWidth.current}px`
-        );
-        index.current = 0;
-        run();
+      domTimer.current = window.setTimeout(() => {
+        init();
       }, 300);
       return () => {
-        clearInterval(timer.current);
+        clearDomTimeout();
       };
     }, [list]);
     const run = () => {
-      clearInterval(timer.current);
+      clearTimeout(timer.current);
       let intervalCache = interval;
       const _index = (loop ? index.current % list.length : index.current) % rows;
       const result = times.current[_index] - rows * interval;
@@ -18428,7 +18435,30 @@
         play();
       }, intervalCache);
     };
-    const play = async () => {
+    const setStyle = async (el, currentIndex) => {
+      try {
+        if (el) {
+          const refe = await getRectByTaro(el);
+          const width = refe.width;
+          const height = refe.height;
+          el.classList.add("move");
+          const elScrollDuration = Math.round(
+            width / barrageCWidth.current * duration
+          );
+          times.current[currentIndex] = elScrollDuration;
+          el.style.animationDuration = `${duration + elScrollDuration}ms`;
+          el.style.top = `${currentIndex * (height + gapY) + 20}px`;
+          el.style.width = `${width}px`;
+        }
+      } catch (error) {
+        console.log("异常自动流转到下一个", error);
+        barrageContainer.current.removeChild(el);
+      }
+      el.addEventListener("animationend", () => {
+        barrageContainer.current.removeChild(el);
+      });
+    };
+    const play = () => {
       if (!loop && index.current >= list.length) {
         return;
       }
@@ -18440,25 +18470,9 @@
       }
       historyIndex.current = currentIndex;
       el.innerHTML = list[_index];
-      el.classList.add("barrage-item");
       barrageContainer.current.appendChild(el);
-      try {
-        const width = await getNodeWidth(el);
-        const height = await getNodeWidth(el, "height");
-        el.classList.add("move");
-        const elScrollDuration = width / barrageCWidth.current * duration;
-        times.current[currentIndex] = Math.ceil(elScrollDuration);
-        el.style.animationDuration = `${(duration + elScrollDuration).toFixed(
-          2
-        )}ms`;
-        el.style.top = `${currentIndex * (height + gapY) + 20}px`;
-        el.style.width = `${width}px`;
-      } catch (error) {
-        console.log("异常自动流转到下一个");
-      }
-      el.addEventListener("animationend", () => {
-        barrageContainer.current.removeChild(el);
-      });
+      el.classList.add("barrage-item");
+      requestAnimationFrame(() => setStyle(el, currentIndex));
       index.current++;
       run();
     };
@@ -18923,19 +18937,27 @@
     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",
     sizeType: ["original", "compressed"],
     sourceType: ["album", "camera"],
     shape: "square"
   };
   const classPrefix = `nut-avatar-cropper`;
   const AvatarCropper = (props) => {
+    const { locale } = useConfig$1();
+    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)
+    ];
+    defaultProps.editText = locale.edit;
     const {
       children,
       toolbar,