@nutui/nutui 3.2.5 → 3.2.6-beta.1

package/dist/packages/_es/Audio.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
+import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createTextVNode, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -192,6 +192,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2, [
       createElementVNode("div", _hoisted_3, toDisplayString(_ctx.currentDuration), 1),
+      createTextVNode(),
       createElementVNode("div", _hoisted_4, [
         createVNode(_component_nut_range, {
           modelValue: _ctx.percent,
@@ -207,8 +208,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
+      createTextVNode(),
       createElementVNode("div", _hoisted_6, toDisplayString(_ctx.duration), 1)
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7, [
       createElementVNode("div", {
         class: normalizeClass(["nut-audio-icon-box", _ctx.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]),
@@ -219,19 +222,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           name: "service",
           class: "nut-icon-am-rotate nut-icon-am-infinite"
         })) : createCommentVNode("", true),
+        createTextVNode(),
         !_ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
           key: 1,
           name: "service"
         })) : createCommentVNode("", true)
       ], 2)
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
       key: 2,
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
     }, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
+    createTextVNode(),
     createElementVNode("audio", {
       class: "audioMain",
       controls: _ctx.type == "controls",

package/dist/packages/_es/AudioOperate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -45,6 +45,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "nut-audio-operate-item",
@@ -60,8 +61,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true),
+      createTextVNode(),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
       key: 2,
       class: "nut-audio-operate-item",
@@ -79,6 +82,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
       key: 3,
       class: "nut-audio-operate-item",

package/dist/packages/_es/Avatar.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, mergeProps, createCommentVNode, renderSlot, toDisplayString } from "vue";
+import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, mergeProps, createCommentVNode, createTextVNode, renderSlot, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -94,15 +94,13 @@ const _sfc_main = create({
       return slots.default;
     });
     const avatarLength = (children) => {
-      var _a, _b, _c;
+      var _a, _b;
       state.maxIndex = children.length;
       for (let i = 0; i < children.length; i++) {
-        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
-          children[i].setAttribute("data-index", i + 1);
-        }
+        children[i].setAttribute("data-index", i + 1);
       }
-      state.index = (_b = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
-      if (state.index == state.maxIndex && state.index != ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.maxCount)) {
+      state.index = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.props["data-index"];
+      if (state.index == state.maxIndex && state.index != ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxCount)) {
         state.showMax = true;
       }
     };
@@ -156,12 +154,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "icon",
         name: _ctx.iconStyles
       }), null, 16, ["name"])) : createCommentVNode("", true),
+      createTextVNode(),
       _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true)
     ], 64)) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : createCommentVNode("", true)
   ], 6)) : createCommentVNode("", true);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/AvatarGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -46,7 +46,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     toRefs(props);
     const avatarGroupRef = ref(null);
