@carefrees/form-utils-vue 0.0.11 → 0.0.13

package/esm/layout/layout.form.rows.js

@@ -0,0 +1,21 @@
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import classnames from "classnames";
+const preCls = "carefrees-form-layout";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    name: "FormLayoutRows",
+    inheritAttrs: false,
+    __name: "layout.form.rows",
+    setup (__props) {
+        const props = __props;
+        const cls = computed(()=>classnames(preCls, props.class, {
+                "all-colspan": true
+            }));
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", mergeProps(props, {
+                class: cls.value
+            }), [
+                renderSlot(_ctx.$slots, "default")
+            ], 16));
+    }
+});
+const layout_form_rows = _sfc_main;
+export { layout_form_rows as default };

package/esm/layout/layout.form.rows.vue.d.ts

@@ -1,9 +1,12 @@
-import { HTMLAttributes } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<HTMLAttributes, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+import { HTMLAttributes } from "vue";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<HTMLAttributes, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HTMLAttributes> & 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/layout/layout.formItem.js

@@ -0,0 +1,195 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, toValue, useSlots } from "vue";
+import classnames from "classnames";
+import { useAttrsInject } from "@carefrees/form-utils-vue-hooks";
+const _hoisted_1 = [
+    "for"
+];
+const preCls = "carefrees-form-item";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    name: "LayoutFormItem",
+    inheritAttrs: false,
+    __name: "layout.formItem",
+    props: {
+        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 attrs = useAttrsInject();
+        const props = __props;
+        const solts = useSlots();
+        const labelMode = computed(()=>props.labelMode ?? toValue(attrs.value.labelMode) ?? "top");
+        const showColon = computed(()=>props.showColon ?? toValue(attrs.value.showColon));
+        const errorLayout = computed(()=>props.errorLayout ?? toValue(attrs.value.errorLayout) ?? "left-bottom");
+        const tips = computed(()=>{
+            const v = toValue(props.validateResult)?.tip;
+            if (Array.isArray(v)) return v.join(",");
+            return v;
+        });
+        const cls = computed(()=>classnames(preCls, props.class, toValue(attrs.value.formItemClass), {
+                "dx-invalid": !!toValue(props.validateResult)?.isInvalid
+            }));
+        const containerCls = computed(()=>classnames(`${preCls}-container`, {
+                [`${labelMode.value}`]: !!labelMode.value
+            }));
+        const labelCls = computed(()=>classnames(`${preCls}-label`, {
+                required: !!props.required,
+                "show-colon": showColon && ("left" === labelMode.value || "between" === labelMode.value)
+            }));
+        const labelWarpCls = computed(()=>classnames(`${preCls}-label-warp`, toValue(props.labelClass), toValue(attrs.value.formItemLabelClass)));
+        const inputCls = computed(()=>classnames(`${preCls}-body-input`));
+        const errorCls = computed(()=>classnames(`${preCls}-body-error`, {
+                [errorLayout.value]: !!errorLayout.value
+            }));
+        const _isLabel = computed(()=>(props.label || solts.label) && "hide" !== labelMode.value);
+        const style = computed(()=>{
+            const css = {};
+            if (props.onlyRuleStyle) css.padding = "0px";
+            if (props.colSpan) {
+                const colCount = toValue(attrs.value.colCount) || 4;
+                const end = colCount > props.colSpan ? props.colSpan : colCount;
+                css.gridColumnEnd = `span ${end}`;
+            }
+            if (props.rowSpan) css.gridRowEnd = `span ${props.rowSpan}`;
+            return [
+                toValue(attrs.value.formItemStyle),
+                props.style,
+                css
+            ];
+        });
+        const labelStyle = computed(()=>[
+                toValue(attrs.value.formItemLabelStyle),
+                props.labelStyle
+            ]);
+        const isHelpText = computed(()=>!!props.helpText || solts.helpText);
+        const isExtra = computed(()=>!!props.extra || solts.extra);
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                class: normalizeClass(cls.value),
+                style: normalizeStyle(style.value)
+            }, [
+                createElementVNode("div", {
+                    class: normalizeClass(containerCls.value)
+                }, [
+                    _isLabel.value ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(labelWarpCls.value)
+                    }, [
+                        createElementVNode("label", {
+                            style: normalizeStyle(labelStyle.value),
+                            class: normalizeClass(labelCls.value),
+                            for: toValue(props.htmlFor)
+                        }, [
+                            props.label ? (openBlock(), createElementBlock(Fragment, {
+                                key: 0
+                            }, [
+                                createTextVNode(toDisplayString(props.label), 1)
+                            ], 64)) : renderSlot(_ctx.$slots, "label", {
+                                key: 1
+                            })
+                        ], 14, _hoisted_1)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                        class: normalizeClass(preCls + "-body")
+                    }, [
+                        createElementVNode("div", {
+                            class: normalizeClass(inputCls.value)
+                        }, [
+                            renderSlot(_ctx.$slots, "default")
+                        ], 2),
+                        isHelpText.value ? (openBlock(), createElementBlock("div", {
+                            key: 0,
+                            class: normalizeClass(preCls + "-body-help")
+                        }, [
+                            props.helpText ? (openBlock(), createElementBlock(Fragment, {
+                                key: 0
+                            }, [
+                                createTextVNode(toDisplayString(props.helpText), 1)
+                            ], 64)) : renderSlot(_ctx.$slots, "helpText", {
+                                key: 1
+                            })
+                        ], 2)) : createCommentVNode("", true),
+                        tips.value ? (openBlock(), createElementBlock("div", {
+                            key: 1,
+                            class: normalizeClass(errorCls.value)
+                        }, toDisplayString(tips.value), 3)) : createCommentVNode("", true)
+                    ], 2)
+                ], 2),
+                isExtra.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(preCls + "-extra")
+                }, [
+                    props.extra ? (openBlock(), createElementBlock(Fragment, {
+                        key: 0
+                    }, [
+                        createTextVNode(toDisplayString(props.extra), 1)
+                    ], 64)) : renderSlot(_ctx.$slots, "extra", {
+                        key: 1
+                    })
+                ], 2)) : createCommentVNode("", true)
+            ], 6));
+    }
+});
+const layout_formItem = _sfc_main;
+export { layout_formItem as default };

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

