tiddy 2.6.2 → 2.7.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as vue64 from "vue";
+import * as vue27 from "vue";
 import { AllowedComponentProps, CSSProperties, Component, ComputedRef, DefineComponent, Directive, ExtractPublicPropTypes, HTMLAttributes, PropType, Raw, Ref, Slot } from "vue";
 import * as element_plus0 from "element-plus";
 import { DialogInstance, DialogProps, FormInstance, FormItemProp, FormItemProps, FormItemRule, FormProps, SelectInstance, TableColumnInstance, TableInstance } from "element-plus";
@@ -163,21 +163,37 @@ declare const arrayFieldPropsDef: {
     type: PropType<AnyFunction>;
   };
   outerEmptyAction: {
-    type: StringConstructor;
+    type: PropType<OrArray<SlotDef>>;
     default: null;
   };
   emptyAction: {
-    type: StringConstructor;
+    type: PropType<OrArray<SlotDef>>;
     default: null;
   };
   rowAction: {
-    type: StringConstructor;
+    type: PropType<OrArray<SlotDef>>;
     default: null;
   };
   lineStyle: {
     type: PropType<CSSProperties>;
     default: () => {};
   };
+  item: {
+    type: PropType<OrRef<TdFormItemProps>>;
+    default: () => {};
+  };
+  lineClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  rowFieldClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  rowActionClass: {
+    type: StringConstructor;
+    default: string;
+  };
   mandatory: {
     type: BooleanConstructor;
     default: boolean;
@@ -211,6 +227,17 @@ declare const layoutFieldPropsDef: {
     default: string;
     required: true;
   };
+  component: {
+    type: PropType<string | Component | Raw<Component>>;
+  };
+  widget: {
+    type: PropType<Record<string, any>>;
+    default: () => {};
+  };
+  on: {
+    type: PropType<Record<string, AnyFunction>>;
+    default: () => {};
+  };
   slots: {
     type: PropType<OrArray<SlotDef>>;
     default: () => never[];
@@ -260,7 +287,7 @@ declare function isValidateError(prop: string): boolean;
 declare const expose$1: {
   reValidateErrorFields: typeof reValidateErrorFields;
   isValidateError: typeof isValidateError;
-  model: vue64.ComputedRef<unknown>;
+  model: vue27.ComputedRef<unknown>;
 };
 type __TdFormExpose = typeof expose$1 & FormInstance;
 declare var __VLS_11$2: {}, __VLS_13$1: {}, __VLS_19$1: {};
@@ -271,24 +298,24 @@ type __VLS_Slots$4 = {} & {
 } & {
   suffix?: (props: typeof __VLS_19$1) => any;
 };
-declare const __VLS_base$4: vue64.DefineComponent<vue64.ExtractPropTypes<{
+declare const __VLS_base$4: vue27.DefineComponent<vue27.ExtractPropTypes<{
   fields: {
-    type: vue64.PropType<TdFormFieldProps[]>;
+    type: vue27.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue64.PropType<element_plus0.FormItemProps>;
+    type: vue27.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
-}>, __TdFormExpose, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {
+}>, __TdFormExpose, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {
   submit: (data: any) => any;
-}, string, vue64.PublicProps, Readonly<vue64.ExtractPropTypes<{
+}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   fields: {
-    type: vue64.PropType<TdFormFieldProps[]>;
+    type: vue27.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue64.PropType<element_plus0.FormItemProps>;
+    type: vue27.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
 }>> & Readonly<{
@@ -296,7 +323,7 @@ declare const __VLS_base$4: vue64.DefineComponent<vue64.ExtractPropTypes<{
 }>, {
   fields: TdFormFieldProps[];
   item: element_plus0.FormItemProps;
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$6: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
 declare const _default$3: typeof __VLS_export$6;
 type __VLS_WithSlots$4<T, S> = T & {
@@ -308,38 +335,38 @@ type __VLS_WithSlots$4<T, S> = T & {
 //#region src/form/form-item.vue.d.ts
 declare var __VLS_10$1: string | number, __VLS_11$1: any;
 type __VLS_Slots$3 = {} & { [K in NonNullable<typeof __VLS_10$1>]?: (props: typeof __VLS_11$1) => any };
-declare const __VLS_base$3: vue64.DefineComponent<vue64.ExtractPropTypes<{
+declare const __VLS_base$3: vue27.DefineComponent<vue27.ExtractPropTypes<{
   messageLabel: {
-    type: vue64.PropType<OrRef<string>>;
+    type: vue27.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue64.PropType<AnyFunction>;
+    type: vue27.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue64.PropType<boolean>;
+    type: vue27.PropType<boolean>;
     default: boolean;
   };
   errorLayout: {
-    type: vue64.PropType<"nowrap" | "wrap" | "expand">;
+    type: vue27.PropType<"nowrap" | "wrap" | "expand">;
     default: string;
   };
-}>, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<vue64.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   messageLabel: {
-    type: vue64.PropType<OrRef<string>>;
+    type: vue27.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue64.PropType<AnyFunction>;
+    type: vue27.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue64.PropType<boolean>;
+    type: vue27.PropType<boolean>;
     default: boolean;
   };
   errorLayout: {
-    type: vue64.PropType<"nowrap" | "wrap" | "expand">;
+    type: vue27.PropType<"nowrap" | "wrap" | "expand">;
     default: string;
   };
 }>> & Readonly<{}>, {
@@ -347,7 +374,7 @@ declare const __VLS_base$3: vue64.DefineComponent<vue64.ExtractPropTypes<{
   messageLabel: OrRef<string>;
   formatMessage: AnyFunction;
   errorLayout: "wrap" | "nowrap" | "expand";
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$5: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
 declare const _default$5: typeof __VLS_export$5;
 type __VLS_WithSlots$3<T, S> = T & {
@@ -357,7 +384,7 @@ type __VLS_WithSlots$3<T, S> = T & {
 };
 //#endregion
 //#region src/form/form-field.vue.d.ts
-declare const __VLS_export$4: vue64.DefineComponent<{}, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$4: vue27.DefineComponent<{}, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const _default$4: typeof __VLS_export$4;
 //#endregion
 //#region src/form/index.d.ts
@@ -405,19 +432,19 @@ type __VLS_Slots$2 = {} & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof
 } & {
   after?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$2: vue64.DefineComponent<vue64.ExtractPropTypes<{
+declare const __VLS_base$2: vue27.DefineComponent<vue27.ExtractPropTypes<{
   columns: {
-    type: vue64.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
-}>, TableInstance, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<vue64.ExtractPropTypes<{
+}>, TableInstance, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   columns: {
-    type: vue64.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
 }>> & Readonly<{}>, {
   columns: TdTableColumnProps[];
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$3: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
 declare const _default$6: typeof __VLS_export$3;
 type __VLS_WithSlots$2<T, S> = T & {
@@ -427,55 +454,55 @@ type __VLS_WithSlots$2<T, S> = T & {
 };
 //#endregion
 //#region src/table/table-col.vue.d.ts
-declare const __VLS_export$2: vue64.DefineComponent<vue64.ExtractPropTypes<{
+declare const __VLS_export$2: vue27.DefineComponent<vue27.ExtractPropTypes<{
   slots: {
-    type: vue64.PropType<OrArray<SlotDef>>;
+    type: vue27.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue64.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue64.PropType<AnyFunction[]>;
+    type: vue27.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue64.PropType<boolean | vue64.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
   dangerouslyUseHTMLString: {
-    type: vue64.PropType<boolean | vue64.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
-}>, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<vue64.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   slots: {
-    type: vue64.PropType<OrArray<SlotDef>>;
+    type: vue27.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue64.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue64.PropType<AnyFunction[]>;
+    type: vue27.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue64.PropType<boolean | vue64.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
   dangerouslyUseHTMLString: {
-    type: vue64.PropType<boolean | vue64.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
 }>> & Readonly<{}>, {
   slots: OrArray<SlotDef>;
+  hide: boolean | vue27.Ref<boolean, boolean>;
   columns: TdTableColumnProps[];
   transform: AnyFunction[];
-  hide: boolean | vue64.Ref<boolean, boolean>;
-  dangerouslyUseHTMLString: boolean | vue64.Ref<boolean, boolean>;
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+  dangerouslyUseHTMLString: boolean | vue27.Ref<boolean, boolean>;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const _default$7: typeof __VLS_export$2;
 //#endregion
 //#region src/table/index.d.ts
@@ -508,7 +535,7 @@ declare var __VLS_13: "default" | "footer" | "header" | "title", __VLS_14: {
     titleClass?: string | undefined;
   };
 type __VLS_Slots$1 = {} & { [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any };
-declare const __VLS_base$1: vue64.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base$1: vue27.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default: typeof __VLS_export$1;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -547,7 +574,7 @@ type __VLS_Props = {
 };
 declare var __VLS_10: string | number, __VLS_11: any;
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any };
-declare const __VLS_base: vue64.DefineComponent<__VLS_Props, SelectInstance, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue27.DefineComponent<__VLS_Props, SelectInstance, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default$2: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {
@@ -567,7 +594,7 @@ interface DirectiveConfig {
   modifiers?: Record<string, boolean>;
   enable?: boolean;
 }
-declare const _default$1: vue64.DefineComponent<vue64.ExtractPropTypes<{
+declare const _default$1: vue27.DefineComponent<vue27.ExtractPropTypes<{
   directives: {
     type: () => DirectiveConfig[];
     default: () => never[];
@@ -580,11 +607,11 @@ declare const _default$1: vue64.DefineComponent<vue64.ExtractPropTypes<{
     type: StringConstructor;
     default: string;
   };
-}>, () => vue64.VNode<vue64.RendererNode, vue64.RendererElement, {
+}>, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
   [key: string]: any;
-}> | vue64.VNode<vue64.RendererNode, vue64.RendererElement, {
+}> | vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
   [key: string]: any;
-}>[], {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<vue64.ExtractPropTypes<{
+}>[], {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   directives: {
     type: () => DirectiveConfig[];
     default: () => never[];
@@ -601,13 +628,13 @@ declare const _default$1: vue64.DefineComponent<vue64.ExtractPropTypes<{
   directives: DirectiveConfig[];
   wrap: boolean;
   tag: string;
-}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/hooks/use-reuse.d.ts
-declare function useReuse(): (vue64.DefineComponent<{}, () => null, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any> | vue64.DefineComponent<{}, () => vue64.VNode<vue64.RendererNode, vue64.RendererElement, {
+declare function useReuse(): (vue27.DefineComponent<{}, () => null, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any> | vue27.DefineComponent<{}, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
   [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, true, {}, any> | vue64.ComputedRef<Readonly<{
-  [name: string]: vue64.Slot<any> | undefined;
+}>[] | undefined, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any> | vue27.ComputedRef<Readonly<{
+  [name: string]: vue27.Slot<any> | undefined;
 }>>)[];
 //#endregion
 //#region src/utils/index.d.ts

package/dist/index.js

@@ -173,21 +173,49 @@ const arrayFieldPropsDef = {
 	},
 	rawValue: { type: Function },
 	outerEmptyAction: {
-		type: String,
+		type: [
+			Array,
+			Object,
+			String
+		],
 		default: null
 	},
 	emptyAction: {
-		type: String,
+		type: [
+			Array,
+			Object,
+			String
+		],
 		default: null
 	},
 	rowAction: {
-		type: String,
+		type: [
+			Array,
+			Object,
+			String
+		],
 		default: null
 	},
 	lineStyle: {
 		type: Object,
 		default: () => ({})
 	},
+	item: {
+		type: Object,
+		default: () => ({})
+	},
+	lineClass: {
+		type: String,
+		default: ""
+	},
+	rowFieldClass: {
+		type: String,
+		default: ""
+	},
+	rowActionClass: {
+		type: String,
+		default: ""
+	},
 	mandatory: {
 		type: Boolean,
 		default: false
@@ -201,6 +229,19 @@ const layoutFieldPropsDef = {
 		default: "layout",
 		required: true
 	},
+	component: { type: [
+		String,
+		Object,
+		Function
+	] },
+	widget: {
+		type: Object,
+		default: () => ({})
+	},
+	on: {
+		type: Object,
+		default: () => ({})
+	},
 	slots: {
 		type: [
 			Array,
@@ -339,6 +380,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		}
 		const vErrorLayout = {
 			mounted(el) {
+				lastErrorHeight = 0;
 				observer.observe(el);
 			},
 			beforeUnmount(el) {
@@ -579,8 +621,6 @@ var widget_field_default = widget_field_vue_vue_type_script_setup_true_lang_defa
 
 //#endregion
 //#region src/form/array-field.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "row-item" };
-const _hoisted_2 = { class: "row-action" };
 var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "array-field",
@@ -590,14 +630,14 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const attrs = useAttrs();
 		const fieldProps = computed(() => {
 			return {
-				...cut(props, [(k) => k.endsWith("Action") || ["lineStyle"].includes(k)]),
+				...cut(props, [(k) => k.endsWith("Action") || k.endsWith("Class") || ["lineStyle", "item"].includes(k)]),
 				...attrs
 			};
 		});
 		const formCtx = inject(formCtxKey);
-		const OuterEmptySlot = formCtx.getParentSlots(resolveSlotNames(props.outerEmptyAction ?? `${props.prop}-action_outer`))[0];
-		const EmptySlot = formCtx.getParentSlots(resolveSlotNames(props.emptyAction ?? `${props.prop}-action_empty`))[0];
-		const RowSlot = formCtx.getParentSlots(resolveSlotNames(props.rowAction ?? `${props.prop}-action_row`))[0];
+		const OuterEmptySlot = formCtx.getParentSlots(resolveSlotNames(props.outerEmptyAction, `${props.prop}-action_outer`))[0];
+		const EmptySlot = formCtx.getParentSlots(resolveSlotNames(props.emptyAction, `${props.prop}-action_empty`))[0];
+		const RowSlot = formCtx.getParentSlots(resolveSlotNames(props.rowAction, `${props.prop}-action_row`))[0];
 		const parentFullProp = computed(() => attrs["full-prop"] || "");
 		const values = computed(() => {
 			return getDeepValue(formCtx.model, parentFullProp.value, { fallback: [] });
@@ -609,6 +649,10 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			p.labelPosition = indexProp(p.labelPosition, -1);
 			return p;
 		});
+		const itemAttrs = computed(() => {
+			const entries = Object.entries(unref(props.item)).map(([k, v]) => [k, unref(v)]);
+			return Object.assign({}, Object.fromEntries(entries), labelProps.value);
+		});
 		function indexProp(v, index, value) {
 			if (isFunction(v)) return v(index);
 			if (isNullOrUndef(value)) return v;
@@ -652,7 +696,7 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				key: 0,
 				add: lineAction.add.bind(null, -1),
 				empty: true
-			}, null, 8, ["add"])) : (openBlock(), createBlock(form_item_default, mergeProps({ key: 1 }, labelProps.value, { class: "layout-form-item" }), {
+			}, null, 8, ["add"])) : (openBlock(), createBlock(form_item_default, mergeProps({ key: 1 }, itemAttrs.value, { class: "layout-form-item" }), {
 				default: withCtx(() => [unref(EmptySlot) && !values.value.length ? (openBlock(), createBlock(resolveDynamicComponent(unref(EmptySlot).component), {
 					key: 0,
 					add: lineAction.add.bind(null, -1),
@@ -660,9 +704,9 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				}, null, 8, ["add"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (v, vi) => {
 					return openBlock(), createElementBlock("div", {
 						key: unref(getKey)(v),
-						class: "list-row",
+						class: normalizeClass(["list-row", _ctx.lineClass]),
 						style: normalizeStyle(_ctx.lineStyle)
-					}, [createElementVNode("div", _hoisted_1, [createVNode(form_field_default, mergeProps({ "name-space": "layout-form-item" }, { ref_for: true }, fieldProps.value, {
+					}, [createElementVNode("div", { class: normalizeClass(["row-item", _ctx.rowFieldClass]) }, [createVNode(form_field_default, mergeProps({ "name-space": "layout-form-item" }, { ref_for: true }, fieldProps.value, {
 						label: indexProp(_ctx.label, vi),
 						"label-width": indexProp(_ctx.labelWidth, vi),
 						"label-position": indexProp(_ctx.labelPosition, vi),
@@ -675,7 +719,7 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						"label-position",
 						"full-prop",
 						"prop"
-					])]), createElementVNode("div", _hoisted_2, [unref(RowSlot) ? (openBlock(), createBlock(resolveDynamicComponent(unref(RowSlot).component), {
+					])], 2), createElementVNode("div", { class: normalizeClass(["row-action", _ctx.rowActionClass]) }, [unref(RowSlot) ? (openBlock(), createBlock(resolveDynamicComponent(unref(RowSlot).component), {
 						key: 0,
 						up: lineAction.up.bind(null, vi),
 						down: lineAction.down.bind(null, vi),
@@ -699,7 +743,7 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						"single",
 						"row",
 						"full-prop"
-					])) : createCommentVNode("v-if", true)])], 4);
+					])) : createCommentVNode("v-if", true)], 2)], 6);
 				}), 128))]),
 				_: 1
 			}, 16));
@@ -720,7 +764,17 @@ var layout_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const props = __props;
 		const attrs = useAttrs();
 		const layoutProps = computed(() => {
-			return Object.assign({}, cut(attrs, ["full-prop"]), cut(props, ["fields"]));
+			const p = Object.assign({}, cut(attrs, [
+				"full-prop",
+				"widget",
+				"on"
+			]), cut(props, ["fields"]));
+			const w = Object.fromEntries(Object.entries(unref(props.widget)).map(([k, v]) => [k, unref(v)]));
+			return Object.assign(p, w);
+		});
+		const LayoutComponent = computed(() => {
+			if (props.component) return props.component;
+			return "div";
 		});
 		const formCtx = inject(formCtxKey);
 		const subFields = computed(() => {
@@ -728,22 +782,32 @@ var layout_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				return [field, { "full-prop": [attrs["full-prop"], field.prop].filter(Boolean).join(".") }];
 			});
 		});
-		const { prefix: prefixSlots, suffix: suffixSlots } = groupBy(formCtx.getParentSlots(ensureArray(props.slots)), (slot) => slot.name.match(/^[a-z]+/i)?.[0] ?? "");
+		const layoutSlots = formCtx.getParentSlots(ensureArray(props.slots));
+		const subSlots = props.component ? layoutSlots : [];
+		const { prefix: prefixSlots, suffix: suffixSlots } = groupBy(layoutSlots, (slot) => slot.name.match(/^[a-z]+/i)?.[0] ?? "");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ class: "layout-item" }, layoutProps.value), [
-				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(prefixSlots), (psc) => {
-					return openBlock(), createBlock(deep_slot_default, mergeProps({ key: psc.name }, { ref_for: true }, psc, { "ctx-key": unref(formCtxKey) }), null, 16, ["ctx-key"]);
-				}), 128)),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(subFields.value, (field) => {
-					return openBlock(), createBlock(form_field_default, mergeProps({ key: unref(getKey)(field[0]) }, { ref_for: true }, {
-						...field[0],
-						...field[1]
-					}), null, 16);
-				}), 128)),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(suffixSlots), (psc) => {
-					return openBlock(), createBlock(deep_slot_default, mergeProps({ key: psc.name }, { ref_for: true }, psc, { "ctx-key": unref(formCtxKey) }), null, 16, ["ctx-key"]);
-				}), 128))
-			], 16);
+			return openBlock(), createBlock(resolveDynamicComponent(LayoutComponent.value), mergeProps({ class: "layout-item" }, layoutProps.value, toHandlers(_ctx.on)), createSlots({
+				default: withCtx(() => [
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(prefixSlots), (psc) => {
+						return openBlock(), createBlock(deep_slot_default, mergeProps({ key: psc.name }, { ref_for: true }, psc, { "ctx-key": unref(formCtxKey) }), null, 16, ["ctx-key"]);
+					}), 128)),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(subFields.value, (field) => {
+						return openBlock(), createBlock(form_field_default, mergeProps({ key: unref(getKey)(field[0]) }, { ref_for: true }, {
+							...field[0],
+							...field[1]
+						}), null, 16);
+					}), 128)),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(suffixSlots), (psc) => {
+						return openBlock(), createBlock(deep_slot_default, mergeProps({ key: psc.name }, { ref_for: true }, psc, { "ctx-key": unref(formCtxKey) }), null, 16, ["ctx-key"]);
+					}), 128))
+				]),
+				_: 2
+			}, [renderList(unref(subSlots), (sl) => {
+				return {
+					name: sl.name,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, sl.name, normalizeProps(guardReactiveProps(scope)))])
+				};
+			})]), 1040);
 		};
 	}
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiddy",
-  "version": "2.6.2",
+  "version": "2.7.0",
   "packageManager": "pnpm@10.11.0",
   "description": "A set of Vue 3 components based on element-plus",
   "type": "module",