eco-vue-js 0.5.26 → 0.6.0

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

@@ -1,41 +1,64 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelectAsync.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WSelectAsyncSingle",
   props: {
     modelValue: {},
-    search: {},
+    allowClear: { type: Boolean },
+    searchModel: { type: Boolean },
+    previewData: {},
+    createdData: {},
     useQueryFn: {},
+    useQueryFnPrefix: {},
     isInvalidPage: { type: Function },
     queryParams: {},
-    title: {},
-    mobileTitle: {},
-    description: {},
-    loading: { type: Boolean },
-    emptyStub: {},
-    maxSearchLength: {},
     optionComponent: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    skeleton: { type: Boolean },
+    valueGetter: { type: Function },
+    valueQueryKey: {},
+    queryOptions: {},
+    search: {},
+    emptyStub: {},
+    hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },
+    hideOptionIcon: { type: Boolean },
+    mobileTitle: {},
+    persist: { type: Boolean },
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
+    allowPaste: { type: Boolean },
+    title: {},
+    description: {},
     errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    placeholder: {},
-    searchSize: {},
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
     required: { type: Boolean },
     noMargin: { type: Boolean },
-    icon: {},
-    mono: { type: Boolean },
-    autofocus: { type: Boolean },
-    allowClear: { type: Boolean },
-    previewData: {},
-    createdData: {},
-    hideOptionIcon: { type: Boolean },
-    valueGetter: { type: Function },
-    valueQueryKey: {},
-    queryOptions: {}
+    allowCopy: { type: Boolean },
+    teleport: { type: Boolean },
+    noZIndex: { type: Boolean },
+    maxHeight: {},
+    maxWidth: {},
+    horizontalAlign: {}
   },
   emits: ["update:modelValue", "update:search", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -58,66 +81,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$1, {
-          ref_key: "selectComponent",
-          ref: selectComponent,
-          "model-value": arrayValue.value,
-          search: _ctx.search,
-          title: _ctx.title,
-          "mobile-title": _ctx.mobileTitle,
-          description: _ctx.description,
-          loading: _ctx.loading,
-          "max-search-length": _ctx.maxSearchLength,
-          "empty-stub": _ctx.emptyStub,
-          "query-params": _ctx.queryParams,
-          "use-query-fn": _ctx.useQueryFn,
-          "is-invalid-page": _ctx.isInvalidPage,
-          "option-component": _ctx.optionComponent,
-          readonly: _ctx.readonly,
-          disabled: _ctx.disabled,
-          skeleton: _ctx.skeleton,
-          "allow-create": _ctx.allowCreate,
-          "error-message": _ctx.errorMessage,
-          "has-changes": _ctx.hasChanges,
-          placeholder: _ctx.placeholder,
-          "search-size": _ctx.searchSize,
-          required: _ctx.required,
-          "no-margin": _ctx.noMargin,
-          icon: _ctx.icon,
-          mono: _ctx.mono,
-          autofocus: _ctx.autofocus,
-          "disable-clear": !_ctx.allowClear,
-          "preview-data": _ctx.previewData ? [_ctx.previewData] : void 0,
-          "created-data": _ctx.createdData ? [_ctx.createdData] : void 0,
-          "hide-option-icon": _ctx.hideOptionIcon,
-          "value-getter": _ctx.valueGetter,
-          "value-query-key": _ctx.valueQueryKey,
-          "query-options": _ctx.queryOptions,
-          "hide-prefix": "",
-          onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-          onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
-          "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("update:search", $event)),
-          "onCreate:option": _cache[3] || (_cache[3] = ($event) => createOption($event))
-        }, createSlots({
-          option: withCtx(({ option, selected, model }) => [
-            renderSlot(_ctx.$slots, "option", {
-              option,
-              selected,
-              model
-            })
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ref_key: "selectComponent",
+        ref: selectComponent
+      }, {
+        ...props,
+        modelValue: arrayValue.value,
+        disableClear: !_ctx.allowClear,
+        previewData: _ctx.previewData ? [_ctx.previewData] : void 0,
+        createdData: _ctx.createdData ? [_ctx.createdData] : void 0,
+        hidePrefix: true
+      }, {
+        class: _ctx.$attrs.class,
+        onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
+        onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
+        "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("update:search", $event)),
+        "onCreate:option": _cache[3] || (_cache[3] = ($event) => createOption($event))
+      }), createSlots({
+        option: withCtx(({ option, selected, model }) => [
+          renderSlot(_ctx.$slots, "option", {
+            option,
+            selected,
+            model
+          })
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right?.()?.length ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
           ]),
-          _: 2
-        }, [
-          _ctx.$slots.right?.()?.length ? {
-            name: "right",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "right")
-            ]),
-            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", "autofocus", "disable-clear", "preview-data", "created-data", "hide-option-icon", "value-getter", "value-query-key", "query-options"])
-      ]);
+          key: "2"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,165 +1,41 @@
-import { type Component } from 'vue';
-declare const _default: <Item extends string | number, AllowClear extends boolean = false>(__VLS_props: {
-    required?: boolean | undefined;
-    search: string;
-    title?: string | undefined;
-    icon?: SVGComponent | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    "onUpdate:modelValue"?: ((value: AllowClear extends true ? Item | null : Item) => any) | undefined;
-    modelValue: Item | null;
-    readonly?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    description?: string | undefined;
-    placeholder?: string | undefined;
-    errorMessage?: string | undefined;
-    hasChanges?: boolean | undefined;
-    allowClear?: AllowClear | undefined;
-    autofocus?: boolean | undefined;
-    mono?: boolean | undefined;
-    noMargin?: boolean | undefined;
-    mobileTitle?: string | undefined;
-    "onUpdate:search"?: ((value: string) => any) | undefined;
-    emptyStub?: string | undefined;
-    hideOptionIcon?: boolean | undefined;
-    options: Item[];
-    maxSearchLength?: number | undefined;
-    optionComponent?: Component<{
-        option: Item;
-        selected?: boolean | undefined;
-        model?: boolean | undefined;
-    }> | undefined;
-    searchSize?: number | undefined;
-    "onCreate:option"?: ((value: string) => any) | undefined;
-    allowCreate?: boolean | undefined;
-    searchModel?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        option?(_: {
-            option: string | Item;
-            selected: boolean;
-            model: boolean;
-        }): any;
-        right?(_: {}): any;
-    };
-    emit: {
-        (e: 'update:modelValue', value: AllowClear extends true ? Item | null : Item): void;
-        (e: 'update:search', value: string): void;
-        (e: 'create:option', value: string): void;
-    };
-} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
-    blur: () => void;
-}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        required?: boolean | undefined;
-        search: string;
-        title?: string | undefined;
-        icon?: SVGComponent | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Item | null : Item) => any) | undefined;
-        modelValue: Item | null;
-        readonly?: boolean | undefined;
-        skeleton?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-        errorMessage?: string | undefined;
-        hasChanges?: boolean | undefined;
-        allowClear?: AllowClear | undefined;
-        autofocus?: boolean | undefined;
-        mono?: boolean | undefined;
-        noMargin?: boolean | undefined;
-        mobileTitle?: string | undefined;
+import { SelectSingleProps } from './types';
+
+declare const _default: <Option extends string | number, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
+        "onUpdate:search"?: ((value: string) => any) | undefined;
+        "onCreate:option"?: ((value: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        "onUpdate:modelValue"?: ((value: AllowClear extends true ? Option | null : Option) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
-        emptyStub?: string | undefined;
-        hideOptionIcon?: boolean | undefined;
-        options: Item[];
-        maxSearchLength?: number | undefined;
-        optionComponent?: Component<{
-            option: Item;
-            selected?: boolean | undefined;
-            model?: boolean | undefined;
-        }> | undefined;
-        searchSize?: number | undefined;
         "onCreate:option"?: ((value: string) => any) | undefined;
-        allowCreate?: boolean | undefined;
-        searchModel?: boolean | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+    }, never>, "onUpdate:modelValue" | "onUpdate:search" | "onCreate:option"> & SelectSingleProps<Option, AllowClear>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
         option?(_: {
-            option: string | Item;
+            option: string | Option;
             selected: boolean;
             model: boolean;
         }): any;
         right?(_: {}): any;
-    };
+    }>;
     emit: {
-        (e: 'update:modelValue', value: AllowClear extends true ? Item | null : Item): void;
-        (e: 'update:search', value: string): void;
-        (e: 'create:option', value: string): void;
-    };
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        (e: "update:modelValue", value: AllowClear extends true ? Option | null : Option): void;
+        (e: "update:search", value: string): void;
+        (e: "create:option", value: string): void;
+    } & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: {
-        props: {
-            required?: boolean | undefined;
-            search: string;
-            title?: string | undefined;
-            icon?: SVGComponent | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: AllowClear extends true ? Item | null : Item) => any) | undefined;
-            modelValue: Item | null;
-            readonly?: boolean | undefined;
-            skeleton?: boolean | undefined;
-            description?: string | undefined;
-            placeholder?: string | undefined;
-            errorMessage?: string | undefined;
-            hasChanges?: boolean | undefined;
-            allowClear?: AllowClear | undefined;
-            autofocus?: boolean | undefined;
-            mono?: boolean | undefined;
-            noMargin?: boolean | undefined;
-            mobileTitle?: string | undefined;
-            "onUpdate:search"?: ((value: string) => any) | undefined;
-            emptyStub?: string | undefined;
-            hideOptionIcon?: boolean | undefined;
-            options: Item[];
-            maxSearchLength?: number | undefined;
-            optionComponent?: Component<{
-                option: Item;
-                selected?: boolean | undefined;
-                model?: boolean | undefined;
-            }> | undefined;
-            searchSize?: number | undefined;
-            "onCreate:option"?: ((value: string) => any) | undefined;
-            allowCreate?: boolean | undefined;
-            searchModel?: boolean | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{
-            blur: () => void;
-        }>): void;
-        attrs: any;
-        slots: {
-            option?(_: {
-                option: string | Item;
-                selected: boolean;
-                model: boolean;
-            }): any;
-            right?(_: {}): any;
-        };
-        emit: {
-            (e: 'update:modelValue', value: AllowClear extends true ? Item | null : Item): void;
-            (e: 'update:search', value: string): void;
-            (e: 'create:option', value: string): void;
-        };
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=WSelectSingle.vue.d.ts.map

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":"AAsDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;YAgOrD,MAAM;;;;;;gBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;aAEd,IAAI,EAAE;;;gBAOsB,IAAI;;;;;;;;;WAwBpC,GAAG;;;;;;YAxDmB,GAAG;uBACJ,GAAG;;;YA/JzB,mBAAmB,wDAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OAmN4B,IAAI;;;gBA/BjE,MAAM;;;;;;oBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;iBAEd,IAAI,EAAE;;;oBAOsB,IAAI;;;;;;;;;;;SAuB4B,IAAI;WACpE,GAAG;;;;;;YAxDmB,GAAG;uBACJ,GAAG;;;YA/JzB,mBAAmB,wDAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;oBAoLjC,MAAM;;;;;;wBADF,IAAI,GAAG,IAAI;;;;;;;;;;;;;;;qBAEd,IAAI,EAAE;;;wBAOsB,IAAI;;;;;;;;;;;aAuB4B,IAAI;eACpE,GAAG;;;;;;gBAxDmB,GAAG;2BACJ,GAAG;;;gBA/JzB,mBAAmB,wDAAoB,IAAI;gBAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAxC3C,wBAiQ2E"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,UAAU,SAAS,OAAO,uBAC7D,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,cAAc,CAAC;;;;;;;;qHAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBA7BQ,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;MA0BY;UAClC;YAhOH,mBAAmB,4DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;UA8NA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,35 +1,56 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WSelectSingle",
   props: {
     modelValue: {},
+    allowClear: { type: Boolean },
+    searchModel: { type: Boolean },
     search: {},
     options: {},
-    title: {},
-    mobileTitle: {},
-    description: {},
-    loading: { type: Boolean },
     emptyStub: {},
-    maxSearchLength: {},
     optionComponent: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    skeleton: { type: Boolean },
+    hidePrefix: { type: Boolean },
     allowCreate: { type: Boolean },
+    hideOptionIcon: { type: Boolean },
+    mobileTitle: {},
+    persist: { type: Boolean },
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
+    allowPaste: { type: Boolean },
+    title: {},
+    description: {},
     errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    placeholder: {},
-    searchSize: {},
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
     required: { type: Boolean },
     noMargin: { type: Boolean },
-    icon: {},
-    mono: { type: Boolean },
-    autofocus: { type: Boolean },
-    allowClear: { type: Boolean },
-    hideOptionIcon: { type: Boolean },
-    searchModel: { type: Boolean }
+    allowCopy: { type: Boolean },
+    teleport: { type: Boolean },
+    noZIndex: { type: Boolean },
+    maxHeight: {},
+    maxWidth: {},
+    horizontalAlign: {}
   },
   emits: ["update:modelValue", "update:search", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -53,60 +74,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$1, {
-          ref_key: "selectComponent",
-          ref: selectComponent,
-          "model-value": arrayValue.value,
-          search: _ctx.search,
-          options: _ctx.options,
-          title: _ctx.title,
-          "mobile-title": _ctx.mobileTitle,
-          description: _ctx.description,
-          loading: _ctx.loading,
-          "max-search-length": _ctx.maxSearchLength,
-          "empty-stub": _ctx.emptyStub,
-          "option-component": _ctx.optionComponent,
-          readonly: _ctx.readonly,
-          disabled: _ctx.disabled,
-          skeleton: _ctx.skeleton,
-          "allow-create": _ctx.allowCreate,
-          "error-message": _ctx.errorMessage,
-          "has-changes": _ctx.hasChanges,
-          placeholder: _ctx.placeholder,
-          "search-size": _ctx.searchSize,
-          required: _ctx.required,
-          "no-margin": _ctx.noMargin,
-          icon: _ctx.icon,
-          mono: _ctx.mono,
-          autofocus: _ctx.autofocus,
-          "disable-clear": !_ctx.allowClear,
-          "hide-option-icon": _ctx.hideOptionIcon,
-          "hide-prefix": "",
-          onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-          onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
-          "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("update:search", $event)),
-          "onCreate:option": _cache[3] || (_cache[3] = ($event) => createOption($event)),
-          onFocus: _cache[4] || (_cache[4] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? _ctx.$emit("update:search", _ctx.modelValue) : void 0)
-        }, createSlots({
-          option: withCtx(({ option, selected, model }) => [
-            renderSlot(_ctx.$slots, "option", {
-              option,
-              selected,
-              model
-            })
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ref_key: "selectComponent",
+        ref: selectComponent
+      }, {
+        ...props,
+        modelValue: arrayValue.value,
+        disableClear: !_ctx.allowClear,
+        hidePrefix: true
+      }, {
+        class: _ctx.$attrs.class,
+        onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
+        onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
+        "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("update:search", $event)),
+        "onCreate:option": _cache[3] || (_cache[3] = ($event) => createOption($event)),
+        onFocus: _cache[4] || (_cache[4] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? _ctx.$emit("update:search", _ctx.modelValue) : void 0)
+      }), createSlots({
+        option: withCtx(({ option, selected, model }) => [
+          renderSlot(_ctx.$slots, "option", {
+            option,
+            selected,
+            model
+          })
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right?.()?.length ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
           ]),
-          _: 2
-        }, [
-          _ctx.$slots.right?.()?.length ? {
-            name: "right",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "right")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["model-value", "search", "options", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "autofocus", "disable-clear", "hide-option-icon"])
-      ]);
+          key: "2"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });