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

package/dist/es/Form.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,9 @@ import { FORM_DIFF_CONFIG_KEY } from "./schema.js";
 import { getConfig } from "./utils/config.js";
 import { initValue } from "./utils/form.js";
 import Container_default from "./containers/Container.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, mergeProps, normalizeStyle, openBlock, provide, reactive, ref, renderList, renderSlot, shallowRef, toRaw, unref, useTemplateRef, watch, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderList, renderSlot, shallowRef, toRaw, unref, useTemplateRef, watch, watchEffect, withCtx } from "vue";
 import { cloneDeep, isEqual } from "lodash-es";
-import { TMagicForm, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
+import { M_THEME_KEY, TMagicForm, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
 import { setValueByKeyPath } from "@tmagic/utils";
 //#region packages/form/src/Form.vue?vue&type=script&setup=true&lang.ts
 var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -37,7 +37,8 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		preventSubmitDefault: { type: Boolean },
 		extendState: {},
 		showDiff: {},
-		selfDiffFieldTypes: {}
+		selfDiffFieldTypes: {},
+		theme: {}
 	},
 	emits: [
 		"change",
@@ -56,6 +57,25 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		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 = inject(M_THEME_KEY, null);
+		const effectiveTheme = 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 = computed(() => effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : "");
+		/**
 		* formState 实现说明：
 		*
 		* 1. 与 props 直接对应的字段（config / initValues / lastValues / isCompare / parentValues /
@@ -71,13 +91,21 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		*      把最新值刷进 formState。
 		*    - accessor 描述符（`{ get stage() { return ... } }`）按原样写入，调用方可以控制
 		*      读时求值，每次读取都会重新执行 getter。
+		*
+		* 4. `popperClass` 会自动拼接 `themeClass`：调用方传入的 `popperClass` + 当前主题
+		*    修饰类（含祖先 `<MEditor>` provide 的主题）。这样所有透传到 Element Plus 弹层
+		*    `popper-class` 的字段（Select / DateTime / Cascader 等）能自带主题作用域。
 		*/
 		const formState = 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;
@@ -153,6 +181,12 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			}
 		});
 		provide("mForm", formState);
+		/**
+		* 把生效主题（自身或祖先）再 provide 出去，供 form 子树内含 `Teleport` 的组件
+		* （如 `TMagicPopover`）在传送目标上挂 `m-theme--<theme>` 类。
+		* 详见 `@tmagic/design/theme.ts`。
+		*/
+		provide(M_THEME_KEY, effectiveTheme);
 		provide(FORM_DIFF_CONFIG_KEY, {
 			get showDiff() {
 				return props.showDiff;
@@ -256,7 +290,11 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TMagicForm), {
-				class: "m-form",
+				class: normalizeClass([
+					"m-form",
+					effectiveTheme.value ? `m-form--${effectiveTheme.value}` : "",
+					effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""
+				]),
 				ref: "tMagicForm",
 				model: values.value,
 				"label-width": __props.labelWidth,
@@ -294,6 +332,7 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				}), 128)) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 8, [
+				"class",
 				"model",
 				"label-width",
 				"style",

package/dist/es/FormDialog.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import Form_default from "./Form.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
-import { TMagicButton, TMagicCol, TMagicDialog, TMagicRow } from "@tmagic/design";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { M_THEME_KEY, TMagicButton, TMagicCol, TMagicDialog, TMagicRow } from "@tmagic/design";
 //#region packages/form/src/FormDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { style: { "min-height": "1px" } };
 var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +41,8 @@ var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			type: Boolean,
 			default: true
 		},
