@tmagic/editor 1.7.7 → 1.7.8-beta.2

package/dist/es/fields/StyleSetter/icons/flex-direction/ColumnReverse.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/ColumnReverse.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 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1)])]);
+}
+var ColumnReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { ColumnReverse_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/Row.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/Row.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: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1)])]);
+}
+var Row_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Row_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/RowReverse.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/RowReverse.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: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1)])]);
+}
+var RowReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { RowReverse_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/Center.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/justify-content/Center.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: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, 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/justify-content/FlexEnd.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/justify-content/FlexEnd.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: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, 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/justify-content/FlexStart.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/justify-content/FlexStart.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: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, 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/justify-content/SpaceAround.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/justify-content/SpaceAround.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: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, 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/justify-content/SpaceBetween.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/justify-content/SpaceBetween.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: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, 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/text-align/Center.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/text-align/Center.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: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, 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/text-align/Left.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/text-align/Left.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: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1)])]);
+}
+var Left_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Left_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Right.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/text-align/Right.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: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1)])]);
+}
+var Right_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { Right_default as default };

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

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

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

@@ -0,0 +1,114 @@
+import BackgroundPosition_default from "../components/BackgroundPosition.js";
+import Repeat_default from "../icons/background-repeat/Repeat.js";
+import RepeatX_default from "../icons/background-repeat/RepeatX.js";
+import RepeatY_default from "../icons/background-repeat/RepeatY.js";
+import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
+import { MContainer } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+//#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
+var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Background",
+	props: {
+		values: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const config = { items: [
+			{
+				name: "backgroundColor",
+				text: "背景色",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: { type: "colorPicker" }
+			},
+			{
+				name: "backgroundImage",
+				text: "背景图",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: { type: "img-upload" }
+			},
+			{
+				name: "backgroundSize",
+				text: "背景尺寸",
+				type: "radioGroup",
+				childType: "button",
+				labelWidth: "68px",
+				options: [
+					{
+						value: "auto",
+						text: "默认",
+						tooltip: "默认 auto"
+					},
+					{
+						value: "contain",
+						text: "等比填充",
+						tooltip: "等比填充 contain"
+					},
+					{
+						value: "cover",
+						text: "等比覆盖",
+						tooltip: "等比覆盖 cover"
+					}
+				]
+			},
+			{
+				name: "backgroundRepeat",
+				text: "重复显示",
+				type: "radioGroup",
+				childType: "button",
+				labelWidth: "68px",
+				options: [
+					{
+						value: "repeat",
+						icon: markRaw(Repeat_default),
+						tooltip: "垂直和水平方向重复 repeat"
+					},
+					{
+						value: "repeat-x",
+						icon: markRaw(RepeatX_default),
+						tooltip: "水平方向重复 repeat-x"
+					},
+					{
+						value: "repeat-y",
+						icon: markRaw(RepeatY_default),
+						tooltip: "垂直方向重复 repeat-y"
+					},
+					{
+						value: "no-repeat",
+						icon: markRaw(NoRepeat_default),
+						tooltip: "不重复 no-repeat"
+					}
+				]
+			},
+			{
+				name: "backgroundPosition",
+				text: "背景定位",
+				type: "component",
+				component: BackgroundPosition_default,
+				labelWidth: "68px"
+			}
+		] };
+		const change = (value, eventData) => {
+			emit("change", value, eventData);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MContainer), {
+				config,
+				model: __props.values,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"model",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { Background_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/StyleSetter/pro/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/pro/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/pro/Border.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import Border_default from "../components/Border.js";
+import { MContainer } from "@tmagic/form";
+import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
+//#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
+var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Border",
+	props: {
+		values: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const config = { items: [{
+			labelWidth: "68px",
+			name: "borderRadius",
+			text: "圆角",
+			type: "data-source-field-select",
+			fieldConfig: { type: "text" }
+		}] };
+		const change = (value, eventData) => {
+			emit("change", value, eventData);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
+				config,
+				model: __props.values,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"model",
+				"size",
+				"disabled"
+			]), createVNode(Border_default, {
+				model: __props.values,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"model",
+				"size",
+				"disabled"
+			])], 64);
+		};
+	}
+});
+//#endregion
+export { Border_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,98 @@
+import Left_default from "../icons/text-align/Left.js";
+import Center_default from "../icons/text-align/Center.js";
+import Right_default from "../icons/text-align/Right.js";
+import { MContainer } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+//#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
+var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Font",
+	props: {
+		values: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const config = { items: [
+			{
+				type: "row",
+				items: [{
+					labelWidth: "68px",
+					name: "fontSize",
+					text: "字号",
+					type: "data-source-field-select",
+					fieldConfig: { type: "text" }
+				}, {
+					labelWidth: "68px",
+					name: "lineHeight",
+					text: "行高",
+					type: "data-source-field-select",
+					fieldConfig: { type: "text" }
+				}]
+			},
+			{
+				name: "fontWeight",
+				text: "字重",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				fieldConfig: {
+					type: "select",
+					options: ["normal", "bold"].concat(Array(7).fill(1).map((x, i) => `${i + 1}00`)).map((item) => ({
+						value: item,
+						text: item
+					}))
+				}
+			},
+			{
+				labelWidth: "68px",
+				name: "color",
+				text: "颜色",
+				type: "data-source-field-select",
+				fieldConfig: { type: "colorPicker" }
+			},
+			{
+				name: "textAlign",
+				text: "对齐",
+				type: "radioGroup",
+				childType: "button",
+				labelWidth: "68px",
+				options: [
+					{
+						value: "left",
+						icon: markRaw(Left_default),
+						tooltip: "左对齐 row"
+					},
+					{
+						value: "center",
+						icon: markRaw(Center_default),
+						tooltip: "居中对齐 center"
+					},
+					{
+						value: "right",
+						icon: markRaw(Right_default),
+						tooltip: "右对齐 right"
+					}
+				]
+			}
+		] };
+		const change = (value, eventData) => {
+			emit("change", value, eventData);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MContainer), {
+				config,
+				model: __props.values,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"model",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { Font_vue_vue_type_script_setup_true_lang_default as default };

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

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