@tmagic/editor 1.8.0-beta.8 → 1.8.0-manmanyu.9

package/dist/es/fields/StyleSetter/icons/background-repeat/RepeatY.js

@@ -4,13 +4,39 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-		d: "M170.666667 227.555556v227.555555h682.666666V227.555556H170.666667z m625.777777 56.888888v113.777778H227.555556V284.444444h568.888888zM170.666667 568.888889v227.555555h682.666666v-227.555555H170.666667z m625.777777 56.888889v113.777778H227.555556v-113.777778h568.888888zM56.888889 56.888889h910.222222v56.888889H56.888889zM56.888889 910.222222h910.222222v56.888889H56.888889z",
-		fill: "#333333"
-	}, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("rect", {
+			x: "13",
+			y: "3",
+			width: "2",
+			height: "10",
+			rx: "1",
+			transform: "rotate(90 13 3)"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "13",
+			y: "7",
+			width: "2",
+			height: "10",
+			rx: "1",
+			transform: "rotate(90 13 7)"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "13",
+			y: "11",
+			width: "2",
+			height: "10",
+			rx: "1",
+			transform: "rotate(90 13 11)",
+			"fill-opacity": "0.3"
+		}, null, -1)
+	])]);
 }
 var RepeatY_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/flex-direction/Column.js

@@ -4,10 +4,18 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 3C12.5523 3 13 3.44772 13 4V10C13 10.5523 12.5523 11 12 11H4C3.44772 11 3 10.5523 3 10V4C3 3.44772 3.44772 3 4 3H12ZM4.5 4C4.22386 4 4 4.22386 4 4.5V9.5C4 9.77614 4.22386 10 4.5 10H11.5C11.7761 10 12 9.77614 12 9.5V4.5C12 4.22386 11.7761 4 11.5 4H4.5Z" }, null, -1), createElementVNode("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M11 12L8 15L5 12L11 12Z",
+		"fill-opacity": "0.3"
+	}, null, -1)])]);
 }
 var Column_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/flex-direction/ColumnReverse.js

@@ -4,10 +4,18 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 5C12.5523 5 13 5.44772 13 6V12C13 12.5523 12.5523 13 12 13H4C3.44772 13 3 12.5523 3 12V6C3 5.44772 3.44772 5 4 5H12ZM4.5 6C4.22386 6 4 6.22386 4 6.5V11.5C4 11.7761 4.22386 12 4.5 12H11.5C11.7761 12 12 11.7761 12 11.5V6.5C12 6.22386 11.7761 6 11.5 6H4.5Z" }, null, -1), createElementVNode("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M5 4L8 1L11 4L5 4Z",
+		"fill-opacity": "0.3"
+	}, null, -1)])]);
 }
 var ColumnReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/flex-direction/Row.js

@@ -4,10 +4,18 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M10 4C10.5523 4 11 4.44772 11 5V11C11 11.5523 10.5523 12 10 12H2C1.44772 12 1 11.5523 1 11V5C1 4.44772 1.44772 4 2 4H10ZM2.5 5C2.22386 5 2 5.22386 2 5.5V10.5C2 10.7761 2.22386 11 2.5 11H9.5C9.77614 11 10 10.7761 10 10.5V5.5C10 5.22386 9.77614 5 9.5 5H2.5Z" }, null, -1), createElementVNode("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M12 5L15 8L12 11L12 5Z",
+		"fill-opacity": "0.3"
+	}, null, -1)])]);
 }
 var Row_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/flex-direction/RowReverse.js

@@ -4,10 +4,18 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M14 4C14.5523 4 15 4.44772 15 5V11C15 11.5523 14.5523 12 14 12H6C5.44772 12 5 11.5523 5 11V5C5 4.44772 5.44772 4 6 4H14ZM6.5 5C6.22386 5 6 5.22386 6 5.5V10.5C6 10.7761 6.22386 11 6.5 11H13.5C13.7761 11 14 10.7761 14 10.5V5.5C14 5.22386 13.7761 5 13.5 5H6.5Z" }, null, -1), createElementVNode("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M4 11L1 8L4 5L4 11Z",
+		"fill-opacity": "0.3"
+	}, null, -1)])]);
 }
 var RowReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/justify-content/Center.js