-		extendState: {}
+		extendState: {},
+		theme: {}
 	},
 	emits: [
 		"close",
@@ -51,6 +52,9 @@ var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
+		const ancestorTheme = inject(M_THEME_KEY, null);
+		const effectiveTheme = computed(() => props.theme || ancestorTheme?.value || "");
+		provide(M_THEME_KEY, effectiveTheme);
 		const emit = __emit;
 		const form = ref();
 		const dialogVisible = ref(false);
@@ -110,7 +114,7 @@ var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			return openBlock(), createBlock(unref(TMagicDialog), {
 				modelValue: dialogVisible.value,
 				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
-				class: "m-form-dialog",
+				class: normalizeClass(["m-form-dialog", effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""]),
 				top: "20px",
 				"append-to-body": "",
 				title: __props.title,
@@ -192,6 +196,7 @@ var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					inline: __props.inline,
 					"prevent-submit-default": __props.preventSubmitDefault,
 					"extend-state": __props.extendState,
+					theme: effectiveTheme.value,
 					onChange: changeHandler
 				}, null, 8, [
 					"modelValue",
@@ -204,11 +209,13 @@ var FormDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					"label-position",
 					"inline",
 					"prevent-submit-default",
-					"extend-state"
+					"extend-state",
+					"theme"
 				]), renderSlot(_ctx.$slots, "default")], 4)) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 8, [
 				"modelValue",
+				"class",
 				"title",
 				"width",
 				"zIndex",

package/dist/es/FormDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import Form_default from "./Form.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watchEffect, withCtx } from "vue";
-import { TMagicButton, TMagicCol, TMagicDrawer, TMagicRow } from "@tmagic/design";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, watchEffect, withCtx } from "vue";
+import { M_THEME_KEY, TMagicButton, TMagicCol, TMagicDrawer, TMagicRow } from "@tmagic/design";
 //#region packages/form/src/FormDrawer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { style: { "min-height": "1px" } };
 var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -25,7 +25,8 @@ var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		labelPosition: {},
 		preventSubmitDefault: { type: Boolean },
 		beforeClose: {},
-		extendState: {}
+		extendState: {},
+		theme: {}
 	},
 	emits: [
 		"close",
@@ -37,6 +38,10 @@ var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		"opened"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const ancestorTheme = inject(M_THEME_KEY, null);
+		const effectiveTheme = computed(() => props.theme || ancestorTheme?.value || "");
+		provide(M_THEME_KEY, effectiveTheme);
 		const emit = __emit;
 		const drawer = ref();
 		const form = ref();
@@ -90,7 +95,7 @@ var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TMagicDrawer), {
-				class: "m-form-drawer",
+				class: normalizeClass(["m-form-drawer", effectiveTheme.value ? `m-theme--${effectiveTheme.value}` : ""]),
 				ref_key: "drawer",
 				ref: drawer,
 				modelValue: visible.value,
@@ -150,6 +155,7 @@ var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					inline: __props.inline,
 					"prevent-submit-default": __props.preventSubmitDefault,
 					"extend-state": __props.extendState,
+					theme: effectiveTheme.value,
 					onChange: changeHandler
 				}, null, 8, [
 					"size",
@@ -161,10 +167,12 @@ var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					"label-position",
 					"inline",
 					"prevent-submit-default",
-					"extend-state"
+					"extend-state",
+					"theme"
 				]), renderSlot(_ctx.$slots, "default")], 512)) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 8, [
+				"class",
 				"modelValue",
 				"title",
 				"close-on-press-escape",

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

@@ -7,19 +7,23 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { isEqual } from "lodash-es";
 import { TMagicButton, TMagicFormItem, TMagicIcon, TMagicTooltip } from "@tmagic/design";
 import { getValueByKeyPath } from "@tmagic/utils";
-import { WarningFilled } from "@element-plus/icons-vue";
+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"];
-var _hoisted_2 = ["innerHTML"];
+var _hoisted_2 = {
+	key: 0,
+	class: "m-form-tip m-form-title-extra"
+};
 var _hoisted_3 = ["innerHTML"];
 var _hoisted_4 = ["innerHTML"];
 var _hoisted_5 = ["innerHTML"];
 var _hoisted_6 = ["innerHTML"];
 var _hoisted_7 = ["innerHTML"];
 var _hoisted_8 = ["innerHTML"];
-var _hoisted_9 = {
+var _hoisted_9 = ["innerHTML"];
+var _hoisted_10 = {
 	key: 5,
-	style: { "text-align": "center" }
+	class: "m-form-container-expand"
 };
 var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFormContainer",
@@ -297,12 +301,12 @@ 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)])]),
 				default: withCtx(() => [tooltip.value.text ? (openBlock(), createBlock(unref(TMagicTooltip), {
 					key: 0,
 					placement: tooltip.value.placement
 				}, {
-					content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_2)]),
+					content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_3)]),
 					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
 						model: __props.model,
 						"last-values": __props.lastValues,
