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

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%",
@@ -16,7 +16,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = { style: { "flex": "1" } };
 var _hoisted_5 = ["src"];
-var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormPanel",
 	__name: "Panel",
 	props: {
@@ -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/Row.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import Col_default from "./Col.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, inject, openBlock, renderList, unref, withCtx } from "vue";
 import { TMagicRow } from "@tmagic/design";
 //#region packages/form/src/containers/Row.vue?vue&type=script&setup=true&lang.ts
-var Row_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormRow",
 	__name: "Row",
 	props: {

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

@@ -2,7 +2,7 @@ import Container_default from "./Container.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, openBlock, ref, renderList, unref, vShow, watchEffect, withCtx, withDirectives } from "vue";
 import { TMagicStep, TMagicSteps } from "@tmagic/design";
 //#region packages/form/src/containers/Step.vue?vue&type=script&setup=true&lang.ts
-var Step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormStep",
 	__name: "Step",
 	props: {

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

@@ -4,7 +4,7 @@ import { Fragment, computed, createBlock, createElementBlock, createElementVNode
 import { isEmpty } from "lodash-es";
 import { TMagicBadge, getDesignConfig } from "@tmagic/design";
 //#region packages/form/src/containers/Tabs.vue?vue&type=script&setup=true&lang.ts
-var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTabs",
 	__name: "Tabs",
 	props: {

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

@@ -1,9 +1,9 @@
-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";
 //#region packages/form/src/containers/table/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
-var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ActionsColumn",
 	props: {
 		config: {},
@@ -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/SortColumn.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createVN
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table/SortColumn.vue?vue&type=script&setup=true&lang.ts
-var SortColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SortColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SortColumn",
 	props: {
 		index: {},

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

@@ -21,7 +21,7 @@ var _hoisted_4 = {
 	class: "bottom",
 	style: { "text-align": "right" }
 };
-var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTable",
 	__name: "Table",
 	props: {

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

@@ -4,11 +4,12 @@ import ActionsColumn_default from "./ActionsColumn.js";
 import SortColumn_default from "./SortColumn.js";
 import { computed, h, inject } from "vue";
 import { cloneDeep } from "lodash-es";
-import { TMagicIcon, TMagicTooltip } from "@tmagic/design";
+import { TMagicIcon, TMagicTooltip, isMagicAdminTheme } from "@tmagic/design";
 import { WarningFilled } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table/useTableColumns.ts
 var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 	const mForm = inject("mForm");
+	const isMagicAdmin = isMagicAdminTheme();
 	const display$1 = (fuc) => display(mForm, fuc, props);
 	const lastData = computed(() => props.config.pagination ? getDataByPage(props.lastValues[modelName.value], currentPage.value, pageSize.value) : props.lastValues[modelName.value] || []);
 	const itemExtra = (fuc, index) => {
@@ -66,7 +67,8 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			type: "selection",
 			width: 45
 		} });
-		let actionFixed = props.config.fixed === false ? void 0 : "left";
+		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 actionColumn = {
 			props: {
@@ -77,6 +79,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

@@ -5,7 +5,7 @@ import { computed, createBlock, createCommentVNode, createSlots, createTextVNode
 import { TMagicButton } from "@tmagic/design";
 import { Grid, Plus } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table-group-list/TableGroupList.vue?vue&type=script&setup=true&lang.ts
-var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var TableGroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTableGroupList",
 	inheritAttrs: false,
 	__name: "TableGroupList",
@@ -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 || ""}` : `新增${groupListConfig.value.titlePrefix || ""}`)), 1)]),
 					_: 1
 				}, 16, [
 					"class",

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

@@ -4,7 +4,7 @@ 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
-var Cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCascader",
 	__name: "Cascader",
 	props: {
@@ -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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { computed, createBlock, createSlots, createTextVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { TMagicCheckbox } from "@tmagic/design";
 //#region packages/form/src/fields/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCheckbox",
 	__name: "Checkbox",
 	props: {
@@ -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

@@ -3,7 +3,7 @@ import { filterFunction } from "../utils/form.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
-var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCheckGroup",
 	__name: "CheckboxGroup",
 	props: {
@@ -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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicColorPicker } from "@tmagic/design";
 //#region packages/form/src/fields/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var ColorPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ColorPicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormColorPicker",
 	__name: "ColorPicker",
 	props: {
@@ -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

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.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
-var Date_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Date_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDate",
 	__name: "Date",
 	props: {
@@ -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 }) {

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

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.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
-var DateTime_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DateTime_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDateTime",
 	__name: "DateTime",
 	props: {
@@ -16,7 +16,10 @@ var DateTime_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/Daterange.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.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
-var Daterange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Daterange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDateRange",
 	__name: "Daterange",
 	props: {
@@ -16,7 +16,10 @@ var Daterange_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/Display.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { filterFunction } from "../utils/form.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 };
-var Display_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Display_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDisplay",
 	__name: "Display",
 	props: {
@@ -16,7 +16,10 @@ var Display_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		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

@@ -4,7 +4,7 @@ import { Fragment, createBlock, createElementBlock, createVNode, defineComponent
 import { TMagicForm, TMagicFormItem, TMagicInput } from "@tmagic/design";
 //#region packages/form/src/fields/DynamicField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-dynamic-field" };
-var DynamicField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DynamicField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDynamicField",
 	__name: "DynamicField",
 	props: {
@@ -17,7 +17,10 @@ var DynamicField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -1,7 +1,7 @@
 import { useAddField } from "../utils/useAddField.js";
 import { createCommentVNode, createElementBlock, defineComponent, openBlock, vModelText, withDirectives } from "vue";
 //#region packages/form/src/fields/Hidden.vue?vue&type=script&setup=true&lang.ts
-var Hidden_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Hidden_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormHidden",
 	__name: "Hidden",
 	props: {

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

@@ -1,14 +1,16 @@
 import { useAddField } from "../utils/useAddField.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, isMagicAdminTheme } 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({
+var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormLink",
 	__name: "Link",
 	props: {
@@ -21,12 +23,17 @@ var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		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 isMagicAdmin = isMagicAdminTheme(props);
 		useAddField(props.prop);
 		const formValue = ref({});
 		const editor = ref();
@@ -64,15 +71,30 @@ var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			editor.value && (editor.value.dialogVisible = false);
 		};
 		return (_ctx, _cache) => {
-			return __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
+			return unref(isMagicAdmin) && __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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.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
-var Number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumber",
 	__name: "Number",
 	props: {
@@ -15,7 +15,10 @@ var Number_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", "input"],
 	setup(__props, { emit: __emit }) {

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

@@ -3,7 +3,7 @@ import { createElementBlock, createElementVNode, createVNode, defineComponent, o
 import { TMagicInput } from "@tmagic/design";
 //#region packages/form/src/fields/NumberRange.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-number-range" };
-var NumberRange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NumberRange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumberRange",
 	__name: "NumberRange",
 	props: {
@@ -16,7 +16,10 @@ var NumberRange_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/RadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,13 @@
 import { useAddField } from "../utils/useAddField.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { TMagicIcon, TMagicRadio, TMagicRadioButton, TMagicRadioGroup, TMagicTooltip } from "@tmagic/design";
 //#region packages/form/src/fields/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { key: 1 };
-var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_1 = { class: "m-fields-radio-group__option" };
+var _hoisted_2 = {
+	key: 1,
+	class: "m-fields-radio-group__text"
+};
+var RadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormRadioGroup",
 	__name: "RadioGroup",
 	props: {
@@ -16,7 +20,10 @@ var RadioGroup_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 }) {
@@ -28,9 +35,9 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		};
 		useAddField(props.prop);
 		const iconSize = 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 ? (openBlock(), createBlock(unref(TMagicRadioGroup), {
@@ -50,13 +57,14 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							placement: "top-start",
 							content: option.tooltip
 						}, {
-							default: withCtx(() => [createElementVNode("div", null, [option.icon ? (openBlock(), createBlock(unref(TMagicIcon), {
+							default: withCtx(() => [createElementVNode("div", _hoisted_1, [option.icon ? (openBlock(), createBlock(unref(TMagicIcon), {
 								key: 0,
-								size: iconSize.value
+								size: iconSize.value,
+								class: normalizeClass({ "m-fields-radio-group__icon_with_text": !!option.text })
 							}, {
 								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(option.icon)))]),
 								_: 2
-							}, 1032, ["size"])) : createCommentVNode("v-if", true), option.text ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(option.text), 1)) : createCommentVNode("v-if", true)])]),
+							}, 1032, ["size", "class"])) : createCommentVNode("v-if", true), option.text ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(option.text), 1)) : createCommentVNode("v-if", true)])]),
 							_: 2
 						}, 1032, ["disabled", "content"])]),
 						_: 2

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

@@ -5,7 +5,7 @@ import { TMagicSelect, getDesignConfig } from "@tmagic/design";
 import { getValueByKeyPath } from "@tmagic/utils";
 //#region packages/form/src/fields/Select.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 2 };
-var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormSelect",
 	__name: "Select",
 	props: {
@@ -18,7 +18,10 @@ var Select_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, { expose: __expose, emit: __emit }) {