sard 1.0.7 → 1.0.9

package/components/back-top/back-top.d.ts

@@ -5,9 +5,9 @@ declare const __VLS_base: import("vue").DefineComponent<BackTopProps, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<BackTopProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    scrollTop: number;
     right: string;
     bottom: string;
-    scrollTop: number;
     visibleHeight: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/components/calendar-input/calendar-input.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
-    confirm: () => any;
+    confirm: (value: string | string[] | Date | Date[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarInputProps> & Readonly<{
     onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -28,7 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
 }>, {
     title: string;
     min: Date;

package/components/calendar-input/calendar-input.js

@@ -175,8 +175,8 @@ var calendar_input_default = /*@__PURE__*/ defineComponent({
 		watch(innerValue, () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
-    confirm: () => any;
+    confirm: (value: string | string[] | Date | Date[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarPopoutProps> & Readonly<{
     onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
 }>, {
     title: string;
     min: Date;

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

@@ -14,7 +14,7 @@ export interface CalendarPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', value: Date | Date[] | string | string[] | undefined): void;
     (e: 'change', value: Date | Date[] | string | string[] | undefined): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: Date | Date[] | string | string[] | undefined): void;
 }
 export interface CalendarPopoutExpose {
 }

package/components/cascader-input/cascader-input.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderInputProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any, selectedOptions: CascaderOption[]) => any;
-    confirm: () => any;
+    confirm: (value: any, selectedOptions: CascaderOption[]) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderInputProps> & Readonly<{
     onSelect?: ((option: CascaderOption, tabIndex: number) => any) | undefined;
     onChange?: ((value: any, selectedOptions: CascaderOption[]) => any) | undefined;
@@ -30,7 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderInputProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any, selectedOptions: CascaderOption[]) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any, selectedOptions: CascaderOption[]) => any) | undefined;
 }>, {
     title: string;
     multiple: boolean;

package/components/cascader-input/cascader-input.js

@@ -184,8 +184,8 @@ var cascader_input_default = /*@__PURE__*/ defineComponent({
 		watch([innerValue, renderedOptions], () => {
 			inputValue.value = getMayMultilineText(getInputValue(renderedOptions.value));
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value, selectedOptions) => {
+			emit("confirm", value, selectedOptions);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPopoutProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any, selectedOptions: import("../index.ts").CascaderOption[]) => any;
-    confirm: () => any;
+    confirm: (value: any, selectedOptions: import("../index.ts").CascaderOption[]) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderPopoutProps> & Readonly<{
     onSelect?: ((option: import("../index.ts").CascaderOption, tabIndex: number) => any) | undefined;
     onChange?: ((value: any, selectedOptions: import("../index.ts").CascaderOption[]) => any) | undefined;
@@ -29,7 +29,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPopoutProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any, selectedOptions: import("../index.ts").CascaderOption[]) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any, selectedOptions: import("../index.ts").CascaderOption[]) => any) | undefined;
 }>, {
     title: string;
     multiple: boolean;

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

@@ -15,7 +15,7 @@ export interface CascaderPopoutEmits extends MotionEmits {
     (e: 'update:modelValue', value: any, selectedOptions: CascaderOption[]): void;
     (e: 'change', value: any, selectedOptions: CascaderOption[]): void;
     (e: 'select', option: CascaderOption, tabIndex: number): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: any, selectedOptions: CascaderOption[]): void;
 }
 export interface CascaderPopoutExpose {
 }

package/components/checkbox-input/checkbox-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<CheckboxInputProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any) => any;
-    confirm: () => any;
+    confirm: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxInputProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<CheckboxInputProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any) => any) | undefined;
 }>, {
     title: string;
     options: import("../checkbox/common.ts").CheckboxGroupOption[];

package/components/checkbox-input/checkbox-input.js

@@ -139,8 +139,8 @@ var checkbox_input_default = /*@__PURE__*/ defineComponent({
 		watch([innerValue, () => props.options], () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<CheckboxPopoutProps, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any) => any;
-    confirm: () => any;
+    confirm: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxPopoutProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<CheckboxPopoutProps, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any) => any) | undefined;
 }>, {
     title: string;
     options: import("../checkbox/common.ts").CheckboxGroupOption[];

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

@@ -16,7 +16,7 @@ export interface CheckboxPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', value: any): void;
     (e: 'change', value: any): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: any): void;
 }
 export interface CheckboxPopoutExpose {
 }

