sard 1.0.28 → 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/calendar/index.css

@@ -1 +1 @@
-:root{--s-calendar-week-item-height:var(--s-size-2xl);--s-calendar-week-item-font-size:var(--s-font-size);--s-calendar-week-item-color:var(--s-text-color-primary);--s-calendar-month-padding:var(--s-size-2xs);--s-calendar-month-title-height:var(--s-content-height);--s-calendar-month-title-font-size:var(--s-font-size);--s-calendar-month-title-font-weight:var(--s-font-weight-bold);--s-calendar-month-title-color:var(--s-text-color-primary);--s-calendar-days-row-gap:var(--s-size-2xs);--s-calendar-days-column-gap:0;--s-calendar-day-height:50px;--s-calendar-day-font-size:var(--s-font-size);--s-calendar-day-border-radius:var(--s-border-radius);--s-calendar-day-color-selected:var(--s-white);--s-calendar-day-color-middle:var(--s-color-primary);--s-calendar-day-color-disabled:var(--s-text-color-disabled);--s-calendar-day-bg-selected:var(--s-color-primary);--s-calendar-day-bg-middle:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg));--s-calendar-day-top-top:var(--s-size-2xs);--s-calendar-day-top-font-size:var(--s-font-size-xs);--s-calendar-day-top-line-height:var(--s-line-height-tight);--s-calendar-day-bottom-bottom:var(--s-size-2xs);--s-calendar-day-bottom-font-size:var(--s-font-size-xs);--s-calendar-day-bottom-line-height:var(--s-line-height-tight);--s-calendar-mark-font-size:160px;--s-calendar-mark-color:var(--s-fill-color-fourth)}.s-calendar{overflow:hidden}.s-calendar--no-scroll{touch-action:pan-x}.s-calendar__header{position:relative;z-index:1}.s-calendar__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-calendar__toolbar{display:flex;justify-content:center;align-items:center}.s-calendar__prev-month,.s-calendar__next-month{font-size:16px}:root[dir=rtl] .s-calendar__prev-month,:root[dir=rtl] .s-calendar__next-month{transform:rotateY(180deg)}.s-calendar__week{display:flex;align-items:center}.s-calendar__week-item{display:flex;justify-content:center;align-items:center;flex:1;height:var(--s-calendar-week-item-height);font-size:var(--s-calendar-week-item-font-size);color:var(--s-calendar-week-item-color)}.s-calendar__body{position:relative}.s-calendar--several .s-calendar__body{height:360px;position:relative}.s-calendar--several .s-calendar__body::before,.s-calendar--several .s-calendar__body::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-calendar--several .s-calendar__body::before{top:0}.s-calendar--several .s-calendar__body::after{bottom:0}.s-calendar--several .s-calendar__body--none::before,.s-calendar--several .s-calendar__body--end::before{box-shadow:var(--s-box-shadow-top)}.s-calendar--several .s-calendar__body--none::after,.s-calendar--several .s-calendar__body--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-calendar--several .s-calendar__scroll{height:100%;overflow-x:hidden;overflow-y:auto}.s-calendar__month{position:relative;padding:var(--s-calendar-month-padding)}.s-calendar__month-title{display:flex;justify-content:center;align-items:center;height:var(--s-calendar-month-title-height);font-size:var(--s-calendar-month-title-font-size);font-weight:var(--s-calendar-month-title-font-weight);color:var(--s-calendar-month-title-color)}.s-calendar__days{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:var(--s-calendar-days-row-gap);column-gap:var(--s-calendar-days-column-gap)}.s-calendar__day{position:relative;z-index:1;height:var(--s-calendar-day-height);display:flex;justify-content:center;align-items:center;font-size:var(--s-calendar-day-font-size);line-height:var(--s-calendar-day-height);cursor:pointer}.s-calendar__day--today{font-weight:var(--s-font-weight-bold)}.s-calendar__day--disabled{color:var(--s-calendar-day-color-disabled);cursor:not-allowed}.s-calendar__day--selected,.s-calendar__day--same{border-radius:var(--s-calendar-day-border-radius);color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}.s-calendar__day--start,.s-calendar__day--end{color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}:root:not([dir=rtl]) .s-calendar__day--start{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--start{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root:not([dir=rtl]) .s-calendar__day--end{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--end{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}.s-calendar__day--middle{color:var(--s-calendar-day-color-middle);background:var(--s-calendar-day-bg-middle)}.s-calendar__day-top,.s-calendar__day-bottom{position:absolute;left:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center}.s-calendar__day-top{top:var(--s-calendar-day-top-top);font-size:var(--s-calendar-day-top-font-size);line-height:var(--s-calendar-day-top-line-height)}.s-calendar__day-bottom{bottom:var(--s-calendar-day-bottom-bottom);font-size:var(--s-calendar-day-bottom-font-size);line-height:var(--s-calendar-day-bottom-line-height)}.s-calendar__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-calendar-mark-font-size);color:var(--s-calendar-mark-color);pointer-events:none}
+:root{--s-calendar-week-item-height:var(--s-size-2xl);--s-calendar-week-item-font-size:var(--s-font-size);--s-calendar-week-item-color:var(--s-text-color-primary);--s-calendar-month-padding:var(--s-size-2xs);--s-calendar-month-title-height:var(--s-content-height);--s-calendar-month-title-font-size:var(--s-font-size);--s-calendar-month-title-font-weight:var(--s-font-weight-bold);--s-calendar-month-title-color:var(--s-text-color-primary);--s-calendar-days-row-gap:var(--s-size-2xs);--s-calendar-days-column-gap:0;--s-calendar-day-height:50px;--s-calendar-day-font-size:var(--s-font-size);--s-calendar-day-border-radius:var(--s-border-radius);--s-calendar-day-color-selected:var(--s-white);--s-calendar-day-color-middle:var(--s-color-primary);--s-calendar-day-color-disabled:var(--s-text-color-disabled);--s-calendar-day-bg-selected:var(--s-color-primary);--s-calendar-day-bg-middle:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg));--s-calendar-day-top-top:var(--s-size-2xs);--s-calendar-day-top-font-size:var(--s-font-size-xs);--s-calendar-day-top-line-height:var(--s-line-height-tight);--s-calendar-day-bottom-bottom:var(--s-size-2xs);--s-calendar-day-bottom-font-size:var(--s-font-size-xs);--s-calendar-day-bottom-line-height:var(--s-line-height-tight);--s-calendar-mark-font-size:160px;--s-calendar-mark-color:var(--s-fill-color-fourth)}.s-calendar{overflow:hidden}.s-calendar--no-scroll{touch-action:pan-x}.s-calendar__header{position:relative;z-index:1}.s-calendar__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-calendar__toolbar{display:flex;justify-content:center;align-items:center}.s-calendar__prev-month,.s-calendar__next-month{font-size:16px}:root[dir=rtl] .s-calendar__prev-month,:root[dir=rtl] .s-calendar__next-month{transform:scaleX(-1)}.s-calendar__week{display:flex;align-items:center}.s-calendar__week-item{display:flex;justify-content:center;align-items:center;flex:1;height:var(--s-calendar-week-item-height);font-size:var(--s-calendar-week-item-font-size);color:var(--s-calendar-week-item-color)}.s-calendar__body{position:relative}.s-calendar--several .s-calendar__body{height:360px;position:relative}.s-calendar--several .s-calendar__body::before,.s-calendar--several .s-calendar__body::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-calendar--several .s-calendar__body::before{top:0}.s-calendar--several .s-calendar__body::after{bottom:0}.s-calendar--several .s-calendar__body--none::before,.s-calendar--several .s-calendar__body--end::before{box-shadow:var(--s-box-shadow-top)}.s-calendar--several .s-calendar__body--none::after,.s-calendar--several .s-calendar__body--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-calendar--several .s-calendar__scroll{height:100%;overflow-x:hidden;overflow-y:auto}.s-calendar__month{position:relative;padding:var(--s-calendar-month-padding)}.s-calendar__month-title{display:flex;justify-content:center;align-items:center;height:var(--s-calendar-month-title-height);font-size:var(--s-calendar-month-title-font-size);font-weight:var(--s-calendar-month-title-font-weight);color:var(--s-calendar-month-title-color)}.s-calendar__days{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:var(--s-calendar-days-row-gap);column-gap:var(--s-calendar-days-column-gap)}.s-calendar__day{position:relative;z-index:1;height:var(--s-calendar-day-height);display:flex;justify-content:center;align-items:center;font-size:var(--s-calendar-day-font-size);line-height:var(--s-calendar-day-height);cursor:pointer}.s-calendar__day--today{font-weight:var(--s-font-weight-bold)}.s-calendar__day--disabled{color:var(--s-calendar-day-color-disabled);cursor:not-allowed}.s-calendar__day--selected,.s-calendar__day--same{border-radius:var(--s-calendar-day-border-radius);color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}.s-calendar__day--start,.s-calendar__day--end{color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}:root:not([dir=rtl]) .s-calendar__day--start{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--start{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root:not([dir=rtl]) .s-calendar__day--end{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--end{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}.s-calendar__day--middle{color:var(--s-calendar-day-color-middle);background:var(--s-calendar-day-bg-middle)}.s-calendar__day-top,.s-calendar__day-bottom{position:absolute;left:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center}.s-calendar__day-top{top:var(--s-calendar-day-top-top);font-size:var(--s-calendar-day-top-font-size);line-height:var(--s-calendar-day-top-line-height)}.s-calendar__day-bottom{bottom:var(--s-calendar-day-bottom-bottom);font-size:var(--s-calendar-day-bottom-font-size);line-height:var(--s-calendar-day-bottom-line-height)}.s-calendar__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-calendar-mark-font-size);color:var(--s-calendar-mark-color);pointer-events:none}

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/keyboard/index.css

@@ -1 +1 @@
-:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-border-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-border-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-border-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-border-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:rotateY(180deg)}
+:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-border-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-border-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-border-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-border-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:scaleX(-1)}

