@xleddyl/443-components-vue 0.8.2 → 0.8.3

package/dist/components/forms/DateInput.vue.d.ts

@@ -131,6 +131,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     lang?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -229,16 +230,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -376,6 +378,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     lang?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -474,16 +477,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/forms/NumberInput.vue.d.ts

@@ -230,13 +230,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../../index.ts").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -474,13 +474,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../../index.ts").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/PasswordInput.vue.d.ts

@@ -142,6 +142,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -240,17 +241,18 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    maxlength?: (string | number) | undefined;
     clearable?: boolean;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -401,6 +403,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -499,17 +502,18 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    maxlength?: (string | number) | undefined;
     clearable?: boolean;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/forms/PinInput.vue.d.ts

@@ -229,13 +229,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     formtarget?: string | undefined | undefined;
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -474,13 +474,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     formtarget?: string | undefined | undefined;
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/Select.vue

@@ -41,6 +41,7 @@
                   v-for="option in entry.options"
                   :key="keyOf(option.value)"
                   :value="keyOf(option.value)"
+                  :data-k-option="indexOf(option)"
                   :disabled="option.disabled"
                   :selected="isSelected(option.value)"
                >
@@ -50,6 +51,7 @@
             <option
                v-else
                :value="keyOf(entry.value)"
+               :data-k-option="indexOf(entry)"
                :disabled="entry.disabled"
                :selected="isSelected(entry.value)"
             >
