eco-vue-js 0.8.4 → 0.8.6

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -18,10 +18,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnOptions: {},
     valueGetter: { type: Function },
     searchFn: { type: Function },
+    useQueryFnDefault: {},
     emptyStub: {},
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: { type: Function },
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -20,9 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnOptions: {},
     valueGetter: { type: Function },
     searchFn: { type: Function },
+    useQueryFnDefault: {},
     emptyStub: {},
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: { type: Function },
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },

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

@@ -5,14 +5,12 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         readonly onBlur?: ((value: FocusEvent) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly onUnselect?: ((item: Model) => any) | undefined;
-        readonly "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         onSelect?: ((item: Model) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onFocus?: ((value: FocusEvent) => any) | undefined;
         onUnselect?: ((item: Model) => any) | undefined;
-        "onCreate:option"?: ((value: string) => any) | undefined;
-    }>, never>, "onFocus" | "onBlur" | "onSelect" | "onUnselect" | "onCreate:option"> & SelectProps<Model, Data, OptionComponent>> & import('vue').PublicProps;
+    }>, never>, "onFocus" | "onBlur" | "onSelect" | "onUnselect"> & SelectProps<Model, Data, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
@@ -43,7 +41,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     emit: {
         (e: "select", item: Model): void;
         (e: "unselect", item: Model): void;
-        (e: "create:option", value: string): void;
         (e: "focus", value: FocusEvent): void;
         (e: "blur", value: FocusEvent): void;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAuVA,OAAO,KAAK,EAAC,WAAW,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC/G,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkmBxD,mBAAmB,CAAC;;;;;;;;;;;;iIAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAzcvB,MAAM,KAAG,IAAI;MAycgC,GAAG,IAAI;WACpE,GAAG;;gBApbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;YACrB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;gBARV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;YACrB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;;YA/Kd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA4lBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5mBvE,wBA4mB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAsWA,OAAO,KAAK,EAAC,WAAW,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC/G,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgnBxD,mBAAmB,CAAC;;;;;;;;;;6GAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAhdvB,MAAM,KAAG,IAAI;MAgdgC,GAAG,IAAI;WACpE,GAAG;;gBAnbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;YACrB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;gBARV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;YACrB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;SACf,KAAK,IAAI;gBACF,MAAM,IAAI;;;YA9Ld,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA2mBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1nBvE,wBA0nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -18,10 +18,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnOptions: {},
     valueGetter: { type: Function },
     searchFn: { type: Function },
+    useQueryFnDefault: {},
     emptyStub: {},
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: { type: Function },
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },
@@ -62,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["select", "unselect", "create:option", "focus", "blur"],
+  emits: ["select", "unselect", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -71,14 +72,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cursor = ref(-1);
     const isCursorLocked = ref(false);
     const search = ref("");
-    const { data, isLoading } = props.useQueryFnOptions({
-      enabled: computed(() => !props.disabled)
-    });
-    const filteredOptions = computed(() => !data.value ? [] : search.value === "" ? data.value : data.value.filter((option) => props.searchFn(option, search.value)));
-    const lastIndex = computed(() => props.allowCreate ? filteredOptions.value.length : filteredOptions.value.length - 1);
+    const searchPrepared = computed(() => search.value.trim().toLocaleLowerCase());
+    const enabled = computed(() => !props.disabled);
+    const { data, isLoading } = props.useQueryFnOptions({ enabled });
+    const filteredOptions = computed(() => !data.value ? [] : searchPrepared.value === "" ? data.value : data.value.filter((option) => props.searchFn(option, searchPrepared.value)));
+    const lastIndex = computed(() => props.createOption ? filteredOptions.value.length : filteredOptions.value.length - 1);
     const isMobile = getIsMobile();
     const focused = ref(false);
     const loadingOptionIndex = ref(null);
+    const loadingCreate = ref(false);
     const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
     const prefixList = computed(() => props.modelValue.map((value) => data.value?.find((item) => props.valueGetter(item) === value)).filter((item) => item !== void 0));
     const close = () => {
@@ -144,12 +146,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("unselect", item);
       search.value = "";
     };
-    const createOption = (item) => {
+    const createOption = async (value) => {
       if (isDisabled.value) return;
-      if (!props.allowCreate) return;
-      setLoadingOptionIndex(filteredOptions.value.length);
-      emit("create:option", item);
-      search.value = "";
+      if (!props.createOption) return;
+      loadingCreate.value = true;
+      const option = await props.createOption(value);
+      if (option) {
+        setLoadingOptionIndex(filteredOptions.value.length);
+        select(props.valueGetter(option));
+        search.value = "";
+      }
+      loadingCreate.value = false;
     };
     const focus = () => {
       input.value?.focus();
@@ -160,6 +167,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setSearch = (value) => {
       search.value = value;
     };
+    if (props.useQueryFnDefault) {
+      const { data: defaultData } = props.useQueryFnDefault({ enabled });
+      watch(defaultData, (value) => {
+        if (value && props.modelValue.length === 0) select(props.valueGetter(value));
+      }, { immediate: true });
+    }
     watch(toRef(props, "modelValue"), async () => {
       await nextTick();
       input.value?.updateDropdown();
@@ -177,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...props,
         modelValue: search.value,
         hideInput: _ctx.modelValue.length === 0 ? false : unref(isMobile) ? !focused.value : !isOpen.value,
-        loading: _ctx.loading || unref(isLoading)
+        loading: _ctx.loading || unref(isLoading) || loadingCreate.value
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !_ctx.loading && !unref(isLoading) && (search.value = $event ?? "")),
@@ -263,11 +276,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
           }), 128)),
