@carefrees/form-utils-vue 0.0.11 → 0.0.13

package/esm/formItem/form.hide.item.js

@@ -0,0 +1,122 @@
+import { createBlock, createCommentVNode, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, unref, useSlots, withCtx } from "vue";
+import form_Item_base from "./form.Item.base.js";
+import { useRegisterFormHideItem } from "@carefrees/form-utils-vue-hooks";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    name: "FormHideItem",
+    inheritAttrs: false,
+    __name: "form.hide.item",
+    props: {
+        noStyle: {
+            type: Boolean
+        },
+        input: {},
+        dependencies: {},
+        noticeOnlyRuleDataField: {},
+        preserve: {
+            type: Boolean
+        },
+        useRules: {},
+        useAttrs: {},
+        inputAttrs: {},
+        valuePropName: {},
+        getValuePath: {},
+        getValueFromEvent: {},
+        formatValue: {},
+        onAfterUpdate: {},
+        trigger: {},
+        name: {},
+        rules: {},
+        sort: {},
+        isJoinParentField: {
+            type: Boolean
+        },
+        errorLayout: {},
+        required: {
+            type: Boolean
+        },
+        labelMode: {},
+        onlyRuleStyle: {
+            type: Boolean
+        },
+        label: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        helpText: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        extra: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        showColon: {
+            type: Boolean
+        },
+        colSpan: {},
+        rowSpan: {},
+        htmlFor: {},
+        validateResult: {},
+        style: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        class: {},
+        labelStyle: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        labelClass: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const slots = useSlots();
+        const { isHide } = useRegisterFormHideItem({
+            name: props.name,
+            sort: props.sort,
+            isJoinParentField: props.isJoinParentField
+        });
+        return (_ctx, _cache)=>unref(isHide) ? createCommentVNode("", true) : (openBlock(), createBlock(form_Item_base, normalizeProps(mergeProps({
+                key: 0
+            }, props)), createSlots({
+                _: 2
+            }, [
+                renderList(slots, (item, name)=>({
+                        name,
+                        fn: withCtx((slotProps)=>[
+                                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
+                            ])
+                    }))
+            ]), 1040));
+    }
+});
+const form_hide_item = _sfc_main;
+export { form_hide_item as default };

package/esm/formItem/form.hide.item.vue.d.ts

@@ -1,15 +1,14 @@
-import { FormItemProps } from '../interface/index';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+import type { FormItemProps } from "../interface/index";
+type __VLS_Slots = {
     label: (params: any) => any;
+    default: (params: any) => any;
     helpText: (params: any) => any;
     extra: (params: any) => any;
-}> & {
-    label: (params: any) => any;
-    helpText: (params: any) => any;
-    extra: (params: any) => any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<FormItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/esm/formItem/formItem.js

@@ -0,0 +1,151 @@
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderList, renderSlot, useSlots, withCtx } from "vue";
+import layout_formItem from "../layout/layout.formItem.js";
+import form_Item_base from "./form.Item.base.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    name: "FormItem",
+    inheritAttrs: false,
+    __name: "formItem",
+    props: {
+        noStyle: {
+            type: Boolean
+        },
+        input: {},
+        dependencies: {},
+        noticeOnlyRuleDataField: {},
+        preserve: {
+            type: Boolean
+        },
+        useRules: {},
+        useAttrs: {},
+        inputAttrs: {},
+        valuePropName: {},
+        getValuePath: {},
+        getValueFromEvent: {},
+        formatValue: {},
+        onAfterUpdate: {},
+        trigger: {},
+        name: {},
+        rules: {},
+        sort: {},
+        isJoinParentField: {
+            type: Boolean
+        },
+        errorLayout: {},
+        required: {
+            type: Boolean
+        },
+        labelMode: {},
+        onlyRuleStyle: {
+            type: Boolean
+        },
+        label: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        helpText: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        extra: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        showColon: {
+            type: Boolean
+        },
+        colSpan: {},
+        rowSpan: {},
+        htmlFor: {},
+        validateResult: {},
+        style: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        class: {},
+        labelStyle: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        labelClass: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const slots = useSlots();
+        return (_ctx, _cache)=>props.name ? (openBlock(), createBlock(form_Item_base, normalizeProps(mergeProps({
+                key: 0
+            }, props)), createSlots({
+                _: 2
+            }, [
+                renderList(slots, (_, name)=>({
+                        name,
+                        fn: withCtx((slotProps)=>[
+                                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
+                            ])
+                    }))
+            ]), 1040)) : (openBlock(), createBlock(layout_formItem, {
+                key: 1,
+                label: props.label,
+                errorLayout: props.errorLayout,
+                labelMode: props.labelMode,
+                onlyRuleStyle: props.onlyRuleStyle,
+                showColon: props.showColon,
+                colSpan: props.colSpan,
+                rowSpan: props.rowSpan,
+                style: normalizeStyle(props.style),
+                class: normalizeClass(props.class),
+                labelStyle: props.labelStyle,
+                labelClass: props.labelClass
+            }, createSlots({
+                _: 2
+            }, [
+                renderList(slots, (_, name)=>({
+                        name,
+                        fn: withCtx((slotProps)=>[
+                                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
+                            ])
+                    }))
+            ]), 1032, [
+                "label",
+                "errorLayout",
+                "labelMode",
+                "onlyRuleStyle",
+                "showColon",
+                "colSpan",
+                "rowSpan",
+                "style",
+                "class",
+                "labelStyle",
+                "labelClass"
+            ]));
+    }
+});
+const formItem = _sfc_main;
+export { formItem as default };

