@gct-paas/core-web 0.1.5-test.1 → 0.1.6-dev.0

package/es/components/label-design/components/mr-vue/MrContainer.vue_vue_type_style_index_0_scoped_941d44eb_lang.css

@@ -0,0 +1,30 @@
+
+.mr-container[data-v-941d44eb] {
+  position: relative;
+  outline: none;
+  background-color: #fff;
+}
+.selection-area[data-v-941d44eb] {
+  position: absolute;
+  border: 1px solid #03a9f4;
+  background-color: rgb(3 169 244 / 8%);
+}
+.subline[data-v-941d44eb] {
+  display: none;
+  position: absolute;
+  z-index: 999;
+  background-color: rgb(235 66 250);
+}
+.subline--h[data-v-941d44eb] {
+  left: 0;
+  width: 100%;
+  height: 1px;
+}
+.subline--v[data-v-941d44eb] {
+  top: 0;
+  width: 1px;
+  height: 100%;
+}
+.subline--center[data-v-941d44eb] {
+  background-color: rgb(0 247 255);
+}

package/es/components/label-design/components/mr-vue/MrEl.vue.d.ts

@@ -0,0 +1,164 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    internal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    left: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    handles: {
+        type: PropType<string[] | null>;
+        default: () => string[];
+    };
+    elem: {
+        type: PropType<IObject>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    internal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    left: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    handles: {
+        type: PropType<string[] | null>;
+        default: () => string[];
+    };
+    elem: {
+        type: PropType<IObject>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    name: string;
+    internal: boolean;
+    events: Record<string, any>;
+    width: number;
+    height: number;
+    minWidth: number;
+    minHeight: number;
+    top: number;
+    bottom: number;
+    left: number;
+    right: string | number;
+    zIndex: number;
+    rotate: number;
+    handles: string[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/label-design/components/mr-vue/MrEl.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default from "./MrEl.vue_vue_type_script_setup_true_name_mr-el_lang.mjs";
+import './MrEl.vue_vue_type_style_index_0_scoped_abef86c9_lang.css';/* empty css                                                           */
+//#region src/components/label-design/components/mr-vue/MrEl.vue
+var MrEl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default, [["__scopeId", "data-v-abef86c9"]]);
+//#endregion
+export { MrEl_default as default };

package/es/components/label-design/components/mr-vue/MrEl.vue_vue_type_script_setup_true_name_mr-el_lang.mjs

@@ -0,0 +1,214 @@
+import { PRINT_ELE_TYPE } from "../../constants/CommonPrintElems.mjs";
+import { useDesigner } from "../../hooks/useDesigner.mjs";
+import { useProp } from "../../hooks/useProp.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, vShow, withDirectives, withModifiers } from "vue";
+//#region src/components/label-design/components/mr-vue/MrEl.vue?vue&type=script&setup=true&name=mr-el&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "page-wrap-desc"
+};
+var _hoisted_2 = {
+	key: 3,
+	class: "selection-box--internal"
+};
+var _hoisted_3 = {
+	key: 4,
+	class: "selection-box"
+};
+var MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MrEl",
+	props: {
+		id: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			default: ""
+		},
+		internal: {
+			type: Boolean,
+			default: false
+		},
+		events: {
+			type: Object,
+			default: void 0
+		},
+		width: {
+			type: Number,
+			default: void 0
+		},
+		height: {
+			type: Number,
+			default: void 0
+		},
+		minWidth: {
+			type: Number,
+			default: 20
+		},
+		minHeight: {
+			type: Number,
+			default: 20
+		},
+		top: {
+			type: Number,
+			default: 0
+		},
+		bottom: {
+			type: Number,
+			default: void 0
+		},
+		left: {
+			type: Number,
+			default: 0
+		},
+		right: {
+			type: [String, Number],
+			default: "auto"
+		},
+		zIndex: {
+			type: Number,
+			default: void 0
+		},
+		rotate: {
+			type: Number,
+			default: 0
+		},
+		handles: {
+			type: Array,
+			default: function() {
+				return [
+					"mt",
+					"mr",
+					"mb",
+					"ml",
+					"tl",
+					"tc",
+					"tr",
+					"br",
+					"bc",
+					"bl",
+					"lc",
+					"rc"
+				];
+			}
+		},
+		elem: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const { selectedElements, hoveredElements, addSelectedElement, clearSelectedElements, updateEgglement } = useDesigner();
+		const { selectedItem } = useProp({ emit: () => void 0 });
+		const props = __props;
+		const unHandles = computed(() => {
+			return props.elem?.type == "BAR_CODE" ? props.elem?.rotate == 90 ? ["mb", "mt"] : ["mr", "ml"] : null;
+		});
+		const active = computed(() => {
+			return selectedElements.value.findIndex((el) => el.id === props.id) !== -1;
+		});
+		const avtiveHover = computed(() => {
+			return hoveredElements.value.findIndex((el) => el.id === props.id) !== -1;
+		});
+		const resizable = computed(() => {
+			return props.handles !== null && props.handles.length > 0 && !props.internal;
+		});
+		/**针对线段需要做一些修正 */
+		const elTopNumber = computed(() => {
+			let top = parseFloat((props.top || 0) + "");
+			if (props.elem?.type === PRINT_ELE_TYPE.HORIZONTAL_LINE) {
+				const height = props.elem.height;
+				top -= height / 2 - 1;
+			}
+			return top;
+		});
+		/**针对线段需要做一些修正 */
+		const elLeftNumber = computed(() => {
+			let left = parseFloat((props.left || 0) + "");
+			if (props.elem?.type === PRINT_ELE_TYPE.VERTICAL_LINE) {
+				const width = props.elem.width;
+				left -= width / 2 - 1;
+			}
+			return left;
+		});
+		const style = computed(() => {
+			return {
+				zIndex: props.zIndex,
+				minWidth: props.minWidth + "px",
+				minHeight: props.minHeight + "px",
+				top: elTopNumber.value + "px",
+				left: elLeftNumber.value + "px",
+				bottom: typeof props.bottom === "number" ? props.bottom + "px" : props.bottom,
+				right: typeof props.right === "number" ? props.right + "px" : props.right,
+				width: typeof props.width === "number" ? props.width + "px" : props.width,
+				height: typeof props.height === "number" ? props.height + "px" : props.height
+			};
+		});
+		const activatedHandler = (e) => {
+			const currentElem = props.elem;
+			if (currentElem.id === selectedItem.value.id && selectedItem.value.isEdit) return;
+			if (selectedItem.value.type === PRINT_ELE_TYPE.TEXT && selectedItem.value.isEdit) updateEgglement({
+				egglement: selectedItem.value,
+				isEdit: false
+			});
+			e.stopPropagation();
+			e.preventDefault();
+			if (e.shiftKey && active.value) addSelectedElement(currentElem);
+			else if (!e.shiftKey && !active.value) {
+				clearSelectedElements();
+				addSelectedElement(currentElem);
+			}
+		};
+		const handleDoubleClick = () => {
+			if (selectedItem.value.type === PRINT_ELE_TYPE.TEXT && selectedItem.value.attrs.text.type === "FIXED") updateEgglement({
+				egglement: selectedItem.value,
+				isEdit: true
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-mr-el": "true",
+				class: normalizeClass(["mr-el", {
+					internal: __props.internal,
+					rotDiv: null
+				}]),
+				style: normalizeStyle(style.value),
+				onDblclick: _cache[0] || (_cache[0] = ($event) => handleDoubleClick()),
+				onMousedown: _cache[1] || (_cache[1] = withModifiers((e) => activatedHandler(e), ["exact", "stop"])),
+				onMousedownCapture: [_cache[2] || (_cache[2] = withModifiers((e) => activatedHandler(e), ["meta", "stop"])), _cache[3] || (_cache[3] = withModifiers((e) => activatedHandler(e), ["ctrl", "stop"]))]
+			}, [
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				!unref(selectedItem)?.isEdit ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["mr-mask", {
+						"mr-active": active.value,
+						"mr-hover": avtiveHover.value
+					}])
+				}, null, 2)) : createCommentVNode("", true),
+				_cache[5] || (_cache[5] = createElementVNode("div", {
+					class: "tag-handle",
+					style: { "display": "none" }
+				}, [createElementVNode("div", { class: "handle-body" }), createElementVNode("i", {
+					class: "font_family icon-ico-dzt",
+					"data-mr-rotate": "true"
+				})], -1)),
+				__props.name === "pageWrap" ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "page-wrap-desc_text" }, " 该区域无法直接编辑，请在页面列表中点击前往相应的子页面编辑内容。 ", -1)])])) : createCommentVNode("", true),
+				resizable.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.handles, (handle) => {
+					return withDirectives((openBlock(), createElementBlock("div", {
+						key: handle,
+						"data-mr-handle": "true",
+						class: normalizeClass(["handle", handle])
+					}, null, 2)), [[vShow, active.value]]);
+				}), 128)), __props.elem?.type == "BAR_CODE" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unHandles.value, (item, index) => {
+					return withDirectives((openBlock(), createElementBlock("div", {
+						key: item + index,
+						class: normalizeClass(["unhandle", `un-${item}`])
+					}, null, 2)), [[vShow, active.value]]);
+				}), 128)) : createCommentVNode("", true)], 64)) : __props.internal ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, null, 512)), [[vShow, active.value]]) : withDirectives((openBlock(), createElementBlock("div", _hoisted_3, null, 512)), [[vShow, active.value]])
+			], 38);
+		};
+	}
+});
+//#endregion
+export { MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default as default };