@tmagic/editor 1.7.7 → 1.7.8-beta.2

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

@@ -0,0 +1,81 @@
+import { useServices } from "../hooks/use-services.js";
+import Icon_default from "../components/Icon.js";
+import { MSelect } from "@tmagic/form";
+import { NodeType } from "@tmagic/core";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { Edit } from "@element-plus/icons-vue";
+//#region packages/editor/src/fields/PageFragmentSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-fields-page-fragment-select" };
+var _hoisted_2 = { class: "page-fragment-select-container" };
+var PageFragmentSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsPageFragmentSelect",
+	__name: "PageFragmentSelect",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const { editorService } = useServices();
+		const emit = __emit;
+		const pageList = computed(() => editorService.get("root")?.items.filter((item) => item.type === NodeType.PAGE_FRAGMENT));
+		const selectConfig = {
+			type: "select",
+			options: () => {
+				if (pageList.value) return pageList.value.map((item) => ({
+					text: `${item.devconfig?.tabName || item.title || item.name}（${item.id}）`,
+					label: `${item.devconfig?.tabName || item.title || item.name}（${item.id}）`,
+					value: item.id
+				}));
+				return [];
+			}
+		};
+		const changeHandler = (v) => {
+			emit("change", v);
+		};
+		const editPageFragment = (id) => {
+			editorService.select(id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createCommentVNode(" 页面片下拉框 "),
+				createVNode(unref(MSelect), {
+					class: "select",
+					config: selectConfig,
+					model: __props.model,
+					name: __props.name,
+					size: __props.size,
+					prop: __props.prop,
+					disabled: __props.disabled,
+					onChange: changeHandler
+				}, null, 8, [
+					"model",
+					"name",
+					"size",
+					"prop",
+					"disabled"
+				]),
+				createCommentVNode(" 编辑按钮 "),
+				__props.model[__props.name] ? (openBlock(), createBlock(Icon_default, {
+					key: 0,
+					class: "icon",
+					icon: unref(Edit),
+					onClick: _cache[0] || (_cache[0] = ($event) => editPageFragment(__props.model[__props.name]))
+				}, null, 8, ["icon"])) : createCommentVNode("v-if", true)
+			])]);
+		};
+	}
+});
+//#endregion
+export { PageFragmentSelect_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,5 @@
+import Index_vue_vue_type_script_setup_true_lang_default from "./Index.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/StyleSetter/Index.vue
+var Index_default = Index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Index_default as default };

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