-    const index2 = ref(0);
+    const index = ref(0);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -58,7 +58,7 @@ const _sfc_main = create({
     provide("avatarGroup", {
       props,
       avatarGroupRef,
-      index: index2
+      index
     });
     return {
       classes,
@@ -74,5 +74,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/BackTop.js

@@ -1,15 +1,19 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createVNode } from "vue";
+import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, renderSlot, createTextVNode, createElementVNode, normalizeClass, withModifiers } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("backtop");
 const _sfc_main = create({
   props: {
+    height: {
+      type: String,
+      default: "100vh"
+    },
     bottom: {
       type: Number,
       default: 20
@@ -18,35 +22,20 @@ const _sfc_main = create({
       type: Number,
       default: 10
     },
-    elId: {
-      type: [String],
-      default: "body"
-    },
-    distance: {
-      type: Number,
-      default: 200
-    },
     zIndex: {
       type: Number,
       default: 10
     },
-    isAnimation: {
-      type: Boolean,
-      default: true
-    },
-    duration: {
+    distance: {
       type: Number,
-      default: 1e3
+      default: 200
     }
   },
   emits: ["click"],
   setup(props, { emit }) {
     const state = reactive({
       backTop: false,
-      scrollTop: 0,
-      scrollEl: window,
-      startTime: 0,
-      keepAlive: false
+      scrollTop: 1
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -62,102 +51,60 @@ const _sfc_main = create({
         zIndex: props.zIndex
       };
     });
-    function scrollListener() {
-      if (state.scrollEl instanceof Window) {
-        state.scrollTop = state.scrollEl.pageYOffset;
-      } else {
-        state.scrollTop = state.scrollEl.scrollTop;
-      }
-      state.backTop = state.scrollTop >= props.distance;
-    }
-    function scroll(y = 0) {
-      if (state.scrollEl instanceof Window) {
-        window.scrollTo(0, y);
-      } else {
-        state.scrollEl.scrollTop = y;
-      }
-    }
-    function scrollAnimation() {
-      let cid = requestAniFrame()(function fn() {
-        var t = props.duration - Math.max(0, state.startTime - +new Date() + props.duration);
-        var y = t * -state.scrollTop / props.duration + state.scrollTop;
-        scroll(y);
-        cid = requestAniFrame()(fn);
-        if (t == props.duration || y == 0) {
-          window.cancelAnimationFrame(cid);
-        }
-      });
-    }
-    function addEventListener() {
-      state.scrollEl.addEventListener("scroll", scrollListener, false);
-      state.scrollEl.addEventListener("resize", scrollListener, false);
-    }
-    function removeEventListener() {
-      state.scrollEl.removeEventListener("scroll", scrollListener, false);
-      state.scrollEl.removeEventListener("resize", scrollListener, false);
-    }
-    function initCancelAniFrame() {
-      window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-    }
-    function requestAniFrame() {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
-        window.setTimeout(callback, 1e3 / 60);
-      };
-    }
-    function click(e) {
-      state.startTime = +new Date();
-      props.isAnimation && props.duration > 0 ? scrollAnimation() : scroll();
+    const scroll = (e) => {
+      state.scrollTop = 2;
+      state.backTop = e.detail.scrollTop >= props.distance;
+    };
+    const click = (e) => {
+      state.scrollTop = 1;
       emit("click", e);
-    }
-    function init() {
-      if (props.elId && document.getElementById(props.elId)) {
-        state.scrollEl = document.getElementById(props.elId);
-      }
-      addEventListener();
-      initCancelAniFrame();
-    }
-    onMounted(() => {
-      if (props.distance == 0) {
-        state.backTop = true;
-      }
-      init();
-    });
-    onUnmounted(() => {
-      removeEventListener();
-    });
-    onActivated(() => {
-      if (state.keepAlive) {
-        state.keepAlive = false;
-        init();
-      }
-    });
-    onDeactivated(() => {
-      state.keepAlive = true;
-      removeEventListener();
-    });
+    };
     return {
-      state,
+      ...toRefs(state),
       classes,
       style,
+      scroll,
       click
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_scroll_view = resolveComponent(function() {
+    if (process.env.TARO_ENV === "h5") {
+      return "taro-scroll-view";
+    } else {
+      return "scroll-view";
+    }
+  }());
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.style),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
-  }, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createVNode(_component_nut_icon, {
-        size: "19px",
-        class: "nut-backtop-main",
-        name: "top"
-      })
-    ])
-  ], 6);
+  return openBlock(), createElementBlock("view", null, [
+    createVNode(_component_scroll_view, {
+      "scroll-y": true,
+      style: normalizeStyle({ height: _ctx.height }),
+      onScroll: _ctx.scroll,
+      "scroll-top": _ctx.scrollTop,
+      "scroll-with-animation": "true"
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "content")
+      ]),
+      _: 3
+    }, 8, ["style", "onScroll", "scroll-top"]),
+    createTextVNode(),
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.classes),
+      style: normalizeStyle(_ctx.style),
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
+    }, [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        createVNode(_component_nut_icon, {
+          size: "19px",
+          class: "nut-backtop-main",
+          name: "top"
+        })
+      ])
+    ], 6)
+  ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Badge.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
+import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -77,7 +77,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "icons")
     ]),
+    createTextVNode(),
     renderSlot(_ctx.$slots, "default"),
