eco-vue-js 0.3.85 → 0.4.1

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", {

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

@@ -1,8 +1,9 @@
 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;
-    onUnselect?: ((value: number) => any) | undefined;
+    valueGetter: (value: Data) => Model;
+    onUnselect?: ((value: Model) => any) | undefined;
     queryParams: QueryParams;
     useQueryFn: UsePaginatedQuery<Data>;
     optionComponent?: Component<{
@@ -28,7 +29,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'unselect', value: number): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:pages-count', value: number): void;
         (e: 'update:fetching', value: boolean): void;
     };
@@ -36,7 +37,8 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     props: {
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        onUnselect?: ((value: number) => any) | undefined;
+        valueGetter: (value: Data) => Model;
+        onUnselect?: ((value: Model) => any) | undefined;
         queryParams: QueryParams;
         useQueryFn: UsePaginatedQuery<Data>;
         optionComponent?: Component<{
@@ -63,7 +65,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         }) => void) | undefined;
     };
     emit: {
-        (e: 'unselect', value: number): void;
+        (e: 'unselect', value: Model): void;
         (e: 'update:pages-count', value: number): void;
         (e: 'update:fetching', value: boolean): void;
     };
@@ -74,7 +76,8 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         props: {
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            onUnselect?: ((value: number) => any) | undefined;
+            valueGetter: (value: Data) => Model;
+            onUnselect?: ((value: Model) => any) | undefined;
             queryParams: QueryParams;
             useQueryFn: UsePaginatedQuery<Data>;
             optionComponent?: Component<{
@@ -101,7 +104,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             }) => void) | undefined;
         };
         emit: {
-            (e: 'unselect', value: number): void;
+            (e: 'unselect', value: Model): void;
             (e: 'update:pages-count', value: number): void;
             (e: 'update:fetching', value: boolean): void;
         };

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":"AAwDA;AAEA,OAAO,EAAyB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;;;iBAqO5D,WAAW;;;;;;;;;;;;WAanB,GAAG;;;;sBA5LmC,OAAO;cAAM,IAAI;;;;sBAAjB,OAAO;cAAM,IAAI;;;YAjCxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;yCA0N9B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;qBAZ1C,WAAW;;;;;;;;;;;;oBAYV,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;sBA5LmC,OAAO;cAAM,IAAI;;;;sBAAjB,OAAO;cAAM,IAAI;;;YAjCxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;;;;;;yBA8M/B,WAAW;;;;;;;;;;;;wBAYV,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;0BA5LmC,OAAO;kBAAM,IAAI;;;;0BAAjB,OAAO;kBAAM,IAAI;;;gBAjCxD,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;gBAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;AAnB9C,wBAmP2E"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAwDA;AAEA,OAAO,EAAyB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;;yBA4OpD,IAAI,KAAK,KAAK;;iBANtB,WAAW;gBADZ,kBAAkB,IAAI,CAAC;;gBAIE,IAAI;;;;;;;;;WAWpC,GAAG;;2BA7LU;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;;;YAjCxD,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;yCA2N9B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;6BAPlC,IAAI,KAAK,KAAK;;qBANtB,WAAW;oBADZ,kBAAkB,IAAI,CAAC;;oBAIE,IAAI;;;;;;;;;oBAU3B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2BA7LU;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;;;YAjCxD,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;;;;;iCAoNvB,IAAI,KAAK,KAAK;;yBANtB,WAAW;wBADZ,kBAAkB,IAAI,CAAC;;wBAIE,IAAI;;;;;;;;;wBAU3B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+BA7LU;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;;;gBAjCxD,UAAU,SAAS,KAAK,GAAG,IAAI;gBAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;gBAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;AApB9C,wBAqP2E"}

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

@@ -12,7 +12,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     optionComponent: {},
     disableClear: { type: Boolean },
-    previewData: {}
+    previewData: {},
+    valueGetter: { type: Function }
   },
   emits: ["unselect", "update:pages-count", "update:fetching"],
   setup(__props, { emit: __emit }) {
@@ -42,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.previewData ?? unref(data)?.results, (option) => {
         return openBlock(), createElementBlock("div", {
-          key: option.id,
+          key: _ctx.valueGetter(option),
           class: normalizeClass(["relative flex overflow-hidden items-center text-description", {
             "cursor-pointer": !_ctx.disabled,
             "cursor-not-allowed": _ctx.disabled
@@ -69,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }]),
                     onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                     }, ["stop", "prevent"])),
-                    onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", option.id), ["stop", "prevent"])
+                    onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])
                   }, [
                     createVNode(unref(IconCancel), { class: "square-3" })
                   ], 42, _hoisted_1)
@@ -86,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }]),
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop", "prevent"])),
-            onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", option.id), ["stop", "prevent"])
+            onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])
           }, [
             createVNode(unref(IconCancel), { class: "square-3" })
           ], 42, _hoisted_2)) : createCommentVNode("", true)