@tmagic/form 1.8.0-beta.2 → 1.8.0-beta.21

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: {
@@ -99,20 +99,22 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						"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"]),
 				renderSlot(_ctx.$slots, "default"),
 				createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
-					!unref(isFullscreen) ? renderSlot(_ctx.$slots, "toggle-button", { key: 0 }) : createCommentVNode("v-if", true),
+					!unref(isFullscreen) ? renderSlot(_ctx.$slots, "toggle-button", {}, void 0, void 0, 0) : createCommentVNode("v-if", true),
 					__props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
 						key: 1,
 						icon: unref(FullScreen),
@@ -153,7 +155,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("清空", -1)])]),
 						_: 1
 					}, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
-				]), !__props.isCompare ? renderSlot(_ctx.$slots, "add-button", { key: 0 }) : createCommentVNode("v-if", true)]),
+				]), !__props.isCompare ? renderSlot(_ctx.$slots, "add-button", {}, void 0, void 0, 0) : createCommentVNode("v-if", true)]),
 				__props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(TMagicPagination), {
 					layout: "total, sizes, prev, pager, next, jumper",
 					"hide-on-single-page": __props.model[modelName.value].length < unref(pageSize),

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

@@ -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

@@ -1,10 +1,10 @@
+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
-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

@@ -1,9 +1,9 @@
-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
-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

@@ -1,9 +1,9 @@
-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
-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

@@ -1,9 +1,9 @@
-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
-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

@@ -1,9 +1,9 @@
-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
-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

@@ -1,9 +1,9 @@
-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 };
-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,17 @@
 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({
+var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormLink",
 	__name: "Link",
 	props: {
@@ -21,7 +24,11 @@ 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 }) {
@@ -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(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,8 +1,9 @@
 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
-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 +16,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 }) {
@@ -40,7 +44,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				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__ */ defineC
 				onInput: inputHandler
 			}, null, 8, [
 				"modelValue",
+				"controls-position",
 				"size",
 				"max",
 				"min",

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 }) {
@@ -24,20 +31,23 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const itemComponent = computed(() => props.config.childType === "button" ? TMagicRadioButton : TMagicRadio);
 		const emit = __emit;
 		const clickHandler = (item) => {
+			if (props.disabled) return;
 			emit("change", props.model[props.name] === item ? "" : item);
 		};
 		useAddField(props.prop);
 		const iconSize = computed(() => {
-			if (props.size === "small") return "12";
+			if (props.config.iconSize) return props.config.iconSize;
+			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), {
 				key: 0,
 				"model-value": __props.model[__props.name],
 				size: __props.size,
-				disabled: __props.disabled
+				disabled: __props.disabled,
+				class: "icon-{{ iconSize }}"
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
 					return openBlock(), createBlock(resolveDynamicComponent(itemComponent.value), {
@@ -50,13 +60,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 }) {
@@ -227,7 +230,8 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				const v = props.model[props.name];
 				if (Array.isArray(v) ? !v.length : typeof v === "undefined") return;
 				if (typeof v === "undefined" || hasOption(v)) return;
-				setOptions(await getInitOption());
+				const data = await getInitOption();
+				setOptions(data);
 			};
 			watch(() => props.model?.[props.name], () => {
 				initOption();

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

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