@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.1

package/es/components/editor/style/font-editor/align-group.vue_vue_type_script_setup_true_name_align-group_lang.mjs

@@ -0,0 +1,54 @@
+import { TextAlign, t } from "@gct-paas/core";
+import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/editor/style/font-editor/align-group.vue?vue&type=script&setup=true&name=align-group&lang.ts
+var _hoisted_1 = { class: "align-group-box" };
+var _hoisted_2 = ["onClick"];
+var align_group_vue_vue_type_script_setup_true_name_align_group_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "align-group",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const options = [
+			{
+				label: t("sys.platform.left"),
+				value: TextAlign.LEFT,
+				icon: "icon-zuoduiqi"
+			},
+			{
+				label: t("sys.platform.center"),
+				value: TextAlign.CENTER,
+				icon: "icon-juzhongduiqi"
+			},
+			{
+				label: t("sys.platform.right"),
+				value: TextAlign.RIGHT,
+				icon: "icon-youduiqi"
+			},
+			{
+				label: t("sys.platform.justify"),
+				value: TextAlign.JUSTIFY,
+				icon: "icon-liangduanduiqi"
+			}
+		];
+		const emit = __emit;
+		const changeAlign = (align) => {
+			emit("update:value", align);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createElementBlock(Fragment, null, renderList(options, (item) => {
+				return createElementVNode("div", {
+					key: item.value,
+					class: normalizeClass(["icon-box", __props.value === item.value ? "selected" : null]),
+					onClick: ($event) => changeAlign(item.value)
+				}, [createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["iconfont", item.icon]) }, null, 2)]),
+					_: 2
+				}, 1024)], 10, _hoisted_2);
+			}), 64))]);
+		};
+	}
+});
+//#endregion
+export { align_group_vue_vue_type_script_setup_true_name_align_group_lang_default as default };

package/es/components/editor/style/font-editor/font-editor.vue.mjs

@@ -1,72 +1,5 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, isRef, unref } from 'vue';
-import { emitFieldSet } from '@gct-paas/core';
-import FontStyleGroup from './font-style-group.vue2.mjs';
-import AlignGroup from './align-group.vue2.mjs';
-import { DefaultFont } from './util.mjs';
-
-const _hoisted_1 = { class: "font-editor" };
-const _hoisted_2 = { class: "ks-row-middle mb5px" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "font-editor",
-  props: {
-    value: {}
-  },
-  emits: ["update:value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const local = computed(() => {
-      return props.value || {
-        ...DefaultFont
-      };
-    });
-    const { color, fontSize, align, bold, italic, textDecoration } = emitFieldSet(
-      local,
-      (_k, _v, obj) => {
-        emit("update:value", obj);
-      }
-    );
-    const styleGroup = computed({
-      get() {
-        return {
-          bold: bold.value,
-          italic: italic.value,
-          textDecoration: textDecoration.value
-        };
-      },
-      set(v) {
-        bold.value = v.bold;
-        italic.value = v.italic;
-        textDecoration.value = v.textDecoration;
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_length_unit_editor = resolveComponent("length-unit-editor");
-      const _component_color_editor = resolveComponent("color-editor");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(_component_length_unit_editor, {
-            value: unref(fontSize),
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fontSize) ? fontSize.value = $event : null),
-            style: { "width": "100%" }
-          }, null, 8, ["value"]),
-          createVNode(_component_color_editor, {
-            value: unref(color),
-            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(color) ? color.value = $event : null),
-            class: "ml8px"
-          }, null, 8, ["value"])
-        ]),
-        createVNode(AlignGroup, {
-          value: unref(align),
-          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(align) ? align.value = $event : null)
-        }, null, 8, ["value"]),
-        createVNode(FontStyleGroup, {
-          value: styleGroup.value,
-          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => styleGroup.value = $event)
-        }, null, 8, ["value"])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import font_editor_vue_vue_type_script_setup_true_name_font_editor_lang_default from "./font-editor.vue_vue_type_script_setup_true_name_font-editor_lang.mjs";
+//#region src/components/editor/style/font-editor/font-editor.vue
+var font_editor_default = font_editor_vue_vue_type_script_setup_true_name_font_editor_lang_default;
+//#endregion
+export { font_editor_default as default };

package/es/components/editor/style/font-editor/font-editor.vue_vue_type_script_setup_true_name_font-editor_lang.mjs

