sard 1.0.29 → 1.2.0

package/components/load-more/load-more.vue.js

@@ -81,10 +81,10 @@ var load_more_default = /*@__PURE__*/ defineComponent({
 				ref: "loadMore",
 				class: normalizeClass(loadMoreClass.value),
 				onClick
-			}, [__props.status === "incomplete" ? renderSlot(_ctx.$slots, "incomplete", { key: 0 }, () => [createTextVNode(toDisplayString(__props.incompleteText || unref(t)("incompleteText")), 1)]) : __props.status === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 1 }, () => [createVNode(loading_default, null, {
+			}, [__props.status === "incomplete" ? renderSlot(_ctx.$slots, "incomplete", {}, () => [createTextVNode(toDisplayString(__props.incompleteText || unref(t)("incompleteText")), 1)], void 0, 0) : __props.status === "loading" ? renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(loading_default, null, {
 				default: withCtx(() => [createTextVNode(toDisplayString(__props.loadingText || unref(t)("loadingText")), 1)]),
 				_: 1
-			})]) : __props.status === "complete" ? renderSlot(_ctx.$slots, "complete", { key: 2 }, () => [createTextVNode(toDisplayString(__props.completeText || unref(t)("completeText")), 1)]) : __props.status === "error" ? renderSlot(_ctx.$slots, "error", { key: 3 }, () => [createTextVNode(toDisplayString(__props.errorText || unref(t)("errorText")), 1)]) : createCommentVNode("v-if", true)], 2);
+			})], void 0, 1) : __props.status === "complete" ? renderSlot(_ctx.$slots, "complete", {}, () => [createTextVNode(toDisplayString(__props.completeText || unref(t)("completeText")), 1)], void 0, 2) : __props.status === "error" ? renderSlot(_ctx.$slots, "error", {}, () => [createTextVNode(toDisplayString(__props.errorText || unref(t)("errorText")), 1)], void 0, 3) : createCommentVNode("v-if", true)], 2);
 		};
 	}
 });

package/components/loading/loading.vue.js

