sard 1.1.0 → 1.2.1

package/components/swiper/swiper.vue.d.ts

@@ -0,0 +1,147 @@
+import { type SwiperSlots } from './common';
+type __VLS_Slots = SwiperSlots;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slidesPerView: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slidesPerGroup: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowTouchMove: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    transition: (event: {
+        dx: number;
+        dy: number;
+    }) => any;
+    "update:modelValue": (value: number) => any;
+    animationfinish: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slidesPerView: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slidesPerGroup: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowTouchMove: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    onTransition?: ((event: {
+        dx: number;
+        dy: number;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onAnimationfinish?: ((value: number) => any) | undefined;
+}>, {
+    vertical: boolean;
+    modelValue: number;
+    autoHeight: boolean;
+    speed: number;
+    loop: boolean;
+    showIndicator: boolean;
+    autoplay: boolean;
+    delay: number;
+    slidesPerView: number;
+    slidesPerGroup: number;
+    spaceBetween: number;
+    centeredSlides: boolean;
+    allowTouchMove: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/swiper/swiper.vue.js

@@ -0,0 +1,51 @@
+import { createBem } from "../../utils/bem.js";
+import { swiperProps } from "./common.js";
+import { useSwiper } from "./useSwiper.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, unref } from "vue";
+//#region packages/sard/components/swiper/swiper.vue
+var swiper_default = /*@__PURE__*/ defineComponent({
+	__name: "swiper",
+	props: swiperProps,
+	emits: [
+		"change",
+		"transition",
+		"animationfinish",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("swiper");
+		const { rootRef, wrapperRef, activeIndex, pageCount, onTouchStart, onTouchMove, onTouchEnd, onPointerDown } = useSwiper(props, emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass([
+					unref(bem).b(),
+					unref(bem).m("vertical", _ctx.vertical),
+					unref(bem).is("auto-height", _ctx.autoHeight)
+				]),
+				onTouchstart: _cache[0] || (_cache[0] = (...args) => unref(onTouchStart) && unref(onTouchStart)(...args)),
+				onTouchmove: _cache[1] || (_cache[1] = (...args) => unref(onTouchMove) && unref(onTouchMove)(...args)),
+				onTouchend: _cache[2] || (_cache[2] = (...args) => unref(onTouchEnd) && unref(onTouchEnd)(...args)),
+				onTouchcancel: _cache[3] || (_cache[3] = (...args) => unref(onTouchEnd) && unref(onTouchEnd)(...args)),
+				onPointerdown: _cache[4] || (_cache[4] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
+			}, [createElementVNode("div", {
+				ref_key: "wrapperRef",
+				ref: wrapperRef,
+				class: normalizeClass([unref(bem).e("wrapper"), unref(bem).is("vertical", _ctx.vertical)])
+			}, [renderSlot(_ctx.$slots, "default")], 2), _ctx.showIndicator ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([unref(bem).e("dots"), unref(bem).is("vertical", _ctx.vertical)])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageCount), (index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: normalizeClass([unref(bem).e("dot"), unref(bem).is("active", unref(activeIndex) === index - 1)])
+				}, null, 2);
+			}), 128))], 2)) : createCommentVNode("v-if", true)], 34);
+		};
+	}
+});
+//#endregion
+export { swiper_default as default };

package/components/swiper/useSwiper.d.ts

@@ -1,4 +1,4 @@
-import { type Ref, type VNode } from 'vue';
+import { type Ref } from 'vue';
 import { type SwiperSlideData } from './useSwiperData';
 import type { SwiperEmits, SwiperPrivateProps } from './common';
 type SwiperMember = SwiperSlideData;
@@ -15,7 +15,6 @@ export declare function useSwiper(props: SwiperPrivateProps, emit: SwiperEmits):
     members: import("vue").ShallowRef<SwiperSlideData[], SwiperSlideData[]>;
     activeIndex: Ref<number, number>;
     pageCount: import("vue").ComputedRef<number>;
-    setSwiperItems: (_swiperItems: VNode[]) => void;
     onTouchStart: (event: TouchEvent) => void;
     onTouchMove: (event: TouchEvent) => void;
     onTouchEnd: () => void;

package/components/swiper/useSwiper.js

