@tmagic/editor 1.8.0-beta.13 → 1.8.0-beta.14

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

@@ -3,15 +3,18 @@ import { getCompActionAllowedValues, getCompActionOptions, getEventNameAllowedVa
 import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
 import { TMagicButton } from "@tmagic/design";
 import { ActionType } from "@tmagic/core";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { has } from "lodash-es";
-import { Delete } from "@element-plus/icons-vue";
+import { Delete, Plus } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/EventSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-event-select" };
 var _hoisted_2 = {
 	key: 1,
-	class: "fullWidth"
+	class: "fullWidth event-select-container"
 };
+var _hoisted_3 = { class: "event-select-header" };
+var _hoisted_4 = { class: "event-item-header" };
+var _hoisted_5 = { class: "event-item-title" };
 var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsEventSelect",
 	__name: "EventSelect",
@@ -25,7 +28,10 @@ var EventSelect_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 }) {
@@ -35,12 +41,12 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const eventNameConfig = computed(() => {
 			return {
 				name: "name",
-				text: "事件",
+				text: "事件类型",
 				type: (mForm, { formValue }) => {
 					if (props.config.src !== "component" || formValue.type === "page-fragment-container" && formValue.pageFragmentId) return "cascader";
 					return "select";
 				},
-				labelWidth: "40px",
+				labelWidth: "70px",
 				checkStrictly: () => props.config.src !== "component",
 				valueSeparator: ".",
 				options: (_mForm, { formValue }) => getEventNameOptions(props.config.src, formValue),
@@ -79,6 +85,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				name: "actionType",
 				text: "联动类型",
 				type: "select",
+				labelPosition: "left",
 				defaultValue: ActionType.COMP,
 				options: actionTypeOptions.value,
 				rules: [{
@@ -96,6 +103,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				name: "to",
 				text: "联动组件",
 				type: "ui-select",
+				labelPosition: "left",
 				display: (_mForm, { model }) => model.actionType === ActionType.COMP,
 				onChange: (_MForm, _v, { setModel }) => {
 					setModel("method", "");
@@ -111,6 +119,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return {
 				name: "method",
 				text: "动作",
+				labelPosition: "left",
 				type: (mForm, { model }) => {
 					const to = editorService.getNodeById(model.to);
 					if (to && to.type === "page-fragment-container" && to.pageFragmentId) return "cascader";
@@ -186,12 +195,14 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		}));
 		const actionsConfig = computed(() => defineFormItem({
 			type: "panel",
+			labelPosition: "left",
 			items: [{
 				type: "group-list",
 				name: "actions",
 				expandAll: true,
 				enableToggleMode: false,
 				titlePrefix: "动作",
+				labelPosition: "left",
 				items: [
 					actionTypeConfig.value,
 					targetCompConfig.value,
@@ -273,73 +284,97 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"last-values",
 				"is-compare",
 				"config"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-				key: 0,
-				class: "create-button",
-				type: "primary",
-				size: __props.size,
-				disabled: __props.disabled,
-				onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
-			}, {
-				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("添加事件", -1)])]),
-				_: 1
-			}, 8, ["size", "disabled"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (entry) => {
-				return openBlock(), createBlock(unref(MPanel), {
-					key: entry.index,
-					disabled: __props.disabled,
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+				createElementVNode("div", _hoisted_3, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "event-select-title" }, "事件配置", -1)), !isCompareMode.value && displayList.value.length > 0 ? (openBlock(), createBlock(unref(TMagicButton), {
+					key: 0,
+					class: "create-button",
+					text: "",
+					type: "primary",
+					icon: unref(Plus),
 					size: __props.size,
-					prop: `${__props.prop}.${entry.index}`,
-					config: actionsConfig.value,
-					model: entry.cardItem,
-					"last-values": entry.lastCardItem,
-					"is-compare": isCompareMode.value,
-					"label-width": __props.config.labelWidth || "100px",
-					onChange: onChangeHandler
+					disabled: __props.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
 				}, {
-					header: withCtx(() => [createVNode(unref(MContainer), {
-						class: "fullWidth",
-						config: eventNameConfig.value,
-						model: entry.cardItem,
-						"last-values": entry.lastCardItem,
-						"is-compare": isCompareMode.value,
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("添加事件", -1)])]),
+					_: 1
+				}, 8, [
+					"icon",
+					"size",
+					"disabled"
+				])) : createCommentVNode("v-if", true)]),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (entry) => {
+					return openBlock(), createBlock(unref(MPanel), {
+						key: entry.index,
 						disabled: __props.disabled,
 						size: __props.size,
 						prop: `${__props.prop}.${entry.index}`,
-						onChange: eventNameChangeHandler
-					}, null, 8, [
+						config: actionsConfig.value,
+						model: entry.cardItem,
+						"last-values": entry.lastCardItem,
+						"is-compare": isCompareMode.value,
+						"hide-expand": true,
+						"label-width": __props.config.labelWidth || "100px",
+						onChange: onChangeHandler
+					}, {
+						header: withCtx(() => [createElementVNode("div", _hoisted_4, [
+							createElementVNode("div", _hoisted_5, "事件" + toDisplayString(Number(entry.index) + 1), 1),
+							createVNode(unref(MContainer), {
+								class: "fullWidth",
+								config: eventNameConfig.value,
+								model: entry.cardItem,
+								"last-values": entry.lastCardItem,
+								"is-compare": isCompareMode.value,
+								disabled: __props.disabled,
+								size: __props.size,
+								prop: `${__props.prop}.${entry.index}`,
+								onChange: eventNameChangeHandler
+							}, null, 8, [
+								"config",
+								"model",
+								"last-values",
+								"is-compare",
+								"disabled",
+								"size",
+								"prop"
+							]),
+							!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
+								key: 0,
+								class: "event-item-delete-button",
+								link: "",
+								icon: unref(Delete),
+								disabled: __props.disabled,
+								size: __props.size,
+								onClick: ($event) => removeEvent(Number(entry.index))
+							}, null, 8, [
+								"icon",
+								"disabled",
+								"size",
+								"onClick"
+							])) : createCommentVNode("v-if", true)
+						])]),
+						_: 2
+					}, 1032, [
+						"disabled",
+						"size",
+						"prop",
 						"config",
 						"model",
 						"last-values",
 						"is-compare",
-						"disabled",
-						"size",
-						"prop"
-					]), !isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-						key: 0,
-						style: { "color": "#f56c6c" },
-						link: "",
-						icon: unref(Delete),
-						disabled: __props.disabled,
-						size: __props.size,
-						onClick: ($event) => removeEvent(Number(entry.index))
-					}, null, 8, [
-						"icon",
-						"disabled",
-						"size",
-						"onClick"
-					])) : createCommentVNode("v-if", true)]),
-					_: 2
-				}, 1032, [
-					"disabled",
-					"size",
-					"prop",
-					"config",
-					"model",
-					"last-values",
-					"is-compare",
-					"label-width"
-				]);
-			}), 128))]))]);
+						"label-width"
+					]);
+				}), 128)),
+				!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
+					key: 0,
+					class: "create-button fullWidth",
+					icon: unref(Plus),
+					disabled: __props.disabled,
+					onClick: _cache[1] || (_cache[1] = ($event) => addEvent())
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("添加事件", -1)])]),
+					_: 1
+				}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true)
+			]))]);
 		};
 	}
 });

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

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

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

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

