@tmagic/form 1.8.0-manmanyu.9 → 1.8.1

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

@@ -1,12 +1,12 @@
-import { FORM_DIFF_CONFIG_KEY } from "../schema.js";
+import { FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY } from "../schema.js";
+import { createObjectProp, display, filterFunction, getItemProp, getRules, isValidName, resolveItemType } from "../utils/form.js";
 import Hidden_default from "../fields/Hidden.js";
-import { getField } from "../utils/config.js";
-import { createObjectProp, display, filterFunction, getRules } from "../utils/form.js";
+import { getField } from "../utils/registerField.js";
 import FormLabel_default from "./FormLabel.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, unref, watch, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, unref, watch, watchEffect, withCtx } from "vue";
 import { isEqual } from "lodash-es";
-import { TMagicButton, TMagicFormItem, TMagicIcon, TMagicTooltip } from "@tmagic/design";
 import { getValueByKeyPath } from "@tmagic/utils";
+import { TMagicButton, TMagicFormItem, TMagicIcon, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowUp, WarningFilled } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/Container.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-tmagic-id", "data-tmagic-form-item-prop"];
@@ -25,7 +25,7 @@ var _hoisted_10 = {
 	key: 5,
 	class: "m-form-container-expand"
 };
-var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormContainer",
 	__name: "Container",
 	props: {
@@ -35,6 +35,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		prop: { default: "" },
 		disabled: { type: Boolean },
 		labelWidth: {},
+		labelPosition: {},
 		expandMore: {
 			type: Boolean,
 			default: false
@@ -44,7 +45,8 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		isCompare: {
 			type: Boolean,
 			default: false
-		}
+		},
+		isInRow: { type: Boolean }
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
@@ -52,6 +54,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const emit = __emit;
 		const mForm = inject("mForm");
 		const diffConfig = inject(FORM_DIFF_CONFIG_KEY, {});
+		const typeMatchValid = inject(FORM_TYPE_MATCH_VALID_KEY);
 		const expand = ref(false);
 		const name = computed(() => props.config.name || "");
 		const showDiff = computed(() => {
@@ -68,20 +71,8 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			return !isEqual(curValue, lastValue);
 		});
 		const items = computed(() => props.config.items);
-		const itemProp = computed(() => {
-			let n = "";
-			if (name.value) n = name.value;
-			else return props.prop;
-			if (typeof props.prop !== "undefined" && props.prop !== "") return `${props.prop}.${n}`;
-			return `${n}`;
-		});
-		const type = computed(() => {
-			let type = "type" in props.config ? props.config.type : "";
-			type = type && filterFunction(mForm, type, props);
-			if (type === "form") return "";
-			if (type === "container") return "";
-			return type?.replace(/([A-Z])/g, "-$1").toLowerCase() || (items.value ? "" : "text");
-		});
+		const itemProp = computed(() => getItemProp(props.prop, name.value));
+		const type = computed(() => resolveItemType(mForm, props.config, props));
 		const tagName = computed(() => {
 			if (type.value === "component" && props.config.component) return props.config.component;
 			return getField(type.value || "container") || `m-${items.value ? "form" : "fields"}-${type.value}`;
@@ -111,7 +102,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const effectiveSelfDiffFieldTypes = computed(() => {
 			const custom = diffConfig.selfDiffFieldTypes;
 			if (typeof custom === "function") return new Set(custom([...DEFAULT_SELF_DIFF_FIELD_TYPES]));
-			if (Array.isArray(custom)) return new Set([...DEFAULT_SELF_DIFF_FIELD_TYPES, ...custom]);
+			if (Array.isArray(custom)) return /* @__PURE__ */ new Set([...DEFAULT_SELF_DIFF_FIELD_TYPES, ...custom]);
 			return new Set(DEFAULT_SELF_DIFF_FIELD_TYPES);
 		});
 		const isSelfDiffField = computed(() => effectiveSelfDiffFieldTypes.value.has(type.value));
@@ -128,7 +119,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				placement: config?.placement || "top"
 			};
 		});
-		const rule = computed(() => getRules(mForm, props.config.rules, props));
+		const rule = computed(() => getRules(mForm, props.config.rules, props, typeMatchValid));
 		const display$1 = computed(() => {
 			const value = display(mForm, props.config.display, props);
 			if (value === "expand") return expand.value;
@@ -146,11 +137,13 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const formItemProps = computed(() => ({
 			prop: itemProp.value,
 			labelWidth: itemLabelWidth.value,
-			labelPosition: props.config.labelPosition,
+			labelPosition: itemLabelPosition.value,
 			rules: rule.value,
-			extra: filterFunction(mForm, props.config.extra, props)
+			extra: filterFunction(mForm, props.config.extra, props),
+			extraTips: props.config.extraTips
 		}));
 		const itemLabelWidth = computed(() => props.config.labelWidth ?? props.labelWidth);
+		const itemLabelPosition = computed(() => props.config.labelPosition ?? props.labelPosition);
 		watchEffect(() => {
 			expand.value = props.expandMore;
 		});
@@ -159,6 +152,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			if (items.value && !text.value && type.value && display$1.value) return;
 			if (display$1.value && showDiff && type.value) emit("addDiffCount");
 		}, { immediate: true });
