@tmagic/form 1.8.0-beta.24 → 1.8.0-beta.26

package/dist/es/containers/Fieldset.vue_vue_type_script_setup_true_lang.js

@@ -19,6 +19,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 	__name: "Fieldset",
 	props: {
 		labelWidth: {},
+		labelPosition: {},
 		prop: { default: "" },
 		size: {},
 		model: {},
@@ -58,6 +59,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (props.config.items) return props.config.labelWidth || props.labelWidth;
 			return props.config.labelWidth || props.labelWidth || (props.config.text ? void 0 : "0");
 		});
+		const lPosition = computed(() => props.config.labelPosition || props.labelPosition);
 		const valueChangeHandler = (value) => {
 			emit("change", value, { modifyKey: checkboxName.value });
 		};
@@ -105,6 +107,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					prop: __props.prop,
 					disabled: __props.disabled,
 					labelWidth: lWidth.value,
+					labelPosition: lPosition.value,
 					size: __props.size,
 					onChange: changeHandler,
 					onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
@@ -117,6 +120,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					"prop",
 					"disabled",
 					"labelWidth",
+					"labelPosition",
 					"size"
 				]);
 			}), 128))]), createElementVNode("img", {
@@ -132,6 +136,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					config: item,
 					prop: __props.prop,
 					labelWidth: lWidth.value,
+					labelPosition: lPosition.value,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: changeHandler,
@@ -144,6 +149,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					"config",
 					"prop",
 					"labelWidth",
+					"labelPosition",
 					"size",
 					"disabled"
 				]);

package/dist/es/containers/FlexLayout.vue_vue_type_script_setup_true_lang.js

@@ -11,6 +11,7 @@ var FlexLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		disabled: { type: Boolean }
@@ -44,6 +45,7 @@ var FlexLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					size: __props.size,
 					disabled: __props.disabled,
 					"label-width": __props.config.labelWidth || __props.labelWidth,
+					"label-position": __props.config.labelPosition || __props.labelPosition,
 					onChange: changeHandler,
 					onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
 				}, null, 8, [
@@ -54,7 +56,8 @@ var FlexLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					"prop",
 					"size",
 					"disabled",
-					"label-width"
+					"label-width",
+					"label-position"
 				]);
 			}), 128))], 4);
 		};

package/dist/es/containers/GroupList.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import GroupListItem_default from "./GroupListItem.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot, toDisplayString } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, withCtx } from "vue";
 import { cloneDeep } from "lodash-es";
 //#region packages/form/src/containers/GroupList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-group-list" };
@@ -9,11 +9,7 @@ var _hoisted_3 = {
 	class: "el-table__empty-block"
 };
 var _hoisted_4 = { class: "el-table__empty-text t-table__empty" };
-var _hoisted_5 = {
-	key: 3,
-	class: "m-fields-group-list-footer"
-};
-var _hoisted_6 = { style: {
+var _hoisted_5 = { style: {
 	"display": "flex",
 	"justify-content": "flex-end",
 	"flex": "1"
@@ -28,6 +24,7 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		disabled: { type: Boolean },
@@ -56,7 +53,23 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			emit("change", props.model[props.name]);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
-		const getLastValues = (item, index) => item?.[index] || {};
+		const asList = (value) => Array.isArray(value) ? value : [];
+		const currentList = computed(() => asList(props.model[props.name]));
+		/** 对比时按当前/历史较长一侧对齐，已删除的项也能渲染出来 */
+		const displayItems = computed(() => {
+			const current = currentList.value;
+			if (!props.isCompare) return current.map((item, index) => ({
+				item: item ?? {},
+				last: {},
+				index
+			}));
+			const last = asList(props.lastValues?.[props.name]);
+			return Array.from({ length: Math.max(current.length, last.length) }, (_, index) => ({
+				item: current[index] ?? {},
+				last: last[index] ?? {},
+				index
+			}));
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				__props.config.extra ? (openBlock(), createElementBlock("div", {
@@ -64,25 +77,30 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					innerHTML: __props.config.extra,
 					style: { "color": "rgba(0, 0, 0, 0.45)" }
 				}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
-				!__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, "暂无" + toDisplayString(__props.config.titlePrefix || "") + "数据", 1)])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.model[__props.name], (item, index) => {
+				!displayItems.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, "暂无" + toDisplayString(__props.config.titlePrefix || "") + "数据", 1)])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(displayItems.value, (entry) => {
 					return openBlock(), createBlock(GroupListItem_default, {
-						key: index,
-						model: item,
-						lastValues: getLastValues(__props.lastValues?.[__props.name], Number(index)),
+						key: entry.index,
+						model: entry.item,
+						lastValues: entry.last,
 						"is-compare": __props.isCompare,
 						config: __props.config,
 						prop: __props.prop,
-						index: Number(index),
+						index: entry.index,
 						"label-width": __props.labelWidth,
+						"label-position": __props.labelPosition,
 						size: __props.size,
 						disabled: __props.disabled,
-						"group-model": __props.model[__props.name],
+						"group-model": currentList.value,
 						onRemoveItem: removeHandler,
 						onCopyItem: copyHandler,
 						onSwapItem: swapHandler,
 						onChange: changeHandler,
 						onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
-					}, null, 8, [
+					}, createSlots({ _: 2 }, [_ctx.$slots.title ? {
+						name: "title",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "title", mergeProps({ ref_for: true }, slotProps))]),
+						key: "0"
+					} : void 0]), 1032, [
 						"model",
 						"lastValues",
 						"is-compare",
@@ -90,12 +108,16 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"prop",
 						"index",
 						"label-width",
+						"label-position",
 						"size",
 						"disabled",
 						"group-model"
 					]);
 				}), 128)),
