@fastkit/vui 0.7.10 → 0.7.14

package/dist/vui.cjs.js

@@ -1384,12 +1384,13 @@ const VNavigationItem = vue.defineComponent({
     const onClick = ev => {
       if (!to.value) {
         return toggle();
-      }
-
-      open(); // if (!to.value) {
+      } // console.log('★');
+      // open();
+      // if (!to.value) {
       //   toggle();
       // }
       // ctx.emit('click', ev);
+
     };
 
     const onChangeActive = isActive => {
@@ -4287,6 +4288,7 @@ exports.VContentSwitcher = VContentSwitcher;
 exports.VDataTable = VDataTable;
 exports.VDrawerLayout = VDrawerLayout;
 exports.VForm = VForm;
+exports.VFormControl = VFormControl;
 exports.VGridContainer = VGridContainer;
 exports.VGridItem = VGridItem;
 exports.VHero = VHero;

package/dist/vui.cjs.prod.js

@@ -1384,12 +1384,13 @@ const VNavigationItem = vue.defineComponent({
     const onClick = ev => {
       if (!to.value) {
         return toggle();
-      }
-
-      open(); // if (!to.value) {
+      } // console.log('★');
+      // open();
+      // if (!to.value) {
       //   toggle();
       // }
       // ctx.emit('click', ev);
+
     };
 
     const onChangeActive = isActive => {
@@ -4287,6 +4288,7 @@ exports.VContentSwitcher = VContentSwitcher;
 exports.VDataTable = VDataTable;
 exports.VDrawerLayout = VDrawerLayout;
 exports.VForm = VForm;
+exports.VFormControl = VFormControl;
 exports.VGridContainer = VGridContainer;
 exports.VGridItem = VGridItem;
 exports.VHero = VHero;

package/dist/vui.d.ts

@@ -18,6 +18,7 @@ import { ExtractPropTypes } from 'vue';
 import { FocusPosition } from '@tiptap/vue-3';
 import { FormAction } from '@fastkit/vue-kit';
 import { FormAutoCapitalize } from '@fastkit/vue-kit';
+import { FormControl } from '@fastkit/vue-kit';
 import { FormControlSlots } from '@fastkit/vue-kit';
 import { FormNodeControl } from '@fastkit/vue-kit';
 import { FormNodeError } from '@fastkit/vue-kit';
@@ -4626,6 +4627,95 @@ export declare const VForm: DefineComponent<{
     disableAutoScroll: boolean;
 }>;
 
+export declare const VFormControl: DefineComponent<{
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & {
+        default: FormControl;
+    }>>;
+    nodeControl: PropType<FormNodeControl<any, any>>;
+    label: PropType<VNodeChildOrSlot<any>>;
+    hint: PropType<VNodeChildOrSlot<any>>;
+    infoAppends: PropType<VNodeChildOrSlot<any>>;
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    errors: {
+        type: PropType<FormNodeError[]>;
+        default: () => FormNodeError[];
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    required: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clickLabel: (ev: MouseEvent, formControl: FormControl) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    'v-slots'?: unknown;
+    nodeControl?: unknown;
+    label?: unknown;
+    hint?: unknown;
+    infoAppends?: unknown;
+    validating?: unknown;
+    pending?: unknown;
+    focused?: unknown;
+    dirty?: unknown;
+    pristine?: unknown;
+    errors?: unknown;
+    disabled?: unknown;
+    readonly?: unknown;
+    touched?: unknown;
+    untouched?: unknown;
+    required?: unknown;
+    invalid?: unknown;
+    valid?: unknown;
+    hiddenInfo?: unknown;
+} & {
+    validating: boolean;
+    pending: boolean;
+    focused: boolean;
+    dirty: boolean;
+    pristine: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    touched: boolean;
+    untouched: boolean;
+    required: boolean;
+    invalid: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    errors: FormNodeError[];
+} & {
+    nodeControl?: FormNodeControl<any, any> | undefined;
+    label?: VNodeChildOrSlot<any>;
+    hint?: VNodeChildOrSlot<any>;
+    infoAppends?: VNodeChildOrSlot<any>;
+    "v-slots"?: ResolveRawSlots<FormControlSlots & {
+        default: FormControl;
+    }> | undefined;
+}> & {
+    onClickLabel?: ((ev: MouseEvent, formControl: FormControl) => any) | undefined;
+}, {
+    validating: boolean;
+    pending: boolean;
+    focused: boolean;
+    dirty: boolean;
+    pristine: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    touched: boolean;
+    untouched: boolean;
+    required: boolean;
+    invalid: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    errors: FormNodeError[];
+}>;
+
 export declare interface VFormSlots {
     default: VueForm;
 }

package/dist/vui.mjs

@@ -1379,12 +1379,13 @@ const VNavigationItem = defineComponent({
     const onClick = ev => {
       if (!to.value) {
         return toggle();
-      }
-
-      open(); // if (!to.value) {
+      } // console.log('★');
+      // open();
+      // if (!to.value) {
       //   toggle();
       // }
       // ctx.emit('click', ev);
+
     };
 
     const onChangeActive = isActive => {
@@ -4262,4 +4263,4 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.7.10",
+  "version": "0.7.14",
   "description": "@fastkit/vui",
   "buildOptions": {
     "name": "Vui",
@@ -32,11 +32,11 @@
     "vue": "^3.2.26"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.10",
-    "@fastkit/icon-font": "0.7.10",
-    "@fastkit/tiny-logger": "0.7.10",
-    "@fastkit/vite-kit": "0.7.10",
-    "@fastkit/vue-kit": "0.7.10",
+    "@fastkit/color-scheme": "0.7.14",
+    "@fastkit/icon-font": "0.7.14",
+    "@fastkit/tiny-logger": "0.7.14",
+    "@fastkit/vite-kit": "0.7.14",
+    "@fastkit/vue-kit": "0.7.14",
     "@tiptap/extension-link": "^2.0.0-beta.35",
     "@tiptap/extension-underline": "^2.0.0-beta.22",
     "@tiptap/starter-kit": "^2.0.0-beta.168",

package/src/components/VNavigation/VNavigationItem.tsx

@@ -192,7 +192,8 @@ export const VNavigationItem = defineComponent({
       if (!to.value) {
         return toggle();
       }
-      open();
+      // console.log('★');
+      // open();
       // if (!to.value) {
       //   toggle();
       // }

package/src/components/index.ts

@@ -11,6 +11,7 @@ export * from './VDrawerLayout';
 export * from './VHero';
 // export * from './VAccordion';
 export * from './VNavigation';
+export * from './VFormControl';
 export * from './VCheckbox';
 export * from './VCheckboxGroup';
 export * from './VRadio';