eco-vue-js 0.3.84 → 0.4.0

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

@@ -1,12 +1,13 @@
 import { type Component } from 'vue';
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     required?: boolean | undefined;
+    search: string;
     title?: string | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    search: string;
-    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-    modelValue: number | null;
+    "onUpdate:modelValue"?: ((value: Model | null) => any) | undefined;
+    modelValue: Model | null;
+    valueGetter?: ((data: Data) => Model) | undefined;
     icon?: SVGComponent | undefined;
     readonly?: boolean | undefined;
     skeleton?: boolean | undefined;
@@ -34,18 +35,19 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     "onCreate:option"?: ((value: string) => any) | undefined;
     allowCreate?: boolean | undefined;
     previewData?: Data | undefined;
+    valueQueryKey?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {
         option?(_: {
-            option: DefaultData | null;
+            option: Data | null;
             selected: boolean;
             model: boolean;
         }): any;
         right?(_: {}): any;
     };
     emit: {
-        (e: 'update:modelValue', value: number | null): void;
+        (e: 'update:modelValue', value: Model | null): void;
         (e: 'update:search', value: string): void;
         (e: 'create:option', value: string): void;
     };
@@ -54,12 +56,13 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         required?: boolean | undefined;
+        search: string;
         title?: string | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        search: string;
-        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-        modelValue: number | null;
+        "onUpdate:modelValue"?: ((value: Model | null) => any) | undefined;
+        modelValue: Model | null;
+        valueGetter?: ((data: Data) => Model) | undefined;
         icon?: SVGComponent | undefined;
         readonly?: boolean | undefined;
         skeleton?: boolean | undefined;
@@ -87,6 +90,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         "onCreate:option"?: ((value: string) => any) | undefined;
         allowCreate?: boolean | undefined;
         previewData?: Data | undefined;
+        valueQueryKey?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         blur: () => void;
@@ -94,14 +98,14 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     attrs: any;
     slots: {
         option?(_: {
-            option: DefaultData | null;
+            option: Data | null;
             selected: boolean;
             model: boolean;
         }): any;
         right?(_: {}): any;
     };
     emit: {
-        (e: 'update:modelValue', value: number | null): void;
+        (e: 'update:modelValue', value: Model | null): void;
         (e: 'update:search', value: string): void;
         (e: 'create:option', value: string): void;
     };
@@ -111,12 +115,13 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     __ctx?: {
         props: {
             required?: boolean | undefined;
+            search: string;
             title?: string | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            search: string;
-            "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-            modelValue: number | null;
+            "onUpdate:modelValue"?: ((value: Model | null) => any) | undefined;
+            modelValue: Model | null;
+            valueGetter?: ((data: Data) => Model) | undefined;
             icon?: SVGComponent | undefined;
             readonly?: boolean | undefined;
             skeleton?: boolean | undefined;
@@ -144,6 +149,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             "onCreate:option"?: ((value: string) => any) | undefined;
             allowCreate?: boolean | undefined;
             previewData?: Data | undefined;
+            valueQueryKey?: string | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
             blur: () => void;
@@ -151,14 +157,14 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         attrs: any;
         slots: {
             option?(_: {
-                option: DefaultData | null;
+                option: Data | null;
                 selected: boolean;
                 model: boolean;
             }): any;
             right?(_: {}): any;
         };
         emit: {
-            (e: 'update:modelValue', value: number | null): void;
+            (e: 'update:modelValue', value: Model | null): void;
             (e: 'update:search', value: string): void;
             (e: 'create:option', value: string): 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":"AAuDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;YAsNrD,MAAM;;gBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;iBAIZ,WAAW;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;WA+BrC,GAAG;;;;;;YAzDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAChD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OA2M4B,IAAI;;;;;;gBAhCjE,MAAM;;oBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;qBAIZ,WAAW;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;SA8B2B,IAAI;WACpE,GAAG;;;;;;YAzDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAChD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;oBA2KjC,MAAM;;wBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;yBAIZ,WAAW;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;aA8B2B,IAAI;eACpE,GAAG;;;;;;gBAzDmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAChD,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAvC3C,wBAwP2E"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAyDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;YAwNrD,MAAM;;;;;gBADF,KAAK,GAAG,IAAI;0BA2BH,IAAI,KAAK,KAAK;;;;;;;;;;;;;iBAvBtB,WAAW;gBAFZ,kBAAkB,IAAI,CAAC;2BACZ,OAAO,KAAK,OAAO;;;;;gBAQL,IAAI;;;;;;;;;;WAyBpC,GAAG;;;;;;YA3DmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAC/C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OA6M4B,IAAI;;;gBAlCjE,MAAM;;;;;oBADF,KAAK,GAAG,IAAI;8BA2BH,IAAI,KAAK,KAAK;;;;;;;;;;;;;qBAvBtB,WAAW;oBAFZ,kBAAkB,IAAI,CAAC;+BACZ,OAAO,KAAK,OAAO;;;;;oBAQL,IAAI;;;;;;;;;;;;SAwB4B,IAAI;WACpE,GAAG;;;;;;YA3DmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAC/C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;oBA2KjC,MAAM;;;;;wBADF,KAAK,GAAG,IAAI;kCA2BH,IAAI,KAAK,KAAK;;;;;;;;;;;;;yBAvBtB,WAAW;wBAFZ,kBAAkB,IAAI,CAAC;mCACZ,OAAO,KAAK,OAAO;;;;;wBAQL,IAAI;;;;;;;;;;;;aAwB4B,IAAI;eACpE,GAAG;;;;;;gBA3DmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;gBAC/C,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAzC3C,wBA4P2E"}

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

@@ -30,7 +30,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mono: { type: Boolean },
     allowClear: { type: Boolean },
     previewData: {},
-    hideOptionIcon: { type: Boolean }
+    hideOptionIcon: { type: Boolean },
+    valueGetter: { type: Function },
+    valueQueryKey: {}
   },
   emits: ["update:modelValue", "update:search", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -84,9 +86,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "disable-clear": !_ctx.allowClear,
           "preview-data": _ctx.previewData ? [_ctx.previewData] : void 0,
           "hide-option-icon": _ctx.hideOptionIcon,
+          "value-getter": _ctx.valueGetter,
+          "value-query-key": _ctx.valueQueryKey,
           "hide-prefix": "",
           onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-          onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $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))
         }, createSlots({
@@ -106,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["model-value", "search", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "query-params", "use-query-fn", "is-invalid-page", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear", "preview-data", "hide-option-icon"])
+        ]), 1032, ["model-value", "search", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "query-params", "use-query-fn", "is-invalid-page", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear", "preview-data", "hide-option-icon", "value-getter", "value-query-key"])
       ]);
     };
   }

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

@@ -1,10 +1,10 @@
 import { type Component } from 'vue';
 declare const _default: <Item extends string | number = string>(__VLS_props: {
     required?: boolean | undefined;
+    search: string;
     title?: string | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    search: string;
     "onUpdate:modelValue"?: ((value: Item | null) => any) | undefined;
     modelValue: Item | null;
     icon?: SVGComponent | undefined;
@@ -51,10 +51,10 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         required?: boolean | undefined;
+        search: string;
         title?: string | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        search: string;
         "onUpdate:modelValue"?: ((value: Item | null) => any) | undefined;
         modelValue: Item | null;
         icon?: SVGComponent | undefined;
@@ -105,10 +105,10 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
     __ctx?: {
         props: {
             required?: boolean | undefined;
+            search: string;
             title?: string | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            search: string;
             "onUpdate:modelValue"?: ((value: Item | null) => any) | undefined;
             modelValue: Item | null;
             icon?: SVGComponent | undefined;

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":"AAoDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;YAmNrD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA8BT,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,uBAAuB,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OAwM4B,IAAI;;;;;;gBA7BjE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BuD,IAAI;WACpE,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,uBAAuB,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;oBA2KjC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA6BuD,IAAI;eACpE,GAAG;;;;;;gBAtDmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,uBAAuB,IAAI;gBAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AApC3C,wBAkP2E"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAoDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;YAmNrD,MAAM;;;;;gBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;aAEd,IAAI,EAAE;;;gBAOsB,IAAI;;;;;;;;WAsBpC,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,IAAI,GAAG,IAAI,GAAG,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OAwM4B,IAAI;;;gBA7BjE,MAAM;;;;;oBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;iBAEd,IAAI,EAAE;;;oBAOsB,IAAI;;;;;;;;;;SAqB4B,IAAI;WACpE,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,IAAI,GAAG,IAAI,GAAG,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;oBA2KjC,MAAM;;;;;wBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;qBAEd,IAAI,EAAE;;;wBAOsB,IAAI;;;;;;;;;;aAqB4B,IAAI;eACpE,GAAG;;;;;;gBAtDmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,SAAS,IAAI,GAAG,IAAI,GAAG,IAAI;gBAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AApC3C,wBAkP2E"}

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

@@ -1,11 +1,12 @@
-declare const _default: <Data extends DefaultData>(__VLS_props: {
-    onSelect?: ((value: number) => any) | undefined;
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
+    onSelect?: ((value: Model) => any) | undefined;
     transition?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-    modelValue: number[];
-    onUnselect?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+    modelValue: Model[];
+    valueGetter: (data: Data) => Model;
+    onUnselect?: ((value: Model) => any) | undefined;
     scrollingElement?: Element | null | undefined;
     queryParams: QueryParams;
     selectOnly?: boolean | undefined;
@@ -35,10 +36,10 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'select', value: number): void;
-        (e: 'unselect', value: number): void;
+        (e: 'select', value: Model): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:modelValue', value: number[]): void;
+        (e: 'update:modelValue', value: Model[]): void;
         (e: 'create:option'): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
@@ -47,13 +48,14 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     selectCursor: () => void;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        onSelect?: ((value: number) => any) | undefined;
+        onSelect?: ((value: Model) => any) | undefined;
         transition?: boolean | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-        modelValue: number[];
-        onUnselect?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+        modelValue: Model[];
+        valueGetter: (data: Data) => Model;
+        onUnselect?: ((value: Model) => any) | undefined;
         scrollingElement?: Element | null | undefined;
         queryParams: QueryParams;
         selectOnly?: boolean | undefined;
@@ -88,10 +90,10 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'select', value: number): void;
-        (e: 'unselect', value: number): void;
+        (e: 'select', value: Model): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:modelValue', value: number[]): void;
+        (e: 'update:modelValue', value: Model[]): void;
         (e: 'create:option'): void;
     };
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -99,13 +101,14 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
 }> & {
     __ctx?: {
         props: {
-            onSelect?: ((value: number) => any) | undefined;
+            onSelect?: ((value: Model) => any) | undefined;
             transition?: boolean | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-            modelValue: number[];
-            onUnselect?: ((value: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+            modelValue: Model[];
+            valueGetter: (data: Data) => Model;
+            onUnselect?: ((value: Model) => any) | undefined;
             scrollingElement?: Element | null | undefined;
             queryParams: QueryParams;
             selectOnly?: boolean | undefined;
@@ -140,10 +143,10 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             }) => void) | undefined;
         };
         emit: {
-            (e: 'select', value: number): void;
-            (e: 'unselect', value: number): void;
+            (e: 'select', value: Model): void;
+            (e: 'unselect', value: Model): void;
             (e: 'update:count', value: number): void;
-            (e: 'update:modelValue', value: number[]): void;
+            (e: 'update:modelValue', value: Model[]): void;
             (e: 'create:option'): void;
         };
     } | undefined;

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":"AA0FA;;;;;;;gBAoac,MAAM,EAAE;;;iBAEP,WAAW;;;;;2BACD,OAAO,KAAK,OAAO;;;;;;;;WAmBrC,GAAG;;;;sBApU0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;;sBAApC,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,GAAG,IAAI;;;;;;OAoZ2C,IAAI;;;;;;;oBArB7D,MAAM,EAAE;;;qBAEP,WAAW;;;;;+BACD,OAAO,KAAK,OAAO;;;;;;;;;;;;SAkB2B,IAAI;WACpE,GAAG;;;;sBApU0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;;sBAApC,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,GAAG,IAAI;;;;;;;;;;;;wBA+Xd,MAAM,EAAE;;;yBAEP,WAAW;;;;;mCACD,OAAO,KAAK,OAAO;;;;;;;;;;;;aAkB2B,IAAI;eACpE,GAAG;;;;0BApU0C,OAAO;0BAAY,OAAO;kBAAM,IAAI;;;;0BAApC,OAAO;0BAAY,OAAO;kBAAM,IAAI;;;gBArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;gBAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC3C,eAAe,GAAG,IAAI;;;;AA7B5B,wBAub2E"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AA2FA;;;;;;;gBA0Zc,KAAK,EAAE;wBAeC,IAAI,KAAK,KAAK;;;iBAbrB,WAAW;;;;gBADZ,kBAAkB,IAAI,CAAC;2BAEZ,OAAO,KAAK,OAAO;;;;;;;;WAoBrC,GAAG;;2BA1TU;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;2BAApE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YArFlF,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;;;;;;OA0Y2C,IAAI;;;;;;;oBAtB7D,KAAK,EAAE;4BAeC,IAAI,KAAK,KAAK;;;qBAbrB,WAAW;;;;oBADZ,kBAAkB,IAAI,CAAC;+BAEZ,OAAO,KAAK,OAAO;;;;;;;;;;;;SAmB2B,IAAI;WACpE,GAAG;;2BA1TU;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;2BAApE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YArFlF,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;;;;;;;;;;;;wBAoXd,KAAK,EAAE;gCAeC,IAAI,KAAK,KAAK;;;yBAbrB,WAAW;;;;wBADZ,kBAAkB,IAAI,CAAC;mCAEZ,OAAO,KAAK,OAAO;;;;;;;;;;;;aAmB2B,IAAI;eACpE,GAAG;;+BA1TU;gBAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;+BAApE;gBAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;;gBArFlF,QAAQ,SAAS,KAAK,GAAG,IAAI;gBAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;gBAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;gBAC1C,eAAe,GAAG,IAAI;;;;AA9B5B,wBA8a2E"}

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

@@ -22,7 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectOnly: { type: Boolean },
     unselectOnly: { type: Boolean },
     allowCreate: { type: Boolean },
-    hideOptionIcon: { type: Boolean }
+    hideOptionIcon: { type: Boolean },
+    valueGetter: { type: Function }
   },
   emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -32,12 +33,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cursorPrevious = ref(void 0);
     const cursorNext = ref(void 0);
     const isCursorLocked = ref(false);
-    const loadingOptionId = ref(void 0);
+    const loadingOption = ref(void 0);
     const firstItem = ref();
     const lastItem = ref();
     const count = ref(0);
-    const setLoadingOptionId = (value) => {
-      loadingOptionId.value = value;
+    const setLoadingOption = (value) => {
+      loadingOption.value = value;
     };
     const unlockCursor = debounce(() => {
       isCursorLocked.value = false;
@@ -51,9 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       cursor.value = value;
     };
-    const updateCursors = (previous, next) => {
-      cursorPrevious.value = previous;
-      cursorNext.value = next;
+    const updateCursors = (event) => {
+      cursorPrevious.value = event.previous;
+      cursorNext.value = event.next;
     };
     const cursorUp = () => {
       if (props.disabled || cursorPrevious.value === void 0)
@@ -75,8 +76,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           emit("create:option");
         return;
       }
-      if (cursor.value > 0) {
-        setLoadingOptionId(cursor.value);
+      if (cursor.value) {
+        setLoadingOption(cursor.value);
         if (props.modelValue.includes(cursor.value))
           emit("unselect", cursor.value);
         else
@@ -101,6 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "empty-stub": _ctx.emptyStub,
           "select-only": _ctx.selectOnly,
           "unselect-only": _ctx.unselectOnly,
+          "value-getter": _ctx.valueGetter,
           "hide-page-title": "",
           "header-top-ignore": "",
           "min-height": "",
@@ -112,15 +114,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(({ item, skeleton, previous, next, first, last, resetting }) => [
             createVNode(_sfc_main$2, {
-              "is-selected": !skeleton && _ctx.modelValue.includes(item.id),
-              "is-cursor": !skeleton && item.id === cursor.value,
-              loading: _ctx.loading && loadingOptionId.value === item.id,
+              "is-selected": !skeleton && _ctx.modelValue.includes(_ctx.valueGetter(item)),
+              "is-cursor": !skeleton && _ctx.valueGetter(item) === cursor.value,
+              loading: _ctx.loading && loadingOption.value === _ctx.valueGetter(item),
               skeleton,
               scroll: isCursorLocked.value,
               first,
               last,
-              previous: first && props.allowCreate ? null : previous?.id,
-              next: last && props.allowCreate ? null : next?.id,
+              previous: first && props.allowCreate ? null : previous ? _ctx.valueGetter(previous) : void 0,
+              next: last && props.allowCreate ? null : next ? _ctx.valueGetter(next) : void 0,
               "is-no-cursor": cursor.value === void 0,
               "hide-option-icon": _ctx.hideOptionIcon,
               class: normalizeClass({
@@ -128,21 +130,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "pb-4": !_ctx.noPadding && last && !_ctx.allowCreate
               }),
               onSelect: ($event) => {
-                _ctx.$emit("select", item.id);
-                setLoadingOptionId(item.id);
+                _ctx.$emit("select", _ctx.valueGetter(item));
+                setLoadingOption(_ctx.valueGetter(item));
               },
               onUnselect: ($event) => {
-                _ctx.$emit("unselect", item.id);
-                setLoadingOptionId(item.id);
+                _ctx.$emit("unselect", _ctx.valueGetter(item));
+                setLoadingOption(_ctx.valueGetter(item));
               },
-              onMouseenter: ($event) => !skeleton && setCursor(item.id),
-              "onUpdate:cursor": ($event) => setCursor(item.id),
-              "onUpdate:isCursor": ($event) => updateCursors($event.previous, $event.next),
+              onMouseenter: ($event) => !skeleton && setCursor(_ctx.valueGetter(item)),
+              "onUpdate:cursor": ($event) => setCursor(_ctx.valueGetter(item)),
+              "onUpdate:isCursor": updateCursors,
               "onUpdate:previous": _cache[0] || (_cache[0] = ($event) => cursorPrevious.value = $event),
               "onUpdate:next": _cache[1] || (_cache[1] = ($event) => cursorNext.value = $event),
-              onUnmounted: ($event) => resetting ? cursor.value = void 0 : cursor.value = next?.id,
-              "onUpdate:first": ($event) => firstItem.value = item.id,
-              "onUpdate:last": ($event) => lastItem.value = item.id
+              onUnmounted: ($event) => resetting ? cursor.value = void 0 : cursor.value = next ? _ctx.valueGetter(next) : void 0,
+              "onUpdate:first": ($event) => firstItem.value = _ctx.valueGetter(item),
+              "onUpdate:last": ($event) => lastItem.value = _ctx.valueGetter(item)
             }, {
               default: withCtx(({ selected }) => [
                 renderSlot(_ctx.$slots, "default", {
@@ -152,15 +154,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 2
-            }, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUpdate:isCursor", "onUnmounted", "onUpdate:first", "onUpdate:last"])
+            }, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUnmounted", "onUpdate:first", "onUpdate:last"])
           ]),
           _: 3
-        }, 8, ["use-query-fn", "query-params", "is-invalid-page", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "select-only", "unselect-only"]),
+        }, 8, ["use-query-fn", "query-params", "is-invalid-page", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "select-only", "unselect-only", "value-getter"]),
         _ctx.allowCreate ? (openBlock(), createBlock(_sfc_main$2, {
           key: 0,
           "is-selected": false,
           "is-cursor": cursor.value === null,
-          loading: _ctx.loading && loadingOptionId.value === null,
+          loading: _ctx.loading && loadingOption.value === null,
           scroll: isCursorLocked.value,
           previous: lastItem.value,
           next: firstItem.value,
@@ -172,12 +174,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:cursor": _cache[5] || (_cache[5] = ($event) => setCursor(null)),
           onSelect: _cache[6] || (_cache[6] = ($event) => {
             _ctx.$emit("create:option");
-            setLoadingOptionId(null);
+            setLoadingOption(null);
           }),
-          "onUpdate:isCursor": _cache[7] || (_cache[7] = ($event) => updateCursors($event.previous, $event.next)),
-          "onUpdate:previous": _cache[8] || (_cache[8] = ($event) => cursorPrevious.value = $event),
-          "onUpdate:next": _cache[9] || (_cache[9] = ($event) => cursorNext.value = $event),
-          onUnmounted: _cache[10] || (_cache[10] = ($event) => cursor.value = void 0)
+          "onUpdate:isCursor": updateCursors,
+          "onUpdate:previous": _cache[7] || (_cache[7] = ($event) => cursorPrevious.value = $event),
+          "onUpdate:next": _cache[8] || (_cache[8] = ($event) => cursorNext.value = $event),
+          onUnmounted: _cache[9] || (_cache[9] = ($event) => cursor.value = void 0)
         }, {
           default: withCtx(() => [
             _hoisted_2,

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

@@ -1,10 +1,11 @@
 import { type Component } from 'vue';
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-    modelValue: number[];
-    onUnselect?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+    modelValue: Model[];
+    valueGetter: (value: Data) => Model;
+    onUnselect?: ((value: Model) => any) | undefined;
     useQueryFn: UsePaginatedQuery<Data>;
     optionComponent?: Component<{
         option: Data;
@@ -14,6 +15,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     disableClear?: boolean | undefined;
     "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
     previewData?: Data[] | undefined;
+    valueQueryKey: string;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -28,17 +30,18 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'unselect', value: number): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:fetching', value: boolean): void;
-        (e: 'update:modelValue', value: number[]): void;
+        (e: 'update:modelValue', value: Model[]): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-        modelValue: number[];
-        onUnselect?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+        modelValue: Model[];
+        valueGetter: (value: Data) => Model;
+        onUnselect?: ((value: Model) => any) | undefined;
         useQueryFn: UsePaginatedQuery<Data>;
         optionComponent?: Component<{
             option: Data;
@@ -48,6 +51,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         disableClear?: boolean | undefined;
         "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
         previewData?: Data[] | undefined;
+        valueQueryKey: string;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -63,9 +67,9 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'unselect', value: number): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:fetching', value: boolean): void;
-        (e: 'update:modelValue', value: number[]): void;
+        (e: 'update:modelValue', value: Model[]): void;
     };
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -74,9 +78,10 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         props: {
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
-            modelValue: number[];
-            onUnselect?: ((value: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
+            modelValue: Model[];
+            valueGetter: (value: Data) => Model;
+            onUnselect?: ((value: Model) => any) | undefined;
             useQueryFn: UsePaginatedQuery<Data>;
             optionComponent?: Component<{
                 option: Data;
@@ -86,6 +91,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             disableClear?: boolean | undefined;
             "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
             previewData?: Data[] | undefined;
+            valueQueryKey: string;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
@@ -101,9 +107,9 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             }) => void) | undefined;
         };
         emit: {
-            (e: 'unselect', value: number): void;
+            (e: 'unselect', value: Model): void;
             (e: 'update:fetching', value: boolean): void;
-            (e: 'update:modelValue', value: number[]): void;
+            (e: 'update:modelValue', value: Model[]): void;
         };
     } | undefined;
 };

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":"AA0CA;AAEA,OAAO,EAAuB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;;;gBAkN3D,MAAM,EAAE;;;;;;;;;;;;WAaf,GAAG;;;;sBAxLmC,OAAO;cAAM,IAAI;;;;sBAAjB,OAAO;cAAM,IAAI;;;YAdxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;yCAmMjC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;oBAZ3C,MAAM,EAAE;;;;;;;;;;;;oBAYN,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;sBAxLmC,OAAO;cAAM,IAAI;;;;sBAAjB,OAAO;cAAM,IAAI;;;YAdxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;wBAuLnC,MAAM,EAAE;;;;;;;;;;;;wBAYN,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;0BAxLmC,OAAO;kBAAM,IAAI;;;;0BAAjB,OAAO;kBAAM,IAAI;;;gBAdxD,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;gBACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;;;AArBjD,wBA8N2E"}
+{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AA2CA;AAEA,OAAO,EAAuB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;;;gBAoN3D,KAAK,EAAE;yBAME,IAAI,KAAK,KAAK;;gBAPvB,kBAAkB,IAAI,CAAC;;gBAIE,IAAI;;;;;;;mBAI1B,MAAM;;WAQhB,GAAG;;2BA1LU;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;2BAA1C;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAdxD,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;yCAqMhC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;oBAd3C,KAAK,EAAE;6BAME,IAAI,KAAK,KAAK;;oBAPvB,kBAAkB,IAAI,CAAC;;oBAIE,IAAI;;;;;;;uBAI1B,MAAM;;oBAOP,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2BA1LU;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;2BAA1C;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAdxD,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;;;;;;wBAuLlC,KAAK,EAAE;iCAME,IAAI,KAAK,KAAK;;wBAPvB,kBAAkB,IAAI,CAAC;;wBAIE,IAAI;;;;;;;2BAI1B,MAAM;;wBAOP,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+BA1LU;gBAAC,MAAM,EAAE,IAAI,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;+BAA1C;gBAAC,MAAM,EAAE,IAAI,CAAC;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;;gBAdxD,UAAU,SAAS,KAAK,GAAG,IAAI;gBAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;gBACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;AAvBhD,wBAkO2E"}

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

@@ -17,14 +17,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     optionComponent: {},
     disableClear: { type: Boolean },
-    previewData: {}
+    previewData: {},
+    valueGetter: { type: Function },
+    valueQueryKey: {}
   },
   emits: ["unselect", "update:fetching", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const hasFetching = ref(false);
-    const idInString = computed(() => props.modelValue.slice(0, PAGE_LENGTH).join(","));
+    const valueInString = computed(() => props.modelValue.slice(0, PAGE_LENGTH).join(","));
     watch(hasFetching, (value) => {
       emit("update:fetching", value);
     }, { immediate: true });
@@ -32,15 +34,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:fetching", false);
     });
     return (_ctx, _cache) => {
-      return idInString.value.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      return valueInString.value.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createVNode(_sfc_main$1, {
           "use-query-fn": _ctx.useQueryFn,
-          "query-params": { page: 1, id__in: idInString.value },
+          "query-params": { page: 1, [_ctx.valueQueryKey]: valueInString.value },
           "option-component": _ctx.optionComponent,
           "disable-clear": _ctx.disableClear,
           loading: _ctx.loading,
           disabled: _ctx.disabled,
           "preview-data": _ctx.previewData,
+          "value-getter": _ctx.valueGetter,
           onUnselect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("unselect", $event)),
           "onUpdate:fetching": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fetching", $event))
         }, {
@@ -51,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["use-query-fn", "query-params", "option-component", "disable-clear", "loading", "disabled", "preview-data"]),
+        }, 8, ["use-query-fn", "query-params", "option-component", "disable-clear", "loading", "disabled", "preview-data", "value-getter"]),
         _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", {