@tmagic/form 1.8.0-manmanyu.10 → 1.8.0-manmanyu.11

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

@@ -148,7 +148,8 @@ var Container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			labelWidth: itemLabelWidth.value,
 			labelPosition: props.config.labelPosition,
 			rules: rule.value,
-			extra: filterFunction(mForm, props.config.extra, props)
+			extra: filterFunction(mForm, props.config.extra, props),
+			extraTips: props.config.extraTips
 		}));
 		const itemLabelWidth = computed(() => props.config.labelWidth ?? props.labelWidth);
 		watchEffect(() => {

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

@@ -1,5 +1,5 @@
 import GroupListItem_default from "./GroupListItem.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot, toDisplayString } from "vue";
 import { cloneDeep } from "lodash-es";
 //#region packages/form/src/containers/GroupList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-group-list" };
@@ -8,11 +8,12 @@ var _hoisted_3 = {
 	key: 1,
 	class: "el-table__empty-block"
 };
-var _hoisted_4 = {
+var _hoisted_4 = { class: "el-table__empty-text t-table__empty" };
+var _hoisted_5 = {
 	key: 3,
 	class: "m-fields-group-list-footer"
 };
-var _hoisted_5 = { style: {
+var _hoisted_6 = { style: {
 	"display": "flex",
 	"justify-content": "flex-end",
 	"flex": "1"
@@ -63,7 +64,7 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					innerHTML: __props.config.extra,
 					style: { "color": "rgba(0, 0, 0, 0.45)" }
 				}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
-				!__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3, [..._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) => {
+				!__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, "暂无" + toDisplayString(__props.config.titlePrefix || "") + "数据", 1)])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.model[__props.name], (item, index) => {
 					return openBlock(), createBlock(GroupListItem_default, {
 						key: index,
 						model: item,
@@ -94,7 +95,7 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"group-model"
 					]);
 				}), 128)),
-				!__props.isCompare ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "add-button")])])) : createCommentVNode("v-if", true)
+				!__props.isCompare ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "add-button")])])) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

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

@@ -1,7 +1,7 @@
 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 { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowRight, Bottom, Delete, DocumentCopy, Position, Top } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/GroupListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-group-list-item-header" };
@@ -47,7 +47,10 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			[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.titleKey && props.model[props.config.titleKey]) {
+				const { titlePrefix } = props.config;
+				return titlePrefix ? `${titlePrefix} ${String(props.index + 1)}: ${props.model[props.config.titleKey]}` : `${props.model[props.config.titleKey]}`;
+			}
 			if (props.config.title) return filterFunction(mForm, props.config.title, props);
 			return `${props.config.titlePrefix || "组"} ${String(props.index + 1)}`;
 		});
@@ -103,17 +106,20 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						_: 1
 					}, 8, ["disabled"]),
 					createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_2),
-					!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
-						key: 0,
-						size: "default",
-						link: "",
-						class: "delete-button",
-						icon: unref(Delete),
-						disabled: __props.disabled,
-						onClick: removeHandler
-					}, null, 8, ["icon", "disabled"])), [[vShow, showDelete.value]]) : createCommentVNode("v-if", true),
+					createVNode(unref(TMagicTooltip), { content: `删除 ${title.value}` }, {
+						default: withCtx(() => [!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
+							key: 0,
+							size: "default",
+							link: "",
+							class: "delete-button",
+							icon: unref(Delete),
+							disabled: __props.disabled,
+							onClick: removeHandler
+						}, null, 8, ["icon", "disabled"])), [[vShow, showDelete.value]]) : createCommentVNode("v-if", true)]),
+						_: 1
+					}, 8, ["content"]),
 					copyable.value && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
-						key: 1,
+						key: 0,
 						link: "",
 						size: "default",
 						type: "primary",
@@ -124,7 +130,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("复制", -1)])]),
 						_: 1
 					}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
