sard 1.0.29 → 1.1.0

package/all-components.js

@@ -25,6 +25,7 @@ import { CoolIcon } from "./components/cool-icon/index.js";
 import { CountDown } from "./components/count-down/index.js";
 import { CountTo } from "./components/count-to/index.js";
 import { CropImage } from "./components/crop-image/index.js";
+import { Danmaku } from "./components/danmaku/index.js";
 import { DateStrip } from "./components/date-strip/index.js";
 import { DatetimePicker } from "./components/datetime-picker/index.js";
 import { DatetimePickerInput } from "./components/datetime-picker-input/index.js";
@@ -152,6 +153,7 @@ var all_components_default = {
 	CountDown,
 	CountTo,
 	CropImage,
+	Danmaku,
 	DateStrip,
 	DatetimePicker,
 	DatetimePickerInput,

package/components/danmaku/common.d.ts

@@ -0,0 +1,38 @@
+import { type DefaultProps } from '../config';
+export interface DanmakuProps<T> {
+    list?: T[];
+    rows?: number;
+    speed?: number;
+    /** 速度浮动范围 (px/s)，每条弹幕在 [speed - speedRange, speed + speedRange] 内随机取速，0 表示不浮动 */
+    speedRange?: number;
+    gap?: number;
+    autoPlay?: boolean;
+    loop?: boolean;
+    /** 页面隐藏或滚出视口时自动暂停，默认开启 */
+    autoPause?: boolean;
+    /** 同时在飞弹幕数量上限，0 表示不限制 */
+    maxItems?: number;
+    /** 动画缓动函数 */
+    easing?: string;
+    /** 轨道高度，数字视为 px */
+    rowHeight?: number | string;
+}
+export declare const defaultDanmakuProps: DefaultProps<DanmakuProps<any>>;
+export interface DanmakuSlots<T> {
+    item?(props: {
+        item: T;
+        index: number;
+    }): any;
+}
+export interface DanmakuEmits {
+    (e: 'play'): void;
+    (e: 'pause'): void;
+    (e: 'finish'): void;
+}
+export interface DanmakuExpose<T> {
+    play: () => void;
+    pause: () => void;
+    resume: () => void;
+    stop: () => void;
+    send: (item: T) => void;
+}

package/components/danmaku/common.js

@@ -0,0 +1,14 @@
+//#region packages/sard/components/danmaku/common.ts
+const defaultDanmakuProps = {
+	rows: 3,
+	speed: 100,
+	speedRange: 0,
+	gap: 40,
+	autoPlay: true,
+	loop: false,
+	autoPause: true,
+	maxItems: 0,
+	easing: "linear"
+};
+//#endregion
+export { defaultDanmakuProps };

package/components/danmaku/danmaku.vue.d.ts

@@ -0,0 +1,23 @@
+import { type DanmakuProps, type DanmakuSlots, type DanmakuEmits, type DanmakuExpose } from './common';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<DanmakuProps<T> & {
+        onPlay?: (() => any) | undefined;
+        onPause?: (() => any) | undefined;
+        onFinish?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<DanmakuExpose<T>>) => void;
+    attrs: any;
+    slots: DanmakuSlots<T>;
+    emit: DanmakuEmits;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/components/danmaku/danmaku.vue.js

@@ -0,0 +1,370 @@
+import { createBem, cssVarName } from "../../utils/bem.js";
+import { addUnit } from "../../utils/utils.js";
+import { useIntersectionObserver } from "../../use/useIntersectionObserver.js";
+import { useResizeObserver } from "../../use/useResizeObserver.js";
+import { useRtl } from "../../use/useRtl.js";
+import { defaultDanmakuProps } from "./common.js";
+import { Fragment, computed, createElementBlock, createTextVNode, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watch } from "vue";
+//#region packages/sard/components/danmaku/danmaku.vue
+const _hoisted_1 = ["data-key"];
+var danmaku_default = /*@__PURE__*/ defineComponent({
+	__name: "danmaku",
+	props: /*@__PURE__*/ mergeDefaults({
+		list: {
+			type: Array,
+			required: false
+		},
+		rows: {
+			type: Number,
+			required: false
+		},
+		speed: {
+			type: Number,
+			required: false
+		},
+		speedRange: {
+			type: Number,
+			required: false
+		},
+		gap: {
+			type: Number,
+			required: false
+		},
+		autoPlay: {
+			type: Boolean,
+			required: false
+		},
+		loop: {
+			type: Boolean,
+			required: false
+		},
+		autoPause: {
+			type: Boolean,
+			required: false
+		},
+		maxItems: {
+			type: Number,
+			required: false
+		},
+		easing: {
+			type: String,
+			required: false
+		},
+		rowHeight: {
+			type: [Number, String],
+			required: false
+		}
+	}, defaultDanmakuProps),
+	emits: [
+		"play",
+		"pause",
+		"finish"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("danmaku");
+		const rootRef = useTemplateRef("root");
+		const tracks = ref([]);
+		const playing = ref(false);
+		const rootWidth = ref(0);
+		const isRtl = useRtl(rootRef);
+		const rootStyle = computed(() => {
+			const style = {};
+			if (props.rowHeight != null) style[cssVarName("danmaku-row-height")] = addUnit(props.rowHeight);
+			return style;
+		});
+		const queue = [];
+		const runtimeMap = /* @__PURE__ */ new Map();
+		const nextStartAt = [];
+		const pausedWaits = [];
+		let keySeq = 0;
+		let sendSeq = 0;
+		let finished = false;
+		let rafId = null;
+		let schedulerRunning = false;
+		const autoPaused = ref(false);
+		const pauseReasons = /* @__PURE__ */ new Set();
+		const containerWidth = () => {
+			return rootWidth.value || rootRef.value?.clientWidth || (typeof window !== "undefined" ? window.innerWidth : 0) || 375;
+		};
+		const queryBulletEl = (key) => {
+			return rootRef.value?.querySelector(`[data-key="${key}"]`) || null;
+		};
+		const defaultItemText = (item) => {
+			return typeof item === "string" || typeof item === "number" ? String(item) : "";
+		};
+		const cancelBullet = (runtime) => {
+			runtime.anim?.cancel();
+			runtime.anim = null;
+		};
+		const buildTracks = () => {
+			const count = Math.max(1, Math.round(props.rows));
+			tracks.value = Array.from({ length: count }, () => ({ bullets: [] }));
+			nextStartAt.length = 0;
+			pausedWaits.length = 0;
+			for (let i = 0; i < count; i++) {
+				nextStartAt.push(0);
+				pausedWaits.push(0);
+			}
+		};
+		const initQueue = () => {
+			queue.length = 0;
+			for (const [index, item] of (props.list || []).entries()) queue.push({
+				item,
+				index
+			});
+			finished = false;
+			for (let i = 0; i < pausedWaits.length; i++) pausedWaits[i] = 0;
+		};
+		const enqueue = (item, index) => {
+			queue.push({
+				item,
+				index
+			});
+		};
+		const dequeue = () => {
+			return queue.shift();
+		};
+		const clearAllBullets = () => {
+			for (const runtime of runtimeMap.values()) cancelBullet(runtime);
+			runtimeMap.clear();
+			for (const track of tracks.value) track.bullets = [];
+			for (let i = 0; i < nextStartAt.length; i++) nextStartAt[i] = 0;
+		};
+		const startBullet = (el, runtime) => {
+			const anim = el.animate([{ transform: `translate3d(${runtime.startX}px, -50%, 0)` }, { transform: `translate3d(${runtime.endX}px, -50%, 0)` }], {
+				duration: runtime.duration,
+				easing: props.easing
+			});
+			runtime.anim = anim;
+			runtime.state = "running";
+			anim.onfinish = () => {
+				finishBullet(runtime);
+			};
+		};
+		const pauseBullet = (runtime) => {
+			if (runtime.state !== "running") return;
+			runtime.anim?.pause();
+			runtime.state = "paused";
+		};
+		const resumeBullet = (runtime) => {
+			if (runtime.state !== "paused") return;
+			runtime.anim?.play();
+			runtime.state = "running";
+		};
+		const finishBullet = (runtime) => {
+			if (runtime.state === "done") return;
+			runtime.state = "done";
+			runtime.anim = null;
+			runtimeMap.delete(runtime.key);
+			const track = tracks.value[runtime.trackIndex];
+			const idx = track.bullets.findIndex((bullet) => bullet.key === runtime.key);
+			if (idx !== -1) track.bullets.splice(idx, 1);
+			if (props.loop) enqueue(runtime.entry.item, runtime.entry.index);
+			checkFinish();
+		};
+		const launch = async (trackIndex, entry) => {
+			const view = {
+				key: ++keySeq,
+				item: entry.item,
+				index: entry.index
+			};
+			const runtime = {
+				key: view.key,
+				trackIndex,
+				entry,
+				startX: 0,
+				endX: 0,
+				duration: 0,
+				anim: null,
+				state: "idle"
+			};
+			runtimeMap.set(view.key, runtime);
+			tracks.value[trackIndex].bullets.push(view);
+			nextStartAt[trackIndex] = Date.now() + 1e3;
+			await nextTick();
+			const el = queryBulletEl(view.key);
+			if (!el || runtime.state === "done") return;
+			const width = containerWidth();
+			const itemWidth = el.offsetWidth || 0;
+			const baseSpeed = props.speed > 0 ? props.speed : 100;
+			const speed = props.speedRange > 0 ? Math.max(1, baseSpeed + (Math.random() * 2 - 1) * props.speedRange) : baseSpeed;
+			runtime.startX = isRtl.value ? -itemWidth : width;
+			runtime.endX = isRtl.value ? width : -itemWidth;
+			runtime.duration = (width + itemWidth) / speed * 1e3;
+			nextStartAt[trackIndex] = Date.now() + (itemWidth + props.gap) / speed * 1e3;
+			startBullet(el, runtime);
+			if (!playing.value) pauseBullet(runtime);
+		};
+		const checkFinish = () => {
+			if (props.loop || queue.length > 0) return;
+			if (!tracks.value.some((track) => track.bullets.length > 0) && !finished) {
+				finished = true;
+				stopScheduler();
+				emit("finish");
+			}
+		};
+		const tick = () => {
+			if (!playing.value) return;
+			const now = Date.now();
+			const maxItems = props.maxItems > 0 ? props.maxItems : Infinity;
+			for (let i = 0; i < tracks.value.length; i++) {
+				if (queue.length === 0 || runtimeMap.size >= maxItems) break;
+				if (now >= nextStartAt[i]) {
+					const entry = dequeue();
+					if (entry) launch(i, entry);
+				}
+			}
+			if (queue.length === 0 && !props.loop) {
+				if (!tracks.value.some((track) => track.bullets.length > 0) && !finished) {
+					finished = true;
+					stopScheduler();
+					emit("finish");
+				}
+			}
+		};
+		const loop = () => {
+			if (!schedulerRunning) return;
+			tick();
+			if (schedulerRunning) rafId = requestAnimationFrame(loop);
+		};
+		const startScheduler = () => {
+			if (schedulerRunning) return;
+			schedulerRunning = true;
+			rafId = requestAnimationFrame(loop);
+			tick();
+		};
+		const stopScheduler = () => {
+			schedulerRunning = false;
+			if (rafId != null) {
+				cancelAnimationFrame(rafId);
+				rafId = null;
+			}
+		};
+		const resume = () => {
+			if (playing.value) return;
+			playing.value = true;
+			const now = Date.now();
+			for (let i = 0; i < nextStartAt.length; i++) {
+				nextStartAt[i] = now + (pausedWaits[i] ?? 0);
+				pausedWaits[i] = 0;
+			}
+			for (const runtime of runtimeMap.values()) if (runtime.state === "paused") resumeBullet(runtime);
+			startScheduler();
+			emit("play");
+		};
+		const play = () => {
+			if (finished && queue.length === 0) initQueue();
+			resume();
+		};
+		const pause = () => {
+			if (!playing.value) return;
+			playing.value = false;
+			const now = Date.now();
+			for (let i = 0; i < nextStartAt.length; i++) pausedWaits[i] = Math.max(0, nextStartAt[i] - now);
+			stopScheduler();
+			for (const runtime of runtimeMap.values()) if (runtime.state === "running") pauseBullet(runtime);
+			emit("pause");
+		};
+		const stop = () => {
+			playing.value = false;
+			autoPaused.value = false;
+			stopScheduler();
+			clearAllBullets();
+			initQueue();
+		};
+		const send = (item) => {
+			enqueue(item, sendSeq++);
+			if (playing.value) startScheduler();
+		};
+		const syncAutoPause = () => {
+			if (!props.autoPause) return;
+			if (pauseReasons.size > 0) {
+				if (playing.value) {
+					autoPaused.value = true;
+					pause();
+				}
+			} else if (autoPaused.value) {
+				autoPaused.value = false;
+				resume();
+			}
+		};
+		const onVisibilityChange = () => {
+			if (document.hidden) pauseReasons.add("hidden");
+			else pauseReasons.delete("hidden");
+			syncAutoPause();
+		};
+		const { isIntersecting } = useIntersectionObserver({
+			target: rootRef,
+			disabled: () => !props.autoPause
+		});
+		watch(isIntersecting, (value) => {
+			if (value) pauseReasons.delete("view");
+			else pauseReasons.add("view");
+			syncAutoPause();
+		}, { immediate: true });
+		__expose({
+			play,
+			pause,
+			resume,
+			stop,
+			send
+		});
+		onMounted(() => {
+			rootWidth.value = rootRef.value?.clientWidth || 0;
+			buildTracks();
+			initQueue();
+			document.addEventListener("visibilitychange", onVisibilityChange);
+			if (props.autoPlay) play();
+		});
+		onBeforeUnmount(() => {
+			stopScheduler();
+			document.removeEventListener("visibilitychange", onVisibilityChange);
+			for (const runtime of runtimeMap.values()) cancelBullet(runtime);
+			runtimeMap.clear();
+		});
+		useResizeObserver(rootRef, (size) => {
+			rootWidth.value = size.width;
+		});
+		watch(() => props.rows, () => {
+			const wasPlaying = playing.value;
+			stopScheduler();
+			clearAllBullets();
+			queue.length = 0;
+			buildTracks();
+			initQueue();
+			if (wasPlaying) startScheduler();
+		});
+		watch(() => props.list, () => {
+			const wasPlaying = playing.value;
+			stopScheduler();
+			clearAllBullets();
+			initQueue();
+			if (wasPlaying) startScheduler();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: normalizeClass(unref(bem).b()),
+				style: normalizeStyle(rootStyle.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tracks.value, (track, trackIndex) => {
+				return openBlock(), createElementBlock("div", {
+					key: trackIndex,
+					class: normalizeClass(unref(bem).e("track"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(track.bullets, (bullet) => {
+					return openBlock(), createElementBlock("div", {
+						key: bullet.key,
+						"data-key": bullet.key,
+						class: normalizeClass(unref(bem).e("item"))
+					}, [renderSlot(_ctx.$slots, "item", {
+						item: bullet.item,
+						index: bullet.index
+					}, () => [createTextVNode(toDisplayString(defaultItemText(bullet.item)), 1)])], 10, _hoisted_1);
+				}), 128))], 2);
+			}), 128))], 6);
+		};
+	}
+});
+//#endregion
+export { danmaku_default as default };

package/components/danmaku/index.css

@@ -0,0 +1 @@
+:root{--s-danmaku-row-height:34px}.s-danmaku{position:relative;overflow:hidden}.s-danmaku__track{position:relative;height:var(--s-danmaku-row-height)}.s-danmaku__item{position:absolute;top:50%;left:0;white-space:nowrap;will-change:transform;transform:translate3d(100vw, -50%, 0)}:root[dir=rtl] .s-danmaku__item{transform:translate3d(-100vw, -50%, 0)}

package/components/danmaku/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Danmaku from './danmaku.vue';
+export declare const Danmaku: EnhancedComponent<typeof _Danmaku>;
+export default Danmaku;
+export type { DanmakuProps, DanmakuSlots, DanmakuEmits, DanmakuExpose } from './common';

package/components/danmaku/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import danmaku_default from "./danmaku.vue.js";
+//#region packages/sard/components/danmaku/index.ts
+const Danmaku = enhanceComponent(danmaku_default);
+//#endregion
+export { Danmaku, Danmaku as default };

package/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './cool-icon';
 export * from './count-down';
 export * from './count-to';
 export * from './crop-image';
+export * from './danmaku';
 export * from './date-strip';
 export * from './datetime-picker';
 export * from './datetime-picker-input';

package/components/index.js

