nuxt-ui-tools 1.16.3 → 1.16.5

package/dist/module.json

@@ -5,7 +5,7 @@
   "configKey": "nuxtUiTools",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "name": "nuxt-ui-tools",
-  "version": "1.16.3",
+  "version": "1.16.5",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/form/composables/use-field-options.js

@@ -230,8 +230,9 @@ export function useFieldOptions(params) {
   watch(
     sourceItems,
     (nextOptions, previousOptions) => {
-      if (optionConfig.value?.onOptionsChange) {
-        optionConfig.value.onOptionsChange(nextOptions, {
+      const config = optionConfig.value;
+      if (config && "onOptionsChange" in config && config.onOptionsChange) {
+        config.onOptionsChange(nextOptions, {
           ...params.callbackParams.value,
           previousOptions: previousOptions ?? []
         });
@@ -455,7 +456,7 @@ function isAsyncResource(value) {
   return "pending" in value && "fetching" in value && "refresh" in value && isFunction(value.refresh);
 }
 function isFormOptionConfig(value) {
-  return isRecord(value) && "source" in value;
+  return isRecord(value) && ("source" in value || value.mode === "remote");
 }
 function hasCreateHandler(value) {
   if (!isRecord(value)) {

package/dist/runtime/form/fields/select/component.vue

@@ -31,6 +31,7 @@ const {
   { omit: ["createItem", "max", "searchable", "clearable"] }
 );
 const searchTerm = ref("");
+const open = ref(false);
 const model = computed({
   get: () => {
     const value = form.getValue(props.path);
@@ -76,8 +77,9 @@ watch(searchTerm, (term) => {
     options.setSearch(term);
   }
 });
-function handleOpen(open) {
-  if (open) {
+function handleOpen(next) {
+  open.value = next;
+  if (next) {
     options.activate();
   }
 }
@@ -85,7 +87,11 @@ async function handleCreate(label) {
   await options.create(label);
 }
 async function handleCreateAction() {
-  await options.create(searchTerm.value.trim() || void 0);
+  const label = searchTerm.value.trim() || void 0;
+  if (!fieldProps.value.multiple) {
+    open.value = false;
+  }
+  await options.create(label);
 }
 async function handleNativeCreate(label) {
   const normalizedLabel = label.trim();
@@ -107,6 +113,7 @@ function isOptionValue(value) {
     v-if="bare"
     v-model="model"
     v-model:search-term="searchTerm"
+    :open="open"
     v-bind="controlProps"
     class="w-full"
     value-key="value"
@@ -152,6 +159,7 @@ function isOptionValue(value) {
     <USelectMenu
       v-model="model"
       v-model:search-term="searchTerm"
+      :open="open"
       v-bind="controlProps"
       class="w-full"
       value-key="value"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.16.3",
+  "version": "1.16.5",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",