@@ -76,7 +76,7 @@ var loading_default = /*@__PURE__*/ defineComponent({
 			return openBlock(), createElementBlock("div", { class: normalizeClass(loadingClass.value) }, [createElementVNode("div", {
 				class: normalizeClass(iconClass.value),
 				style: normalizeStyle(iconStyle.value)
-			}, [__props.type === "circular" ? renderSlot(_ctx.$slots, "circular", { key: 0 }, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("spinner")) }, null, 2)]) : __props.type === "clock" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(8, (i) => {
+			}, [__props.type === "circular" ? renderSlot(_ctx.$slots, "circular", {}, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("spinner")) }, null, 2)], void 0, 0) : __props.type === "clock" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(8, (i) => {
 				return createElementVNode("div", {
 					key: i,
 					class: normalizeClass([

package/components/motion/motion.vue.js

@@ -65,7 +65,7 @@ var motion_default = /*@__PURE__*/ defineComponent({
 			onVisibleHook("leave-cancelled", el);
 		};
 		return (_ctx, _cache) => {
-			return __props.disalbed ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Transition, {
+			return __props.disalbed ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(Transition, {
 				key: 1,
 				type: __props.type,
 				name: mergedName.value,

package/components/notify/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 NotifyProps {
     type?: 'primary' | 'success' | 'warning' | 'error';
     message?: string;

package/components/overlay/overlay.vue.js

@@ -1,9 +1,10 @@
 import { createBem } from "../../utils/bem.js";
 import { defaultOverlayProps } from "./common.js";
 import motion_default from "../motion/motion.vue.js";
-import { computed, createBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, vShow, withCtx, withDirectives, withModifiers } from "vue";
+import { computed, createBlock, createElementVNode, defineComponent, mergeDefaults, mergeProps, openBlock, renderSlot, vShow, withCtx, withDirectives, withModifiers } from "vue";
 //#region packages/sard/components/overlay/overlay.vue
 var overlay_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
 	__name: "overlay",
 	props: /*@__PURE__*/ mergeDefaults({
 		visible: {
@@ -42,12 +43,12 @@ var overlay_default = /*@__PURE__*/ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(motion_default, { name: "fade" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", {
-					class: normalizeClass(overlayClass.value),
-					style: normalizeStyle(overlayStyle.value),
+				default: withCtx(() => [withDirectives(createElementVNode("div", mergeProps(_ctx.$attrs, {
+					class: overlayClass.value,
+					style: overlayStyle.value,
 					onClick,
 					onTouchmove: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop", "prevent"]))
-				}, [renderSlot(_ctx.$slots, "default")], 38), [[vShow, __props.visible]])]),
+				}), [renderSlot(_ctx.$slots, "default")], 16), [[vShow, __props.visible]])]),
 				_: 3
 			});
 		};

package/components/picker/picker.vue.js

@@ -3,8 +3,8 @@ import { nestedToMulti } from "../../utils/object.js";
 import { arrayEqual, toArray } from "../../utils/array.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
 import { defaultPickerProps, getCascaderValidIndexes, getColumnsType, getIndexesByValue, getMaySingleValueByOptions, getOptionsByIndexes } from "./common.js";
-import picker_view_default from "../picker-view/picker-view.js";
-import picker_view_column_default from "../picker-view/picker-view-column.js";
+import picker_view_default from "../picker-view/picker-view.vue.js";
+import picker_view_column_default from "../picker-view/picker-view-column.vue.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 //#region packages/sard/components/picker/picker.vue
 var picker_default = /*@__PURE__*/ defineComponent({
@@ -82,14 +82,17 @@ var picker_default = /*@__PURE__*/ defineComponent({
 		const pickerViewClass = bem.e("picker-view");
 		const indicatorClass = bem.e("indicator");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(pickerClass)) }, [createVNode(unref(picker_view_default), {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(pickerClass)) }, [createVNode(picker_view_default, {
 				class: normalizeClass(unref(pickerViewClass)),
 				"indicator-class": unref(indicatorClass),
 				value: columnIndexes.value,
 				onChange
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedColumns.value, (column, i) => {
-					return openBlock(), createBlock(unref(picker_view_column_default), { key: i }, {
+					return openBlock(), createBlock(picker_view_column_default, {
+						key: i,
+						"item-count": column.length
+					}, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(column, (option, j) => {
 							return openBlock(), createElementBlock("div", {
 								key: j,
@@ -101,7 +104,7 @@ var picker_default = /*@__PURE__*/ defineComponent({
 							}, () => [createTextVNode(toDisplayString(unref(optionKeys).getLabel(option)), 1)])], 2);
 						}), 128))]),
 						_: 2
-					}, 1024);
+					}, 1032, ["item-count"]);
 				}), 128))]),
 				_: 3
 			}, 8, [

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

@@ -1,7 +1,7 @@
 import { type PickerSlots, type PickerProps } from '../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 PickerPopoutProps<T> extends FormPopoutProps, PickerProps<T> {
 }
 export declare const defaultPickerPopoutProps: DefaultProps<PickerPopoutProps<any>>;

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

@@ -1,4 +1,4 @@
-import type { ClassValue, ComponentInternalInstance, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, StyleValue, WritableComputedRef } from 'vue';
+import type { ClassValue, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, StyleValue, WritableComputedRef } from 'vue';
 import { type DefaultProps } from '../config';
 export declare const pickerViewProps: {
     value: {
@@ -32,6 +32,12 @@ export interface PickerViewEmits {
 export interface PickerViewExpose {
 }
 export interface PickerViewColumnProps {
+    /**
+     * 选项数量。**推荐由知道数据的那一层传入**（如 Picker 会传 `column.length`）：不传时
+     * 回落到观察 DOM 子节点数，而整列重建时 DOM 会有中间态（少到 1 个），会被按列数夹取
+     * 的逻辑误判成 0，导致整列跳回第一行。
+     */
+    itemCount?: number;
 }
 export declare const defaultPickerViewColumnProps: DefaultProps<PickerViewColumnProps>;
 export interface PickerViewColumnSlots {
@@ -41,11 +47,25 @@ export interface PickerViewColumnEmits {
 }
 export interface PickerViewColumnExpose {
 }
+/**
+ * 列的身份句柄：由 `PickerViewColumn` 在 setup 里自建一个普通对象，交给 PickerView
+ * 按登记顺序定位「当前位于第几列」。
+ *
+ * ⚠️ 不要用组件实例（`getCurrentInstance()`）代替它：vapor 渲染子组件期间，它返回的是
+ * **发起本次渲染的组件**（实测三列 PickerViewColumn 都拿到页面组件的实例），据此定位会
+ * 把所有列都算成第 0 列，导致所有列共用同一个 `innerValue[0]`：滚动第一列后取值/写值
+ * 互相串列，级联 Picker 会因此把值夹取到 0（回到第一行）。
+ */
+export interface PickerViewColumnHandle {
+    readonly __pickerViewColumn: true;
+}
 export interface PickerViewContext {
     maskStyle: any;
     maskClass: any;
     indicatorClass: any;
     indicatorStyle: any;
-    getColumnValue: (ins: ComponentInternalInstance) => WritableComputedRef<number>;
+    registerColumn: (handle: PickerViewColumnHandle) => void;
+    unregisterColumn: (handle: PickerViewColumnHandle) => void;
+    getColumnValue: (handle: PickerViewColumnHandle) => WritableComputedRef<number>;
 }
 export declare const pickerViewContextKey: InjectionKey<PickerViewContext>;

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

@@ -1,6 +1,6 @@
 import { type EnhancedComponent } from '../../utils';
-import _PickerView from './picker-view';
-import _PickerViewColumn from './picker-view-column';
+import _PickerView from './picker-view.vue';
+import _PickerViewColumn from './picker-view-column.vue';
 export declare const PickerView: EnhancedComponent<typeof _PickerView>;
 export declare const PickerViewColumn: EnhancedComponent<typeof _PickerViewColumn>;
 export default PickerView;

package/components/picker-view/index.js

@@ -1,6 +1,6 @@
 import { enhanceComponent } from "../../utils/component.js";
-import picker_view_default from "./picker-view.js";
-import picker_view_column_default from "./picker-view-column.js";
+import picker_view_default from "./picker-view.vue.js";
+import picker_view_column_default from "./picker-view-column.vue.js";
 //#region packages/sard/components/picker-view/index.ts
 const PickerView = enhanceComponent(picker_view_default);
 const PickerViewColumn = enhanceComponent(picker_view_column_default);

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

@@ -0,0 +1,19 @@
+import { type PickerViewColumnSlots } from './common';
+type __VLS_Props = {
+    /**
+     * 选项数量。**推荐由知道数据的那一层传入**（如 Picker 会传 `column.length`）：
+     * 不传时回落到观察 DOM 子节点数，但整列重建时 DOM 会有中间态（少到 1 个），
+     * 会被下文的「按列数夹取」误判成 0，导致整列跳回第一行。
+     */
+    itemCount?: number;
+};
+type __VLS_Slots = PickerViewColumnSlots;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/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/common.js

@@ -5,7 +5,7 @@ const defaultPopoverProps = {
 	refGap: 10,
 	viewportGap: 10,
 	outsideClosable: true,
-	showArrow: false
+	showArrow: true
 };
 //#endregion
 export { defaultPopoverProps };

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.d.ts

@@ -28,10 +28,10 @@ declare const __VLS_base: import("vue").DefineComponent<PreviewImageProps, Previ
 }>, {
     visible: boolean;
     closeOnBackPress: boolean;
+    loop: boolean;
     current: number;
     urls: string[];
     showIndicator: boolean;
-    loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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