eco-vue-js 0.12.52

package/dist/components/Select/WSelectAsync.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,384 @@
+import { useIsMobile } from "../../utils/mobile.js";
+import { useComponentStates } from "../../utils/useComponentStates.js";
+import WInputSuggest_default from "../Input/WInputSuggest.vue.js";
+import SelectAsyncList_default from "./components/SelectAsyncList.vue.js";
+import SelectAsyncPrefix_default from "./components/SelectAsyncPrefix.vue.js";
+import { computed, createBlock, createCommentVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeProps, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+//#region src/components/Select/WSelectAsync.vue?vue&type=script&setup=true&lang.ts
+var WSelectAsync_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "WSelectAsync",
+	props: {
+		useQueryFnOptions: {},
+		useQueryFnPrefix: {},
+		queryParamsOptions: {},
+		searchField: {},
+		previewData: {},
+		valueQueryKey: { default: "id__in" },
+		prefixText: {},
+		prefixMax: {},
+		reverse: { type: Boolean },
+		modelValue: {},
+		valueGetter: {
+			type: Function,
+			default: (data) => data.id
+		},
+		useQueryFnDefault: {},
+		useFirstDefault: { type: Boolean },
+		emptyStub: { default: "No match" },
+		disableClear: { type: Boolean },
+		hidePrefix: { type: Boolean },
+		createOption: {},
+		hideOptionIcon: { type: Boolean },
+		createdData: {},
+		selectOnClose: { type: Boolean },
+		emptyValue: {},
+		lazy: { type: Boolean },
+		mobileTitle: {},
+		persist: { type: Boolean },
+		closeOnClear: { type: Boolean },
+		static: { type: Boolean },
+		hideToggle: { type: Boolean },
+		type: {},
+		textarea: { type: Boolean },
+		resize: { type: Boolean },
+		placeholder: {},
+		icon: {},
+		size: {},
+		maxLength: {},
+		step: {},
+		min: {},
+		max: {},
+		name: {},
+		autocomplete: {},
+		autofocus: { type: [Boolean, Number] },
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		disabledActions: { type: Boolean },
+		loading: { type: Boolean },
+		spellcheck: { type: Boolean },
+		customBackspaceHandle: { type: Boolean },
+		textSecure: { type: Boolean },
+		placeholderSecure: { type: Boolean },
+		allowPaste: { type: Boolean },
+		hideInput: { type: Boolean },
+		noWrap: { type: Boolean },
+		textTransparent: { type: Boolean },
+		textParts: {},
+		rich: { type: Boolean },
+		toolbarActions: {},
+		explicit: { type: Boolean },
+		title: {},
+		titleIcon: {},
+		description: {},
+		errorMessage: {},
+		tooltipText: {},
+		mono: { type: Boolean },
+		hasChanges: { type: Boolean },
+		skeleton: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		required: { type: Boolean },
+		mandatory: { type: Boolean },
+		noMargin: { type: Boolean },
+		allowCopy: { type: Boolean },
+		leftError: { type: Boolean },
+		filterField: {},
+		filterValue: {},
+		subgrid: { type: Boolean },
+		seamless: { type: Boolean },
+		savedText: {},
+		topText: { type: Boolean },
+		allowDropFile: { type: Boolean },
+		hideTitle: { type: Boolean },
+		parentElement: {},
+		dropdownClass: {},
+		horizontalAlign: {},
+		top: { type: Boolean },
+		bottom: { type: Boolean },
+		innerClass: {},
+		optionComponent: {},
+		optionComponentProps: {}
+	},
+	emits: [
+		"select",
+		"unselect",
+		"update:model-value",
+		"init-model",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { isReadonly, isDisabled } = useComponentStates(props);
+		const { isMobile } = useIsMobile();
+		const isOpen = ref(false);
+		const inputRef = useTemplateRef("input");
+		const listRef = useTemplateRef("list");
+		const focused = ref(false);
+		const isFetchingPrefix = ref(false);
+		const search = ref("");
+		const loadingCreate = ref(false);
+		const isDisabledComputed = computed(() => props.loading || isReadonly.value || isDisabled.value);
+		const isModelValueSearch = computed(() => !!search.value && props.modelValue?.includes(search.value));
+		const queryParams = computed(() => ({
+			...props.queryParamsOptions,
+			[props.searchField ?? "search"]: search.value
+		}));
+		const queryParamsFirstPage = computed(() => ({
+			...queryParams.value,
+			page: 1
+		}));
+		const queryEnabled = computed(() => props.lazy ? isOpen.value : true);
+		const { data: firstPageData } = props.useQueryFnOptions(queryParamsFirstPage, { enabled: queryEnabled });
+		const hasSearchOption = computed(() => {
+			if (props.createdData?.some((option) => props.valueGetter(option) === search.value)) return true;
+			return firstPageData.value?.results.some((option) => props.valueGetter(option) === search.value);
+		});
+		const close = () => {
+			isOpen.value = false;
+			focused.value = false;
+			if (props.selectOnClose && search.value && !isModelValueSearch.value) {
+				const optionExact = firstPageData.value?.results.find((option) => props.valueGetter(option) === search.value);
+				if (optionExact) select(props.valueGetter(optionExact), optionExact);
+				else if (search.value) create(search.value);
+				else if (props.modelValue?.length) {
+					const last = props.modelValue[props.modelValue.length - 1];
+					unselect(last, firstPageData.value?.results.find((option) => props.valueGetter(option) === last));
+				}
+			}
+			search.value = "";
+		};
+		let deletePressTimeout = null;
+		const captureDoubleDelete = () => {
+			if (!props.modelValue?.length || search.value.length) return;
+			if (deletePressTimeout) {
+				const last = props.modelValue[props.modelValue.length - 1];
+				unselect(last, firstPageData.value?.results.find((option) => props.valueGetter(option) === last));
+				clearTimeout(deletePressTimeout);
+				deletePressTimeout = null;
+			} else deletePressTimeout = setTimeout(() => {
+				deletePressTimeout = null;
+			}, 500);
+		};
+		const select = (item, data) => {
+			if (isDisabledComputed.value) return;
+			emit("select", item, data);
+			search.value = "";
+		};
+		const unselect = (item, data) => {
+			if (isDisabledComputed.value) return;
+			emit("unselect", item, data);
+			search.value = "";
+		};
+		const create = async (value) => {
+			if (isDisabledComputed.value) return;
+			if (!props.createOption) return;
+			loadingCreate.value = true;
+			const option = await props.createOption(value);
+			if (option) {
+				select(props.valueGetter(option), option);
+				search.value = "";
+			}
+			loadingCreate.value = false;
+		};
+		const updateSelected = (value) => {
+			if (isDisabledComputed.value) return;
+			emit("update:model-value", value);
+			search.value = "";
+		};
+		const focus = () => {
+			inputRef.value?.focus();
+		};
+		const blur = () => {
+			inputRef.value?.blur();
+		};
+		const updateDropdown = async () => {
+			await nextTick();
+			inputRef.value?.updateDropdown();
+		};
+		const setSearch = (value) => {
+			search.value = value;
+		};
+		if (props.useQueryFnDefault) {
+			const { data: defaultData } = props.useQueryFnDefault({ enabled: computed(() => !props.disabled) });
+			watch(defaultData, (value) => {
+				if (value && props.modelValue?.length === 0) {
+					select(props.valueGetter(value), value);
+					emit("init-model");
+				}
+			}, { immediate: true });
+		}
+		watch(() => props.modelValue, async () => {
+			await nextTick();
+			inputRef.value?.updateDropdown();
+			if (props.seamless) inputRef.value?.scrollToInput();
+		});
+		__expose({
+			focus,
+			blur,
+			setSearch
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(WInputSuggest_default, mergeProps({ ref: "input" }, {
+				...props,
+				modelValue: search.value,
+				loading: __props.loading || isFetchingPrefix.value || loadingCreate.value,
+				hideInput: !__props.modelValue?.length && !__props.emptyValue ? __props.hideInput && !isOpen.value : unref(isMobile) ? !focused.value : !isOpen.value,
+				filterValue: __props.filterValue === void 0 ? __props.modelValue : __props.filterValue,
+				emptyValue: void 0
+			}, {
+				class: _ctx.$attrs.class,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !__props.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),
+				"onKeypress:enter": _cache[3] || (_cache[3] = withModifiers(($event) => listRef.value?.selectCursor(), ["stop", "prevent"])),
+				"onKeypress:up": _cache[4] || (_cache[4] = withModifiers(($event) => listRef.value?.cursorUp(), ["prevent"])),
+				"onKeypress:down": _cache[5] || (_cache[5] = withModifiers(($event) => listRef.value?.cursorDown(), ["prevent"])),
+				"onKeypress:delete": captureDoubleDelete,
+				onOpen: _cache[6] || (_cache[6] = ($event) => isOpen.value = true),
+				onClose: close,
+				onFocus: _cache[7] || (_cache[7] = ($event) => {
+					focused.value = true;
+					_ctx.$emit("focus", $event);
+				}),
+				onBlur: _cache[8] || (_cache[8] = ($event) => {
+					focused.value = false;
+					_ctx.$emit("blur", $event);
+				})
+			}), createSlots({
+				prefix: withCtx(({ unclickable }) => [(__props.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? renderSlot(_ctx.$slots, "prefix", normalizeProps(mergeProps({ key: 0 }, { modelValue: __props.modelValue ?? [] })), () => [createVNode(SelectAsyncPrefix_default, {
+					"use-query-fn": __props.useQueryFnPrefix ?? __props.useQueryFnOptions,
+					"model-value": !__props.emptyValue || __props.modelValue?.length !== 0 ? __props.modelValue ?? [] : __props.emptyValue,
+					disabled: unref(isDisabled),
+					loading: __props.loading || isFetchingPrefix.value,
+					"option-component": __props.optionComponent,
+					"option-component-props": __props.optionComponentProps,
+					"disable-clear": __props.disableClear || unref(isReadonly) || __props.seamless && !focused.value || __props.modelValue?.length === 0,
+					"preview-data": __props.previewData,
+					"created-data": __props.createdData,
+					"value-getter": __props.valueGetter,
+					"value-query-key": __props.valueQueryKey,
+					readonly: unref(isReadonly),
+					"prefix-text": __props.prefixText,
+					"prefix-max": __props.prefixMax,
+					onUnselect: unselect,
+					"onUpdate:fetching": _cache[0] || (_cache[0] = ($event) => {
+						!$event && updateDropdown();
+						isFetchingPrefix.value = $event;
+					}),
+					"onUpdate:modelValue": updateSelected
+				}, createSlots({ _: 2 }, [_ctx.$slots.option ? {
+					name: "option",
+					fn: withCtx(({ option, index, skeleton: skeletonOption }) => [renderSlot(_ctx.$slots, "option", {
+						option,
+						index,
+						selected: true,
+						model: true,
+						skeleton: skeletonOption,
+						search: void 0
+					})]),
+					key: "0"
+				} : void 0]), 1032, [
+					"use-query-fn",
+					"model-value",
+					"disabled",
+					"loading",
+					"option-component",
+					"option-component-props",
+					"disable-clear",
+					"preview-data",
+					"created-data",
+					"value-getter",
+					"value-query-key",
+					"readonly",
+					"prefix-text",
+					"prefix-max"
+				])]) : createCommentVNode("", true)]),
+				content: withCtx(() => [createVNode(SelectAsyncList_default, {
+					ref: "list",
+					"model-value": __props.modelValue ?? [],
+					"use-query-fn": __props.useQueryFnOptions,
+					"query-params": queryParams.value,
+					loading: __props.loading || isFetchingPrefix.value,
+					disabled: isDisabledComputed.value,
+					"empty-stub": !search.value && __props.emptyStub ? __props.emptyStub : void 0,
+					"allow-create": __props.createOption && (!hasSearchOption.value || isModelValueSearch.value),
+					"hide-option-icon": __props.hideOptionIcon,
+					"value-getter": __props.valueGetter,
+					"loading-create": loadingCreate.value,
+					search: search.value,
+					reverse: __props.reverse,
+					class: "max-h-80",
+					onSelect: select,
+					onUnselect: unselect,
+					"onCreate:option": _cache[1] || (_cache[1] = ($event) => create(search.value)),
+					"onUpdate:modelValue": updateSelected
+				}, createSlots({
+					default: withCtx(({ option, selected, skeleton: skeletonList, index }) => [renderSlot(_ctx.$slots, "option", {
+						option,
+						selected,
+						skeleton: skeletonList,
+						model: false,
+						search: search.value,
+						index
+					}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps(__props.optionComponentProps, {
+						option,
+						selected,
+						skeleton: skeletonList,
+						model: false,
+						search: search.value
+					}), null, 16, [
+						"option",
+						"selected",
+						"skeleton",
+						"search"
+					]))])]),
+					_: 2
+				}, [_ctx.$slots.content ? {
+					name: "content",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+					key: "0"
+				} : void 0]), 1032, [
+					"model-value",
+					"use-query-fn",
+					"query-params",
+					"loading",
+					"disabled",
+					"empty-stub",
+					"allow-create",
+					"hide-option-icon",
+					"value-getter",
+					"loading-create",
+					"search",
+					"reverse"
+				])]),
+				_: 2
+			}, [
+				_ctx.$slots.title ? {
+					name: "title",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+					key: "0"
+				} : void 0,
+				_ctx.$slots.subtitle ? {
+					name: "subtitle",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "subtitle")]),
+					key: "1"
+				} : void 0,
+				_ctx.$slots.right ? {
+					name: "right",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "right")]),
+					key: "2"
+				} : void 0
+			]), 1040, ["class"]);
+		};
+	}
+});
+//#endregion
+export { WSelectAsync_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Select/WSelectAsyncList.vue.d.ts

@@ -0,0 +1,44 @@
+import { SelectOptionProps } from './types';
+declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSelect?: ((value: Model) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value: Model[]) => any) | undefined;
+        readonly onUnselect?: ((value: Model) => any) | undefined;
+        readonly "onUpdate:count"?: ((value: number) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onUpdate:model-value" | "onUnselect" | "onUpdate:count"> & {
+        title?: string;
+        emptyStub?: string;
+        modelValue: Model[];
+        useQueryFn: UseQueryPaginated<Data, QueryParams>;
+        queryParams: QueryParams;
+        skeleton?: boolean;
+        excludeParams?: (keyof QueryParams)[];
+        selectOnly?: boolean;
+        unselectOnly?: boolean;
+        hideOptionIcon?: boolean;
+        valueGetter?: (data: Data) => Model;
+        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
+        disabled?: boolean;
+        readonly?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        default?: (props: PartialNot<SelectOptionProps<Data>>) => void;
+    }> & {
+        default?: (props: PartialNot<SelectOptionProps<Data>>) => void;
+    };
+    emit: {
+        (e: "select", value: Model): void;
+        (e: "unselect", value: Model): void;
+        (e: "update:model-value", value: Model[]): void;
+        (e: "update:count", value: number): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WSelectAsyncList.vue.d.ts.map

package/dist/components/Select/WSelectAsyncList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"AAyDA;AA+GA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAS7B,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EACpF,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+NO,mBAAmB,CAAC;;;;;;gBA7NhB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;mBAChE,OAAO;mBACP,OAAO;mBAgNwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAvLC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;kBAApD,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;;YAV1D,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;EAkMtC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1OzE,wBA0O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsyncList.vue.js

@@ -0,0 +1,5 @@
+import WSelectAsyncList_vue_vue_type_script_setup_true_lang_default from "./WSelectAsyncList.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Select/WSelectAsyncList.vue
+var WSelectAsyncList_default = WSelectAsyncList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WSelectAsyncList_default as default };

