tiddy 2.5.0 → 2.6.0

package/dist/index.css

@@ -1,4 +1,10 @@
 
+.td-form-item[data-v-2fcd0e45] {
+  transition: margin-bottom 0.3s;
+}
+.td-form-item__error-oneline[data-v-2fcd0e45] {
+  white-space: nowrap;
+}
 .el-form-item .el-form-item[data-v-2fcd0e45] {
   margin-bottom: 18px;
 }
@@ -8,6 +14,9 @@
 .el-form-item.layout-form-item[data-v-2fcd0e45] {
   margin-bottom: 0;
 }
+.el-form-item.layout-form-item[data-v-2fcd0e45] >  .el-form-item__content {
+  align-items: flex-start;
+}
 .el-form-item.is-required.hide-asterisk.asterisk-left[data-v-2fcd0e45] >  .el-form-item__label::before {
   content: '';
 }
@@ -16,7 +25,6 @@
 }
 
 
-
 .list-row[data-v-65f5c13c] {
   display: flex;
 }

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as vue69 from "vue";
-import { AllowedComponentProps, CSSProperties, Component, ComputedRef, DefineComponent, ExtractPublicPropTypes, HTMLAttributes, PropType, Raw, Ref as Ref$1, Slot } 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";
 
@@ -128,7 +128,7 @@ declare const widgetFieldPropsDef: {
     default: undefined;
   };
 };
-type PropsOf<C> = C extends DefineComponent<infer P, any, any, any, any> ? P : C extends (new (...args: any) => any) ? InstanceType<C> extends {
+type PropsOf<C> = C extends (new (...args: any[]) => any) ? InstanceType<C>['$props'] : C extends DefineComponent<any, any, any, any, any, any, any, any> ? InstanceType<C> extends {
   $props: infer P;
 } ? P : Record<string, any> : Record<string, any>;
 type TdWidgetFieldProps = ExtractPublicPropTypes<typeof widgetFieldPropsDef> & AllowedComponentProps & Record<PropertyKey, any>;
@@ -242,9 +242,13 @@ declare const tdformItemProps: {
     type: PropType<boolean>;
     default: boolean;
   };
+  errorLayout: {
+    type: PropType<"nowrap" | "wrap" | "expand">;
+    default: string;
+  };
 };
 type TdFormItemProps = ExtractPublicPropTypes<typeof tdformItemProps> & Partial<FormItemProps>;
-type PropsOrRef<T> = { [K in keyof T]?: OrRef<T[K]> } | Ref$1<T>;
+type PropsOrRef<T> = { [K in keyof T]?: OrRef<T[K]> } | Ref<T>;
 declare function widget<T>(c: T | Raw<T>, props?: PropsOrRef<PropsOf<T> & HTMLAttributes>): {
   component: T | Raw<T>;
   widget: PropsOrRef<PropsOf<T> & HTMLAttributes> | undefined;
@@ -256,7 +260,7 @@ declare function isValidateError(prop: string): boolean;
 declare const expose$1: {
   reValidateErrorFields: typeof reValidateErrorFields;
   isValidateError: typeof isValidateError;
-  model: vue69.ComputedRef<unknown>;
+  model: vue27.ComputedRef<unknown>;
 };
 type __TdFormExpose = typeof expose$1 & FormInstance;
 declare var __VLS_11$2: {}, __VLS_13$1: {}, __VLS_19$1: {};
@@ -267,24 +271,24 @@ type __VLS_Slots$4 = {} & {
 } & {
   suffix?: (props: typeof __VLS_19$1) => any;
 };
-declare const __VLS_base$4: vue69.DefineComponent<vue69.ExtractPropTypes<{
+declare const __VLS_base$4: vue27.DefineComponent<vue27.ExtractPropTypes<{
   fields: {
-    type: vue69.PropType<TdFormFieldProps[]>;
+    type: vue27.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue69.PropType<element_plus0.FormItemProps>;
+    type: vue27.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
-}>, __TdFormExpose, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {
+}>, __TdFormExpose, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {
   submit: (data: any) => any;
-}, string, vue69.PublicProps, Readonly<vue69.ExtractPropTypes<{
+}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   fields: {
-    type: vue69.PropType<TdFormFieldProps[]>;
+    type: vue27.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue69.PropType<element_plus0.FormItemProps>;
+    type: vue27.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
 }>> & Readonly<{
@@ -292,9 +296,9 @@ declare const __VLS_base$4: vue69.DefineComponent<vue69.ExtractPropTypes<{
 }>, {
   fields: TdFormFieldProps[];
   item: element_plus0.FormItemProps;
-}, {}, {}, {}, string, vue69.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$2: typeof __VLS_export$6;
+declare const _default$3: typeof __VLS_export$6;
 type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
@@ -304,39 +308,48 @@ 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: vue69.DefineComponent<vue69.ExtractPropTypes<{
+declare const __VLS_base$3: vue27.DefineComponent<vue27.ExtractPropTypes<{
   messageLabel: {
-    type: vue69.PropType<OrRef<string>>;
+    type: vue27.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue69.PropType<AnyFunction>;
+    type: vue27.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue69.PropType<boolean>;
+    type: vue27.PropType<boolean>;
     default: boolean;
   };
-}>, {}, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<vue69.ExtractPropTypes<{
+  errorLayout: {
+    type: vue27.PropType<"nowrap" | "wrap" | "expand">;
+    default: string;
+  };
+}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   messageLabel: {
-    type: vue69.PropType<OrRef<string>>;
+    type: vue27.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue69.PropType<AnyFunction>;
+    type: vue27.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue69.PropType<boolean>;
+    type: vue27.PropType<boolean>;
     default: boolean;
   };
+  errorLayout: {
+    type: vue27.PropType<"nowrap" | "wrap" | "expand">;
+    default: string;
+  };
 }>> & Readonly<{}>, {
   hideRequiredAsterisk: boolean;
-  messageLabel: any;
+  messageLabel: OrRef<string>;
   formatMessage: AnyFunction;
-}, {}, {}, {}, string, vue69.ComponentProvideOptions, true, {}, any>;
+  errorLayout: "wrap" | "nowrap" | "expand";
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$5: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
-declare const _default$4: typeof __VLS_export$5;
+declare const _default$5: typeof __VLS_export$5;
 type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
@@ -344,13 +357,13 @@ type __VLS_WithSlots$3<T, S> = T & {
 };
 //#endregion
 //#region src/form/form-field.vue.d.ts
-declare const __VLS_export$4: vue69.DefineComponent<{}, {}, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue69.ComponentProvideOptions, true, {}, any>;
-declare const _default$3: typeof __VLS_export$4;
+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
-type Instance$2 = InstanceType<typeof _default$2>;
+type Instance$2 = InstanceType<typeof _default$3>;
 type TdFormInstance = Instance$2 & Omit<FormInstance, keyof Instance$2>;
-type TdFormItemInstance = InstanceType<typeof _default$4>;
+type TdFormItemInstance = InstanceType<typeof _default$5>;
 //#endregion
 //#region src/table/utils.d.ts
 type TableColumnProp = {
@@ -367,11 +380,11 @@ type TableColumnProp = {
     default: () => never[];
   };
   hide: {
-    type: PropType<boolean | Ref$1<boolean>>;
+    type: PropType<boolean | Ref<boolean>>;
     default: false;
   };
   dangerouslyUseHTMLString: {
-    type: PropType<boolean | Ref$1<boolean>>;
+    type: PropType<boolean | Ref<boolean>>;
     default: false;
   };
 };
@@ -392,21 +405,21 @@ type __VLS_Slots$2 = {} & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof
 } & {
   after?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$2: vue69.DefineComponent<vue69.ExtractPropTypes<{
+declare const __VLS_base$2: vue27.DefineComponent<vue27.ExtractPropTypes<{
   columns: {
-    type: vue69.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
-}>, TableInstance, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<vue69.ExtractPropTypes<{
+}>, TableInstance, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   columns: {
-    type: vue69.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
 }>> & Readonly<{}>, {
   columns: TdTableColumnProps[];
-}, {}, {}, {}, string, vue69.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$5: typeof __VLS_export$3;
+declare const _default$6: typeof __VLS_export$3;
 type __VLS_WithSlots$2<T, S> = T & {
   new (): {
     $slots: S;
@@ -414,59 +427,59 @@ type __VLS_WithSlots$2<T, S> = T & {
 };
 //#endregion
 //#region src/table/table-col.vue.d.ts
-declare const __VLS_export$2: vue69.DefineComponent<vue69.ExtractPropTypes<{
+declare const __VLS_export$2: vue27.DefineComponent<vue27.ExtractPropTypes<{
   slots: {
-    type: vue69.PropType<OrArray<SlotDef>>;
+    type: vue27.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue69.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue69.PropType<AnyFunction[]>;
+    type: vue27.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue69.PropType<boolean | vue69.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
   dangerouslyUseHTMLString: {
-    type: vue69.PropType<boolean | vue69.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
-}>, {}, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<vue69.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
   slots: {
-    type: vue69.PropType<OrArray<SlotDef>>;
+    type: vue27.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue69.PropType<TdTableColumnProps[]>;
+    type: vue27.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue69.PropType<AnyFunction[]>;
+    type: vue27.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue69.PropType<boolean | vue69.Ref<boolean>>;
+    type: vue27.PropType<boolean | vue27.Ref<boolean>>;
     default: false;
   };
   dangerouslyUseHTMLString: {
-    type: vue69.PropType<boolean | vue69.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 | vue69.Ref<boolean, boolean>;
-  dangerouslyUseHTMLString: boolean | vue69.Ref<boolean, boolean>;
-}, {}, {}, {}, string, vue69.ComponentProvideOptions, true, {}, any>;
-declare const _default$6: typeof __VLS_export$2;
+  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
-type Instance$1 = InstanceType<typeof _default$5>;
+type Instance$1 = InstanceType<typeof _default$6>;
 type TdTableInstance = Instance$1 & Omit<TableInstance, keyof Instance$1>;
 //#endregion
 //#region src/dialog/utils.d.ts
@@ -487,7 +500,7 @@ declare const expose: {
   close: typeof close;
 };
 type __TdDialogExpose = typeof expose & DialogInstance;
-declare var __VLS_13: "default" | "title" | "header" | "footer", __VLS_14: {
+declare var __VLS_13: "default" | "footer" | "header" | "title", __VLS_14: {
     ok: typeof confirm;
     close: typeof close;
     step: typeof step;
@@ -495,7 +508,7 @@ declare var __VLS_13: "default" | "title" | "header" | "footer", __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: vue69.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue69.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 & {
@@ -534,9 +547,9 @@ 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: vue69.DefineComponent<__VLS_Props, SelectInstance, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue69.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$1: typeof __VLS_export;
+declare const _default$2: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
@@ -544,16 +557,60 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/enum-select/index.d.ts
-type TdEnumSelectInstance = InstanceType<typeof _default$1>;
+type TdEnumSelectInstance = InstanceType<typeof _default$2>;
+//#endregion
+//#region src/dynamic-directive/dynamic-directive.d.ts
+interface DirectiveConfig {
+  dir: Directive;
+  value?: any;
+  arg?: string;
+  modifiers?: Record<string, boolean>;
+  enable?: boolean;
+}
+declare const _default$1: vue27.DefineComponent<vue27.ExtractPropTypes<{
+  directives: {
+    type: () => DirectiveConfig[];
+    default: () => never[];
+  };
+  wrap: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  tag: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
+  [key: string]: any;
+}> | vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
+  [key: string]: any;
+}>[], {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+  directives: {
+    type: () => DirectiveConfig[];
+    default: () => never[];
+  };
+  wrap: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  tag: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  directives: DirectiveConfig[];
+  wrap: boolean;
+  tag: string;
+}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/hooks/use-reuse.d.ts
-declare function useReuse(): (vue69.DefineComponent<{}, () => null, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue69.ComponentProvideOptions, true, {}, any> | vue69.DefineComponent<{}, () => vue69.VNode<vue69.RendererNode, vue69.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, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue69.ComponentProvideOptions, true, {}, any> | vue69.ComputedRef<Readonly<{
-  [name: string]: vue69.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
 declare function getKey(obj: any): string;
 //#endregion
-export { _default as TdDialog, TdDialogInstance, type TdDialogProps, _default$1 as TdEnumSelect, TdEnumSelectInstance, _default$2 as TdForm, _default$3 as TdFormField, type TdFormFieldProps, TdFormInstance, _default$4 as TdFormItem, TdFormItemInstance, type TdFormProps, _default$5 as TdTable, _default$6 as TdTableCol, type TdTableColumnProps, TdTableInstance, type TdTableProps, clearEnum, formPropsDef, getEnum, getKey, resetEnum, setDefaultEnumFetch, tableColumnPropsDef, tablePropsDef, useReuse, widget };
+export { _default as TdDialog, TdDialogInstance, type TdDialogProps, _default$1 as TdDynamicDirective, _default$2 as TdEnumSelect, TdEnumSelectInstance, _default$3 as TdForm, _default$4 as TdFormField, type TdFormFieldProps, TdFormInstance, _default$5 as TdFormItem, TdFormItemInstance, type TdFormProps, _default$6 as TdTable, _default$7 as TdTableCol, type TdTableColumnProps, TdTableInstance, type TdTableProps, clearEnum, formPropsDef, getEnum, getKey, resetEnum, setDefaultEnumFetch, tableColumnPropsDef, tablePropsDef, useReuse, widget };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, isRef, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useAttrs, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useAttrs, useSlots, useTemplateRef, withCtx, withDirectives, withModifiers } from "vue";
 import { ElDialog, ElForm, ElFormItem, ElSelect, ElTable, ElTableColumn, useNamespace } from "element-plus";
 import { cut, ensureArray, getDeepValue, groupBy, isFunction, isNullOrUndef, isObject, isString, pick, setDeepValue, toCamelCase, toKebabCase, uid } from "yatter";
 
@@ -239,6 +239,10 @@ const tdformItemProps = {
 	hideRequiredAsterisk: {
 		type: Boolean,
 		default: false
+	},
+	errorLayout: {
+		type: String,
+		default: "wrap"
 	}
 };
 function widget(c, props) {
@@ -248,6 +252,44 @@ function widget(c, props) {
 	};
 }
 
+//#endregion
+//#region src/dynamic-directive/dynamic-directive.ts
+var dynamic_directive_default = defineComponent({
+	name: "TdDynamicDirective",
+	props: {
+		directives: {
+			type: Array,
+			default: () => []
+		},
+		wrap: {
+			type: Boolean,
+			default: false
+		},
+		tag: {
+			type: String,
+			default: "div"
+		}
+	},
+	setup(props, { slots }) {
+		return () => {
+			const children = slots.default?.() ?? [];
+			const validChildren = children.filter(isVNode);
+			const directives = props.directives.flatMap((d) => {
+				if (!(d.enable ?? true)) return [];
+				return [[
+					d.dir,
+					d.value,
+					d.arg,
+					d.modifiers
+				]];
+			});
+			if (validChildren.length === 1) return withDirectives(validChildren[0], directives);
+			if (validChildren.length > 1 && props.wrap) return withDirectives(h(props.tag, null, validChildren), directives);
+			return children;
+		};
+	}
+});
+
 //#endregion
 //#region src/form/form-item.vue?vue&type=script&setup=true&lang.ts
 var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -284,12 +326,28 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				return Reflect.has(formItemRef.value || {}, key);
 			}
 		}));
+		function setFormItemMarginBottom(el) {
+			const height = Number.parseFloat(window.getComputedStyle(el).getPropertyValue("height"), 10);
+			const marginBottom = `${Math.max(height + 6, 18)}px`;
+			el.closest(".td-form-item").style.marginBottom = marginBottom;
+		}
+		const vErrorLayout = {
+			mounted: setFormItemMarginBottom,
+			updated: setFormItemMarginBottom
+		};
+		const directives = computed(() => [{
+			dir: vErrorLayout,
+			enable: props.errorLayout === "expand"
+		}]);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ElFormItem), mergeProps({
 				ref: "formItem",
-				class: [{ "hide-asterisk": _ctx.hideRequiredAsterisk }]
+				class: [{ "hide-asterisk": _ctx.hideRequiredAsterisk }, "td-form-item"]
 			}, itemAttr.value), createSlots({
-				error: withCtx((scope) => [createElementVNode("div", { class: normalizeClass(unref(validateClass)) }, toDisplayString(innerFormatMessage(scope.error)), 3)]),
+				error: withCtx((scope) => [createVNode(unref(dynamic_directive_default), { directives: directives.value }, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass([unref(validateClass), { "td-form-item__error-oneline": _ctx.errorLayout === "nowrap" }]) }, toDisplayString(innerFormatMessage(scope.error)), 3)]),
+					_: 2
+				}, 1032, ["directives"])]),
 				_: 2
 			}, [renderList(unref(slots), (_, k) => {
 				return {
@@ -1119,4 +1177,4 @@ function useReuse() {
 }
 
 //#endregion
-export { dialog_default as TdDialog, enum_select_default as TdEnumSelect, form_default as TdForm, form_field_default as TdFormField, form_item_default as TdFormItem, table_default as TdTable, table_col_default as TdTableCol, clearEnum, formPropsDef, getEnum, getKey, resetEnum, setDefaultEnumFetch, tableColumnPropsDef, tablePropsDef, useReuse, widget };
+export { dialog_default as TdDialog, dynamic_directive_default as TdDynamicDirective, enum_select_default as TdEnumSelect, form_default as TdForm, form_field_default as TdFormField, form_item_default as TdFormItem, table_default as TdTable, table_col_default as TdTableCol, clearEnum, formPropsDef, getEnum, getKey, resetEnum, setDefaultEnumFetch, tableColumnPropsDef, tablePropsDef, useReuse, widget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiddy",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "packageManager": "pnpm@10.11.0",
   "description": "A set of Vue 3 components based on element-plus",
   "type": "module",
@@ -30,6 +30,7 @@
     "play": "vite",
     "test": "vitest",
     "type": "vue-tsc --noEmit",
+    "pretype": "pnpm run build",
     "format": "biome format --write .",
     "prepublishOnly": "pnpm run build",
     "docs:dev": "vitepress dev docs",