first commit

node_modules/vant/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<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[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, 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[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    top: string | number;
+    modelValue: BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

node_modules/vant/es/barrage/Barrage.mjs

@@ -0,0 +1,133 @@
+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 { defineComponent, onMounted, ref, nextTick, watch, createVNode as _createVNode } 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(null, 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
+};

node_modules/vant/es/barrage/index.css

@@ -0,0 +1 @@
+:root,:host{--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))}}

node_modules/vant/es/barrage/index.d.ts

@@ -0,0 +1,69 @@
+export declare const Barrage: import("../utils").WithInstall<import("vue").DefineComponent<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[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, 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[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    top: string | number;
+    modelValue: import("./Barrage").BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default Barrage;
+export { barrageProps } from './Barrage';
+export type { BarrageProps, BarrageItem } from './Barrage';
+export type { BarrageInstance, BarrageThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBarrage: typeof Barrage;
+    }
+}

node_modules/vant/es/barrage/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Barrage from "./Barrage.mjs";
+const Barrage = withInstall(_Barrage);
+var stdin_default = Barrage;
+import { barrageProps } from "./Barrage.mjs";
+export {
+  Barrage,
+  barrageProps,
+  stdin_default as default
+};

node_modules/vant/es/barrage/style/index.d.ts

@@ -0,0 +1 @@
+export {};

node_modules/vant/es/barrage/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

node_modules/vant/es/barrage/types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPublicInstance } from 'vue';
+import { BarrageProps } from './Barrage';
+export type BarrageExpose = {
+    play(): void;
+    pause(): void;
+};
+export type BarrageInstance = ComponentPublicInstance<BarrageProps, BarrageExpose>;
+export type BarrageThemeVars = {
+    barrageFontSize?: string;
+    barrageSpace?: string;
+    barrageFont?: string;
+    barrageColor?: string;
+};