sard 1.1.0 → 1.2.0

package/components/picker-view/picker-view-column.vue.js

@@ -0,0 +1,167 @@
+import { createBem } from "../../utils/bem.js";
+import { Friction } from "../../utils/scroller/Friction.js";
+import { Spring } from "../../utils/scroller/Spring.js";
+import { usePointerDown } from "../../use/usePointerDown.js";
+import { useResizeObserver } from "../../use/useResizeObserver.js";
+import { useScroller } from "../../utils/scroller/useScroller.js";
+import { pickerViewContextKey } from "./common.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, unref, watch, watchPostEffect } from "vue";
+//#region packages/sard/components/picker-view/picker-view-column.vue
+var picker_view_column_default = /*@__PURE__*/ defineComponent({
+	__name: "picker-view-column",
+	props: { itemCount: {
+		type: Number,
+		required: false
+	} },
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("picker-view-column");
+		const handle = { __pickerViewColumn: true };
+		const rootRef = ref(null);
+		const contentRef = ref(null);
+		const indicatorRef = ref(null);
+		const context = inject(pickerViewContextKey);
+		context.registerColumn(handle);
+		onUnmounted(() => {
+			context.unregisterColumn(handle);
+		});
+		const columnValue = context.getColumnValue(handle);
+		const domItemCount = ref(0);
+		const itemCount = computed(() => props.itemCount ?? domItemCount.value);
+		const updateItemCount = () => {
+			domItemCount.value = contentRef.value?.children.length ?? 0;
+		};
+		let contentObserver = null;
+		watch(contentRef, (el, _oldEl, onCleanup) => {
+			contentObserver?.disconnect();
+			contentObserver = null;
+			if (!el) return;
+			updateItemCount();
+			contentObserver = new MutationObserver(updateItemCount);
+			contentObserver.observe(el, { childList: true });
+			onCleanup(() => {
+				contentObserver?.disconnect();
+				contentObserver = null;
+			});
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		const rootSize = useResizeObserver(rootRef);
+		const contentSize = useResizeObserver(contentRef);
+		const indicatorSize = useResizeObserver(indicatorRef);
+		const maskSize = computed(() => (rootSize.height - indicatorSize.height) / 2);
+		const contentHeight = computed(() => {
+			return contentSize.height + maskSize.value * 2;
+		});
+		const padding = computed(() => `${maskSize.value}px 0`);
+		const { position, update, scrollTo, isIdle, handleTouchStart, handleTouchMove, handleTouchEnd } = useScroller({
+			itemSize: indicatorSize.height,
+			friction: new Friction(1e-4),
+			spring: new Spring(2, 90, 20),
+			onSnap: (index) => {
+				if (!isNaN(index) && index !== columnValue.value) columnValue.value = index;
+			},
+			onTap: (event) => {
+				handleTap(event);
+			}
+		});
+		let updatePending = false;
+		watch([
+			() => indicatorSize.height,
+			columnValue,
+			itemCount,
+			() => rootSize.height,
+			contentHeight
+		], () => {
+			if (updatePending) return;
+			updatePending = true;
+			setTimeout(() => {
+				updatePending = false;
+				if (indicatorSize.height) {
+					const current = Math.max(Math.min(columnValue.value, itemCount.value - 1), 0);
+					update(current * indicatorSize.height, indicatorSize.height, rootSize.height, contentHeight.value);
+				}
+			});
+		}, { flush: "post" });
+		watchPostEffect(() => {
+			const el = contentRef.value;
+			if (!el) return;
+			const transform = "translateY(" + position.value + "px) translateZ(0)";
+			el.style.transform = transform;
+		});
+		let oldDeltaY = 0;
+		function handleWheel(event) {
+			const deltaY = oldDeltaY + event.deltaY;
+			if (Math.abs(deltaY) > 10) {
+				oldDeltaY = 0;
+				let current = Math.min(columnValue.value + (deltaY < 0 ? -1 : 1), itemCount.value - 1);
+				columnValue.value = current = Math.max(current, 0);
+				scrollTo(current * indicatorSize.height);
+			} else oldDeltaY = deltaY;
+			event.preventDefault();
+		}
+		function handleTap({ changedTouches: [{ clientY }] }) {
+			const el = rootRef.value;
+			if (isIdle()) {
+				const r = clientY - el.getBoundingClientRect().top - rootSize.height / 2;
+				const o = indicatorSize.height / 2;
+				if (!(Math.abs(r) <= o)) {
+					const a = Math.ceil((Math.abs(r) - o) / indicatorSize.height);
+					const s = r < 0 ? -a : a;
+					let current = Math.min(columnValue.value + s, itemCount.value - 1);
+					columnValue.value = current = Math.max(current, 0);
+					scrollTo(current * indicatorSize.height);
+				}
+			}
+		}
+		const onTouchStart = (event) => {
+			handleTouchStart(event);
+		};
+		const onTouchMove = (event) => {
+			handleTouchMove(event);
+			event.stopPropagation();
+		};
+		const onTouchEnd = (event) => {
+			handleTouchEnd(event);
+		};
+		const onPointerDown = usePointerDown(onTouchStart, onTouchMove, onTouchEnd);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(unref(bem).b()),
+				onTouchstart: onTouchStart,
+				onTouchmove: onTouchMove,
+				onTouchend: onTouchEnd,
+				onTouchcancel: onTouchEnd,
+				onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(bem).e("group")),
+				onWheel: handleWheel
+			}, [
+				createElementVNode("div", {
+					class: normalizeClass([unref(bem).e("mask"), unref(context).maskClass]),
+					style: normalizeStyle([`background-size: 100% ${maskSize.value}px;`, unref(context).maskStyle])
+				}, null, 6),
+				createElementVNode("div", {
+					ref_key: "indicatorRef",
+					ref: indicatorRef,
+					class: normalizeClass([unref(bem).e("indicator"), unref(context).indicatorClass]),
+					style: normalizeStyle(unref(context).indicatorStyle)
+				}, null, 6),
+				createElementVNode("div", {
+					ref_key: "contentRef",
+					ref: contentRef,
+					class: normalizeClass([unref(bem).e("content")]),
+					style: normalizeStyle({
+						padding: padding.value,
+						"--picker-view-indicator-height": `${unref(indicatorSize).height}px`
+					})
+				}, [renderSlot(_ctx.$slots, "default")], 6)
+			], 34)], 34);
+		};
+	}
+});
+//#endregion
+export { picker_view_column_default as default };

