vant 4.3.2 → 4.4.1

package/es/action-bar/ActionBar.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/action-bar/index.d.ts

@@ -13,7 +13,7 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
 }>>, {
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
-}>>;
+}, {}>>;
 export default ActionBar;
 export { actionBarProps } from './ActionBar';
 export type { ActionBarProps } from './ActionBar';

package/es/action-bar-button/ActionBarButton.d.ts

@@ -39,5 +39,5 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     disabled: boolean;
     loading: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/action-bar-button/index.d.ts

@@ -24,7 +24,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     replace: boolean;
     disabled: boolean;
     loading: boolean;
-}>>;
+}, {}>>;
 export default ActionBarButton;
 export { actionBarButtonProps } from './ActionBarButton';
 export type { ActionBarButtonProps } from './ActionBarButton';

package/es/action-bar-icon/ActionBarIcon.d.ts

@@ -44,5 +44,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     replace: boolean;
     dot: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/action-bar-icon/index.d.ts

@@ -27,7 +27,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
 }>>, {
     replace: boolean;
     dot: boolean;
-}>>;
+}, {}>>;
 export default ActionBarIcon;
 export { actionBarIconProps } from './ActionBarIcon';
 export type { ActionBarIconProps } from './ActionBarIcon';

package/es/action-sheet/ActionSheet.d.ts

@@ -190,5 +190,5 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     actions: ActionSheetAction[];
     closeOnClickAction: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/action-sheet/index.d.ts

@@ -124,7 +124,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeOnPopstate: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
-}>>;
+}, {}>>;
 export default ActionSheet;
 export { actionSheetProps } from './ActionSheet';
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/es/address-edit/AddressEdit.d.ts

@@ -153,5 +153,5 @@ declare const _default: import("vue").DefineComponent<{
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<AddressEditInfo>;
     telValidator: (val: string) => boolean;
-}>;
+}, {}>;
 export default _default;

package/es/address-edit/AddressEdit.mjs

@@ -163,6 +163,7 @@ var stdin_default = defineComponent({
         };
         return _withDirectives(_createVNode(Cell, {
           "center": true,
+          "border": false,
           "title": t("defaultAddress"),
           "class": bem("default")
         }, slots2), [[_vShow, !hideBottomFields.value]]);

package/es/address-edit/AddressEditDetail.d.ts

@@ -28,5 +28,5 @@ declare const _default: import("vue").DefineComponent<{
     focused: boolean;
     show: boolean;
     showSearchResult: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/address-edit/index.d.ts

@@ -106,7 +106,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
-}>>;
+}, {}>>;
 export default AddressEdit;
 export { addressEditProps } from './AddressEdit';
 export type { AddressEditProps };

package/es/address-list/AddressList.d.ts

@@ -65,5 +65,5 @@ declare const _default: import("vue").DefineComponent<{
     switchable: boolean;
     list: AddressListAddress[];
     disabledList: AddressListAddress[];
-}>;
+}, {}>;
 export default _default;

package/es/address-list/AddressListItem.d.ts

@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     switchable: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/address-list/index.d.ts

@@ -44,7 +44,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];
     disabledList: import("./AddressListItem").AddressListAddress[];
-}>>;
+}, {}>>;
 export default AddressList;
 export { addressListProps } from './AddressList';
 export type { AddressListProps } from './AddressList';

package/es/area/Area.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
-export declare const areaProps: {
+export declare const areaProps: import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -24,7 +24,7 @@ export declare const areaProps: {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -40,7 +40,7 @@ export declare const areaProps: {
     };
 };
 export type AreaProps = ExtractPropTypes<typeof areaProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AreaList>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -124,13 +124,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     readonly: boolean;
     loading: boolean;
-    allowHtml: boolean;
     optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
     visibleOptionNum: string | number;
     columnsNum: string | number;
     columnsPlaceholder: string[];
     areaList: AreaList;
-}>;
+}, {}>;
 export default _default;

package/es/area/Area.mjs

@@ -6,7 +6,7 @@ import { INHERIT_PROPS, INHERIT_SLOTS, formatDataForCascade } from "./utils.mjs"
 import { useExpose } from "../composables/use-expose.mjs";
 import { Picker } from "../picker/index.mjs";
 const [name, bem] = createNamespace("area");
-const areaProps = extend({}, pickerSharedProps, {
+const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
   modelValue: String,
   columnsNum: makeNumericProp(3),
   columnsPlaceholder: makeArrayProp(),

package/es/area/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -22,7 +22,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -36,7 +36,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<import("./types").AreaList>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -60,7 +60,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -82,15 +82,13 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     readonly: boolean;
     loading: boolean;
-    allowHtml: boolean;
     optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
     visibleOptionNum: string | number;
     columnsNum: string | number;
     columnsPlaceholder: string[];
     areaList: import("./types").AreaList;
-}>>;
+}, {}>>;
 export default Area;
 export { areaProps } from './Area';
 export type { AreaProps } from './Area';

package/es/back-top/BackTop.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element | JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -49,5 +49,5 @@ declare const _default: import("vue").DefineComponent<{
     offset: string | number;
     immediate: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/back-top/BackTop.mjs

@@ -76,7 +76,7 @@ var stdin_default = defineComponent({
     watch(() => props.target, updateTarget);
     return () => {
       const Content = _createVNode("div", _mergeProps({
-        "ref": root,
+        "ref": !props.teleport ? root : void 0,
         "class": bem({
           active: show.value
         }),
@@ -87,11 +87,14 @@ var stdin_default = defineComponent({
         "class": bem("icon")
       }, null)]);
       if (props.teleport) {
-        return _createVNode(Teleport, {
+        return [_createVNode("div", {
+          "ref": root,
+          "class": bem("placeholder")
+        }, null), _createVNode(Teleport, {
           "to": props.teleport
         }, {
           default: () => [Content]
-        });
+        })];
       }
       return Content;
     };

package/es/back-top/index.css

@@ -1 +1 @@
-:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
+:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top__placeholder{display:none}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}

package/es/back-top/index.d.ts

@@ -12,7 +12,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -32,7 +32,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
     offset: string | number;
     immediate: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
-}>>;
+}, {}>>;
 export default BackTop;
 export { backTopProps } from './BackTop';
 export type { BackTopProps } from './BackTop';

package/es/badge/Badge.d.ts

@@ -62,5 +62,5 @@ declare const _default: import("vue").DefineComponent<{
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: BadgePosition;
-}>;
+}, {}>;
 export default _default;

package/es/badge/index.d.ts

@@ -39,7 +39,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: import("./Badge").BadgePosition;
-}>>;
+}, {}>>;
 export default Badge;
 export { badgeProps } from './Badge';
 export type { BadgeProps, BadgePosition } from './Badge';

package/es/barrage/Barrage.d.ts

@@ -0,0 +1,93 @@
+import { type ExtractPropTypes } from 'vue';
+export interface BarrageItem {
+    id: string | number;
+    text: string | number;
+}
+export declare const barrageProps: {
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+};
+export type BarrageProps = ExtractPropTypes<typeof barrageProps>;
+declare const _default: import("vue").DefineComponent<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    top: string | number;
+    modelValue: BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}, {}>;
+export default _default;

package/es/barrage/Barrage.mjs

