@fastkit/vui 0.17.0 → 0.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -44,31 +44,31 @@
     "src"
   ],
   "dependencies": {
+    "@fastkit/dom": "0.1.7",
     "@fastkit/color-scheme": "1.0.14",
-    "@fastkit/color-scheme-gen": "0.13.14",
     "@fastkit/helpers": "0.13.7",
+    "@fastkit/color-scheme-gen": "0.13.14",
     "@fastkit/icon-font": "1.0.9",
-    "@fastkit/dom": "0.1.7",
     "@fastkit/media-match": "1.0.9",
     "@fastkit/media-match-gen": "0.13.14",
     "@fastkit/rules": "0.13.8",
-    "@fastkit/stylebase": "0.13.1",
     "@fastkit/tiny-logger": "0.13.7",
-    "@fastkit/vue-app-layout": "0.14.17",
+    "@fastkit/stylebase": "0.13.1",
     "@fastkit/vue-action": "0.2.15",
     "@fastkit/vue-click-outside": "0.1.15",
+    "@fastkit/vue-app-layout": "0.14.17",
     "@fastkit/vue-color-scheme": "0.14.14",
-    "@fastkit/vue-form-control": "0.18.0",
     "@fastkit/vue-body-scroll-lock": "0.1.14",
+    "@fastkit/vue-form-control": "0.19.0",
     "@fastkit/vue-keyboard": "0.1.7",
+    "@fastkit/vue-media-match": "0.13.14",
     "@fastkit/vue-loading": "0.14.15",
     "@fastkit/vue-location": "0.1.21",
-    "@fastkit/vue-media-match": "0.13.14",
-    "@fastkit/vue-scroller": "0.14.16",
     "@fastkit/vue-resize": "0.1.14",
+    "@fastkit/vue-scroller": "0.14.16",
+    "@fastkit/vue-transitions": "0.1.15",
     "@fastkit/vue-stack": "0.15.36",
-    "@fastkit/vue-utils": "0.14.12",
-    "@fastkit/vue-transitions": "0.1.15"
+    "@fastkit/vue-utils": "0.14.12"
   },
   "peerDependencies": {
     "vue": "^3.3.0",

package/src/components/VFormControl/VFormControl.tsx

@@ -1,10 +1,10 @@
 import './VFormControl.scss';
 import { computed, defineComponent, VNodeChild } from 'vue';
 import {
-  createFormControlSettings,
-  useFormControl,
-  FormControlSlots,
-  FormControl,
+  createFormNodeWrapperSettings,
+  useFormNodeWrapper,
+  FormNodeWrapperSlots,
+  FormNodeWrapper,
   RequiredChipSource,
 } from '@fastkit/vue-form-control';
 import { defineSlots } from '@fastkit/vue-utils';
@@ -13,7 +13,7 @@ import type { VuiService } from '../../service';
 import { VIcon } from '../VIcon';
 import { VTooltip } from '../VTooltip';
 
-const { props, emits } = createFormControlSettings();
+const { props, emits } = createFormNodeWrapperSettings();
 
 export function createRequiredChipRenderer(
   required: () => boolean,
@@ -42,8 +42,8 @@ export function createRequiredChipRenderer(
 }
 
 const slots = defineSlots<
-  FormControlSlots & {
-    default?: (form: FormControl) => any;
+  FormNodeWrapperSlots & {
+    default?: (formNodeWrapper: FormNodeWrapper) => any;
   }
 >();
 
@@ -58,7 +58,7 @@ export const VFormControl = defineComponent({
   emits,
   setup(props, ctx) {
     const vui = useVui();
-    const control = useFormControl(props, ctx, {
+    const control = useFormNodeWrapper(props, ctx, {
       hinttipPrepend: () => (
         <VIcon
           class="v-form-control__label__hinttip__icon"

package/src/components/VSelect/VSelect.tsx

@@ -11,8 +11,8 @@ import {
 import {
   createFormSelectorSettings,
   useFormSelectorControl,
-  createFormControlProps,
-  FormControlSlots,
+  createFormNodeWrapperProps,
+  FormNodeWrapperSlots,
   FormSelectorItemControl,
 } from '@fastkit/vue-form-control';
 import {
@@ -57,7 +57,7 @@ const { props, emits } = createFormSelectorSettings({
 });
 
 const slots = defineSlots<
-  FormControlSlots &
+  FormNodeWrapperSlots &
     InputBoxSlots & {
       selection?: (ctx: {
         item: FormSelectorItemControl;
@@ -70,7 +70,7 @@ export const VSelect = defineComponent({
   name: 'VSelect',
   props: {
     ...props,
-    ...createFormControlProps(),
+    ...createFormNodeWrapperProps(),
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),

package/src/components/VTextField/VTextField.tsx

@@ -3,8 +3,8 @@ import { defineComponent, computed } from 'vue';
 import {
   createTextInputNodeSettings,
   useTextInputNodeControl,
-  createFormControlProps,
-  FormControlSlots,
+  createFormNodeWrapperProps,
+  FormNodeWrapperSlots,
   TextInputNodeEmits,
 } from '@fastkit/vue-form-control';
 import { defineSlots, ExtractPropInput } from '@fastkit/vue-utils';
@@ -25,12 +25,12 @@ import { VUI_TEXT_FIELD_SYMBOL } from '../../injections';
 
 const { props, emits } = createTextInputNodeSettings();
 
-const slots = defineSlots<FormControlSlots & InputBoxSlots>();
+const slots = defineSlots<FormNodeWrapperSlots & InputBoxSlots>();
 
 function createTextFieldProps() {
   return {
     ...props,
-    ...createFormControlProps(),
+    ...createFormNodeWrapperProps(),
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),

package/src/components/VTextarea/VTextarea.tsx

@@ -3,8 +3,8 @@ import { defineComponent } from 'vue';
 import {
   createTextareaNodeSettings,
   useTextareaNodeControl,
-  createFormControlProps,
-  FormControlSlots,
+  createFormNodeWrapperProps,
+  FormNodeWrapperSlots,
 } from '@fastkit/vue-form-control';
 import { defineSlots } from '@fastkit/vue-utils';
 import { VFormControl } from '../VFormControl';
@@ -24,13 +24,13 @@ import { VUI_TEXTAREA_SYMBOL, useVui } from '../../injections';
 
 const { props, emits } = createTextareaNodeSettings();
 
-const slots = defineSlots<FormControlSlots & InputBoxSlots>();
+const slots = defineSlots<FormNodeWrapperSlots & InputBoxSlots>();
 
 export const VTextarea = defineComponent({
   name: 'VTextarea',
   props: {
     ...props,
-    ...createFormControlProps(),
+    ...createFormNodeWrapperProps(),
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),

package/src/composables/form-selector.tsx

@@ -1,9 +1,9 @@
 import './form-selector.scss';
 import { VNodeChild, defineComponent, PropType, computed } from 'vue';
 import {
-  createFormControlProps,
+  createFormNodeWrapperProps,
   createFormSelectorSettings,
-  FormControlSlots,
+  FormNodeWrapperSlots,
   useFormSelectorControl,
   FormSelectorControl,
   ResolvedFormSelectorItem,
@@ -40,7 +40,7 @@ export interface DefineFormSelectorComponentOptions {
 }
 
 const slots = defineSlots<
-  FormControlSlots & {
+  FormNodeWrapperSlots & {
     default?: () => any;
   }
 >();
@@ -57,7 +57,7 @@ export function defineFormSelectorComponent(
     name: opts.name,
     props: {
       ...props,
-      ...createFormControlProps(),
+      ...createFormNodeWrapperProps(),
       ...createControlProps(),
       stacked: {
         type: Boolean,

package/src/service.tsx

@@ -20,7 +20,10 @@ import { setDefaultRouterLink } from '@fastkit/vue-action';
 import { LocationService } from '@fastkit/vue-location';
 import { VForm } from './components/VForm';
 import { VTextField, TextFieldInput } from './components/VTextField';
-import { VueForm, FormControlHinttipDelay } from '@fastkit/vue-form-control';
+import {
+  VueForm,
+  FormNodeWrapperHinttipDelay,
+} from '@fastkit/vue-form-control';
 import { getDocumentScroller, UseScroller } from '@fastkit/vue-scroller';
 import { ControlSize } from './schemes';
 import { VButton } from './components/VButton';
@@ -74,7 +77,7 @@ export interface VuiServiceUISettings {
     color?: ScopeName;
     variant?: ColorVariant;
   };
-  hinttipDelay?: FormControlHinttipDelay;
+  hinttipDelay?: FormNodeWrapperHinttipDelay;
   noDataMessage?: VNodeChildOrSlot;
   noResultsMessage?: VNodeChildOrSlot;
   loadingMessage?: VNodeChildOrSlot;