-					movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [withDirectives(createVNode(unref(TMagicButton), {
+					movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [withDirectives(createVNode(unref(TMagicButton), {
 						link: "",
 						size: "default",
 						disabled: __props.disabled,
@@ -144,7 +150,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						_: 1
 					}, 8, ["disabled", "icon"]), [[vShow, __props.index !== length.value - 1]])], 64)) : createCommentVNode("v-if", true),
 					__props.config.moveSpecifyLocation && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicPopover), {
-						key: 3,
+						key: 2,
 						trigger: "click",
 						placement: "top",
 						width: "200",
@@ -190,7 +196,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						_: 1
 					}, 8, ["visible"])) : createCommentVNode("v-if", true),
 					itemExtra.value ? (openBlock(), createElementBlock("span", {
-						key: 4,
+						key: 3,
 						innerHTML: itemExtra.value,
 						class: "m-form-tip"
 					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)

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

@@ -99,14 +99,16 @@ var Table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"default-expand-all": true,
 						key: updateKey.value,
 						onSelect: unref(selectHandle),
-						onSortChange: sortChangeHandler
+						onSortChange: sortChangeHandler,
+						"empty-text": `暂无${__props.config.titlePrefix || ""}数据`
 					}, null, 8, [
 						"row-key",
 						"columns",
 						"data",
 						"border",
 						"max-height",
-						"onSelect"
+						"onSelect",
+						"empty-text"
 					])) : createCommentVNode("v-if", true)]),
 					_: 1
 				}, 8, ["disabled"]),

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

@@ -70,6 +70,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 		const defaultFixed = isMagicAdmin.value ? "right" : "left";
 		let actionFixed = props.config.fixed === false ? void 0 : defaultFixed;
 		if (typeof props.config.fixed === "string" && ["left", "right"].includes(props.config.fixed)) actionFixed = props.config.fixed;
+		const actionFlat = props.config.flat === void 0 && isMagicAdmin.value ? true : props.config.flat;
 		const actionColumn = {
 			props: {
 				label: "操作",
@@ -79,7 +80,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			},
 			cell: ({ row, $index }) => h(ActionsColumn_default, {
 				row,
-				flat: props.config.flat,
+				flat: actionFlat,
 				index: $index,
 				model: props.model,
 				config: props.config,

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

@@ -1,6 +1,6 @@
 import { useAddField } from "../utils/useAddField.js";
 import { createBlock, createCommentVNode, defineComponent, inject, openBlock, ref, unref, watch } from "vue";
-import { TMagicInputNumber } from "@tmagic/design";
+import { TMagicInputNumber, isMagicAdminTheme } from "@tmagic/design";
 //#region packages/form/src/fields/Number.vue?vue&type=script&setup=true&lang.ts
 var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumber",
@@ -24,6 +24,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const isMagicAdmin = isMagicAdminTheme();
 		const value = ref();
 		watch(() => props.model[props.name], (v) => {
 			value.value = v;
@@ -43,7 +44,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				modelValue: value.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
 				clearable: "",
-				"controls-position": "right",
+				"controls-position": unref(isMagicAdmin) ? "" : "right",
 				size: __props.size,
 				max: __props.config.max,
 				min: __props.config.min,
@@ -54,6 +55,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				onInput: inputHandler
 			}, null, 8, [
 				"modelValue",
+				"controls-position",
 				"size",
 				"max",
 				"min",

package/dist/es/style.css

@@ -298,6 +298,7 @@ fieldset.m-fieldset .m-form-tip {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
+  margin-bottom: 16px;
 }
 
 .m-form-panel .el-card__header:hover {

package/dist/style.css

@@ -298,6 +298,7 @@ fieldset.m-fieldset .m-form-tip {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
+  margin-bottom: 16px;
 }
 
 .m-form-panel .el-card__header:hover {

package/dist/themes/magic-admin.css

@@ -298,6 +298,7 @@ fieldset.m-fieldset .m-form-tip {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
+  margin-bottom: 16px;
 }
 
 .m-form-panel .el-card__header:hover {

package/dist/tmagic-form.umd.cjs

@@ -2893,7 +2893,7 @@
 	var _hoisted_3$7 = ["innerHTML"];
 	var _hoisted_4$6 = ["innerHTML"];
 	var _hoisted_5$4 = ["innerHTML"];
-	var _hoisted_6$2 = ["innerHTML"];
+	var _hoisted_6$3 = ["innerHTML"];
 	var _hoisted_7$2 = ["innerHTML"];
 	var _hoisted_8$2 = ["innerHTML"];
 	var _hoisted_9 = ["innerHTML"];
@@ -3026,7 +3026,8 @@
 				labelWidth: itemLabelWidth.value,
 				labelPosition: props.config.labelPosition,
 				rules: rule.value,
-				extra: filterFunction(mForm, props.config.extra, props)
+				extra: filterFunction(mForm, props.config.extra, props),
+				extraTips: props.config.extraTips
 			}));
 			const itemLabelWidth = (0, vue.computed)(() => props.config.labelWidth ?? props.labelWidth);
 			(0, vue.watchEffect)(() => {
@@ -3305,7 +3306,7 @@
 								key: 0,
 								placement: tooltip.value.placement
 							}, {
-								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_6$2)]),
+								content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { innerHTML: tooltip.value.text }, null, 8, _hoisted_6$3)]),
 								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
@@ -4424,7 +4425,7 @@
 	var _hoisted_3$6 = { key: 1 };
 	var _hoisted_4$5 = ["innerHTML"];
 	var _hoisted_5$3 = ["innerHTML"];
-	var _hoisted_6$1 = {
+	var _hoisted_6$2 = {
 		key: 2,
 		style: { "display": "flex" }
 	};
@@ -4512,7 +4513,7 @@
 					key: 0,
 					innerHTML: __props.config.extra,
 					class: "m-form-tip"
-				}, 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) => {
+				}, 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$2, [(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,
@@ -5117,7 +5118,10 @@
 				[mForm?.keyProp || "__key"]: `${props.config[mForm?.keyProp || "__key"]}${String(props.index)}`
 			}));
 			const title = (0, vue.computed)(() => {
-				if (props.config.titleKey && props.model[props.config.titleKey]) return props.model[props.config.titleKey];
+				if (props.config.titleKey && props.model[props.config.titleKey]) {
+					const { titlePrefix } = props.config;
+					return titlePrefix ? `${titlePrefix} ${String(props.index + 1)}: ${props.model[props.config.titleKey]}` : `${props.model[props.config.titleKey]}`;
+				}
 				if (props.config.title) return filterFunction(mForm, props.config.title, props);
 				return `${props.config.titlePrefix || "组"} ${String(props.index + 1)}`;
 			});
