@wssto2/vue-core 0.4.16 → 0.4.18

package/dist/form/SelectField.vue.d.ts

@@ -1,13 +1,13 @@
 import { type FieldProps, type FieldSlots } from "./field";
-import type { SelectOption } from "./options";
-import { type OptionsSource } from "./useOptions";
-declare const _default: <Value extends string | number, Clearable 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<{
+import type { OptionSlotScope, SelectOption } from "./options";
+import { type AsyncOptions, type OptionsSource } from "./useOptions";
+declare const _default: <Value extends string | number, Clearable extends boolean = false, Meta = undefined, Source extends OptionsSource<Value, Meta> = OptionsSource<Value, Meta>>(__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: Clearable extends true ? Value | null : Value) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Clearable extends true ? Value | null : Source extends AsyncOptions<Value, Meta> ? Value | null : Value) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (FieldProps & {
-        options: OptionsSource<Value>;
+        options: Source & OptionsSource<Value, Meta>;
         /** The option of the current value when the caller already has it (a saved record's model): its label shows before the options arrive, or when they do not contain it. */
-        selected?: SelectOption<Value> | null;
+        selected?: SelectOption<Value, Meta> | null;
         placeholder?: string;
         clearable?: Clearable;
         modelValue?: Value | null;
@@ -16,8 +16,11 @@ declare const _default: <Value extends string | number, Clearable extends boolea
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: FieldSlots;
-    emit: (evt: "update:modelValue", value: Clearable extends true ? Value | null : Value) => void;
+    slots: FieldSlots & {
+        /** Replaces what an option row says (an icon, a badge); the row, its check, keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
+    emit: (evt: "update:modelValue", value: Clearable extends true ? Value | null : Source extends AsyncOptions<Value, Meta> ? Value | null : Value) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/form/SuggestionList.vue.d.ts

@@ -1,15 +1,15 @@
-import type { SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption } from "./options";
 import { type SuggestionStatus } from "./suggestions";
-declare const _default: <Value extends string | number>(__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<{
+declare const _default: <Value extends string | number, Meta = undefined>(__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 onPick?: ((option: SelectOption<Value>) => any) | undefined;
+        readonly onPick?: ((option: SelectOption<Value, Meta>) => any) | undefined;
         readonly onHover?: ((index: number) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onPick" | "onHover"> & {
         /** The input's id: the list and its rows are named from it (`aria-controls`, `aria-activedescendant`). */
         id: string;
         anchor: HTMLElement | null;
         open: boolean;
-        items: readonly SelectOption<Value>[];
+        items: readonly SelectOption<Value, Meta>[];
         highlighted: number;
         query: string;
         status: SuggestionStatus;
@@ -19,11 +19,16 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
         emptyMessage: boolean;
         /** The line of keys under the list (hidden on touch screens). */
         hint?: string;
+        /** The chosen value, for the `#option` slot's `selected`. */
+        selected?: Value | null;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
-    emit: ((evt: "pick", option: SelectOption<Value>) => void) & ((evt: "hover", index: number) => void);
+    slots: {
+        /** Replaces what a row says (label with the match marked, and detail). The row, its keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
+    emit: ((evt: "pick", option: SelectOption<Value, Meta>) => void) & ((evt: "hover", index: number) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/form/index.d.ts

@@ -68,6 +68,8 @@ export type { SaveChromeOptions } from "./useSaveChrome";
 export { default as CommandDialog } from "./CommandDialog.vue";
 export { useCommand } from "./useCommand";
 export type { Command, CommandOptions } from "./useCommand";
+export { useRecordDialog } from "./useRecordDialog";
+export type { RecordDialog, RecordDialogOptions } from "./useRecordDialog";
 export { default as NumberCell } from "./NumberCell.vue";
 export { useStepForm } from "./steps";
 export type { StepDefinition, StepDialogBinding, StepDraftOptions, StepFlow, StepFormOptions, StepState } from "./steps";