package/components/picker-view/picker-view.vue.d.ts

@@ -0,0 +1,55 @@
+import { type PickerViewSlots } from './common';
+type __VLS_Slots = PickerViewSlots;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<number[]>;
+        default(): never[];
+        validator(val: any): boolean;
+    };
+    indicatorStyle: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+    };
+    indicatorClass: {
+        type: import("vue").PropType<import("vue").ClassValue>;
+    };
+    maskStyle: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+    };
+    maskClass: {
+        type: import("vue").PropType<import("vue").ClassValue>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: number[]) => any;
+    "update:value": (value: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<number[]>;
+        default(): never[];
+        validator(val: any): boolean;
+    };
+    indicatorStyle: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+    };
+    indicatorClass: {
+        type: import("vue").PropType<import("vue").ClassValue>;
+    };
+    maskStyle: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+    };
+    maskClass: {
+        type: import("vue").PropType<import("vue").ClassValue>;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number[]) => any) | undefined;
+    "onUpdate:value"?: ((value: number[]) => any) | undefined;
+}>, {
+    value: number[];
+}, {}, {}, {}, 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/picker-view/picker-view.vue.js

@@ -0,0 +1,60 @@
+import { createBem } from "../../utils/bem.js";
+import { pickerViewContextKey, pickerViewProps } from "./common.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, provide, reactive, renderSlot, shallowRef, toRef, unref, watch } from "vue";
+//#region packages/sard/components/picker-view/picker-view.vue
+var picker_view_default = /*@__PURE__*/ defineComponent({
+	__name: "picker-view",
+	props: pickerViewProps,
+	emits: ["update:value", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("picker-view");
+		const innerValue = reactive([...props.value]);
+		watch(() => props.value, (value) => {
+			innerValue.length = value.length;
+			value.forEach((val, index) => {
+				if (val !== innerValue[index]) innerValue.splice(index, 1, val);
+			});
+		});
+		const columnHandles = shallowRef([]);
+		function registerColumn(handle) {
+			if (!columnHandles.value.includes(handle)) columnHandles.value.push(handle);
+		}
+		function unregisterColumn(handle) {
+			const index = columnHandles.value.indexOf(handle);
+			if (index > -1) columnHandles.value.splice(index, 1);
+		}
+		const getColumnValue = (handle) => {
+			return computed({
+				get() {
+					return innerValue[columnHandles.value.indexOf(handle)] || 0;
+				},
+				set(current) {
+					const index = columnHandles.value.indexOf(handle);
+					if (index < 0) return;
+					if (innerValue[index] !== current) {
+						innerValue[index] = current;
+						const value = [...innerValue];
+						emit("update:value", value);
+						emit("change", value);
+					}
+				}
+			});
+		};
+		provide(pickerViewContextKey, reactive({
+			maskStyle: toRef(() => props.maskStyle),
+			maskClass: toRef(() => props.maskClass),
+			indicatorClass: toRef(() => props.indicatorClass),
+			indicatorStyle: toRef(() => props.indicatorStyle),
+			registerColumn,
+			unregisterColumn,
+			getColumnValue
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("wrapper")) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { picker_view_default as default };

package/components/popout/common.d.ts

@@ -1,5 +1,5 @@
 import { type DefaultProps } from '../config';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export type PopoutBeforeClose = (type: 'close' | 'cancel' | 'confirm', loading: {
     readonly cancel: boolean;
     readonly confirm: boolean;

package/components/popout/popout.vue.js

@@ -266,7 +266,6 @@ var popout_default = /*@__PURE__*/ defineComponent({
 						key: 0,
 						class: normalizeClass(unref(bem).e("footer"))
 					}, [mergedShowCancel.value ? renderSlot(_ctx.$slots, "cancel", {
-						key: 0,
 						onClick: onCancel,
 						loading: loading.cancel,
 						text: mergedCancelText.value
@@ -280,8 +279,7 @@ var popout_default = /*@__PURE__*/ defineComponent({
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(mergedCancelText.value), 1)]),
 						_: 1
-					}, 8, ["loading"])]) : createCommentVNode("v-if", true), __props.showConfirm ? renderSlot(_ctx.$slots, "confirm", {
-						key: 1,
+					}, 8, ["loading"])], void 0, 0) : createCommentVNode("v-if", true), __props.showConfirm ? renderSlot(_ctx.$slots, "confirm", {
 						onClick: onConfirm,
 						disabled: __props.confirmDisabled,
 						loading: loading.confirm,
@@ -297,7 +295,7 @@ var popout_default = /*@__PURE__*/ defineComponent({
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(mergedConfirmText.value), 1)]),
 						_: 1
-					}, 8, ["loading", "disabled"])]) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)
+					}, 8, ["loading", "disabled"])], void 0, 1) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)
 				], 34)]),
 				_: 3
 			}, 8, [

package/components/popover/popover.vue.js

@@ -1,11 +1,10 @@
 import { createBem } from "../../utils/bem.js";
-import { OnlyChild } from "../../utils/vnode.js";
 import { useZIndex } from "../../use/useZIndex.js";
 import { usePopper } from "../../use/usePopper.js";
 import { useClickOutside } from "../../use/useClickOutside.js";
 import motion_default from "../motion/motion.vue.js";
 import { defaultPopoverProps } from "./common.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, shallowRef, unref, useAttrs, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, renderSlot, shallowRef, unref, useAttrs, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 //#region packages/sard/components/popover/popover.vue
 var popover_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
@@ -50,10 +49,13 @@ var popover_default = /*@__PURE__*/ defineComponent({
 		const attrs = useAttrs();
 		const slots = useSlots();
 		const bem = createBem("popover");
+		const referenceRef = useTemplateRef("referenceRef");
 		const elRef = shallowRef(null);
-		const onUpdate = (el) => {
-			elRef.value = el;
+		const syncElRef = () => {
+			elRef.value = referenceRef.value?.firstElementChild ?? referenceRef.value;
 		};
+		onMounted(syncElRef);
+		onUpdated(syncElRef);
 		const mergedRef = computed(() => {
 			return props.reference || elRef.value;
 		});
@@ -97,14 +99,13 @@ var popover_default = /*@__PURE__*/ defineComponent({
 			}, popperStyle.value];
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [slots.reference ? (openBlock(), createBlock(unref(OnlyChild), {
+			return openBlock(), createElementBlock(Fragment, null, [slots.reference ? (openBlock(), createElementBlock("span", {
 				key: 0,
-				onUpdate,
+				ref_key: "referenceRef",
+				ref: referenceRef,
+				style: { "display": "contents" },
 				onClick: onReferenceClick
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "reference")]),
-				_: 3
-			})) : createCommentVNode("v-if", true), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(motion_default, { name: "wide-zoom" }, {
+			}, [renderSlot(_ctx.$slots, "reference")], 512)) : createCommentVNode("v-if", true), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(motion_default, { name: "wide-zoom" }, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", mergeProps({
 					ref: "popper",
 					class: popoverClass.value,

package/components/popup/popup.vue.js

@@ -153,7 +153,7 @@ var popup_default = /*@__PURE__*/ defineComponent({
 				default: withCtx(() => [withDirectives(createElementVNode("div", mergeProps(_ctx.$attrs, {
 					class: popupClass.value,
 					style: popupStyle.value
-				}), [rendered.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)], 16), [[vShow, __props.visible]])]),
+				}), [rendered.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("v-if", true)], 16), [[vShow, __props.visible]])]),
 				_: 3
 			}, 8, ["name"])]);
 		};

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

@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue';
 import { type DefaultProps } from '../config';
-import type { MotionEmits } from '../motion';
+import type { MotionEmits } from '../motion/common';
 export interface PreviewImageProps {
     urls?: string[];
     visible?: boolean;

package/components/preview-image/preview-image.vue.js

@@ -5,8 +5,8 @@ import { usePointerDown } from "../../use/usePointerDown.js";
 import { useInitialVelocity } from "../../use/useInitialVelocity.js";
 import popup_default from "../popup/popup.vue.js";
 import { defaultPreviewImageProps, previewImageContextKey } from "./common.js";
-import swiper_default from "../swiper/swiper.js";
-import swiper_item_default from "../swiper/swiper-item.js";
+import swiper_default from "../swiper/swiper.vue.js";
+import swiper_item_default from "../swiper/swiper-item.vue.js";
 import preview_image_item_default from "./preview-image-item.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeDefaults, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderList, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 //#region packages/sard/components/preview-image/preview-image.vue
@@ -160,7 +160,7 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					onTouchend: onTouchEnd,
 					onTouchcancel: onTouchEnd,
 					onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onPointerDown) && unref(onPointerDown)(...args))
-				}, [createVNode(unref(swiper_default), {
+				}, [createVNode(swiper_default, {
 					modelValue: unref(current),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(current) ? current.value = $event : null),
 					loop: __props.loop,
@@ -169,7 +169,7 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					class: normalizeClass([unref(bem).e("swiper"), unref(bem).is("preview-image")])
 				}, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.urls, (url, index) => {
-						return openBlock(), createBlock(unref(swiper_item_default), { key: index }, {
+						return openBlock(), createBlock(swiper_item_default, { key: index }, {
 							default: withCtx(() => [createVNode(preview_image_item_default, { url }, null, 8, ["url"])]),
 							_: 2
 						}, 1024);

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