package/components/color-picker-input/color-picker-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerInputProps, C
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: string) => any;
-    confirm: () => any;
+    confirm: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerInputProps> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerInputProps, C
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: string) => any) | undefined;
 }>, {
     title: string;
     format: import("../index.ts").ColorFormat;

package/components/color-picker-input/color-picker-input.js

@@ -118,8 +118,8 @@ var color_picker_input_default = /*@__PURE__*/ defineComponent({
 		const previewStyle = computed(() => {
 			return { background: innerValue.value };
 		});
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		__expose({});
 		return (_ctx, _cache) => {

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerPopoutProps,
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: string) => any;
-    confirm: () => any;
+    confirm: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerPopoutProps> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerPopoutProps,
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: string) => any) | undefined;
 }>, {
     title: string;
     format: import("../index.ts").ColorFormat;

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

@@ -13,7 +13,7 @@ export interface ColorPickerPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', value: string): void;
     (e: 'change', value: string): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: string): void;
 }
 export interface ColorPickerPopoutExpose {
 }

package/components/datetime-picker-input/datetime-picker-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimePickerInputProps
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (date: string | Date | undefined) => any;
-    confirm: () => any;
+    confirm: (date: string | Date | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimePickerInputProps> & Readonly<{
     onChange?: ((date: string | Date | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimePickerInputProps
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((date: string | Date | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((date: string | Date | undefined) => any) | undefined;
 }>, {
     filter: (letter: import("../index.ts").DatetimeLetter, value: number, date: Date, index: number) => boolean;
     title: string;

package/components/datetime-picker-input/datetime-picker-input.js

@@ -131,8 +131,8 @@ var datetime_picker_input_default = /*@__PURE__*/ defineComponent({
 		watch(innerValue, () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -11,7 +11,7 @@ export interface DatetimePickerPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', date: Date | string | undefined): void;
     (e: 'change', date: Date | string | undefined): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', date: Date | string | undefined): void;
 }
 export interface DatetimePickerPopoutExpose {
 }

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimePickerPopoutProp
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (date: string | Date | undefined) => any;
-    confirm: () => any;
+    confirm: (date: string | Date | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimePickerPopoutProps> & Readonly<{
     onChange?: ((date: string | Date | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimePickerPopoutProp
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((date: string | Date | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((date: string | Date | undefined) => any) | undefined;
 }>, {
     filter: (letter: import("../index.ts").DatetimeLetter, value: number, date: Date, index: number) => boolean;
     title: string;

package/components/datetime-range-picker-input/datetime-range-picker-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimeRangePickerInput
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (date: (string | Date)[] | undefined) => any;
-    confirm: () => any;
+    confirm: (date: (string | Date)[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimeRangePickerInputProps> & Readonly<{
     onChange?: ((date: (string | Date)[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimeRangePickerInput
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((date: (string | Date)[] | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((date: (string | Date)[] | undefined) => any) | undefined;
 }>, {
     filter: (letter: import("../index.ts").DatetimeLetter, value: number, date: Date, index: number) => boolean;
     title: string;

package/components/datetime-range-picker-input/datetime-range-picker-input.js

@@ -141,8 +141,8 @@ var datetime_range_picker_input_default = /*@__PURE__*/ defineComponent({
 		watch(innerValue, () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (date) => {
+			emit("confirm", date);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -11,7 +11,7 @@ export interface DatetimeRangePickerPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', date: (Date | string)[] | undefined): void;
     (e: 'change', date: (Date | string)[] | undefined): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', date: (Date | string)[] | undefined): void;
 }
 export interface DatetimeRangePickerPopoutExpose {
 }

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimeRangePickerPopou
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (date: (string | Date)[] | undefined) => any;
-    confirm: () => any;
+    confirm: (date: (string | Date)[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimeRangePickerPopoutProps> & Readonly<{
     onChange?: ((date: (string | Date)[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatetimeRangePickerPopou
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((date: (string | Date)[] | undefined) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((date: (string | Date)[] | undefined) => any) | undefined;
 }>, {
     filter: (letter: import("../index.ts").DatetimeLetter, value: number, date: Date, index: number) => boolean;
     title: string;

package/components/infinite-list/index.css

@@ -1 +1 @@
-.s-infinite-list{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.s-infinite-list .s-pull-down-refresh{display:flex;flex-direction:column;min-height:100%}.s-infinite-list__load-more:is(.is-hidden){height:1px;overflow:hidden;visibility:hidden;pointer-events:none}
+.s-infinite-list .s-pull-down-refresh{min-height:100%}.s-infinite-list__load-more:is(.is-hidden){height:0;overflow:hidden;visibility:hidden;pointer-events:none}

package/components/infinite-list/infinite-list.js

@@ -2,6 +2,7 @@ import { createBem } from "../../utils/bem.js";
 import loading_default from "../loading/loading.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import { defaultInfiniteListProps } from "./common.js";
+import { useScrollParent } from "../../use/useScrollParent.js";
 import pull_down_refresh_default from "../pull-down-refresh/pull-down-refresh.js";
 import load_more_default from "../load-more/load-more.js";
 import { useLoadMore } from "../load-more/useLoadMore.js";
@@ -38,11 +39,6 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 		const bem = createBem("infinite-list");
 		const { t } = useTranslateWithPrefix("pullDownRefresh");
 		const doneText = ref("");
-		const scrollRef = useTemplateRef("scroll");
-		const pullDownRefresh = useTemplateRef("pull-down-refresh");
-		const onScroll = () => {
-			pullDownRefresh.value?.enableToRefresh(scrollRef.value.scrollTop === 0);
-		};
 		const onRefresh = () => {
 			refresh().then(() => {
 				doneText.value = t("doneSuccess");
@@ -53,7 +49,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 			});
 		};
 		const { status, isLoading, isRefreshing, onLoadMore, onReload, refresh } = useLoadMore({
-			root: scrollRef,
+			root: useScrollParent(useTemplateRef("scroll")),
 			target: useTemplateRef("load-more"),
 			rootMargin: () => props.rootMargin,
 			request: async (page, isRefresh) => {
@@ -64,10 +60,8 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "scroll",
-				class: normalizeClass(unref(bem).b()),
-				onScroll
+				class: normalizeClass(unref(bem).b())
 			}, [createVNode(pull_down_refresh_default, {
-				ref: "pull-down-refresh",
 				loading: unref(isRefreshing),
 				disabled: !__props.refreshable || unref(isLoading),
 				"done-duration": __props.doneDuration,
@@ -118,7 +112,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 				"loading",
 				"disabled",
 				"done-duration"
-			])], 34);
+			])], 2);
 		};
 	}
 });

package/components/load-more/useLoadMore.d.ts

@@ -6,7 +6,7 @@ import type { LoadMoreStatus } from './common';
 export interface UseLoadMoreOptions {
     request: (page: number, isRefresh: boolean) => Promise<boolean>;
     rootMargin?: MaybeRefOrGetter<string>;
-    root?: MaybeRefOrGetter<Element | Document | null>;
+    root?: MaybeRefOrGetter<Element | Document | Window | null | undefined>;
     target?: MaybeRefOrGetter<Element | null>;
     disabled?: MaybeRefOrGetter<boolean>;
 }

package/components/pull-down-refresh/common.d.ts

@@ -22,5 +22,4 @@ export interface PullDownRefreshEmits {
     (e: 'refresh'): void;
 }
 export interface PullDownRefreshExpose {
-    enableToRefresh: (canRefresh: boolean) => void;
 }

package/components/pull-down-refresh/index.css

@@ -1 +1 @@
-:root{--s-pull-down-refresh-header-font-size:var(--s-font-size-sm);--s-pull-down-refresh-header-color:var(--s-text-color-tertiary);--s-pull-down-refresh-loading-font-size:18px}.s-pull-down-refresh{transition-property:transform}.s-pull-down-refresh__header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);font-size:var(--s-pull-down-refresh-header-font-size);color:var(--s-pull-down-refresh-header-color)}.s-pull-down-refresh__loading{font-size:var(--s-pull-down-refresh-loading-font-size)}
+:root{--s-pull-down-refresh-header-font-size:var(--s-font-size-sm);--s-pull-down-refresh-header-color:var(--s-text-color-tertiary);--s-pull-down-refresh-loading-font-size:18px}.s-pull-down-refresh{display:flex;flex-direction:column;overflow:hidden}.s-pull-down-refresh__gesture{min-height:100%;flex-grow:1;transition-property:transform}.s-pull-down-refresh__header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);font-size:var(--s-pull-down-refresh-header-font-size);color:var(--s-pull-down-refresh-header-color)}.s-pull-down-refresh__loading{font-size:var(--s-pull-down-refresh-loading-font-size)}

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

@@ -1,9 +1,11 @@
 import { createBem } from "../../utils/bem.js";
+import { getScrollTop } from "../../utils/dom.js";
 import { useTimeout } from "../../use/useTimeout.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import loading_default from "../loading/loading.js";
 import { defaultPullDownRefreshProps } from "./common.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref, watch } from "vue";
+import { useScrollParent } from "../../use/useScrollParent.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/pull-down-refresh/pull-down-refresh.vue
 var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 	__name: "pull-down-refresh",
@@ -38,6 +40,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const bem = createBem("pull-down-refresh");
+		const scrollParent = useScrollParent(useTemplateRef("root"));
 		const status = ref("initial");
 		const translateY = ref(0);
 		const progress = computed(() => {
@@ -76,8 +79,11 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		let movable = false;
 		let lockDirection = "";
 		const isDragging = ref(false);
+		const checkScrollTop = () => {
+			return getScrollTop(scrollParent.value) === 0;
+		};
 		const onTouchStart = (event) => {
-			if (props.disabled || status.value !== "initial" || !canRefresh.value) return;
+			if (props.disabled || status.value !== "initial" || !checkScrollTop()) return;
 			startX = event.touches[0].clientX;
 			startY = event.touches[0].clientY;
 			movable = true;
@@ -111,10 +117,6 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			}
 		};
 		const onPointerDown = usePointerDown(onTouchStart, onTouchMove, onTouchEnd);
-		const canRefresh = ref(true);
-		const enableToRefresh = (can) => {
-			canRefresh.value = can;
-		};
 		const pullDownRefreshStyle = computed(() => {
 			return {
 				transform: `translate3d(0,${translateY.value}px,0)`,
@@ -124,10 +126,13 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		const headerStyle = computed(() => {
 			return { height: props.headerHeight + "px" };
 		});
-		__expose({ enableToRefresh });
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(bem).b()),
+				ref: "root",
+				class: normalizeClass(unref(bem).b())
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(bem).e("gesture")),
 				style: normalizeStyle(pullDownRefreshStyle.value),
 				onTouchstart: onTouchStart,
 				onTouchmove: onTouchMove,
@@ -152,7 +157,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			}, null, 8, ["class"])]) : status.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 2 }, () => [createVNode(loading_default, {
 				type: "clock",
 				class: normalizeClass(unref(bem).e("loading"))
-			}, null, 8, ["class"])]) : status.value === "done" ? renderSlot(_ctx.$slots, "done", { key: 3 }) : createCommentVNode("v-if", true)], 6), renderSlot(_ctx.$slots, "default")], 38);
+			}, null, 8, ["class"])]) : status.value === "done" ? renderSlot(_ctx.$slots, "done", { key: 3 }) : createCommentVNode("v-if", true)], 6), renderSlot(_ctx.$slots, "default")], 38)], 2);
 		};
 	}
 });

