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

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

@@ -1,13 +1,12 @@
 import { useServices } from "../../hooks/use-services.js";
 import Icon_default from "../../components/Icon.js";
+import DatasourceIcon_default from "../../icons/DatasourceIcon.js";
 import FieldSelect_default from "./FieldSelect.js";
 import { getFormField } from "@tmagic/form";
 import { TMagicButton, TMagicTooltip, tMagicMessage } from "@tmagic/design";
 import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from "@tmagic/utils";
-import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, openBlock, ref, resolveComponent, resolveDynamicComponent, unref, watch, withCtx } from "vue";
-import { Coin } from "@element-plus/icons-vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveComponent, resolveDynamicComponent, unref, watch, withCtx } from "vue";
 //#region packages/editor/src/fields/DataSourceFieldSelect/Index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "m-fields-data-source-field-select" };
 var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsDataSourceFieldSelect",
 	__name: "Index",
@@ -24,13 +23,17 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		},
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const props = __props;
 		const showDataSourceFieldSelect = ref(false);
+		const isSelectValid = computed(() => !disabledDataSource.value && (showDataSourceFieldSelect.value || !props.config.fieldConfig));
 		watch(() => props.model[props.name], (value) => {
 			if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) showDataSourceFieldSelect.value = true;
 			else showDataSourceFieldSelect.value = false;
@@ -100,7 +103,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value;
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [!disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (openBlock(), createBlock(FieldSelect_default, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["m-fields-data-source-field-select", { [`data-source-field-${type.value}`]: !isSelectValid.value }]) }, [isSelectValid.value ? (openBlock(), createBlock(FieldSelect_default, {
 				key: 0,
 				"model-value": __props.model[__props.name],
 				disabled: __props.disabled,
@@ -151,7 +154,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					disabled: __props.disabled,
 					onClick: onToggleDataSourceFieldSelectHandler
 				}, {
-					default: withCtx(() => [createVNode(Icon_default, { icon: unref(Coin) }, null, 8, ["icon"])]),
+					default: withCtx(() => [createVNode(Icon_default, { icon: DatasourceIcon_default })]),
 					_: 1
 				}, 8, [
 					"type",
@@ -159,7 +162,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					"disabled"
 				])]),
 				_: 1
-			}, 8, ["disabled"])) : createCommentVNode("v-if", true)]);
+			}, 8, ["disabled"])) : createCommentVNode("v-if", true)], 2);
 		};
 	}
 });

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

@@ -30,7 +30,10 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		},
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	}, {
 		"width": { default: 670 },
 		"widthModifiers": {},

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

@@ -31,7 +31,10 @@ var DataSourceInput_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/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js

@@ -27,7 +27,10 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 		},
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -25,7 +25,10 @@ var DataSourceMethods_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/DataSourceMocks.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		},
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	}, {
 		"width": { default: 670 },
 		"widthModifiers": {},

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

@@ -23,7 +23,10 @@ var DataSourceSelect_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/DisplayConds.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,10 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		},
 		size: {},
 		lastValues: {},
-		isCompare: { type: Boolean }
+		isCompare: { type: Boolean },
+		text: {},
+		labelWidth: {},
+		labelPosition: {}
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
@@ -43,11 +46,14 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			titlePrefix: props.config.titlePrefix,
 			expandAll: true,
 			enableToggleMode: false,
+			flat: props.config.flat,
 			items: [{
 				type: "table",
 				name: "cond",
-				operateColWidth: 80,
+				operateColWidth: props.config.operateColWidth,
 				enableToggleMode: false,
+				fixed: props.config.fixed,
+				flat: props.config.flat,
 				items: [
 					parentFields.value.length ? {
 						type: "cascader",

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 };