@tmagic/form 1.8.0-beta.8 → 1.8.0-manmanyu.8

package/dist/tmagic-form.umd.cjs

@@ -2843,9 +2843,9 @@
 			"align-items": "center"
 		}
 	};
-	var _hoisted_2$8 = ["innerHTML", "title"];
-	var _hoisted_3$7 = ["innerHTML"];
-	var _hoisted_4$5 = ["innerHTML", "title"];
+	var _hoisted_2$9 = ["innerHTML", "title"];
+	var _hoisted_3$8 = ["innerHTML"];
+	var _hoisted_4$7 = ["innerHTML", "title"];
 	//#endregion
 	//#region packages/form/src/containers/FormLabel.vue
 	var FormLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2862,11 +2862,11 @@
 				return __props.tip ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$15, [(0, vue.createElementVNode)("span", {
 					innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
 					title: __props.labelTitle
-				}, null, 8, _hoisted_2$8), __props.tip && (__props.type !== "checkbox" || __props.useLabel) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicTooltip), {
+				}, null, 8, _hoisted_2$9), __props.tip && (__props.type !== "checkbox" || __props.useLabel) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicTooltip), {
 					key: 0,
 					placement: "top"
 				}, {
-					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.tip }, null, 8, _hoisted_3$7)]),
+					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.tip }, null, 8, _hoisted_3$8)]),
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), { style: {
 						"margin-left": "5px",
 						"display": "flex"
@@ -2879,23 +2879,27 @@
 					key: 1,
 					innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
 					title: __props.labelTitle
-				}, null, 8, _hoisted_4$5));
+				}, null, 8, _hoisted_4$7));
 			};
 		}
 	});
 	//#endregion
 	//#region packages/form/src/containers/Container.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$14 = ["data-tmagic-id", "data-tmagic-form-item-prop"];
-	var _hoisted_2$7 = ["innerHTML"];
-	var _hoisted_3$6 = ["innerHTML"];
-	var _hoisted_4$4 = ["innerHTML"];
-	var _hoisted_5$3 = ["innerHTML"];
-	var _hoisted_6$1 = ["innerHTML"];
-	var _hoisted_7$1 = ["innerHTML"];
-	var _hoisted_8$1 = ["innerHTML"];
-	var _hoisted_9 = {
+	var _hoisted_2$8 = {
+		key: 0,
+		class: "m-form-tip m-form-title-extra"
+	};
+	var _hoisted_3$7 = ["innerHTML"];
+	var _hoisted_4$6 = ["innerHTML"];
+	var _hoisted_5$4 = ["innerHTML"];
+	var _hoisted_6$2 = ["innerHTML"];
+	var _hoisted_7$2 = ["innerHTML"];
+	var _hoisted_8$2 = ["innerHTML"];
+	var _hoisted_9 = ["innerHTML"];
+	var _hoisted_10 = {
 		key: 5,
-		style: { "text-align": "center" }
+		class: "m-form-container-expand"
 	};
 	//#endregion
 	//#region packages/form/src/containers/Container.vue
@@ -3175,12 +3179,12 @@
 						"use-label",
 						"label-title",
 						"text"
-					])])]),
+					]), __props.config.titleExtra && __props.config.labelPosition === "top" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$8, (0, vue.toDisplayString)(__props.config.titleExtra), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
 					default: (0, vue.withCtx)(() => [tooltip.value.text ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicTooltip), {
 						key: 0,
 						placement: tooltip.value.placement
 					}, {
-						content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_2$7)]),
+						content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_3$7)]),
 						default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(tagName.value), (0, vue.mergeProps)(fieldsProps.value, {
 							model: __props.model,
 							"last-values": __props.lastValues,
@@ -3209,7 +3213,7 @@
 					key: 0,
 					placement: "top"
 				}, {
-					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_3$6)]),
+					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_4$6)]),
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), { style: {
 						"line-height": "40px",
 						"margin-left": "5px"
@@ -3248,7 +3252,7 @@
 							key: 0,
 							placement: tooltip.value.placement
 						}, {
-							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_4$4)]),
+							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_5$4)]),
 							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(tagName.value), (0, vue.mergeProps)(fieldsProps.value, {
 								model: __props.model,
 								"last-values": __props.lastValues,
@@ -3301,7 +3305,7 @@
 								key: 0,
 								placement: tooltip.value.placement
 							}, {
-								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_5$3)]),
+								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_6$2)]),
 								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(tagName.value), (0, vue.mergeProps)(fieldsProps.value, {
 									model: __props.lastValues,
 									onChange: onChangeHandler
@@ -3317,7 +3321,7 @@
 							key: 0,
 							placement: "top"
 						}, {
-							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_6$1)]),
+							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_7$2)]),
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), { style: {
 								"line-height": "40px",
 								"margin-left": "5px"
@@ -3358,7 +3362,7 @@
 								key: 0,
 								placement: tooltip.value.placement
 							}, {
-								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_7$1)]),
+								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_8$2)]),
 								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(tagName.value), (0, vue.mergeProps)(fieldsProps.value, {
 									model: __props.model,
 									onChange: onChangeHandler
@@ -3374,7 +3378,7 @@
 							key: 1,
 							placement: "top"
 						}, {
-							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_8$1)]),
+							content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_9)]),
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), { style: {
 								"line-height": "40px",
 								"margin-left": "5px"
@@ -3416,16 +3420,17 @@
 						"label-width",
 						"prop"
 					]);
-				}), 128)) : (0, vue.createCommentVNode)("v-if", true)], 64)) : (0, vue.createCommentVNode)("v-if", true), __props.config.expand && type.value !== "fieldset" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+				}), 128)) : (0, vue.createCommentVNode)("v-if", true)], 64)) : (0, vue.createCommentVNode)("v-if", true), __props.config.expand && type.value !== "fieldset" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_10, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 					type: "primary",
 					size: "small",
 					disabled: false,
 					link: "",
-					onClick: expandHandler
+					onClick: expandHandler,
+					icon: expand.value ? (0, vue.unref)(_element_plus_icons_vue.ArrowUp) : (0, vue.unref)(_element_plus_icons_vue.ArrowDown)
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(expand.value ? "收起配置" : "展开更多配置"), 1)]),
 					_: 1
-				})])) : (0, vue.createCommentVNode)("v-if", true)], 14, _hoisted_1$14);
+				}, 8, ["icon"])])) : (0, vue.createCommentVNode)("v-if", true)], 14, _hoisted_1$14);
 			};
 		}
 	});
@@ -3461,7 +3466,8 @@
 			preventSubmitDefault: { type: Boolean },
 			extendState: {},
 			showDiff: {},
-			selfDiffFieldTypes: {}
+			selfDiffFieldTypes: {},
+			theme: {}
 		},
 		emits: [
 			"change",
@@ -3480,6 +3486,25 @@
 			const fields = /* @__PURE__ */ new Map();
 			const requestFuc = getConfig("request");
 			/**
+			* 当前表单生效的主题名称：
+			* - 优先用本组件自己的 `props.theme`；
+			* - 没设置时回退到最近祖先 `<MEditor>` / `<MForm>` provide 的主题，便于内嵌于编辑器
+			*   时自动跟随外层主题，无需在每个 `MForm` 上重复传 `theme`。
+			*
+			* 同时把合并后的值再 provide 出去（见下方 `provide(M_THEME_KEY, ...)`），让 form 子树
+			* 里再嵌套的 portal 组件（`TMagicPopover` 等）依然能拿到非空主题。
+			*/
+			const ancestorTheme = (0, vue.inject)(_tmagic_design.M_THEME_KEY, null);
+			const effectiveTheme = (0, vue.computed)(() => props.theme || ancestorTheme?.value || "");
+			/**
+			* 拼到 `formState.popperClass` 上的主题修饰类（仅 `m-theme--<theme>`，
+			* 不带 `m-form` / `m-editor` 前缀，因为 Element Plus 弹层节点本身既不是 form 也不是 editor）。
+			*
+			* 这条类会随所有读 `mForm.popperClass` 的字段（Select / DateTime / Cascader 等）下发到
+			* Element Plus 的 `popper-class`，让 portal 节点也命中 `m-theme--<theme>` 上的 CSS 变量。
+			*/
+			const themeClass = (0, vue.computed)(() => effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : "");
+			/**
 			* formState 实现说明：
 			*
 			* 1. 与 props 直接对应的字段（config / initValues / lastValues / isCompare / parentValues /
@@ -3495,13 +3520,21 @@
 			*      把最新值刷进 formState。
 			*    - accessor 描述符（`{ get stage() { return ... } }`）按原样写入，调用方可以控制
 			*      读时求值，每次读取都会重新执行 getter。
+			*
+			* 4. `popperClass` 会自动拼接 `themeClass`：调用方传入的 `popperClass` + 当前主题
+			*    修饰类（含祖先 `<MEditor>` provide 的主题）。这样所有透传到 Element Plus 弹层
+			*    `popper-class` 的字段（Select / DateTime / Cascader 等）能自带主题作用域。
 			*/
 			const formState = (0, vue.reactive)({
 				get keyProp() {
 					return props.keyProp;
 				},
 				get popperClass() {
-					return props.popperClass;
+					const userClass = props.popperClass ?? "";
+					const tc = themeClass.value;
+					if (!userClass) return tc;
+					if (!tc) return userClass;
+					return `${userClass} ${tc}`;
 				},
 				get config() {
 					return props.config;
@@ -3577,6 +3610,12 @@
 				}
 			});
 			(0, vue.provide)("mForm", formState);
+			/**
+			* 把生效主题（自身或祖先）再 provide 出去，供 form 子树内含 `Teleport` 的组件
+			* （如 `TMagicPopover`）在传送目标上挂 `m-theme--<theme>` 类。
+			* 详见 `@tmagic/design/theme.ts`。
+			*/
+			(0, vue.provide)(_tmagic_design.M_THEME_KEY, effectiveTheme);
 			(0, vue.provide)(FORM_DIFF_CONFIG_KEY, {
 				get showDiff() {
 					return props.showDiff;
@@ -3680,7 +3719,11 @@
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicForm), {
-					class: "m-form",
+					class: (0, vue.normalizeClass)([
+						"m-form",
+						effectiveTheme.value ? `m-form--${effectiveTheme.value}` : "",
+						effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""
+					]),
 					ref: "tMagicForm",
 					model: values.value,
 					"label-width": __props.labelWidth,
@@ -3718,6 +3761,7 @@
 					}), 128)) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 3
 				}, 8, [
+					"class",
 					"model",
 					"label-width",
 					"style",
@@ -3866,7 +3910,8 @@
 				type: Boolean,
 				default: true
 			},
-			extendState: {}
+			extendState: {},
+			theme: {}
 		},
 		emits: [
 			"close",
@@ -3876,6 +3921,9 @@
 		],
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
+			const ancestorTheme = (0, vue.inject)(_tmagic_design.M_THEME_KEY, null);
+			const effectiveTheme = (0, vue.computed)(() => props.theme || ancestorTheme?.value || "");
+			(0, vue.provide)(_tmagic_design.M_THEME_KEY, effectiveTheme);
 			const emit = __emit;
 			const form = (0, vue.ref)();
 			const dialogVisible = (0, vue.ref)(false);
@@ -3935,7 +3983,7 @@
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicDialog), {
 					modelValue: dialogVisible.value,
 					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
-					class: "m-form-dialog",
+					class: (0, vue.normalizeClass)(["m-form-dialog", effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""]),
 					top: "20px",
 					"append-to-body": "",
 					title: __props.title,
@@ -4017,6 +4065,7 @@
 						inline: __props.inline,
 						"prevent-submit-default": __props.preventSubmitDefault,
 						"extend-state": __props.extendState,
+						theme: effectiveTheme.value,
 						onChange: changeHandler
 					}, null, 8, [
 						"modelValue",
@@ -4029,11 +4078,13 @@
 						"label-position",
 						"inline",
 						"prevent-submit-default",
-						"extend-state"
+						"extend-state",
+						"theme"
 					]), (0, vue.renderSlot)(_ctx.$slots, "default")], 4)) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 3
 				}, 8, [
 					"modelValue",
+					"class",
 					"title",
 					"width",
 					"zIndex",
@@ -4073,7 +4124,8 @@
 			labelPosition: {},
 			preventSubmitDefault: { type: Boolean },
 			beforeClose: {},
-			extendState: {}
+			extendState: {},
+			theme: {}
 		},
 		emits: [
 			"close",
@@ -4085,6 +4137,10 @@
 			"opened"
 		],
 		setup(__props, { expose: __expose, emit: __emit }) {
+			const props = __props;
+			const ancestorTheme = (0, vue.inject)(_tmagic_design.M_THEME_KEY, null);
+			const effectiveTheme = (0, vue.computed)(() => props.theme || ancestorTheme?.value || "");
+			(0, vue.provide)(_tmagic_design.M_THEME_KEY, effectiveTheme);
 			const emit = __emit;
 			const drawer = (0, vue.ref)();
 			const form = (0, vue.ref)();
@@ -4138,7 +4194,7 @@
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicDrawer), {
-					class: "m-form-drawer",
+					class: (0, vue.normalizeClass)(["m-form-drawer", effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""]),
 					ref_key: "drawer",
 					ref: drawer,
 					modelValue: visible.value,
@@ -4198,6 +4254,7 @@
 						inline: __props.inline,
 						"prevent-submit-default": __props.preventSubmitDefault,
 						"extend-state": __props.extendState,
+						theme: effectiveTheme.value,
 						onChange: changeHandler
 					}, null, 8, [
 						"size",
@@ -4209,10 +4266,12 @@
 						"label-position",
 						"inline",
 						"prevent-submit-default",
-						"extend-state"
+						"extend-state",
+						"theme"
 					]), (0, vue.renderSlot)(_ctx.$slots, "default")], 512)) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 3
 				}, 8, [
+					"class",
 					"modelValue",
 					"title",
 					"close-on-press-escape",
@@ -4344,16 +4403,16 @@
 	//#endregion
 	//#region packages/form/src/containers/Fieldset.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$11 = ["innerHTML"];
-	var _hoisted_2$6 = ["innerHTML"];
-	var _hoisted_3$5 = { key: 1 };
-	var _hoisted_4$3 = ["innerHTML"];
-	var _hoisted_5$2 = ["innerHTML"];
-	var _hoisted_6 = {
+	var _hoisted_2$7 = ["innerHTML"];
+	var _hoisted_3$6 = { key: 1 };
+	var _hoisted_4$5 = ["innerHTML"];
+	var _hoisted_5$3 = ["innerHTML"];
+	var _hoisted_6$1 = {
 		key: 2,
 		style: { "display": "flex" }
 	};
-	var _hoisted_7 = { style: { "flex": "1" } };
-	var _hoisted_8 = ["src"];
+	var _hoisted_7$1 = { style: { "flex": "1" } };
+	var _hoisted_8$1 = ["src"];
 	//#endregion
 	//#region packages/form/src/containers/Fieldset.vue
 	var Fieldset_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -4423,7 +4482,7 @@
 							key: 0,
 							innerHTML: __props.config.extra,
 							class: "m-form-tip"
-						}, null, 8, _hoisted_2$6)) : (0, vue.createCommentVNode)("v-if", true)]),
+						}, null, 8, _hoisted_2$7)) : (0, vue.createCommentVNode)("v-if", true)]),
 						_: 1
 					}, 8, [
 						"model-value",
@@ -4432,11 +4491,11 @@
 						"false-value"
 					])]),
 					_: 1
-				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("legend", _hoisted_3$5, [(0, vue.createElementVNode)("span", { innerHTML: legend.value }, null, 8, _hoisted_4$3), __props.config.extra ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("legend", _hoisted_3$6, [(0, vue.createElementVNode)("span", { innerHTML: legend.value }, null, 8, _hoisted_4$5), __props.config.extra ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 					key: 0,
 					innerHTML: __props.config.extra,
 					class: "m-form-tip"
-				}, null, 8, _hoisted_5$2)) : (0, vue.createCommentVNode)("v-if", true)])), __props.config.schematic && show.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [(0, vue.createElementVNode)("div", _hoisted_7, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.config.items, (item, index) => {
+				}, null, 8, _hoisted_5$3)) : (0, vue.createCommentVNode)("v-if", true)])), __props.config.schematic && show.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$1, [(0, vue.createElementVNode)("div", _hoisted_7$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.config.items, (item, index) => {
 					return (0, vue.openBlock)(), (0, vue.createBlock)(Container_default, {
 						key: key(item, index),
 						model: name.value ? __props.model[name.value] : __props.model,
@@ -4464,7 +4523,7 @@
 				}), 128))]), (0, vue.createElementVNode)("img", {
 					class: "m-form-schematic",
 					src: __props.config.schematic
-				}, null, 8, _hoisted_8)])) : show.value ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, (0, vue.renderList)(__props.config.items, (item, index) => {
+				}, null, 8, _hoisted_8$1)])) : show.value ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, (0, vue.renderList)(__props.config.items, (item, index) => {
 					return (0, vue.openBlock)(), (0, vue.createBlock)(Container_default, {
 						key: key(item, index),
 						model: name.value ? __props.model[name.value] : __props.model,
@@ -4561,13 +4620,13 @@
 		"display": "flex",
 		"align-items": "center"
 	} };
-	var _hoisted_2$5 = ["innerHTML"];
-	var _hoisted_3$4 = {
+	var _hoisted_2$6 = ["innerHTML"];
+	var _hoisted_3$5 = {
 		key: 0,
 		style: { "display": "flex" }
 	};
-	var _hoisted_4$2 = { style: { "flex": "1" } };
-	var _hoisted_5$1 = ["src"];
+	var _hoisted_4$4 = { style: { "flex": "1" } };
+	var _hoisted_5$2 = ["src"];
 	//#endregion
 	//#region packages/form/src/containers/Panel.vue
 	var Panel_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -4582,7 +4641,8 @@
 			labelWidth: {},
 			prop: {},
 			size: {},
-			disabled: { type: Boolean }
+			disabled: { type: Boolean },
+			hideExpand: { type: Boolean }
 		},
 		emits: ["change", "addDiffCount"],
 		setup(__props, { expose: __expose, emit: __emit }) {
@@ -4606,26 +4666,31 @@
 				return items.value && items.value.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicCard), {
 					key: 0,
 					class: "box-card m-form-panel",
-					"body-style": { display: expand.value ? "block" : "none" }
+					"body-style": { display: expand.value ? "block" : "none" },
+					flat: __props.config.flat
 				}, {
 					header: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$10, [
-						(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
-							style: { "padding": "0" },
+						!__props.hideExpand ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							key: 0,
+							style: {
+								"padding": "0",
+								"margin-right": "10px"
+							},
 							link: "",
-							icon: expand.value ? (0, vue.unref)(_element_plus_icons_vue.CaretBottom) : (0, vue.unref)(_element_plus_icons_vue.CaretRight),
+							icon: expand.value ? (0, vue.unref)(_element_plus_icons_vue.ArrowDown) : (0, vue.unref)(_element_plus_icons_vue.ArrowRight),
 							onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
-						}, null, 8, ["icon"]),
+						}, null, 8, ["icon"])) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [(0, vue.createElementVNode)("span", {
 							style: { "cursor": "pointer" },
 							onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
 						}, (0, vue.toDisplayString)(filter(__props.config.title)), 1)]),
 						__props.config && __props.config.extra ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-							key: 0,
+							key: 1,
 							innerHTML: __props.config.extra,
 							class: "m-form-tip"
-						}, null, 8, _hoisted_2$5)) : (0, vue.createCommentVNode)("v-if", true)
+						}, null, 8, _hoisted_2$6)) : (0, vue.createCommentVNode)("v-if", true)
 					])]),
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [(0, vue.renderSlot)(_ctx.$slots, "default"), __props.config.schematic ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$4, [(0, vue.createElementVNode)("div", _hoisted_4$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item, index) => {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [(0, vue.renderSlot)(_ctx.$slots, "default"), __props.config.schematic ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, [(0, vue.createElementVNode)("div", _hoisted_4$4, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item, index) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)(Container_default, {
 							key: item[(0, vue.unref)(mForm)?.keyProp || "__key"] ?? index,
 							config: item,
@@ -4651,7 +4716,7 @@
 					}), 128))]), (0, vue.createElementVNode)("img", {
 						class: "m-form-schematic",
 						src: __props.config.schematic
-					}, null, 8, _hoisted_5$1)])) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(items.value, (item, index) => {
+					}, null, 8, _hoisted_5$2)])) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(items.value, (item, index) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)(Container_default, {
 							key: item[(0, vue.unref)(mForm)?.keyProp || "__key"] ?? index,
 							config: item,
@@ -4676,7 +4741,7 @@
 						]);
 					}), 128))])]),
 					_: 3
-				}, 8, ["body-style"])) : (0, vue.createCommentVNode)("v-if", true);
+				}, 8, ["body-style", "flat"])) : (0, vue.createCommentVNode)("v-if", true);
 			};
 		}
 	});
@@ -4990,12 +5055,13 @@
 	});
 	//#endregion
 	//#region packages/form/src/containers/GroupListItem.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$9 = ["innerHTML"];
-	var _hoisted_2$4 = { style: {
+	var _hoisted_1$9 = { class: "m-fields-group-list-item-header" };
+	var _hoisted_2$5 = ["innerHTML"];
+	var _hoisted_3$4 = { style: {
 		"text-align": "right",
 		"margin-top": "20px"
 	} };
-	var _hoisted_3$3 = ["innerHTML"];
+	var _hoisted_4$3 = ["innerHTML"];
 	//#endregion
 	//#region packages/form/src/containers/GroupListItem.vue
 	var GroupListItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5073,25 +5139,28 @@
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicCard), {
 					class: "m-fields-group-list-item",
+					flat: __props.config.flat,
 					"body-style": { display: expand.value ? "block" : "none" }
 				}, {
-					header: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [
+					header: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$9, [
 						(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							link: "",
 							disabled: __props.disabled,
-							onClick: expandHandler
+							onClick: expandHandler,
+							class: "expand-button"
 						}, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), null, {
-								default: (0, vue.withCtx)(() => [expand.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_element_plus_icons_vue.CaretBottom), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_element_plus_icons_vue.CaretRight), { key: 1 }))]),
+								default: (0, vue.withCtx)(() => [expand.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_element_plus_icons_vue.ArrowDown), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_element_plus_icons_vue.ArrowRight), { key: 1 }))]),
 								_: 1
-							}), (0, vue.createElementVNode)("span", { innerHTML: title.value }, null, 8, _hoisted_1$9)]),
+							})]),
 							_: 1
 						}, 8, ["disabled"]),
+						(0, vue.createElementVNode)("span", { innerHTML: title.value }, null, 8, _hoisted_2$5),
 						!__props.isCompare ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							key: 0,
-							type: "danger",
-							size: "small",
+							size: "default",
 							link: "",
+							class: "delete-button",
 							icon: (0, vue.unref)(_element_plus_icons_vue.Delete),
 							disabled: __props.disabled,
 							onClick: removeHandler
@@ -5099,7 +5168,7 @@
 						copyable.value && !__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							key: 1,
 							link: "",
-							size: "small",
+							size: "default",
 							type: "primary",
 							icon: (0, vue.unref)(_element_plus_icons_vue.DocumentCopy),
 							disabled: __props.disabled,
@@ -5110,18 +5179,18 @@
 						}, 8, ["icon", "disabled"])) : (0, vue.createCommentVNode)("v-if", true),
 						movable.value && !__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							link: "",
-							size: "small",
+							size: "default",
 							disabled: __props.disabled,
-							icon: (0, vue.unref)(_element_plus_icons_vue.CaretTop),
+							icon: (0, vue.unref)(_element_plus_icons_vue.Top),
 							onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
 						}, {
 							default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createTextVNode)("上移", -1)])]),
 							_: 1
 						}, 8, ["disabled", "icon"]), [[vue.vShow, __props.index !== 0]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							link: "",
-							size: "small",
+							size: "default",
 							disabled: __props.disabled,
-							icon: (0, vue.unref)(_element_plus_icons_vue.CaretBottom),
+							icon: (0, vue.unref)(_element_plus_icons_vue.Bottom),
 							onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
 						}, {
 							default: (0, vue.withCtx)(() => [..._cache[8] || (_cache[8] = [(0, vue.createTextVNode)("下移", -1)])]),
@@ -5156,7 +5225,7 @@
 									disabled: __props.disabled
 								}, null, 8, ["modelValue", "disabled"]),
 								_cache[11] || (_cache[11] = (0, vue.createTextVNode)("行 ", -1))
-							]), (0, vue.createElementVNode)("div", _hoisted_2$4, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							]), (0, vue.createElementVNode)("div", _hoisted_3$4, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 								size: "small",
 								text: "",
 								onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
@@ -5177,7 +5246,7 @@
 							key: 4,
 							innerHTML: itemExtra.value,
 							class: "m-form-tip"
-						}, null, 8, _hoisted_3$3)) : (0, vue.createCommentVNode)("v-if", true)
+						}, null, 8, _hoisted_4$3)) : (0, vue.createCommentVNode)("v-if", true)
 					])]),
 					default: (0, vue.withCtx)(() => [expand.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(Container_default, {
 						key: 0,
@@ -5202,23 +5271,23 @@
 						"disabled"
 					])) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 1
-				}, 8, ["body-style"]);
+				}, 8, ["flat", "body-style"]);
 			};
 		}
 	});
 	//#endregion
 	//#region packages/form/src/containers/GroupList.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$8 = { class: "m-fields-group-list" };
-	var _hoisted_2$3 = ["innerHTML"];
-	var _hoisted_3$2 = {
+	var _hoisted_2$4 = ["innerHTML"];
+	var _hoisted_3$3 = {
 		key: 1,
 		class: "el-table__empty-block"
 	};
-	var _hoisted_4$1 = {
+	var _hoisted_4$2 = {
 		key: 3,
 		class: "m-fields-group-list-footer"
 	};
-	var _hoisted_5 = { style: {
+	var _hoisted_5$1 = { style: {
 		"display": "flex",
 		"justify-content": "flex-end",
 		"flex": "1"
@@ -5270,8 +5339,8 @@
 						key: 0,
 						innerHTML: __props.config.extra,
 						style: { "color": "rgba(0, 0, 0, 0.45)" }
-					}, null, 8, _hoisted_2$3)) : (0, vue.createCommentVNode)("v-if", true),
-					!__props.model[__props.name] || !__props.model[__props.name].length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$2, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("span", { class: "el-table__empty-text t-table__empty" }, "暂无数据", -1)])])) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.model[__props.name], (item, index) => {
+					}, null, 8, _hoisted_2$4)) : (0, vue.createCommentVNode)("v-if", true),
+					!__props.model[__props.name] || !__props.model[__props.name].length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$3, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("span", { class: "el-table__empty-text t-table__empty" }, "暂无数据", -1)])])) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.model[__props.name], (item, index) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)(GroupListItem_default, {
 							key: index,
 							model: item,
@@ -5302,7 +5371,7 @@
 							"group-model"
 						]);
 					}), 128)),
-					!__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$1, [(0, vue.renderSlot)(_ctx.$slots, "toggle-button"), (0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "add-button")])])) : (0, vue.createCommentVNode)("v-if", true)
+					!__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$2, [(0, vue.renderSlot)(_ctx.$slots, "toggle-button"), (0, vue.createElementVNode)("div", _hoisted_5$1, [(0, vue.renderSlot)(_ctx.$slots, "add-button")])])) : (0, vue.createCommentVNode)("v-if", true)
 				]);
 			};
 		}
@@ -5464,7 +5533,8 @@
 			index: {},
 			row: {},
 			prop: {},
-			sortKey: {}
+			sortKey: {},
+			flat: { type: Boolean }
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -5535,19 +5605,25 @@
 						type: "danger",
 						link: "",
 						title: "删除",
-						icon: __props.config.deleteActionButtonIcon || (0, vue.unref)(_element_plus_icons_vue.Delete),
+						icon: __props.flat ? void 0 : __props.config.deleteActionButtonIcon || (0, vue.unref)(_element_plus_icons_vue.Delete),
 						onClick: _cache[0] || (_cache[0] = ($event) => removeHandler(__props.index + 1 + __props.currentPage * __props.pageSize - 1))
-					}, null, 8, ["icon"]), [[vue.vShow, showDelete(__props.index + 1 + __props.currentPage * __props.pageSize - 1)]]),
+					}, {
+						default: (0, vue.withCtx)(() => [__props.flat ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)("删除")], 64)) : (0, vue.createCommentVNode)("v-if", true)]),
+						_: 1
+					}, 8, ["icon"]), [[vue.vShow, showDelete(__props.index + 1 + __props.currentPage * __props.pageSize - 1)]]),
 					copyable(__props.index + 1 + __props.currentPage * __props.pageSize - 1) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 						key: 1,
 						link: "",
 						size: "small",
 						type: "primary",
 						title: "复制",
-						icon: __props.config.copyActionButtonIcon || (0, vue.unref)(_element_plus_icons_vue.DocumentCopy),
+						icon: __props.flat ? void 0 : __props.config.copyActionButtonIcon || (0, vue.unref)(_element_plus_icons_vue.DocumentCopy),
 						disabled: __props.disabled,
 						onClick: _cache[1] || (_cache[1] = ($event) => copyHandler(__props.index + 1 + __props.currentPage * __props.pageSize - 1))
-					}, null, 8, ["icon", "disabled"])) : (0, vue.createCommentVNode)("v-if", true)
+					}, {
+						default: (0, vue.withCtx)(() => [__props.flat ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)("复制")], 64)) : (0, vue.createCommentVNode)("v-if", true)]),
+						_: 1
+					}, 8, ["icon", "disabled"])) : (0, vue.createCommentVNode)("v-if", true)
 				], 64);
 			};
 		}
@@ -5708,6 +5784,7 @@
 				},
 				cell: ({ row, $index }) => (0, vue.h)(ActionsColumn_default, {
 					row,
+					flat: props.config.flat,
 					index: $index,
 					model: props.model,
 					config: props.config,
@@ -5790,13 +5867,13 @@
 	//#endregion
 	//#region packages/form/src/containers/table/Table.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$7 = ["innerHTML"];
-	var _hoisted_2$2 = { style: {
+	var _hoisted_2$3 = { style: {
 		"display": "flex",
 		"justify-content": "space-between",
 		"margin": "10px 0"
 	} };
-	var _hoisted_3$1 = { style: { "display": "flex" } };
-	var _hoisted_4 = {
+	var _hoisted_3$2 = { style: { "display": "flex" } };
+	var _hoisted_4$1 = {
 		key: 1,
 		class: "bottom",
 		style: { "text-align": "right" }
@@ -5893,7 +5970,7 @@
 						_: 1
 					}, 8, ["disabled"]),
 					(0, vue.renderSlot)(_ctx.$slots, "default"),
-					(0, vue.createElementVNode)("div", _hoisted_2$2, [(0, vue.createElementVNode)("div", _hoisted_3$1, [
+					(0, vue.createElementVNode)("div", _hoisted_2$3, [(0, vue.createElementVNode)("div", _hoisted_3$2, [
 						!(0, vue.unref)(isFullscreen) ? (0, vue.renderSlot)(_ctx.$slots, "toggle-button", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true),
 						__props.config.enableFullscreen !== false ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							key: 1,
@@ -5936,7 +6013,7 @@
 							_: 1
 						}, 8, ["disabled", "onClick"])) : (0, vue.createCommentVNode)("v-if", true)
 					]), !__props.isCompare ? (0, vue.renderSlot)(_ctx.$slots, "add-button", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true)]),
-					__props.config.pagination ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicPagination), {
+					__props.config.pagination ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$1, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicPagination), {
 						layout: "total, sizes, prev, pager, next, jumper",
 						"hide-on-single-page": __props.model[modelName.value].length < (0, vue.unref)(pageSize),
 						"current-page": (0, vue.unref)(currentPage) + 1,
@@ -6156,9 +6233,10 @@
 						size: addButtonSize.value,
 						plain: displayMode.value === "table",
 						icon: (0, vue.unref)(_element_plus_icons_vue.Plus),
+						text: "",
 						disabled: __props.disabled
 					}, currentConfig.value.addButtonConfig?.props || { type: "primary" }, { onClick: (0, vue.unref)(newHandler) }), {
-						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : "新增")), 1)]),
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : `新增${groupListConfig.value.titlePrefix || ""}`)), 1)]),
 						_: 1
 					}, 16, [
 						"class",
@@ -6188,9 +6266,17 @@
 	});
 	//#endregion
 	//#region packages/form/src/fields/Text.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$6 = { class: "m-fields-text" };