@@ -0,0 +1,134 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, onMounted, ref, nextTick, watch } from "vue";
+import { useExpose } from "../composables/use-expose.mjs";
+import { createNamespace, makeArrayProp, makeNumberProp, makeNumericProp, truthProp } from "../utils/index.mjs";
+const barrageProps = {
+  top: makeNumericProp(10),
+  rows: makeNumericProp(4),
+  duration: makeNumericProp(4e3),
+  autoPlay: truthProp,
+  delay: makeNumberProp(300),
+  modelValue: makeArrayProp()
+};
+const [name, bem] = createNamespace("barrage");
+var stdin_default = defineComponent({
+  name,
+  props: barrageProps,
+  emits: ["update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const barrageWrapper = ref();
+    const className = bem("item");
+    const total = ref(0);
+    const barrageItems = [];
+    const createBarrageItem = (text, delay = props.delay) => {
+      const item = document.createElement("span");
+      item.className = className;
+      item.innerText = String(text);
+      item.style.animationDuration = `${props.duration}ms`;
+      item.style.animationDelay = `${delay}ms`;
+      item.style.animationName = "van-barrage";
+      item.style.animationTimingFunction = "linear";
+      return item;
+    };
+    const isInitBarrage = ref(true);
+    const isPlay = ref(props.autoPlay);
+    const appendBarrageItem = ({
+      id,
+      text
+    }, i) => {
+      var _a;
+      const item = createBarrageItem(text, isInitBarrage.value ? i * props.delay : void 0);
+      if (!props.autoPlay && isPlay.value === false) {
+        item.style.animationPlayState = "paused";
+      }
+      (_a = barrageWrapper.value) == null ? void 0 : _a.append(item);
+      total.value++;
+      const top = (total.value - 1) % +props.rows * item.offsetHeight + +props.top;
+      item.style.top = `${top}px`;
+      item.dataset.id = String(id);
+      barrageItems.push(item);
+      item.addEventListener("animationend", () => {
+        emit("update:modelValue", [...props.modelValue].filter((v) => String(v.id) !== item.dataset.id));
+      });
+    };
+    const updateBarrages = (newValue, oldValue) => {
+      const map = new Map(oldValue.map((item) => [item.id, item]));
+      newValue.forEach((item, i) => {
+        if (map.has(item.id)) {
+          map.delete(item.id);
+        } else {
+          appendBarrageItem(item, i);
+        }
+      });
+      map.forEach((item) => {
+        const index = barrageItems.findIndex((span) => span.dataset.id === String(item.id));
+        if (index > -1) {
+          barrageItems[index].remove();
+          barrageItems.splice(index, 1);
+        }
+      });
+      isInitBarrage.value = false;
+    };
+    watch(() => props.modelValue.slice(), (newValue, oldValue) => updateBarrages(newValue != null ? newValue : [], oldValue != null ? oldValue : []), {
+      deep: true
+    });
+    const rootStyle = ref({});
+    onMounted(() => __async(this, null, function* () {
+      var _a;
+      rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
+      yield nextTick();
+      updateBarrages(props.modelValue, []);
+    }));
+    const play = () => {
+      isPlay.value = true;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "running";
+      });
+    };
+    const pause = () => {
+      isPlay.value = false;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "paused";
+      });
+    };
+    useExpose({
+      play,
+      pause
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": bem(),
+        "ref": barrageWrapper,
+        "style": rootStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  barrageProps,
+  stdin_default as default
+};

package/es/barrage/index.css

@@ -0,0 +1 @@
+:root{--van-barrage-font-size: 16px;--van-barrage-space: 10px;--van-barrage-font: inherit;--van-barrage-color: var(--van-white)}.van-barrage{position:relative;overflow:hidden}.van-barrage__item{position:absolute;top:0;right:0;z-index:99;padding-bottom:var(--van-barrage-space);opacity:.75;line-height:1;font-size:var(--van-barrage-font-size);font-family:var(--van-barrage-font);font-weight:700;white-space:nowrap;color:var(--van-barrage-color);text-shadow:1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,-1px 0 1px #000000;-webkit-user-select:none;user-select:none;will-change:transform;transform:translate(110%)}@keyframes van-barrage{0%{transform:translate(110%)}to{transform:translate(var(--move-distance))}}

package/es/barrage/index.d.ts

@@ -0,0 +1,69 @@
+export declare const Barrage: import("../utils").WithInstall<import("vue").DefineComponent<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./Barrage").BarrageItem[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./Barrage").BarrageItem[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    top: string | number;
+    modelValue: import("./Barrage").BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}, {}>>;
+export default Barrage;
+export { barrageProps } from './Barrage';
+export type { BarrageProps, BarrageItem } from './Barrage';
+export type { BarrageInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBarrage: typeof Barrage;
+    }
+}