@@ -5173,17 +5177,20 @@
 							_: 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,
-							size: "default",
-							link: "",
-							class: "delete-button",
-							icon: (0, vue.unref)(_element_plus_icons_vue.Delete),
-							disabled: __props.disabled,
-							onClick: removeHandler
-						}, null, 8, ["icon", "disabled"])), [[vue.vShow, showDelete.value]]) : (0, vue.createCommentVNode)("v-if", true),
+						(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicTooltip), { content: `删除 ${title.value}` }, {
+							default: (0, vue.withCtx)(() => [!__props.isCompare ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
+								key: 0,
+								size: "default",
+								link: "",
+								class: "delete-button",
+								icon: (0, vue.unref)(_element_plus_icons_vue.Delete),
+								disabled: __props.disabled,
+								onClick: removeHandler
+							}, null, 8, ["icon", "disabled"])), [[vue.vShow, showDelete.value]]) : (0, vue.createCommentVNode)("v-if", true)]),
+							_: 1
+						}, 8, ["content"]),
 						copyable.value && !__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
-							key: 1,
+							key: 0,
 							link: "",
 							size: "default",
 							type: "primary",
@@ -5194,7 +5201,7 @@
 							default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)("复制", -1)])]),
 							_: 1
 						}, 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), {
+						movable.value && !__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							link: "",
 							size: "default",
 							disabled: __props.disabled,
@@ -5214,7 +5221,7 @@
 							_: 1
 						}, 8, ["disabled", "icon"]), [[vue.vShow, __props.index !== length.value - 1]])], 64)) : (0, vue.createCommentVNode)("v-if", true),
 						__props.config.moveSpecifyLocation && !__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicPopover), {
-							key: 3,
+							key: 2,
 							trigger: "click",
 							placement: "top",
 							width: "200",
@@ -5260,7 +5267,7 @@
 							_: 1
 						}, 8, ["visible"])) : (0, vue.createCommentVNode)("v-if", true),
 						itemExtra.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-							key: 4,
+							key: 3,
 							innerHTML: itemExtra.value,
 							class: "m-form-tip"
 						}, null, 8, _hoisted_4$3)) : (0, vue.createCommentVNode)("v-if", true)
@@ -5300,11 +5307,12 @@
 		key: 1,
 		class: "el-table__empty-block"
 	};
