sard 1.0.29 → 1.2.0

package/components/pull-down-refresh/pull-down-refresh.vue.js

@@ -151,10 +151,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			}, [createElementVNode("div", {
 				class: normalizeClass(unref(bem).e("header")),
 				style: normalizeStyle(headerStyle.value)
-			}, [status.value === "unready" ? renderSlot(_ctx.$slots, "unready", {
-				key: 0,
-				progress: progress.value
-			}, () => [createVNode(loading_default, {
+			}, [status.value === "unready" ? renderSlot(_ctx.$slots, "unready", { progress: progress.value }, () => [createVNode(loading_default, {
 				type: "clock",
 				size: "16px",
 				animated: false,
@@ -162,20 +159,20 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("unready")), 1)]),
 				_: 1
-			}, 8, ["progress"])]) : status.value === "ready" ? renderSlot(_ctx.$slots, "ready", { key: 1 }, () => [createVNode(loading_default, {
+			}, 8, ["progress"])], void 0, 0) : status.value === "ready" ? renderSlot(_ctx.$slots, "ready", {}, () => [createVNode(loading_default, {
 				type: "clock",
 				size: "16px",
 				animated: false
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ready")), 1)]),
 				_: 1
-			})]) : status.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 2 }, () => [createVNode(loading_default, {
+			})], void 0, 1) : status.value === "loading" ? renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(loading_default, {
 				type: "clock",
 				size: "16px"
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("loading")), 1)]),
 				_: 1
-			})]) : status.value === "done" ? renderSlot(_ctx.$slots, "done", { key: 3 }, () => [createTextVNode(toDisplayString(__props.error ? unref(t)("doneFail") : unref(t)("doneSuccess")), 1)]) : createCommentVNode("v-if", true)], 6), renderSlot(_ctx.$slots, "default")], 38)], 2);
+			})], void 0, 2) : status.value === "done" ? renderSlot(_ctx.$slots, "done", {}, () => [createTextVNode(toDisplayString(__props.error ? unref(t)("doneFail") : unref(t)("doneSuccess")), 1)], void 0, 3) : createCommentVNode("v-if", true)], 6), renderSlot(_ctx.$slots, "default")], 38)], 2);
 		};
 	}
 });

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

@@ -1,7 +1,7 @@
 import { type RadioGroupProps } from '../radio/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 RadioPopoutProps extends FormPopoutProps, RadioGroupProps {
     searchable?: boolean;
     filterPlaceholder?: string;

package/components/rate/rate.vue.js

@@ -175,13 +175,13 @@ var rate_default = /*@__PURE__*/ defineComponent({
 				}, [createElementVNode("div", {
 					class: normalizeClass(unref(bem).e("void-star")),
 					style: normalizeStyle({ color: isDisabled.value ? void 0 : __props.voidColor })
-				}, [__props.voidText || slots["void-star"] ? renderSlot(_ctx.$slots, "void-star", { key: 0 }, () => [createTextVNode(toDisplayString(__props.voidText), 1)]) : (openBlock(), createBlock(unref(Star), { key: 1 }))], 6), createElementVNode("div", {
+				}, [__props.voidText || slots["void-star"] ? renderSlot(_ctx.$slots, "void-star", {}, () => [createTextVNode(toDisplayString(__props.voidText), 1)], void 0, 0) : (openBlock(), createBlock(unref(Star), { key: 1 }))], 6), createElementVNode("div", {
 					class: normalizeClass(unref(bem).e("star")),
 					style: normalizeStyle({
 						color: isDisabled.value ? void 0 : __props.color,
 						width: item.width
 					})
-				}, [__props.text || slots["star"] ? renderSlot(_ctx.$slots, "star", { key: 0 }, () => [createTextVNode(toDisplayString(__props.text), 1)]) : (openBlock(), createBlock(unref(StarFill), { key: 1 }))], 6)], 14, _hoisted_1);
+				}, [__props.text || slots["star"] ? renderSlot(_ctx.$slots, "star", {}, () => [createTextVNode(toDisplayString(__props.text), 1)], void 0, 0) : (openBlock(), createBlock(unref(StarFill), { key: 1 }))], 6)], 14, _hoisted_1);
 			}), 128))], 38)], 2);
 		};
 	}

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

@@ -1,7 +1,7 @@
 import { type DefaultProps } from '../config';
 import { type SelectSlots, type SelectProps, type SelectEmits, type SelectExpose } from '../select/common';
 import { type FormPopoutProps } from '../popout/useFormPopout';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface SelectPopoutProps extends FormPopoutProps, SelectProps {
 }
 export declare const defaultSelectPopoutProps: DefaultProps<SelectPopoutProps>;

package/components/share-sheet/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 ShareSheetbeforeClose {
     (type: 'close' | 'cancel' | 'select'): boolean | Promise<any>;
 }

package/components/skeleton/skeleton.vue.js

@@ -68,7 +68,7 @@ var skeleton_default = /*@__PURE__*/ defineComponent({
 				"rows",
 				"animated",
 				"round"
-			])], 2)], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+			])], 2)], 2)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
 		};
 	}
 });

package/components/swiper/index.d.ts

@@ -1,6 +1,6 @@
 import { type EnhancedComponent } from '../../utils';
-import _Swiper from './swiper';
-import _SwiperItem from './swiper-item';
+import _Swiper from './swiper.vue';
+import _SwiperItem from './swiper-item.vue';
 export declare const Swiper: EnhancedComponent<typeof _Swiper>;
 export declare const SwiperItem: EnhancedComponent<typeof _SwiperItem>;
 export default Swiper;

package/components/swiper/index.js

@@ -1,7 +1,7 @@
 import { enhanceComponent } from "../../utils/component.js";
 import { ADD_SWIPER_CONTEXT_KEY, REMOVE_SWIPER_CONTEXT_KEY, SWIPER_AUTO_HEIGHT_KEY } from "./common.js";
-import swiper_default from "./swiper.js";
-import swiper_item_default from "./swiper-item.js";
+import swiper_default from "./swiper.vue.js";
+import swiper_item_default from "./swiper-item.vue.js";
 //#region packages/sard/components/swiper/index.ts
 const Swiper = enhanceComponent(swiper_default);
 const SwiperItem = enhanceComponent(swiper_item_default);

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

@@ -0,0 +1,11 @@
+import type { SwiperItemSlots } from './common';
+type __VLS_Slots = SwiperItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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-item.vue.js

@@ -0,0 +1,32 @@
+import { createBem } from "../../utils/bem.js";
+import { useSwiperItem } from "./useSwiper.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, watchPostEffect } from "vue";
+//#region packages/sard/components/swiper/swiper-item.vue
+var swiper_item_default = /*@__PURE__*/ defineComponent({
+	__name: "swiper-item",
+	setup(__props) {
+		const bem = createBem("swiper");
+		const { elRef, member, context: { vertical, spaceBetween, autoHeight } } = useSwiperItem();
+		watchPostEffect(() => {
+			const el = elRef.value;
+			if (el) {
+				el.style.setProperty("--swiper-item-offset-raw", member.offset + "px");
+				el.style.setProperty("--swiper-item-size", member.size + "px");
+				el.style.setProperty("--swiper-item-margin", spaceBetween.value + "px");
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "elRef",
+				ref: elRef,
+				class: normalizeClass([
+					unref(bem).e("item"),
+					unref(bem).is("vertical", unref(vertical)),
+					unref(bem).is("auto-height", unref(autoHeight))
+				])
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { swiper_item_default as default };

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;
+    };
+};