@@ -36,6 +36,7 @@ import { CountDown } from "./count-down/index.js";
 import { CountTo } from "./count-to/index.js";
 import { createCropImage, cropImage } from "./crop-image/imperative.js";
 import { CropImage } from "./crop-image/index.js";
+import { Danmaku } from "./danmaku/index.js";
 import { DateStrip } from "./date-strip/index.js";
 import { DatetimePicker } from "./datetime-picker/index.js";
 import { DatetimePickerInput } from "./datetime-picker-input/index.js";
@@ -140,4 +141,4 @@ import { Tree, TreeBranch, TreeNode } from "./tree/index.js";
 import { Upload, UploadPreview } from "./upload/index.js";
 import { Waterfall, WaterfallItem, WaterfallLoad } from "./waterfall/index.js";
 import { Watermark } from "./watermark/index.js";
-export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, CancelError, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, Flex, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, flexGap, formatTime, getCurrentTime, isCancelError, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, previewImage, safeAreaInsets, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };
+export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, CancelError, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, Danmaku, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, Flex, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, flexGap, formatTime, getCurrentTime, isCancelError, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, previewImage, safeAreaInsets, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };

package/components/popover/common.js

@@ -5,7 +5,7 @@ const defaultPopoverProps = {
 	refGap: 10,
 	viewportGap: 10,
 	outsideClosable: true,
-	showArrow: false
+	showArrow: true
 };
 //#endregion
 export { defaultPopoverProps };

package/components/preview-image/preview-image.vue.d.ts

@@ -28,10 +28,10 @@ declare const __VLS_base: import("vue").DefineComponent<PreviewImageProps, Previ
 }>, {
     visible: boolean;
     closeOnBackPress: boolean;
+    loop: boolean;
     current: number;
     urls: string[];
     showIndicator: boolean;
-    loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/global.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     SCountDown: typeof import('./components/count-down/count-down').default
     SCountTo: typeof import('./components/count-to/count-to').default
     SCropImage: typeof import('./components/crop-image/crop-image').default
+    SDanmaku: typeof import('./components/danmaku/danmaku').default
     SDateStrip: typeof import('./components/date-strip/date-strip').default
     SDatetimePicker: typeof import('./components/datetime-picker/datetime-picker').default
     SDatetimePickerInput: typeof import('./components/datetime-picker-input/datetime-picker-input').default