-	var _hoisted_2$1 = { key: 1 };
-	var _hoisted_3 = { style: {
+	var _hoisted_1$6 = { key: 0 };
+	var _hoisted_2$2 = {
+		key: 0,
+		class: "m-fields-text__prepend"
+	};
+	var _hoisted_3$1 = { class: "m-fields-text__value" };
+	var _hoisted_4 = ["src"];
+	var _hoisted_5 = { key: 2 };
+	var _hoisted_6 = ["src"];
+	var _hoisted_7 = { key: 2 };
+	var _hoisted_8 = { style: {
 		"display": "flex",
 		"justify-content": "flex-end"
 	} };
@@ -6209,7 +6295,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change", "input"],
 		setup(__props, { emit: __emit }) {
@@ -6222,21 +6311,15 @@
 				value.value = v;
 			}, { immediate: true });
 			const appendConfig = (0, vue.computed)(() => {
-				if (typeof props.config.append === "string") return {
+				const { append } = props.config;
+				if (typeof append === "string") return {
 					type: "text",
-					text: props.config.append,
+					text: append,
 					handler: void 0
 				};
-				if (typeof props.config.append === "object") {
-					if (typeof props.config.append?.handler === "function") return {
-						type: "button",
-						text: props.config.append.text,
-						handler: props.config.append.handler
-					};
-					if (props.config.append) {
-						if (props.config.append.value === 0) return false;
-						return props.config.append;
-					}
+				if (typeof append === "object" && append) {
+					if (append.value === 0) return false;
+					return append;
 				}
 				return false;
 			});
@@ -6332,67 +6415,97 @@
 				instanceRef.value = void 0;
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicInput), {
-					modelValue: value.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-					ref_key: "input",
-					ref: input,
-					clearable: __props.config.clearable ?? true,
-					size: __props.size,
-					placeholder: __props.config.placeholder,
-					disabled: __props.disabled,
-					onChange: changeHandler,
-					onInput: inputHandler,
-					onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
-				}, (0, vue.createSlots)({ _: 2 }, [__props.config.prepend ? {
-					name: "prepend",
-					fn: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.config.prepend), 1)]),
-					key: "0"
-				} : void 0, appendConfig.value ? {
-					name: "append",
-					fn: (0, vue.withCtx)(() => [appendConfig.value.type === "button" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
-						key: 0,
-						style: { "color": "#409eff" },
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["m-fields-text", { "m-fields-text--static": __props.config.static }]) }, [
+					__props.config.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createCommentVNode)(" 新增静态展示文本样式 "),
+					__props.config.static ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
+						__props.config.prepend ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$2, (0, vue.toDisplayString)(__props.config.prepend), 1)) : (0, vue.createCommentVNode)("v-if", true),
+						(0, vue.createElementVNode)("span", _hoisted_3$1, (0, vue.toDisplayString)(value.value), 1),
+						appendConfig.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [appendConfig.value.type === "button" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							key: 0,
+							style: { "color": "#0056ea" },
+							size: __props.size,
+							onClick: (0, vue.withModifiers)(buttonClickHandler, ["prevent"])
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(appendConfig.value.text), 1)]),
+							_: 1
+						}, 8, ["size"])) : appendConfig.value.type === "icon" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+							key: 1,
+							class: "m-fields-text__icon",
+							src: appendConfig.value.text,
+							onClick: buttonClickHandler
+						}, null, 8, _hoisted_4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, (0, vue.toDisplayString)(appendConfig.value.text), 1))], 64)) : (0, vue.createCommentVNode)("v-if", true)
+					], 64)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicInput), {
+						key: 2,
+						modelValue: value.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+						ref_key: "input",
+						ref: input,
+						clearable: __props.config.clearable ?? true,
 						size: __props.size,
-						onClick: (0, vue.withModifiers)(buttonClickHandler, ["prevent"])
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(appendConfig.value.text), 1)]),
-						_: 1
-					}, 8, ["size"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$1, (0, vue.toDisplayString)(appendConfig.value.text), 1))]),
-					key: "1"
-				} : void 0]), 1032, [
-					"modelValue",
-					"clearable",
-					"size",
-					"placeholder",
-					"disabled"
-				]), ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: "body" }, [popoverVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-					key: 0,
-					class: "tmagic-form-text-popper m-form-item__content",
-					ref_key: "popoverEl",
-					ref: popoverEl
-				}, [
-					_cache[5] || (_cache[5] = (0, vue.createElementVNode)("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1)),
-					(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
-						link: "",
-						size: "small",
-						onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
-					}, {
-						default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("保持原样", -1)])]),
-						_: 1
-					}), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
-						type: "primary",
-						size: "small",
-						onClick: confirmTrimHandler
-					}, {
-						default: (0, vue.withCtx)(() => [..._cache[4] || (_cache[4] = [(0, vue.createTextVNode)("移除空格", -1)])]),
-						_: 1
-					})]),
-					_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", {
-						class: "tmagic-form-text-popper-arrow",
-						"data-popper-arrow": ""
-					}, null, -1))
-				], 512)) : (0, vue.createCommentVNode)("v-if", true)]))]);
+						placeholder: __props.config.placeholder,
+						disabled: __props.disabled,
+						onChange: changeHandler,
+						onInput: inputHandler,
+						onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
+					}, (0, vue.createSlots)({ _: 2 }, [__props.config.prepend ? {
+						name: "prepend",
+						fn: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.config.prepend), 1)]),
+						key: "0"
+					} : void 0, appendConfig.value ? {
+						name: "append",
+						fn: (0, vue.withCtx)(() => [appendConfig.value.type === "button" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							key: 0,
+							style: { "color": "#0056ea" },
+							size: __props.size,
+							onClick: (0, vue.withModifiers)(buttonClickHandler, ["prevent"])
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(appendConfig.value.text), 1)]),
+							_: 1
+						}, 8, ["size"])) : appendConfig.value.type === "icon" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+							key: 1,
+							src: appendConfig.value.text,
+							onClick: buttonClickHandler
+						}, null, 8, _hoisted_6)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, (0, vue.toDisplayString)(appendConfig.value.text), 1))]),
+						key: "1"
+					} : void 0]), 1032, [
+						"modelValue",
+						"clearable",
+						"size",
+						"placeholder",
+						"disabled"
+					])),
+					!__props.config.static ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
+						key: 3,
+						to: "body"
+					}, [popoverVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 0,
+						class: "tmagic-form-text-popper m-form-item__content",
+						ref_key: "popoverEl",
+						ref: popoverEl
+					}, [
+						_cache[5] || (_cache[5] = (0, vue.createElementVNode)("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1)),
+						(0, vue.createElementVNode)("div", _hoisted_8, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							link: "",
+							size: "small",
+							onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
+						}, {
+							default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("保持原样", -1)])]),
+							_: 1
+						}), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							type: "primary",
+							size: "small",
+							onClick: confirmTrimHandler
+						}, {
+							default: (0, vue.withCtx)(() => [..._cache[4] || (_cache[4] = [(0, vue.createTextVNode)("移除空格", -1)])]),
+							_: 1
+						})]),
+						_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", {
+							class: "tmagic-form-text-popper-arrow",
+							"data-popper-arrow": ""
+						}, null, -1))
+					], 512)) : (0, vue.createCommentVNode)("v-if", true)])) : (0, vue.createCommentVNode)("v-if", true)
+				], 2);
 			};
 		}
 	});