@@ -331,7 +335,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				key: 0,
 				placement: "top"
 			}, {
-				content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_3)]),
+				content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_4)]),
 				default: withCtx(() => [createVNode(unref(TMagicIcon), { style: {
 					"line-height": "40px",
 					"margin-left": "5px"
@@ -370,7 +374,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						key: 0,
 						placement: tooltip.value.placement
 					}, {
-						content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_4)]),
+						content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_5)]),
 						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
 							model: __props.model,
 							"last-values": __props.lastValues,
@@ -423,7 +427,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 							key: 0,
 							placement: tooltip.value.placement
 						}, {
-							content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_5)]),
+							content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_6)]),
 							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
 								model: __props.lastValues,
 								onChange: onChangeHandler
@@ -439,7 +443,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						key: 0,
 						placement: "top"
 					}, {
-						content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_6)]),
+						content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_7)]),
 						default: withCtx(() => [createVNode(unref(TMagicIcon), { style: {
 							"line-height": "40px",
 							"margin-left": "5px"
@@ -480,7 +484,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 							key: 0,
 							placement: tooltip.value.placement
 						}, {
-							content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_7)]),
+							content: withCtx(() => [createElementVNode("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_8)]),
 							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
 								model: __props.model,
 								onChange: onChangeHandler
@@ -496,7 +500,7 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						key: 1,
 						placement: "top"
 					}, {
-						content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_8)]),
+						content: withCtx(() => [createElementVNode("div", { innerHTML: __props.config.tip }, null, 8, _hoisted_9)]),
 						default: withCtx(() => [createVNode(unref(TMagicIcon), { style: {
 							"line-height": "40px",
 							"margin-left": "5px"
@@ -538,16 +542,17 @@ var Container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"label-width",
 					"prop"
 				]);
-			}), 128)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), __props.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(unref(TMagicButton), {
+			}), 128)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), __props.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(TMagicButton), {
 				type: "primary",
 				size: "small",
 				disabled: false,
 				link: "",
-				onClick: expandHandler
+				onClick: expandHandler,
+				icon: expand.value ? unref(ArrowUp) : unref(ArrowDown)
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(expand.value ? "收起配置" : "展开更多配置"), 1)]),
 				_: 1
-			})])) : createCommentVNode("v-if", true)], 14, _hoisted_1);
+			}, 8, ["icon"])])) : createCommentVNode("v-if", true)], 14, _hoisted_1);
 		};
 	}
 });

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

