sard 1.0.12 → 1.0.14

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

@@ -1,8 +1,10 @@
 import { createBem } from "../../utils/bem.js";
+import { useIntersectionObserver } from "../../use/useIntersectionObserver.js";
 import loading_default from "../loading/loading.vue.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
-import { defaultLoadMoreProps } from "./common.js";
-import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { LoadMoreStatus, defaultLoadMoreProps } from "./common.js";
+import { useScrollParent } from "../../use/useScrollParent.js";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 //#region packages/sard/components/load-more/load-more.vue
 var load_more_default = /*@__PURE__*/ defineComponent({
 	__name: "load-more",
@@ -26,23 +28,49 @@ var load_more_default = /*@__PURE__*/ defineComponent({
 		errorText: {
 			type: String,
 			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		rootMargin: {
+			type: String,
+			required: false
 		}
 	}, defaultLoadMoreProps),
-	emits: ["load-more", "reload"],
+	emits: ["load"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const bem = createBem("load-more");
 		const { t } = useTranslateWithPrefix("loadMore");
+		const loadMoreRef = useTemplateRef("loadMore");
+		const scrollParent = useScrollParent(loadMoreRef);
 		const onClick = () => {
-			if (props.status === "incomplete") emit("load-more");
-			else if (props.status === "error") emit("reload");
+			if (props.status === "incomplete") emit("load");
+			else if (props.status === "error") emit("load");
 		};
+		const { isIntersecting } = useIntersectionObserver({
+			root: scrollParent,
+			rootMargin: () => props.rootMargin,
+			threshold: 0,
+			target: loadMoreRef,
+			disabled: () => props.disabled
+		});
+		watch(isIntersecting, () => {
+			if (!props.disabled && isIntersecting.value && props.status === LoadMoreStatus.INCOMPLETE) emit("load");
+		});
+		watch(() => props.status, (status, prevStatus) => {
+			if (prevStatus === LoadMoreStatus.LOADING && status === LoadMoreStatus.INCOMPLETE) setTimeout(() => {
+				if (!props.disabled && isIntersecting.value && status === LoadMoreStatus.INCOMPLETE) emit("load");
+			}, 30);
+		});
 		const loadMoreClass = computed(() => {
 			return [bem.b(), bem.m(props.status)];
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				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, {

package/components/popout/common.d.ts

@@ -26,6 +26,7 @@ export interface PopoutProps {
     showShadow?: boolean;
     destroyOnClose?: boolean;
     lazy?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultPopoutProps: DefaultProps<PopoutProps>;
 export interface PopoutSlots {

package/components/popout/common.js

@@ -8,7 +8,8 @@ const defaultPopoutProps = {
 	overlay: true,
 	overlayClosable: true,
 	lazy: void 0,
-	destroyOnClose: void 0
+	destroyOnClose: void 0,
+	closeOnBackPress: true
 };
 //#endregion
 export { defaultPopoutProps };

package/components/popout/popout.vue.d.ts

@@ -41,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopoutProps, {}, {}, {},
     overlayClosable: boolean;
     destroyOnClose: boolean;
     lazy: boolean;
+    closeOnBackPress: boolean;
     showCancel: boolean;
     beforeClose: import("./common").PopoutBeforeClose;
     cancelText: string;

package/components/popout/popout.vue.js

@@ -91,6 +91,10 @@ var popout_default = /*@__PURE__*/ defineComponent({
 		lazy: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPopoutProps),
 	emits: [
@@ -163,6 +167,9 @@ var popout_default = /*@__PURE__*/ defineComponent({
 		const onOverlayClick = () => {
 			if (props.overlayClosable) perhapsClose("close");
 		};
+		const onBackPress = () => {
+			perhapsClose("close");
+		};
 		const onCloseClick = () => {
 			perhapsClose("close");
 		};
@@ -192,7 +199,9 @@ var popout_default = /*@__PURE__*/ defineComponent({
 				transparent: __props.transparent,
 				"destroy-on-close": __props.destroyOnClose,
 				lazy: __props.lazy,
+				"close-on-back-press": __props.closeOnBackPress,
 				onOverlayClick,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", {
@@ -299,7 +308,8 @@ var popout_default = /*@__PURE__*/ defineComponent({
 				"background",
 				"transparent",
 				"destroy-on-close",
-				"lazy"
+				"lazy",
+				"close-on-back-press"
 			]);
 		};
 	}

package/components/popup/common.d.ts

@@ -14,6 +14,7 @@ export interface PopupProps {
     lockScroll?: boolean;
     destroyOnClose?: boolean;
     lazy?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const mapEffectMotion: Record<PopupEffect, MotionName>;
 export declare const defaultPopupProps: DefaultProps<PopupProps>;
@@ -33,6 +34,7 @@ export interface TransitionHookCallbacks {
 }
 export interface PopupEmits extends MotionEmits {
     (e: 'overlay-click', event: any): void;
+    (e: 'back-press'): void;
     (e: 'update:visible', visible: boolean): void;
 }
 export interface PopupExpose {

package/components/popup/index.d.ts

@@ -3,3 +3,4 @@ import _Popup from './popup.vue';
 export declare const Popup: EnhancedComponent<typeof _Popup>;
 export default Popup;
 export { type PopupProps, type PopupSlots, type PopupEmits, type PopupExpose, type PopupContext, usePopupVisibleHookProvide, usePopupEnter, useInPopup, } from './common';
+export { type PopupItem, popupManager } from './popup-manager';

package/components/popup/index.js

@@ -1,7 +1,8 @@
 import { enhanceComponent } from "../../utils/component.js";
 import { useInPopup, usePopupEnter, usePopupVisibleHookProvide } from "./common.js";
+import { popupManager } from "./popup-manager.js";
 import popup_default from "./popup.vue.js";
 //#region packages/sard/components/popup/index.ts
 const Popup = enhanceComponent(popup_default);
 //#endregion
-export { Popup, Popup as default, useInPopup, usePopupEnter, usePopupVisibleHookProvide };
+export { Popup, Popup as default, popupManager, useInPopup, usePopupEnter, usePopupVisibleHookProvide };

package/components/popup/popup-manager.d.ts

@@ -0,0 +1,15 @@
+export interface PopupItem {
+    close: () => void;
+}
+export declare function createPopupManager(): {
+    stack: import("vue").Reactive<PopupItem[]>;
+    push: (item: PopupItem) => void;
+    pop: () => void;
+    remove: (item: PopupItem) => void;
+};
+export declare const popupManager: {
+    stack: import("vue").Reactive<PopupItem[]>;
+    push: (item: PopupItem) => void;
+    pop: () => void;
+    remove: (item: PopupItem) => void;
+};

package/components/popup/popup-manager.js

@@ -0,0 +1,25 @@
+import { reactive } from "vue";
+//#region packages/sard/components/popup/popup-manager.ts
+function createPopupManager() {
+	const stack = reactive([]);
+	const push = (item) => {
+		if (!stack.includes(item)) stack.push(item);
+	};
+	const pop = () => {
+		const item = stack.pop();
+		if (item) item.close();
+	};
+	const remove = (item) => {
+		const index = stack.indexOf(item);
+		if (index !== -1) stack.splice(index, 1);
+	};
+	return {
+		stack,
+		push,
+		pop,
+		remove
+	};
+}
+const popupManager = createPopupManager();
+//#endregion
+export { createPopupManager, popupManager };

package/components/popup/popup.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     "leave-cancelled": (el: Element) => any;
     "visible-hook": (name: MotionHookName, el: Element) => any;
     "overlay-click": (event: any) => any;
+    "back-press": () => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PopupProps> & Readonly<{
     "onBefore-enter"?: ((el: Element) => any) | undefined;
@@ -24,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     "onLeave-cancelled"?: ((el: Element) => any) | undefined;
     "onVisible-hook"?: ((name: MotionHookName, el: Element) => any) | undefined;
     "onOverlay-click"?: ((event: any) => any) | undefined;
+    "onBack-press"?: (() => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     background: string;
@@ -37,6 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopupProps, {}, {}, {},
     lockScroll: boolean;
     destroyOnClose: boolean;
     lazy: boolean;
+    closeOnBackPress: 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/popup/popup.vue.js

@@ -4,7 +4,8 @@ import { defaultPopupProps, mapEffectMotion, usePopupVisibleHookProvide } from "
 import { useLockScroll } from "../../use/useLockScroll.js";
 import motion_default from "../motion/motion.vue.js";
 import overlay_default from "../overlay/overlay.vue.js";
-import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
+import { popupManager } from "./popup-manager.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
 //#region packages/sard/components/popup/popup.vue
 var popup_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
@@ -67,10 +68,15 @@ var popup_default = /*@__PURE__*/ defineComponent({
 		lazy: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPopupProps),
 	emits: [
 		"overlay-click",
+		"back-press",
 		"update:visible",
 		"before-enter",
 		"enter",
@@ -96,8 +102,10 @@ var popup_default = /*@__PURE__*/ defineComponent({
 			if (name === "before-enter") {
 				increaseZIndex();
 				rendered.value = true;
+				if (props.closeOnBackPress) popupManager.push(popupItem);
 			} else if (name === "after-leave") {
 				if (props.destroyOnClose) rendered.value = false;
+				popupManager.remove(popupItem);
 			}
 			callVisibleHook(name);
 			emit("visible-hook", name, el);
@@ -108,6 +116,13 @@ var popup_default = /*@__PURE__*/ defineComponent({
 			if (props.overlayClosable) emit("update:visible", false);
 		};
 		useLockScroll(() => props.visible, props.lockScroll);
+		const popupItem = { close: () => {
+			emit("back-press");
+			emit("update:visible", false);
+		} };
+		onUnmounted(() => {
+			popupManager.remove(popupItem);
+		});
 		const popupClass = computed(() => {
 			return [bem.b(), bem.m(props.effect)];
 		});

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

@@ -7,6 +7,7 @@ export interface PreviewImageProps {
     current?: number;
     showIndicator?: boolean;
     loop?: boolean;
+    closeOnBackPress?: boolean;
 }
 export declare const defaultPreviewImageProps: DefaultProps<PreviewImageProps>;
 export interface PreviewImageSlots {

package/components/preview-image/common.js

@@ -3,7 +3,8 @@ const defaultPreviewImageProps = {
 	current: 0,
 	showIndicator: true,
 	loop: true,
-	urls: () => []
+	urls: () => [],
+	closeOnBackPress: true
 };
 const previewImageContextKey = Symbol("previewImageContext");
 //#endregion

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

@@ -27,6 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<PreviewImageProps, Previ
     "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
     visible: boolean;
+    closeOnBackPress: boolean;
     current: number;
     urls: string[];
     showIndicator: boolean;

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

@@ -34,6 +34,10 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 		loop: {
 			type: Boolean,
 			required: false
+		},
+		closeOnBackPress: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPreviewImageProps),
 	emits: [
@@ -62,6 +66,9 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 				visibleSwitching.value = false;
 			}, 150);
 		});
+		const onBackPress = () => {
+			close();
+		};
 		const onVisibleHook = (name, el) => {
 			if (name === "before-enter") resetSlideDown();
 			emit("visible-hook", name, el);
@@ -141,6 +148,8 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					unref(bem).is("immersive", isImmersive.value)
 				],
 				visible: unref(innerVisible),
+				"close-on-back-press": __props.closeOnBackPress,
+				onBackPress,
 				onVisibleHook
 			}, {
 				default: withCtx(() => [createElementVNode("div", {
@@ -176,7 +185,11 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(unref(bem).e("indicator"))
 				}, toDisplayString(unref(current) + 1) + " / " + toDisplayString(__props.urls.length), 3)) : createCommentVNode("v-if", true)], 2)]),
 				_: 1
-			}, 8, ["overlay-class", "visible"]);
+			}, 8, [
+				"overlay-class",
+				"visible",
+				"close-on-back-press"
+			]);
 		};
 	}
 });

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

@@ -7,6 +7,7 @@ export interface PullDownRefreshProps {
     transitionDuration?: number;
     doneDuration?: number;
     disabled?: boolean;
+    error?: boolean;
 }
 export declare const defaultPullDownRefreshProps: DefaultProps<PullDownRefreshProps>;
 export interface PullDownRefreshSlots {

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

@@ -3,7 +3,7 @@ const defaultPullDownRefreshProps = {
 	threshold: 50,
 	headerHeight: 50,
 	transitionDuration: 300,
-	doneDuration: 0,
+	doneDuration: 500,
 	loading: false,
 	disabled: false
 };

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

@@ -5,6 +5,7 @@ declare const __VLS_base: import("vue").DefineComponent<PullDownRefreshProps, Pu
 }, string, import("vue").PublicProps, Readonly<PullDownRefreshProps> & Readonly<{
     onRefresh?: (() => any) | undefined;
 }>, {
+    error: boolean;
     loading: boolean;
     threshold: number;
     disabled: boolean;

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

@@ -3,9 +3,10 @@ import { getScrollTop } from "../../utils/dom.js";
 import { useTimeout } from "../../use/useTimeout.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import loading_default from "../loading/loading.vue.js";
-import { defaultPullDownRefreshProps } from "./common.js";
+import { useTranslateWithPrefix } from "../../locale/index.js";
 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";
+import { defaultPullDownRefreshProps } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 //#region packages/sard/components/pull-down-refresh/pull-down-refresh.vue
 var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 	__name: "pull-down-refresh",
@@ -33,6 +34,10 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		disabled: {
 			type: Boolean,
 			required: false
+		},
+		error: {
+			type: Boolean,
+			required: false
 		}
 	}, defaultPullDownRefreshProps),
 	emits: ["refresh"],
@@ -40,6 +45,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const bem = createBem("pull-down-refresh");
+		const { t } = useTranslateWithPrefix("pullDownRefresh");
 		const scrollParent = useScrollParent(useTemplateRef("root"));
 		const status = ref("initial");
 		const translateY = ref(0);
@@ -52,7 +58,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			recoveringTimer.clear();
 			initialTimer.clear();
 			status.value = "loading";
-			translateY.value = props.headerHeight;
+			if (!props.disabled) translateY.value = props.headerHeight;
 		};
 		const toRecovering = () => {
 			status.value = "recovering";
@@ -117,6 +123,9 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 			}
 		};
 		const onPointerDown = usePointerDown(onTouchStart, onTouchMove, onTouchEnd);
+		const rootClass = computed(() => {
+			return [bem.b(), bem.m(status.value)];
+		});
 		const pullDownRefreshStyle = computed(() => {
 			return {
 				transform: `translate3d(0,${translateY.value}px,0)`,
@@ -130,7 +139,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "root",
-				class: normalizeClass(unref(bem).b())
+				class: normalizeClass(rootClass.value)
 			}, [createElementVNode("div", {
 				class: normalizeClass(unref(bem).e("gesture")),
 				style: normalizeStyle(pullDownRefreshStyle.value),
@@ -147,17 +156,26 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
 				progress: progress.value
 			}, () => [createVNode(loading_default, {
 				type: "clock",
-				class: normalizeClass(unref(bem).e("loading")),
+				size: "16px",
 				animated: false,
 				progress: progress.value
-			}, null, 8, ["class", "progress"])]) : status.value === "ready" ? renderSlot(_ctx.$slots, "ready", { key: 1 }, () => [createVNode(loading_default, {
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("unready")), 1)]),
+				_: 1
+			}, 8, ["progress"])]) : status.value === "ready" ? renderSlot(_ctx.$slots, "ready", { key: 1 }, () => [createVNode(loading_default, {
 				type: "clock",
-				class: normalizeClass(unref(bem).e("loading")),
+				size: "16px",
 				animated: false
-			}, null, 8, ["class"])]) : status.value === "loading" ? renderSlot(_ctx.$slots, "loading", { key: 2 }, () => [createVNode(loading_default, {
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ready")), 1)]),
+				_: 1
+			})]) : 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)], 2);
+				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);
 		};
 	}
 });

package/components/select/common.d.ts

@@ -9,17 +9,16 @@ export interface SelectProps {
     filterPlaceholder?: string;
     filterMethod?: (query: string) => void;
     filterValue?: string;
-    remote?: boolean;
-    remoteMethod?: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
-    threshold?: number;
     showToolbar?: boolean;
     options?: any[];
     optionKeys?: OptionKeys;
     valueKey?: string;
+    filterLoading?: boolean;
 }
 export declare const defaultSelectProps: DefaultProps<SelectProps>;
 export interface SelectSlots {
     default?(): any;
+    bottom?(): any;
     option?(props: {
         disabled: boolean;
         selected: boolean;
@@ -37,9 +36,10 @@ export interface SelectEmits {
     (e: 'update:modelValue', value: any): void;
     (e: 'change', value: any): void;
     (e: 'select', value: any): void;
-    (e: 'update:filter-value', value: string): void;
+    (e: 'update:filterValue', value: string): void;
 }
 export interface SelectExpose {
+    scrollTop: () => void;
 }
 export interface SelectMember {
     el: HTMLElement | null;

package/components/select/common.js

@@ -1,7 +1,6 @@
 //#region packages/sard/components/select/common.ts
 const defaultSelectProps = {
 	multipleLimit: 0,
-	threshold: 500,
 	options: () => []
 };
 const selectContextKey = Symbol("selectContext");

package/components/select/index.css

@@ -1 +1 @@
-:root{--s-select-max-height:320px;--s-select-bg:var(--s-bg-color-container);--s-select-search-padding-x:var(--s-content-padding-x);--s-select-search-padding-y:var(--s-content-padding-y);--s-select-option-min-height:var(--s-content-height-sm);--s-select-option-padding-x:var(--s-content-padding-x);--s-select-option-padding-y:var(--s-content-padding-y);--s-select-option-bg-active:var(--s-bg-color-active);--s-select-option-opacity-disabled:var(--s-opacity-disabled);--s-select-option-color-selected:var(--s-color-primary);--s-select-option-label-font-size:var(--s-font-size);--s-select-option-group-label-padding-x:var(--s-content-padding-x);--s-select-option-group-label-padding-y:var(--s-content-padding-y);--s-select-option-group-label-font-size:var(--s-font-size-sm);--s-select-option-group-label-color:var(--s-text-color-tertiary);--s-select-option-group-label-bg:var(--s-fill-color-fourth);--s-select-toolbar-padding-x:var(--s-content-padding-x);--s-select-toolbar-padding-y:0;--s-select-empty-margin-top:var(--s-size)}.s-select{background:var(--s-select-bg)}.s-select__container{position:relative}.s-select__container::before,.s-select__container::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-select__container::before{top:0}.s-select__container::after{bottom:0}.s-select__container--none::before,.s-select__container--end::before{box-shadow:var(--s-box-shadow-top)}.s-select__container--none::after,.s-select__container--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-select__search{padding:var(--s-select-search-padding-y) var(--s-select-search-padding-x)}.s-select__loading{color:var(--s-text-color-fourth)}.s-select__scroll{overflow-x:hidden;overflow-y:auto;max-height:var(--s-select-max-height)}.s-select__scroll--filterable{height:var(--s-select-max-height)}.s-select__toolbar{display:flex;align-items:center;padding:var(--s-select-toolbar-padding-y) var(--s-select-toolbar-padding-x)}.s-select__num{font-size:var(--s-font-size);color:var(--s-color-primary);margin-inline-end:auto}.s-select__empty{padding-top:var(--s-select-empty-margin-top)}.s-select-option{position:relative;display:flex;align-items:center;cursor:pointer}.s-select-option:not(.is-plain){min-height:var(--s-select-option-min-height);padding:var(--s-select-option-padding-y) var(--s-select-option-padding-x)}.s-select-option:not(.is-plain)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;left:var(--s-select-option-padding-x);right:var(--s-select-option-padding-x)}.s-select-option:not(.is-plain):first-child::before{display:none}.s-select-option:is(.is-selected){color:var(--s-select-option-color-selected);font-weight:var(--s-font-weight-bold)}.s-select-option:is(.is-selected) .s-select-option__icon{display:flex}.s-select-option:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-select-option:not(.is-disabled,.is-plain):active{background:var(--s-select-option-bg-active)}.s-select-option__label{flex:1;min-width:0;word-break:break-all;font-size:var(--s-select-option-label-font-size);line-height:var(--s-line-height-normal)}.s-select-option__icon{display:none;justify-content:center;align-items:center;margin-inline-start:8px}.s-select-option-group__label{position:sticky;top:0;z-index:2;padding:var(--s-select-option-group-label-padding-y) var(--s-select-option-group-label-padding-x);font-size:var(--s-select-option-group-label-font-size);line-height:var(--s-line-height-snug);color:var(--s-select-option-group-label-color);background:var(--s-select-option-group-label-bg)}.s-select-option-group__content{position:relative}
+:root{--s-select-max-height:320px;--s-select-bg:var(--s-bg-color-container);--s-select-search-padding-x:var(--s-content-padding-x);--s-select-search-padding-y:var(--s-content-padding-y);--s-select-option-min-height:var(--s-content-height-sm);--s-select-option-padding-x:var(--s-content-padding-x);--s-select-option-padding-y:var(--s-content-padding-y);--s-select-option-bg-active:var(--s-bg-color-active);--s-select-option-opacity-disabled:var(--s-opacity-disabled);--s-select-option-color-selected:var(--s-color-primary);--s-select-option-label-font-size:var(--s-font-size);--s-select-option-group-label-padding-x:var(--s-content-padding-x);--s-select-option-group-label-padding-y:var(--s-content-padding-y);--s-select-option-group-label-font-size:var(--s-font-size-sm);--s-select-option-group-label-color:var(--s-text-color-tertiary);--s-select-option-group-label-bg:var(--s-fill-color-fourth);--s-select-toolbar-padding-x:var(--s-content-padding-x);--s-select-toolbar-padding-y:0}.s-select{background:var(--s-select-bg)}.s-select__container{position:relative}.s-select__container::before,.s-select__container::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-select__container::before{top:0}.s-select__container::after{bottom:0}.s-select__container--none::before,.s-select__container--end::before{box-shadow:var(--s-box-shadow-top)}.s-select__container--none::after,.s-select__container--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-select__search{padding:var(--s-select-search-padding-y) var(--s-select-search-padding-x)}.s-select__loading{color:var(--s-text-color-fourth)}.s-select__scroll{overflow-x:hidden;overflow-y:auto;max-height:var(--s-select-max-height)}.s-select__scroll--filterable{height:var(--s-select-max-height)}.s-select__toolbar{display:flex;align-items:center;padding:var(--s-select-toolbar-padding-y) var(--s-select-toolbar-padding-x)}.s-select__num{font-size:var(--s-font-size);color:var(--s-color-primary);margin-inline-end:auto}.s-select__empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.s-select-option{position:relative;display:flex;align-items:center;cursor:pointer}.s-select-option:not(.is-plain){min-height:var(--s-select-option-min-height);padding:var(--s-select-option-padding-y) var(--s-select-option-padding-x)}.s-select-option:not(.is-plain)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;left:var(--s-select-option-padding-x);right:var(--s-select-option-padding-x)}.s-select-option:not(.is-plain):first-child::before{display:none}.s-select-option:is(.is-selected){color:var(--s-select-option-color-selected);font-weight:var(--s-font-weight-bold)}.s-select-option:is(.is-selected) .s-select-option__icon{display:flex}.s-select-option:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-select-option:not(.is-disabled,.is-plain):active{background:var(--s-select-option-bg-active)}.s-select-option__label{flex:1;min-width:0;word-break:break-all;font-size:var(--s-select-option-label-font-size);line-height:var(--s-line-height-normal)}.s-select-option__icon{display:none;justify-content:center;align-items:center;margin-inline-start:8px}.s-select-option-group__label{position:sticky;top:0;z-index:2;padding:var(--s-select-option-group-label-padding-y) var(--s-select-option-group-label-padding-x);font-size:var(--s-select-option-group-label-font-size);line-height:var(--s-line-height-snug);color:var(--s-select-option-group-label-color);background:var(--s-select-option-group-label-bg)}.s-select-option-group__content{position:relative}

package/components/select/select.vue.d.ts

@@ -4,16 +4,15 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
     select: (value: any) => any;
     change: (value: any) => any;
     "update:modelValue": (value: any) => any;
-    "update:filter-value": (value: string) => any;
+    "update:filterValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
     onSelect?: ((value: any) => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onUpdate:filter-value"?: ((value: string) => any) | undefined;
+    "onUpdate:filterValue"?: ((value: string) => any) | undefined;
 }>, {
     multiple: boolean;
     options: any[];
-    threshold: number;
     modelValue: any;
     optionKeys: import("../../use").OptionKeys;
     filterPlaceholder: string;
@@ -21,10 +20,9 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
     filterable: boolean;
     filterMethod: (query: string) => void;
     filterValue: string;
-    remote: boolean;
-    remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
     showToolbar: boolean;
     valueKey: string;
+    filterLoading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;