-          _ctx.allowCreate && search.value !== "" ? (openBlock(), createBlock(_sfc_main$3, {
+          createOption && search.value !== "" ? (openBlock(), createBlock(_sfc_main$3, {
             key: 1,
             "is-selected": false,
             "is-cursor": cursor.value === filteredOptions.value.length,
-            loading: loadingOptionIndex.value === filteredOptions.value.length && _ctx.loading,
+            loading: (loadingCreate.value || loadingOptionIndex.value === filteredOptions.value.length) && _ctx.loading,
             scroll: isCursorLocked.value,
             "hide-option-icon": _ctx.hideOptionIcon,
             class: "first:pt-4 last:pb-4",

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

@@ -4,13 +4,11 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         readonly onSelect?: ((item: Model) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         readonly onUnselect?: ((item: Model) => any) | undefined;
-        readonly "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         onSelect?: ((item: Model) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         onUnselect?: ((item: Model) => any) | undefined;
-        "onCreate:option"?: ((value: string) => any) | undefined;
-    }>, never>, "onSelect" | "onUpdate:modelValue" | "onUnselect" | "onCreate:option"> & SelectAsyncProps<Model, Data, QueryParams, OptionComponent>> & import('vue').PublicProps;
+    }>, never>, "onSelect" | "onUpdate:modelValue" | "onUnselect"> & SelectAsyncProps<Model, Data, QueryParams, OptionComponent>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
@@ -43,7 +41,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         (e: "select", item: Model): void;
         (e: "unselect", item: Model): void;
         (e: "update:modelValue", value: Model[]): void;
-        (e: "create:option", value: string): void;
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAgPA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8fxD,mBAAmB,CAAC;;;;;;;;;;oJAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAlZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAH7G,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAjGjH,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;YAkfC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxgBvE,wBAwgB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAmQA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+gBxD,mBAAmB,CAAC;;;;;;;;gIAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAjZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAH7G,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAnHjH,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YAogBJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzhBvE,wBAyhB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
 import { getIsMobile } from '../../utils/mobile.js';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import _sfc_main$2 from './components/SelectAsyncPrefix.vue.js';
@@ -18,10 +18,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     valueQueryKey: { default: "id__in" },
     modelValue: {},
     valueGetter: { type: Function, default: (data) => data.id },
+    useQueryFnDefault: {},
     emptyStub: { default: "No match" },
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: {},
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },
@@ -62,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["select", "unselect", "update:modelValue", "create:option"],
+  emits: ["select", "unselect", "update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -73,7 +74,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const isFetchingPrefix = ref(false);
     const search = ref("");
+    const loadingCreate = ref(false);
     const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
+    const enabled = computed(() => !props.disabled);
     const close = () => {
       isOpen.value = false;
       focused.value = false;
@@ -101,10 +104,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("unselect", item);
       search.value = "";
     };
-    const create = () => {
+    const create = async () => {
       if (isDisabled.value) return;
-      emit("create:option", search.value);
-      search.value = "";
+      if (!props.createOption) return;
+      loadingCreate.value = true;
+      const option = await props.createOption(search.value);
+      if (option) {
+        select(props.valueGetter(option));
+        search.value = "";
+      }
+      loadingCreate.value = false;
     };
     const updateSelected = (value) => {
       if (isDisabled.value) return;
@@ -121,6 +130,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await nextTick();
       input.value?.updateDropdown();
     };
+    if (props.useQueryFnDefault) {
+      const { data: defaultData } = props.useQueryFnDefault({ enabled });
+      watch(defaultData, (value) => {
+        if (value && props.modelValue.length === 0) select(props.valueGetter(value));
+      }, { immediate: true });
+    }
     __expose({
       focus,
       blur
@@ -132,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         ...props,
         modelValue: search.value,
-        loading: _ctx.loading || isFetchingPrefix.value,
+        loading: _ctx.loading || isFetchingPrefix.value || loadingCreate.value,
         hideInput: unref(isMobile) ? !focused.value : !isOpen.value
       }, {
         class: _ctx.$attrs.class,
@@ -193,9 +208,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading || isFetchingPrefix.value,
             disabled: isDisabled.value,
             "empty-stub": _ctx.emptyStub,
-            "allow-create": _ctx.allowCreate && search.value !== "",
+            "allow-create": _ctx.createOption && search.value !== "",
             "hide-option-icon": _ctx.hideOptionIcon,
             "value-getter": _ctx.valueGetter,
+            "loading-create": loadingCreate.value,
             onSelect: select,
             onUnselect: unselect,
             "onCreate:option": create,
@@ -218,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             _: 3
-          }, 8, ["model-value", "use-query-fn", "query-params", "is-invalid-page", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter"])
+          }, 8, ["model-value", "use-query-fn", "query-params", "is-invalid-page", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter", "loading-create"])
         ]),
         _: 2
       }, [

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

@@ -2,11 +2,9 @@ import { SelectAsyncSingleProps, SelectOptionComponent } from './types';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        readonly "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        "onCreate:option"?: ((value: string) => any) | undefined;
-    }>, never>, "onUpdate:modelValue" | "onCreate:option"> & SelectAsyncSingleProps<Model, Data, QueryParams, OptionComponent, AllowClear>> & import('vue').PublicProps;
+    }>, never>, "onUpdate:modelValue"> & SelectAsyncSingleProps<Model, Data, QueryParams, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
@@ -21,10 +19,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         }): any;
         right?(_: {}): any;
     };
-    emit: {
-        (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model): void;
-        (e: "create:option", value: string): void;
-    };
+    emit: (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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":"AA2FA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2MxD,mBAAmB,CAAC;;;;;;0IAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBApCe,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;;;YAjKzB,mBAAmB,0DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;YAsMC,OAAO,CAAC,OAAO,WAAW,CAAC;;AArNvE,wBAqN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsLxD,mBAAmB,CAAC;;;;sHAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCc,GAAG;0BACC,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;;cA9IzB,mBAAmB,4DAAoB,IAAI;;;;YAkLL,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhMvE,wBAgM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -17,9 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     searchField: {},
     valueQueryKey: {},
     valueGetter: { type: Function },
+    useQueryFnDefault: {},
     emptyStub: {},
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: { type: Function },
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },
@@ -60,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["update:modelValue", "create:option"],
+  emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -69,9 +70,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
-    const createOption = (value) => {
-      emit("create:option", value);
-    };
     const blur = () => {
       selectComponent.value?.blur();
     };
@@ -93,8 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-        onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
-        "onCreate:option": _cache[2] || (_cache[2] = ($event) => createOption($event))
+        onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null))
       }), createSlots({
         option: withCtx(({ option, selected, model }) => [
           renderSlot(_ctx.$slots, "option", {

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

@@ -2,11 +2,9 @@ import { SelectSingleProps, SelectOptionComponent } from './types';
 declare const _default: <Model extends number | string, Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        readonly "onCreate:option"?: ((value: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         "onUpdate:modelValue"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
-        "onCreate:option"?: ((value: string) => any) | undefined;
-    }>, never>, "onUpdate:modelValue" | "onCreate:option"> & SelectSingleProps<Model, Data, OptionComponent, AllowClear>> & import('vue').PublicProps;
+    }>, never>, "onUpdate:modelValue"> & SelectSingleProps<Model, Data, OptionComponent, AllowClear>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
@@ -21,10 +19,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         }): any;
         right?(_: {}): any;
     };
-    emit: {
-        (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model): void;
-        (e: "create:option", value: string): void;
-    };
+    emit: (e: "update:modelValue", value: AllowClear extends true ? Model | null : Model) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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":"AA4FA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC3I,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsNxD,mBAAmB,CAAC;;;;;;wHAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBApCe,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;;;YA5KzB,mBAAmB,0DAAoB,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;YAiNC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhOvE,wBAgO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC3I,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiMxD,mBAAmB,CAAC;;;;oGAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;YACL,GAAG;uBACJ,GAAG;;cAzJzB,mBAAmB,4DAAoB,IAAI;;;;YA6LL,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3MvE,wBA2M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -11,9 +11,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useQueryFnOptions: {},
     valueGetter: { type: Function },
     searchFn: { type: Function },
+    useQueryFnDefault: {},
     emptyStub: {},
     hidePrefix: { type: Boolean },
-    allowCreate: { type: Boolean },
+    createOption: { type: Function },
     hideOptionIcon: { type: Boolean },
     mobileTitle: {},
     persist: { type: Boolean },
@@ -54,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     optionComponentProps: {}
   },
-  emits: ["update:modelValue", "create:option"],
+  emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -64,9 +65,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
       blur();
     };
-    const createOption = (value) => {
-      emit("create:option", value);
-    };
     const blur = () => {
       selectComponent.value?.blur();
     };
@@ -87,8 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
         onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
-        "onCreate:option": _cache[2] || (_cache[2] = ($event) => createOption($event)),
-        onFocus: _cache[3] || (_cache[3] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? selectComponent.value?.setSearch(_ctx.modelValue) : void 0)
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? selectComponent.value?.setSearch(_ctx.modelValue) : void 0)
       }), createSlots({
         option: withCtx(({ option, selected, model }) => [
           renderSlot(_ctx.$slots, "option", {

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

@@ -29,6 +29,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         hideOptionIcon?: boolean;
         valueGetter: (data: Data) => Model;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
+        loadingCreate?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         cursorUp: () => void;

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":"yBAwNiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6fxD,mBAAmB,CAAC;;;;;;;;;;;;;oBAzfhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;2BACvB,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAyeU,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;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;;;;;YAuegB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvgBvE,wBAugB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBAyNiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8fxD,mBAAmB,CAAC;;;;;;;;;;;;;oBA1fhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;2BACvB,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;KAye8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;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;;;;;YAuegB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxgBvE,wBAwgB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -22,7 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCreate: { type: Boolean },
     hideOptionIcon: { type: Boolean },
     valueGetter: { type: Function },
-    queryOptions: {}
+    queryOptions: {},
+    loadingCreate: { type: Boolean }
   },
   emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -158,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           "is-selected": false,
           "is-cursor": cursor.value === null,
-          loading: _ctx.loading && loadingOption.value === null,
+          loading: _ctx.loading && (_ctx.loadingCreate || loadingOption.value === null),
           scroll: isCursorLocked.value,
           previous: lastItem.value,
           next: firstItem.value,

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

@@ -16,10 +16,11 @@ export interface SelectProps<Model extends number | string, Data extends Default
     useQueryFnOptions: UseQueryEmpty<Data[]>;
     valueGetter: (value: Data) => Model;
     searchFn: (option: Data, search: string) => boolean;
+    useQueryFnDefault?: UseQueryEmpty<Data>;
     emptyStub?: string;
     disableClear?: boolean;
     hidePrefix?: boolean;
-    allowCreate?: boolean;
+    createOption?: (search: string) => (Data | undefined) | Promise<Data | undefined>;
     hideOptionIcon?: boolean;
 }
 export interface SelectPrefixProps<Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"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"}

package/package.json

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