package/components/radio-input/radio-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<RadioInputProps, {}, {},
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any) => any;
-    confirm: () => any;
+    confirm: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<RadioInputProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<RadioInputProps, {}, {},
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any) => any) | undefined;
 }>, {
     title: string;
     options: import("../radio/common.ts").RadioGroupOption[];

package/components/radio-input/radio-input.js

@@ -136,8 +136,8 @@ var radio_input_default = /*@__PURE__*/ defineComponent({
 		watch([innerValue, () => props.options], () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {

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

@@ -15,7 +15,7 @@ export interface RadioPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', value: any): void;
     (e: 'change', value: any): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: any): void;
 }
 export interface RadioPopoutExpose {
 }

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

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<RadioPopoutProps, {}, {}
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any) => any;
-    confirm: () => any;
+    confirm: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<RadioPopoutProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<RadioPopoutProps, {}, {}
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any) => any) | undefined;
 }>, {
     title: string;
     options: import("../radio/common.ts").RadioGroupOption[];

package/components/select-input/select-input.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectInputProps, Select
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
     "update:modelValue": (value: any) => any;
-    confirm: () => any;
+    confirm: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<SelectInputProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectInputProps, Select
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
+    onConfirm?: ((value: any) => any) | undefined;
 }>, {
     title: string;
     multiple: boolean;

package/components/select-input/select-input.js

@@ -190,8 +190,8 @@ var select_input_default = /*@__PURE__*/ defineComponent({
 		], () => {
 			inputValue.value = getInputValue();
 		}, { immediate: true });
-		const onConfirm = () => {
-			emit("confirm");
+		const onConfirm = (value) => {
+			emit("confirm", value);
 		};
 		__expose({});
 		return (_ctx, _cache) => {

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

@@ -11,7 +11,7 @@ export interface SelectPopoutEmits extends MotionEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:modelValue', value: any): void;
     (e: 'change', value: any): void;
-    (e: 'confirm'): void;
+    (e: 'confirm', value: any): void;
 }
 export interface SelectPopoutExpose {
 }