package/dist/components/Select/WSelectAsyncList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,104 @@
+import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
+import { useComponentStates } from "../../utils/useComponentStates.js";
+import WInfiniteListScrollingElement_default from "../InfiniteList/WInfiniteListScrollingElement.vue.js";
+import SelectAsyncList_default from "./components/SelectAsyncList.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/Select/WSelectAsyncList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-accent mb-2 text-xs font-semibold"
+};
+var WSelectAsyncList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WSelectAsyncList",
+	props: {
+		title: { default: void 0 },
+		emptyStub: { default: void 0 },
+		modelValue: {},
+		useQueryFn: {},
+		queryParams: {},
+		skeleton: {
+			type: Boolean,
+			default: void 0
+		},
+		excludeParams: { default: void 0 },
+		selectOnly: { type: Boolean },
+		unselectOnly: { type: Boolean },
+		hideOptionIcon: { type: Boolean },
+		valueGetter: {
+			type: Function,
+			default: (data) => data.id
+		},
+		queryOptions: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"select",
+		"unselect",
+		"update:model-value",
+		"update:count"
+	],
+	setup(__props) {
+		const { isReadonly, isDisabled, isSkeleton } = useComponentStates(__props);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [__props.title ? (openBlock(), createElementBlock("div", _hoisted_1, [unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))])) : createCommentVNode("", true), unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
+				key: 1,
+				class: "w-skeleton-rounded-2xl w-skeleton-h-[24rem] w-skeleton-w-full"
+			})) : (openBlock(), createBlock(WInfiniteListScrollingElement_default, {
+				key: 2,
+				class: "overflow-y-overlay sm-not:border-y h-96 border-solid border-gray-300 sm:rounded-2xl sm:border dark:border-gray-700"
+			}, {
+				default: withCtx(() => [createVNode(SelectAsyncList_default, {
+					"model-value": __props.modelValue,
+					"use-query-fn": __props.useQueryFn,
+					"query-params": __props.queryParams,
+					"exclude-params": __props.excludeParams,
+					"empty-stub": __props.emptyStub,
+					"select-only": __props.selectOnly,
+					"unselect-only": __props.unselectOnly,
+					"hide-option-icon": __props.hideOptionIcon,
+					"value-getter": __props.valueGetter,
+					"query-options": __props.queryOptions,
+					disabled: unref(isDisabled) || unref(isReadonly),
+					transition: "",
+					onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event)),
+					onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("unselect", $event)),
+					"onUpdate:count": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:count", $event)),
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:model-value", $event))
+				}, createSlots({ _: 2 }, [_ctx.$slots.default ? {
+					name: "default",
+					fn: withCtx(({ option, selected, skeleton: skeletonList, index }) => [renderSlot(_ctx.$slots, "default", {
+						option,
+						selected,
+						skeleton: skeletonList,
+						model: false,
+						index,
+						search: void 0
+					})]),
+					key: "0"
+				} : void 0]), 1032, [
+					"model-value",
+					"use-query-fn",
+					"query-params",
+					"exclude-params",
+					"empty-stub",
+					"select-only",
+					"unselect-only",
+					"hide-option-icon",
+					"value-getter",
+					"query-options",
+					"disabled"
+				])]),
+				_: 3
+			}))]);
+		};
+	}
+});
+//#endregion
+export { WSelectAsyncList_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Select/WSelectAsyncSingle.vue.d.ts

@@ -0,0 +1,36 @@
+import { SelectAsyncSingleProps, SelectOptionComponent, SelectOptionProps } from './types';
+declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:model-value"?: ((value: AllowClear extends true ? Model | null : Model, data: Data | undefined) => any) | undefined;
+        readonly "onInit-model"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onInit-model"> & SelectAsyncSingleProps<Model, Data, QueryParams, OptionComponent, AllowClear> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        blur: () => void;
+        focus: () => void;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        title?: () => void;
+        subtitle?: () => void;
+        right?: (props: Record<string, never>) => void;
+        option?: (props: PartialNot<SelectOptionProps<Data>>) => void;
+        content?: () => void;
+    }> & {
+        title?: () => void;
+        subtitle?: () => void;
+        right?: (props: Record<string, never>) => void;
+        option?: (props: PartialNot<SelectOptionProps<Data>>) => void;
+        content?: () => void;
+    };
+    emit: {
+        (e: "update:model-value", value: AllowClear extends true ? Model | null : Model, data: Data | undefined): void;
+        (e: "init-model"): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WSelectAsyncSingle.vue.d.ts.map

package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AA2DA;AAsHA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAM5E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EAC7K,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmNO,mBAAmB,CAAC;;;2PAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBApKD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;kBACnD,MAAM,IAAI;;gBAJZ,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;kBACnD,MAAM,IAAI;;;YArChB,oBAAoB,+DAAyB,IAAI,GAAG,SAAS,GAAG,IAAI;YACpE,YAAY,GAAG,IAAI;;EAwMrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9NzE,wBA8N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -0,0 +1,5 @@
+import WSelectAsyncSingle_vue_vue_type_script_setup_true_lang_default from "./WSelectAsyncSingle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Select/WSelectAsyncSingle.vue
+var WSelectAsyncSingle_default = WSelectAsyncSingle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WSelectAsyncSingle_default as default };