-				!__props.isCompare ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "add-button")])])) : createCommentVNode("v-if", true)
+				!__props.isCompare && (_ctx.$slots["toggle-button"] || _ctx.$slots["add-button"]) ? (openBlock(), createElementBlock("div", {
+					key: 3,
+					class: normalizeClass(["m-fields-group-list-footer", { "is-sticky-full": Boolean(__props.config.addButtonConfig?.sticky) }])
+				}, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "add-button")])], 2)) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

package/dist/es/containers/GroupListItem.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,19 @@
-import { filterFunction } from "../utils/form.js";
+import { appendProp, filterFunction } from "../utils/form.js";
+import { getGroupListRowConfig } from "../utils/tableGroupList.js";
 import Container_default from "./Container.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, unref, vShow, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
 import { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowRight, Bottom, Delete, DocumentCopy, Position, Top } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/GroupListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-group-list-item-header" };
-var _hoisted_2 = ["innerHTML"];
-var _hoisted_3 = { style: {
+var _hoisted_2 = { class: "m-fields-group-list-item-title" };
+var _hoisted_3 = ["innerHTML"];
+var _hoisted_4 = { class: "m-fields-group-list-item-actions" };
+var _hoisted_5 = { style: {
 	"text-align": "right",
 	"margin-top": "20px"
 } };
-var _hoisted_4 = ["innerHTML"];
+var _hoisted_6 = ["innerHTML"];
 var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormGroupListItem",
 	__name: "GroupListItem",
@@ -21,6 +24,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		groupModel: {},
 		config: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		index: {},
@@ -39,13 +43,8 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const mForm = inject("mForm");
 		const defaultExpandQuantity = props.config.defaultExpandQuantity ?? 7;
 		const expand = ref(props.config.expandAll || defaultExpandQuantity > props.index);
-		const rowConfig = computed(() => ({
-			type: "row",
-			span: props.config.span || 24,
-			items: props.config.items,
-			labelWidth: props.config.labelWidth,
-			[mForm?.keyProp || "__key"]: `${props.config[mForm?.keyProp || "__key"]}${String(props.index)}`
-		}));
+		const rowConfig = computed(() => getGroupListRowConfig(props.config, props.index, mForm?.keyProp));
+		const rowProp = computed(() => appendProp(props.prop, props.index));
 		const title = computed(() => {
 			if (props.config.titleKey && props.model[props.config.titleKey]) {
 				const { titlePrefix } = props.config;
@@ -105,101 +104,112 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						})]),
 						_: 1
 					}, 8, ["disabled"]),
-					createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_2),
-					createVNode(unref(TMagicTooltip), { content: `删除 ${title.value}` }, {
-						default: withCtx(() => [!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
+					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "title", {
+						model: __props.model,
+						index: __props.index,
+						lastValues: __props.lastValues,
+						prop: rowProp.value,
+						title: title.value
+					}, () => [createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_3)])]),
+					createElementVNode("div", _hoisted_4, [
+						copyable.value && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
 							key: 0,
+							link: "",
 							size: "default",
+							type: "primary",
+							icon: unref(DocumentCopy),
+							disabled: __props.disabled,
+							onClick: copyHandler
+						}, {
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("复制", -1)])]),
+							_: 1
+						}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
+						movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [withDirectives(createVNode(unref(TMagicButton), {
 							link: "",
-							class: "delete-button",
-							icon: unref(Delete),
+							size: "default",
 							disabled: __props.disabled,
-							onClick: removeHandler
-						}, null, 8, ["icon", "disabled"])), [[vShow, showDelete.value]]) : createCommentVNode("v-if", true)]),
-						_: 1
-					}, 8, ["content"]),
-					copyable.value && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
-						key: 0,
-						link: "",
-						size: "default",
-						type: "primary",
-						icon: unref(DocumentCopy),
-						disabled: __props.disabled,
-						onClick: copyHandler
-					}, {
-						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("复制", -1)])]),
-						_: 1
-					}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
-					movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [withDirectives(createVNode(unref(TMagicButton), {
-						link: "",
-						size: "default",
-						disabled: __props.disabled,
-						icon: unref(Top),
-						onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
-					}, {
-						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("上移", -1)])]),
-						_: 1
-					}, 8, ["disabled", "icon"]), [[vShow, __props.index !== 0]]), withDirectives(createVNode(unref(TMagicButton), {
-						link: "",
-						size: "default",
-						disabled: __props.disabled,
-						icon: unref(Bottom),
-						onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
-					}, {
-						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("下移", -1)])]),
-						_: 1
-					}, 8, ["disabled", "icon"]), [[vShow, __props.index !== length.value - 1]])], 64)) : createCommentVNode("v-if", true),
-					__props.config.moveSpecifyLocation && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicPopover), {
-						key: 2,
-						trigger: "click",
-						placement: "top",
-						width: "200",
-						visible: moveSpecifyLocationVisible.value
-					}, {
-						reference: withCtx(() => [createVNode(unref(TMagicButton), {
+							icon: unref(Top),
+							onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
+						}, {
+							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("上移", -1)])]),
+							_: 1
+						}, 8, ["disabled", "icon"]), [[vShow, __props.index !== 0]]), withDirectives(createVNode(unref(TMagicButton), {
 							link: "",
-							size: "small",
-							type: "primary",
-							icon: unref(Position),
+							size: "default",
 							disabled: __props.disabled,
-							onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
+							icon: unref(Bottom),
+							onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
 						}, {
-							default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("移动至", -1)])]),
+							default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("下移", -1)])]),
 							_: 1
-						}, 8, ["icon", "disabled"])]),
-						default: withCtx(() => [createElementVNode("div", null, [createElementVNode("div", null, [
-							_cache[10] || (_cache[10] = createTextVNode(" 第", -1)),
-							createVNode(unref(TMagicInputNumber), {
-								style: { "margin": "0 5px" },
-								modelValue: moveSpecifyLocationIndex.value,
-								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => moveSpecifyLocationIndex.value = $event),
-								size: "small",
-								min: 1,
-								disabled: __props.disabled
-							}, null, 8, ["modelValue", "disabled"]),
-							_cache[11] || (_cache[11] = createTextVNode("行 ", -1))
-						]), createElementVNode("div", _hoisted_3, [createVNode(unref(TMagicButton), {
-							size: "small",
-							text: "",
-							onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
+						}, 8, ["disabled", "icon"]), [[vShow, __props.index !== length.value - 1]])], 64)) : createCommentVNode("v-if", true),
+						__props.config.moveSpecifyLocation && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicPopover), {
+							key: 2,
+							trigger: "click",
+							placement: "top",
+							width: "200",
+							visible: moveSpecifyLocationVisible.value
 						}, {
-							default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode("取消", -1)])]),
+							reference: withCtx(() => [createVNode(unref(TMagicButton), {
+								link: "",
+								size: "small",
+								type: "primary",
+								icon: unref(Position),
+								disabled: __props.disabled,
+								onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
+							}, {
+								default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("移动至", -1)])]),
+								_: 1
+							}, 8, ["icon", "disabled"])]),
+							default: withCtx(() => [createElementVNode("div", null, [createElementVNode("div", null, [
+								_cache[10] || (_cache[10] = createTextVNode(" 第", -1)),
+								createVNode(unref(TMagicInputNumber), {
+									style: { "margin": "0 5px" },
+									modelValue: moveSpecifyLocationIndex.value,
+									"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => moveSpecifyLocationIndex.value = $event),
+									size: "small",
+									min: 1,
+									disabled: __props.disabled
+								}, null, 8, ["modelValue", "disabled"]),
+								_cache[11] || (_cache[11] = createTextVNode("行 ", -1))
+							]), createElementVNode("div", _hoisted_5, [createVNode(unref(TMagicButton), {
+								size: "small",
+								text: "",
+								onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
+							}, {
+								default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode("取消", -1)])]),
+								_: 1
+							}), createVNode(unref(TMagicButton), {
+								size: "small",
+								type: "primary",
+								onClick: moveSpecifyLocationHandler
+							}, {
+								default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode("确认", -1)])]),
+								_: 1
+							})])])]),
 							_: 1
-						}), createVNode(unref(TMagicButton), {
-							size: "small",
-							type: "primary",
-							onClick: moveSpecifyLocationHandler
+						}, 8, ["visible"])) : createCommentVNode("v-if", true),
+						createCommentVNode(" v-if 必须挂在 Tooltip 上：子节点为 false 时 ElOnlyChild 会报 no valid child node found "),
+						!__props.isCompare ? (openBlock(), createBlock(unref(TMagicTooltip), {
+							key: 3,
+							content: `删除 ${title.value}`
 						}, {
-							default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode("确认", -1)])]),
+							default: withCtx(() => [withDirectives(createVNode(unref(TMagicButton), {
+								size: "default",
+								link: "",
+								class: "delete-button",
+								icon: unref(Delete),
+								disabled: __props.disabled,
+								onClick: removeHandler
+							}, null, 8, ["icon", "disabled"]), [[vShow, showDelete.value]])]),
 							_: 1
-						})])])]),
-						_: 1
-					}, 8, ["visible"])) : createCommentVNode("v-if", true),
-					itemExtra.value ? (openBlock(), createElementBlock("span", {
-						key: 3,
-						innerHTML: itemExtra.value,
-						class: "m-form-tip"
-					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
+						}, 8, ["content"])) : createCommentVNode("v-if", true),
+						itemExtra.value ? (openBlock(), createElementBlock("span", {
+							key: 4,
+							innerHTML: itemExtra.value,
+							class: "m-form-tip"
+						}, null, 8, _hoisted_6)) : createCommentVNode("v-if", true)
+					])
 				])]),
 				default: withCtx(() => [expand.value ? (openBlock(), createBlock(Container_default, {
 					key: 0,
@@ -208,7 +218,8 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					lastValues: __props.lastValues,
 					"is-compare": __props.isCompare,
 					labelWidth: __props.labelWidth,
-					prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
+					labelPosition: __props.labelPosition,
+					prop: rowProp.value,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: changeHandler,
@@ -219,11 +230,12 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					"lastValues",
 					"is-compare",
 					"labelWidth",
+					"labelPosition",
 					"prop",
 					"size",
 					"disabled"
 				])) : createCommentVNode("v-if", true)]),
-				_: 1
+				_: 3
 			}, 8, ["flat", "body-style"]);
 		};
 	}

package/dist/es/containers/Panel.vue_vue_type_script_setup_true_lang.js

@@ -26,6 +26,7 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		disabled: { type: Boolean },
@@ -88,6 +89,7 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						size: __props.size,
 						disabled: __props.disabled,
 						"label-width": __props.config.labelWidth || __props.labelWidth,
+						"label-position": __props.config.labelPosition || __props.labelPosition,
 						onChange: changeHandler,
 						onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
 					}, null, 8, [
@@ -98,7 +100,8 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"prop",
 						"size",
 						"disabled",
-						"label-width"
+						"label-width",
+						"label-position"
 					]);
 				}), 128))]), createElementVNode("img", {
 					class: "m-form-schematic",
@@ -114,6 +117,7 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						size: __props.size,
 						disabled: __props.disabled,
 						"label-width": __props.config.labelWidth || __props.labelWidth,
+						"label-position": __props.config.labelPosition || __props.labelPosition,
 						onChange: changeHandler,
 						onAddDiffCount: _cache[3] || (_cache[3] = ($event) => onAddDiffCount())
 					}, null, 8, [
@@ -124,7 +128,8 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"prop",
 						"size",
 						"disabled",
-						"label-width"
+						"label-width",
+						"label-position"
 					]);
 				}), 128))])]),
 				_: 3

package/dist/es/containers/Row.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,7 @@ var Row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		expandMore: { type: Boolean },
@@ -34,6 +35,7 @@ var Row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 						span: col.span || __props.config.span || 24 / __props.config.items.length,
 						config: col,
 						labelWidth: __props.config.labelWidth || __props.labelWidth,
+						labelPosition: __props.config.labelPosition || __props.labelPosition,
 						expandMore: __props.expandMore,
 						model: __props.name ? __props.model[__props.name] : __props.model,
 						lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