@@ -0,0 +1,61 @@
+import { DefaultFont } from "./util.mjs";
+import font_style_group_default from "./font-style-group.vue.mjs";
+import align_group_default from "./align-group.vue.mjs";
+import { emitFieldSet } from "@gct-paas/core";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, openBlock, resolveComponent, unref } from "vue";
+//#region src/components/editor/style/font-editor/font-editor.vue?vue&type=script&setup=true&name=font-editor&lang.ts
+var _hoisted_1 = { class: "font-editor" };
+var _hoisted_2 = { class: "ks-row-middle mb5px" };
+var font_editor_vue_vue_type_script_setup_true_name_font_editor_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "font-editor",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { color, fontSize, align, bold, italic, textDecoration } = emitFieldSet(computed(() => {
+			return props.value || { ...DefaultFont };
+		}), (_k, _v, obj) => {
+			emit("update:value", obj);
+		});
+		const styleGroup = computed({
+			get() {
+				return {
+					bold: bold.value,
+					italic: italic.value,
+					textDecoration: textDecoration.value
+				};
+			},
+			set(v) {
+				bold.value = v.bold;
+				italic.value = v.italic;
+				textDecoration.value = v.textDecoration;
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_length_unit_editor = resolveComponent("length-unit-editor");
+			const _component_color_editor = resolveComponent("color-editor");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [createVNode(_component_length_unit_editor, {
+					value: unref(fontSize),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fontSize) ? fontSize.value = $event : null),
+					style: { "width": "100%" }
+				}, null, 8, ["value"]), createVNode(_component_color_editor, {
+					value: unref(color),
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(color) ? color.value = $event : null),
+					class: "ml8px"
+				}, null, 8, ["value"])]),
+				createVNode(align_group_default, {
+					value: unref(align),
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(align) ? align.value = $event : null)
+				}, null, 8, ["value"]),
+				createVNode(font_style_group_default, {
+					value: styleGroup.value,
+					"onUpdate:value": _cache[3] || (_cache[3] = ($event) => styleGroup.value = $event)
+				}, null, 8, ["value"])
+			]);
+		};
+	}
+});
+//#endregion
+export { font_editor_vue_vue_type_script_setup_true_name_font_editor_lang_default as default };

package/es/components/editor/style/font-editor/font-style-group.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import font_style_group_vue_vue_type_script_setup_true_lang_default from "./font-style-group.vue_vue_type_script_setup_true_lang.mjs";
+import './font-style-group.vue_vue_type_style_index_0_scoped_7df87cdb_lang.css';/* empty css                                                                       */
+//#region src/components/editor/style/font-editor/font-style-group.vue
+var font_style_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(font_style_group_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7df87cdb"]]);
+//#endregion
+export { font_style_group_default as default };

package/es/components/editor/style/font-editor/font-style-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,72 @@
+import { DefaultFont } from "./util.mjs";
+import { TextDecoration, emitFieldSet, t } from "@gct-paas/core";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { BoldOutlined, ItalicOutlined, StrikethroughOutlined, UnderlineOutlined } from "@ant-design/icons-vue";
+//#region src/components/editor/style/font-editor/font-style-group.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "font-style-box" };
+var font_style_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "font-style-group",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { bold, italic, textDecoration } = emitFieldSet(computed(() => {
+			const defaultFont = {
+				bold: DefaultFont.bold,
+				italic: DefaultFont.italic,
+				textDecoration: DefaultFont.textDecoration
+			};
+			return props.value || defaultFont;
+		}), (_k, _v, obj) => {
+			emit("update:value", obj);
+		});
+		const changeFontStyle = (key) => {
+			if (key === "bold") bold.value = !bold.value;
+			else if (key === "italic") italic.value = !italic.value;
+		};
+		const changeTextDecoration = (v) => {
+			if (textDecoration.value === v) textDecoration.value = TextDecoration.NONE;
+			else textDecoration.value = v;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", {
+					class: normalizeClass(["icon-box", unref(bold) ? "selected" : null]),
+					onClick: _cache[0] || (_cache[0] = ($event) => changeFontStyle("bold"))
+				}, [createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.bold")), 1)]),
+					default: withCtx(() => [createVNode(unref(BoldOutlined))]),
+					_: 1
+				})], 2),
+				createElementVNode("div", {
+					class: normalizeClass(["icon-box", unref(italic) ? "selected" : null]),
+					onClick: _cache[1] || (_cache[1] = ($event) => changeFontStyle("italic"))
+				}, [createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.italic")), 1)]),
+					default: withCtx(() => [createVNode(unref(ItalicOutlined))]),
+					_: 1
+				})], 2),
+				createElementVNode("div", {
+					class: normalizeClass(["icon-box", unref(textDecoration) === unref(TextDecoration).UNDERLINE ? "selected" : null]),
+					onClick: _cache[2] || (_cache[2] = ($event) => changeTextDecoration(unref(TextDecoration).UNDERLINE))
+				}, [createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.underline")), 1)]),
+					default: withCtx(() => [createVNode(unref(UnderlineOutlined))]),
+					_: 1
+				})], 2),
+				createElementVNode("div", {
+					class: normalizeClass(["icon-box", unref(textDecoration) === unref(TextDecoration).LINETHROUGH ? "selected" : null]),
+					onClick: _cache[3] || (_cache[3] = ($event) => changeTextDecoration(unref(TextDecoration).LINETHROUGH))
+				}, [createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.linethrough")), 1)]),
+					default: withCtx(() => [createVNode(unref(StrikethroughOutlined))]),
+					_: 1
+				})], 2)
+			]);
+		};
+	}
+});
+//#endregion
+export { font_style_group_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/editor/style/font-editor/util.mjs

@@ -1,12 +1,12 @@
-import { TextDecoration, TextAlign } from '@gct-paas/core';
-
-const DefaultFont = {
-  fontSize: "14px",
-  color: "#000000",
-  align: TextAlign.LEFT,
-  bold: false,
-  italic: false,
-  textDecoration: TextDecoration.NONE
+import { TextAlign, TextDecoration } from "@gct-paas/core";
+//#region src/components/editor/style/font-editor/util.ts
+var DefaultFont = {
+	fontSize: "14px",
+	color: "#000000",
+	align: TextAlign.LEFT,
+	bold: false,
+	italic: false,
+	textDecoration: TextDecoration.NONE
 };
-
+//#endregion
 export { DefaultFont };

package/es/components/editor/style/position-editor/position-editor.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import position_editor_vue_vue_type_script_setup_true_name_position_editor_lang_default from "./position-editor.vue_vue_type_script_setup_true_name_position-editor_lang.mjs";
+import './position-editor.vue_vue_type_style_index_0_scoped_cc7cb9d8_lang.css';/* empty css                                                                      */
+//#region src/components/editor/style/position-editor/position-editor.vue
+var position_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(position_editor_vue_vue_type_script_setup_true_name_position_editor_lang_default, [["__scopeId", "data-v-cc7cb9d8"]]);
+//#endregion
+export { position_editor_default as default };

package/es/components/editor/style/position-editor/position-editor.vue_vue_type_script_setup_true_name_position-editor_lang.mjs

@@ -0,0 +1,193 @@
+import upleft_icon_default from "../../../icon/upleft-icon.vue.mjs";
+import downleft_icon_default from "../../../icon/downleft-icon.vue.mjs";
+import downright_icon_default from "../../../icon/downright-icon.vue.mjs";
+import upright_icon_default from "../../../icon/upright-icon.vue.mjs";
+import { merge } from "lodash-es";
+import { Postion, emitFieldSet, t } from "@gct-paas/core";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, openBlock, resolveComponent, unref, vModelText, withCtx, withDirectives } from "vue";
+//#region src/components/editor/style/position-editor/position-editor.vue?vue&type=script&setup=true&name=position-editor&lang.ts
+var _hoisted_1 = { class: "position-editor" };
+var _hoisted_2 = {
+	key: 0,
+	class: "ab-btn-box",
+	style: { "margin-top": "10px" }
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "position-box"
+};
+var _hoisted_4 = { class: "top-div" };
+var _hoisted_5 = { class: "next-input next-medium next-noborder" };
+var _hoisted_6 = { class: "right-div" };
+var _hoisted_7 = { class: "next-input next-medium next-noborder" };
+var _hoisted_8 = { class: "bottom-div" };
+var _hoisted_9 = { class: "next-input next-medium next-noborder" };
+var _hoisted_10 = { class: "left-div" };
+var _hoisted_11 = { class: "next-input next-medium next-noborder" };
+var position_editor_vue_vue_type_script_setup_true_name_position_editor_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "position-editor",
+	props: { value: { default: () => ({}) } },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const positionOptions = [
+			{
+				label: Postion.RELATIVE,
+				value: Postion.RELATIVE
+			},
+			{
+				label: Postion.ABSOLUTE,
+				value: Postion.ABSOLUTE
+			},
+			{
+				label: Postion.FIXED,
+				value: Postion.FIXED
+			},
+			{
+				label: Postion.STICKY,
+				value: Postion.STICKY
+			}
+		];
+		const props = __props;
+		const emit = __emit;
+		const { top, left, bottom, right, position } = emitFieldSet(computed(() => {
+			const result = {
+				top: void 0,
+				left: void 0,
+				bottom: void 0,
+				right: void 0,
+				position: void 0
+			};
+			merge(result, props.value || {});
+			return result;
+		}), (k, v, obj) => {
+			emit("update:value", k === "position" && !v ? void 0 : obj);
+		});
+		let absolutePos = "";
+		const handleClickAbsolutePos = (pos) => {
+			absolutePos = pos;
+			switch (absolutePos) {
+				case "upLeft":
+					top.value = "0";
+					left.value = "0";
+					right.value = "";
+					bottom.value = "";
+					break;
+				case "downLeft":
+					top.value = "";
+					left.value = "0";
+					right.value = "";
+					bottom.value = "0";
+					break;
+				case "upRight":
+					top.value = "0";
+					left.value = "";
+					right.value = "0";
+					bottom.value = "";
+					break;
+				case "downRight":
+					top.value = "";
+					left.value = "";
+					right.value = "0";
+					bottom.value = "0";
+					break;
+				default: break;
+			}
+		};
+		const clearPosition = () => {
+			top.value = "";
+			left.value = "";
+			right.value = "";
+			bottom.value = "";
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_select, {
+					value: unref(position),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(position) ? position.value = $event : null),
+					options: positionOptions,
+					"allow-clear": "",
+					size: "small",
+					onClear: clearPosition
+				}, null, 8, ["value"]),
+				unref(position) === "absolute" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+					createVNode(_component_a_button, {
+						size: "middle",
+						onClick: _cache[1] || (_cache[1] = ($event) => handleClickAbsolutePos("upLeft"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_a_tooltip, { title: unref(t)("sys.pageDesigner.upLeft") }, {
+							default: withCtx(() => [createVNode(upleft_icon_default)]),
+							_: 1
+						}, 8, ["title"])]),
+						_: 1
+					}),
+					createVNode(_component_a_button, {
+						size: "middle",
+						onClick: _cache[2] || (_cache[2] = ($event) => handleClickAbsolutePos("upRight"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_a_tooltip, { title: unref(t)("sys.pageDesigner.upRight") }, {
+							default: withCtx(() => [createVNode(upright_icon_default)]),
+							_: 1
+						}, 8, ["title"])]),
+						_: 1
+					}),
+					createVNode(_component_a_button, {
+						size: "middle",
+						onClick: _cache[3] || (_cache[3] = ($event) => handleClickAbsolutePos("downLeft"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_a_tooltip, { title: unref(t)("sys.pageDesigner.downLeft") }, {
+							default: withCtx(() => [createVNode(downleft_icon_default)]),
+							_: 1
+						}, 8, ["title"])]),
+						_: 1
+					}),
+					createVNode(_component_a_button, {
+						size: "middle",
+						onClick: _cache[4] || (_cache[4] = ($event) => handleClickAbsolutePos("downRight"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_a_tooltip, { title: unref(t)("sys.pageDesigner.downRight") }, {
+							default: withCtx(() => [createVNode(downright_icon_default)]),
+							_: 1
+						}, 8, ["title"])]),
+						_: 1
+					})
+				])) : createCommentVNode("", true),
+				![
+					"",
+					"static",
+					null,
+					void 0
+				].includes(unref(position)) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+					createElementVNode("div", _hoisted_4, [createElementVNode("span", _hoisted_5, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(top) ? top.value = $event : null),
+						placeholder: "auto",
+						maxlength: "4",
+						autocomplete: "off"
+					}, null, 512), [[vModelText, unref(top)]])])]),
+					createElementVNode("div", _hoisted_6, [createElementVNode("span", _hoisted_7, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(right) ? right.value = $event : null),
+						placeholder: "auto",
+						maxlength: "4",
+						autocomplete: "off"
+					}, null, 512), [[vModelText, unref(right)]])])]),
+					createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(bottom) ? bottom.value = $event : null),
+						placeholder: "auto",
+						maxlength: "4",
+						autocomplete: "off"
+					}, null, 512), [[vModelText, unref(bottom)]])])]),
+					createElementVNode("div", _hoisted_10, [createElementVNode("span", _hoisted_11, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(left) ? left.value = $event : null),
+						placeholder: "auto",
+						maxlength: "4",
+						autocomplete: "off"
+					}, null, 512), [[vModelText, unref(left)]])])])
+				])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { position_editor_vue_vue_type_script_setup_true_name_position_editor_lang_default as default };

package/es/components/editor/style/spacing-editor/spacing-editor.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import spacing_editor_vue_vue_type_script_setup_true_lang_default from "./spacing-editor.vue_vue_type_script_setup_true_lang.mjs";
+import './spacing-editor.vue_vue_type_style_index_0_scoped_18c72ccf_lang.css';/* empty css                                                                     */
+//#region src/components/editor/style/spacing-editor/spacing-editor.vue
+var spacing_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(spacing_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-18c72ccf"]]);
+//#endregion
+export { spacing_editor_default as default };