@@ -1,17 +1,14 @@
-import { LayoutFormItemProps } from '../interface/layout.formItem';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<LayoutFormItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+import type { LayoutFormItemProps } from "../interface/layout.formItem";
+type __VLS_Slots = {
     default: any;
     label: any;
     helpText: any;
     extra: any;
-}> & {
-    default: any;
-    label: any;
-    helpText: any;
-    extra: any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<LayoutFormItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutFormItemProps> & 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/layout/layout.js

@@ -0,0 +1,160 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, toValue, useSlots } from "vue";
+import classnames from "classnames";
+import { useAttrsInject, useAttrsProvide } from "@carefrees/form-utils-vue-hooks";
+const preCls = "carefrees-form-layout";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    name: "Layout",
+    inheritAttrs: false,
+    __name: "layout",
+    props: {
+        title: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        extra: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        isAllColSpan: {
+            type: Boolean
+        },
+        class: {},
+        headerClass: {},
+        bodyClass: {},
+        style: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        headerStyle: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        bodyStyle: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        bordered: {
+            type: Boolean
+        },
+        colCount: {},
+        gap: {},
+        errorLayout: {},
+        labelMode: {},
+        showColon: {},
+        formItemClass: {},
+        formItemStyle: {},
+        formItemLabelClass: {},
+        formItemLabelStyle: {}
+    },
+    setup (__props) {
+        const attrs = useAttrsInject();
+        const props = __props;
+        const solts = useSlots();
+        const colCount = computed(()=>toValue(props.colCount) ?? toValue(attrs.value.colCount));
+        const errorLayout = computed(()=>toValue(props.errorLayout) ?? toValue(attrs.value.errorLayout));
+        const labelMode = computed(()=>toValue(props.labelMode) ?? toValue(attrs.value.labelMode));
+        const showColon = computed(()=>toValue(props.showColon) ?? toValue(attrs.value.showColon));
+        const formItemClass = computed(()=>toValue(props.formItemClass) ?? toValue(attrs.value.formItemClass));
+        const formItemStyle = computed(()=>toValue(props.formItemStyle) ?? toValue(attrs.value.formItemStyle));
+        const formItemLabelClass = computed(()=>toValue(props.formItemLabelClass) ?? toValue(attrs.value.formItemLabelClass));
+        const formItemLabelStyle = computed(()=>toValue(props.formItemLabelStyle) ?? toValue(attrs.value.formItemLabelStyle));
+        useAttrsProvide({
+            colCount,
+            errorLayout,
+            labelMode,
+            showColon,
+            formItemClass,
+            formItemStyle,
+            formItemLabelClass,
+            formItemLabelStyle
+        });
+        const cls = computed(()=>classnames(preCls, props.class, {
+                "all-colspan": props.isAllColSpan,
+                bordered: props.bordered
+            }));
+        const bodyCls = computed(()=>classnames(`${preCls}-body`, props.bodyClass));
+        const headerCls = computed(()=>classnames(`${preCls}-header`, props.headerClass));
+        const headerTitleCls = computed(()=>classnames(`${preCls}-header-title`));
+        const headerExtraCls = computed(()=>classnames(`${preCls}-header-extra`));
+        const bodyStyle = computed(()=>{
+            const css = {};
+            if ("string" == typeof props.gap) css.gap = props.gap;
+            if ("number" == typeof props.gap) css.gap = `${props.gap}px`;
+            if (colCount.value) css.gridTemplateColumns = `repeat(${colCount.value}, auto)`;
+            return [
+                css,
+                props.bodyStyle
+            ];
+        });
+        const isTitle = computed(()=>!!props.title || solts.title);
+        const isExtra = computed(()=>!!props.extra || solts.extra);
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                style: normalizeStyle(props.style),
+                class: normalizeClass(cls.value)
+            }, [
+                isExtra.value || isTitle.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    style: normalizeStyle(_ctx.headerStyle),
+                    class: normalizeClass(headerCls.value)
+                }, [
+                    createElementVNode("div", {
+                        class: normalizeClass(headerTitleCls.value)
+                    }, [
+                        props.title ? (openBlock(), createElementBlock(Fragment, {
+                            key: 0
+                        }, [
+                            createTextVNode(toDisplayString(props.title), 1)
+                        ], 64)) : renderSlot(_ctx.$slots, "title", {
+                            key: 1
+                        })
+                    ], 2),
+                    createElementVNode("div", {
+                        class: normalizeClass(headerExtraCls.value)
+                    }, [
+                        props.extra ? (openBlock(), createElementBlock(Fragment, {
+                            key: 0
+                        }, [
+                            createTextVNode(toDisplayString(props.extra), 1)
+                        ], 64)) : renderSlot(_ctx.$slots, "extra", {
+                            key: 1
+                        })
+                    ], 2)
+                ], 6)) : createCommentVNode("", true),
+                createElementVNode("div", {
+                    style: normalizeStyle(bodyStyle.value),
+                    class: normalizeClass(bodyCls.value)
+                }, [
+                    renderSlot(_ctx.$slots, "default")
+                ], 6)
+            ], 6));
+    }
+});
+const layout = _sfc_main;
+export { layout as default };

package/esm/layout/layout.vue.d.ts

@@ -1,15 +1,13 @@
-import { FormLayoutProps } from '../interface/layout';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+import type { FormLayoutProps } from "../interface/layout";
+type __VLS_Slots = {
     default: any;
     title: any;
     extra: any;
-}> & {
-    default: any;
-    title: any;
-    extra: any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<FormLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormLayoutProps> & 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/utils/index.js

@@ -0,0 +1 @@
+export * from "./withInstall.js";

package/esm/utils/withInstall.d.ts

@@ -1,3 +1,3 @@
-import { Plugin } from 'vue';
+import type { Plugin } from 'vue';
 export type SFCWithInstall<T> = T & Plugin;
-export declare const withInstall: <T, E extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>>(main: T, extra?: E | undefined, childComponents?: K | undefined) => SFCWithInstall<T> & E & K;
+export declare const withInstall: <T, E extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>>(main: T, extra?: E, childComponents?: K) => SFCWithInstall<T> & E & K;

package/esm/utils/withInstall.js

@@ -0,0 +1,15 @@
+const withInstall = (main, extra, childComponents)=>{
+    main.install = (app)=>{
+        for (const comp of [
+            main,
+            ...Object.values(childComponents ?? {})
+        ]){
+            const name = comp.name || comp.__name;
+            app.component(name, comp);
+        }
+    };
+    if (childComponents) for (const [key, comp] of Object.entries(childComponents))main[key] = comp;
+    if (extra) for (const [key, comp] of Object.entries(extra))main[key] = comp;
+    return main;
+};
+export { withInstall };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@carefrees/form-utils-vue",
   "author": "SunLxy <1011771396@qq.com>",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "",
-  "main": "lib/index.js",
-  "module": "esm/index.mjs",
+  "main": "esm/index.js",
+  "module": "esm/index.js",
   "types": "esm/index.d.ts",
   "scripts": {
-    "build": "saqu-vue build",
-    "watch": "saqu-vue build --watch"
+    "build": "carefrees-rslib build --vue --esm",
+    "watch": "carefrees-rslib build --watch --vue --esm"
   },
   "publishConfig": {
     "access": "public"
@@ -16,17 +16,16 @@
   "files": [
     "assets",
     "src",
-    "lib",
     "esm"
   ],
   "keywords": [],
   "license": "ISC",
   "devDependencies": {
-    "@saqu-vue/core": "^1.0.1",
     "vue": "^3.5.13"
   },
   "dependencies": {
-    "@carefrees/form-utils": "^0.0.11",
+    "@carefrees/form-utils": "^0.0.13",
+    "@carefrees/form-utils-vue-hooks": "^0.0.13",
     "async-validator": "~4.2.5",
     "classnames": "2.5.1"
   }

package/src/form/form.vue

@@ -1,5 +1,5 @@
 <template>
-  <form :class='cls' :style='style' @submit='onSubmit'>
+  <form :class='cls' :style='formStyle' @submit='onSubmit'>
     <FormLayout v-bind='rest' :class='layoutClass' :style='layoutStyle'>
       <slot />
     </FormLayout>
@@ -8,12 +8,11 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineProps, withDefaults, reactive, defineEmits } from "vue"
+import { computed, defineProps, withDefaults, defineEmits, ref, watch } from "vue"
 import type { FormProps } from "../interface/index"
-import { useRegisterForm } from "../hooks/register/register.form"
-import { useForm, useFormProvide } from "../hooks/useForm"
 import FormLayout from "../layout/layout.vue"
 import clx from 'classnames';
+import { useRegisterForm, useForm, useFormProvide } from "@carefrees/form-utils-vue-hooks"
 
 defineOptions({
   name: 'Form',
@@ -27,20 +26,35 @@ const {
   style,
   formData,
   hideData,
-  hideRuleData,
   name,
   onFinish,
   onFinishFailed,
   onValuesChange,
   layoutStyle,
   layoutClass,
+  bgcolor,
   ...rest
 } = props
 
 const cls = computed(() => clx('carefrees-form', props.class));
 
+const formStyle = computed(() => {
+  if (bgcolor)
+    return [{ backgroundColor: bgcolor }, props.style];
+  return [props.style]
+});
+
 const formInstance = useForm(props.form);
-formInstance.value.ctor(reactive(props.formData || {}), reactive(props.hideData || {}), reactive(props.hideRuleData || {}));
+formInstance.value.formData = ref(props.formData || {});
+formInstance.value.hideState = ref(props.hideData || {});
+
+watch(() => props.formData, (newVal) => {
+  formInstance.value.formData = ref(newVal || {});
+})
+
+watch(() => props.hideData, (newVal) => {
+  formInstance.value.hideState = ref(newVal || {});
+})
 
 const emits = defineEmits(["finish", 'valuesChange', 'finishFailed'])
 
@@ -53,7 +67,7 @@ formInstance.value.onValuesChange = (...rest) => {
 formInstance.value.onFinishFailed = (...rest) => {
   emits("finishFailed", ...rest)
 };
-useRegisterForm(formInstance.value, props.name)
+useRegisterForm(formInstance, props.name)
 
 const onSubmit = (event: Event) => {
   event?.preventDefault?.();

package/src/formItem/form.Item.base.vue

@@ -8,12 +8,12 @@
       :col-span='props.colSpan' :row-span='props.rowSpan' :html-for='formAttrs.htmlFor' :style='props.style'
       :class='props.class' :label-style='props.labelStyle' :label-class='props.labelClass'
       :validate-result='formAttrs.validateResult'>
-      <template v-for="(item, name) in slots" #[name]="slotProps">
-        <slot :name="name" v-bind="slotProps"></slot>
-      </template>
       <template v-slot:default>
         <component :is="props.input" v-bind='toValue(formAttrs.attrsLastData)' />
       </template>
+      <template v-for="(item, name) in slots" #[name]="slotProps">
+        <slot :name="name" v-bind="slotProps"></slot>
+      </template>
     </LayoutFormItem>
   </template>
 </template>
@@ -21,9 +21,8 @@
 <script lang="ts" setup>
 import { defineProps, withDefaults, computed, toValue } from "vue"
 import type { FormItemProps } from "../interface/index"
-import { useFormItemAttr } from "../hooks/attr/attr.FormItem"
 import LayoutFormItem from "../layout/layout.formItem.vue";
-import { useFormItemParentNameProvide } from "../hooks/useFormItemParentName"
+import { useFormItemParentNameProvide, useFormItemAttr } from "@carefrees/form-utils-vue-hooks"
 
 defineOptions({
   name: 'FormItemBase',
@@ -42,6 +41,7 @@ useFormItemParentNameProvide({
 
 const slots = defineSlots<{
   label: (params: any) => any,
+  default: (params: any) => any,
   helpText: (params: any) => any,
   extra: (params: any) => any,
 }>()

package/src/formItem/form.hide.item.vue

@@ -12,7 +12,8 @@
 import { defineProps, withDefaults, } from "vue"
 import type { FormItemProps } from "../interface/index"
 import FormItemBase from "./form.Item.base.vue"
-import { useRegisterFormHideItem } from "../hooks/register/register.FormHideItem"
+import { useRegisterFormHideItem } from "@carefrees/form-utils-vue-hooks"
+
 defineOptions({
   name: 'FormHideItem',
   inheritAttrs: false, // 可选，防止属性自动应用到根元素
@@ -21,6 +22,7 @@ const props = withDefaults(defineProps<FormItemProps>(), {
 })
 const slots = defineSlots<{
   label: (params: any) => any,
+  default: (params: any) => any,
   helpText: (params: any) => any,
   extra: (params: any) => any,
 }>()

package/src/formItem/formItem.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps, withDefaults } from "vue"
+import { defineProps, withDefaults, } from "vue"
 import type { FormItemProps } from "../interface/index"
 import LayoutFormItem from "../layout/layout.formItem.vue";
 import FormItemBase from "./form.Item.base.vue"
@@ -29,6 +29,7 @@ defineOptions({
 });
 const props = withDefaults(defineProps<Partial<FormItemProps>>(), {
 })
+
 const slots = defineSlots<{
   default: (params: any) => any,
   label: (params: any) => any,

package/src/index.ts

@@ -1,5 +1,5 @@
 import * as components from './component';
-export * from './hooks';
+export * from '@carefrees/form-utils-vue-hooks';
 export * from './component';
 export * from './utils';
 export * from './interface';