@nutui/nutui 3.2.2 → 3.2.4-beta.0

package/dist/packages/_es/ActionSheet.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -32,7 +13,8 @@ import "./Icon.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("actionsheet");
 const _sfc_main = create({
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     cancelTxt: {
       type: String,
       default: ""
@@ -73,7 +55,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     }
-  }),
+  },
   emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;

package/dist/packages/_es/Address.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -33,7 +14,8 @@ import "./pxCheck.js";
 const { componentName, create, translate } = createComponent("address");
 const _sfc_main = create({
   inheritAttrs: false,
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: {
       type: Array,
       default: () => []
@@ -102,7 +84,7 @@ const _sfc_main = create({
       type: [String, Array],
       default: ""
     }
-  }),
+  },
   emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
   setup(props, { emit }) {
     const regionLine = ref(null);
@@ -278,10 +260,13 @@ const _sfc_main = create({
       lineAnimation();
     };
     const close = () => {
-      const resCopy = Object.assign({
-        addressIdStr: "",
-        addressStr: ""
-      }, selectedRegion);
+      const resCopy = Object.assign(
+        {
+          addressIdStr: "",
+          addressStr: ""
+        },
+        selectedRegion
+      );
       const res = {
         data: {},
         type: privateType.value
@@ -324,36 +309,57 @@ const _sfc_main = create({
     const handleElevatorItem = (key, item) => {
       nextAreaList(item);
     };
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    watch(() => showPopup.value, (value) => {
-      if (value == false) {
-        close();
-      } else {
-        initCustomSelected();
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
       }
-    });
-    watch(() => props.province, (value) => {
-      regionList.province = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.city, (value) => {
-      regionList.city = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.country, (value) => {
-      regionList.country = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.town, (value) => {
-      regionList.town = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.existAddress, (value) => {
-      value.forEach((item, index2) => {
-        if (item.selectedAddress) {
-          selectedExistAddress = item;
+    );
+    watch(
+      () => showPopup.value,
+      (value) => {
+        if (value == false) {
+          close();
+        } else {
+          initCustomSelected();
         }
-      });
-    });
-    return __spreadProps(__spreadValues({
+      }
+    );
+    watch(
+      () => props.province,
+      (value) => {
+        regionList.province = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.city,
+      (value) => {
+        regionList.city = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.country,
+      (value) => {
+        regionList.country = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.town,
+      (value) => {
+        regionList.town = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.existAddress,
+      (value) => {
+        value.forEach((item, index2) => {
+          if (item.selectedAddress) {
+            selectedExistAddress = item;
+          }
+        });
+      }
+    );
+    return {
       showPopup,
       privateType,
       tabIndex,
@@ -374,10 +380,10 @@ const _sfc_main = create({
       clickOverlay,
       handClose,
       handleElevatorItem,
-      initCustomSelected
-    }, toRefs(props)), {
+      initCustomSelected,
+      ...toRefs(props),
       translate
-    });
+    };
   }
 });
 const _hoisted_1 = { class: "nut-address" };

package/dist/packages/_es/AddressList.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,7 +7,7 @@ import { resolveComponent, openBlock, createElementBlock, createElementVNode, re
 import { c as createComponent, f as floatData } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-var ItemContents_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "/* @import './index.scss'; */")();
+var ItemContents_vue_vue_type_style_index_0_lang = "";
 const { componentName: componentName$4, create: create$4 } = createComponent("item-contents");
 const { translate: translate$1 } = createComponent("addresslist");
 const _sfc_main$4 = create$4({
@@ -45,7 +45,7 @@ const _sfc_main$4 = create$4({
   }
 });
 const _hoisted_1$4 = { class: "nut-item-contents__info" };
-const _hoisted_2$2 = { class: "nut-item-contents__info-contact" };
+const _hoisted_2$1 = { class: "nut-item-contents__info-contact" };
 const _hoisted_3$1 = { class: "nut-item-contents__info-contact-name" };
 const _hoisted_4$1 = { class: "nut-item-contents__info-contact-tel" };
 const _hoisted_5$1 = {
@@ -61,7 +61,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.contentsClick && _ctx.contentsClick(...args))
   }, [
     createElementVNode("div", _hoisted_1$4, [
-      createElementVNode("div", _hoisted_2$2, [
+      createElementVNode("div", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "contentTop", {}, () => [
           createElementVNode("div", _hoisted_3$1, toDisplayString(_ctx.item.addressName), 1),
           createElementVNode("div", _hoisted_4$1, toDisplayString(_ctx.item.phone), 1),
@@ -188,13 +188,13 @@ const _sfc_main$3 = create$3({
   }
 });
 const _hoisted_1$3 = { class: "nut-long-press-shell" };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
   /* @__PURE__ */ createTextVNode(" \u590D\u5236"),
   /* @__PURE__ */ createElementVNode("br"),
   /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
 ], -1);
 const _hoisted_3 = [
-  _hoisted_2$1
+  _hoisted_2
 ];
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
   /* @__PURE__ */ createTextVNode(" \u8BBE\u7F6E"),
@@ -316,7 +316,6 @@ const _sfc_main$2 = create$2({
   }
 });
 const _hoisted_1$2 = { class: "nut-swipe-shell" };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5220\u9664");
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_item_contents = resolveComponent("item-contents");
   const _component_nut_button = resolveComponent("nut-button");
@@ -331,7 +330,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.swipeDelClick
         }, {
           default: withCtx(() => [
-            _hoisted_2
+            createTextVNode("\u5220\u9664")
           ]),
           _: 1
         }, 8, ["onClick"])
@@ -480,7 +479,11 @@ const _sfc_main = create({
         });
       }
     };
-    watch(() => props.data, () => trowelData(), { deep: true });
+    watch(
+      () => props.data,
+      () => trowelData(),
+      { deep: true }
+    );
     const clickDelIcon = (event, item) => {
       emit("handelDelIcon", event, item);
       event.stopPropagation();

package/dist/packages/_es/Animate.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -65,7 +46,7 @@ const _sfc_main = create({
       }
       emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes, handleClick });
+    return { ...toRefs(state), classes, handleClick };
   }
 });
 const _hoisted_1 = { class: "nut-animate" };

package/dist/packages/_es/Audio.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -161,9 +142,12 @@ const _sfc_main = create({
       result += ("0" + seconds.toString()).slice(-2);
       return result;
     };
-    watch(() => audioData.currentTime, (value) => {
-      handle(value);
-    });
+    watch(
+      () => audioData.currentTime,
+      (value) => {
+        handle(value);
+      }
+    );
     provide("audioParent", {
       children: [],
       props,
@@ -173,7 +157,9 @@ const _sfc_main = create({
       fastBack,
       changeStatus
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
+    return {
+      ...toRefs(props),
+      ...toRefs(audioData),
       audioRef,
       fastBack,
       forward,
@@ -183,7 +169,7 @@ const _sfc_main = create({
       onTimeupdate,
       handleMute,
       onCanplay
-    });
+    };
   }
 });
 const _hoisted_1 = { class: "nut-audio" };

package/dist/packages/_es/AudioOperate.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -40,11 +21,10 @@ const _sfc_main = create({
     const audio = inject("audioParent");
     const parent = reactive(audio);
     const customSlot = ref(useSlots().default);
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot, translate });
+    return { ...toRefs(props), ...toRefs(parent), customSlot, translate };
   }
 });
 const _hoisted_1 = { class: "nut-audio-operate" };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -93,7 +73,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         size: "small"
       }, {
         default: withCtx(() => [
-          _hoisted_2
+          createTextVNode("\u5FEB\u8FDB")
         ]),
         _: 1
       })) : createCommentVNode("", true),

package/dist/packages/_es/Avatar.js

@@ -1,21 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -128,7 +112,7 @@ const _sfc_main = create({
     const onError = (event) => {
       emit("onError", event);
     };
-    return __spreadValues({
+    return {
       classes,
       styles,
       iconStyles,
@@ -138,8 +122,9 @@ const _sfc_main = create({
       onError,
       avatarGroup,
       visible,
-      avatarRef
-    }, toRefs(state));
+      avatarRef,
+      ...toRefs(state)
+    };
   }
 });
 const _hoisted_1 = ["src", "alt"];
@@ -158,7 +143,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     style: normalizeStyle(!_ctx.showMax ? _ctx.styles : _ctx.maxStyles),
     class: normalizeClass(_ctx.classes),
-    onClick: _cache[1] || (_cache[1] = ($event) => _ctx.activeAvatar(_ctx.e)),
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.activeAvatar && _ctx.activeAvatar(...args)),
     ref: "avatarRef"
   }, [
     !((_f = (_e = _ctx.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || _ctx.index <= ((_h = (_g = _ctx.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [

package/dist/packages/_es/AvatarGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/BackTop.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Badge.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Barrage.js

@@ -1,14 +1,15 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+import { useSlots, computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, useCssVars, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
+var index_vue_vue_type_style_index_0_lang = "";
 const { componentName, create } = createComponent("barrage");
-const _sfc_main = create({
+const __default__ = create({
   props: {
     danmu: {
       type: Array,
@@ -20,7 +21,7 @@ const _sfc_main = create({
     },
     speeds: {
       type: Number,
-      default: 2e3
+      default: 5e3
     },
     rows: {
       type: Number,
@@ -36,7 +37,8 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
+  setup(props, { slots }) {
+    const slotDefault = !!useSlots().default;
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -53,8 +55,14 @@ const _sfc_main = create({
     const speeds = props.speeds;
     const danmuCWidth = ref(0);
     onMounted(() => {
+      var _a;
       danmuCWidth.value = dmBody.value.offsetWidth;
-      run();
+      if (slotDefault) {
+        danmuList.value = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+        run();
+      } else {
+        run();
+      }
     });
     onUnmounted(() => {
       clearInterval(timer);
@@ -64,9 +72,14 @@ const _sfc_main = create({
       clearInterval(timer);
       timer = 0;
     });
-    watch(() => props.danmu, (newValue, oldVlaue) => {
-      danmuList.value = [...newValue];
-    });
+    watch(
+      () => props.danmu,
+      (newValue) => {
+        if (props.danmu.length > 0) {
+          danmuList.value = [...newValue];
+        }
+      }
+    );
     const add = (word) => {
       const _index = index2.value % danmuList.value.length;
       if (!props.loop && index2.value === danmuList.value.length) {
@@ -83,43 +96,82 @@ const _sfc_main = create({
         run();
       }, props.frequency);
     };
+    const distance = ref("0");
     const play = () => {
+      var _a, _b;
       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`);
-      el.innerHTML = danmuList.value[_index];
-      el.classList.add("dmitem");
-      dmContainer.value.appendChild(el);
+      let el = document.createElement(`div`);
+      if (slotDefault && ((_a = danmuList.value[_index]) == null ? void 0 : _a.el)) {
+        el = (_b = danmuList.value[_index]) == null ? void 0 : _b.el;
+        if (el == null ? void 0 : el.classList.contains("dmitem")) {
+          el.classList.remove("dmitem");
+        }
+        if (el == null ? void 0 : el.classList.contains("move")) {
+          el.classList.remove("move");
+        }
+        el == null ? void 0 : el.classList.add("dmitem");
+      } else {
+        el.innerHTML = danmuList.value[_index];
+        el.classList.add("dmitem");
+        dmContainer.value.appendChild(el);
+      }
       nextTick(() => {
-        const width = el.offsetWidth;
         const height = el.offsetHeight;
         el.classList.add("move");
         el.style.animationDuration = `${speeds}ms`;
         el.style.top = _index % rows.value * (height + top.value) + 20 + "px";
-        el.style.width = width + 20 + "px";
+        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}`;
-        el.addEventListener("animationend", () => {
-          dmContainer.value.removeChild(el);
-        });
-        index2.value++;
+        if (slotDefault) {
+          index2.value++;
+        } else {
+          el.addEventListener("animationend", () => {
+            dmContainer.value.removeChild(el);
+          });
+          index2.value++;
+        }
       });
     };
-    return { classes, danmuList, dmBody, dmContainer, add };
+    return { classes, danmuList, dmBody, dmContainer, add, distance };
   }
 });
+const __injectCSSVars__ = () => {
+  useCssVars((_ctx) => ({
+    "21cca3b5": _ctx.distance
+  }));
+};
+const __setup__ = __default__.setup;
+__default__.setup = __setup__ ? (props, ctx) => {
+  __injectCSSVars__();
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
+const _sfc_main = __default__;
 const _hoisted_1 = {
+  key: 0,
+  ref: "dmContainer",
+  class: "dmContainer slotContainer"
+};
+const _hoisted_2 = {
+  key: 1,
   ref: "dmContainer",
   class: "dmContainer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("div", {
     ref: "dmBody",
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1, null, 512)
+    _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      renderSlot(_ctx.$slots, "default")
+    ], 512)) : (openBlock(), createElementBlock("div", _hoisted_2, null, 512))
   ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);