nuxt-ui-tools 1.10.0 → 1.10.1

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.10.0",
+  "version": "1.10.1",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/form/composables/use-field-control.d.ts

@@ -30,7 +30,7 @@ export declare function useFieldControl<TField extends FormField>(field: () => T
         activate: () => void;
         add: (option: FormValue) => import("../utils/options.js").ResolvedFormOption;
         creatable: import("vue").ComputedRef<boolean>;
-        create: (label: string) => Promise<import("../utils/options.js").ResolvedFormOption | null>;
+        create: (label?: string) => Promise<import("../utils/options.js").ResolvedFormOption | null>;
         createLabel: import("vue").ComputedRef<string | undefined>;
         creating: import("vue").ComputedRef<boolean>;
         disableOnLoading: import("vue").ComputedRef<boolean>;

package/dist/runtime/form/composables/use-field-options.d.ts

@@ -12,7 +12,7 @@ export declare function useFieldOptions(params: {
     activate: () => void;
     add: (option: FormValue) => ResolvedFormOption;
     creatable: ComputedRef<boolean>;
-    create: (label: string) => Promise<ResolvedFormOption | null>;
+    create: (label?: string) => Promise<ResolvedFormOption | null>;
     createLabel: ComputedRef<string | undefined>;
     creating: ComputedRef<boolean>;
     disableOnLoading: ComputedRef<boolean>;

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

@@ -46,7 +46,10 @@ export function useFieldOptions(params) {
     }
     return resolveTrackedOptionSource(params.field(), params.callbackParams.value);
   });
-  const resolvedSource = computed(() => trackedOptionSource.value.source);
+  const resolvedSource = computed(() => {
+    const { source } = trackedOptionSource.value;
+    return isRuntimeQueryOptions(source) && isDisabledQueryOptions(source) ? [] : source;
+  });
   const contextResources = computed(() => {
     const { ctx } = params.callbackParams.value;
     if (!isRecord(ctx)) {
@@ -260,8 +263,8 @@ export function useFieldOptions(params) {
     return normalized;
   }
   async function create(label) {
-    const normalizedLabel = label.trim();
-    if (!normalizedLabel || creating.value) {
+    const normalizedLabel = label?.trim() ?? "";
+    if (!isUndefined(label) && !normalizedLabel || creating.value) {
       return null;
     }
     const createOption = optionConfig.value?.create;
@@ -435,6 +438,9 @@ function trackContextAccess(ctx, contextKeys) {
     }
   });
 }
+function isDisabledQueryOptions(source) {
+  return Object.getOwnPropertyDescriptor(source, "enabled")?.value === false;
+}
 function isRuntimeQueryOptions(value) {
   if (!isRecord(value)) {
     return false;

package/dist/runtime/form/fields/auto-complete/component.vue

@@ -77,7 +77,7 @@ async function handleCreate(label) {
   await options.create(label);
 }
 async function handleCreateAction() {
-  await handleCreate(searchTerm.value);
+  await options.create(searchTerm.value.trim() || void 0);
 }
 async function handleNativeCreate(label) {
   const normalizedLabel = label.trim();

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

@@ -85,7 +85,7 @@ async function handleCreate(label) {
   await options.create(label);
 }
 async function handleCreateAction() {
-  await handleCreate(searchTerm.value);
+  await options.create(searchTerm.value.trim() || void 0);
 }
 async function handleNativeCreate(label) {
   const normalizedLabel = label.trim();

package/dist/runtime/form/types/api.d.ts

@@ -86,8 +86,11 @@ export interface FormFieldOptionsApi<TOption = FormValue> {
     error: () => FormValue | null;
     /** Refreshes the option source when it is async or query-backed. */
     refresh: () => Promise<void>;
-    /** Creates a new option when the field configured an option creation handler. */
-    create: (label: string) => Promise<TOption | null>;
+    /**
+     * Creates a new option when the field configured an option creation handler. A blank typed label
+     * creates nothing; calling it without a label runs the handler with an empty one.
+     */
+    create: (label?: string) => Promise<TOption | null>;
     /** Returns hydrated options for the current selection, including values outside loaded pages. */
     selected: () => readonly TOption[];
     /** True when the field loads options remotely. */

package/dist/runtime/form/types/options-runtime.d.ts

@@ -49,5 +49,6 @@ export interface FormOptionRuntimeState {
     /** Loads the direct children of a remote tree option. */
     loadChildren: (option: ResolvedFormOption) => Promise<void>;
     add: (option: FormValue) => void;
-    create: (label: string) => Promise<ResolvedFormOption | null>;
+    /** Creates an option; a blank typed label creates nothing, and no label runs the handler with an empty one. */
+    create: (label?: string) => Promise<ResolvedFormOption | null>;
 }

package/dist/runtime/form/types/options.d.ts

@@ -33,7 +33,10 @@ export type FormOptionsSource<TOption, TContext = NonNullable<unknown>, TDeps =
  * Option creation hook for fields that can create a missing option from user input.
  */
 export interface FormCreateOptionParams<TContext = NonNullable<unknown>, TDeps = FormDependencies, TValue = FormValue, TOption = FormValue> extends FormFieldCallbackParams<TContext, TDeps, TValue, TOption> {
-    /** User-entered label that should be converted into a concrete option. */
+    /**
+     * User-entered label that should be converted into a concrete option. Empty when the explicit
+     * create action runs without a search term, such as a creator that opens its own form.
+     */
     label: string;
 }
 export interface FormCreateOption<TOption, TContext = NonNullable<unknown>, TDeps = FormDependencies, TValue = FormValue> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "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",