@@ -0,0 +1,92 @@
+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";
+import Position_default from "./pro/Position.js";
+import Border_default from "./pro/Border.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",
+	__name: "Index",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: { type: Boolean },
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const list = [
+			{
+				name: "font",
+				title: "布局",
+				component: Layout_default
+			},
+			{
+				title: "位置",
+				component: Position_default
+			},
+			{
+				title: "背景",
+				component: Background_default
+			},
+			{
+				title: "文字",
+				component: Font_default
+			},
+			{
+				title: "边框与圆角",
+				component: Border_default
+			}
+		];
+		const collapseValue = shallowRef(Array(list.length).fill(1).map((x, i) => `${i}`));
+		const change = (v, eventData) => {
+			eventData.changeRecords?.forEach((record) => {
+				record.propPath = `${props.name}.${record.propPath}`;
+			});
+			emit("change", v, eventData);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TMagicCollapse), {
+				class: "m-fields-style-setter",
+				modelValue: collapseValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseValue.value = $event)
+			}, {
+				default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(list, (item, index) => {
+					return createVNode(unref(TMagicCollapseItem), {
+						key: index,
+						name: `${index}`
+					}, {
+						title: withCtx(() => [createVNode(Icon_default, { icon: unref(Grid) }, null, 8, ["icon"]), createTextVNode(toDisplayString(item.title), 1)]),
+						default: withCtx(() => [item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
+							key: 0,
+							values: __props.model[__props.name],
+							size: __props.size,
+							disabled: __props.disabled,
+							onChange: change
+						}, null, 40, [
+							"values",
+							"size",
+							"disabled"
+						])) : createCommentVNode("v-if", true)]),
+						_: 2
+					}, 1032, ["name"]);
+				}), 64))]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+//#endregion
+export { Index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,5 @@
+import BackgroundPosition_vue_vue_type_script_setup_true_lang_default from "./BackgroundPosition.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/StyleSetter/components/BackgroundPosition.vue
+var BackgroundPosition_default = BackgroundPosition_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { BackgroundPosition_default as default };

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

@@ -0,0 +1,96 @@
+import { TMagicButton, TMagicInput } from "@tmagic/design";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+//#region packages/editor/src/fields/StyleSetter/components/BackgroundPosition.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "background-position-container" };
+var _hoisted_2 = { class: "presets-value-list" };
+var _hoisted_3 = { class: "custom-value" };
+var BackgroundPosition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BackgroundPosition",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: { type: Boolean },
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const horizontalList = [
+			{
+				value: "left",
+				text: "左"
+			},
+			{
+				value: "center",
+				text: "中"
+			},
+			{
+				value: "right",
+				text: "右"
+			}
+		];
+		const list = [
+			{
+				value: "top",
+				text: "上"
+			},
+			{
+				value: "center",
+				text: "中"
+			},
+			{
+				value: "bottom",
+				text: "下"
+			}
+		].map((vertical) => horizontalList.map((horizontal) => ({
+			value: `${horizontal.value} ${vertical.value}`,
+			tips: `${horizontal.text}${vertical.text}`,
+			class: `${horizontal.value}-${vertical.value}`
+		}))).flat();
+		const changeHandler = (v) => {
+			emit("change", v);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
+				return openBlock(), createBlock(unref(TMagicButton), {
+					key: index,
+					link: "",
+					class: normalizeClass(__props.model[__props.name] === item.value && "btn-active"),
+					disabled: __props.disabled,
+					onClick: ($event) => changeHandler(item.value)
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass([
+						"position-icon",
+						item.class,
+						__props.model[__props.name] === item.value && "active"
+					]) }, null, 2)]),
+					_: 2
+				}, 1032, [
+					"class",
+					"disabled",
+					"onClick"
+				]);
+			}), 128))]), createElementVNode("div", _hoisted_3, [createVNode(unref(TMagicInput), {
+				modelValue: __props.model[__props.name],
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+				placeholder: "自定义背景位置",
+				clearable: "",
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: changeHandler
+			}, null, 8, [
+				"modelValue",
+				"size",
+				"disabled"
+			])])]);
+		};
+	}
+});
+//#endregion
+export { BackgroundPosition_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/StyleSetter/components/Border.js

@@ -0,0 +1,5 @@
+import Border_vue_vue_type_script_setup_true_lang_default from "./Border.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/StyleSetter/components/Border.vue
+var Border_default = Border_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Border_default as default };

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

@@ -0,0 +1,100 @@
+import { MContainer } from "@tmagic/form";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
+//#region packages/editor/src/fields/StyleSetter/components/Border.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "border-box-container" };
+var _hoisted_2 = { class: "border-icon-container" };
+var _hoisted_3 = { class: "border-icon-container-row" };
+var _hoisted_4 = { class: "border-icon-container-row" };
+var _hoisted_5 = { class: "border-icon-container-row" };
+var _hoisted_6 = { class: "border-value-container" };
+var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Border",
+	props: {
+		model: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const direction = ref("");
+		const config = computed(() => ({ items: [
+			{
+				name: `border${direction.value}Width`,
+				text: "边框宽度",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: { type: "text" }
+			},
+			{
+				name: `border${direction.value}Color`,
+				text: "边框颜色",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: { type: "colorPicker" }
+			},
+			{
+				name: `border${direction.value}Style`,
+				text: "边框样式",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: {
+					type: "select",
+					options: [
+						"solid",
+						"dashed",
+						"dotted"
+					].map((item) => ({
+						value: item,
+						text: item
+					}))
+				}
+			}
+		] }));
+		const selectDirection = (d) => direction.value = d || "";
+		const emit = __emit;
+		const change = (value, eventData) => {
+			eventData.changeRecords?.forEach((record) => {
+				emit("change", record.value, { modifyKey: record.propPath });
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
+					class: normalizeClass(["border-icon border-icon-top", { active: direction.value === "Top" }]),
+					onClick: _cache[0] || (_cache[0] = ($event) => selectDirection("Top"))
+				}, null, 2)]),
+				createElementVNode("div", _hoisted_4, [
+					createElementVNode("div", {
+						class: normalizeClass(["border-icon border-icon-left", { active: direction.value === "Left" }]),
+						onClick: _cache[1] || (_cache[1] = ($event) => selectDirection("Left"))
+					}, null, 2),
+					createElementVNode("div", {
+						class: normalizeClass(["border-icon", { active: direction.value === "" }]),
+						onClick: _cache[2] || (_cache[2] = ($event) => selectDirection())
+					}, null, 2),
+					createElementVNode("div", {
+						class: normalizeClass(["border-icon border-icon-right", { active: direction.value === "Right" }]),
+						onClick: _cache[3] || (_cache[3] = ($event) => selectDirection("Right"))
+					}, null, 2)
+				]),
+				createElementVNode("div", _hoisted_5, [createElementVNode("div", {
+					class: normalizeClass(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
+					onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
+				}, null, 2)])
+			]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {
+				config: config.value,
+				model: __props.model,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"config",
+				"model",
+				"size",
+				"disabled"
+			])])]);
+		};
+	}
+});
+//#endregion
+export { Border_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/StyleSetter/components/Box.js

@@ -0,0 +1,5 @@
+import Box_vue_vue_type_script_setup_true_lang_default from "./Box.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/StyleSetter/components/Box.vue
+var Box_default = Box_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Box_default as default };

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

