@tmagic/form 1.8.0-beta.13 → 1.8.0-beta.15

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

@@ -1,15 +1,16 @@
 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 { 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 = ["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",
@@ -46,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)}`;
 		});
@@ -85,33 +89,39 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		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"]),
-					!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
-						key: 0,
-						type: "danger",
-						size: "small",
-						link: "",
-						icon: unref(Delete),
-						disabled: __props.disabled,
-						onClick: removeHandler
-					}, null, 8, ["icon", "disabled"])), [[vShow, showDelete.value]]) : createCommentVNode("v-if", true),
+					createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_2),
+					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: "small",
+						size: "default",
 						type: "primary",
 						icon: unref(DocumentCopy),
 						disabled: __props.disabled,
@@ -120,27 +130,27 @@ 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: "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)])]),
 						_: 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",
@@ -168,7 +178,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 								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)
@@ -186,10 +196,10 @@ 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_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 +224,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					"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__*/ defineComp
 		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__*/ defineComp
 			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__*/ defineComp
 					]);
 				}), 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__*/ de
 		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__*/ de
 					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/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

@@ -1,4 +1,5 @@
 import { display, getDataByPage, sortArray } from "../../utils/form.js";
+import { isGlobalFlat } from "../../utils/config.js";
 import Container_default from "../Container.js";
 import ActionsColumn_default from "./ActionsColumn.js";
 import SortColumn_default from "./SortColumn.js";
@@ -66,8 +67,10 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			type: "selection",
 			width: 45
 		} });
-		let actionFixed = props.config.fixed === false ? void 0 : "left";
+		const defaultFixed = isGlobalFlat.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 && isGlobalFlat.value ? true : props.config.flat;
 		const actionColumn = {
 			props: {
 				label: "操作",
@@ -77,6 +80,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			},
 			cell: ({ row, $index }) => h(ActionsColumn_default, {
 				row,
+				flat: actionFlat,
 				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__*/ d
 					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 || ""}` : `新增${groupListConfig.value.titlePrefix || ""}`)), 1)]),
 					_: 1
 				}, 16, [
 					"class",

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

@@ -1,6 +1,6 @@
+import { filterFunction } from "../utils/form.js";
 import { useAddField } from "../utils/useAddField.js";
 import { getConfig } from "../utils/config.js";
-import { filterFunction } from "../utils/form.js";
 import { computed, createBlock, defineComponent, inject, openBlock, ref, unref, watchEffect } from "vue";
 import { TMagicCascader } from "@tmagic/design";
 //#region packages/form/src/fields/Cascader.vue?vue&type=script&setup=true&lang.ts
@@ -17,7 +17,10 @@ var Cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		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__*/ defineC
 		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

@@ -1,5 +1,5 @@
-import { useAddField } from "../utils/useAddField.js";
 import { filterFunction } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, inject, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { TMagicCheckbox, TMagicCheckboxGroup } from "@tmagic/design";
 //#region packages/form/src/fields/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
@@ -16,7 +16,10 @@ var CheckboxGroup_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/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,10 @@ var ColorPicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		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

@@ -1,5 +1,5 @@
-import { useAddField } from "../utils/useAddField.js";
 import { datetimeFormatter } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/Date.vue?vue&type=script&setup=true&lang.ts
@@ -16,7 +16,10 @@ var Date_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -1,5 +1,5 @@
-import { useAddField } from "../utils/useAddField.js";
 import { datetimeFormatter } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/DateTime.vue?vue&type=script&setup=true&lang.ts
@@ -16,7 +16,10 @@ var DateTime_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -1,5 +1,5 @@
-import { useAddField } from "../utils/useAddField.js";
 import { datetimeFormatter } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, onUnmounted, openBlock, ref, unref, watch } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/Daterange.vue?vue&type=script&setup=true&lang.ts
@@ -16,7 +16,10 @@ var Daterange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -1,5 +1,5 @@
-import { useAddField } from "../utils/useAddField.js";
 import { filterFunction } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, inject, openBlock, toDisplayString } from "vue";
 //#region packages/form/src/fields/Display.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
@@ -16,7 +16,10 @@ var Display_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	setup(__props) {
 		const props = __props;

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

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

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

@@ -1,11 +1,14 @@
 import { useAddField } from "../utils/useAddField.js";
+import { isGlobalFlat } from "../utils/config.js";
 import FormDialog_default from "../FormDialog.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeStyle, openBlock, readonly, ref, toDisplayString, unref, withCtx } from "vue";
-import { TMagicButton } from "@tmagic/design";
+import { TMagicButton, TMagicIcon } from "@tmagic/design";
+import { Notebook } from "@element-plus/icons-vue";
 //#region packages/form/src/fields/Link.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
-var _hoisted_2 = {
-	key: 2,
+var _hoisted_2 = ["href"];
+var _hoisted_3 = {
+	key: 3,
 	class: "m-fields-link"
 };
 var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -21,7 +24,11 @@ var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {},
+		theme: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
@@ -64,15 +71,30 @@ var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			editor.value && (editor.value.dialogVisible = false);
 		};
 		return (_ctx, _cache) => {
-			return __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
+			return unref(isGlobalFlat) && __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
 				key: 0,
 				target: "_blank",
 				href: href.value,
+				class: "magic-admin-link",
 				style: normalizeStyle(__props.config.css || {})
-			}, toDisplayString(displayText.value), 13, _hoisted_1)) : __props.config.href && __props.disabled ? (openBlock(), createElementBlock("span", {
+			}, [createVNode(unref(TMagicButton), {
+				link: "",
+				type: "primary"
+			}, {
+				default: withCtx(() => [createVNode(unref(TMagicIcon), null, {
+					default: withCtx(() => [createVNode(unref(Notebook))]),
+					_: 1
+				}), createTextVNode(toDisplayString(displayText.value), 1)]),
+				_: 1
+			})], 12, _hoisted_1)) : __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
 				key: 1,
+				target: "_blank",
+				href: href.value,
+				style: normalizeStyle(__props.config.css || {})
+			}, toDisplayString(displayText.value), 13, _hoisted_2)) : __props.config.href && __props.disabled ? (openBlock(), createElementBlock("span", {
+				key: 2,
 				style: normalizeStyle(__props.config.disabledCss || {})
-			}, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+			}, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(TMagicButton), {
 				link: "",
 				type: "primary",
 				onClick: editHandler

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

@@ -1,4 +1,5 @@
 import { useAddField } from "../utils/useAddField.js";
+import { isGlobalFlat } from "../utils/config.js";
 import { createBlock, createCommentVNode, defineComponent, inject, openBlock, ref, unref, watch } from "vue";
 import { TMagicInputNumber } from "@tmagic/design";
 //#region packages/form/src/fields/Number.vue?vue&type=script&setup=true&lang.ts
@@ -15,7 +16,10 @@ var Number_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", "input"],
 	setup(__props, { emit: __emit }) {
@@ -40,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(isGlobalFlat) ? "" : "right",
 				size: __props.size,
 				max: __props.config.max,
 				min: __props.config.min,
@@ -51,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/fields/NumberRange.vue_vue_type_script_setup_true_lang.js

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