@tmagic/form 1.7.6 → 1.7.8-beta.1

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

@@ -0,0 +1,51 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { TMagicIcon, TMagicTooltip } from "@tmagic/design";
+import { WarningFilled } from "@element-plus/icons-vue";
+//#region packages/form/src/containers/FormLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	style: {
+		"display": "inline-flex",
+		"align-items": "center"
+	}
+};
+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({
+	__name: "FormLabel",
+	props: {
+		tip: {},
+		type: {},
+		useLabel: { type: Boolean },
+		text: {},
+		labelTitle: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.tip ? (openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
+				innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
+				title: __props.labelTitle
+			}, null, 8, _hoisted_2), __props.tip && (__props.type !== "checkbox" || __props.useLabel) ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 0,
+				placement: "top"
+			}, {
+				content: withCtx(() => [createElementVNode("div", { innerHTML: __props.tip }, null, 8, _hoisted_3)]),
+				default: withCtx(() => [createVNode(unref(TMagicIcon), { style: {
+					"margin-left": "5px",
+					"display": "flex"
+				} }, {
+					default: withCtx(() => [createVNode(unref(WarningFilled))]),
+					_: 1
+				})]),
+				_: 1
+			})) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
+				title: __props.labelTitle
+			}, null, 8, _hoisted_4));
+		};
+	}
+});
+//#endregion
+export { FormLabel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/GroupList.js

@@ -0,0 +1,5 @@
+import GroupList_vue_vue_type_script_setup_true_lang_default from "./GroupList.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/GroupList.vue
+var GroupList_default = GroupList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { GroupList_default as default };

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

@@ -0,0 +1,164 @@
+import { initValue } from "../utils/form.js";
+import GroupListItem_default from "./GroupListItem.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeProps, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { TMagicButton } from "@tmagic/design";
+import { Grid, Plus } from "@element-plus/icons-vue";
+//#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 = {
+	key: 1,
+	class: "el-table__empty-block"
+};
+var _hoisted_4 = { class: "m-fields-group-list-footer" };
+var _hoisted_5 = { style: {
+	"display": "flex",
+	"justify-content": "flex-end",
+	"flex": "1"
+} };
+var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormGroupList",
+	__name: "GroupList",
+	props: {
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
+		config: {},
+		name: {},
+		labelWidth: {},
+		prop: {},
+		size: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change", "addDiffCount"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const mForm = inject("mForm");
+		const addable = computed(() => {
+			if (!props.name) return false;
+			if (typeof props.config.addable === "function") return props.config.addable(mForm, {
+				model: props.model[props.name],
+				formValue: mForm?.values,
+				prop: props.prop,
+				config: props.config
+			});
+			return typeof props.config.addable === "undefined" ? true : props.config.addable;
+		});
+		const changeHandler = (v, eventData) => {
+			emit("change", props.model, eventData);
+		};
+		const addHandler = async () => {
+			if (!props.name) return false;
+			let initValues = {};
+			if (typeof props.config.defaultAdd === "function") initValues = await props.config.defaultAdd(mForm, {
+				model: props.model[props.name],
+				formValue: mForm?.values,
+				prop: props.prop,
+				config: props.config
+			});
+			else if (props.config.defaultAdd) initValues = props.config.defaultAdd;
+			const groupValue = await initValue(mForm, {
+				config: props.config.items,
+				initValues
+			});
+			props.model[props.name].push(groupValue);
+			emit("change", props.model[props.name], { changeRecords: [{
+				propPath: `${props.prop}.${props.model[props.name].length - 1}`,
+				value: groupValue
+			}] });
+		};
+		const removeHandler = (index) => {
+			if (!props.name) return false;
+			props.model[props.name].splice(index, 1);
+			emit("change", props.model[props.name]);
+		};
+		const copyHandler = (index) => {
+			props.model[props.name].push(cloneDeep(props.model[props.name][index]));
+		};
+		const swapHandler = (idx1, idx2) => {
+			if (!props.name) return false;
+			const { length } = props.model[props.name];
+			const [currRow] = props.model[props.name].splice(idx1, 1);
+			props.model[props.name].splice(Math.min(Math.max(idx2, 0), length - 1), 0, currRow);
+			emit("change", props.model[props.name]);
+		};
+		const toggleMode = () => {
+			props.config.type = "table";
+			props.config.groupItems = props.config.items;
+			props.config.items = props.config.tableItems || props.config.items.map((item) => ({
+				...item,
+				label: item.label || item.text,
+				text: null
+			}));
+		};
+		const onAddDiffCount = () => emit("addDiffCount");
+		const getLastValues = (item, index) => item?.[index] || {};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				__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) => {
+					return openBlock(), createBlock(GroupListItem_default, {
+						key: index,
+						model: item,
+						lastValues: getLastValues(__props.lastValues[__props.name], Number(index)),
+						"is-compare": __props.isCompare,
+						config: __props.config,
+						prop: __props.prop,
+						index: Number(index),
+						"label-width": __props.labelWidth,
+						size: __props.size,
+						disabled: __props.disabled,
+						"group-model": __props.model[__props.name],
+						onRemoveItem: removeHandler,
+						onCopyItem: copyHandler,
+						onSwapItem: swapHandler,
+						onChange: changeHandler,
+						onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
+					}, null, 8, [
+						"model",
+						"lastValues",
+						"is-compare",
+						"config",
+						"prop",
+						"index",
+						"label-width",
+						"size",
+						"disabled",
+						"group-model"
+					]);
+				}), 128)),
+				createElementVNode("div", _hoisted_4, [__props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
+					key: 0,
+					icon: unref(Grid),
+					size: "small",
+					onClick: toggleMode
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("切换为表格", -1)])]),
+					_: 1
+				}, 8, ["icon"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [addable.value ? (openBlock(), createBlock(unref(TMagicButton), mergeProps({
+					key: 0,
+					size: __props.config.enableToggleMode ? "small" : "default",
+					icon: unref(Plus)
+				}, __props.config.addButtonConfig?.props || { type: "primary" }, {
+					disabled: __props.disabled,
+					onClick: addHandler
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.config.addButtonConfig?.text || "新增"), 1)]),
+					_: 1
+				}, 16, [
+					"size",
+					"icon",
+					"disabled"
+				])) : createCommentVNode("v-if", true)])])
+			]);
+		};
+	}
+});
+//#endregion
+export { GroupList_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/GroupListItem.js

@@ -0,0 +1,5 @@
+import GroupListItem_vue_vue_type_script_setup_true_lang_default from "./GroupListItem.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/GroupListItem.vue
+var GroupListItem_default = GroupListItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { GroupListItem_default as default };

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

@@ -0,0 +1,221 @@
+import { filterFunction } from "../utils/form.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 { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover } from "@tmagic/design";
+import { CaretBottom, CaretRight, CaretTop, Delete, DocumentCopy, Position } from "@element-plus/icons-vue";
+//#region packages/form/src/containers/GroupListItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["innerHTML"];
+var _hoisted_2 = { style: {
+	"text-align": "right",
+	"margin-top": "20px"
+} };
+var _hoisted_3 = ["innerHTML"];
+var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormGroupListItem",
+	__name: "GroupListItem",
+	props: {
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
+		groupModel: {},
+		config: {},
+		labelWidth: {},
+		prop: {},
+		size: {},
+		index: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"swap-item",
+		"remove-item",
+		"change",
+		"addDiffCount",
+		"copy-item"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		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 title = computed(() => {
+			if (props.config.titleKey && props.model[props.config.titleKey]) return props.model[props.config.titleKey];
+			if (props.config.title) return filterFunction(mForm, props.config.title, props);
+			return `${props.config.titlePrefix || "组"} ${String(props.index + 1)}`;
+		});
+		const length = computed(() => props.groupModel?.length || 0);
+		const itemExtra = computed(() => filterFunction(mForm, props.config.itemExtra, props));
+		const removeHandler = () => emit("remove-item", props.index);
+		const changeHandler = (v, eventData) => {
+			emit("change", props.model, eventData);
+		};
+		const expandHandler = () => {
+			expand.value = !expand.value;
+		};
+		const showDelete = computed(() => {
+			const deleteFunc = props.config.delete;
+			if (deleteFunc && typeof deleteFunc === "function") return deleteFunc(props.model, props.index, mForm?.values);
+			return true;
+		});
+		const changeOrder = (offset = 0) => emit("swap-item", props.index, props.index + offset);
+		const movable = computed(() => {
+			const { movable } = props.config;
+			if (movable === void 0) return true;
+			if (typeof movable === "function") return movable(mForm, props.index || 0, props.model, props.groupModel);
+			return movable;
+		});
+		const copyable = computed(() => filterFunction(mForm, props.config.copyable, props));
+		const onAddDiffCount = () => emit("addDiffCount");
+		const copyHandler = () => {
+			emit("copy-item", props.index);
+		};
+		const moveSpecifyLocationVisible = ref(false);
+		const moveSpecifyLocationIndex = ref(1);
+		const moveSpecifyLocationHandler = () => {
+			moveSpecifyLocationVisible.value = false;
+			emit("swap-item", props.index, moveSpecifyLocationIndex.value - 1);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TMagicCard), {
+				class: "m-fields-group-list-item",
+				"body-style": { display: expand.value ? "block" : "none" }
+			}, {
+				header: withCtx(() => [createElementVNode("div", null, [
+					createVNode(unref(TMagicButton), {
+						link: "",
+						disabled: __props.disabled,
+						onClick: expandHandler
+					}, {
+						default: withCtx(() => [createVNode(unref(TMagicIcon), null, {
+							default: withCtx(() => [expand.value ? (openBlock(), createBlock(unref(CaretBottom), { key: 0 })) : (openBlock(), createBlock(unref(CaretRight), { key: 1 }))]),
+							_: 1
+						}), createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_1)]),
+						_: 1
+					}, 8, ["disabled"]),
+					withDirectives(createVNode(unref(TMagicButton), {
+						type: "danger",
+						size: "small",
+						link: "",
+						icon: unref(Delete),
+						disabled: __props.disabled,
+						onClick: removeHandler
+					}, null, 8, ["icon", "disabled"]), [[vShow, showDelete.value]]),
+					copyable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
+						link: "",
+						size: "small",
+						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 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [withDirectives(createVNode(unref(TMagicButton), {
+						link: "",
+						size: "small",
+						disabled: __props.disabled,
+						icon: unref(CaretTop),
+						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",
+						disabled: __props.disabled,
+						icon: unref(CaretBottom),
+						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 ? (openBlock(), createBlock(unref(TMagicPopover), {
+						key: 2,
+						trigger: "click",
+						placement: "top",
+						width: "200",
+						visible: moveSpecifyLocationVisible.value
+					}, {
+						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_2, [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
+					}, 8, ["visible"])) : createCommentVNode("v-if", true),
+					itemExtra.value ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						innerHTML: itemExtra.value,
+						class: "m-form-tip"
+					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true)
+				])]),
+				default: withCtx(() => [expand.value ? (openBlock(), createBlock(Container_default, {
+					key: 0,
+					config: rowConfig.value,
+					model: __props.model,
+					lastValues: __props.lastValues,
+					"is-compare": __props.isCompare,
+					labelWidth: __props.labelWidth,
+					prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
+					size: __props.size,
+					disabled: __props.disabled,
+					onChange: changeHandler,
+					onAddDiffCount: _cache[5] || (_cache[5] = ($event) => onAddDiffCount())
+				}, null, 8, [
+					"config",
+					"model",
+					"lastValues",
+					"is-compare",
+					"labelWidth",
+					"prop",
+					"size",
+					"disabled"
+				])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["body-style"]);
+		};
+	}
+});
+//#endregion
+export { GroupListItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/Panel.js

@@ -0,0 +1,5 @@
+import Panel_vue_vue_type_script_setup_true_lang_default from "./Panel.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/Panel.vue
+var Panel_default = Panel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Panel_default as default };

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

@@ -0,0 +1,130 @@
+import { filterFunction } from "../utils/form.js";
+import Container_default from "./Container.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { TMagicButton, TMagicCard } from "@tmagic/design";
+import { CaretBottom, CaretRight } from "@element-plus/icons-vue";
+//#region packages/form/src/containers/Panel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { style: {
+	"width": "100%",
+	"display": "flex",
+	"align-items": "center"
+} };
+var _hoisted_2 = ["innerHTML"];
+var _hoisted_3 = {
+	key: 0,
+	style: { "display": "flex" }
+};
+var _hoisted_4 = { style: { "flex": "1" } };
+var _hoisted_5 = ["src"];
+var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormPanel",
+	__name: "Panel",
+	props: {
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
+		config: {},
+		name: {},
+		labelWidth: {},
+		prop: {},
+		size: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change", "addDiffCount"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const mForm = inject("mForm");
+		const expand = ref(props.config.expand !== false);
+		const items = computed(() => props.config.items);
+		const filter = (config) => filterFunction(mForm, config, props);
+		const changeHandler = (v, eventData) => {
+			emit("change", props.model, eventData);
+		};
+		const onAddDiffCount = () => emit("addDiffCount");
+		__expose({
+			getExpand: () => expand.value,
+			setExpand: (v) => {
+				expand.value = v;
+			}
+		});
+		return (_ctx, _cache) => {
+			return items.value && items.value.length ? (openBlock(), createBlock(unref(TMagicCard), {
+				key: 0,
+				class: "box-card m-form-panel",
+				"body-style": { display: expand.value ? "block" : "none" }
+			}, {
+				header: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createVNode(unref(TMagicButton), {
+						style: { "padding": "0" },
+						link: "",
+						icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
+						onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
+					}, null, 8, ["icon"]),
+					renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("span", {
+						style: { "cursor": "pointer" },
+						onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
+					}, toDisplayString(filter(__props.config.title)), 1)]),
+					__props.config && __props.config.extra ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						innerHTML: __props.config.extra,
+						class: "m-form-tip"
+					}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true)
+				])]),
+				default: withCtx(() => [createElementVNode("div", null, [renderSlot(_ctx.$slots, "default"), __props.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+					return openBlock(), createBlock(Container_default, {
+						key: item[unref(mForm)?.keyProp || "__key"] ?? index,
+						config: item,
+						model: __props.name ? __props.model[__props.name] : __props.model,
+						lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+						"is-compare": __props.isCompare,
+						prop: __props.prop,
+						size: __props.size,
+						disabled: __props.disabled,
+						"label-width": __props.config.labelWidth || __props.labelWidth,
+						onChange: changeHandler,
+						onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
+					}, null, 8, [
+						"config",
+						"model",
+						"lastValues",
+						"is-compare",
+						"prop",
+						"size",
+						"disabled",
+						"label-width"
+					]);
+				}), 128))]), createElementVNode("img", {
+					class: "m-form-schematic",
+					src: __props.config.schematic
+				}, null, 8, _hoisted_5)])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
+					return openBlock(), createBlock(Container_default, {
+						key: item[unref(mForm)?.keyProp || "__key"] ?? index,
+						config: item,
+						model: __props.name ? __props.model[__props.name] : __props.model,
+						lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+						"is-compare": __props.isCompare,
+						prop: __props.prop,
+						size: __props.size,
+						disabled: __props.disabled,
+						"label-width": __props.config.labelWidth || __props.labelWidth,
+						onChange: changeHandler,
+						onAddDiffCount: _cache[3] || (_cache[3] = ($event) => onAddDiffCount())
+					}, null, 8, [
+						"config",
+						"model",
+						"lastValues",
+						"is-compare",
+						"prop",
+						"size",
+						"disabled",
+						"label-width"
+					]);
+				}), 128))])]),
+				_: 3
+			}, 8, ["body-style"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { Panel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/Row.js

@@ -0,0 +1,5 @@
+import Row_vue_vue_type_script_setup_true_lang_default from "./Row.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/Row.vue
+var Row_default = Row_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Row_default as default };

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

@@ -0,0 +1,65 @@
+import Col_default from "./Col.js";
+import { Fragment, createBlock, createElementBlock, defineComponent, inject, openBlock, renderList, unref, withCtx } from "vue";
+import { TMagicRow } from "@tmagic/design";
+//#region packages/form/src/containers/Row.vue?vue&type=script&setup=true&lang.ts
+var Row_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormRow",
+	__name: "Row",
+	props: {
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
+		config: {},
+		name: {},
+		labelWidth: {},
+		prop: {},
+		size: {},
+		expandMore: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["change", "addDiffCount"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const mForm = inject("mForm");
+		const changeHandler = (v, eventData) => {
+			emit("change", props.name ? props.model[props.name] : props.model, eventData);
+		};
+		const onAddDiffCount = () => emit("addDiffCount");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TMagicRow), { gutter: 10 }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (col, index) => {
+					return openBlock(), createBlock(Col_default, {
+						key: col[unref(mForm)?.keyProp || "__key"] ?? index,
+						span: col.span || __props.config.span || 24 / __props.config.items.length,
+						config: col,
+						labelWidth: __props.config.labelWidth || __props.labelWidth,
+						expandMore: __props.expandMore,
+						model: __props.name ? __props.model[__props.name] : __props.model,
+						lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+						"is-compare": __props.isCompare,
+						prop: __props.prop,
+						size: __props.size,
+						disabled: __props.disabled,
+						onChange: changeHandler,
+						onAddDiffCount
+					}, null, 8, [
+						"span",
+						"config",
+						"labelWidth",
+						"expandMore",
+						"model",
+						"lastValues",
+						"is-compare",
+						"prop",
+						"size",
+						"disabled"
+					]);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Row_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/Step.js

@@ -0,0 +1,5 @@
+import Step_vue_vue_type_script_setup_true_lang_default from "./Step.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/Step.vue
+var Step_default = Step_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Step_default as default };