package/esm/formItem/formItem.vue.d.ts

@@ -1,17 +1,14 @@
-import { FormItemProps } from '../interface/index';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Partial<FormItemProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+import type { FormItemProps } from "../interface/index";
+type __VLS_Slots = {
     default: (params: any) => any;
     label: (params: any) => any;
     helpText: (params: any) => any;
     extra: (params: any) => any;
-}> & {
-    default: (params: any) => any;
-    label: (params: any) => any;
-    helpText: (params: any) => any;
-    extra: (params: any) => any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<Partial<FormItemProps>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Partial<FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/esm/formItem/index.d.ts

@@ -1,70 +1,59 @@
-export declare const FormItemBase: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const FormItemBase: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        label: (params: any) => any;
-        helpText: (params: any) => any;
-        extra: (params: any) => any;
-    }> & {
+    }, Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
         label: (params: any) => any;
+        default: (params: any) => any;
         helpText: (params: any) => any;
         extra: (params: any) => any;
     };
 })> & Record<string, any>;
-export declare const FormItem: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Partial<import('..').FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const FormItem: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Partial<import("../index.js").FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<Partial<import('..').FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<Partial<import('..').FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (params: any) => any;
-        label: (params: any) => any;
-        helpText: (params: any) => any;
-        extra: (params: any) => any;
-    }> & {
+    }, Readonly<Partial<import("../index.js").FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<Partial<import("../index.js").FormItemProps>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
         default: (params: any) => any;
         label: (params: any) => any;
         helpText: (params: any) => any;
         extra: (params: any) => any;
     };
 })> & Record<string, any>;
-export declare const FormHideItem: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const FormHideItem: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        label: (params: any) => any;
-        helpText: (params: any) => any;
-        extra: (params: any) => any;
-    }> & {
+    }, Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").FormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
         label: (params: any) => any;
+        default: (params: any) => any;
         helpText: (params: any) => any;
         extra: (params: any) => any;
     };

package/esm/formItem/index.js

@@ -0,0 +1,8 @@
+import form_Item_base from "./form.Item.base.js";
+import formItem from "./formItem.js";
+import form_hide_item from "./form.hide.item.js";
+import { withInstall } from "../utils/index.js";
+const FormItemBase = withInstall(form_Item_base);
+const FormItem = withInstall(formItem);
+const FormHideItem = withInstall(form_hide_item);
+export { FormHideItem, FormItem, FormItemBase };

package/esm/index.d.ts

@@ -1,10 +1,10 @@
-import { App } from 'vue';
-export * from './hooks';
+export * from '@carefrees/form-utils-vue-hooks';
 export * from './component';
 export * from './utils';
 export * from './interface';
 export * from './interface/layout';
 export * from './interface/layout.formItem';
+import { App } from 'vue';
 declare const _default: {
     install: (app: App) => void;
 };

package/esm/index.js

@@ -0,0 +1,13 @@
+export * from "@carefrees/form-utils-vue-hooks";
+export * from "./component.js";
+export * from "./utils/index.js";
+export * from "./interface/index.js";
+export * from "./interface/layout.js";
+export * from "./interface/layout.formItem.js";
+import * as __WEBPACK_EXTERNAL_MODULE__component_js_7f599402__ from "./component.js";
+const src = {
+    install: (app)=>{
+        for(const c in __WEBPACK_EXTERNAL_MODULE__component_js_7f599402__)app.use(__WEBPACK_EXTERNAL_MODULE__component_js_7f599402__[c]);
+    }
+};
+export { src as default };

package/esm/interface/index.d.ts

@@ -1,12 +1,7 @@
-import { ComputedRef, Ref, Component, StyleValue, UnwrapNestedRefs } from 'vue';
-import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
+import { Component, StyleValue, UnwrapNestedRefs } from 'vue';
 import { LayoutFormItemProps } from './layout.formItem';
 import { FormLayoutProps } from './layout';
-import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
-export type ComputedRefBase<T> = ComputedRef<T> | Ref<T>;
-export type PartialComputedRefs<T> = {
-    [K in keyof T]: ComputedRefBase<T[K]>;
-};
+import type { FormInstanceBase, ValidateErrorEntity, FormItemAttrOptions } from '@carefrees/form-utils-vue-hooks';
 export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
     /**不进行样式渲染*/
     noStyle?: boolean;
@@ -14,13 +9,13 @@ export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps
     input?: Component | string;
 }
 export interface FormProps<T = any> extends FormLayoutProps {
-    form?: FormInstanceBase;
+    form?: FormInstanceBase<T>;
     style?: StyleValue;
     class?: string;
     layoutClass?: string;
     layoutStyle?: StyleValue;
     /**表单数据*/
-    formData?: any;
+    formData?: Object;
     /**值更新触发*/
     onValuesChange?: (changedValues: Partial<T>, values: UnwrapNestedRefs<T>) => void;
     /**提交保存 验证成功*/
@@ -31,6 +26,6 @@ export interface FormProps<T = any> extends FormLayoutProps {
     hideData?: Record<string, boolean>;
     /**表单名称*/
     name?: string;
-    /**隐藏规则校验*/
-    hideRuleData?: Record<string, boolean>;
+    /**背景颜色*/
+    bgcolor?: string;
 }

package/esm/interface/layout.d.ts

@@ -1,4 +1,4 @@
-import { AttrsOptions } from '../hooks/useAttrs';
+import type { AttrsOptions } from '@carefrees/form-utils-vue-hooks';
 import { VNodeChild, StyleValue } from 'vue';
 export interface FormLayoutProps extends Omit<AttrsOptions, 'colCount'> {
     /**标题*/

package/esm/interface/layout.formItem.d.ts

@@ -1,5 +1,5 @@
 import { VNodeChild, StyleValue } from 'vue';
-import { ComputedRefBase } from '.';
+import type { ComputedRefBase } from '@carefrees/form-utils-vue-hooks';
 export interface LayoutFormItemProps {
     /**规则校验失败错误提示位置*/
     errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';

package/esm/layout/index.d.ts

@@ -1,65 +1,56 @@
-export declare const Layout: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const Layout: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: any;
-        title: any;
-        extra: any;
-    }> & {
+    }, Readonly<import("../index.js").FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
         default: any;
         title: any;
         extra: any;
     };
 })> & Record<string, any>;
-export declare const LayoutFormItem: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const LayoutFormItem: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: any;
-        label: any;
-        helpText: any;
-        extra: any;
-    }> & {
+    }, Readonly<import("../index.js").LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
         default: any;
         label: any;
         helpText: any;
         extra: any;
     };
 })> & Record<string, any>;
-export declare const FormLayoutRows: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+export declare const FormLayoutRows: import("../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    }, Readonly<import("vue").HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: (props: {}) => any;
     };
 })> & Record<string, any>;

package/esm/layout/index.js

@@ -0,0 +1,8 @@
+import layout from "./layout.js";
+import layout_formItem from "./layout.formItem.js";
+import layout_form_rows from "./layout.form.rows.js";
+import { withInstall } from "../utils/index.js";
+const Layout = withInstall(layout);
+const LayoutFormItem = withInstall(layout_formItem);
+const FormLayoutRows = withInstall(layout_form_rows);
+export { FormLayoutRows, Layout, LayoutFormItem };