@@ -47,6 +49,7 @@ var Row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 						"span",
 						"config",
 						"labelWidth",
+						"labelPosition",
 						"expandMore",
 						"model",
 						"lastValues",

package/dist/es/containers/Step.vue_vue_type_script_setup_true_lang.js

@@ -13,6 +13,7 @@ var Step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		config: {},
 		stepActive: { default: 1 },
 		labelWidth: {},
+		labelPosition: {},
 		size: {},
 		disabled: { type: Boolean }
 	},
@@ -64,6 +65,7 @@ var Step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						size: __props.size,
 						disabled: __props.disabled,
 						"label-width": __props.config.labelWidth || __props.labelWidth,
+						"label-position": __props.config.labelPosition || __props.labelPosition,
 						onChange: changeHandler,
 						onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
 					}, null, 8, [
@@ -74,7 +76,8 @@ var Step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						"prop",
 						"size",
 						"disabled",
-						"label-width"
+						"label-width",
+						"label-position"
 					])), [[vShow, active.value - 1 === index]]) : createCommentVNode("v-if", true)], 64);
 				}), 256))], 64);
 			}), 256))]);

package/dist/es/containers/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { display, filterFunction, initValue } from "../utils/form.js";
+import { applyMountValueEffects } from "../utils/collectFields.js";
 import Container_default from "./Container.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
 import { isEmpty } from "lodash-es";
@@ -18,6 +19,7 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		name: {},
 		size: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: { default: "" },
 		expandMore: { type: Boolean },
 		disabled: { type: Boolean }
@@ -94,12 +96,15 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					prop: props.prop,
 					config: props.config
 				});
+				const tabsModel = props.model[props.name];
+				if (Array.isArray(tabsModel) && Array.isArray(props.config.items)) for (const tab of tabsModel) applyMountValueEffects(mForm, props.config.items, tab);
 				emit("change", props.model[props.name]);
 			} else {
 				const newObj = await initValue(mForm, {
 					config: props.config.items,
 					initValues: {}
 				});
+				applyMountValueEffects(mForm, props.config.items, newObj);
 				newObj.title = `标签${tabs.value.length + 1}`;
 				props.model[props.name].push(newObj);
 				emit("change", props.model[props.name], { changeRecords: [{
@@ -169,6 +174,7 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : tab.name ? `${__props.prop}${__props.prop ? "." : ""}${tab.name}` : __props.prop,
 								size: __props.size,
 								"label-width": tab.labelWidth || __props.labelWidth,
+								"label-position": tab.labelPosition || __props.labelPosition,
 								"expand-more": __props.expandMore,
 								onChange: changeHandler,
 								onAddDiffCount: ($event) => onAddDiffCount(Number(tabIndex))
@@ -181,6 +187,7 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								"prop",
 								"size",
 								"label-width",
+								"label-position",
 								"expand-more",
 								"onAddDiffCount"
 							]);

package/dist/es/containers/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var _hoisted_2 = { style: {
 } };
 var _hoisted_3 = { style: { "display": "flex" } };
 var _hoisted_4 = {
-	key: 1,
+	key: 2,
 	class: "bottom",
 	style: { "text-align": "right" }
 };
@@ -82,12 +82,14 @@ var Table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					style: { "color": "rgba(0, 0, 0, 0.45)" },
 					innerHTML: __props.config.extra
 				}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true),
-				createVNode(unref(TMagicTooltip), {
+				createCommentVNode(" v-if 必须挂在 Tooltip 上：表格未就绪时 ElOnlyChild 会报 no valid child node found "),
+				__props.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTooltip), {
+					key: 1,
 					content: "拖拽可排序",
 					placement: "left-start",
 					disabled: __props.config.dropSort !== true || __props.config.dropSortHandle
 				}, {
-					default: withCtx(() => [__props.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
+					default: withCtx(() => [(openBlock(), createBlock(unref(TMagicTable), {
 						ref: "tMagicTable",
 						style: { "width": "100%" },
 						"show-header": "",
@@ -109,9 +111,9 @@ var Table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"max-height",
 						"onSelect",
 						"empty-text"
-					])) : createCommentVNode("v-if", true)]),
+					]))]),
 					_: 1
-				}, 8, ["disabled"]),
+				}, 8, ["disabled"])) : createCommentVNode("v-if", true),
 				renderSlot(_ctx.$slots, "default"),
 				createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
 					!unref(isFullscreen) ? renderSlot(_ctx.$slots, "toggle-button", {}, void 0, void 0, 0) : createCommentVNode("v-if", true),