package/components/list/index.css

@@ -1 +1 @@
-:root{--s-list-border-color:var(--s-border-color);--s-list-title-margin-x:var(--s-size);--s-list-title-margin-top:var(--s-size-2xl);--s-list-title-margin-bottom:var(--s-size-xs);--s-list-title-font-size:var(--s-font-size-sm);--s-list-title-line-height:var(--s-line-height-snug);--s-list-title-color:var(--s-text-color-tertiary);--s-list-description-margin-x:var(--s-size);--s-list-description-margin-top:var(--s-size-xs);--s-list-description-font-size:var(--s-font-size-sm);--s-list-description-line-height:var(--s-line-height-snug);--s-list-description-color:var(--s-text-color-tertiary);--s-list-card-border-radius:var(--s-border-radius-lg);--s-list-item-min-height:var(--s-content-height);--s-list-item-padding-x:var(--s-content-padding-x);--s-list-item-padding-y:var(--s-content-padding-y);--s-list-item-bg:var(--s-bg-color-container);--s-list-item-bg-active:var(--s-bg-color-active);--s-list-item-opacity-disabled:var(--s-opacity-disabled);--s-list-item-icon-size:var(--s-size-lg);--s-list-item-icon-margin-end:var(--s-size-sm);--s-list-item-title-font-size:var(--s-font-size);--s-list-item-title-line-height:var(--s-line-height-snug);--s-list-item-value-font-size:var(--s-font-size);--s-list-item-value-line-height:var(--s-line-height-snug);--s-list-item-value-color:var(--s-text-color-tertiary);--s-list-item-description-margin-top:var(--s-size-2xs);--s-list-item-description-font-size:var(--s-font-size-sm);--s-list-item-description-line-height:var(--s-line-height-snug);--s-list-item-description-color:var(--s-text-color-tertiary);--s-list-item-arrow-margin-start:var(--s-size-xs);--s-list-item-arrow-font-size:var(--s-font-size);--s-list-item-arrow-color:var(--s-text-color-tertiary);--s-list-divider-start:var(--s-list-item-padding-x);--s-list-divider-end:var(--s-list-item-padding-x)}.s-list__title{margin-inline-start:var(--s-list-title-margin-x);margin-inline-end:var(--s-list-title-margin-x);margin-top:var(--s-list-title-margin-top);margin-bottom:var(--s-list-title-margin-bottom);font-size:var(--s-list-title-font-size);line-height:var(--s-list-title-line-height);color:var(--s-list-title-color)}.s-list__content{position:relative}.s-list__content::before{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-list-border-color);border-bottom-color:var(--s-list-border-color)}.s-list--borderless .s-list__content::before{display:none}.s-list__description{margin-inline-start:var(--s-list-description-margin-x);margin-inline-end:var(--s-list-description-margin-x);margin-top:var(--s-list-description-margin-top);font-size:var(--s-list-description-font-size);line-height:var(--s-list-description-line-height);color:var(--s-list-description-color)}.s-list--card .s-list__content{border-radius:var(--s-list-card-border-radius)}.s-list--not-card .s-list__content{border-radius:0}.s-list--card .s-list__content::before,.s-list--inlaid .s-list__content::before{display:none}.s-list-item{position:relative;display:flex;flex-wrap:nowrap;overflow:hidden;min-height:var(--s-list-item-min-height);padding:var(--s-list-item-padding-y) var(--s-list-item-padding-x);background:var(--s-list-item-bg)}.s-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-list-item::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;inset-inline-start:var(--s-list-divider-start);inset-inline-end:var(--s-list-divider-end)}.s-list-item--borderless::before{display:none}.s-list-item:first-child::before{display:none}.s-list-item--hover{cursor:pointer}.s-list-item--hover:active{background:var(--s-list-item-bg-active)}.s-list-item--custom{flex-direction:column}.s-list-item__icon{display:flex;justify-content:center;align-items:center;flex:none;margin-inline-end:var(--s-list-item-icon-margin-end);font-size:var(--s-list-item-icon-size)}.s-list-item__title{display:flex;flex-direction:column;justify-content:center;flex:auto;font-size:var(--s-list-item-title-font-size);line-height:var(--s-list-item-title-line-height);word-break:break-all}.s-list-item__description{margin-top:var(--s-list-item-description-margin-top);font-size:var(--s-list-item-description-font-size);line-height:var(--s-list-item-description-line-height);color:var(--s-list-item-description-color);word-break:break-all}.s-list-item__value{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:auto;font-size:var(--s-list-item-value-font-size);line-height:var(--s-list-item-value-line-height);color:var(--s-list-item-value-color);text-align:right;word-break:break-all}.s-list-item__arrow{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--s-list-item-arrow-margin-start);font-size:var(--s-list-item-arrow-font-size);color:var(--s-list-item-arrow-color)}:root[dir=rtl] .s-list-item__arrow{transform:rotateY(180deg)}
+:root{--s-list-border-color:var(--s-border-color);--s-list-title-margin-x:var(--s-size);--s-list-title-margin-top:var(--s-size-2xl);--s-list-title-margin-bottom:var(--s-size-xs);--s-list-title-font-size:var(--s-font-size-sm);--s-list-title-line-height:var(--s-line-height-snug);--s-list-title-color:var(--s-text-color-tertiary);--s-list-description-margin-x:var(--s-size);--s-list-description-margin-top:var(--s-size-xs);--s-list-description-font-size:var(--s-font-size-sm);--s-list-description-line-height:var(--s-line-height-snug);--s-list-description-color:var(--s-text-color-tertiary);--s-list-card-border-radius:var(--s-border-radius-lg);--s-list-item-min-height:var(--s-content-height);--s-list-item-padding-x:var(--s-content-padding-x);--s-list-item-padding-y:var(--s-content-padding-y);--s-list-item-bg:var(--s-bg-color-container);--s-list-item-bg-active:var(--s-bg-color-active);--s-list-item-opacity-disabled:var(--s-opacity-disabled);--s-list-item-icon-size:var(--s-size-lg);--s-list-item-icon-margin-end:var(--s-size-sm);--s-list-item-title-font-size:var(--s-font-size);--s-list-item-title-line-height:var(--s-line-height-snug);--s-list-item-value-font-size:var(--s-font-size);--s-list-item-value-line-height:var(--s-line-height-snug);--s-list-item-value-color:var(--s-text-color-tertiary);--s-list-item-description-margin-top:var(--s-size-2xs);--s-list-item-description-font-size:var(--s-font-size-sm);--s-list-item-description-line-height:var(--s-line-height-snug);--s-list-item-description-color:var(--s-text-color-tertiary);--s-list-item-arrow-margin-start:var(--s-size-xs);--s-list-item-arrow-font-size:var(--s-font-size);--s-list-item-arrow-color:var(--s-text-color-tertiary);--s-list-divider-start:var(--s-list-item-padding-x);--s-list-divider-end:var(--s-list-item-padding-x)}.s-list__title{margin-inline-start:var(--s-list-title-margin-x);margin-inline-end:var(--s-list-title-margin-x);margin-top:var(--s-list-title-margin-top);margin-bottom:var(--s-list-title-margin-bottom);font-size:var(--s-list-title-font-size);line-height:var(--s-list-title-line-height);color:var(--s-list-title-color)}.s-list__content{position:relative}.s-list__content::before{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-list-border-color);border-bottom-color:var(--s-list-border-color)}.s-list--borderless .s-list__content::before{display:none}.s-list__description{margin-inline-start:var(--s-list-description-margin-x);margin-inline-end:var(--s-list-description-margin-x);margin-top:var(--s-list-description-margin-top);font-size:var(--s-list-description-font-size);line-height:var(--s-list-description-line-height);color:var(--s-list-description-color)}.s-list--card .s-list__content{border-radius:var(--s-list-card-border-radius)}.s-list--not-card .s-list__content{border-radius:0}.s-list--card .s-list__content::before,.s-list--inlaid .s-list__content::before{display:none}.s-list-item{position:relative;display:flex;flex-wrap:nowrap;overflow:hidden;min-height:var(--s-list-item-min-height);padding:var(--s-list-item-padding-y) var(--s-list-item-padding-x);background:var(--s-list-item-bg)}.s-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-list-item::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;inset-inline-start:var(--s-list-divider-start);inset-inline-end:var(--s-list-divider-end)}.s-list-item--borderless::before{display:none}.s-list-item:first-child::before{display:none}.s-list-item--hover{cursor:pointer}.s-list-item--hover:active{background:var(--s-list-item-bg-active)}.s-list-item--custom{flex-direction:column}.s-list-item__icon{display:flex;justify-content:center;align-items:center;flex:none;margin-inline-end:var(--s-list-item-icon-margin-end);font-size:var(--s-list-item-icon-size)}.s-list-item__title{display:flex;flex-direction:column;justify-content:center;flex:auto;font-size:var(--s-list-item-title-font-size);line-height:var(--s-list-item-title-line-height);word-break:break-all}.s-list-item__description{margin-top:var(--s-list-item-description-margin-top);font-size:var(--s-list-item-description-font-size);line-height:var(--s-list-item-description-line-height);color:var(--s-list-item-description-color);word-break:break-all}.s-list-item__value{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:auto;font-size:var(--s-list-item-value-font-size);line-height:var(--s-list-item-value-line-height);color:var(--s-list-item-value-color);text-align:right;word-break:break-all}.s-list-item__arrow{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--s-list-item-arrow-margin-start);font-size:var(--s-list-item-arrow-font-size);color:var(--s-list-item-arrow-color)}:root[dir=rtl] .s-list-item__arrow{transform:scaleX(-1)}