-	var _hoisted_4$2 = {
+	var _hoisted_4$2 = { class: "el-table__empty-text t-table__empty" };
+	var _hoisted_5$1 = {
 		key: 3,
 		class: "m-fields-group-list-footer"
 	};
-	var _hoisted_5$1 = { style: {
+	var _hoisted_6$1 = { style: {
 		"display": "flex",
 		"justify-content": "flex-end",
 		"flex": "1"
@@ -5357,7 +5365,7 @@
 						innerHTML: __props.config.extra,
 						style: { "color": "rgba(0, 0, 0, 0.45)" }
 					}, 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) => {
+					!__props.model[__props.name] || !__props.model[__props.name].length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$3, [(0, vue.createElementVNode)("span", _hoisted_4$2, "暂无" + (0, vue.toDisplayString)(__props.config.titlePrefix || "") + "数据", 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,
@@ -5388,7 +5396,7 @@
 							"group-model"
 						]);
 					}), 128)),
-					!__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)
+					!__props.isCompare ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$1, [(0, vue.renderSlot)(_ctx.$slots, "toggle-button"), (0, vue.createElementVNode)("div", _hoisted_6$1, [(0, vue.renderSlot)(_ctx.$slots, "add-button")])])) : (0, vue.createCommentVNode)("v-if", true)
 				]);
 			};
 		}
@@ -5794,6 +5802,7 @@
 			const defaultFixed = isMagicAdmin.value ? "right" : "left";
 			let actionFixed = props.config.fixed === false ? void 0 : defaultFixed;
 			if (typeof props.config.fixed === "string" && ["left", "right"].includes(props.config.fixed)) actionFixed = props.config.fixed;
+			const actionFlat = props.config.flat === void 0 && isMagicAdmin.value ? true : props.config.flat;
 			const actionColumn = {
 				props: {
 					label: "操作",
@@ -5803,7 +5812,7 @@
 				},
 				cell: ({ row, $index }) => (0, vue.h)(ActionsColumn_default, {
 					row,
-					flat: props.config.flat,
+					flat: actionFlat,
 					index: $index,
 					model: props.model,
 					config: props.config,
@@ -5977,14 +5986,16 @@
 							"default-expand-all": true,
 							key: updateKey.value,
 							onSelect: (0, vue.unref)(selectHandle),
-							onSortChange: sortChangeHandler
+							onSortChange: sortChangeHandler,
+							"empty-text": `暂无${__props.config.titlePrefix || ""}数据`
 						}, null, 8, [
 							"row-key",
 							"columns",
 							"data",
 							"border",
 							"max-height",
-							"onSelect"
+							"onSelect",
+							"empty-text"
 						])) : (0, vue.createCommentVNode)("v-if", true)]),
 						_: 1
 					}, 8, ["disabled"]),
@@ -6552,6 +6563,7 @@
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
+			const isMagicAdmin = (0, _tmagic_design.isMagicAdminTheme)();
 			const value = (0, vue.ref)();
 			(0, vue.watch)(() => props.model[props.name], (v) => {
 				value.value = v;
@@ -6571,7 +6583,7 @@
 					modelValue: value.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
 					clearable: "",
-					"controls-position": "right",
+					"controls-position": (0, vue.unref)(isMagicAdmin) ? "" : "right",
 					size: __props.size,
 					max: __props.config.max,
 					min: __props.config.min,
@@ -6582,6 +6594,7 @@
 					onInput: inputHandler
 				}, null, 8, [
 					"modelValue",
+					"controls-position",
 					"size",
 					"max",
 					"min",

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0-manmanyu.10",
+  "version": "1.8.0-manmanyu.11",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -52,9 +52,9 @@
   "peerDependencies": {
     "vue": "^3.5.38",
     "typescript": "^6.0.3",
-    "@tmagic/design": "1.8.0-manmanyu.10",
-    "@tmagic/utils": "1.8.0-manmanyu.10",
-    "@tmagic/form-schema": "1.8.0-manmanyu.10"
+    "@tmagic/design": "1.8.0-manmanyu.11",
+    "@tmagic/utils": "1.8.0-manmanyu.11",
+    "@tmagic/form-schema": "1.8.0-manmanyu.11"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/containers/Container.vue

@@ -445,8 +445,10 @@ const formItemProps = computed(() => ({
   prop: itemProp.value,
   labelWidth: itemLabelWidth.value,
   labelPosition: props.config.labelPosition,
+
   rules: rule.value,
   extra: filterFunction(mForm, props.config.extra, props),
+  extraTips: props.config.extraTips,
 }));
 
 const itemLabelWidth = computed(() => props.config.labelWidth ?? props.labelWidth);

package/src/containers/GroupList.vue

@@ -2,7 +2,7 @@
   <div class="m-fields-group-list">
     <div v-if="config.extra" v-html="config.extra" style="color: rgba(0, 0, 0, 0.45)"></div>
     <div v-if="!model[name] || !model[name].length" class="el-table__empty-block">
-      <span class="el-table__empty-text t-table__empty">暂无数据</span>
+      <span class="el-table__empty-text t-table__empty">暂无{{ config.titlePrefix || '' }}数据</span>
     </div>
 
     <MFieldsGroupListItem

package/src/containers/GroupListItem.vue

@@ -7,17 +7,18 @@
         </TMagicButton>
 
         <span v-html="title"></span>
-
-        <TMagicButton
-          v-if="!isCompare"
-          v-show="showDelete"
-          size="default"
-          link
-          class="delete-button"
-          :icon="Delete"
-          :disabled="disabled"
-          @click="removeHandler"
-        ></TMagicButton>
+        <TMagicTooltip :content="`删除 ${title}`">
+          <TMagicButton
+            v-if="!isCompare"
+            v-show="showDelete"
+            size="default"
+            link
+            class="delete-button"
+            :icon="Delete"
+            :disabled="disabled"
+            @click="removeHandler"
+          ></TMagicButton>
+        </TMagicTooltip>
 
         <TMagicButton
           v-if="copyable && !isCompare"
@@ -111,7 +112,7 @@
 import { computed, inject, ref } from 'vue';
 import { ArrowDown, ArrowRight, Bottom, Delete, DocumentCopy, Position, Top } from '@element-plus/icons-vue';
 
-import { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover } from '@tmagic/design';
+import { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover, TMagicTooltip } from '@tmagic/design';
 
 import type { ContainerChangeEventData, FormState, GroupListConfig } from '../schema';
 import { filterFunction } from '../utils/form';
@@ -154,7 +155,10 @@ const rowConfig = computed(() => ({
 
 const title = computed(() => {
   if (props.config.titleKey && props.model[props.config.titleKey]) {
-    return props.model[props.config.titleKey];
+    const { titlePrefix } = props.config;
+    return titlePrefix
+      ? `${titlePrefix} ${String(props.index + 1)}: ${props.model[props.config.titleKey]}`
+      : `${props.model[props.config.titleKey]}`;
   }
 
   if (props.config.title) {

package/src/containers/table/Table.vue

@@ -27,6 +27,7 @@
             :key="updateKey"
             @select="selectHandle"
             @sort-change="sortChangeHandler"
+            :empty-text="`暂无${config.titlePrefix || ''}数据`"
           ></TMagicTable>
         </TMagicTooltip>
 

package/src/containers/table/useTableColumns.ts

@@ -115,13 +115,13 @@ export const useTableColumns = (
       });
     }
     const defaultFixed: 'left' | 'right' = isMagicAdmin.value ? 'right' : 'left';
-
     let actionFixed: 'left' | 'right' | undefined = props.config.fixed === false ? undefined : defaultFixed;
-
     if (typeof props.config.fixed === 'string' && ['left', 'right'].includes(props.config.fixed)) {
       actionFixed = props.config.fixed;
     }
 
+    const actionFlat = props.config.flat === undefined && isMagicAdmin.value ? true : props.config.flat;
+
     const actionColumn = {
       props: {
         label: '操作',
@@ -133,7 +133,7 @@ export const useTableColumns = (
       cell: ({ row, $index }: any) =>
         h(ActionsColumn, {
           row,
-          flat: props.config.flat,
+          flat: actionFlat,
           index: $index,
           model: props.model,
           config: props.config,

package/src/fields/Number.vue

@@ -3,7 +3,7 @@
     v-if="model"
     v-model="value"
     clearable
-    controls-position="right"
+    :controls-position="isMagicAdmin ? '' : 'right'"
     :size="size"
     :max="config.max"
     :min="config.min"
@@ -18,7 +18,7 @@
 <script lang="ts" setup>
 import { inject, ref, watch } from 'vue';
 
-import { TMagicInputNumber } from '@tmagic/design';
+import { isMagicAdminTheme, TMagicInputNumber } from '@tmagic/design';
 
 import type { FieldProps, FormState, NumberConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
@@ -34,6 +34,9 @@ const emit = defineEmits<{
   input: [values: number];
 }>();
 
+// magic-admin 主题下输入框走"无右侧上下箭头"的极简样式（控件位置置空回到 ElInputNumber 默认两侧布局）
+const isMagicAdmin = isMagicAdminTheme();
+
 const value = ref<number>();
 
 watch(

package/src/theme/group-list.scss

@@ -35,5 +35,6 @@
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
+    margin-bottom: 16px;
   }
 }