@fastkit/vui 0.7.49 → 0.7.50

package/dist/vui.cjs.js

@@ -3160,13 +3160,16 @@ const {
 } = vueKit.createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
-const VForm = vue.defineComponent({
-  name: 'VForm',
-  props: { ...props,
+function createVFormProps() {
+  return { ...props,
     ...createControlProps(),
     ...vueKit.defineSlotsProps() // disableAutoScroll: Boolean,
 
-  },
+  };
+}
+const VForm = vue.defineComponent({
+  name: 'VForm',
+  props: createVFormProps(),
   emits,
 
   setup(props, ctx) {
@@ -5007,6 +5010,7 @@ exports.createNavigationItemProps = createNavigationItemProps;
 exports.createPaperBaseProps = createPaperBaseProps;
 exports.createPaperProps = createPaperProps;
 exports.createRequiredChipRenderer = createRequiredChipRenderer;
+exports.createVFormProps = createVFormProps;
 exports.defineFormSelectorComponent = defineFormSelectorComponent;
 exports.iconProps = iconProps;
 exports.installVuiPlugin = installVuiPlugin;

package/dist/vui.cjs.prod.js

@@ -3160,13 +3160,16 @@ const {
 } = vueKit.createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
-const VForm = vue.defineComponent({
-  name: 'VForm',
-  props: { ...props,
+function createVFormProps() {
+  return { ...props,
     ...createControlProps(),
     ...vueKit.defineSlotsProps() // disableAutoScroll: Boolean,
 
-  },
+  };
+}
+const VForm = vue.defineComponent({
+  name: 'VForm',
+  props: createVFormProps(),
   emits,
 
   setup(props, ctx) {
@@ -5007,6 +5010,7 @@ exports.createNavigationItemProps = createNavigationItemProps;
 exports.createPaperBaseProps = createPaperBaseProps;
 exports.createPaperProps = createPaperProps;
 exports.createRequiredChipRenderer = createRequiredChipRenderer;
+exports.createVFormProps = createVFormProps;
 exports.defineFormSelectorComponent = defineFormSelectorComponent;
 exports.iconProps = iconProps;
 exports.installVuiPlugin = installVuiPlugin;

package/dist/vui.d.ts

@@ -998,6 +998,44 @@ declare function createTextFieldProps(): {
     errorMessages: PropType<string | string[]>;
 };
 
+export declare function createVFormProps(): {
+    'v-slots': PropType<ResolveRawSlots<VFormSlots>>;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    action: PropType<FormAction>;
+    autoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submiting: BooleanConstructor;
+    disableAutoScroll: BooleanConstructor;
+    name: StringConstructor;
+    modelValue: Prop<unknown, unknown>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    required: BooleanConstructor;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: PropType<ValidateTiming>;
+        default: ValidateTiming;
+    };
+    rules: {
+        type: PropType<RecursiveArray<Rule<any>>>;
+        default: () => never[];
+    };
+    error: BooleanConstructor;
+    errorMessages: PropType<string | string[]>;
+};
+
 declare const DATA_TABLE_DEFAULTS: {
     itemKey: string;
     pageQuery: string;

package/dist/vui.mjs

@@ -3155,13 +3155,16 @@ const {
 } = createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
-const VForm = defineComponent({
-  name: 'VForm',
-  props: { ...props,
+function createVFormProps() {
+  return { ...props,
     ...createControlProps(),
     ...defineSlotsProps() // disableAutoScroll: Boolean,
 
-  },
+  };
+}
+const VForm = defineComponent({
+  name: 'VForm',
+  props: createVFormProps(),
   emits,
 
   setup(props, ctx) {
@@ -4912,4 +4915,4 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { AVATAR_SIZES, CHIP_SIZES, CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, 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, createAvatarProps, createCardProps, createChipProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, resolveRawWysiwygEditorTools, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { AVATAR_SIZES, CHIP_SIZES, CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, 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, createAvatarProps, createCardProps, createChipProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, resolveRawWysiwygEditorTools, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/package.json

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

package/src/components/VForm/VForm.tsx

@@ -18,14 +18,18 @@ export interface VFormSlots {
   default: VueForm;
 }
 
-export const VForm = defineComponent({
-  name: 'VForm',
-  props: {
+export function createVFormProps() {
+  return {
     ...props,
     ...createControlProps(),
     ...defineSlotsProps<VFormSlots>(),
     // disableAutoScroll: Boolean,
-  },
+  };
+}
+
+export const VForm = defineComponent({
+  name: 'VForm',
+  props: createVFormProps(),
   emits,
   setup(props, ctx) {
     const vui = useVui();