@xleddyl/443-components-vue 0.8.1 → 0.8.3

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

@@ -21,11 +21,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: import("./types.ts").ModalSize;
     label?: string;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    size?: import("./types.ts").ModalSize;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -129,6 +129,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -220,14 +221,15 @@ 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;
     hideClose?: boolean;
     beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
+    minHeight?: string;
 }, {
     confirm: typeof confirm;
     cancel: typeof cancel;
@@ -249,11 +251,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: import("./types.ts").ModalSize;
     label?: string;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    size?: import("./types.ts").ModalSize;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -357,6 +359,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -448,14 +451,15 @@ 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;
     hideClose?: boolean;
     beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
+    minHeight?: string;
 }> & Readonly<{
     onCancel?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;

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

@@ -11,11 +11,11 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly key?: PropertyKey | undefined;
     readonly loading?: boolean | undefined;
     readonly prefix?: "k-modal" | "k-drawer" | undefined;
+    readonly size?: import("./types.ts").ModalSize | undefined;
     readonly label?: string | undefined;
     readonly style?: import("vue").StyleValue;
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
-    readonly size?: import("./types.ts").ModalSize | undefined;
     readonly dir?: string | undefined | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
@@ -119,6 +119,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly color?: string | undefined | undefined;
     readonly id?: string | undefined | undefined;
     readonly lang?: string | undefined | undefined;
+    readonly width?: string | undefined;
     readonly tabindex?: (string | number) | undefined;
     readonly 'aria-activedescendant'?: string | undefined | undefined;
     readonly 'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -210,14 +211,15 @@ 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;
     readonly hideClose?: boolean | undefined;
     readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
+    readonly minHeight?: string | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
     readonly onAfterLeave?: (() => any) | undefined;
@@ -235,11 +237,11 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly key?: PropertyKey | undefined;
     readonly loading?: boolean | undefined;
     readonly prefix?: "k-modal" | "k-drawer" | undefined;
+    readonly size?: import("./types.ts").ModalSize | undefined;
     readonly label?: string | undefined;
     readonly style?: import("vue").StyleValue;
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
-    readonly size?: import("./types.ts").ModalSize | undefined;
     readonly dir?: string | undefined | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
@@ -343,6 +345,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly color?: string | undefined | undefined;
     readonly id?: string | undefined | undefined;
     readonly lang?: string | undefined | undefined;
+    readonly width?: string | undefined;
     readonly tabindex?: (string | number) | undefined;
     readonly 'aria-activedescendant'?: string | undefined | undefined;
     readonly 'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -434,14 +437,15 @@ 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;
     readonly hideClose?: boolean | undefined;
     readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
+    readonly minHeight?: string | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
     readonly onAfterLeave?: (() => any) | undefined;

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;
@@ -213,6 +213,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
 }, {
     openAt: (x: number, y: number) => void;
@@ -227,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;
@@ -428,6 +429,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
 }> & Readonly<{
     onSelect?: ((item: MenuItem, event: Event) => any) | undefined;

package/dist/components/overlays/DropdownMenu.vue

@@ -11,6 +11,8 @@
       :offset="offset"
       :label="label"
       :labelledby="label ? void 0 : triggerId"
+      :match-width="matchTriggerWidth"
+      :style="minWidth ? { minWidth } : void 0"
       @open-change="isOpen = $event"
       @select="(item, event) => emit('select', item, event)"
    />
@@ -27,7 +29,9 @@ const props = defineProps({
   items: { type: Array, required: true },
   placement: { type: null, required: false, default: "bottom-start" },
   offset: { type: Number, required: false, default: 6 },
-  label: { type: String, required: false }
+  label: { type: String, required: false },
+  matchTriggerWidth: { type: Boolean, required: false },
+  minWidth: { type: String, required: false }
 });
 const emit = defineEmits(["select"]);
 const open = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -10,10 +10,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     placement?: OverlayPlacement;
     offset?: number;
     label?: string;
+    matchTriggerWidth?: boolean;
+    minWidth?: string;
     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;
@@ -212,6 +214,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
 }, {
     show: () => void | undefined;
@@ -224,10 +227,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     placement?: OverlayPlacement;
     offset?: number;
     label?: string;
+    matchTriggerWidth?: boolean;
+    minWidth?: string;
     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;
@@ -426,6 +431,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
+    matchWidth?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
 }> & Readonly<{
     onSelect?: ((item: MenuItem, event: Event) => any) | undefined;

package/dist/components/overlays/Modal.vue

@@ -4,6 +4,7 @@
       v-model:open="open"
       prefix="k-modal"
       :root-class="[`k-modal-${size}`, { 'is-sheet': sheet && size !== 'fullscreen' }]"
+      :style="sizeStyle"
       :title="title"
       :description="description"
       :label="label"
@@ -26,7 +27,7 @@
 <script setup>
 import { computed, useTemplateRef } from "vue";
 import DialogFrame from "../../internal/overlays/DialogFrame.vue";
-defineProps({
+const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
   label: { type: String, required: false },
@@ -37,8 +38,14 @@ defineProps({
   sheet: { type: Boolean, required: false, default: true },
   flush: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  beforeClose: { type: Function, required: false }
+  beforeClose: { type: Function, required: false },
+  width: { type: String, required: false },
+  minHeight: { type: String, required: false }
 });
+const sizeStyle = computed(() => ({
+  "--k-modal-custom-width": props.width,
+  "--k-modal-min-height": props.minHeight
+}));
 const slots = defineSlots();
 const slotNames = computed(() => Object.keys(slots));
 const emit = defineEmits(["open", "close", "afterLeave"]);

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

@@ -13,6 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     flush?: boolean;
     loading?: boolean;
     beforeClose?: DialogBeforeClose;
+    width?: string;
+    minHeight?: string;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | undefined;
@@ -234,6 +236,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     flush?: boolean;
     loading?: boolean;
     beforeClose?: DialogBeforeClose;
+    width?: string;
+    minHeight?: string;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | 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/DashboardLayout.vue

@@ -10,6 +10,7 @@
       :close-label="closeLabel"
       :skip-label="skipLabel"
       :fluid="fluid"
+      :fill="fill"
       :topbar="hasDesktopTopbar"
       :storage-key="storageKey || void 0"
       :shortcut="shortcut"
@@ -193,6 +194,7 @@ const props = defineProps({
   storageKey: { type: [String, Boolean], required: false, default: "k-sidebar-collapsed" },
   shortcut: { type: [String, Boolean], required: false, default: "mod+b" },
   fluid: { type: Boolean, required: false },
+  fill: { type: Boolean, required: false },
   viewTransition: { type: Boolean, required: false, default: true },
   navLabel: { type: String, required: false },
   sidebarLabel: { type: String, required: false },

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

@@ -34,6 +34,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
         storageKey?: string | false;
         shortcut?: string | false;
         fluid?: boolean;
+        fill?: boolean;
         viewTransition?: boolean;
         navLabel?: string;
         sidebarLabel?: string;
@@ -61,6 +62,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
         readonly closeLabel?: string | undefined;
         readonly skipLabel?: string | undefined;
         readonly fluid?: boolean | undefined;
+        readonly fill?: boolean | undefined;
         readonly topbar?: boolean | undefined;
         readonly storageKey?: string | false | undefined;
         readonly shortcut?: string | false | undefined;

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

@@ -36,12 +36,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: import("../overlays/types").ModalSize;
     label?: string;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types").ModalSize;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -145,6 +145,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -236,11 +237,12 @@ 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;
+    minHeight?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     open: () => any;
@@ -273,12 +275,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    size?: import("../overlays/types").ModalSize;
     label?: string;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types").ModalSize;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -382,6 +384,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    width?: string;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -473,11 +476,12 @@ 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;
+    minHeight?: string;
 }> & Readonly<{
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;

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

@@ -129,6 +129,7 @@ export interface KAppConfig {
         collapsible?: boolean;
         storageKey?: string | false;
         fluid?: boolean;
+        fill?: boolean;
         breadcrumbs?: boolean;
     };
     auth?: {

package/dist/composables/useForm.d.ts

@@ -1,7 +1,12 @@
-import type { ComputedRef, MaybeRefOrGetter, Ref, UnwrapRef } from 'vue';
+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>;
@@ -36,6 +42,17 @@ export interface FormMessages {
     pattern: (context: FormMessageContext) => string;
     invalid: (context: FormMessageContext) => string;
 }
+export interface FormTranslateContext {
+    name?: string;
+    label?: string;
+    kind: 'error' | 'warning';
+    params?: MessageParams;
+}
+export type FormTranslateMessage = (message: string, context: FormTranslateContext) => string;
+export interface FormConfig {
+    messages?: Partial<FormMessages>;
+    translateMessage?: FormTranslateMessage;
+}
 export type FormValidationTrigger = 'submit' | 'blur' | 'input';
 export type FormIssueKey = IssueKeyResolver;
 export type FormMessageMap = Record<string, string | undefined>;
@@ -50,6 +67,7 @@ export interface UseFormOptions<S extends FormSchema = FormSchema, V extends obj
     warnings?: FormWarnings<V>;
     issueKey?: FormIssueKey;
     messages?: Partial<FormMessages>;
+    translateMessage?: FormTranslateMessage;
     validateOn?: FormValidationTrigger;
     onSubmit?: (values: V) => unknown;
     onInvalid?: (errors: FormErrors<S>) => unknown;
@@ -94,4 +112,8 @@ export interface UseFormReturn<S extends FormSchema = FormSchema, V extends obje
 export declare function isEmptyValue(value: unknown): boolean;
 export declare function useForm<S extends FormSchema = FormSchema, V extends object = FormValues<S>>(options: UseFormOptions<S, V>): UseFormReturn<S, V>;
 export declare function useFormContext(): FormContext | null;
+export declare function provideFormConfig(config: FormConfig): FormConfig;
+export declare function createFormConfig(config: FormConfig): {
+    install(app: App): void;
+};
 export declare function provideForm(form: FormContext): FormContext;

package/dist/composables/useForm.mjs

@@ -1,5 +1,6 @@
 import {
   computed,
+  hasInjectionContext,
   inject,
   isRef,
   provide,
@@ -18,7 +19,8 @@ import {
   keyPath,
   schemaIssues
 } from "../internal/forms/standard-schema.mjs";
-import { FORM_KEY } from "../internal/keys.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 {
@@ -31,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) {
@@ -100,8 +108,24 @@ export function useForm(options) {
   const schema = options.schema ?? {};
   const schemaNames = Object.keys(schema);
   const external = options.values !== void 0;
-  const { t } = useLocale();
-  const messages = computed(() => ({ ...localeFormMessages(t), ...options.messages }));
+  const { t, locale } = useLocale();
+  const config = hasInjectionContext() && inject(FORM_CONFIG_KEY, null) || null;
+  const messages = computed(() => ({
+    ...localeFormMessages(t),
+    ...config?.messages,
+    ...options.messages
+  }));
+  const translator = options.translateMessage ?? config?.translateMessage;
+  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;
+    return { ...issue, message: translate(issue.message, { name, label, kind }) };
+  });
   const validateOn = options.validateOn ?? "submit";
   const issueKey = options.issueKey ?? defaultIssueKey;
   const initialValues = () => Object.fromEntries(schemaNames.map((name) => [name, resolveInitial(schema[name])]));
@@ -153,7 +177,7 @@ export function useForm(options) {
     if (!validator) return groupIssues([]);
     return chain(
       validator["~standard"].validate(cloneValue(target())),
-      (result) => groupIssues(schemaIssues(result.issues ?? []), issueKey)
+      (result) => groupIssues(translateIssues(schemaIssues(result.issues ?? []), "error"), issueKey)
     );
   }
   async function runValidator() {
@@ -164,6 +188,12 @@ export function useForm(options) {
     if (!definition) return void 0;
     const value = readValue(name);
     const fieldMessages = { ...messages.value, ...definition.messages };
+    const own = (message, params) => translate(message, {
+      name,
+      label: definition.label,
+      kind: "error",
+      ...params ? { params } : {}
+    });
     const context = {
       label: definition.label,
       value,
@@ -172,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") {
@@ -197,12 +227,14 @@ export function useForm(options) {
       if (!definition.schema) return void 0;
       return chain(definition.schema["~standard"].validate(value), (result) => {
         const issues = result.issues ?? [];
-        return issues.length ? issues[0].message || fieldMessages.invalid(context) : void 0;
+        return issues.length ? issues[0].message && own(issues[0].message) || fieldMessages.invalid(context) : void 0;
       });
     };
     if (!definition.validate) return runSchema();
     return chain(definition.validate(value, target()), (result) => {
-      if (typeof result === "string" && result) return 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();
     });
@@ -373,7 +405,7 @@ export function useForm(options) {
     let warningRun = 0;
     const applyWarnings = (result) => {
       const list = Array.isArray(result) ? schemaIssues(result) : Object.entries(result ?? {}).filter((entry) => Boolean(entry[1])).map(([key, message]) => ({ message, path: keyPath(key) }));
-      const grouped = groupIssues(list, issueKey);
+      const grouped = groupIssues(translateIssues(list, "warning"), issueKey);
       replaceEntries(warnings, grouped.fields);
       rootWarnings.value = grouped.root;
     };
@@ -423,6 +455,17 @@ export function useForm(options) {
 export function useFormContext() {
   return inject(FORM_KEY, null);
 }
+export function provideFormConfig(config) {
+  provide(FORM_CONFIG_KEY, config);
+  return config;
+}
+export function createFormConfig(config) {
+  return {
+    install(app) {
+      app.provide(FORM_CONFIG_KEY, config);
+    }
+  };
+}
 export function provideForm(form) {
   provide(FORM_KEY, form);
   return form;

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>;