tiddy 2.0.4 → 2.0.6

package/dist/index.css

@@ -24,3 +24,18 @@
   flex: 1;
 }
 
+
+.field-enter-active, .field-leave-active {
+  transition: all 0.2s;
+  overflow: hidden;
+}
+.field-enter-to, .field-leave-from {
+  height: calc-size(auto, size) !important;
+  opacity: 1 !important;
+}
+.field-enter-from, .field-leave-to {
+  height: 0 !important;
+  margin-bottom: 0 !important;
+  opacity: 0 !important;
+}
+

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import * as vue41 from "vue";
-import { AllowedComponentProps, CSSProperties, Component, ComputedRef, DefineComponent, ExtractPublicPropTypes, PropType, Raw, Slot } from "vue";
+import { AllowedComponentProps, CSSProperties, Component, DefineComponent, ExtractPublicPropTypes, PropType, Raw, Slot } from "vue";
 import * as element_plus0 from "element-plus";
-import { DialogInstance, DialogProps, FormInstance, FormItemProps, FormItemRule, FormProps, TableColumnInstance, TableInstance } from "element-plus";
+import { DialogInstance, DialogProps, FormInstance, FormItemProp, FormItemProps, FormItemRule, FormProps, TableColumnInstance, TableInstance } from "element-plus";
 
 //#region src/types.d.ts
 type OrArray<T> = T | T[];
 type OrFunction<T> = T | ((...args: any[]) => T);
 type AnyFunction<A extends any[] = any[], R = any> = (...args: A) => R;
