eco-vue-js 0.7.2 → 0.8.0

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

@@ -16,8 +16,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WSelect",
   props: {
     modelValue: {},
-    search: {},
-    options: {},
+    useQueryFnOptions: {},
+    valueGetter: { type: Function },
+    searchFn: { type: Function },
     emptyStub: {},
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
@@ -62,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["select", "unselect", "update:search", "create:option", "focus", "blur"],
+  emits: ["select", "unselect", "create:option", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -70,11 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const input = ref();
     const cursor = ref(-1);
     const isCursorLocked = ref(false);
-    const lastIndex = computed(() => props.allowCreate ? props.options.length : props.options.length - 1);
+    const search = ref("");
+    const { data, isLoading } = props.useQueryFnOptions();
+    const filteredOptions = computed(() => !data.value ? [] : search.value === "" ? data.value : data.value.filter((option) => props.searchFn(option, search.value)));
+    const lastIndex = computed(() => props.allowCreate ? filteredOptions.value.length : filteredOptions.value.length - 1);
     const isMobile = getIsMobile();
     const focused = ref(false);
     const loadingOptionIndex = ref(null);
     const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
+    const prefixList = computed(() => props.modelValue.map((value) => data.value?.find((item) => props.valueGetter(item) === value)).filter((item) => item !== void 0));
     const close = () => {
       isOpen.value = false;
       focused.value = false;
@@ -97,27 +102,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cursorUp = () => {
       if (isDisabled.value) return;
       lockCursor();
-      cursor.value = !props.options.length ? 0 : cursor.value < 1 ? lastIndex.value : cursor.value - 1;
+      cursor.value = !filteredOptions.value.length ? 0 : cursor.value < 1 ? lastIndex.value : cursor.value - 1;
     };
     const cursorDown = () => {
       if (isDisabled.value) return;
       lockCursor();
-      cursor.value = !props.options.length ? 0 : cursor.value >= lastIndex.value ? 0 : cursor.value + 1;
+      cursor.value = !filteredOptions.value.length ? 0 : cursor.value >= lastIndex.value ? 0 : cursor.value + 1;
     };
     const selectCursor = () => {
       if (isDisabled.value) return;
-      const value = cursor.value !== -1 ? props.options[cursor.value] : void 0;
+      const value = cursor.value !== -1 ? props.valueGetter(filteredOptions.value[cursor.value]) : void 0;
       if (value) {
         setLoadingOptionIndex(cursor.value);
         if (props.modelValue.includes(value)) unselect(value);
         else select(value);
       } else {
-        if (props.search) createOption(props.search);
+        if (search.value) createOption(search.value);
       }
     };
     let deletePressTimeout = null;
     const captureDoubleDelete = () => {
-      if (!props.modelValue.length || props.search.length) return;
+      if (!props.modelValue.length || search.value.length) return;
       if (deletePressTimeout) {
         unselect(props.modelValue[props.modelValue.length - 1]);
         clearTimeout(deletePressTimeout);
@@ -131,16 +136,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const select = (item) => {
       if (isDisabled.value) return;
       emit("select", item);
+      search.value = "";
     };
     const unselect = (item) => {
       if (isDisabled.value) return;
       emit("unselect", item);
+      search.value = "";
     };
     const createOption = (item) => {
       if (isDisabled.value) return;
       if (!props.allowCreate) return;
-      setLoadingOptionIndex(props.options.length);
+      setLoadingOptionIndex(filteredOptions.value.length);
       emit("create:option", item);
+      search.value = "";
     };
     const focus = () => {
       input.value?.focus();
@@ -162,11 +170,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: input
       }, {
         ...props,
-        modelValue: _ctx.search,
-        hideInput: _ctx.modelValue.length === 0 ? false : unref(isMobile) ? !focused.value : !isOpen.value
+        modelValue: search.value,
+        hideInput: _ctx.modelValue.length === 0 ? false : unref(isMobile) ? !focused.value : !isOpen.value,
+        loading: _ctx.loading || unref(isLoading)
       }, {
         class: _ctx.$attrs.class,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !_ctx.loading && _ctx.$emit("update:search", $event ?? "")),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !_ctx.loading && !unref(isLoading) && (search.value = $event ?? "")),
         "onKeypress:enter": withModifiers(selectCursor, ["stop", "prevent"]),
         "onKeypress:up": withModifiers(cursorUp, ["prevent"]),
         "onKeypress:down": withModifiers(cursorDown, ["prevent"]),
@@ -174,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onOpen: _cache[3] || (_cache[3] = ($event) => isOpen.value = true),
         onClose: _cache[4] || (_cache[4] = ($event) => {
           close();
-          _ctx.$emit("update:search", "");
+          search.value = "";
         }),
         onFocus: _cache[5] || (_cache[5] = ($event) => {
           focused.value = true;
@@ -186,47 +195,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }), createSlots({
         prefix: withCtx(({ unclickable }) => [
-          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (option) => {
+          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(prefixList.value, (option, index) => {
             return openBlock(), createBlock(_sfc_main$2, {
-              key: option,
+              key: _ctx.valueGetter(option),
               option,
               "option-component": _ctx.optionComponent,
               "option-component-props": _ctx.optionComponentProps,
-              loading: _ctx.loading,
+              index,
+              loading: _ctx.loading || unref(isLoading),
               disabled: _ctx.disabled,
               "disable-clear": _ctx.disableClear,
-              onUnselect: ($event) => unselect(option)
+              onUnselect: ($event) => unselect(_ctx.valueGetter(option))
             }, {
               option: withCtx(() => [
                 renderSlot(_ctx.$slots, "option", {
                   option,
                   selected: true,
-                  model: true
+                  model: true,
+                  index
                 })
               ]),
               _: 2
-            }, 1032, ["option", "option-component", "option-component-props", "loading", "disabled", "disable-clear", "onUnselect"]);
+            }, 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "onUnselect"]);
           }), 128)) : createCommentVNode("", true)
         ]),
         content: withCtx(() => [
-          !_ctx.options.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          !filteredOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub ?? "No match"), 1)
           ])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option, index) => {
             return openBlock(), createBlock(_sfc_main$3, {
-              key: option,
-              "is-selected": _ctx.modelValue.includes(option),
+              key: _ctx.valueGetter(option),
+              "is-selected": _ctx.modelValue.includes(_ctx.valueGetter(option)),
               "is-cursor": index === cursor.value,
               loading: loadingOptionIndex.value === index && _ctx.loading,
               scroll: isCursorLocked.value,
               "hide-option-icon": _ctx.hideOptionIcon,
               class: "first:pt-4 last:pb-4",
               onSelect: ($event) => {
-                select(option);
+                select(_ctx.valueGetter(option));
                 setLoadingOptionIndex(index);
               },
               onUnselect: ($event) => {
-                unselect(option);
+                unselect(_ctx.valueGetter(option));
                 setLoadingOptionIndex(index);
               },
               onMouseenter: ($event) => setCursor(index)
@@ -247,28 +258,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
           }), 128)),
-          _ctx.allowCreate && _ctx.search !== "" ? (openBlock(), createBlock(_sfc_main$3, {
+          _ctx.allowCreate && search.value !== "" ? (openBlock(), createBlock(_sfc_main$3, {
             key: 1,
             "is-selected": false,
-            "is-cursor": cursor.value === _ctx.options.length,
-            loading: loadingOptionIndex.value === _ctx.options.length && _ctx.loading,
+            "is-cursor": cursor.value === filteredOptions.value.length,
+            loading: loadingOptionIndex.value === filteredOptions.value.length && _ctx.loading,
             scroll: isCursorLocked.value,
             "hide-option-icon": _ctx.hideOptionIcon,
             class: "first:pt-4 last:pb-4",
-            onSelect: _cache[0] || (_cache[0] = ($event) => createOption(_ctx.search)),
-            onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(_ctx.options.length))
+            onSelect: _cache[0] || (_cache[0] = ($event) => createOption(search.value)),
+            onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(filteredOptions.value.length))
           }, {
             prefix: withCtx(() => [
               _hoisted_3
             ]),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "option", {
-                option: _ctx.search,
+                option: search.value,
                 selected: false,
                 model: false
               }, () => [
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
-                  option: _ctx.search,
+                  option: search.value,
                   selected: false,
                   model: false
                 }), null, 16, ["option"]))

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

@@ -1,19 +1,17 @@
 import { SelectAsyncProps, SelectOptionComponent } from './types';
 
-declare const _default: <Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onSelect?: ((item: Model) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         onUnselect?: ((item: Model) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         onSelect?: ((item: Model) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         onUnselect?: ((item: Model) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    }, never>, "onSelect" | "onUpdate:modelValue" | "onUnselect" | "onUpdate:search" | "onCreate:option"> & SelectAsyncProps<Model, Data, ApiError, QueryParams, OptionComponent>> & import('vue').PublicProps;
+    }, never>, "onSelect" | "onUpdate:modelValue" | "onUnselect" | "onCreate:option"> & SelectAsyncProps<Model, Data, QueryParams, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
@@ -25,6 +23,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         right?: (props: Record<string, never>) => void;
         option?: (props: {
             option: Data | null;
+            index?: number;
             selected: boolean;
             skeleton: boolean;
             model: boolean;
@@ -35,6 +34,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         right?: (props: Record<string, never>) => void;
         option?: (props: {
             option: Data | null;
+            index?: number;
             selected: boolean;
             skeleton: boolean;
             model: boolean;
@@ -43,7 +43,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     emit: {
         (e: "select", item: Model): void;
         (e: "unselect", item: Model): void;
-        (e: "update:search", value: string): void;
         (e: "update:modelValue", value: Model[]): void;
         (e: "create:option", value: string): void;
     } & {};

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAwOA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACtI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+fxD,cAAc,CAAC;;;;;;;;;;;;iLAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;gBA5ZV,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAH7F,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAyZ5D;UAClC;YAnfH,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,SAAS,MAAM,GAAG,IAAI;UA+eA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzgBvE,wBAygB4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwgBxD,cAAc,CAAC;;;;;;;;;;mJAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;gBA7ZV,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAH7G,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MA0Z5E;UAClC;YA5fH,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,SAAS,MAAM,GAAG,IAAI;UAyfA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlhBvE,wBAkhB4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -8,17 +8,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WSelectAsync",
   props: {
-    useQueryFn: {},
+    useQueryFnOptions: {},
     useQueryFnPrefix: {},
     isInvalidPage: {},
     queryParams: {},
     previewData: {},
     createdData: {},
-    valueGetter: { type: Function, default: (data) => data.id },
     valueQueryKey: { default: "id__in" },
     queryOptions: {},
     modelValue: {},
-    search: {},
+    valueGetter: { type: Function, default: (data) => data.id },
     emptyStub: { default: "No match" },
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
@@ -63,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["select", "unselect", "update:search", "update:modelValue", "create:option"],
+  emits: ["select", "unselect", "update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -73,6 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isMobile = getIsMobile();
     const focused = ref(false);
     const isFetchingPrefix = ref(false);
+    const search = ref("");
     const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
     const close = () => {
       isOpen.value = false;
@@ -80,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     let deletePressTimeout = null;
     const captureDoubleDelete = () => {
-      if (!props.modelValue.length || props.search.length) return;
+      if (!props.modelValue.length || search.value.length) return;
       if (deletePressTimeout) {
         unselect(props.modelValue[props.modelValue.length - 1]);
         clearTimeout(deletePressTimeout);
@@ -94,18 +94,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const select = (item) => {
       if (isDisabled.value) return;
       emit("select", item);
+      search.value = "";
     };
     const unselect = (item) => {
       if (isDisabled.value) return;
       emit("unselect", item);
+      search.value = "";
     };
     const create = () => {
       if (isDisabled.value) return;
-      emit("create:option", props.search);
+      emit("create:option", search.value);
+      search.value = "";
     };
     const updateSelected = (value) => {
       if (isDisabled.value) return;
       emit("update:modelValue", value);
+      search.value = "";
     };
     const focus = () => {
       input.value?.focus();
@@ -127,12 +131,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: input
       }, {
         ...props,
-        modelValue: _ctx.search,
+        modelValue: search.value,
         loading: _ctx.loading || isFetchingPrefix.value,
         hideInput: unref(isMobile) ? !focused.value : !isOpen.value
       }, {
         class: _ctx.$attrs.class,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => !_ctx.loading && !isFetchingPrefix.value && _ctx.$emit("update:search", $event ?? "")),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => !_ctx.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),
         "onKeypress:enter": _cache[2] || (_cache[2] = withModifiers(($event) => list.value?.selectCursor(), ["stop", "prevent"])),
         "onKeypress:up": _cache[3] || (_cache[3] = withModifiers(($event) => list.value?.cursorUp(), ["prevent"])),
         "onKeypress:down": _cache[4] || (_cache[4] = withModifiers(($event) => list.value?.cursorDown(), ["prevent"])),
@@ -140,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onOpen: _cache[5] || (_cache[5] = ($event) => isOpen.value = true),
         onClose: _cache[6] || (_cache[6] = ($event) => {
           close();
-          _ctx.$emit("update:search", "");
+          search.value = "";
         }),
         onFocus: _cache[7] || (_cache[7] = ($event) => focused.value = true),
         onBlur: _cache[8] || (_cache[8] = ($event) => focused.value = false)
@@ -148,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         prefix: withCtx(({ unclickable }) => [
           (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
-            "use-query-fn": _ctx.useQueryFnPrefix ?? _ctx.useQueryFn,
+            "use-query-fn": _ctx.useQueryFnPrefix ?? _ctx.useQueryFnOptions,
             "model-value": _ctx.modelValue,
             disabled: _ctx.disabled,
             loading: _ctx.loading || isFetchingPrefix.value,
@@ -166,9 +170,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             "onUpdate:modelValue": updateSelected
           }, {
-            default: withCtx(({ option, skeleton: skeletonPrefix }) => [
+            default: withCtx(({ option, skeleton: skeletonPrefix, index }) => [
               renderSlot(_ctx.$slots, "option", {
                 option,
+                index,
                 selected: true,
                 model: true,
                 skeleton: skeletonPrefix
@@ -182,13 +187,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "list",
             ref: list,
             "model-value": _ctx.modelValue,
-            "use-query-fn": _ctx.useQueryFn,
-            "query-params": _ctx.queryParams,
+            "use-query-fn": _ctx.useQueryFnOptions,
+            "query-params": { ..._ctx.queryParams, search: search.value },
             "is-invalid-page": _ctx.isInvalidPage,
             loading: _ctx.loading || isFetchingPrefix.value,
             disabled: isDisabled.value,
             "empty-stub": _ctx.emptyStub,
-            "allow-create": _ctx.allowCreate && _ctx.search !== "",
+            "allow-create": _ctx.allowCreate && search.value !== "",
             "hide-option-icon": _ctx.hideOptionIcon,
             "value-getter": _ctx.valueGetter,
             "query-options": _ctx.queryOptions,
@@ -209,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   selected,
                   skeleton: skeletonList,
                   model: false,
-                  search: _ctx.search
+                  search: search.value
                 }), null, 16, ["option", "selected", "skeleton", "search"]))
               ])
             ]),

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

@@ -1,4 +1,4 @@
-declare const _default: <Model extends number | string, Data extends DefaultData, ApiError, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onSelect?: ((value: Model) => any) | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -13,7 +13,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?: string;
         emptyStub?: string;
         modelValue: Model[];
-        useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
+        useQueryFn: UseQueryPaginated<Data, QueryParams>;
         isInvalidPage: (error: unknown) => boolean;
         queryParams: QueryParams;
         skeleton?: boolean;
@@ -22,7 +22,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         unselectOnly?: boolean;
         hideOptionIcon?: boolean;
         valueGetter?: (data: Data) => Model;
-        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBA2GiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,eACjF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgOxD,cAAc,CAAC;;;;;;;;;;;gBA5Nb,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;uBAC3C,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;qBAC7B,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,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAgNP,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBA5LR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MA4L7D;UAClC;YAtMH,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;UAmMO;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1OvE,wBA0O4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBA2GiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgOxD,cAAc,CAAC;;;;;;;;;;;gBA5Nb,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;uBACjC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;qBAC7B,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;KAgNG,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBA5LR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MA4L7D;UAClC;YAtMH,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;UAmMO;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1OvE,wBA0O4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,15 +1,13 @@
 import { SelectAsyncSingleProps, SelectOptionComponent } from './types';
 
-declare const _default: <Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+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_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectAsyncSingleProps<Model, Data, ApiError, QueryParams, OptionComponent, AllowClear>> & import('vue').PublicProps;
+    }, never>, "onUpdate:modelValue" | "onCreate:option"> & SelectAsyncSingleProps<Model, Data, QueryParams, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
@@ -26,7 +24,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     }>;
     emit: {
         (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model): void;
-        (e: "update:search", value: string): void;
         (e: "create:option", value: string): void;
     } & {};
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAClK,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4NxD,cAAc,CAAC;;;;;;;;uKAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBA7BQ,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;MA0BY;UAClC;YArNH,mBAAmB,0DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;UAmNA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtOvE,wBAsO4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0MxD,cAAc,CAAC;;;;;;yIAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBA5BO,GAAG;0BACC,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;MAyBY;UAClC;YAnMH,mBAAmB,0DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;UAkMA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AApNvE,wBAoN4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -10,14 +10,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     searchModel: { type: Boolean },
     previewData: {},
     createdData: {},
-    useQueryFn: {},
+    useQueryFnOptions: {},
     useQueryFnPrefix: {},
     isInvalidPage: { type: Function },
     queryParams: {},
-    valueGetter: { type: Function },
     valueQueryKey: {},
     queryOptions: {},
-    search: {},
+    valueGetter: { type: Function },
     emptyStub: {},
     hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },
@@ -61,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["update:modelValue", "update:search", "create:option"],
+  emits: ["update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -75,7 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const blur = () => {
       selectComponent.value?.blur();
-      emit("update:search", "");
     };
     watch(toRef(props, "modelValue"), blur);
     __expose({
@@ -96,8 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
         onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
-        "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("update:search", $event)),
-        "onCreate:option": _cache[3] || (_cache[3] = ($event) => createOption($event))
+        "onCreate:option": _cache[2] || (_cache[2] = ($event) => createOption($event))
       }), createSlots({
         option: withCtx(({ option, selected, model }) => [
           renderSlot(_ctx.$slots, "option", {

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

@@ -1,15 +1,15 @@
 import { SelectSingleProps, SelectOptionComponent } from './types';
 
-declare const _default: <Option extends string | number, OptionComponent extends SelectOptionComponent<Option>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <Model extends number | string, Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
-        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
-        "onUpdate:search"?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
-        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectSingleProps<Option, OptionComponent, AllowClear>> & import('vue').PublicProps;
+        "onUpdate:search"?: ((value: string) => any) | undefined;
+    }, never>, "onUpdate:modelValue" | "onCreate:option" | "onUpdate:search"> & SelectSingleProps<Model, Data, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
@@ -18,14 +18,14 @@ declare const _default: <Option extends string | number, OptionComponent extends
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: string | Option;
+            option: string | Data;
             selected: boolean;
             model: boolean;
         }): any;
         right?(_: {}): any;
     }>;
     emit: {
-        (e: "update:modelValue", value: AllowClear extends true ? Option | null : Option): void;
+        (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model): void;
         (e: "update:search", value: string): void;
         (e: "create:option", value: string): void;
     } & {};

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGpD,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,eAAe,SAAS,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,SAAS,OAAO,uBACpH,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,cAAc,CAAC;;;;;;;;sIAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBA7BQ,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;MA0BY;UAClC;YAhOH,mBAAmB,4DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;UA8NA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC3I,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,cAAc,CAAC;;;;;;;;2IAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBA7BQ,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;MA0BY;UAClC;YAhOH,mBAAmB,0DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;UA8NA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -8,8 +8,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     allowClear: { type: Boolean },
     searchModel: { type: Boolean },
-    search: {},
-    options: {},
+    useQueryFnOptions: {},
+    valueGetter: { type: Function },
+    searchFn: { type: Function },
     emptyStub: {},
     hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },

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

@@ -1,4 +1,4 @@
-declare const _default: <Model extends number | string, Data extends DefaultData, ApiError, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onSelect?: ((value: Model) => any) | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -13,7 +13,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         "onCreate:option"?: (() => any) | undefined;
     }, never>, "onSelect" | "onUpdate:count" | "onUpdate:modelValue" | "onUnselect" | "onCreate:option"> & {
         modelValue: Model[];
-        useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
+        useQueryFn: UseQueryPaginated<Data, QueryParams>;
         queryParams: QueryParams;
         isInvalidPage: (error: unknown) => boolean;
         scrollingElement?: Element | null;
@@ -28,7 +28,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         allowCreate?: boolean;
         hideOptionIcon?: boolean;
         valueGetter: (data: Data) => Model;
-        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         cursorUp: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBAwNiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,eACjF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4gBxD,cAAc,CAAC;;;;;;;;;;;;;oBAxgBX,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;qBAC7C,WAAW;uBACT,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;2BACvB,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAwfL,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;kBAjaR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAia7C;UAClC;YAvfH,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;UAmfe;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAthBvE,wBAshB4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBAwNiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4gBxD,cAAc,CAAC;;;;;;;;;;;;;oBAxgBX,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;2BACvB,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAwfK,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;kBAjaR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAia7C;UAClC;YAvfH,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;UAmfe;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAthBvE,wBAshB4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}