@@ -0,0 +1,81 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+//#region packages/editor/src/fields/StyleSetter/components/Box.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "layout-box-container" };
+var _hoisted_2 = {
+	key: 0,
+	class: "help-txt"
+};
+var _hoisted_3 = { class: "next-input" };
+var _hoisted_4 = [
+	"model-value",
+	"title",
+	"disabled",
+	"onChange"
+];
+var Box_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Box",
+	props: {
+		disabled: { type: Boolean },
+		size: {},
+		model: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const list = [
+			{
+				name: "marginTop",
+				class: "outer-top-border"
+			},
+			{
+				name: "marginRight",
+				class: "outer-right-border"
+			},
+			{
+				name: "marginBottom",
+				text: "MARGIN",
+				class: "outer-bottom-border"
+			},
+			{
+				name: "marginLeft",
+				class: "outer-left-border"
+			},
+			{
+				name: "paddingTop",
+				class: "inner-top-border"
+			},
+			{
+				name: "paddingRight",
+				class: "inner-right-border"
+			},
+			{
+				name: "paddingBottom",
+				text: "PADDING",
+				class: "inner-bottom-border"
+			},
+			{
+				name: "paddingLeft",
+				class: "inner-left-border"
+			}
+		];
+		const emit = __emit;
+		const change = (event, name) => {
+			emit("change", event.target.value, { modifyKey: name });
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createElementBlock(Fragment, null, renderList(list, (item, index) => {
+				return createElementVNode("div", {
+					key: index,
+					class: normalizeClass(item.class)
+				}, [item.text ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.text), 1)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("input", {
+					"model-value": __props.model[item.name],
+					placeholder: "0",
+					title: __props.model[item.name],
+					disabled: __props.disabled,
+					onChange: ($event) => change($event, item.name)
+				}, null, 40, _hoisted_4)])], 2);
+			}), 64))]);
+		};
+	}
+});
+//#endregion
+export { Box_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,17 @@
+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/background-repeat/NoRepeat.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+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)])]);
+}
+var NoRepeat_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { NoRepeat_default as default };

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

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createStaticVNode, openBlock } from "vue";
+//#region packages/editor/src/fields/StyleSetter/icons/background-repeat/Repeat.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+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)])]);
+}
+var Repeat_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Repeat_default as default };

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

@@ -0,0 +1,17 @@
+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/background-repeat/RepeatX.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+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)])]);
+}
+var RepeatX_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { RepeatX_default as default };

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

@@ -0,0 +1,17 @@
+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/background-repeat/RepeatY.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+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)])]);
+}
+var RepeatY_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { RepeatY_default as default };

package/dist/es/fields/StyleSetter/icons/display/Block.js

@@ -0,0 +1,14 @@
+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/display/Block.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z" }, null, -1)])]);
+}
+var Block_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Block_default as default };

package/dist/es/fields/StyleSetter/icons/display/Flex.js

@@ -0,0 +1,14 @@
+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/display/Flex.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z" }, null, -1)])]);
+}
+var Flex_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Flex_default as default };

package/dist/es/fields/StyleSetter/icons/display/Inline.js

@@ -0,0 +1,14 @@
+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/display/Inline.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z" }, null, -1)])]);
+}
+var Inline_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Inline_default as default };

package/dist/es/fields/StyleSetter/icons/display/InlineBlock.js

@@ -0,0 +1,14 @@
+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/display/InlineBlock.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z" }, null, -1)])]);
+}
+var InlineBlock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { InlineBlock_default as default };

package/dist/es/fields/StyleSetter/icons/display/None.js

@@ -0,0 +1,14 @@
+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/display/None.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z" }, null, -1)])]);
+}
+var None_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { None_default as default };

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

@@ -0,0 +1,14 @@
+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/flex-direction/Column.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 1024 1024"
+};
+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)])]);
+}
+var Column_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Column_default as default };