@nutui/nutui-react-taro 2.6.20 → 2.6.21

package/CHANGELOG.md

@@ -1,11 +1,19 @@
-# v2.6.20
-`2024-09-20`
+# v2.6.21
+`2024-09-27`
+
+
+* 🏡 chore: update dependency linguist-languages to be included within package (#2607)
+* :sparkles: feat(Uploader): add support for deleteIcon prop customization (#2618)
+* :bug: fix: 修改jd小程序高版本弹幕不滚动问题 (#2612)
 
 
-* :bug: fix: i18n (#2597)
-* :bug: fix: 类型构建错误 (#2605)
-* 🏡 chore: replace local prettier plugin with npm package (#2603)
+# v2.6.20
+
+`2024-09-20`
 
+- :bug: fix: i18n (#2597)
+- :bug: fix: 类型构建错误 (#2605)
+- 🏡 chore: replace local prettier plugin with npm package (#2603)
 
 # v2.6.19
 

package/dist/esm/Barrage.js

@@ -1,4 +1,4 @@
-import { B as Barrage } from "./barrage.taro-CA-9uADD.js";
+import { B as Barrage } from "./barrage.taro-D2lmvcB-.js";
 export {
   Barrage as default
 };

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from "./uploader.taro-C-8Jf7un.js";
+import { U as Uploader } from "./uploader.taro-DZyZiEi2.js";
 export {
   Uploader as default
 };

package/dist/esm/{barrage.taro-CA-9uADD.js → barrage.taro-D2lmvcB-.js}

@@ -12,6 +12,7 @@ const InternalBarrage = (props, ref) => {
   const barrageContainer = useRef(null);
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
+  const domTimer = useRef(0);
   const index = useRef(0);
   const times = useRef([]);
   const historyIndex = useRef(-1);
@@ -33,25 +34,31 @@ const InternalBarrage = (props, ref) => {
     }
     return 0;
   });
+  const clearDomTimeout = () => {
+    if (domTimer.current) {
+      clearTimeout(domTimer.current);
+      domTimer.current = 0;
+    }
+  };
   useEffect(() => {
     const init = () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a2;
       if (barrageBody.current) {
         barrageCWidth.current = yield getNodeWidth(barrageBody.current);
+        (_a2 = barrageBody.current) === null || _a2 === void 0 ? void 0 : _a2.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
+        index.current = 0;
+        run();
       }
     });
-    init();
-    setTimeout(() => {
-      var _a2;
-      (_a2 = barrageBody.current) === null || _a2 === void 0 ? void 0 : _a2.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;
@@ -62,7 +69,28 @@ const InternalBarrage = (props, ref) => {
       play();
     }, intervalCache);
   };
-  const play = () => __awaiter(void 0, void 0, void 0, function* () {
+  const setStyle = (el, currentIndex) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      if (el) {
+        const refe = yield 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;
     }
@@ -74,26 +102,12 @@ const InternalBarrage = (props, ref) => {
     }
     historyIndex.current = currentIndex;
     el.innerHTML = list[_index];
-    el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
-    try {
-      const width = yield getNodeWidth(el);
-      const height = yield 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();
-  });
+  };
   return React__default.createElement(
     View,
     Object.assign({ className: classes, ref: barrageBody }, restProps),

package/dist/esm/nutui-react.es.js

@@ -47,7 +47,7 @@ import { S as S8 } from "./shortpassword.taro-ByEtEDDl.js";
 import { S as S9 } from "./signature.taro-BW4eiGIR.js";
 import { S as S10 } from "./switch.taro-CdBmDo18.js";
 import { T as T5 } from "./textarea.taro-EJQxRHZR.js";
-import { U } from "./uploader.taro-C-8Jf7un.js";
+import { U } from "./uploader.taro-DZyZiEi2.js";
 import { A as A2 } from "./actionsheet.taro-CgfXnK1M.js";
 import { B as B3 } from "./badge.taro-B42_7q8v.js";
 import { B as B4 } from "./dialog.taro-Bg730q8d.js";
@@ -87,7 +87,7 @@ import { T as T8 } from "./tag.taro-CFt28RLm.js";
 import { T as T9 } from "./tour.taro-BvBZa8nq.js";
 import { V } from "./video.taro-CecLv4sr.js";
 import { V as V2 } from "./virtuallist.taro-BlPW8ibd.js";
-import { B as B5 } from "./barrage.taro-CA-9uADD.js";
+import { B as B5 } from "./barrage.taro-D2lmvcB-.js";
 import { C as C14 } from "./card.taro-DxcIi5qH.js";
 import { T as T10 } from "./timedetail.taro-ya5JNy2L.js";
 import { T as T11 } from "./timeselect.taro-DE_a87DT.js";

package/dist/esm/{uploader.taro-C-8Jf7un.js → uploader.taro-DZyZiEi2.js}

@@ -2,13 +2,13 @@ import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useState, useImperativeHandle, useRef, useEffect } from "react";
 import classNames from "classnames";
 import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from "@tarojs/taro";
-import { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react-taro";
+import { Link, Del, Failure, Loading, Photograph } from "@nutui/icons-react-taro";
 import { B as Button } from "./button.taro-1kEru6r9.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { a as isPromise } from "./index-DeNfBlua.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { Image } from "@tarojs/components";
+import { View, Image } from "@tarojs/components";
 import { P as Progress } from "./progress.taro-CaIUT9Uo.js";
 class UploadOptions {
   constructor() {
@@ -138,7 +138,7 @@ class FileItem {
     this.formData = {};
   }
 }
-const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, children }) => {
+const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, deleteIcon, children }) => {
   const renderIcon = (item) => {
     if (item.status === ERROR) {
       return item.failIcon || React__default.createElement(Failure, { color: "#fff" });
@@ -150,7 +150,7 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
     return React__default.createElement(
       "div",
       { className: `nut-uploader-preview ${previewType}`, key: item.uid },
-      previewType === "picture" && !children && deletable && React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) }),
+      previewType === "picture" && !children && deletable && React__default.createElement(View, { className: "close", onClick: () => onDeleteItem(item, index) }, deleteIcon),
       previewType === "picture" && !children && React__default.createElement(
         "div",
         { className: "nut-uploader-preview-img" },
@@ -201,12 +201,12 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
     );
   }));
 };
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, sizeType: ["original", "compressed"], sourceType: ["album", "camera"], mediaType: ["image", "video"], camera: "back", uploadIcon: React__default.createElement(Photograph, { size: "20px", color: "#808080" }), uploadLabel: "", previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", previewUrl: "", xhrState: 200, timeout: 1e3 * 30, preview: true, deletable: true, maxDuration: 10, beforeDelete: (file, files) => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, sizeType: ["original", "compressed"], sourceType: ["album", "camera"], mediaType: ["image", "video"], camera: "back", uploadIcon: React__default.createElement(Photograph, { size: "20px", color: "#808080" }), deleteIcon: React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)" }), uploadLabel: "", previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", previewUrl: "", xhrState: 200, timeout: 1e3 * 30, preview: true, deletable: true, maxDuration: 10, beforeDelete: (file, files) => {
   return true;
 } });
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, deleteIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "deleteIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
   const [fileList, setFileList] = usePropsValue({
     value,
     defaultValue,
@@ -484,6 +484,7 @@ const InternalUploader = (props, ref) => {
       onDeleteItem,
       handleItemClick,
       previewUrl,
+      deleteIcon,
       children
     }),
     Number(maxCount) > fileList.length && previewType === "picture" && !children && React__default.createElement(

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.21 Fri Sep 27 2024 14:03:03 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:48:55 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.
 */
@@ -12862,6 +12862,7 @@ const Preview = ({
   onDeleteItem,
   handleItemClick,
   previewUrl,
+  deleteIcon,
   children
 }) => {
   const renderIcon = (item) => {
@@ -12879,12 +12880,12 @@ const Preview = ({
         key: item.uid
       },
       previewType === "picture" && !children && deletable && /* @__PURE__ */ React__default.createElement(
-        u$1,
+        View,
         {
-          color: "rgba(0,0,0,0.6)",
           className: "close",
           onClick: () => onDeleteItem(item, index)
-        }
+        },
+        deleteIcon
       ),
       previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
         Image$2,
@@ -12947,6 +12948,7 @@ const defaultProps$H = {
   mediaType: ["image", "video"],
   camera: "back",
   uploadIcon: /* @__PURE__ */ React__default.createElement(y, { size: "20px", color: "#808080" }),
+  deleteIcon: /* @__PURE__ */ React__default.createElement(u$1, { color: "rgba(0,0,0,0.6)" }),
   uploadLabel: "",
   previewType: "picture",
   fit: "cover",
@@ -12974,6 +12976,7 @@ const InternalUploader = (props, ref) => {
   const {
     children,
     uploadIcon,
+    deleteIcon,
     uploadLabel,
     accept,
     name,
@@ -13300,6 +13303,7 @@ const InternalUploader = (props, ref) => {
         onDeleteItem,
         handleItemClick,
         previewUrl,
+        deleteIcon,
         children
       }
     }
@@ -18355,6 +18359,7 @@ const InternalBarrage = (props, ref) => {
   const barrageContainer = useRef(null);
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
+  const domTimer = useRef(0);
   const index = useRef(0);
   const times = useRef([]);
   const historyIndex = useRef(-1);
@@ -18376,28 +18381,34 @@ const InternalBarrage = (props, ref) => {
     }
     return 0;
   };
+  const clearDomTimeout = () => {
+    if (domTimer.current) {
+      clearTimeout(domTimer.current);
+      domTimer.current = 0;
+    }
+  };
   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;
@@ -18408,7 +18419,30 @@ const InternalBarrage = (props, ref) => {
       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;
     }
@@ -18420,25 +18454,9 @@ const InternalBarrage = (props, ref) => {
     }
     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();
   };

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.20 Fri Sep 20 2024 13:48:55 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.
 */
@@ -12878,6 +12878,7 @@
     onDeleteItem,
     handleItemClick,
     previewUrl,
+    deleteIcon,
     children
   }) => {
     const renderIcon = (item) => {
@@ -12895,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,
@@ -12963,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",
@@ -12990,6 +12992,7 @@
     const {
       children,
       uploadIcon,
+      deleteIcon,
       uploadLabel,
       accept,
       name,
@@ -13316,6 +13319,7 @@
           onDeleteItem,
           handleItemClick,
           previewUrl,
+          deleteIcon,
           children
         }
       }
@@ -18371,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);
@@ -18392,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;
@@ -18424,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;
       }
@@ -18436,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();
     };

package/dist/types/packages/uploader/uploader.d.ts

@@ -11,6 +11,7 @@ export interface UploaderProps extends BasicComponent {
     previewType: 'picture' | 'list';
     fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     uploadIcon?: React.ReactNode;
+    deleteIcon?: React.ReactNode;
     uploadLabel?: React.ReactNode;
     name: string;
     accept: string;

package/dist/types/packages/uploader/uploader.taro.d.ts

@@ -75,6 +75,11 @@ export interface UploaderProps extends BasicComponent {
     */
     uploadIcon?: React.ReactNode
     /**
+    * 删除区域的图标名称
+    * @default -
+    */
+    deleteIcon?: React.ReactNode
+    /**
     * 上传区域图片下方文字
     * @default ""
     */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.6.20",
+  "version": "2.6.21",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",