package/components/navbar/index.css

@@ -1 +1 @@
-:root{--s-navbar-height:var(--s-content-height);--s-navbar-bg:var(--s-bg-color-container);--s-navbar-z-index:var(--s-z-index-secondary);--s-navbar-title-max-width:60%;--s-navbar-title-font-size:var(--s-font-size-lg);--s-navbar-title-color:var(--s-text-color-emphasis);--s-navbar-back-color:var(--s-text-color-secondary);--s-navbar-item-padding-x:var(--s-size-xs);--s-navbar-item-gap:var(--s-size-2xs);--s-navbar-item-font-size:var(--s-font-size-lg);--s-navbar-item-icon-size:var(--s-size-lg);--s-navbar-item-color:var(--s-color-primary);--s-navbar-item-opacity-active:var(--s-opacity-active);--s-navbar-start-gap:var(--s-size-2xs);--s-navbar-end-gap:var(--s-size-2xs)}.s-navbar{background:var(--s-navbar-bg)}.s-navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:var(--s-navbar-z-index)}.s-navbar__wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--s-navbar-height)}.s-navbar__wrapper:is(.is-divider)::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-navbar__content{display:flex;align-items:center;justify-content:center;height:100%;flex:1;overflow:hidden}.s-navbar__title{display:block;width:100%;max-width:var(--s-navbar-title-max-width);font-size:var(--s-navbar-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center;color:var(--s-navbar-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-navbar__start,.s-navbar__end{position:absolute;top:0;bottom:0;z-index:2;flex:none;align-items:stretch;height:100%}.s-navbar__start{inset-inline-start:0;padding-inline-start:var(--s-navbar-start-gap)}.s-navbar__end{inset-inline-end:0;padding-inline-end:var(--s-navbar-end-gap)}.s-navbar--custom .s-navbar__content{flex-direction:column;align-items:stretch}.s-navbar--flow .s-navbar__title{max-width:100%;text-align:start}.s-navbar--flow .s-navbar__start,.s-navbar--flow .s-navbar__end{position:relative}.s-navbar__item{display:inline-flex;align-items:center;justify-content:center;height:100%;gap:var(--s-navbar-item-gap);padding:0 var(--s-navbar-item-padding-x);font-size:var(--s-navbar-item-font-size);color:var(--s-navbar-item-color);cursor:pointer;line-height:1}.s-navbar__item:active{opacity:var(--s-navbar-item-opacity-active)}.s-navbar__item .s-navbar__item-icon{font-size:var(--s-navbar-item-icon-size)}.s-navbar__item:is(.is-back){color:var(--s-navbar-back-color)}:root[dir=rtl] .s-navbar__item:is(.is-back) .s-navbar__item-icon{transform:rotateY(180deg)}.s-navbar--reverse{flex-direction:row-reverse}
+:root{--s-navbar-height:var(--s-content-height);--s-navbar-bg:var(--s-bg-color-container);--s-navbar-z-index:var(--s-z-index-secondary);--s-navbar-title-max-width:60%;--s-navbar-title-font-size:var(--s-font-size-lg);--s-navbar-title-color:var(--s-text-color-emphasis);--s-navbar-back-color:var(--s-text-color-secondary);--s-navbar-item-padding-x:var(--s-size-xs);--s-navbar-item-gap:var(--s-size-2xs);--s-navbar-item-font-size:var(--s-font-size-lg);--s-navbar-item-icon-size:var(--s-size-lg);--s-navbar-item-color:var(--s-color-primary);--s-navbar-item-opacity-active:var(--s-opacity-active);--s-navbar-start-gap:var(--s-size-2xs);--s-navbar-end-gap:var(--s-size-2xs)}.s-navbar{background:var(--s-navbar-bg)}.s-navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:var(--s-navbar-z-index)}.s-navbar__wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--s-navbar-height)}.s-navbar__wrapper:is(.is-divider)::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-navbar__content{display:flex;align-items:center;justify-content:center;height:100%;flex:1;overflow:hidden}.s-navbar__title{display:block;width:100%;max-width:var(--s-navbar-title-max-width);font-size:var(--s-navbar-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center;color:var(--s-navbar-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-navbar__start,.s-navbar__end{position:absolute;top:0;bottom:0;z-index:2;flex:none;align-items:stretch;height:100%}.s-navbar__start{inset-inline-start:0;padding-inline-start:var(--s-navbar-start-gap)}.s-navbar__end{inset-inline-end:0;padding-inline-end:var(--s-navbar-end-gap)}.s-navbar--custom .s-navbar__content{flex-direction:column;align-items:stretch}.s-navbar--flow .s-navbar__title{max-width:100%;text-align:start}.s-navbar--flow .s-navbar__start,.s-navbar--flow .s-navbar__end{position:relative}.s-navbar__item{display:inline-flex;align-items:center;justify-content:center;height:100%;gap:var(--s-navbar-item-gap);padding:0 var(--s-navbar-item-padding-x);font-size:var(--s-navbar-item-font-size);color:var(--s-navbar-item-color);cursor:pointer;line-height:1}.s-navbar__item:active{opacity:var(--s-navbar-item-opacity-active)}.s-navbar__item .s-navbar__item-icon{font-size:var(--s-navbar-item-icon-size)}.s-navbar__item:is(.is-back){color:var(--s-navbar-back-color)}:root[dir=rtl] .s-navbar__item:is(.is-back) .s-navbar__item-icon{transform:scaleX(-1)}.s-navbar--reverse{flex-direction:row-reverse}

package/components/notice-bar/index.css

@@ -1 +1 @@
-:root{--s-notice-bar-min-height:var(--s-content-height-sm);--s-notice-bar-padding-x:var(--s-content-padding-x);--s-notice-bar-padding-y:var(--s-content-padding-y);--s-notice-bar-font-size:var(--s-font-size);--s-notice-bar-color:#f97316;--s-notice-bar-bg:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg));--s-notice-bar-wrap-line-height:var(--s-line-height-snug);--s-notice-bar-left-icon-size:var(--s-size-lg);--s-notice-bar-left-icon-margin-end:var(--s-size-xs);--s-notice-bar-right-icon-padding:var(--s-size-xs);--s-notice-bar-right-icon-size:var(--s-size);--s-notice-bar-right-icon-margin-start:0;--s-notice-bar-right-icon-margin-end:calc(var(--s-size-xs)*-1)}.s-notice-bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:var(--s-notice-bar-min-height);padding:0 var(--s-notice-bar-padding-x);background:var(--s-notice-bar-bg);color:var(--s-notice-bar-color)}.s-notice-bar--wrap{padding-top:var(--s-notice-bar-padding-y);padding-bottom:var(--s-notice-bar-padding-y)}.s-notice-bar--linkable{cursor:pointer}.s-notice-bar__left-icon{font-size:var(--s-notice-bar-left-icon-size);margin-inline-end:var(--s-notice-bar-left-icon-margin-end)}.s-notice-bar__content{flex:1;display:flex;flex-direction:row;overflow:hidden}.s-notice-bar__wrapper{font-size:var(--s-notice-bar-font-size);line-height:var(--s-notice-bar-wrap-line-height);white-space:nowrap;animation-duration:var(--duration);animation-timing-function:linear;animation-fill-mode:both;transform:translateX(var(--x))}:root[dir=rtl] .s-notice-bar__wrapper{transform:translateX(calc(var(--x) * -1))}.s-notice-bar__right-icon{font-size:var(--s-notice-bar-right-icon-size);padding:var(--s-notice-bar-right-icon-padding);margin-inline-start:var(--s-notice-bar-right-icon-margin-start);margin-inline-end:var(--s-notice-bar-right-icon-margin-end);cursor:pointer}.s-notice-bar--linkable{cursor:pointer}:root[dir=rtl] .s-notice-bar--linkable .s-notice-bar__right-icon{transform:rotateY(180deg)}.s-notice-bar--vertical .s-notice-bar__content{flex-direction:column}.s-notice-bar--scrollable .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll}:root[dir=rtl] .s-notice-bar--scrollable .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-rtl}.s-notice-bar--infinite .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-infinite;animation-iteration-count:infinite}:root[dir=rtl] .s-notice-bar--infinite .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-infinite-rtl}@keyframes s-notice-bar-scroll{100%{transform:translate3d(-100%, 0, 0)}}@keyframes s-notice-bar-scroll-infinite{100%{transform:translate3d(-100%, 0, 0)}}@keyframes s-notice-bar-scroll-rtl{100%{transform:translate3d(100%, 0, 0)}}@keyframes s-notice-bar-scroll-infinite-rtl{100%{transform:translate3d(100%, 0, 0)}}.s-notice-bar--wrap .s-notice-bar__wrapper{white-space:normal}
+:root{--s-notice-bar-min-height:var(--s-content-height-sm);--s-notice-bar-padding-x:var(--s-content-padding-x);--s-notice-bar-padding-y:var(--s-content-padding-y);--s-notice-bar-font-size:var(--s-font-size);--s-notice-bar-color:#f97316;--s-notice-bar-bg:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg));--s-notice-bar-wrap-line-height:var(--s-line-height-snug);--s-notice-bar-left-icon-size:var(--s-size-lg);--s-notice-bar-left-icon-margin-end:var(--s-size-xs);--s-notice-bar-right-icon-padding:var(--s-size-xs);--s-notice-bar-right-icon-size:var(--s-size);--s-notice-bar-right-icon-margin-start:0;--s-notice-bar-right-icon-margin-end:calc(var(--s-size-xs)*-1)}.s-notice-bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:var(--s-notice-bar-min-height);padding:0 var(--s-notice-bar-padding-x);background:var(--s-notice-bar-bg);color:var(--s-notice-bar-color)}.s-notice-bar--wrap{padding-top:var(--s-notice-bar-padding-y);padding-bottom:var(--s-notice-bar-padding-y)}.s-notice-bar--linkable{cursor:pointer}.s-notice-bar__left-icon{font-size:var(--s-notice-bar-left-icon-size);margin-inline-end:var(--s-notice-bar-left-icon-margin-end)}.s-notice-bar__content{flex:1;display:flex;flex-direction:row;overflow:hidden}.s-notice-bar__wrapper{font-size:var(--s-notice-bar-font-size);line-height:var(--s-notice-bar-wrap-line-height);white-space:nowrap;animation-duration:var(--duration);animation-timing-function:linear;animation-fill-mode:both;transform:translateX(var(--x))}:root[dir=rtl] .s-notice-bar__wrapper{transform:translateX(calc(var(--x) * -1))}.s-notice-bar__right-icon{font-size:var(--s-notice-bar-right-icon-size);padding:var(--s-notice-bar-right-icon-padding);margin-inline-start:var(--s-notice-bar-right-icon-margin-start);margin-inline-end:var(--s-notice-bar-right-icon-margin-end);cursor:pointer}.s-notice-bar--linkable{cursor:pointer}:root[dir=rtl] .s-notice-bar--linkable .s-notice-bar__right-icon{transform:scaleX(-1)}.s-notice-bar--vertical .s-notice-bar__content{flex-direction:column}.s-notice-bar--scrollable .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll}:root[dir=rtl] .s-notice-bar--scrollable .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-rtl}.s-notice-bar--infinite .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-infinite;animation-iteration-count:infinite}:root[dir=rtl] .s-notice-bar--infinite .s-notice-bar__wrapper{animation-name:s-notice-bar-scroll-infinite-rtl}@keyframes s-notice-bar-scroll{100%{transform:translate3d(-100%, 0, 0)}}@keyframes s-notice-bar-scroll-infinite{100%{transform:translate3d(-100%, 0, 0)}}@keyframes s-notice-bar-scroll-rtl{100%{transform:translate3d(100%, 0, 0)}}@keyframes s-notice-bar-scroll-infinite-rtl{100%{transform:translate3d(100%, 0, 0)}}.s-notice-bar--wrap .s-notice-bar__wrapper{white-space:normal}

package/components/popout-input/index.css

@@ -1 +1 @@
-:root{--s-popout-input-arrow-font-size:var(--s-font-size);--s-popout-input-arrow-color:var(--s-border-color);--s-popout-input-opacity-active:var(--s-opacity-active);--s-popout-input-append-gap:var(--s-size-2xs);--s-popout-input-loading-size:var(--s-font-size-lg);--s-popout-input-loading-color:var(--s-text-color-fourth)}.s-popout-input--down{opacity:var(--s-popout-input-opacity-active)}.s-popout-input--readonly,.s-popout-input--loading{cursor:unset}.s-popout-input--disabled{cursor:not-allowed}.s-popout-input__append{display:flex;align-items:center;gap:var(--s-popout-input-append-gap)}.s-popout-input__loading{font-size:var(--s-popout-input-loading-size);color:var(--s-popout-input-loading-color)}.s-popout-input__seal{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.s-popout-input__arrow{font-size:var(--s-popout-input-arrow-font-size);color:var(--s-popout-input-arrow-color)}:root[dir=rtl] .s-popout-input__arrow{transform:rotateY(180deg)}
+:root{--s-popout-input-arrow-font-size:var(--s-font-size);--s-popout-input-arrow-color:var(--s-border-color);--s-popout-input-opacity-active:var(--s-opacity-active);--s-popout-input-append-gap:var(--s-size-2xs);--s-popout-input-loading-size:var(--s-font-size-lg);--s-popout-input-loading-color:var(--s-text-color-fourth)}.s-popout-input--down{opacity:var(--s-popout-input-opacity-active)}.s-popout-input--readonly,.s-popout-input--loading{cursor:unset}.s-popout-input--disabled{cursor:not-allowed}.s-popout-input__append{display:flex;align-items:center;gap:var(--s-popout-input-append-gap)}.s-popout-input__loading{font-size:var(--s-popout-input-loading-size);color:var(--s-popout-input-loading-color)}.s-popout-input__seal{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.s-popout-input__arrow{font-size:var(--s-popout-input-arrow-font-size);color:var(--s-popout-input-arrow-color)}:root[dir=rtl] .s-popout-input__arrow{transform:scaleX(-1)}

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;