+		provide("isInRow", props.isInRow ?? false);
 		const expandHandler = () => expand.value = !expand.value;
 		const key = (config) => config[mForm?.keyProps];
 		const filterHandler = (filter, value) => {
@@ -178,18 +172,15 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
 		const hasModifyKey = (eventDataItem) => typeof eventDataItem?.modifyKey !== "undefined" && eventDataItem.modifyKey !== "";
-		const isValidName = () => {
-			const valueType = typeof name.value;
-			if (valueType !== "string" && valueType !== "symbol" && valueType !== "number") return false;
-			if (name.value === "") return false;
-			if (typeof name.value === "number") return name.value >= 0;
-			return true;
-		};
+		const isValidName$1 = () => isValidName(name.value);
 		const createModelProxy = (target, setModelFn, pathPrefix = "") => {
 			return new Proxy(target, {
 				get: (obj, key) => {
 					const value = obj[key];
-					if (value && typeof value === "object") return createModelProxy(value, setModelFn, pathPrefix ? `${pathPrefix}.${key}` : key);
+					if (value && typeof value === "object") {
+						const newPath = pathPrefix ? `${pathPrefix}.${key}` : key;
+						return createModelProxy(value, setModelFn, newPath);
+					}
 					return value;
 				},
 				set: (obj, key, value) => {
@@ -255,22 +246,25 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"data-tmagic-form-item-prop": itemProp.value,
 				class: normalizeClass(`m-form-container m-container-${type.value || ""} ${__props.config.className || ""}${__props.config.tip ? " has-tip" : ""}`),
 				style: normalizeStyle(__props.config.style)
-			}, [type.value === "hidden" ? (openBlock(), createBlock(Hidden_default, {
-				key: 0,
-				name: `${name.value}`,
-				prop: itemProp.value,
-				model: __props.model
-			}, null, 8, [
-				"name",
-				"prop",
-				"model"
-			])) : items.value && !text.value && type.value && display$1.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps({ key: 1 }, fieldsProps.value, {
+			}, [type.value === "hidden" ? (openBlock(), createBlock(unref(TMagicFormItem), mergeProps({ key: 0 }, formItemProps.value, { style: { "display": "none" } }), {
+				default: withCtx(() => [createVNode(Hidden_default, {
+					name: `${name.value}`,
+					prop: itemProp.value,
+					model: __props.model
+				}, null, 8, [
+					"name",
+					"prop",
+					"model"
+				])]),
+				_: 1
+			}, 16)) : items.value && !text.value && type.value && display$1.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps({ key: 1 }, fieldsProps.value, {
 				model: __props.model,
 				"last-values": __props.lastValues,
 				"is-compare": __props.isCompare,
 				"step-active": __props.stepActive,
 				"expand-more": expand.value,
 				"label-width": itemLabelWidth.value,
+				"label-position": itemLabelPosition.value,
 				style: __props.config.fieldStyle,
 				onChange: onChangeHandler,
 				onAddDiffCount
@@ -281,6 +275,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"step-active",
 				"expand-more",
 				"label-width",
+				"label-position",
 				"style"
 			])) : type.value && display$1.value && !showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(unref(TMagicFormItem), mergeProps(formItemProps.value, { class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value } }), {
 				label: withCtx(() => [renderSlot(_ctx.$slots, "label", {
@@ -301,7 +296,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"use-label",
 					"label-title",
 					"text"
-				]), __props.config.titleExtra && __props.config.labelPosition === "top" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.config.titleExtra), 1)) : createCommentVNode("v-if", true)])]),
+				]), __props.config.titleExtra && itemLabelPosition.value === "top" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.config.titleExtra), 1)) : createCommentVNode("v-if", true)])]),
 				default: withCtx(() => [tooltip.value.text ? (openBlock(), createBlock(unref(TMagicTooltip), {
 					key: 0,
 					placement: tooltip.value.placement
@@ -511,11 +506,11 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						_: 1
 					})) : createCommentVNode("v-if", true)
 				], 64))