-type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+type MakeOptional<T, K$1 extends keyof T> = Omit<T, K$1> & Partial<Pick<T, K$1>>;
 interface ComponentSlot {
   name: string;
   component?: Component | Slot;
@@ -17,6 +17,7 @@ interface ComponentSlot {
   isSlot?: boolean;
 }
 type SlotDef = ComponentSlot | string | RegExp;
+type OrRef<T> = T | Ref<T>;
 //#endregion
 //#region src/form/utils.d.ts
 type TdFieldsProps = {
@@ -28,11 +29,11 @@ declare const objectFieldPropsDef: {
     required: true;
   };
   hide: {
-    type: PropType<OrFunction<boolean> | ComputedRef>;
+    type: PropType<OrFunction<boolean> | OrRef<boolean>>;
     default: boolean;
   };
   label: {
-    type: PropType<OrFunction<string> | ComputedRef<string>>;
+    type: PropType<OrFunction<string> | OrRef<string>>;
   };
   labelWidth: {
     type: PropType<OrFunction<string | number>>;
@@ -56,11 +57,11 @@ declare const widgetFieldPropsDef: {
     required: true;
   };
   hide: {
-    type: PropType<OrFunction<boolean> | ComputedRef>;
+    type: PropType<OrFunction<boolean> | OrRef<boolean>>;
     default: boolean;
   };
   label: {
-    type: PropType<OrFunction<string> | ComputedRef<string>>;
+    type: PropType<OrFunction<string> | OrRef<string>>;
   };
   labelWidth: {
     type: PropType<OrFunction<string | number>>;
@@ -88,7 +89,7 @@ declare const widgetFieldPropsDef: {
     default: (value: any) => any;
   };
   item: {
-    type: PropType<TdFormItemProps>;
+    type: PropType<OrRef<TdFormItemProps>>;
     default: () => {};
   };
   widget: {
@@ -100,7 +101,7 @@ declare const widgetFieldPropsDef: {
     default: () => {};
   };
   rules: {
-    type: PropType<OrArray<FormItemRule>>;
+    type: PropType<OrRef<OrArray<FormItemRule>>>;
     default: () => never[];
   };
   slots: {
@@ -134,11 +135,11 @@ declare const arrayFieldPropsDef: {
     required: true;
   };
   hide: {
-    type: PropType<OrFunction<boolean> | ComputedRef>;
+    type: PropType<OrFunction<boolean> | OrRef<boolean>>;
     default: boolean;
   };
   label: {
-    type: PropType<OrFunction<string> | ComputedRef<string>>;
+    type: PropType<OrFunction<string> | OrRef<string>>;
   };
   labelWidth: {
     type: PropType<OrFunction<string | number>>;
@@ -186,11 +187,11 @@ declare const layoutFieldPropsDef: {
     required: true;
   };
   hide: {
-    type: PropType<OrFunction<boolean> | ComputedRef>;
+    type: PropType<OrFunction<boolean> | OrRef<boolean>>;
     default: boolean;
   };
   label: {
-    type: PropType<OrFunction<string> | ComputedRef<string>>;
+    type: PropType<OrFunction<string> | OrRef<string>>;
   };
   labelWidth: {
     type: PropType<OrFunction<string | number>>;
@@ -227,7 +228,7 @@ declare const formPropsDef: {
 type TdFormProps = ExtractPublicPropTypes<typeof formPropsDef> & FormProps;
 declare const tdformItemProps: {
   messageLabel: {
-    type: PropType<string | ComputedRef<string>>;
+    type: PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
@@ -240,13 +241,13 @@ declare const tdformItemProps: {
   };
 };
 type TdFormItemProps = ExtractPublicPropTypes<typeof tdformItemProps> & Partial<FormItemProps>;
-declare function widget<T>(c: T, props?: PropsOf<T>): {
-  component: T;
-  widget: PropsOf<T> | undefined;
+declare function widget<T>(c: T | Raw<T>, props?: OrRef<PropsOf<T>>): {
+  component: T | Raw<T>;
+  widget: any;
 };
 //#endregion
 //#region src/form/form.vue.d.ts
-declare function reValidateErrorFields(): void;
+declare function reValidateErrorFields(props?: FormItemProp): void;
 declare const expose$1: {
   reValidateErrorFields: typeof reValidateErrorFields;
   model: vue41.ComputedRef<unknown>;
@@ -299,7 +300,7 @@ declare var __VLS_10: string | number, __VLS_11: any;
 type __VLS_Slots$2 = {} & { [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any };
 declare const __VLS_base$2: vue41.DefineComponent<vue41.ExtractPropTypes<{
   messageLabel: {
-    type: vue41.PropType<string | vue41.ComputedRef<string>>;
+    type: vue41.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
@@ -312,7 +313,7 @@ declare const __VLS_base$2: vue41.DefineComponent<vue41.ExtractPropTypes<{
   };
 }>, {}, {}, {}, {}, vue41.ComponentOptionsMixin, vue41.ComponentOptionsMixin, {}, string, vue41.PublicProps, Readonly<vue41.ExtractPropTypes<{
   messageLabel: {
-    type: vue41.PropType<string | vue41.ComputedRef<string>>;
+    type: vue41.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
@@ -324,7 +325,7 @@ declare const __VLS_base$2: vue41.DefineComponent<vue41.ExtractPropTypes<{
     default: boolean;
   };
 }>> & Readonly<{}>, {
-  messageLabel: string | vue41.ComputedRef<string>;
+  messageLabel: any;
   formatMessage: AnyFunction;
   hideRequiredAsterisk: boolean;
 }, {}, {}, {}, string, vue41.ComponentProvideOptions, true, {}, any>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, 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, 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 { ElDialog, ElForm, ElFormItem, ElTable, ElTableColumn, useNamespace } from "element-plus";
 import { cut, ensureArray, getDeepValue, groupBy, isFunction, isNullOrUndef, isObject, isString, pick, setDeepValue, toCamelCase, toKebabCase, uid } from "yatter";
 
@@ -316,16 +316,16 @@ var object_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const labelProps = computed(() => pick(props, [/^label/]));
 		const subFields = computed(() => {
 			return props.fields.map((field) => {
-				return {
-					...field,
-					"full-prop": [attrs["full-prop"], field.prop].filter(Boolean).join(".")
-				};
+				return [field, { "full-prop": [attrs["full-prop"], field.prop].filter(Boolean).join(".") }];
 			});
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(form_item_default, mergeProps(labelProps.value, { class: "layout-form-item" }), {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(subFields.value, (field) => {
-					return openBlock(), createBlock(form_field_default, mergeProps({ key: unref(getKey)(field) }, { ref_for: true }, field), null, 16);
+					return openBlock(), createBlock(form_field_default, mergeProps({ key: unref(getKey)(field[0]) }, { ref_for: true }, {
+						...field[0],
+						...field[1]
+					}), null, 16);
 				}), 128))]),
 				_: 1
 			}, 16);
@@ -578,11 +578,11 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			if (props.mandatory && !values.value?.length) lineAction.add(-1);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [unref(OuterEmptySlot) && !values.value.length ? (openBlock(), createBlock(resolveDynamicComponent(unref(OuterEmptySlot).component), {
+			return unref(OuterEmptySlot) && !values.value.length ? (openBlock(), createBlock(resolveDynamicComponent(unref(OuterEmptySlot).component), {
 				key: 0,
 				add: lineAction.add.bind(null, -1),
 				empty: true
-			}, null, 8, ["add"])) : createCommentVNode("v-if", true), !unref(OuterEmptySlot) || values.value.length ? (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 }, labelProps.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),
@@ -628,7 +628,7 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					])) : createCommentVNode("v-if", true)])], 4);
 				}), 128))]),
 				_: 1
-			}, 16)) : createCommentVNode("v-if", true)], 64);
+			}, 16));
 		};
 	}
 });
