eco-vue-js 0.6.4 → 0.6.6

package/dist/components/InfiniteList/components/InfiniteListPageSelectItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPageSelectItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelectItem.vue"],"names":[],"mappings":"AA+DA,iBAAS,cAAc;qBAgBM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;eA3DR,OAAO;sBACA,OAAO;;;;;;eADd,OAAO;sBACA,OAAO;;;;;UAiEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"InfiniteListPageSelectItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelectItem.vue"],"names":[],"mappings":"AAuEA,iBAAS,cAAc;qBAgBM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;eA/DR,OAAO;sBACA,OAAO;;;;;;eADd,OAAO;sBACA,OAAO;;;;;UAqEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListPageSelectItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, provide, toRef, renderSlot } from 'vue';
+import { defineComponent, provide, toRef, onUnmounted, renderSlot } from 'vue';
 import { wInfiniteListSelectionItem } from '../models/injection.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -18,6 +18,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateSelectedRange: () => emit("update:selected-range"),
       updateSelectedRangeHover: () => emit("update:selected-range-hover")
     });
+    onUnmounted(() => {
+      emit("update:selected", false);
+    });
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default");
     };

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

@@ -1,6 +1,6 @@
-import { SelectProps } from './types';
+import { SelectProps, SelectOptionComponent } from './types';
 
-declare const _default: <Option extends string | number = string>(__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: <Option extends string | number, OptionComponent extends SelectOptionComponent<Option>>(__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<{
         onFocus?: ((value: FocusEvent) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
@@ -15,7 +15,7 @@ declare const _default: <Option extends string | number = string>(__VLS_props: N
         onUnselect?: ((item: Option) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    }, never>, "onFocus" | "onBlur" | "onSelect" | "onUnselect" | "onUpdate:search" | "onCreate:option"> & SelectProps<Option>> & import('vue').PublicProps;
+    }, never>, "onFocus" | "onBlur" | "onSelect" | "onUnselect" | "onUpdate:search" | "onCreate:option"> & SelectProps<Option, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA6TA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBAGvB,MAAM,SAAS,MAAM,GAAG,MAAM,wBACjC,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;WA0lBxD,cAAc,CAAC;;;;;;;;;;;;;;8HAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;gBAjcV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;YACvB,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;gBAPV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;YACvB,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;MA0buB;UAClC;YArlBH,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;UAglBK;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AApmBvE,wBAomB4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAgUA,OAAO,KAAK,EAAC,WAAW,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG1E,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,eAAe,SAAS,qBAAqB,CAAC,MAAM,CAAC,eACxF,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;WA0lBxD,cAAc,CAAC;;;;;;;;;;;;;;+IAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;gBAjcV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;YACvB,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;gBAPV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;YACvB,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;MA0buB;UAClC;YArlBH,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;UAglBK;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AApmBvE,wBAomB4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -19,7 +19,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     search: {},
     options: {},
     emptyStub: {},
-    optionComponent: {},
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },
@@ -59,7 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noZIndex: { type: Boolean },
     maxHeight: {},
     maxWidth: {},
-    horizontalAlign: {}
+    horizontalAlign: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["select", "unselect", "update:search", "create:option", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -190,6 +191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: option,
               option,
               "option-component": _ctx.optionComponent,
+              "option-component-props": _ctx.optionComponentProps,
               loading: _ctx.loading,
               disabled: _ctx.disabled,
               "disable-clear": _ctx.disableClear,
@@ -203,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 2
-            }, 1032, ["option", "option-component", "loading", "disabled", "disable-clear", "onUnselect"]);
+            }, 1032, ["option", "option-component", "option-component-props", "loading", "disabled", "disable-clear", "onUnselect"]);
           }), 128)) : createCommentVNode("", true)
         ]),
         content: withCtx(() => [
@@ -235,11 +237,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   selected,
                   model: false
                 }, () => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
                     option,
                     selected,
                     model: false
-                  }, null, 8, ["option", "selected"]))
+                  }), null, 16, ["option", "selected"]))
                 ])
               ]),
               _: 2
@@ -265,11 +267,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 selected: false,
                 model: false
               }, () => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
                   option: _ctx.search,
                   selected: false,
                   model: false
-                }, null, 8, ["option"]))
+                }), null, 16, ["option"]))
               ])
             ]),
             _: 3

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

@@ -1,6 +1,6 @@
-import { SelectAsyncProps } from './types';
+import { SelectAsyncProps, SelectOptionComponent } from './types';
 
-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, 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<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onSelect?: ((item: Model) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
@@ -13,7 +13,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         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>> & import('vue').PublicProps;
+    }, never>, "onSelect" | "onUpdate:modelValue" | "onUnselect" | "onUpdate:search" | "onCreate:option"> & SelectAsyncProps<Model, Data, ApiError, QueryParams, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => 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":"AAsOA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAG5B,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;WA+fxD,cAAc,CAAC;;;;;;;;;;;;gKAAyD,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":"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"}

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

@@ -12,7 +12,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnPrefix: {},
     isInvalidPage: {},
     queryParams: {},
-    optionComponent: {},
     previewData: {},
     createdData: {},
     valueGetter: { type: Function, default: (data) => data.id },
@@ -60,7 +59,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noZIndex: { type: Boolean },
     maxHeight: {},
     maxWidth: {},
-    horizontalAlign: {}
+    horizontalAlign: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["select", "unselect", "update:search", "update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -152,6 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             loading: _ctx.loading || isFetchingPrefix.value,
             "option-component": _ctx.optionComponent,
+            "option-component-props": _ctx.optionComponentProps,
             "disable-clear": _ctx.disableClear,
             "preview-data": _ctx.previewData,
             "created-data": _ctx.createdData,
@@ -173,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "disable-clear", "preview-data", "created-data", "value-getter", "value-query-key"])) : createCommentVNode("", true)
+          }, 8, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "option-component-props", "disable-clear", "preview-data", "created-data", "value-getter", "value-query-key"])) : createCommentVNode("", true)
         ]),
         content: withCtx(() => [
           createVNode(_sfc_main$3, {
@@ -202,13 +204,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 skeleton: skeletonList,
                 model: false
               }, () => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
                   option,
                   selected,
                   skeleton: skeletonList,
                   model: false,
                   search: _ctx.search
-                }, null, 8, ["option", "selected", "skeleton", "search"]))
+                }), null, 16, ["option", "selected", "skeleton", "search"]))
               ])
             ]),
             _: 3

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

@@ -1,6 +1,6 @@
-import { SelectAsyncSingleProps } from './types';
+import { SelectAsyncSingleProps, SelectOptionComponent } from './types';
 
-declare const _default: <Model extends number | string, Data extends DefaultData, ApiError, QueryParams, 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, 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<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
@@ -9,7 +9,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         "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, AllowClear>> & import('vue').PublicProps;
+    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectAsyncSingleProps<Model, Data, ApiError, QueryParams, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;

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,EAAC,MAAM,SAAS,CAAA;yBAGlC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,SAAS,OAAO,uBAC7G,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;;;;;;;;sJAAyD,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":"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"}

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

@@ -14,7 +14,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnPrefix: {},
     isInvalidPage: { type: Function },
     queryParams: {},
-    optionComponent: {},
     valueGetter: { type: Function },
     valueQueryKey: {},
     queryOptions: {},
@@ -58,7 +57,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noZIndex: { type: Boolean },
     maxHeight: {},
     maxWidth: {},
-    horizontalAlign: {}
+    horizontalAlign: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["update:modelValue", "update:search", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {

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

@@ -1,6 +1,6 @@
-import { SelectSingleProps } from './types';
+import { SelectSingleProps, SelectOptionComponent } from './types';
 
-declare const _default: <Option extends string | number, 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: <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<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
@@ -9,7 +9,7 @@ declare const _default: <Option extends string | number, AllowClear extends bool
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectSingleProps<Option, AllowClear>> & import('vue').PublicProps;
+    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectSingleProps<Option, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): 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,EAAC,MAAM,SAAS,CAAA;yBAG7B,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,UAAU,SAAS,OAAO,uBAC7D,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;;;;;;;;qHAAyD,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,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"}

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

@@ -11,7 +11,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     search: {},
     options: {},
     emptyStub: {},
-    optionComponent: {},
     hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },
     hideOptionIcon: { type: Boolean },
@@ -50,7 +49,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noZIndex: { type: Boolean },
     maxHeight: {},
     maxWidth: {},
-    horizontalAlign: {}
+    horizontalAlign: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["update:modelValue", "update:search", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {

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

@@ -1,6 +1,6 @@
-import { Component } from 'vue';
+import { SelectAsyncPrefixProps, SelectOptionComponent } from '../types';
 
-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, 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<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         onUnselect?: ((value: Model) => any) | undefined;
@@ -9,23 +9,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         onUnselect?: ((value: Model) => any) | undefined;
         "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
-    }, never>, "onUpdate:modelValue" | "onUnselect" | "onUpdate:fetching"> & {
-        useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
-        modelValue: Model[];
-        disabled?: boolean;
-        loading?: boolean;
-        optionComponent?: Component<{
-            option: Data;
-            selected?: boolean;
-            model?: boolean;
-        }>;
-        disableClear?: boolean;
-        previewData?: Data[];
-        createdData?: Data[];
-        valueGetter: (value: Data) => Model;
-        valueQueryKey: string;
-        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
-    }> & import('vue').PublicProps;
+    }, never>, "onUpdate:modelValue" | "onUnselect" | "onUpdate:fetching"> & SelectAsyncPrefixProps<Model, Data, ApiError, QueryParams, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AA4FA,OAAO,EAAuB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;yBAMxD,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;WAgMxD,cAAc,CAAC;;;;;;;;;oBA1LX,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;oBAC9C,KAAK,EAAE;mBACR,OAAO;kBACR,OAAO;0BACC,SAAS,CAAC;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAA;SAAC,CAAC;uBACjE,OAAO;sBACR,IAAI,EAAE;sBACN,IAAI,EAAE;qBACP,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK;uBACpB,MAAM;uBACN,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAgLL,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBAhKR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAAlD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAgKnB;UAClC;YA/KH,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;UA6KL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1MvE,wBA0M4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAGtF,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;WAoLxD,cAAc,CAAC;;;;;;;;wJAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBAhKR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAAlD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAgKnB;UAClC;YA/KH,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;UA6KL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9LvE,wBA8L4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -15,13 +15,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
-    optionComponent: {},
     disableClear: { type: Boolean },
     previewData: {},
     createdData: {},
     valueGetter: { type: Function },
     valueQueryKey: {},
-    queryOptions: {}
+    queryOptions: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["unselect", "update:fetching", "update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -41,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "use-query-fn": _ctx.useQueryFn,
           "query-params": { page: 1, [_ctx.valueQueryKey]: valueInString.value },
           "option-component": _ctx.optionComponent,
+          "option-component-props": _ctx.optionComponentProps,
           "disable-clear": _ctx.disableClear,
           loading: _ctx.loading,
           disabled: _ctx.disabled,
@@ -58,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["use-query-fn", "query-params", "option-component", "disable-clear", "loading", "disabled", "preview-data", "created-data", "value-getter", "query-options"]),
+        }, 8, ["use-query-fn", "query-params", "option-component", "option-component-props", "disable-clear", "loading", "disabled", "preview-data", "created-data", "value-getter", "query-options"]),
         _ctx.modelValue.length > PAGE_LENGTH ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(_ctx.modelValue.length)) + " items", 1),
           !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {

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

@@ -1,6 +1,6 @@
-import { Component } from 'vue';
+import { SelectAsyncPrefixPageProps, SelectOptionComponent } from '../types';
 
-declare const _default: <Model extends string | number, 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 string | number, 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<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onUnselect?: ((value: Model) => any) | undefined;
         "onUpdate:pages-count"?: ((value: number) => any) | undefined;
@@ -9,22 +9,7 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         onUnselect?: ((value: Model) => any) | undefined;
         "onUpdate:pages-count"?: ((value: number) => any) | undefined;
         "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
-    }, never>, "onUnselect" | "onUpdate:pages-count" | "onUpdate:fetching"> & {
-        useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
-        queryParams: QueryParams;
-        disabled?: boolean;
-        loading?: boolean;
-        optionComponent?: Component<{
-            option: Data;
-            selected?: boolean;
-            model?: boolean;
-        }>;
-        disableClear?: boolean;
-        previewData?: Data[];
-        createdData?: Data[];
-        valueGetter: (value: Data) => Model;
-        queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
-    }> & import('vue').PublicProps;
+    }, never>, "onUnselect" | "onUpdate:pages-count" | "onUpdate:fetching"> & SelectAsyncPrefixPageProps<Model, Data, ApiError, QueryParams, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAkHA,OAAO,EAAyB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;yBAI1D,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;WAoNxD,cAAc,CAAC;;;;;;;;;oBAhNX,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;qBAC7C,WAAW;mBACb,OAAO;kBACR,OAAO;0BACC,SAAS,CAAC;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAA;SAAC,CAAC;uBACjE,OAAO;sBACR,IAAI,EAAE;sBACN,IAAI,EAAE;qBACP,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAuML,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBAnKR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAAlD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAmKnB;UAClC;YAtMH,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;UAoMH;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9NvE,wBA8N4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAG1F,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;WAyMxD,cAAc,CAAC;;;;;;;;6JAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;kBAnKR,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAAlD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;MAmKnB;UAClC;YAtMH,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;UAoMH;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnNvE,wBAmN4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, toRef, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createSlots, withCtx, createElementVNode, withModifiers, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, computed, toRef, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, createCommentVNode } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _hoisted_1 = ["onClick"];
@@ -10,12 +10,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     queryParams: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
-    optionComponent: {},
     disableClear: { type: Boolean },
     previewData: {},
     createdData: {},
     valueGetter: { type: Function },
-    queryOptions: {}
+    queryOptions: {},
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["unselect", "update:pages-count", "update:fetching"],
   setup(__props, { emit: __emit }) {
@@ -55,13 +56,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             option,
             skeleton: false
           }, () => [
-            _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
-              key: 0,
+            _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
               option,
               selected: true,
               model: true,
               skeleton: false
-            }, createSlots({ _: 2 }, [
+            }), createSlots({ _: 2 }, [
               !_ctx.disableClear && !_ctx.disabled ? {
                 name: "default",
                 fn: withCtx(() => [
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["option"])) : createCommentVNode("", true)
+            ]), 1040, ["option"])) : createCommentVNode("", true)
           ]),
           !_ctx.optionComponent && !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,

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

@@ -1,21 +1,11 @@
-import { Component } from 'vue';
+import { SelectPrefixProps, SelectOptionComponent } from '../types';
 
-declare const _default: <Item extends string | number = string>(__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: <Option extends string | number, OptionComponent extends SelectOptionComponent<Option>>(__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<{
         onUnselect?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         onUnselect?: (() => any) | undefined;
-    }, never>, "onUnselect"> & {
-        option: Item;
-        optionComponent?: Component<{
-            option: Item;
-            selected?: boolean;
-            model?: boolean;
-        }>;
-        disabled?: boolean;
-        loading?: boolean;
-        disableClear?: boolean;
-    }> & import('vue').PublicProps;
+    }, never>, "onUnselect"> & SelectPrefixProps<Option, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {

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

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AAAA,OAmEO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;yBAIjB,IAAI,SAAS,MAAM,GAAG,MAAM,wBAC/B,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+KxD,cAAc,CAAC;;;;;gBA3Kf,IAAI;0BACM,SAAS,CAAC;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAA;SAAC,CAAC;mBACrE,OAAO;kBACR,OAAO;uBACF,OAAO;KAuK0D,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;wBArBQ,GAAG;MAqBY;UAClC,KAtKH,UAAU,KAAG,IAAI,MAsK0B;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzLvE,wBAyL4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAGrD,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,eAAe,SAAS,qBAAqB,CAAC,MAAM,CAAC,eACxF,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;WAyKxD,cAAc,CAAC;;;;yEAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;wBArBQ,GAAG;MAqBY;UAClC,KAtKH,UAAU,KAAG,IAAI,MAsK0B;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnLvE,wBAmL4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,14 +1,15 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, withCtx, withModifiers, createVNode, unref, createCommentVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, mergeProps, withCtx, withModifiers, createVNode, unref, createCommentVNode } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectOptionPrefix",
   props: {
     option: {},
-    optionComponent: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
-    disableClear: { type: Boolean }
+    disableClear: { type: Boolean },
+    optionComponent: {},
+    optionComponentProps: {}
   },
   emits: ["unselect"],
   setup(__props) {
@@ -20,12 +21,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }])
       }, [
         renderSlot(_ctx.$slots, "option", {}, () => [
-          _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
-            key: 0,
+          _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
             option: _ctx.option,
             selected: true,
             model: true
-          }, {
+          }), {
             default: withCtx(() => [
               !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
                 key: 0,
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 34)) : createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["option"])) : createCommentVNode("", true)
+          }, 16, ["option"])) : createCommentVNode("", true)
         ]),
         !_ctx.optionComponent && !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
           key: 0,

package/dist/components/Select/types.d.ts

@@ -1,43 +1,72 @@
 import { InputSuggestProps } from '../Input/types';
 import { Component } from 'vue';
 
-export interface SelectProps<Option extends string | number> extends Omit<InputSuggestProps<'text'>, 'modelValue' | 'allowClear' | 'hideInput'> {
+export type SelectOptionProps<Option> = {
+    option: Option;
+    selected?: boolean;
+    model?: boolean;
+};
+export type SelectOptionComponent<Option> = Component<SelectOptionProps<Option>>;
+export interface SelectOptionComponentProps<Option, OptionComponent extends SelectOptionComponent<Option>> {
+    optionComponent?: OptionComponent;
+    optionComponentProps?: OptionComponent extends Component<infer Props> ? Partial<Omit<Props, keyof SelectOptionProps<Option>>> : never;
+}
+export interface SelectProps<Option extends string | number, OptionComponent extends SelectOptionComponent<Option>> extends Omit<InputSuggestProps<'text'>, 'modelValue' | 'allowClear' | 'hideInput'>, SelectOptionComponentProps<Option, OptionComponent> {
     modelValue: Option[];
     search: string;
     options: Option[];
     emptyStub?: string;
-    optionComponent?: Component<{
-        option: Option;
-        selected?: boolean;
-        model?: boolean;
-    }>;
     disableClear?: boolean;
     hidePrefix?: boolean;
     allowCreate?: boolean;
     hideOptionIcon?: boolean;
 }
-export interface SelectSingleProps<Option extends string | number, AllowClear extends boolean> extends Omit<SelectProps<Option>, 'modelValue' | 'disableClear'> {
+export interface SelectPrefixProps<Option extends string | number, OptionComponent extends SelectOptionComponent<Option>> extends SelectOptionComponentProps<Option, OptionComponent> {
+    option: Option;
+    disabled?: boolean;
+    loading?: boolean;
+    disableClear?: boolean;
+}
+export interface SelectSingleProps<Option extends string | number, OptionComponent extends SelectOptionComponent<Option>, AllowClear extends boolean> extends Omit<SelectProps<Option, OptionComponent>, 'modelValue' | 'disableClear'> {
     modelValue: Option | null;
     allowClear?: boolean & AllowClear;
     searchModel?: boolean;
 }
-export interface SelectAsyncProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams> extends Omit<SelectProps<Model>, 'options' | 'optionComponent'> {
+export interface SelectAsyncProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends Omit<SelectProps<Model, Component>, 'options' | 'optionComponent' | 'optionComponentProps'>, SelectOptionComponentProps<Data, OptionComponent> {
     useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
     useQueryFnPrefix?: UseQueryPaginated<Data, ApiError, QueryParams>;
     isInvalidPage: (error: unknown) => boolean;
     queryParams: QueryParams;
-    optionComponent?: Component<{
-        option: Data;
-        selected?: boolean;
-        model?: boolean;
-    }>;
     previewData?: Data[];
     createdData?: Data[];
     valueGetter?: (data: Data) => Model;
     valueQueryKey?: string;
     queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
 }
-export interface SelectAsyncSingleProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams, AllowClear extends boolean> extends Omit<SelectAsyncProps<Model, Data, ApiError, QueryParams>, 'modelValue' | 'disableClear' | 'previewData' | 'createdData'> {
+export interface SelectAsyncPrefixProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
+    useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
+    modelValue: Model[];
+    disabled?: boolean;
+    loading?: boolean;
+    disableClear?: boolean;
+    previewData?: Data[];
+    createdData?: Data[];
+    valueGetter: (value: Data) => Model;
+    valueQueryKey: string;
+    queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+}
+export interface SelectAsyncPrefixPageProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
+    useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
+    queryParams: QueryParams;
+    disabled?: boolean;
+    loading?: boolean;
+    disableClear?: boolean;
+    previewData?: Data[];
+    createdData?: Data[];
+    valueGetter: (value: Data) => Model;
+    queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+}
+export interface SelectAsyncSingleProps<Model extends number | string, Data extends DefaultData, ApiError, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean> extends Omit<SelectAsyncProps<Model, Data, ApiError, QueryParams, OptionComponent>, 'modelValue' | 'disableClear' | 'previewData' | 'createdData'> {
     modelValue: Model | null;
     allowClear?: boolean & AllowClear;
     searchModel?: boolean;

package/dist/components/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,WAAW,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,WAAW,CAAC;IAC7I,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;IAClF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,UAAU,SAAS,OAAO,CAAE,SAAQ,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC;IAC7J,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,CAC9G,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC/D,UAAU,EAAE,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAA;IAC1D,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAA;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;IAC1C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,IAAI,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;IAChF,WAAW,CAAC,EAAE,IAAI,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;CACtF;AAED,MAAM,WAAW,sBAAsB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,SAAS,OAAO,CAChJ,SAAQ,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,CAAC;IACjI,UAAU,EAAE,KAAK,GAAG,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.6.4",
+  "version": "0.6.6",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",