@@ -89,8 +91,12 @@ const control = useFieldControl({
 const flatOptions = computed(
   () => props.options.flatMap((entry) => isGroup(entry) ? entry.options : [entry])
 );
+const optionIndex = computed(
+  () => new Map(flatOptions.value.map((option, index) => [option, index]))
+);
+const hasEmptyOption = computed(() => flatOptions.value.some((option) => option.value === ""));
 const isEmpty = computed(
-  () => model.value === null || model.value === void 0 || model.value === ""
+  () => model.value === null || model.value === void 0 || model.value === "" && !hasEmptyOption.value
 );
 function isGroup(entry) {
   return "options" in entry && Array.isArray(entry.options);
@@ -101,8 +107,21 @@ function keyOf(value) {
 function isSelected(value) {
   return !isEmpty.value && keyOf(value) === keyOf(model.value);
 }
+function indexOf(option) {
+  return optionIndex.value.get(option);
+}
 function onChange(event) {
-  const raw = event.target.value;
+  const select = event.target;
+  const chosen = select.selectedOptions[0];
+  const index = chosen?.dataset.kOption;
+  if (index !== void 0) {
+    const match2 = flatOptions.value[Number(index)];
+    if (match2) {
+      model.value = match2.value;
+      return;
+    }
+  }
+  const raw = select.value;
   if (raw === "" && props.placeholder !== void 0) {
     model.value = null;
     return;

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

@@ -13,9 +13,9 @@ declare const __VLS_export: <T extends string | number | boolean>(__VLS_props: N
         class?: unknown;
         style?: unknown;
     } & {
-        modelValue?: T | string | null | undefined;
+        modelValue?: T | null | undefined;
     }) & {
-        "onUpdate:modelValue"?: ((value: string | T | null | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T | null | undefined) => any) | undefined;
     } & Partial<import("vue").SelectHTMLAttributes & import("vue").ReservedProps>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -27,7 +27,7 @@ declare const __VLS_export: <T extends string | number | boolean>(__VLS_props: N
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (event: "update:modelValue", value: string | T | null | undefined) => void;
+    emit: (event: "update:modelValue", value: T | null | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/forms/Slider.vue.d.ts

@@ -224,13 +224,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -463,13 +463,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/TimeInput.vue.d.ts

@@ -132,6 +132,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -230,16 +231,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -378,6 +380,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -476,16 +479,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/layout/Card.vue.d.ts

@@ -463,8 +463,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     selected: boolean;
     variant: CardVariant;
     as: string;
-    level: HeadingLevel;
     padding: CardPadding;
+    level: HeadingLevel;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/overlays/ConfirmDialog.vue.d.ts

@@ -221,8 +221,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
-    onClose?: (() => any) | undefined;
     sheet?: boolean;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     closeLabel?: string;
     rootClass?: unknown;
@@ -451,8 +451,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
-    onClose?: (() => any) | undefined;
     sheet?: boolean;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     closeLabel?: string;
     rootClass?: unknown;

package/dist/components/overlays/ConfirmHost.vue.d.ts

@@ -211,8 +211,8 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly flush?: boolean | undefined;
-    readonly onClose?: (() => any) | undefined;
     readonly sheet?: boolean | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly closeLabel?: string | undefined;
     readonly rootClass?: unknown;
@@ -437,8 +437,8 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly flush?: boolean | undefined;
-    readonly onClose?: (() => any) | undefined;
     readonly sheet?: boolean | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly closeLabel?: string | undefined;
     readonly rootClass?: unknown;

package/dist/components/overlays/ContextMenu.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
@@ -228,7 +228,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;

package/dist/components/overlays/DropdownMenu.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position.ts").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
@@ -232,7 +232,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position.ts").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;

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

@@ -1,7 +1,7 @@
 import type { LinkTarget } from '../core/types';
 import type { IconName } from '../../composables/useIcons';
-import type { Placement, Side } from '../../internal/floating/position';
-export type { Placement as OverlayPlacement, Side as OverlaySide };
+import type { AnchorTarget, Placement, Side, VirtualAnchor } from '../../internal/floating/position';
+export type { AnchorTarget as OverlayAnchorTarget, Placement as OverlayPlacement, Side as OverlaySide, VirtualAnchor as OverlayVirtualAnchor, };
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fit' | 'fullscreen';
 export type DialogCloseReason = 'escape' | 'backdrop' | 'close-button' | 'action';
 export type DialogBeforeClose = (reason: DialogCloseReason) => boolean | Promise<boolean>;

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -237,8 +237,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     sheet?: boolean;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closedby?: import("../../index.ts").DialogClosedBy;
@@ -476,8 +476,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     flush?: boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     sheet?: boolean;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closedby?: import("../../index.ts").DialogClosedBy;

package/dist/composables/useForm.d.ts

@@ -1,7 +1,12 @@
 import type { App, ComputedRef, MaybeRefOrGetter, Ref, UnwrapRef } from 'vue';
 import type { IssueKeyResolver, StandardSchemaIssue, StandardSchemaV1 } from '../internal/forms/standard-schema';
+import type { MessageParams } from '../locale/types';
 export type { IssuePath as FormIssuePath, StandardSchemaIssue, StandardSchemaResult, StandardSchemaV1, } from '../internal/forms/standard-schema';
-export type FieldValidationResult = string | undefined | null | boolean;
+export interface FieldValidationMessage {
+    message: string;
+    params?: MessageParams;
+}
+export type FieldValidationResult = string | FieldValidationMessage | undefined | null | boolean;
 export interface FieldDefinition<T = unknown> {
     initial?: T | (() => T);
     label?: string;
@@ -11,6 +16,7 @@ export interface FieldDefinition<T = unknown> {
     minLength?: number;
     maxLength?: number;
     pattern?: RegExp;
+    isEmpty?: (value: T) => boolean;
     schema?: StandardSchemaV1;
     validate?: (value: T, values: Record<string, unknown>) => FieldValidationResult | Promise<FieldValidationResult>;
     messages?: Partial<FormMessages>;
@@ -40,6 +46,7 @@ export interface FormTranslateContext {
     name?: string;
     label?: string;
     kind: 'error' | 'warning';
+    params?: MessageParams;
 }
 export type FormTranslateMessage = (message: string, context: FormTranslateContext) => string;
 export interface FormConfig {

package/dist/composables/useForm.mjs

@@ -20,6 +20,7 @@ import {
   schemaIssues
 } from "../internal/forms/standard-schema.mjs";
 import { FORM_CONFIG_KEY, FORM_KEY } from "../internal/keys.mjs";
+import { formatLocaleMessage } from "../locale/index.mjs";
 import { useLocale } from "./useLocale.mjs";
 function localeFormMessages(t) {
   return {
@@ -32,11 +33,17 @@ function localeFormMessages(t) {
     invalid: () => t("form.invalid")
   };
 }
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
 export function isEmptyValue(value) {
   if (value === null || value === void 0) return true;
   if (typeof value === "string") return value.trim() === "";
   if (Array.isArray(value)) return value.length === 0;
   if (typeof value === "number") return Number.isNaN(value);
+  if (isPlainObject(value)) return Object.values(value).every(isEmptyValue);
   return false;
 }
 function cloneValue(value) {
@@ -101,7 +108,7 @@ export function useForm(options) {
   const schema = options.schema ?? {};
   const schemaNames = Object.keys(schema);
   const external = options.values !== void 0;
-  const { t } = useLocale();
+  const { t, locale } = useLocale();
   const config = hasInjectionContext() && inject(FORM_CONFIG_KEY, null) || null;
   const messages = computed(() => ({
     ...localeFormMessages(t),
@@ -109,7 +116,11 @@ export function useForm(options) {
     ...options.messages
   }));
   const translator = options.translateMessage ?? config?.translateMessage;
-  const translate = (message, context) => translator && message ? translator(message, context) : message;
+  const translate = (message, context) => {
+    if (!message) return message;
+    if (translator) return translator(message, context);
+    return context.params ? formatLocaleMessage(locale.value.code, message, context.params) : message;
+  };
   const translateIssues = (issues, kind) => issues.map((issue) => {
     const name = issue.path.map(String).join(".") || void 0;
     const label = name ? schema[name]?.label : void 0;
@@ -177,7 +188,12 @@ export function useForm(options) {
     if (!definition) return void 0;
     const value = readValue(name);
     const fieldMessages = { ...messages.value, ...definition.messages };
-    const own = (message) => translate(message, { name, label: definition.label, kind: "error" });
+    const own = (message, params) => translate(message, {
+      name,
+      label: definition.label,
+      kind: "error",
+      ...params ? { params } : {}
+    });
     const context = {
       label: definition.label,
       value,
@@ -186,7 +202,7 @@ export function useForm(options) {
       minLength: definition.minLength,
       maxLength: definition.maxLength
     };
-    if (isEmptyValue(value)) {
+    if (definition.isEmpty ? definition.isEmpty(value) : isEmptyValue(value)) {
       if (definition.required) return fieldMessages.required(context);
     } else {
       if (typeof value === "number") {
@@ -217,6 +233,8 @@ export function useForm(options) {
     if (!definition.validate) return runSchema();
     return chain(definition.validate(value, target()), (result) => {
       if (typeof result === "string" && result) return own(result);
+      if (result && typeof result === "object" && result.message)
+        return own(result.message, result.params);
       if (result === false) return fieldMessages.invalid(context);
       return runSchema();
     });

package/dist/composables/useOverlay.d.ts

@@ -1,6 +1,6 @@
 import type { AllowedComponentProps, Component, VNodeProps } from 'vue';
 import type { OverlayContext, OverlayEntry, OverlayKind, OverlayOptions } from '../internal/overlays/stack';
-export type { OverlayContext, OverlayKind, OverlayOptions };
+export type { OverlayContext, OverlayEntry, OverlayKind, OverlayOptions };
 export type OverlayComponentProps<C> = C extends new (...args: never[]) => {
     $props: infer P;
 } ? Omit<P, keyof VNodeProps | keyof AllowedComponentProps> : Record<string, unknown>;