@@ -651,21 +651,20 @@ var layout_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const formCtx = inject(formCtxKey);
 		const subFields = computed(() => {
 			return props.fields.map((field) => {
-				return {
-					...field,
-					"full-prop": [attrs["full-prop"], field.prop].filter(Boolean).join(".")
-				};
+				return [field, { "full-prop": [attrs["full-prop"], field.prop].filter(Boolean).join(".") }];
 			});
 		});
-		const layoutSlots = formCtx.getParentSlots(ensureArray(props.slots));
-		const { prefix: prefixSlots, suffix: suffixSlots } = groupBy(layoutSlots, (slot) => slot.name.match(/^[a-z]+/i)?.[0] ?? "");
+		const { prefix: prefixSlots, suffix: suffixSlots } = groupBy(formCtx.getParentSlots(ensureArray(props.slots)), (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) }, { ref_for: true }, field), null, 16);
+					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"]);
@@ -700,15 +699,18 @@ var form_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			return false;
 		}
 		const FieldComponents = computed(() => {
-			if (isHidden()) return Fragment;
+			if (isHidden()) return "div";
 			if (attrs.type === "array") return array_field_default;
 			if (attrs.type === "layout") return layout_field_default;
 			if (attrs.type === "object" || !attrs.type && !!attrs.fields) return object_field_default;
 			if (attrs.type === "widget" || !attrs.type && !!attrs.component) return widget_field_default;
-			return Fragment;
+			return "div";
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(FieldComponents.value), mergeProps(fieldAttrs.value, { "full-prop": fullProp.value }), null, 16, ["full-prop"]);
+			return openBlock(), createBlock(Transition, { name: "field" }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(FieldComponents.value), mergeProps(fieldAttrs.value, { "full-prop": fullProp.value }), null, 16, ["full-prop"]))]),
+				_: 1
+			});
 		};
 	}
 });
@@ -738,8 +740,12 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			itemOption: props.item,
 			getParentSlots: getSlotsFactory(slots)
 		}));
-		function reValidateErrorFields() {
-			for (const field of formRef.value?.fields ?? []) if (field.validateStatus === "error") field.validate("");
+		function reValidateErrorFields(props$1) {
+			let fields = formRef.value?.fields ?? [];
+			if (props$1) fields = fields.filter((f) => {
+				return ensureArray(props$1).includes(f.propString);
+			});
+			for (const field of fields) if (field.validateState === "error") field.validate("");
 		}
 		const expose = {
 			reValidateErrorFields,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiddy",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "packageManager": "pnpm@10.11.0",
   "description": "A set of Vue 3 components based on element-plus",
   "type": "module",
@@ -37,7 +37,7 @@
     "docs:preview": "vitepress preview docs"
   },
   "peerDependencies": {
-    "element-plus": "^2.9.11",
+    "element-plus": "^2.11.7",
     "vue": "^3.0.0"
   },
   "devDependencies": {
@@ -47,10 +47,10 @@
     "@vue/test-utils": "^2.4.6",
     "async-validator": "^4.2.5",
     "decimal-format": "^4.0.3",
-    "element-plus": "^2.9.11",
+    "element-plus": "^2.11.7",
     "happy-dom": "^17.4.7",
     "sass-embedded": "^1.89.1",
-    "tsdown": "^0.15.6",
+    "tsdown": "^0.16.4",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
     "vite": "npm:rolldown-vite@latest",
@@ -62,6 +62,6 @@
     "vue-tsc": "^3.1.0"
   },
   "dependencies": {
-    "yatter": "^2.5.0"
+    "yatter": "^3.0.0"
   }
 }