@@ -2,14 +2,15 @@ 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";
+import { ArrowDown, ArrowRight, Bottom, Delete, DocumentCopy, Position, Top } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/GroupListItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["innerHTML"];
-var _hoisted_2 = { style: {
+var _hoisted_1 = { class: "m-fields-group-list-item-header" };
+var _hoisted_2 = ["innerHTML"];
+var _hoisted_3 = { style: {
 	"text-align": "right",
 	"margin-top": "20px"
 } };
-var _hoisted_3 = ["innerHTML"];
+var _hoisted_4 = ["innerHTML"];
 var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFormGroupListItem",
 	__name: "GroupListItem",
@@ -85,25 +86,28 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TMagicCard), {
 				class: "m-fields-group-list-item",
+				flat: __props.config.flat,
 				"body-style": { display: expand.value ? "block" : "none" }
 			}, {
-				header: withCtx(() => [createElementVNode("div", null, [
+				header: withCtx(() => [createElementVNode("div", _hoisted_1, [
 					createVNode(unref(TMagicButton), {
 						link: "",
 						disabled: __props.disabled,
-						onClick: expandHandler
+						onClick: expandHandler,
+						class: "expand-button"
 					}, {
 						default: withCtx(() => [createVNode(unref(TMagicIcon), null, {
-							default: withCtx(() => [expand.value ? (openBlock(), createBlock(unref(CaretBottom), { key: 0 })) : (openBlock(), createBlock(unref(CaretRight), { key: 1 }))]),
+							default: withCtx(() => [expand.value ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(ArrowRight), { key: 1 }))]),
 							_: 1
-						}), createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_1)]),
+						})]),
 						_: 1
 					}, 8, ["disabled"]),
+					createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_2),
 					!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
 						key: 0,
-						type: "danger",
-						size: "small",
+						size: "default",
 						link: "",
+						class: "delete-button",
 						icon: unref(Delete),
 						disabled: __props.disabled,
 						onClick: removeHandler
@@ -111,7 +115,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					copyable.value && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
 						key: 1,
 						link: "",
-						size: "small",
+						size: "default",
 						type: "primary",
 						icon: unref(DocumentCopy),
 						disabled: __props.disabled,
@@ -122,18 +126,18 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
 					movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [withDirectives(createVNode(unref(TMagicButton), {
 						link: "",
-						size: "small",
+						size: "default",
 						disabled: __props.disabled,
-						icon: unref(CaretTop),
+						icon: unref(Top),
 						onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
 					}, {
 						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("上移", -1)])]),
 						_: 1
 					}, 8, ["disabled", "icon"]), [[vShow, __props.index !== 0]]), withDirectives(createVNode(unref(TMagicButton), {
 						link: "",
-						size: "small",
+						size: "default",
 						disabled: __props.disabled,
-						icon: unref(CaretBottom),
+						icon: unref(Bottom),
 						onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
 					}, {
 						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("下移", -1)])]),
@@ -168,7 +172,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 								disabled: __props.disabled
 							}, null, 8, ["modelValue", "disabled"]),
 							_cache[11] || (_cache[11] = createTextVNode("行 ", -1))
-						]), createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+						]), createElementVNode("div", _hoisted_3, [createVNode(unref(TMagicButton), {
 							size: "small",
 							text: "",
 							onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
@@ -189,7 +193,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						key: 4,
 						innerHTML: itemExtra.value,
 						class: "m-form-tip"
-					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true)
+					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
 				])]),
 				default: withCtx(() => [expand.value ? (openBlock(), createBlock(Container_default, {
 					key: 0,
@@ -214,7 +218,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"disabled"
 				])) : createCommentVNode("v-if", true)]),
 				_: 1
-			}, 8, ["body-style"]);
+			}, 8, ["flat", "body-style"]);
 		};
 	}
 });

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

@@ -1,8 +1,8 @@
 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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, 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";
+import { ArrowDown, ArrowRight } 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%",
@@ -28,7 +28,8 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		labelWidth: {},
 		prop: {},
 		size: {},
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		hideExpand: { type: Boolean }
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -52,21 +53,26 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			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" }
+				"body-style": { display: expand.value ? "block" : "none" },
+				flat: __props.config.flat
 			}, {
 				header: withCtx(() => [createElementVNode("div", _hoisted_1, [
-					createVNode(unref(TMagicButton), {
-						style: { "padding": "0" },
+					!__props.hideExpand ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
+						style: {
+							"padding": "0",
+							"margin-right": "10px"
+						},
 						link: "",
-						icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
+						icon: expand.value ? unref(ArrowDown) : unref(ArrowRight),
 						onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
-					}, null, 8, ["icon"]),
+					}, null, 8, ["icon"])) : createCommentVNode("v-if", true),
 					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,
+						key: 1,
 						innerHTML: __props.config.extra,
 						class: "m-form-tip"
 					}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true)
@@ -122,7 +128,7 @@ var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					]);
 				}), 128))])]),
 				_: 3
-			}, 8, ["body-style"])) : createCommentVNode("v-if", true);
+			}, 8, ["body-style", "flat"])) : createCommentVNode("v-if", true);
 		};
 	}
 });

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

@@ -1,4 +1,4 @@
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
 import { cloneDeep } from "lodash-es";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { Delete, DocumentCopy, Sort } from "@element-plus/icons-vue";
@@ -15,7 +15,8 @@ var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		index: {},
 		row: {},
 		prop: {},
-		sortKey: {}
+		sortKey: {},
+		flat: { type: Boolean }
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
@@ -86,19 +87,25 @@ var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					type: "danger",
 					link: "",
 					title: "删除",
-					icon: __props.config.deleteActionButtonIcon || unref(Delete),
+					icon: __props.flat ? void 0 : __props.config.deleteActionButtonIcon || unref(Delete),
 					onClick: _cache[0] || (_cache[0] = ($event) => removeHandler(__props.index + 1 + __props.currentPage * __props.pageSize - 1))
-				}, null, 8, ["icon"]), [[vShow, showDelete(__props.index + 1 + __props.currentPage * __props.pageSize - 1)]]),
+				}, {
+					default: withCtx(() => [__props.flat ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("删除")], 64)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["icon"]), [[vShow, showDelete(__props.index + 1 + __props.currentPage * __props.pageSize - 1)]]),
 				copyable(__props.index + 1 + __props.currentPage * __props.pageSize - 1) ? (openBlock(), createBlock(unref(TMagicButton), {
 					key: 1,
 					link: "",
 					size: "small",
 					type: "primary",
 					title: "复制",
-					icon: __props.config.copyActionButtonIcon || unref(DocumentCopy),
+					icon: __props.flat ? void 0 : __props.config.copyActionButtonIcon || unref(DocumentCopy),
 					disabled: __props.disabled,
 					onClick: _cache[1] || (_cache[1] = ($event) => copyHandler(__props.index + 1 + __props.currentPage * __props.pageSize - 1))
-				}, null, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true)
+				}, {
+					default: withCtx(() => [__props.flat ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("复制")], 64)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true)
 			], 64);
 		};
 	}

package/dist/es/containers/table/useTableColumns.js

@@ -77,6 +77,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			},
 			cell: ({ row, $index }) => h(ActionsColumn_default, {
 				row,
+				flat: props.config.flat,
 				index: $index,
 				model: props.model,
 				config: props.config,

package/dist/es/containers/table-group-list/TableGroupList.vue_vue_type_script_setup_true_lang.js

@@ -127,9 +127,10 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					size: addButtonSize.value,
 					plain: displayMode.value === "table",
 					icon: unref(Plus),
+					text: "",
 					disabled: __props.disabled
 				}, currentConfig.value.addButtonConfig?.props || { type: "primary" }, { onClick: unref(newHandler) }), {
-					default: withCtx(() => [createTextVNode(toDisplayString(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : "新增")), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : `新增${groupListConfig.value.titlePrefix || ""}`)), 1)]),
 					_: 1
 				}, 16, [
 					"class",

package/dist/es/fields/Cascader.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,10 @@ var Cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

package/dist/es/fields/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,10 @@ var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

package/dist/es/fields/CheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,10 @@ var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

package/dist/es/fields/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,10 @@ var ColorPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

package/dist/es/fields/Date.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,10 @@ var Date_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {