sard 1.0.29 → 1.2.0

package/README.md

@@ -127,8 +127,7 @@ npm run publish
 8. 打包组件库 `npm run build:sard`
 9. 发布到 npm `npm run publish:sard`
 10. 推送代码和标签 `npm run push`
-11. 打包文档 `npm run build:site`
-12. 部署文档 `npm run deploy`
+11. 打包&部署文档 `npm run deploy`
 
 ## 新增组件流程
 

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";
@@ -112,6 +113,7 @@ import { Table } from "./components/table/index.js";
 import { Tab, Tabs } from "./components/tabs/index.js";
 import { Tag } from "./components/tag/index.js";
 import { Text } from "./components/text/index.js";
+import { TextShrink } from "./components/text-shrink/index.js";
 import { Timeline, TimelineItem } from "./components/timeline/index.js";
 import { Toast } from "./components/toast/index.js";
 import { Tree, TreeBranch, TreeNode } from "./components/tree/index.js";
@@ -152,6 +154,7 @@ var all_components_default = {
 	CountDown,
 	CountTo,
 	CropImage,
+	Danmaku,
 	DateStrip,
 	DatetimePicker,
 	DatetimePickerInput,
@@ -271,6 +274,7 @@ var all_components_default = {
 	Tabs,
 	Tag,
 	Text,
+	TextShrink,
 	Timeline,
 	TimelineItem,
 	Toast,

package/components/action-sheet/action-sheet-item.vue.js

@@ -57,7 +57,7 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
 					unref(bem).is("loading", props.loading)
 				]),
 				onClick
-			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
+			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
 				class: normalizeClass(unref(bem).e("item-label")),
 				style: normalizeStyle(labelStyle.value)
 			}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 6), props.description || slots.description ? (openBlock(), createElementBlock("div", {

package/components/action-sheet/common.d.ts

@@ -1,5 +1,5 @@
 import { type DefaultProps } from '../config';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 import { type UseActionSheetReturn } from './context';
 export interface ActionSheetBeforeClose {
     (type: 'close' | 'cancel', loading: {

package/components/button/button.vue.js

@@ -110,7 +110,7 @@ var button_default = /*@__PURE__*/ defineComponent({
 			}, [__props.loading ? (openBlock(), createBlock(loading_default, {
 				key: 0,
 				type: __props.loadingType
-			}, null, 8, ["type"])) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1);
+			}, null, 8, ["type"])) : renderSlot(_ctx.$slots, "icon", {}, void 0, void 0, 1)], 2)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1);
 		};
 	}
 });

package/components/calendar-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type CalendarProps } from '../calendar/common';
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface CalendarPopoutProps extends FormPopoutProps, CalendarProps {
 }
 export declare const defaultCalendarPopoutProps: DefaultProps<CalendarPopoutProps>;

package/components/cascader-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type CascaderOption, type CascaderProps } from '../cascader/common';
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface CascaderPopoutProps extends FormPopoutProps, CascaderProps {
 }
 export declare const defaultCascaderPopoutProps: DefaultProps<CascaderPopoutProps>;

package/components/checkbox-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type CheckboxGroupProps } from '../checkbox/common';
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface CheckboxPopoutProps extends FormPopoutProps, CheckboxGroupProps {
     searchable?: boolean;
     filterPlaceholder?: string;

package/components/color-picker-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
 import { type ColorPickerProps } from '../color-picker/common';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface ColorPickerPopoutProps extends FormPopoutProps, ColorPickerProps {
 }
 export declare const defaultColorPickerPopoutProps: DefaultProps<ColorPickerPopoutProps>;

package/components/crop-image/common.d.ts

@@ -1,5 +1,5 @@
 import { type DefaultProps } from '../config';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface CropImageProps {
     visible?: boolean;
     url?: string;

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/datetime-picker-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type DatetimePickerProps, type DatetimePickerSlots } from '../datetime-picker/common';
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface DatetimePickerPopoutProps extends FormPopoutProps, DatetimePickerProps {
 }
 export declare const defaultDatetimePickerPopoutProps: DefaultProps<DatetimePickerPopoutProps>;

package/components/datetime-range-picker-popout/common.d.ts

@@ -1,7 +1,7 @@
 import { type DatetimeRangePickerProps, type DatetimeRangePickerSlots } from '../datetime-range-picker/common';
 import { type DefaultProps } from '../config';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface DatetimeRangePickerPopoutProps extends FormPopoutProps, DatetimeRangePickerProps {
 }
 export declare const defaultDatetimeRangePickerPopoutProps: DefaultProps<DatetimeRangePickerPopoutProps>;

package/components/descriptions/common.d.ts

@@ -14,21 +14,26 @@ export interface DescriptionsSlots {
 }
 export interface DescriptionsEmits {
 }
+export interface DescriptionsItemMeta {
+    colspan: () => number;
+    rowspan: () => number;
+}
 export interface DescriptionsContext {
     bordered?: boolean;
     colon?: boolean;
     labelWidth?: string;
     labelAlign?: DescriptionsAlign;
+    /** 注册一个描述项，返回注销函数 */
+    registerItem: (meta: DescriptionsItemMeta) => () => void;
+    /** 获取某个描述项内容格的列跨度 */
+    getContentSpan: (meta: DescriptionsItemMeta) => number | undefined;
 }
 export declare const descriptionsContextKey: InjectionKey<DescriptionsContext>;
 export interface DescriptionsItemProps {
     label?: string;
     colspan?: number;
     rowspan?: number;
-    labelWidth?: string;
     labelAlign?: DescriptionsAlign;
-    /** @internal set by Descriptions for last item in incomplete rows */
-    contentColspan?: number;
 }
 export declare const defaultDescriptionsItemProps: DefaultProps<DescriptionsItemProps>;
 export interface DescriptionsItemSlots {

package/components/descriptions/descriptions-item.vue.d.ts

@@ -3,10 +3,8 @@ type __VLS_Slots = DescriptionsItemSlots;
 declare const __VLS_base: import("vue").DefineComponent<DescriptionsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DescriptionsItemProps> & Readonly<{}>, {
     label: string;
     colspan: number;
-    labelWidth: string;
     labelAlign: import("./common").DescriptionsAlign;
     rowspan: number;
-    contentColspan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;