@@ -17,17 +17,21 @@ function useSwiper(props, emit) {
 	const rootRef = ref(null);
 	const wrapperRef = ref(null);
 	const isRtl = useRtl();
-	let swiperItems = [];
 	const members = shallowRef([]);
 	function updateMembers(rawMembers) {
-		const _members = [];
-		for (let i = 0; i < swiperItems.length; i++) {
-			let swiperItem = swiperItems[i];
-			if (!(swiperItem instanceof Element)) swiperItem = swiperItem.el;
-			const member = rawMembers.find((member) => swiperItem === member.el);
-			if (member) _members.push(member);
+		const uniqueMembers = [];
+		const seen = /* @__PURE__ */ new Set();
+		for (const member of rawMembers) {
+			const el = member.el;
+			if (el && !seen.has(el)) {
+				seen.add(el);
+				uniqueMembers.push(member);
+			}
 		}
-		members.value = _members;
+		uniqueMembers.sort((a, b) => {
+			return a.el.compareDocumentPosition(b.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+		});
+		members.value = uniqueMembers;
 	}
 	provide(swiperContextKey, {
 		autoHeight: toRef(() => props.autoHeight),
@@ -40,9 +44,6 @@ function useSwiper(props, emit) {
 			updateMembers(members.value.filter((m) => m !== member));
 		}
 	});
-	const setSwiperItems = (_swiperItems) => {
-		swiperItems = _swiperItems;
-	};
 	const { offset, swiperSize, startEdge, endEdge, activeIndex, slidesPerView, slidesPerGroup, spaceBetween, centeredSlides, pageCount, loop, slides, setSlides, getNearestOffset, getPreviousNearestOffset, getNextNearestOffset, getNextIndexOffset, normalizeLoopOffset, snapTo } = useSwiperData();
 	watchSyncEffect(() => {
 		slidesPerView.value = props.slidesPerView;
@@ -159,7 +160,6 @@ function useSwiper(props, emit) {
 		members,
 		activeIndex,
 		pageCount,
-		setSwiperItems,
 		onTouchStart,
 		onTouchMove,
 		onTouchEnd,

package/components/table/table.vue.js

@@ -381,12 +381,11 @@ var table_default = /*@__PURE__*/ defineComponent({
 							style: normalizeStyle(getCellStyle(cell.row, cell.rowIndex, cell.column, cell.columnIndex)),
 							class: normalizeClass(getCellClassName(cell.row, cell.rowIndex, cell.column, cell.columnIndex))
 						}, [cell.column.slot && _ctx.$slots[cell.column.slot] ? renderSlot(_ctx.$slots, cell.column.slot, {
-							key: 0,
 							row: cell.row,
 							column: cell.column,
 							rowIndex: cell.rowIndex,
 							columnIndex: cell.columnIndex
-						}) : cell.column.formatter ? (openBlock(), createBlock(resolveDynamicComponent(() => cell.column.formatter({
+						}, void 0, void 0, 0) : cell.column.formatter ? (openBlock(), createBlock(resolveDynamicComponent(() => cell.column.formatter({
 							row: cell.row,
 							rowIndex: cell.rowIndex,
 							column: cell.column,

package/components/text-shrink/common.d.ts

@@ -0,0 +1,28 @@
+import { type Ref } from 'vue';
+import { type DefaultProps } from '../config';
+export interface TextShrinkProps {
+    /** 要渲染的纯文本，不解析 HTML */
+    text?: string;
+    /** 允许渲染的最大行数，1 表示单行不换行 */
+    maxLines?: number;
+    /** 字号上界（px）；不传时在首次适配时读取根元素 computed font-size 并固化 */
+    baseFontSize?: number;
+    /**
+     * 缩放下限（px），默认 1。
+     * 需要在小于等于该字号时才放得下时，不再继续缩小，停在该字号并显示省略号。
+     */
+    minFontSize?: number;
+}
+export declare const defaultTextShrinkProps: DefaultProps<TextShrinkProps>;
+export interface TextShrinkSlots {
+}
+export interface TextShrinkEmits {
+}
+export interface TextShrinkExpose {
+    /** 当前生效的字号（px），首次适配完成前为 undefined */
+    fontSize: Ref<number | undefined>;
+    /** 是否已停在缩放下限仍溢出（此时按 maxLines 截断） */
+    overflow: Ref<boolean>;
+    /** 手动触发一次重新适配（在下一帧执行） */
+    refit: () => void;
+}

package/components/text-shrink/common.js

@@ -0,0 +1,8 @@
+//#region packages/sard/components/text-shrink/common.ts
+const defaultTextShrinkProps = {
+	text: "",
+	maxLines: 1,
+	minFontSize: 1
+};
+//#endregion
+export { defaultTextShrinkProps };

package/components/text-shrink/index.css

@@ -0,0 +1 @@
+.s-text-shrink{position:relative;display:block;min-width:0}.s-text-shrink:is(.is-measuring){visibility:hidden}.s-text-shrink__text{position:relative;display:block;overflow:hidden;word-break:normal;overflow-wrap:break-word}.s-text-shrink__text--nowrap{white-space:nowrap;text-overflow:ellipsis}.s-text-shrink__text--clamp{display:-webkit-box;-webkit-box-orient:vertical}.s-text-shrink__measure{position:absolute;top:0;left:0;z-index:-1;box-sizing:border-box;width:100%;padding:inherit;overflow:visible;visibility:hidden;pointer-events:none;contain:layout style}

package/components/text-shrink/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _TextShrink from './text-shrink.vue';
+export declare const TextShrink: EnhancedComponent<typeof _TextShrink>;
+export default TextShrink;
+export type { TextShrinkProps, TextShrinkSlots, TextShrinkEmits, TextShrinkExpose } from './common';

package/components/text-shrink/index.js

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

package/components/text-shrink/text-shrink.vue.d.ts

@@ -0,0 +1,16 @@
+import { type TextShrinkExpose, type TextShrinkProps, type TextShrinkSlots } from './common';
+type __VLS_Slots = TextShrinkSlots;
+declare const __VLS_base: import("vue").DefineComponent<TextShrinkProps, TextShrinkExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextShrinkProps> & Readonly<{}>, {
+    text: string;
+    maxLines: number;
+    baseFontSize: number;
+    minFontSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/text-shrink/text-shrink.vue.js

@@ -0,0 +1,252 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultTextShrinkProps } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, useTemplateRef, watch } from "vue";
+//#region packages/sard/components/text-shrink/text-shrink.vue
+const _hoisted_1 = ["textContent"];
+const MIN_FONT_SIZE = 1;
+/** 二分搜索收敛精度（px） */
+const SEARCH_EPSILON = .05;
+/**
+* 尺寸比较容差。
+* 必须小于 1 个字号步进：单行渲染一旦溢出哪怕 0.5px，text-overflow 就会用省略号
+* 吃掉末尾一整个字，视觉上像“根本没放下”。这里只留吸收浮点误差的余量。
+*/
+const SIZE_TOLERANCE = .05;
+/** 宽度变化容差：小于它视为同一宽度，跳过重复适配 */
+const WIDTH_TOLERANCE = .5;
+/** 单行按宽度外推分割点的次数上限，之后回到二分保证收敛 */
+const INTERPOLATION_LIMIT = 2;
+/** 首次读到的 computed font-size 不可信时的兜底基准 */
+const FALLBACK_BASE_FONT_SIZE = 16;
+/** 复用同一个 Range，避免每次测量都新建对象 */
+var text_shrink_default = /*@__PURE__*/ defineComponent({
+	__name: "text-shrink",
+	props: /*@__PURE__*/ mergeDefaults({
+		text: {
+			type: String,
+			required: false
+		},
+		maxLines: {
+			type: Number,
+			required: false
+		},
+		baseFontSize: {
+			type: Number,
+			required: false
+		},
+		minFontSize: {
+			type: Number,
+			required: false
+		}
+	}, defaultTextShrinkProps),
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const bem = createBem("text-shrink");
+		/** 缩放下限：浏览器可渲染的最小字号 */
+		const rootRef = useTemplateRef("root");
+		const measureRef = useTemplateRef("measure");
+		const textRef = useTemplateRef("text");
+		/** 当前生效字号，undefined 表示尚未完成首次适配 */
+		const fontSize = ref();
+		/** 是否停在缩放下限后仍然溢出（已按 maxLines 截断） */
+		const overflow = ref(false);
+		/** 首次适配完成前隐藏可见层，避免以错误字号闪一下 */
+		const ready = ref(false);
+		const lines = computed(() => {
+			const value = Math.floor(Number(props.maxLines));
+			return Number.isFinite(value) && value > 1 ? value : 1;
+		});
+		const singleLine = computed(() => lines.value === 1);
+		let frozenBaseFontSize;
+		function resolveBaseFontSize() {
+			const { baseFontSize } = props;
+			if (typeof baseFontSize === "number" && Number.isFinite(baseFontSize) && baseFontSize > 0) return baseFontSize;
+			if (frozenBaseFontSize !== void 0) return frozenBaseFontSize;
+			let value = FALLBACK_BASE_FONT_SIZE;
+			const root = rootRef.value;
+			if (root && typeof window !== "undefined") {
+				const measured = Number.parseFloat(window.getComputedStyle(root).fontSize);
+				if (Number.isFinite(measured) && measured > 0) value = measured;
+			}
+			frozenBaseFontSize = value;
+			return value;
+		}
+		/**
+		* 缩放下限：取 minFontSize，并夹在 [MIN_FONT_SIZE, baseFontSize] 之间。
+		* 传 0 / 负数 / NaN 一律回退到浏览器可渲染下限，避免出现 0px 的死循环。
+		*/
+		function resolveMinFontSize(baseFontSize) {
+			const { minFontSize } = props;
+			return Math.min(baseFontSize, Math.max(MIN_FONT_SIZE, typeof minFontSize === "number" && Number.isFinite(minFontSize) && minFontSize > 0 ? minFontSize : MIN_FONT_SIZE));
+		}
+		let range;
+		function getRange() {
+			if (!range && typeof document !== "undefined") range = document.createRange();
+			return range;
+		}
+		/**
+		* 以指定字号测量一次：写入字号后只读一次几何。
+		* 单行读 Range 宽度（测量层此时不换行，宽度可以超出容器）；
+		* 多行读 Range 的 rect 个数，一个文本节点每行对应一个 rect。
+		* 读写之间会强制一次布局，所以不需要等 Vue 更新。
+		*/
+		function probeAt(size, available) {
+			const measure = measureRef.value;
+			const node = measure?.firstChild;
+			const selection = getRange();
+			if (!measure || !node || node.nodeType !== 3 || !selection) return {
+				fits: true,
+				width: 0
+			};
+			measure.style.fontSize = `${size}px`;
+			selection.selectNodeContents(node);
+			if (singleLine.value) {
+				const { width } = selection.getBoundingClientRect();
+				return {
+					fits: width <= available + SIZE_TOLERANCE,
+					width
+				};
+			}
+			return {
+				fits: selection.getClientRects().length <= lines.value,
+				width: 0
+			};
+		}
+		/**
+		* 在 (floorFontSize, baseFontSize] 区间内搜索能完整显示的最大字号。
+		* 单行先用「宽度 ∝ 字号」外推两次把区间夹紧，多行直接二分；
+		* 外推只决定下一个试探点，放不放得下始终由真实测量决定，精度不受影响。
+		*/
+		function search(baseFontSize, available, floorFontSize) {
+			const atBase = probeAt(baseFontSize, available);
+			if (atBase.fits) return {
+				size: baseFontSize,
+				overflow: false
+			};
+			if (!probeAt(floorFontSize, available).fits) return {
+				size: floorFontSize,
+				overflow: true
+			};
+			let lower = floorFontSize;
+			let upper = baseFontSize;
+			let estimate = atBase.width > 0 ? baseFontSize * available / atBase.width : NaN;
+			let interpolations = 0;
+			while (upper - lower > SEARCH_EPSILON) {
+				const useEstimate = interpolations < INTERPOLATION_LIMIT && estimate > lower && estimate < upper;
+				if (useEstimate) interpolations += 1;
+				const middle = useEstimate ? estimate : (lower + upper) / 2;
+				const result = probeAt(middle, available);
+				if (!result.fits) upper = middle;
+				else if (result.width >= available - SIZE_TOLERANCE) {
+					lower = middle;
+					break;
+				} else lower = middle;
+				estimate = result.width > 0 ? middle * available / result.width : NaN;
+			}
+			const maxTenths = Math.floor(baseFontSize * 10);
+			let tenths = Math.floor(lower * 10);
+			while (tenths < maxTenths && probeAt((tenths + 1) / 10, available).fits) tenths += 1;
+			return {
+				size: Math.max(floorFontSize, tenths / 10),
+				overflow: false
+			};
+		}
+		function fit() {
+			const root = rootRef.value;
+			const text = textRef.value;
+			if (!root || !text) return;
+			if (root.clientWidth <= 0) return;
+			const available = text.getBoundingClientRect().width;
+			if (available <= 0) return;
+			const baseFontSize = Math.max(MIN_FONT_SIZE, resolveBaseFontSize());
+			const floorFontSize = resolveMinFontSize(baseFontSize);
+			const result = search(baseFontSize, available, floorFontSize);
+			fontSize.value = Math.max(floorFontSize, result.size);
+			overflow.value = result.overflow;
+			ready.value = true;
+			observedWidth = available;
+		}
+		const requestFrame = (callback) => typeof requestAnimationFrame === "function" ? requestAnimationFrame(callback) : setTimeout(callback, 16);
+		const cancelFrame = (handle) => {
+			if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(handle);
+			else clearTimeout(handle);
+		};
+		let rafId = 0;
+		let disposed = false;
+		let resizeObserver;
+		/** 上一次适配时的宽度，用来跳过 ResizeObserver 的重复回调 */
+		let observedWidth = -1;
+		/** 同一帧内的多次触发合并成一次适配 */
+		function scheduleFit() {
+			if (disposed || rafId !== 0) return;
+			rafId = requestFrame(() => {
+				rafId = 0;
+				if (disposed) return;
+				fit();
+			});
+		}
+		watch(() => [
+			props.text,
+			props.maxLines,
+			props.baseFontSize,
+			props.minFontSize
+		], () => {
+			scheduleFit();
+		});
+		onMounted(() => {
+			fit();
+			if (typeof ResizeObserver !== "undefined" && rootRef.value) {
+				resizeObserver = new ResizeObserver((entries) => {
+					const width = entries[0]?.contentRect.width ?? 0;
+					if (Math.abs(width - observedWidth) < WIDTH_TOLERANCE) return;
+					observedWidth = width;
+					scheduleFit();
+				});
+				resizeObserver.observe(rootRef.value);
+			}
+			if (typeof document !== "undefined" && document.fonts && document.fonts.status !== "loaded") document.fonts.ready.then(() => {
+				if (!disposed) scheduleFit();
+			});
+		});
+		onBeforeUnmount(() => {
+			disposed = true;
+			resizeObserver?.disconnect();
+			resizeObserver = void 0;
+			if (rafId !== 0) {
+				cancelFrame(rafId);
+				rafId = 0;
+			}
+		});
+		const rootClass = computed(() => [bem.b(), bem.is("measuring", !ready.value)]);
+		const measureClass = bem.e("measure");
+		const textClass = computed(() => [bem.e("text"), singleLine.value ? bem.em("text", "nowrap") : bem.em("text", "clamp")]);
+		const textStyle = computed(() => {
+			const style = {};
+			if (fontSize.value !== void 0) style.fontSize = `${fontSize.value}px`;
+			if (!singleLine.value) style["-webkit-line-clamp"] = lines.value;
+			return style;
+		});
+		__expose({
+			fontSize,
+			overflow,
+			refit: scheduleFit
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: normalizeClass(rootClass.value)
+			}, [createCommentVNode(" 文本层：可见文本 + 隐藏测量层。\n         测量层之所以放在文本层内部，是为了让所有可继承的排版属性（font-*、letter-spacing、\n         word-spacing、white-space、word-break、text-transform…）由继承自动对齐：\n         兄弟节点之间不会互相继承，那种结构只能在 JS 里逐个搬运属性，搬漏一个就量不准。\n         测量层绝对定位、脱离文档流，不影响可见文本的布局与固有宽度。\n         用 v-text 而不是插值，保证它的内容永远是一个文本节点，Range 才能直接选它来数行。 "), createElementVNode("div", {
+				ref: "text",
+				class: normalizeClass(textClass.value),
+				style: normalizeStyle(textStyle.value)
+			}, [createElementVNode("div", {
+				ref: "measure",
+				class: normalizeClass(unref(measureClass)),
+				"aria-hidden": "true",
+				textContent: toDisplayString(props.text)
+			}, null, 10, _hoisted_1), createTextVNode(" " + toDisplayString(props.text), 1)], 6)], 2);
+		};
+	}
+});
+//#endregion
+export { text_shrink_default as default };

package/components/toast/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 ToastProps {
     type?: 'text' | 'loading' | 'success' | 'fail';
     title?: string | number;

package/global.d.ts

@@ -152,6 +152,7 @@ declare module 'vue' {
     STabs: typeof import('./components/tabs/tabs').default
     STag: typeof import('./components/tag/tag').default
     SText: typeof import('./components/text/text').default
+    STextShrink: typeof import('./components/text-shrink/text-shrink').default
     STimeline: typeof import('./components/timeline/timeline').default
     STimelineItem: typeof import('./components/timeline/timeline-item').default
     SToast: typeof import('./components/toast/toast').default