@@ -6411,7 +6524,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change", "input"],
 		setup(__props, { emit: __emit }) {
@@ -6475,7 +6591,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6546,7 +6665,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change", "input"],
 		setup(__props, { emit: __emit }) {
@@ -6602,7 +6724,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6649,7 +6774,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6701,7 +6829,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6746,7 +6877,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6803,7 +6937,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6858,7 +6995,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -6952,7 +7092,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7046,7 +7189,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7084,7 +7230,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7129,7 +7278,11 @@
 	});
 	//#endregion
 	//#region packages/form/src/fields/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$4 = { key: 1 };
+	var _hoisted_1$4 = { class: "m-fields-radio-group__option" };
+	var _hoisted_2$1 = {
+		key: 1,
+		class: "m-fields-radio-group__text"
+	};
 	//#endregion
 	//#region packages/form/src/fields/RadioGroup.vue
 	var RadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -7145,7 +7298,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7157,9 +7313,9 @@
 			};
 			useAddField(props.prop);
 			const iconSize = (0, vue.computed)(() => {
-				if (props.size === "small") return "12";
+				if (props.size === "small") return "14";
 				if (props.size === "large") return "16";
-				return "14";
+				return "16";
 			});
 			return (_ctx, _cache) => {
 				return __props.model ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicRadioGroup), {
@@ -7179,13 +7335,14 @@
 								placement: "top-start",
 								content: option.tooltip
 							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [option.icon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicIcon), {
+								default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$4, [option.icon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicIcon), {
 									key: 0,
-									size: iconSize.value
+									size: iconSize.value,
+									class: (0, vue.normalizeClass)({ "m-fields-radio-group__icon_with_text": !!option.text })
 								}, {
 									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(option.icon)))]),
 									_: 2
-								}, 1032, ["size"])) : (0, vue.createCommentVNode)("v-if", true), option.text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$4, (0, vue.toDisplayString)(option.text), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
+								}, 1032, ["size", "class"])) : (0, vue.createCommentVNode)("v-if", true), option.text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$1, (0, vue.toDisplayString)(option.text), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
 								_: 2
 							}, 1032, ["disabled", "content"])]),
 							_: 2
@@ -7218,7 +7375,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		setup(__props) {
 			const props = __props;
@@ -7237,8 +7397,9 @@
 	//#endregion
 	//#region packages/form/src/fields/Link.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$2 = ["href"];
-	var _hoisted_2 = {
-		key: 2,
+	var _hoisted_2 = ["href"];
+	var _hoisted_3 = {
+		key: 3,
 		class: "m-fields-link"
 	};
 	//#endregion
@@ -7256,12 +7417,17 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {},
+			theme: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
+			const displayTheme = (0, _tmagic_design.useTheme)(props);
 			useAddField(props.prop);
 			const formValue = (0, vue.ref)({});
 			const editor = (0, vue.ref)();
@@ -7299,15 +7465,30 @@
 				editor.value && (editor.value.dialogVisible = false);
 			};
 			return (_ctx, _cache) => {
-				return __props.config.href && !__props.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+				return (0, vue.unref)(displayTheme) === "magic-admin" && __props.config.href && !__props.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 					key: 0,
 					target: "_blank",
 					href: href.value,
+					class: "magic-admin-link",
 					style: (0, vue.normalizeStyle)(__props.config.css || {})
-				}, (0, vue.toDisplayString)(displayText.value), 13, _hoisted_1$2)) : __props.config.href && __props.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				}, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+					link: "",
+					type: "primary"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicIcon), null, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Notebook))]),
+						_: 1
+					}), (0, vue.createTextVNode)((0, vue.toDisplayString)(displayText.value), 1)]),
+					_: 1
+				})], 12, _hoisted_1$2)) : __props.config.href && !__props.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 					key: 1,
+					target: "_blank",
+					href: href.value,
+					style: (0, vue.normalizeStyle)(__props.config.css || {})
+				}, (0, vue.toDisplayString)(displayText.value), 13, _hoisted_2)) : __props.config.href && __props.disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 2,
 					style: (0, vue.normalizeStyle)(__props.config.disabledCss || {})
-				}, (0, vue.toDisplayString)(displayText.value), 5)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+				}, (0, vue.toDisplayString)(displayText.value), 5)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 					link: "",
 					type: "primary",
 					onClick: editHandler
@@ -7353,7 +7534,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { expose: __expose, emit: __emit }) {
@@ -7701,7 +7885,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7821,7 +8008,10 @@
 			disabled: { type: Boolean },
 			size: {},
 			lastValues: {},
-			isCompare: { type: Boolean }
+			isCompare: { type: Boolean },
+			text: {},
+			labelWidth: {},
+			labelPosition: {}
 		},
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
@@ -7981,6 +8171,7 @@
 		setConfig(option);
 		app.component("m-form", Form_default);
 		app.component("m-form-dialog", FormDialog_default);
+		app.component("m-form-drawer", FormDrawer_default);
 		app.component("m-form-container", Container_default);
 		app.component("m-form-fieldset", Fieldset_default);
 		app.component("m-form-group-list", TableGroupList_default);