@nutui/nutui 4.0.0-beta.18 → 4.0.0-beta.19

package/dist/packages/_es/Barrage.js

@@ -1,4 +1,4 @@
-import { useSlots, computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { useSlots, computed, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -31,7 +31,6 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["click"],
   setup(props, { slots }) {
     const classTime = new Date().getTime();
     const slotDefault = !!useSlots().default;
@@ -51,6 +50,13 @@ const _sfc_main = create({
     const speeds = props.speeds;
     const danmuCWidth = ref(0);
     onMounted(() => {
+      init();
+    });
+    onUnmounted(() => {
+      danmuList.value = [];
+      clearTime();
+    });
+    const init = () => {
       var _a;
       danmuCWidth.value = dmBody.value.offsetWidth;
       if (slotDefault) {
@@ -70,17 +76,11 @@ const _sfc_main = create({
         (_a2 = dmBody.value) == null ? void 0 : _a2.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
         run();
       }, 300);
-    });
-    onUnmounted(() => {
-      danmuList.value = [];
-      clearInterval(timer);
-      timer = 0;
-    });
-    onDeactivated(() => {
-      danmuList.value = [];
-      clearInterval(timer);
+    };
+    const clearTime = () => {
+      clearTimeout(timer);
       timer = 0;
-    });
+    };
     watch(
       () => props.danmu,
       (newValue) => {
@@ -98,8 +98,7 @@ const _sfc_main = create({
       }
     };
     const run = () => {
-      clearInterval(timer);
-      timer = 0;
+      clearTime();
       timer = setTimeout(() => {
         play();
         run();
@@ -132,20 +131,15 @@ const _sfc_main = create({
           el.style.width = width + 20 + "px";
         }
         el.dataset.index = `${_index}`;
-        if (slotDefault) {
-          index2.value++;
-          el.addEventListener("animationend", () => {
-            var _a3;
-            if ((_a3 = el == null ? void 0 : el.classList) == null ? void 0 : _a3.contains("move")) {
-              el.classList.remove("move");
-            }
-          });
-        } else {
-          el.addEventListener("animationend", () => {
+        el.addEventListener("animationend", () => {
+          var _a3;
+          if (slotDefault) {
+            ((_a3 = el == null ? void 0 : el.classList) == null ? void 0 : _a3.contains("move")) && el.classList.remove("move");
+          } else {
             dmContainer.value.removeChild(el);
-          });
-          index2.value++;
-        }
+          }
+        });
+        index2.value++;
       });
     };
     return { classTime, classes, danmuList, dmBody, dmContainer, add };

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.0.0-beta.18",
+  "version": "4.0.0-beta.19",
   "contributions": {
     "html": {
       "tags": [
@@ -616,7 +616,7 @@
             },
             {
               "name": "speeds",
-              "default": "`2000`",
+              "default": "`5000`",
               "description": "每个弹幕的滚动时间",
               "value": {
                 "type": "number",
@@ -625,7 +625,7 @@
             },
             {
               "name": "rows",
-              "default": "`1`",
+              "default": "`3`",
               "description": "弹幕行数，分几行展示",
               "value": {
                 "type": "number",