+    createTextVNode(),
     withDirectives(createElementVNode("view", {
       textContent: toDisplayString(_ctx.content),
       class: normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
@@ -87,5 +89,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Barrage.js

@@ -1,16 +1,16 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { useSlots, computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, useCssVars, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { useSlots, ref, computed, onMounted, onUnmounted, onDeactivated, watch, reactive, useCssVars, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-var index_vue_vue_type_style_index_0_lang = "";
+var index_taro_vue_vue_type_style_index_0_lang = "";
 const { componentName, create } = createComponent("barrage");
 const __default__ = create({
-  name: "barrage",
   props: {
     danmu: {
       type: Array,
@@ -18,11 +18,11 @@ const __default__ = create({
     },
     frequency: {
       type: Number,
-      default: 500
+      default: 200
     },
     speeds: {
       type: Number,
-      default: 5e3
+      default: 800
     },
     rows: {
       type: Number,
@@ -41,126 +41,97 @@ const __default__ = create({
   setup(props, { slots }) {
     const classTime = new Date().getTime();
     const slotDefault = !!useSlots().default;
+    const timeId = ref(new Date().getTime());
+    const danmuList = ref(props.danmu);
+    const danmuListSlots = ref([]);
+    const rows = ref(props.rows);
+    const top = ref(props.top);
+    const speeds = props.speeds;
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
-        [prefixCls]: true
+        [prefixCls]: true,
+        ["dmBody" + timeId.value]: true
       };
     });
-    let dmBody = ref(document.createElement("div"));
-    let dmContainer = ref(document.createElement("div"));
-    let timer = 0;
-    const danmuList = ref(props.danmu);
-    const rows = ref(props.rows);
-    const top = ref(props.top);
-    const index2 = ref(0);
-    const speeds = props.speeds;
-    const danmuCWidth = ref(0);
     onMounted(() => {
       var _a;
-      danmuCWidth.value = dmBody.value.offsetWidth;
       if (slotDefault) {
-        const list = document.getElementsByClassName("slotBody" + classTime);
+        const list = document.getElementsByClassName("slotBody" + classTime)[0].getElementsByClassName("dmitem");
+        console.log(list);
         let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
-        const dmList = [];
-        if (childrens) {
-          Array.from(childrens).forEach((item) => {
-            item.style.opacity = "0";
-            dmList.push(item);
-          });
-        }
-        danmuList.value = dmList;
+        danmuList.value = childrens;
       }
-      setTimeout(() => {
-        run();
-      }, 300);
+      runStep();
     });
     onUnmounted(() => {
       danmuList.value = [];
-      clearInterval(timer);
-      timer = 0;
     });
     onDeactivated(() => {
       danmuList.value = [];
-      clearInterval(timer);
-      timer = 0;
     });
     watch(
       () => props.danmu,
       (newValue) => {
-        if (props.danmu.length > 0) {
-          danmuList.value = [...newValue];
-        }
+        danmuList.value = [...newValue];
       }
     );
     const add = (word) => {
-      const _index = index2.value % danmuList.value.length;
-      if (!props.loop && index2.value === danmuList.value.length) {
-        danmuList.value.splice(danmuList.value.length, 0, word);
-      } else {
-        danmuList.value.splice(_index, 0, word);
-      }
+      danmuList.value = [...danmuList.value, word];
+      runStep();
     };
-    const run = () => {
-      clearInterval(timer);
-      timer = 0;
-      timer = setInterval(() => {
-        play();
-        run();
-      }, props.frequency);
+    const getNode = (index) => {
+      const query = Taro.createSelectorQuery();
+      setTimeout(() => {
+        let width = 100;
+        query.select(".dmBody" + timeId.value).boundingClientRect((rec) => {
+          width = rec.width || 300;
+        });
+        query.select(".dmitem" + index).boundingClientRect((recs) => {
+          let height = recs.height;
+          let nodeTop = index % rows.value * (height + top.value) + 20 + "px";
+          styleInfo(index, nodeTop, width);
+        }).exec();
+      }, 500);
     };
-    const distance = ref("0");
-    const play = () => {
-      var _a, _b, _c;
-      if (!props.loop && index2.value >= danmuList.value.length) {
-        return;
-      }
-      const _index = props.loop ? index2.value % danmuList.value.length : index2.value;
-      let el = document.createElement(`view`);
-      if (slotDefault && typeof danmuList.value[_index] == "object") {
-        el = danmuList.value[_index];
-        if ((_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.contains("dmitem")) {
-          el.classList.remove("dmitem");
-        }
-        if ((_b = el == null ? void 0 : el.classList) == null ? void 0 : _b.contains("move")) {
-          el.classList.remove("move");
-        }
-        (_c = el == null ? void 0 : el.classList) == null ? void 0 : _c.add("dmitem");
-      } else {
-        el.innerHTML = danmuList.value[_index];
-        el.classList.add("dmitem");
-        dmContainer.value.appendChild(el);
-      }
-      nextTick(() => {
-        var _a2;
-        const height = el.offsetHeight;
-        (_a2 = el == null ? void 0 : el.classList) == null ? void 0 : _a2.add("move");
-        el.style.animationDuration = `${speeds}ms`;
-        el.style.top = _index % rows.value * (height + top.value) + 20 + "px";
-        el.style.opacity = "1";
-        if (!slotDefault) {
-          const width = el.offsetWidth;
-          el.style.width = width + 20 + "px";
-        }
-        el.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-        distance.value = "-" + speeds / 1e3 * 150 + "%";
-        el.dataset.index = `${_index}`;
-        if (slotDefault) {
-          index2.value++;
+    const runStep = () => {
+      danmuList.value.forEach((item, index) => {
+        if (typeof danmuList.value[index] == "object") {
+          getNode(index);
         } else {
-          el.addEventListener("animationend", () => {
-            dmContainer.value.removeChild(el);
-          });
-          index2.value++;
+          getNode(index);
         }
       });
     };
-    return { classTime, classes, danmuList, dmBody, dmContainer, add, distance };
+    const distance = ref("0");
+    let styleList = reactive([]);
+    const styleInfo = (index, nodeTop, width) => {
+      var _a;
+      let timeIndex = index - rows.value > 0 ? index - rows.value : 0;
+      let list = styleList;
+      let time = list[timeIndex] ? Number(list[timeIndex]["--time"]) : 0;
+      distance.value = "-" + speeds / 1e3 * 200 + "%";
+      let obj = {
+        top: nodeTop,
+        "--time": `${props.frequency * index + time}`,
+        animationDuration: `${speeds}ms`,
+        animationIterationCount: `${props.loop ? "infinite" : 1}`,
+        animationDelay: `${props.frequency * index + time}ms`,
+        "--move-distance": `-${width}px`
+      };
+      if (slotDefault && ((_a = danmuList.value[index]) == null ? void 0 : _a.el)) {
+        let orginalSty = danmuList.value[index].el.style;
+        danmuList.value[index].el.style = Object.assign(orginalSty, obj);
+      } else {
+        styleList.push(obj);
+      }
+    };
+    return { classTime, classes, danmuList, add, styleList, distance, danmuListSlots };
   }
 });
 const __injectCSSVars__ = () => {
   useCssVars((_ctx) => ({
-    "01d702ea": _ctx.distance
+    "9732a304": _ctx.distance
   }));
 };
 const __setup__ = __default__.setup;
@@ -170,22 +141,27 @@ __default__.setup = __setup__ ? (props, ctx) => {
 } : __injectCSSVars__;
 const _sfc_main = __default__;
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "dmBody",
-    class: normalizeClass(_ctx.classes)
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(["dmBody", _ctx.classes])
   }, [
     createElementVNode("div", {
       ref: "dmContainer",
       class: normalizeClass(["dmContainer", _ctx.$slots.default && "slotContainer"])
     }, [
-      _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
-        key: 0,
+      createElementVNode("div", {
         class: normalizeClass(["slotBody", "slotBody" + _ctx.classTime])
       }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2)) : createCommentVNode("", true)
-    ], 2)
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.danmuList, (item, index) => {
+          return openBlock(), createElementBlock("view", {
+            key: "danmu" + index,
+            class: normalizeClass(["dmitem", "dmitem" + index, "move"]),
+            style: normalizeStyle(_ctx.styleList[index])
+          }, toDisplayString(item.length > 8 ? item.substr(0, 8) + "..." : item), 7);
+        }), 128))
+      ], 2)
+    ], 2),
+    createTextVNode()
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };