eco-vue-js 0.3.71 → 0.3.73

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

@@ -1,42 +1,32 @@
 declare const _default: <Data extends DefaultData>(__VLS_props: {
+    onSelect?: ((value: number) => any) | undefined;
+    transition?: boolean | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
     modelValue: number[];
-    useQueryFn: UsePaginatedQuery<Data>;
-    queryParams: QueryParams;
-    isInvalidPage: (error: unknown) => boolean;
+    onUnselect?: ((value: number) => any) | undefined;
     scrollingElement?: Element | null | undefined;
-    loading?: boolean | undefined;
-    disabled?: boolean | undefined;
-    transition?: boolean | undefined;
-    excludeParams?: string[] | undefined;
-    noPadding?: boolean | undefined;
-    emptyStub?: string | undefined;
+    queryParams: QueryParams;
     selectOnly?: boolean | undefined;
     unselectOnly?: boolean | undefined;
+    "onUpdate:count"?: ((value: number) => any) | undefined;
+    useQueryFn: UsePaginatedQuery<Data>;
+    isInvalidPage: (error: unknown) => boolean;
+    emptyStub?: string | undefined;
+    excludeParams?: string[] | undefined;
+    "onCreate:option"?: (() => any) | undefined;
     allowCreate?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
-    props: {
-        modelValue: number[];
-        useQueryFn: UsePaginatedQuery<Data>;
-        queryParams: QueryParams;
-        isInvalidPage: (error: unknown) => boolean;
-        scrollingElement?: Element | null | undefined;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        transition?: boolean | undefined;
-        excludeParams?: string[] | undefined;
-        noPadding?: boolean | undefined;
-        emptyStub?: string | undefined;
-        selectOnly?: boolean | undefined;
-        unselectOnly?: boolean | undefined;
-        allowCreate?: boolean | undefined;
-    };
-    expose(exposed: {
-        cursorUp: () => void;
-        cursorDown: () => void;
-        selectCursor: () => void;
-    }): void;
+    noPadding?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data | null;
             selected: boolean;
@@ -50,30 +40,45 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:modelValue', value: number[]): void;
         (e: 'create:option'): void;
     };
-}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
+    cursorUp: () => void;
+    cursorDown: () => void;
+    selectCursor: () => void;
+}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
+        onSelect?: ((value: number) => any) | undefined;
+        transition?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
         modelValue: number[];
-        useQueryFn: UsePaginatedQuery<Data>;
-        queryParams: QueryParams;
-        isInvalidPage: (error: unknown) => boolean;
+        onUnselect?: ((value: number) => any) | undefined;
         scrollingElement?: Element | null | undefined;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        transition?: boolean | undefined;
-        excludeParams?: string[] | undefined;
-        noPadding?: boolean | undefined;
-        emptyStub?: string | undefined;
+        queryParams: QueryParams;
         selectOnly?: boolean | undefined;
         unselectOnly?: boolean | undefined;
+        "onUpdate:count"?: ((value: number) => any) | undefined;
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        emptyStub?: string | undefined;
+        excludeParams?: string[] | undefined;
+        "onCreate:option"?: (() => any) | undefined;
         allowCreate?: boolean | undefined;
-    };
-    expose(exposed: {
+        noPadding?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         cursorUp: () => void;
         cursorDown: () => void;
         selectCursor: () => void;
-    }): void;
+    }>): void;
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data | null;
             selected: boolean;
@@ -87,33 +92,44 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:modelValue', value: number[]): void;
         (e: 'create:option'): void;
     };
-}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {
         props: {
+            onSelect?: ((value: number) => any) | undefined;
+            transition?: boolean | undefined;
+            disabled?: boolean | undefined;
+            loading?: boolean | undefined;
+            "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
             modelValue: number[];
-            useQueryFn: UsePaginatedQuery<Data>;
-            queryParams: QueryParams;
-            isInvalidPage: (error: unknown) => boolean;
+            onUnselect?: ((value: number) => any) | undefined;
             scrollingElement?: Element | null | undefined;
-            loading?: boolean | undefined;
-            disabled?: boolean | undefined;
-            transition?: boolean | undefined;
-            excludeParams?: string[] | undefined;
-            noPadding?: boolean | undefined;
-            emptyStub?: string | undefined;
+            queryParams: QueryParams;
             selectOnly?: boolean | undefined;
             unselectOnly?: boolean | undefined;
+            "onUpdate:count"?: ((value: number) => any) | undefined;
+            useQueryFn: UsePaginatedQuery<Data>;
+            isInvalidPage: (error: unknown) => boolean;
+            emptyStub?: string | undefined;
+            excludeParams?: string[] | undefined;
+            "onCreate:option"?: (() => any) | undefined;
             allowCreate?: boolean | undefined;
-        };
-        expose(exposed: {
+            noPadding?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{
             cursorUp: () => void;
             cursorDown: () => void;
             selectCursor: () => void;
-        }): void;
+        }>): void;
         attrs: any;
-        slots: {
+        slots: Readonly<{
+            default?: ((props: {
+                option: Data | null;
+                selected: boolean;
+                skeleton: boolean;
+            }) => void) | undefined;
+        }> & {
             default?: ((props: {
                 option: Data | null;
                 selected: boolean;

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.ts"],"names":[],"mappings":";gBAqYc,MAAM,EAAE;;iBAEP,WAAW;2BACD,OAAO,KAAK,OAAO;;;;;;;;;;;;;oBAH9B,MAAM,EAAE;;qBAEP,WAAW;+BACD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;QAqBL,IAAI;WACpC,GAAG;;;;sBAnR0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YA0QlF,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;;;;oBApBd,MAAM,EAAE;;qBAEP,WAAW;+BACD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;QAqBL,IAAI;WACpC,GAAG;;;;sBAnR0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YA0QlF,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;;;;;;;wBApBd,MAAM,EAAE;;yBAEP,WAAW;mCACD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;YAqBL,IAAI;eACpC,GAAG;;;;0BAnR0C,OAAO;0BAAY,OAAO;kBAAM,IAAI;;;gBA0QlF,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;;;;AAlZ5B,wBA2ZkE"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AAwFA;;;;;;;gBAmac,MAAM,EAAE;;;iBAEP,WAAW;;;;;2BACD,OAAO,KAAK,OAAO;;;;;;;WAkBrC,GAAG;;;;sBAnU0C,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;;;;;;OAmZ2C,IAAI;;;;;;;oBApB7D,MAAM,EAAE;;;qBAEP,WAAW;;;;;+BACD,OAAO,KAAK,OAAO;;;;;;;;;;;SAiB2B,IAAI;WACpE,GAAG;;;;sBAnU0C,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;;;;;;;;;;;aAiB2B,IAAI;eACpE,GAAG;;;;0BAnU0C,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;;;;AA5B5B,wBAqb2E"}

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

@@ -24,8 +24,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCreate: { type: Boolean }
   },
   emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const cursor = ref(void 0);
     const cursorPrevious = ref(void 0);
     const cursorNext = ref(void 0);

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

@@ -1,31 +1,27 @@
 import { type Component } from 'vue';
 declare const _default: <Data extends DefaultData>(__VLS_props: {
-    useQueryFn: UsePaginatedQuery<Data>;
-    modelValue: number[];
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
+    "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+    modelValue: number[];
+    onUnselect?: ((value: number) => any) | undefined;
+    useQueryFn: UsePaginatedQuery<Data>;
     optionComponent?: Component<{
         option: Data;
         selected?: boolean | undefined;
         model?: boolean | undefined;
     }> | undefined;
     disableClear?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
-    props: {
-        useQueryFn: UsePaginatedQuery<Data>;
-        modelValue: number[];
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        optionComponent?: Component<{
-            option: Data;
-            selected?: boolean | undefined;
-            model?: boolean | undefined;
-        }> | undefined;
-        disableClear?: boolean | undefined;
-    };
-    expose(exposed: {}): void;
+    "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+    previewData?: Data[] | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data;
             skeleton: boolean;
@@ -36,22 +32,31 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:fetching', value: boolean): void;
         (e: 'update:modelValue', value: number[]): void;
     };
-}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        useQueryFn: UsePaginatedQuery<Data>;
-        modelValue: number[];
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
+        "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+        modelValue: number[];
+        onUnselect?: ((value: number) => any) | undefined;
+        useQueryFn: UsePaginatedQuery<Data>;
         optionComponent?: Component<{
             option: Data;
             selected?: boolean | undefined;
             model?: boolean | undefined;
         }> | undefined;
         disableClear?: boolean | undefined;
-    };
-    expose(exposed: {}): void;
+        "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+        previewData?: Data[] | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data;
             skeleton: boolean;
@@ -62,25 +67,34 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:fetching', value: boolean): void;
         (e: 'update:modelValue', value: number[]): void;
     };
-}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {
         props: {
-            useQueryFn: UsePaginatedQuery<Data>;
-            modelValue: number[];
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
+            "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+            modelValue: number[];
+            onUnselect?: ((value: number) => any) | undefined;
+            useQueryFn: UsePaginatedQuery<Data>;
             optionComponent?: Component<{
                 option: Data;
                 selected?: boolean | undefined;
                 model?: boolean | undefined;
             }> | undefined;
             disableClear?: boolean | undefined;
-        };
-        expose(exposed: {}): void;
+            "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+            previewData?: Data[] | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {
+        slots: Readonly<{
+            default?: ((props: {
+                option: Data;
+                skeleton: boolean;
+            }) => void) | undefined;
+        }> & {
             default?: ((props: {
                 option: Data;
                 skeleton: boolean;

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.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;gBA+M3D,MAAM,EAAE;;;;;;;;;;;;oBAAR,MAAM,EAAE;;;;;;;;;;yBAaiB,IAAI;WACpC,GAAG;;;;sBA/JmC,OAAO;cAAM,IAAI;;;YAwJxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;;;;oBATnC,MAAM,EAAE;;;;;;;;;;yBAaiB,IAAI;WACpC,GAAG;;;;sBA/JmC,OAAO;cAAM,IAAI;;;YAwJxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;;;;;;;wBATnC,MAAM,EAAE;;;;;;;;;;6BAaiB,IAAI;eACpC,GAAG;;;;0BA/JmC,OAAO;kBAAM,IAAI;;;gBAwJxD,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,iBAAiB,SAAS,OAAO,GAAG,IAAI;gBACxC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;;;;AAnNjD,wBA4NkE"}
+{"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"}

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

@@ -16,11 +16,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     loading: { type: Boolean },
     optionComponent: {},
-    disableClear: { type: Boolean }
+    disableClear: { type: Boolean },
+    previewData: {}
   },
   emits: ["unselect", "update:fetching", "update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const hasFetching = ref(false);
     const idInString = computed(() => props.modelValue.slice(0, PAGE_LENGTH).join(","));
     watch(hasFetching, (value) => {
@@ -38,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "disable-clear": _ctx.disableClear,
           loading: _ctx.loading,
           disabled: _ctx.disabled,
+          "preview-data": _ctx.previewData,
           onUnselect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("unselect", $event)),
           "onUpdate:fetching": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fetching", $event))
         }, {
@@ -48,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["use-query-fn", "query-params", "option-component", "disable-clear", "loading", "disabled"]),
+        }, 8, ["use-query-fn", "query-params", "option-component", "disable-clear", "loading", "disabled", "preview-data"]),
         _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,31 +1,27 @@
 import { type Component } from 'vue';
 declare const _default: <Data extends DefaultData>(__VLS_props: {
-    useQueryFn: UsePaginatedQuery<Data>;
-    queryParams: QueryParams;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
+    onUnselect?: ((value: number) => any) | undefined;
+    queryParams: QueryParams;
+    useQueryFn: UsePaginatedQuery<Data>;
     optionComponent?: Component<{
         option: Data;
         selected?: boolean | undefined;
         model?: boolean | undefined;
     }> | undefined;
     disableClear?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
-    props: {
-        useQueryFn: UsePaginatedQuery<Data>;
-        queryParams: QueryParams;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        optionComponent?: Component<{
-            option: Data;
-            selected?: boolean | undefined;
-            model?: boolean | undefined;
-        }> | undefined;
-        disableClear?: boolean | undefined;
-    };
-    expose(exposed: {}): void;
+    "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+    "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+    previewData?: Data[] | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data;
             skeleton: boolean;
@@ -36,22 +32,31 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:pages-count', value: number): void;
         (e: 'update:fetching', value: boolean): void;
     };
-}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        useQueryFn: UsePaginatedQuery<Data>;
-        queryParams: QueryParams;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
+        onUnselect?: ((value: number) => any) | undefined;
+        queryParams: QueryParams;
+        useQueryFn: UsePaginatedQuery<Data>;
         optionComponent?: Component<{
             option: Data;
             selected?: boolean | undefined;
             model?: boolean | undefined;
         }> | undefined;
         disableClear?: boolean | undefined;
-    };
-    expose(exposed: {}): void;
+        "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+        "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+        previewData?: Data[] | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: Readonly<{
+        default?: ((props: {
+            option: Data;
+            skeleton: boolean;
+        }) => void) | undefined;
+    }> & {
         default?: ((props: {
             option: Data;
             skeleton: boolean;
@@ -62,25 +67,34 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:pages-count', value: number): void;
         (e: 'update:fetching', value: boolean): void;
     };
-}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {
         props: {
-            useQueryFn: UsePaginatedQuery<Data>;
-            queryParams: QueryParams;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
+            onUnselect?: ((value: number) => any) | undefined;
+            queryParams: QueryParams;
+            useQueryFn: UsePaginatedQuery<Data>;
             optionComponent?: Component<{
                 option: Data;
                 selected?: boolean | undefined;
                 model?: boolean | undefined;
             }> | undefined;
             disableClear?: boolean | undefined;
-        };
-        expose(exposed: {}): void;
+            "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+            "onUpdate:fetching"?: ((value: boolean) => any) | undefined;
+            previewData?: Data[] | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {
+        slots: Readonly<{
+            default?: ((props: {
+                option: Data;
+                skeleton: boolean;
+            }) => void) | undefined;
+        }> & {
             default?: ((props: {
                 option: Data;
                 skeleton: boolean;

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.ts"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAA;;;iBAwN5D,WAAW;;;;;;;;;;;;qBAAX,WAAW;;;;;;;;;;yBAaa,IAAI;WACpC,GAAG;;;;sBAtKmC,OAAO;cAAM,IAAI;;;YA+JxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;qBAT/B,WAAW;;;;;;;;;;yBAaa,IAAI;WACpC,GAAG;;;;sBAtKmC,OAAO;cAAM,IAAI;;;YA+JxD,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;;;;yBAT/B,WAAW;;;;;;;;;;6BAaa,IAAI;eACpC,GAAG;;;;0BAtKmC,OAAO;kBAAM,IAAI;;;gBA+JxD,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,oBAAoB,SAAS,MAAM,GAAG,IAAI;gBAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;AA9N9C,wBAuOkE"}
+{"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"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, toRef, computed, 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, createSlots, withCtx, createElementVNode, withModifiers, createVNode, createCommentVNode } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _hoisted_1 = ["onClick"];
@@ -11,12 +11,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     loading: { type: Boolean },
     optionComponent: {},
-    disableClear: { type: Boolean }
+    disableClear: { type: Boolean },
+    previewData: {}
   },
   emits: ["unselect", "update:pages-count", "update:fetching"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const { data, isFetching } = props.useQueryFn(toRef(props, "queryParams"));
+    const emit = __emit;
+    const queryEnabled = computed(() => !props.previewData);
+    const { data, isFetching } = props.useQueryFn(toRef(props, "queryParams"), {
+      enabled: queryEnabled,
+      refetchInterval: false,
+      refetchOnMount: false,
+      refetchOnReconnect: false,
+      refetchIntervalInBackground: false,
+      refetchOnWindowFocus: false
+    });
     const pagesCount = computed(() => data.value?.pages_count);
     watch(pagesCount, (value) => {
       if (value === void 0)
@@ -30,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:fetching", false);
     });
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(data)?.results, (option) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.previewData ?? unref(data)?.results, (option) => {
         return openBlock(), createElementBlock("div", {
           key: option.id,
           class: normalizeClass(["relative flex overflow-hidden items-center text-description", {
@@ -40,14 +50,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default", {
             option,
-            skeleton: !unref(data)
+            skeleton: false
           }, () => [
             _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
               key: 0,
               option,
               selected: true,
               model: true,
-              skeleton: !unref(data)
+              skeleton: false
             }, createSlots({ _: 2 }, [
               !_ctx.disableClear && !_ctx.disabled ? {
                 name: "default",
@@ -66,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["option", "skeleton"])) : createCommentVNode("", true)
+            ]), 1032, ["option"])) : createCommentVNode("", true)
           ]),
           !_ctx.optionComponent && !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,