@fastkit/vui 0.18.9 → 0.18.11

package/dist/vui.d.ts

@@ -6618,10 +6618,16 @@ declare const formGroupSlots: _fastkit_vue_utils.DefinedSlots<{
     default?: ((form: FormGroupControl) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[]) | undefined;
+} & {
+    error?: ((error: _fastkit_vue_form_control.FormNodeError) => any) | undefined;
+} & {
+    [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => any;
 }>;
 declare function createVFormGroupProps(): {
     'v-slots': vue.PropType<{
+        [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+        error?: ((error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild) | undefined;
     }>;
     size: {
         type: vue.PropType<"sm" | "md" | "lg">;
@@ -6629,6 +6635,7 @@ declare function createVFormGroupProps(): {
     };
     loading: BooleanConstructor;
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6662,7 +6669,9 @@ declare function createVFormGroupProps(): {
 };
 declare const VFormGroup: vue.DefineComponent<{
     'v-slots': vue.PropType<{
+        [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+        error?: ((error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild) | undefined;
     }>;
     size: {
         type: vue.PropType<"sm" | "md" | "lg">;
@@ -6670,6 +6679,7 @@ declare const VFormGroup: vue.DefineComponent<{
     };
     loading: BooleanConstructor;
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6710,7 +6720,9 @@ declare const VFormGroup: vue.DefineComponent<{
     blur: (ev: FocusEvent) => boolean;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
+        [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+        error?: ((error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild) | undefined;
     }>;
     size: {
         type: vue.PropType<"sm" | "md" | "lg">;
@@ -6718,6 +6730,7 @@ declare const VFormGroup: vue.DefineComponent<{
     };
     loading: BooleanConstructor;
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6757,6 +6770,7 @@ declare const VFormGroup: vue.DefineComponent<{
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
+    disableAutoScroll: boolean;
     tabindex: string | number;
     autofocus: boolean;
     disabled: boolean;
@@ -6773,6 +6787,10 @@ declare const VFormGroup: vue.DefineComponent<{
     default?: ((form: FormGroupControl) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[]) | undefined;
+} & {
+    error?: ((error: _fastkit_vue_form_control.FormNodeError) => any) | undefined;
+} & {
+    [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => any;
 }>>;
 
 type VFormSlots = DefineSlotsType<{
@@ -6792,18 +6810,22 @@ declare function createVFormProps(): {
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
+    novalidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     action: vue.PropType<_fastkit_vue_form_control.FormAction>;
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
     };
     sending: BooleanConstructor;
-    disableAutoScroll: BooleanConstructor;
     acceptInvalidSubmission: {
         type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
         default: boolean;
     };
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6844,18 +6866,22 @@ declare const VForm: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
+    novalidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     action: vue.PropType<_fastkit_vue_form_control.FormAction>;
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
     };
     sending: BooleanConstructor;
-    disableAutoScroll: BooleanConstructor;
     acceptInvalidSubmission: {
         type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
         default: boolean;
     };
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6903,18 +6929,22 @@ declare const VForm: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
+    novalidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     action: vue.PropType<_fastkit_vue_form_control.FormAction>;
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
     };
     sending: BooleanConstructor;
-    disableAutoScroll: BooleanConstructor;
     acceptInvalidSubmission: {
         type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
         default: boolean;
     };
     collectErrorMessages: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
     name: StringConstructor;
     tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
@@ -6955,11 +6985,12 @@ declare const VForm: vue.DefineComponent<{
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
     loading: boolean;
+    novalidate: boolean;
     autoValidate: boolean;
     sending: boolean;
-    disableAutoScroll: boolean;
     acceptInvalidSubmission: _fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec;
     collectErrorMessages: boolean;
+    disableAutoScroll: boolean;
     tabindex: string | number;
     autofocus: boolean;
     disabled: boolean;

package/dist/vui.mjs

@@ -2341,12 +2341,12 @@ var VControlField = defineComponent({
       return classes2;
     });
     const resolvedSlots = computed(() => {
-      const slots13 = {};
+      const slots12 = {};
       ADORNMENT_POSITIONS.forEach((position) => {
         const key = `${position}Adornment`;
-        slots13[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
+        slots12[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
       });
-      return slots13;
+      return slots12;
     });
     const renderAdornment = (position) => {
       let child;
@@ -2394,7 +2394,7 @@ var VTextCounter = defineComponent({
     }, [`${this.length} / ${this.maxlength}`]);
   }
 });
-var slots6 = defineSlots();
+var CHECKABLE_SLOTS = defineSlots();
 var VCheckable = defineComponent({
   name: "VCheckable",
   props: {
@@ -2402,10 +2402,10 @@ var VCheckable = defineComponent({
     disabled: Boolean,
     readonly: Boolean,
     checked: Boolean,
-    ...slots6()
+    ...CHECKABLE_SLOTS()
     // autoWidth: Boolean,
   },
-  slots: slots6,
+  slots: CHECKABLE_SLOTS,
   setup(props12, ctx) {
     const colorProvider = useVuiColorProvider();
     const invalid = computed(() => props12.invalid);
@@ -2466,7 +2466,7 @@ var VCheckbox = defineComponent({
     ctx.expose({
       control: api
     });
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "checkbox"
       }),
@@ -2482,7 +2482,7 @@ var VCheckbox = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2496,9 +2496,9 @@ var VCheckboxGroup = defineFormSelectorComponent({
   className: "v-checkbox-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VCheckbox, attrs, _isSlot3(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VCheckbox, attrs, _isSlot3(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2521,7 +2521,7 @@ var VRadio = defineComponent({
     const classes = computed(() => ["v-radio", {
       "v-radio--selected": nodeControl.selected
     }, control.classes.value]);
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "radio"
       }),
@@ -2537,7 +2537,7 @@ var VRadio = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2550,9 +2550,9 @@ var VRadioGroup = defineFormSelectorComponent({
   className: "v-radio-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VRadio, attrs, _isSlot4(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VRadio, attrs, _isSlot4(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2580,7 +2580,7 @@ var VSwitch = defineComponent({
       "v-switch--selected": nodeControl.selected,
       "v-switch--disabled": nodeControl.isDisabled
     }, control.classes.value]);
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "checkbox"
       }),
@@ -2601,7 +2601,7 @@ var VSwitch = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2615,9 +2615,9 @@ var VSwitchGroup = defineFormSelectorComponent({
   className: "v-switch-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VSwitch, attrs, _isSlot5(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VSwitch, attrs, _isSlot5(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2657,16 +2657,16 @@ var VOption = defineComponent({
     };
   }
 });
-var slots7 = defineSlots();
+var slots6 = defineSlots();
 var VOptionGroup = defineComponent({
   name: "VOptionGroup",
   props: {
     ...createFormSelectorItemGroupProps(),
     // eslint-disable-next-line vue/require-prop-types
     label: {},
-    ...slots7()
+    ...slots6()
   },
-  slots: slots7,
+  slots: slots6,
   setup(props12, ctx) {
     const groupControl = useFormSelectorItemGroupControl(props12, ctx, {
       parentNodeType: VUI_SELECT_SYMBOL
@@ -2704,7 +2704,7 @@ var {
 } = createFormSelectorSettings({
   defaultValidateTiming: "blur"
 });
-var slots8 = defineSlots();
+var slots7 = defineSlots();
 var VSelect = defineComponent({
   name: "VSelect",
   props: {
@@ -2713,7 +2713,7 @@ var VSelect = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots8(),
+    ...slots7(),
     ...createPropsOptions({
       placeholder: String,
       loadingMessage: {},
@@ -2721,7 +2721,7 @@ var VSelect = defineComponent({
     }),
     closeOnNavigation: Boolean
   },
-  slots: slots8,
+  slots: slots7,
   emits: emits7,
   setup(props12, ctx) {
     const menuRef = ref(null);
@@ -3044,7 +3044,7 @@ var {
   props: props8,
   emits: emits8
 } = createTextInputNodeSettings();
-var slots9 = defineSlots();
+var slots8 = defineSlots();
 function createTextFieldProps() {
   return {
     ...props8,
@@ -3052,14 +3052,14 @@ function createTextFieldProps() {
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots9()
+    ...slots8()
   };
 }
 var VTextField = defineComponent({
   name: "VTextField",
   props: createTextFieldProps(),
   emits: emits8,
-  slots: slots9,
+  slots: slots8,
   setup(props12, ctx) {
     const inputControl = useTextInputNodeControl(props12, ctx, {
       nodeType: VUI_TEXT_FIELD_SYMBOL
@@ -3178,7 +3178,7 @@ var {
   props: props9,
   emits: emits9
 } = createTextareaNodeSettings();
-var slots10 = defineSlots();
+var slots9 = defineSlots();
 var VTextarea = defineComponent({
   name: "VTextarea",
   props: {
@@ -3187,7 +3187,7 @@ var VTextarea = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots10()
+    ...slots9()
   },
   emits: emits9,
   setup(props12, ctx) {
@@ -3310,13 +3310,9 @@ var VForm = defineComponent({
     ctx.expose({
       control: nodeControl
     });
-    return () => createVNode("form", {
-      "ref": nodeControl.formRef(),
-      "class": classes.value,
-      "action": nodeControl.nativeAction,
-      "spellcheck": nodeControl.spellcheck,
-      "onSubmit": nodeControl.handleSubmit
-    }, [ctx.slots.default?.(nodeControl)]);
+    return () => createVNode("form", mergeProps({
+      "class": classes.value
+    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]);
   }
 });
 function _isSlot7(s) {
@@ -3383,7 +3379,7 @@ var VTab = defineComponent({
 function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var slots11 = defineSlots();
+var slots10 = defineSlots();
 var VTabs = defineComponent({
   name: "VTabs",
   props: {
@@ -3413,13 +3409,13 @@ var VTabs = defineComponent({
     withQuery: Boolean,
     color: String,
     onBeforeChange: Function,
-    ...slots11()
+    ...slots10()
   },
   emits: {
     "update:modelValue": (newValue) => true,
     change: (newValue) => true
   },
-  slots: slots11,
+  slots: slots10,
   setup(props12, ctx) {
     const vui = useVui();
     const internalValueRef = ref(null);
@@ -4595,7 +4591,7 @@ var VToolbarEdge = defineComponent({
     };
   }
 });
-var slots12 = defineSlots();
+var slots11 = defineSlots();
 var VToolbarTitle = defineComponent({
   name: "VToolbarTitle",
   props: {
@@ -4603,9 +4599,9 @@ var VToolbarTitle = defineComponent({
       type: String,
       default: "span"
     },
-    ...slots12()
+    ...slots11()
   },
-  slots: slots12,
+  slots: slots11,
   setup(props12, ctx) {
     const _TagName = computed(() => props12.tag);
     return () => {