-			], 64)) : items.value && display$1.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [(isValidName() ? __props.model[name.value] : __props.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(items.value, (item) => {
+			], 64)) : items.value && display$1.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [(isValidName$1() ? __props.model[name.value] : __props.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(items.value, (item) => {
 				return openBlock(), createBlock(_component_Container, {
 					key: key(item),
-					model: isValidName() ? __props.model[name.value] : __props.model,
-					"last-values": isValidName() ? __props.lastValues[name.value] || {} : __props.lastValues,
+					model: isValidName$1() ? __props.model[name.value] : __props.model,
+					"last-values": isValidName$1() ? __props.lastValues[name.value] || {} : __props.lastValues,
 					"is-compare": __props.isCompare,
 					config: item,
 					size: __props.size,
@@ -523,6 +518,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"step-active": __props.stepActive,
 					"expand-more": expand.value,
 					"label-width": itemLabelWidth.value,
+					"label-position": itemLabelPosition.value,
 					prop: itemProp.value,
 					onChange: onChangeHandler,
 					onAddDiffCount
@@ -540,6 +536,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"step-active",
 					"expand-more",
 					"label-width",
+					"label-position",
 					"prop"
 				]);
 			}), 128)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), __props.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(TMagicButton), {

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

@@ -14,11 +14,12 @@ var _hoisted_6 = {
 };
 var _hoisted_7 = { style: { "flex": "1" } };
 var _hoisted_8 = ["src"];
-var Fieldset_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Fieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormFieldset",
 	__name: "Fieldset",
 	props: {
 		labelWidth: {},
+		labelPosition: {},
 		prop: { default: "" },
 		size: {},
 		model: {},
@@ -58,6 +59,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			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__ */ defin
 					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__ */ defin
 					"prop",
 					"disabled",
 					"labelWidth",
+					"labelPosition",
 					"size"
 				]);
 			}), 128))]), createElementVNode("img", {
@@ -132,6 +136,7 @@ var Fieldset_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					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__ */ defin
 					"config",
 					"prop",
 					"labelWidth",
+					"labelPosition",
 					"size",
 					"disabled"
 				]);

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

@@ -1,7 +1,7 @@
 import Container_default from "./Container.js";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, inject, normalizeStyle, openBlock, renderList, unref } from "vue";
 //#region packages/form/src/containers/FlexLayout.vue?vue&type=script&setup=true&lang.ts
-var FlexLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var FlexLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormFlexLayout",
 	__name: "FlexLayout",
 	props: {
@@ -11,6 +11,7 @@ var FlexLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		disabled: { type: Boolean }
@@ -44,6 +45,7 @@ var FlexLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					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__ */ def
 					"prop",
 					"size",
 					"disabled",
-					"label-width"
+					"label-width",
+					"label-position"
 				]);
 			}), 128))], 4);
 		};

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

@@ -12,7 +12,7 @@ var _hoisted_1 = {
 var _hoisted_2 = ["innerHTML", "title"];
 var _hoisted_3 = ["innerHTML"];
 var _hoisted_4 = ["innerHTML", "title"];
-var FormLabel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var FormLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "FormLabel",
 	props: {
 		tip: {},

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

@@ -1,23 +1,20 @@
+import { getGroupListHeaderVars } from "../utils/tableGroupList.js";
 import GroupListItem_default from "./GroupListItem.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, mergeProps, normalizeClass, normalizeStyle, 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" };
-var _hoisted_2 = ["innerHTML"];
-var _hoisted_3 = {
+var _hoisted_1 = ["innerHTML"];
+var _hoisted_2 = {
 	key: 1,
 	class: "el-table__empty-block"
 };
-var _hoisted_4 = {
-	key: 3,
-	class: "m-fields-group-list-footer"
-};
-var _hoisted_5 = { style: {
+var _hoisted_3 = { class: "el-table__empty-text t-table__empty" };
+var _hoisted_4 = { style: {
 	"display": "flex",
 	"justify-content": "flex-end",
 	"flex": "1"
 } };
-var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormGroupList",
 	__name: "GroupList",
 	props: {
@@ -27,6 +24,7 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		config: {},
 		name: {},
 		labelWidth: {},
+		labelPosition: {},
 		prop: {},
 		size: {},
 		disabled: { type: Boolean },
@@ -55,33 +53,68 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			emit("change", props.model[props.name]);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
-		const getLastValues = (item, index) => item?.[index] || {};
+		const asList = (value) => Array.isArray(value) ? value : [];
+		const headerVars = computed(() => getGroupListHeaderVars(props.config.header));
+		/**
+		* 取 `$slots` 而不是 `useSlots()`：宿主切换 `addable` 时插槽会增删，
+		* computed 缓存不随插槽变化失效，只有在渲染期读才拿得到最新的。
+		*/
+		const hasFooter = (slots) => !props.isCompare && Boolean(slots["toggle-button"] || slots["add-button"]);
+		/** 只有真的渲染出吸底 footer，内层列表才需要为它让位 */
+		const isFooterSticky = (slots) => hasFooter(slots) && Boolean(props.config.addButtonConfig?.sticky);
+		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, [
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["m-fields-group-list", {
+					"is-header-sticky": Boolean(__props.config.header?.sticky),
+					"is-footer-sticky": isFooterSticky(_ctx.$slots)
+				}]),
+				style: normalizeStyle(headerVars.value)
+			}, [
 				__props.config.extra ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					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, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "el-table__empty-text t-table__empty" }, "暂无数据", -1)])])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.model[__props.name], (item, index) => {
+				}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true),
+				!displayItems.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", _hoisted_3, "暂无" + 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",
@@ -89,13 +122,17 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						"prop",
 						"index",
 						"label-width",
+						"label-position",
 						"size",
 						"disabled",
 						"group-model"
 					]);
 				}), 128)),
-				!__props.isCompare ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "add-button")])])) : createCommentVNode("v-if", true)
-			]);
+				hasFooter(_ctx.$slots) ? (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_4, [renderSlot(_ctx.$slots, "add-button")])], 2)) : createCommentVNode("v-if", true)
+			], 6);
 		};
 	}
 });