package/dist/es/fields/StyleSetter/Index.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,3 @@
-import Icon_default from "../../components/Icon.js";
 import Background_default from "./pro/Background.js";
 import Font_default from "./pro/Font.js";
 import Layout_default from "./pro/Layout.js";
@@ -7,7 +6,6 @@ import Border_default from "./pro/Border.js";
 import Transform_default from "./pro/Transform.js";
 import { TMagicCollapse, TMagicCollapseItem } from "@tmagic/design";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx } from "vue";
-import { Grid } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/StyleSetter/Index.vue?vue&type=script&setup=true&lang.ts
 var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsStyleSetter",
@@ -22,7 +20,10 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		disabled: { type: Boolean },
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
@@ -70,7 +71,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: index,
 						name: `${index}`
 					}, {
-						title: withCtx(() => [createVNode(Icon_default, { icon: unref(Grid) }, null, 8, ["icon"]), createTextVNode(toDisplayString(item.title), 1)]),
+						title: withCtx(() => [createTextVNode(toDisplayString(item.title), 1)]),
 						default: withCtx(() => [item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
 							key: 0,
 							values: __props.model[__props.name],

package/dist/es/fields/StyleSetter/components/BackgroundPosition.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,10 @@ var BackgroundPosition_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/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js

@@ -85,7 +85,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						onClick: _cache[1] || (_cache[1] = ($event) => selectDirection("Left"))
 					}, null, 2),
 					createElementVNode("div", {
-						class: normalizeClass(["border-icon", {
+						class: normalizeClass(["border-icon center", {
 							active: direction.value === "",
 							configured: isConfigured("")
 						}]),

package/dist/es/fields/StyleSetter/icons/align-items/Center.js

@@ -0,0 +1,31 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/align-items/Center.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	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: "M12 4C12.5523 4 13 4.44772 13 5V11C13 11.5523 12.5523 12 12 12H4C3.44772 12 3 11.5523 3 11V5C3 4.44772 3.44772 4 4 4H12ZM4.5 5C4.22386 5 4 5.22386 4 5.5V10.5C4 10.7761 4.22386 11 4.5 11H11.5C11.7761 11 12 10.7761 12 10.5V5.5C12 5.22386 11.7761 5 11.5 5H4.5Z" }, null, -1), createElementVNode("rect", {
+		x: "13.75",
+		y: "7.75",
+		width: "0.5",
+		height: "11.5",
+		rx: "0.25",
+		transform: "rotate(90 13.75 7.75)",
+		stroke: "black",
+		"stroke-opacity": "0.3",
+		style: {
+			"stroke": "black",
+			"stroke-opacity": "0.3"
+		},
+		"stroke-width": "0.5"
+	}, null, -1)])]);
+}
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/align-items/FlexEnd.js

@@ -0,0 +1,31 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/align-items/FlexEnd.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	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: "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("rect", {
+		x: "13.75",
+		y: "12.25",
+		width: "0.5",
+		height: "11.5",
+		rx: "0.25",
+		transform: "rotate(90 13.75 12.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
+export { FlexEnd_default as default };

package/dist/es/fields/StyleSetter/icons/align-items/FlexStart.js

@@ -0,0 +1,31 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/align-items/FlexStart.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	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: "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("rect", {
+		x: "13.75",
+		y: "3.25",
+		width: "0.5",
+		height: "11.5",
+		rx: "0.25",
+		transform: "rotate(90 13.75 3.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
+export { FlexStart_default as default };

package/dist/es/fields/StyleSetter/icons/align-items/SpaceAround.js

@@ -0,0 +1,50 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/align-items/SpaceAround.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	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: "M12 8C12.5523 8 13 8.44772 13 9V12C13 12.5523 12.5523 13 12 13H4C3.44772 13 3 12.5523 3 12V9C3 8.44772 3.44772 8 4 8H12ZM4.5 9C4.22386 9 4 9.22386 4 9.5V11.5C4 11.7761 4.22386 12 4.5 12H11.5C11.7761 12 12 11.7761 12 11.5V9.5C12 9.22386 11.7761 9 11.5 9H4.5Z" }, null, -1),
+		createElementVNode("path", { d: "M12 2C12.5523 2 13 2.44772 13 3V6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6V3C3 2.44772 3.44772 2 4 2H12ZM4.5 3C4.22386 3 4 3.22386 4 3.5V5.5C4 5.77614 4.22386 6 4.5 6H11.5C11.7761 6 12 5.77614 12 5.5V3.5C12 3.22386 11.7761 3 11.5 3H4.5Z" }, null, -1),
+		createElementVNode("rect", {
+			x: "13.75",
+			y: "10.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			transform: "rotate(90 13.75 10.25)",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "13.75",
+			y: "4.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			transform: "rotate(90 13.75 4.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
+export { SpaceAround_default as default };

package/dist/es/fields/StyleSetter/icons/align-items/SpaceBetween.js

@@ -0,0 +1,50 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/align-items/SpaceBetween.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	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: "M12 9C12.5523 9 13 9.44772 13 10V12C13 12.5523 12.5523 13 12 13H4C3.44772 13 3 12.5523 3 12V10C3 9.44772 3.44772 9 4 9H12ZM4.5 10C4.22386 10 4 10.2239 4 10.5V11.5C4 11.7761 4.22386 12 4.5 12H11.5C11.7761 12 12 11.7761 12 11.5V10.5C12 10.2239 11.7761 10 11.5 10H4.5Z" }, null, -1),
+		createElementVNode("path", { d: "M12 3C12.5523 3 13 3.44772 13 4V6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6V4C3 3.44772 3.44772 3 4 3H12ZM4.5 4C4.22386 4 4 4.22386 4 4.5V5.5C4 5.77614 4.22386 6 4.5 6H11.5C11.7761 6 12 5.77614 12 5.5V4.5C12 4.22386 11.7761 4 11.5 4H4.5Z" }, null, -1),
+		createElementVNode("rect", {
+			x: "13.75",
+			y: "14.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			transform: "rotate(90 13.75 14.25)",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "13.75",
+			y: "1.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			transform: "rotate(90 13.75 1.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
+export { SpaceBetween_default as default };

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

@@ -1,16 +1,16 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, openBlock } from "vue";
+import { createElementBlock, createStaticVNode, openBlock } from "vue";
 //#region packages/editor/src/fields/StyleSetter/icons/background-repeat/NoRepeat.vue
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "10",
+	height: "10",
+	viewBox: "0 0 10 10",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-		d: "M912.526651 867.741144 555.540144 510.712681l356.986507-357.000833c11.171434-11.18576 11.171434-29.257348 0-40.443108-11.20111-11.18576-29.272697-11.18576-40.444131 0L515.096013 470.267527 158.096203 113.267716c-11.187807-11.159154-29.258371-11.159154-40.444131 0-11.186783 11.186783-11.186783 29.286 0 40.47176L474.623229 510.712681 117.623419 867.741144c-11.159154 11.172457-11.159154 29.216415 0 40.443108 11.18576 11.17348 29.284977 11.17348 40.47176 0l357.000833-357.027439 356.985484 357.027439c11.171434 11.17348 29.243021 11.17348 40.444131 0C923.698085 896.957559 923.725714 878.913601 912.526651 867.741144z",
-		fill: "#5D5D5D"
-	}, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<path d=\"M0 0.625C0 0.279822 0.248731 0 0.555556 0H9.44444C9.75127 0 10 0.279822 10 0.625C10 0.970178 9.75127 1.25 9.44444 1.25H0.555556C0.248731 1.25 0 0.970178 0 0.625Z\" fill-opacity=\"0.3\"></path><path d=\"M0 9.375C0 9.02982 0.248731 8.75 0.555556 8.75H9.44444C9.75127 8.75 10 9.02982 10 9.375C10 9.72018 9.75127 10 9.44444 10H0.555556C0.248731 10 0 9.72018 0 9.375Z\" fill-opacity=\"0.3\"></path><path d=\"M0.555556 4.375C0.248731 4.375 0 4.65482 0 5C0 5.34518 0.248731 5.625 0.555556 5.625H2.87307L3.42868 4.99994L2.87318 4.375H0.555556Z\" fill-opacity=\"0.3\"></path><path d=\"M9.44444 5.625H7.12699L6.57138 4.99994L7.12688 4.375H9.44444C9.75127 4.375 10 4.65482 10 5C10 5.34518 9.75127 5.625 9.44444 5.625Z\" fill-opacity=\"0.3\"></path><path transform=\"translate(0 2.6072)\" d=\"M3.30542 0.183058C3.52237 -0.0610194 3.87413 -0.0610194 4.09109 0.183058C4.30805 0.427136 4.30805 0.822864 4.09109 1.06694L2.91256 2.39279L4.0911 3.71865C4.30806 3.96273 4.30806 4.35846 4.0911 4.60253C3.87414 4.84661 3.52239 4.84661 3.30543 4.60253L2.12688 3.27667L0.948393 4.60248C0.731435 4.84655 0.379676 4.84655 0.162719 4.60248C-0.0542395 4.3584 -0.0542395 3.96267 0.162719 3.71859L1.34121 2.39279L0.162731 1.067C-0.0542269 0.822922 -0.0542268 0.427194 0.162731 0.183116C0.379689 -0.0609612 0.731447 -0.0609612 0.948405 0.183116L2.12688 1.50891L3.30542 0.183058Z\"></path>", 5)])]);
 }
 var NoRepeat_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

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

@@ -4,10 +4,13 @@ import { createElementBlock, createStaticVNode, 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] = [createStaticVNode("<path d=\"M884.736 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C696.32 311.296 712.704 327.68 733.184 327.68l147.456 0c20.48 0 36.864-16.384 36.864-36.864L917.504 139.264C921.6 118.784 905.216 102.4 884.736 102.4zM884.736 290.816l-147.456 0L737.28 139.264l147.456 0L884.736 290.816z\"></path><path d=\"M884.736 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 712.704 905.216 696.32 884.736 696.32zM884.736 884.736l-147.456 0 0-147.456 147.456 0L884.736 884.736z\"></path><path d=\"M884.736 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 417.792 905.216 401.408 884.736 401.408zM884.736 585.728l-147.456 0 0-147.456 147.456 0L884.736 585.728z\"></path><path d=\"M585.728 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 417.792 606.208 401.408 585.728 401.408zM585.728 585.728l-147.456 0 0-147.456 147.456 0L585.728 585.728z\"></path><path d=\"M585.728 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864L622.592 139.264C622.592 118.784 606.208 102.4 585.728 102.4zM585.728 290.816l-147.456 0L438.272 139.264l147.456 0L585.728 290.816z\"></path><path d=\"M585.728 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 712.704 606.208 696.32 585.728 696.32zM585.728 884.736l-147.456 0 0-147.456 147.456 0L585.728 884.736z\"></path><path d=\"M290.816 696.32 139.264 696.32c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 712.704 311.296 696.32 290.816 696.32zM290.816 884.736 139.264 884.736l0-147.456 147.456 0L286.72 884.736z\"></path><path d=\"M290.816 401.408 139.264 401.408c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 417.792 311.296 401.408 290.816 401.408zM290.816 585.728 139.264 585.728l0-147.456 147.456 0L286.72 585.728z\"></path><path d=\"M290.816 102.4 139.264 102.4c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C102.4 311.296 118.784 327.68 139.264 327.68l147.456 0C311.296 327.68 327.68 311.296 327.68 290.816L327.68 139.264C327.68 118.784 311.296 102.4 290.816 102.4zM290.816 290.816 139.264 290.816 139.264 139.264l147.456 0L286.72 290.816z\"></path>", 9)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<rect x=\"13\" y=\"3\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 13 3)\" fill-opacity=\"0.3\"></rect><rect x=\"13\" y=\"7\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 13 7)\" fill-opacity=\"0.3\"></rect><rect x=\"13\" y=\"11\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 13 11)\" fill-opacity=\"0.3\"></rect><rect x=\"9\" y=\"3\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 9 3)\"></rect><rect x=\"9\" y=\"7\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 9 7)\"></rect><rect x=\"9\" y=\"11\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 9 11)\" fill-opacity=\"0.3\"></rect><rect x=\"5\" y=\"3\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 5 3)\"></rect><rect x=\"5\" y=\"7\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 5 7)\"></rect><rect x=\"5\" y=\"11\" width=\"2\" height=\"2\" rx=\"0.5\" transform=\"rotate(90 5 11)\" fill-opacity=\"0.3\"></rect>", 9)])]);
 }
 var Repeat_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion

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

@@ -4,13 +4,36 @@ 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: "M796.444444 170.666667h-227.555555v682.666666h227.555555V170.666667z m-56.888888 625.777777h-113.777778V227.555556h113.777778v568.888888zM455.111111 170.666667H227.555556v682.666666h227.555555V170.666667zM398.222222 796.444444H284.444444V227.555556h113.777778v568.888888zM910.222222 56.888889h56.888889v910.222222h-56.888889zM56.888889 56.888889h56.888889v910.222222H56.888889z",
-		fill: "#333333"
-	}, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("rect", {
+			x: "3",
+			y: "3",
+			width: "2",
+			height: "10",
+			rx: "1"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "7",
+			y: "3",
+			width: "2",
+			height: "10",
+			rx: "1"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "11",
+			y: "3",
+			width: "2",
+			height: "10",
+			rx: "1",
+			"fill-opacity": "0.3"
+		}, null, -1)
+	])]);
 }
 var RepeatX_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion