@fastkit/vui 0.18.10 → 0.18.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.18.10",
+  "version": "0.18.11",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -45,30 +45,30 @@
   ],
   "dependencies": {
     "@fastkit/color-scheme": "1.0.14",
-    "@fastkit/dom": "0.1.7",
     "@fastkit/color-scheme-gen": "0.13.14",
     "@fastkit/helpers": "0.13.7",
-    "@fastkit/icon-font": "1.0.9",
+    "@fastkit/dom": "0.1.7",
     "@fastkit/media-match": "1.0.9",
-    "@fastkit/rules": "0.13.8",
+    "@fastkit/icon-font": "1.0.9",
     "@fastkit/media-match-gen": "0.13.14",
-    "@fastkit/stylebase": "0.13.1",
+    "@fastkit/rules": "0.13.8",
     "@fastkit/tiny-logger": "0.13.7",
+    "@fastkit/stylebase": "0.13.1",
+    "@fastkit/vue-body-scroll-lock": "0.1.16",
     "@fastkit/vue-action": "0.2.17",
-    "@fastkit/vue-app-layout": "0.14.19",
+    "@fastkit/vue-form-control": "0.19.6",
     "@fastkit/vue-click-outside": "0.1.17",
-    "@fastkit/vue-body-scroll-lock": "0.1.16",
+    "@fastkit/vue-app-layout": "0.14.19",
     "@fastkit/vue-color-scheme": "0.14.16",
-    "@fastkit/vue-keyboard": "0.1.7",
     "@fastkit/vue-loading": "0.14.17",
-    "@fastkit/vue-form-control": "0.19.5",
+    "@fastkit/vue-keyboard": "0.1.7",
     "@fastkit/vue-location": "0.1.23",
-    "@fastkit/vue-media-match": "0.13.14",
     "@fastkit/vue-resize": "0.1.16",
+    "@fastkit/vue-media-match": "0.13.14",
     "@fastkit/vue-scroller": "0.14.18",
     "@fastkit/vue-stack": "0.15.43",
-    "@fastkit/vue-transitions": "0.1.20",
-    "@fastkit/vue-utils": "0.14.14"
+    "@fastkit/vue-utils": "0.14.14",
+    "@fastkit/vue-transitions": "0.1.20"
   },
   "peerDependencies": {
     "vue": "^3.3.0",

package/src/components/VCheckable/VCheckable.tsx

@@ -2,13 +2,16 @@ import './VCheckable.scss';
 import { computed, defineComponent } from 'vue';
 import { defineSlots } from '@fastkit/vue-utils';
 import { useVuiColorProvider } from '../../injections';
+import { FormNodeErrorSlotsSource } from '@fastkit/vue-form-control';
 
-const slots = defineSlots<{
-  input?: () => any;
-  faux?: () => any;
-  icon?: () => any;
-  label?: () => any;
-}>();
+export const CHECKABLE_SLOTS = defineSlots<
+  {
+    input?: () => any;
+    faux?: () => any;
+    icon?: () => any;
+    label?: () => any;
+  } & FormNodeErrorSlotsSource
+>();
 
 export const VCheckable = defineComponent({
   name: 'VCheckable',
@@ -17,10 +20,10 @@ export const VCheckable = defineComponent({
     disabled: Boolean,
     readonly: Boolean,
     checked: Boolean,
-    ...slots(),
+    ...CHECKABLE_SLOTS(),
     // autoWidth: Boolean,
   },
-  slots,
+  slots: CHECKABLE_SLOTS,
   setup(props, ctx) {
     const colorProvider = useVuiColorProvider();
     const invalid = computed(() => props.invalid);

package/src/components/VForm/VForm.tsx

@@ -55,12 +55,7 @@ export const VForm = defineComponent({
     });
 
     return () => (
-      <form
-        ref={nodeControl.formRef()}
-        class={classes.value}
-        action={nodeControl.nativeAction}
-        spellcheck={nodeControl.spellcheck}
-        onSubmit={nodeControl.handleSubmit}>
+      <form class={classes.value} {...nodeControl.formAttrs}>
         {ctx.slots.default?.(nodeControl)}
       </form>
     );

package/src/components/VFormGroup/VFormGroup.tsx

@@ -3,6 +3,7 @@ import {
   FormGroupControl,
   createFormGroupSettings,
   useFormGroup,
+  FormNodeErrorSlotsSource,
 } from '@fastkit/vue-form-control';
 import { DefineSlotsType, defineSlots } from '@fastkit/vue-utils';
 import { createControlProps, useControl } from '../../composables';
@@ -14,7 +15,9 @@ export type VFormGroupSlots = DefineSlotsType<{
   default?: (form: FormGroupControl) => any;
 }>;
 
-export const formGroupSlots = defineSlots<VFormGroupSlots>();
+export const formGroupSlots = defineSlots<
+  VFormGroupSlots & FormNodeErrorSlotsSource
+>();
 
 export function createVFormGroupProps() {
   return {