@@ -4,10 +4,24 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M13 4C13.5523 4 14 4.44772 14 5V11C14 11.5523 13.5523 12 13 12H3C2.44772 12 2 11.5523 2 11V5C2 4.44772 2.44772 4 3 4H13ZM3.59082 5C3.31472 5.00005 3.09082 5.22389 3.09082 5.5V10.5C3.09082 10.7761 3.31472 11 3.59082 11H12.4092C12.6853 11 12.9092 10.7761 12.9092 10.5V5.5C12.9092 5.22389 12.6853 5.00005 12.4092 5H3.59082Z" }, null, -1), createElementVNode("rect", {
+		x: "7.5",
+		y: "2",
+		width: "1",
+		height: "12",
+		rx: "0.5",
+		"fill-opacity": "0.3",
+		style: {
+			"fill": "black",
+			"fill-opacity": "0.3"
+		}
+	}, null, -1)])]);
 }
 var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/justify-content/FlexEnd.js

@@ -4,10 +4,26 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M11 4C11.5523 4 12 4.44772 12 5V11C12 11.5523 11.5523 12 11 12H2C1.44772 12 1 11.5523 1 11V5C1 4.44772 1.44772 4 2 4H11ZM2.5 5C2.22386 5 2 5.22386 2 5.5V10.5C2 10.7761 2.22386 11 2.5 11H10.5C10.7761 11 11 10.7761 11 10.5V5.5C11 5.22386 10.7761 5 10.5 5H2.5Z" }, null, -1), createElementVNode("rect", {
+		x: "14.25",
+		y: "2.25",
+		width: "0.5",
+		height: "11.5",
+		rx: "0.25",
+		stroke: "black",
+		"stroke-opacity": "0.3",
+		style: {
+			"stroke": "black",
+			"stroke-opacity": "0.3"
+		},
+		"stroke-width": "0.5"
+	}, null, -1)])]);
 }
 var FlexEnd_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/justify-content/FlexStart.js

@@ -4,10 +4,26 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M14 4C14.5523 4 15 4.44772 15 5V11C15 11.5523 14.5523 12 14 12H5C4.44772 12 4 11.5523 4 11V5C4 4.44772 4.44772 4 5 4H14ZM5.5 5C5.22386 5 5 5.22386 5 5.5V10.5C5 10.7761 5.22386 11 5.5 11H13.5C13.7761 11 14 10.7761 14 10.5V5.5C14 5.22386 13.7761 5 13.5 5H5.5Z" }, null, -1), createElementVNode("rect", {
+		x: "1.25",
+		y: "2.25",
+		width: "0.5",
+		height: "11.5",
+		rx: "0.25",
+		stroke: "white",
+		"stroke-opacity": "0.3",
+		style: {
+			"stroke": "white",
+			"stroke-opacity": "0.3"
+		},
+		"stroke-width": "0.5"
+	}, null, -1)])]);
 }
 var FlexStart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceAround.js

@@ -4,10 +4,44 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("path", { d: "M6 4C6.55228 4 7 4.44772 7 5V11C7 11.5523 6.55228 12 6 12H3C2.44772 12 2 11.5523 2 11V5C2 4.44772 2.44772 4 3 4H6ZM3.5 5C3.22386 5 3 5.22386 3 5.5V10.5C3 10.7761 3.22386 11 3.5 11H5.5C5.77614 11 6 10.7761 6 10.5V5.5C6 5.22386 5.77614 5 5.5 5H3.5Z" }, null, -1),
+		createElementVNode("path", { d: "M13 4C13.5523 4 14 4.44772 14 5V11C14 11.5523 13.5523 12 13 12H10C9.44772 12 9 11.5523 9 11V5C9 4.44772 9.44772 4 10 4H13ZM10.5 5C10.2239 5 10 5.22386 10 5.5V10.5C10 10.7761 10.2239 11 10.5 11H12.5C12.7761 11 13 10.7761 13 10.5V5.5C13 5.22386 12.7761 5 12.5 5H10.5Z" }, null, -1),
+		createElementVNode("rect", {
+			x: "11.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "4.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1)
+	])]);
 }
 var SpaceAround_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceBetween.js

@@ -4,10 +4,40 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("path", { d: "M6 4C6.55228 4 7 4.44772 7 5V11C7 11.5523 6.55228 12 6 12H4C3.44772 12 3 11.5523 3 11V5C3 4.44772 3.44772 4 4 4H6ZM4.5 5C4.22386 5 4 5.22386 4 5.5V10.5C4 10.7761 4.22386 11 4.5 11H5.5C5.77614 11 6 10.7761 6 10.5V5.5C6 5.22386 5.77614 5 5.5 5H4.5Z" }, null, -1),
+		createElementVNode("path", { d: "M12 4C12.5523 4 13 4.44772 13 5V11C13 11.5523 12.5523 12 12 12H10C9.44772 12 9 11.5523 9 11V5C9 4.44772 9.44772 4 10 4H12ZM10.5 5C10.2239 5 10 5.22386 10 5.5V10.5C10 10.7761 10.2239 11 10.5 11H11.5C11.7761 11 12 10.7761 12 10.5V5.5C12 5.22386 11.7761 5 11.5 5H10.5Z" }, null, -1),
+		createElementVNode("rect", {
+			x: "14.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			"stroke-width": "0.5"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "1.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1)
+	])]);
 }
 var SpaceBetween_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,8 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		theme: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
@@ -37,7 +38,7 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				name: "backgroundSize",
 				text: "背景尺寸",
 				type: "radioGroup",
-				childType: "button",
+				childType: "default",
 				labelWidth: "68px",
 				options: [
 					{
@@ -67,22 +68,26 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					{
 						value: "repeat",
 						icon: markRaw(Repeat_default),
-						tooltip: "垂直和水平方向重复 repeat"
+						tooltip: "垂直和水平方向重复 repeat",
+						text: "垂直与水平重复"
 					},
 					{
 						value: "repeat-x",
 						icon: markRaw(RepeatX_default),
-						tooltip: "水平方向重复 repeat-x"
+						tooltip: "水平方向重复 repeat-x",
+						text: "水平方向重复"
 					},
 					{
 						value: "repeat-y",
 						icon: markRaw(RepeatY_default),
-						tooltip: "垂直方向重复 repeat-y"
+						tooltip: "垂直方向重复 repeat-y",
+						text: "垂直方向重复"
 					},
 					{
 						value: "no-repeat",
 						icon: markRaw(NoRepeat_default),
-						tooltip: "不重复 no-repeat"
+						tooltip: "不重复 no-repeat",
+						text: "不重复"
 					}
 				]
 			},

package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js

@@ -63,17 +63,20 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					{
 						value: "left",
 						icon: markRaw(Left_default),
-						tooltip: "左对齐 row"
+						tooltip: "左对齐 row",
+						text: "左对齐"
 					},
 					{
 						value: "center",
 						icon: markRaw(Center_default),
-						tooltip: "居中对齐 center"
+						tooltip: "居中对齐 center",
+						text: "居中对齐"
 					},
 					{
 						value: "right",
 						icon: markRaw(Right_default),
-						tooltip: "右对齐 right"
+						tooltip: "右对齐 right",
+						text: "右对齐"
 					}
 				]
 			}

package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,9 @@
 import Box_default from "../components/Box.js";
+import Center_default from "../icons/align-items/Center.js";
+import FlexEnd_default from "../icons/align-items/FlexEnd.js";
+import FlexStart_default from "../icons/align-items/FlexStart.js";
+import SpaceAround_default from "../icons/align-items/SpaceAround.js";
+import SpaceBetween_default from "../icons/align-items/SpaceBetween.js";
 import Block_default from "../icons/display/Block.js";
 import Flex_default from "../icons/display/Flex.js";
 import Inline_default from "../icons/display/Inline.js";
@@ -8,12 +13,13 @@ import Column_default from "../icons/flex-direction/Column.js";
 import ColumnReverse_default from "../icons/flex-direction/ColumnReverse.js";
 import Row_default from "../icons/flex-direction/Row.js";
 import RowReverse_default from "../icons/flex-direction/RowReverse.js";
-import Center_default from "../icons/justify-content/Center.js";
-import FlexEnd_default from "../icons/justify-content/FlexEnd.js";
-import FlexStart_default from "../icons/justify-content/FlexStart.js";
-import SpaceAround_default from "../icons/justify-content/SpaceAround.js";
-import SpaceBetween_default from "../icons/justify-content/SpaceBetween.js";
+import Center_default$1 from "../icons/justify-content/Center.js";
+import FlexEnd_default$1 from "../icons/justify-content/FlexEnd.js";
+import FlexStart_default$1 from "../icons/justify-content/FlexStart.js";
+import SpaceAround_default$1 from "../icons/justify-content/SpaceAround.js";
+import SpaceBetween_default$1 from "../icons/justify-content/SpaceBetween.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
+import { useTheme } from "@tmagic/design";
 import { Fragment, createElementBlock, createVNode, defineComponent, markRaw, openBlock, unref, vShow, withDirectives } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Layout.vue?vue&type=script&setup=true&lang.ts
 var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -23,43 +29,51 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		theme: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
+		const displayTheme = useTheme(props);
 		const config = defineFormItem({ items: [
 			{
 				name: "display",
 				text: "模式",
 				type: "radioGroup",
-				childType: "button",
+				childType: displayTheme.value !== "magic-admin" ? "button" : "default",
 				labelWidth: "68px",
 				options: [
 					{
 						value: "inline",
-						icon: markRaw(Inline_default),
-						tooltip: "内联布局 inline"
+						icon: displayTheme.value !== "magic-admin" ? markRaw(Inline_default) : void 0,
+						tooltip: "内联布局 inline",
+						text: "内联布局\n inline"
 					},
 					{
 						value: "flex",
-						icon: markRaw(Flex_default),
-						tooltip: "弹性布局 flex"
+						icon: displayTheme.value !== "magic-admin" ? markRaw(Flex_default) : void 0,
+						tooltip: "弹性布局 flex",
+						text: "弹性布局\n flex"
 					},
 					{
 						value: "block",
-						icon: markRaw(Block_default),
-						tooltip: "块级布局 block"
+						icon: displayTheme.value !== "magic-admin" ? markRaw(Block_default) : void 0,
+						tooltip: "块级布局 block",
+						text: "块级布局\n block"
 					},
 					{
 						value: "inline-block",
-						icon: markRaw(InlineBlock_default),
-						tooltip: "内联块布局 inline-block"
+						icon: displayTheme.value !== "magic-admin" ? markRaw(InlineBlock_default) : void 0,
+						tooltip: "内联块布局 inline-block",
+						text: "内联块布局\n inline-block"
 					},
 					{
 						value: "none",
-						icon: markRaw(None_default),
-						tooltip: "隐藏 none"
+						icon: displayTheme.value !== "magic-admin" ? markRaw(None_default) : void 0,
+						tooltip: "隐藏 none",
+						text: "隐藏\n none"
 					}
 				]
 			},
@@ -73,22 +87,26 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					{
 						value: "row",
 						icon: markRaw(Row_default),
-						tooltip: "水平方向 起点在左侧 row"
+						tooltip: "水平方向 起点在左侧 row",
+						text: "左起点"
 					},
 					{
 						value: "row-reverse",
 						icon: markRaw(RowReverse_default),
-						tooltip: "水平方向 起点在右侧 row-reverse"
+						tooltip: "水平方向 起点在右侧 row-reverse",
+						text: "右起点"
 					},
 					{
 						value: "column",
 						icon: markRaw(Column_default),
-						tooltip: "垂直方向 起点在上沿 column"
+						tooltip: "垂直方向 起点在上沿 column",
+						text: "顶部起点"
 					},
 					{
 						value: "column-reverse",
 						icon: markRaw(ColumnReverse_default),
-						tooltip: "垂直方向 起点在下沿 column-reverse"
+						tooltip: "垂直方向 起点在下沿 column-reverse",
+						text: "底部起点"
 					}
 				],
 				display: (_mForm, { model }) => model.display === "flex"
@@ -102,28 +120,33 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				options: [
 					{
 						value: "flex-start",
-						icon: markRaw(FlexStart_default),
-						tooltip: "左对齐 flex-start"
+						icon: markRaw(FlexStart_default$1),
+						tooltip: "左对齐 flex-start",
+						text: "左对齐"
 					},
 					{
 						value: "flex-end",
-						icon: markRaw(FlexEnd_default),
-						tooltip: "右对齐 flex-end"
+						icon: markRaw(FlexEnd_default$1),
+						tooltip: "右对齐 flex-end",
+						text: "右对齐"
 					},
 					{
 						value: "center",
-						icon: markRaw(Center_default),
-						tooltip: "居中 center"
+						icon: markRaw(Center_default$1),
+						tooltip: "居中 center",
+						text: "居中"
 					},
 					{
 						value: "space-between",
-						icon: markRaw(SpaceBetween_default),
-						tooltip: "两端对齐 space-between"
+						icon: markRaw(SpaceBetween_default$1),
+						tooltip: "两端对齐 space-between",
+						text: "左右对齐"
 					},
 					{
 						value: "space-around",
-						icon: markRaw(SpaceAround_default),
-						tooltip: "横向平分 space-around"
+						icon: markRaw(SpaceAround_default$1),
+						tooltip: "横向平分 space-around",
+						text: "横向等分"
 					}
 				],
 				display: (_mForm, { model }) => model.display === "flex"
@@ -138,27 +161,32 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					{
 						value: "flex-start",
 						icon: markRaw(FlexStart_default),
-						tooltip: "左对齐 flex-start"
+						tooltip: "左对齐 flex-start",
+						text: "上对齐"
 					},
 					{
 						value: "flex-end",
 						icon: markRaw(FlexEnd_default),
-						tooltip: "右对齐 flex-end"
+						tooltip: "右对齐 flex-end",
+						text: "下对齐"
 					},
 					{
 						value: "center",
 						icon: markRaw(Center_default),
-						tooltip: "居中 center"
+						tooltip: "居中 center",
+						text: "居中"
 					},
 					{
 						value: "space-between",
 						icon: markRaw(SpaceBetween_default),
-						tooltip: "两端对齐 space-between"
+						tooltip: "两端对齐 space-between",
+						text: "上下对齐"
 					},
 					{
 						value: "space-around",
 						icon: markRaw(SpaceAround_default),
-						tooltip: "横向平分 space-around"
+						tooltip: "横向平分 space-around",
+						text: "纵向等分"
 					}
 				],
 				display: (_mForm, { model }) => model.display === "flex"
@@ -167,7 +195,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				name: "flexWrap",
 				text: "换行",
 				type: "radioGroup",
-				childType: "button",
+				childType: displayTheme.value !== "magic-admin" ? "button" : "default",
 				labelWidth: "68px",
 				options: [
 					{
@@ -192,14 +220,18 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				type: "row",
 				items: [{
 					name: "width",
-					text: "宽度",
-					labelWidth: "68px",
+					text: "宽度（px）",
+					labelWidth: "90px",
 					type: "data-source-field-select",
 					fieldConfig: { type: "text" }
-				}, {
+				}]
+			},
+			{
+				type: "row",
+				items: [{
 					name: "height",
-					text: "高度",
-					labelWidth: "68px",
+					text: "高度（px）",
+					labelWidth: "90px",
 					type: "data-source-field-select",
 					fieldConfig: { type: "text" }
 				}]
@@ -210,7 +242,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					type: "data-source-field-select",
 					text: "overflow",
 					name: "overflow",
-					labelWidth: "68px",
+					labelWidth: "90px",
 					checkStrictly: false,
 					dataSourceFieldType: ["string"],
 					fieldConfig: {
@@ -248,11 +280,15 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							}
 						]
 					}
-				}, {
+				}]
+			},
+			{
+				type: "row",
+				items: [{
 					type: "data-source-field-select",
-					text: "透明度",
+					text: "透明度（%）",
 					name: "opacity",
-					labelWidth: "68px",
+					labelWidth: "90px",
 					dataSourceFieldType: ["string", "number"],
 					fieldConfig: { type: "text" }
 				}]