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

package/es/components/label-design/components/widgets/index.mjs

@@ -0,0 +1,49 @@
+import { BarCode_exports } from "./BarCode.vue.mjs";
+import { HorizontalLine_exports } from "./HorizontalLine.vue.mjs";
+import { Icon_exports } from "./Icon.vue.mjs";
+import { Image_exports } from "./Image.vue.mjs";
+import { QrCode_exports } from "./QrCode.vue.mjs";
+import { ReactAngle_exports } from "./ReactAngle.vue.mjs";
+import { Text_exports } from "./Text.vue.mjs";
+import { VerticalLine_exports } from "./VerticalLine.vue.mjs";
+import { richText_exports } from "./richText.vue.mjs";
+//#region src/components/label-design/components/widgets/index.ts
+var comps = {};
+var widgets = /* @__PURE__ */ Object.assign({
+	"./BarCode.vue": BarCode_exports,
+	"./HorizontalLine.vue": HorizontalLine_exports,
+	"./Icon.vue": Icon_exports,
+	"./Image.vue": Image_exports,
+	"./QrCode.vue": QrCode_exports,
+	"./ReactAngle.vue": ReactAngle_exports,
+	"./Text.vue": Text_exports,
+	"./VerticalLine.vue": VerticalLine_exports,
+	"./richText.vue": richText_exports
+});
+var toKebabCase = (value) => {
+	return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+};
+var toUpperSnakeCase = (value) => {
+	return toKebabCase(value).replace(/-/g, "_").toUpperCase();
+};
+var getFileName = (path) => {
+	return (path.replace(/\\/g, "/").split("/").pop() || "").replace(/\.vue$/i, "");
+};
+for (const path in widgets) {
+	const component = widgets[path].default;
+	const componentName = component.name || component.__name || "";
+	const fileName = getFileName(path);
+	new Set([
+		componentName,
+		fileName,
+		toKebabCase(componentName),
+		toKebabCase(fileName),
+		toUpperSnakeCase(componentName),
+		toUpperSnakeCase(fileName)
+	]).forEach((name) => {
+		if (!name) return;
+		comps[name] = component;
+	});
+}
+//#endregion
+export { comps as default };

package/es/components/label-design/components/widgets/richText.vue.mjs

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import richText_vue_vue_type_script_setup_true_lang_default from "./richText.vue_vue_type_script_setup_true_lang.mjs";
+import './richText.vue_vue_type_style_index_0_scoped_d05f3ffd_lang.css';/* empty css                                                              */
+//#region src/components/label-design/components/widgets/richText.vue
+var richText_exports = /* @__PURE__ */ __exportAll({ default: () => richText_default });
+var richText_default = /* @__PURE__ */ _plugin_vue_export_helper_default(richText_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d05f3ffd"]]);
+//#endregion
+export { richText_exports };

package/es/components/label-design/components/widgets/richText.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,58 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock } from "vue";
+//#region src/components/label-design/components/widgets/richText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["innerHTML"];
+var richText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RichTextWidget",
+	__name: "richText",
+	props: {
+		text: { type: String },
+		fontSize: { type: Number },
+		bgColor: { type: String },
+		borderTop: { type: Object },
+		borderRight: { type: Object },
+		borderBottom: { type: Object },
+		borderLeft: { type: Object },
+		borderTopLeftRadius: { type: Object },
+		borderTopRightRadius: { type: Object },
+		borderBottomLeftRadius: { type: Object },
+		borderBottomRightRadius: { type: Object },
+		type: { type: String },
+		label: { type: String }
+	},
+	setup(__props) {
+		const props = __props;
+		const showText = computed(() => {
+			let text = "";
+			if (props.type === "VAR") text = props.text ? props.label || props.text : "";
+			else text = props.text || "";
+			return text;
+		});
+		const style = computed(() => {
+			const obj = {
+				fontSize: props.fontSize + "px",
+				backgroundColor: props.bgColor || ""
+			};
+			if (props.borderTop) obj.borderTop = `${props.borderTop.borderColor} ${props.borderTop.borderStyle} ${props.borderTop.borderWidth}px`;
+			if (props.borderRight) obj.borderRight = `${props.borderRight.borderColor} ${props.borderRight.borderStyle} ${props.borderRight.borderWidth}px`;
+			if (props.borderBottom) obj.borderBottom = `${props.borderBottom.borderColor} ${props.borderBottom.borderStyle} ${props.borderBottom.borderWidth}px`;
+			if (props.borderLeft) obj.borderLeft = `${props.borderLeft.borderColor} ${props.borderLeft.borderStyle} ${props.borderLeft.borderWidth}px`;
+			obj.borderRadius = `${props.borderTopLeftRadius || "0"}px ${props.borderTopRightRadius || "0"}px ${props.borderBottomRightRadius || "0"}px ${props.borderBottomLeftRadius || "0"}px`;
+			return obj;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "p-label",
+				style: normalizeStyle(style.value)
+			}, [createElementVNode("div", {
+				class: normalizeClass(["p-label_text", {
+					"color-[#C3C3C3]": !props.text,
+					"is-empty": !props.text
+				}]),
+				"data-placeholder": "请输入富文本",
+				innerHTML: showText.value
+			}, null, 10, _hoisted_1)], 4);
+		};
+	}
+});
+//#endregion
+export { richText_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/components/widgets/richText.vue_vue_type_style_index_0_scoped_d05f3ffd_lang.css

@@ -0,0 +1,29 @@
+
+.p-label[data-v-d05f3ffd] {
+  /* overflow: hidden; */
+  text-overflow: ellipsis;
+  outline: none;
+  /* display: table; */
+  border: 1px dashed #e8ebf0;
+  word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
+  overflow-wrap: break-word; /* 允许在单词内换行 */
+  box-sizing: border-box;
+}
+.p-label_text[data-v-d05f3ffd] {
+  width: 100%;
+  /* height: 100%; */
+  word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
+  overflow-wrap: break-word; /* 允许在单词内换行 */
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.is-empty {
+&[data-v-d05f3ffd]::before {
+    content: attr(data-placeholder);
+    width: 100%;
+    height: 100%;
+    color: #c3c3c3;
+    pointer-events: none;
+    font-size: 14px;
+}
+}

package/es/components/label-design/constants/CommonPrintElems.d.ts

@@ -0,0 +1,281 @@
+export declare enum PRINT_ELE_TYPE {
+    RECTANGLE = "RECTANGLE",
+    HORIZONTAL_LINE = "HORIZONTAL_LINE",
+    VERTICAL_LINE = "VERTICAL_LINE",
+    TEXT = "TEXT",
+    BAR_CODE = "BAR_CODE",
+    QR_CODE = "QR_CODE",
+    IMAGE = "IMAGE",
+    ICON = "ICON",
+    RICH_TEXT = "RICH_TEXT"
+}
+export declare enum DATA_TYPE {
+    FIXED = "FIXED",
+    VAR = "VAR"
+}
+export declare enum CONTENT_TYPE {
+    MODEL = "model",
+    EXPRESSION = "expr",
+    LABEL_PARAMS = "label_params"
+}
+export declare enum QR_CODE_TYPE {
+    QR_CODE = "QR_CODE",
+    GS1_DATA_MATRIX = "GS1_DATA_MATRIX"
+}
+declare const symbolElements: ({
+    label: string;
+    children: ({
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            text?: undefined;
+            src?: undefined;
+        };
+        styles: {
+            'border-color': string;
+            'border-style': string;
+            'border-width': number;
+            background: string;
+            'text-align'?: undefined;
+            'vertical-align'?: undefined;
+            color?: undefined;
+            'font-size'?: undefined;
+            'font-family'?: undefined;
+        };
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        isEdit?: undefined;
+        hasRotate?: undefined;
+        rotateWidth?: undefined;
+        rotateHeight?: undefined;
+    } | {
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        styles: {
+            'border-color'?: undefined;
+            'border-style'?: undefined;
+            background?: undefined;
+            color: string;
+            'border-width': number;
+            'text-align'?: undefined;
+            'vertical-align'?: undefined;
+            'font-size'?: undefined;
+            'font-family'?: undefined;
+        };
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        isEdit?: undefined;
+        attrs?: undefined;
+        hasRotate?: undefined;
+        rotateWidth?: undefined;
+        rotateHeight?: undefined;
+    } | {
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            text?: undefined;
+            src?: undefined;
+        };
+        styles: {
+            'border-color'?: undefined;
+            'border-style'?: undefined;
+            background?: undefined;
+            color: string;
+            'border-width': number;
+            'text-align'?: undefined;
+            'vertical-align'?: undefined;
+            'font-size'?: undefined;
+            'font-family'?: undefined;
+        };
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        isEdit?: undefined;
+        hasRotate?: undefined;
+        rotateWidth?: undefined;
+        rotateHeight?: undefined;
+    } | {
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        isEdit: boolean;
+        attrs: {
+            text: {
+                label: string;
+                value: string;
+                type: DATA_TYPE;
+            };
+            src?: undefined;
+        };
+        styles: {
+            'border-color'?: undefined;
+            'border-style'?: undefined;
+            background?: undefined;
+            'border-width'?: undefined;
+            'text-align': string;
+            'vertical-align': string;
+            color: string;
+            'font-size': number;
+            'font-family': string;
+        };
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        hasRotate: boolean;
+        rotateWidth: number;
+        rotateHeight: number;
+    } | {
+        isEdit?: undefined;
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            text?: undefined;
+            src: {
+                value: string;
+            };
+        };
+        styles: {
+            'border-color'?: undefined;
+            'border-style'?: undefined;
+            background?: undefined;
+            'border-width'?: undefined;
+            'text-align'?: undefined;
+            'vertical-align'?: undefined;
+            color?: undefined;
+            'font-size'?: undefined;
+            'font-family'?: undefined;
+        };
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        hasRotate: boolean;
+        rotateWidth: number;
+        rotateHeight: number;
+    })[];
+} | {
+    label: string;
+    children: ({
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            content: {
+                label: string;
+                value: string;
+                type: DATA_TYPE;
+            };
+            type: {
+                value: string;
+            };
+            dot: {
+                value: number;
+            };
+            showText: {
+                value: boolean;
+            };
+            varLength: {
+                value: number;
+            };
+            magnification?: undefined;
+            icon?: undefined;
+            logoColor?: undefined;
+            logoBgColor?: undefined;
+        };
+        styles: {};
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        hasRotate: boolean;
+        rotateWidth: number;
+        rotateHeight: number;
+    } | {
+        hasRotate?: undefined;
+        rotateWidth?: undefined;
+        rotateHeight?: undefined;
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            dot?: undefined;
+            showText?: undefined;
+            varLength?: undefined;
+            content: {
+                label: string;
+                value: string;
+                type: DATA_TYPE;
+            };
+            type: {
+                value: string;
+            };
+            magnification: {
+                value: number;
+            };
+            icon?: undefined;
+            logoColor?: undefined;
+            logoBgColor?: undefined;
+        };
+        styles: {};
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+    } | {
+        alias: string;
+        iconName: string;
+        displayName: string;
+        type: PRINT_ELE_TYPE;
+        width: number;
+        height: number;
+        attrs: {
+            dot?: undefined;
+            showText?: undefined;
+            varLength?: undefined;
+            content?: undefined;
+            type?: undefined;
+            magnification?: undefined;
+            icon: {
+                value: string;
+            };
+            logoColor: {
+                value: string;
+            };
+            logoBgColor: {
+                value: string;
+            };
+        };
+        styles: {};
+        classes: {};
+        rotate: number;
+        hasPos: boolean;
+        hasRotate: boolean;
+        rotateWidth: number;
+        rotateHeight: number;
+    })[];
+})[];
+export default symbolElements;

package/es/components/label-design/constants/CommonPrintElems.mjs

@@ -0,0 +1,199 @@
+//#region src/components/label-design/constants/CommonPrintElems.ts
+var PRINT_ELE_TYPE = /* @__PURE__ */ function(PRINT_ELE_TYPE) {
+	PRINT_ELE_TYPE["RECTANGLE"] = "RECTANGLE";
+	PRINT_ELE_TYPE["HORIZONTAL_LINE"] = "HORIZONTAL_LINE";
+	PRINT_ELE_TYPE["VERTICAL_LINE"] = "VERTICAL_LINE";
+	PRINT_ELE_TYPE["TEXT"] = "TEXT";
+	PRINT_ELE_TYPE["BAR_CODE"] = "BAR_CODE";
+	PRINT_ELE_TYPE["QR_CODE"] = "QR_CODE";
+	PRINT_ELE_TYPE["IMAGE"] = "IMAGE";
+	PRINT_ELE_TYPE["ICON"] = "ICON";
+	PRINT_ELE_TYPE["RICH_TEXT"] = "RICH_TEXT";
+	return PRINT_ELE_TYPE;
+}({});
+var DATA_TYPE = /* @__PURE__ */ function(DATA_TYPE) {
+	DATA_TYPE["FIXED"] = "FIXED";
+	DATA_TYPE["VAR"] = "VAR";
+	return DATA_TYPE;
+}({});
+var CONTENT_TYPE = /* @__PURE__ */ function(CONTENT_TYPE) {
+	CONTENT_TYPE["MODEL"] = "model";
+	CONTENT_TYPE["EXPRESSION"] = "expr";
+	CONTENT_TYPE["LABEL_PARAMS"] = "label_params";
+	return CONTENT_TYPE;
+}({});
+var QR_CODE_TYPE = /* @__PURE__ */ function(QR_CODE_TYPE) {
+	QR_CODE_TYPE["QR_CODE"] = "QR_CODE";
+	QR_CODE_TYPE["GS1_DATA_MATRIX"] = "GS1_DATA_MATRIX";
+	return QR_CODE_TYPE;
+}({});
+var symbolElements = [{
+	label: "基础",
+	children: [
+		{
+			alias: "",
+			iconName: "juxing",
+			displayName: "矩形",
+			type: PRINT_ELE_TYPE.RECTANGLE,
+			width: 100,
+			height: 50,
+			attrs: {},
+			styles: {
+				"border-color": "#333",
+				"border-style": "solid",
+				"border-width": 2,
+				background: "transparent"
+			},
+			classes: {},
+			rotate: 0,
+			hasPos: true
+		},
+		{
+			alias: "",
+			iconName: "hengxian",
+			displayName: "横线",
+			type: PRINT_ELE_TYPE.HORIZONTAL_LINE,
+			width: 200,
+			height: 24,
+			styles: {
+				color: "#333",
+				"border-width": 2
+			},
+			classes: {},
+			rotate: 0,
+			hasPos: true
+		},
+		{
+			alias: "",
+			iconName: "shuxian",
+			displayName: "竖线",
+			type: PRINT_ELE_TYPE.VERTICAL_LINE,
+			width: 24,
+			height: 200,
+			attrs: {},
+			styles: {
+				color: "#333",
+				"border-width": 2
+			},
+			classes: {},
+			rotate: 0,
+			hasPos: true
+		},
+		{
+			alias: "",
+			iconName: "wenben1",
+			displayName: "文本",
+			type: PRINT_ELE_TYPE.TEXT,
+			width: 100,
+			height: 40,
+			isEdit: false,
+			attrs: { text: {
+				label: "文本",
+				value: "",
+				type: DATA_TYPE.FIXED
+			} },
+			styles: {
+				"text-align": "left",
+				"vertical-align": "top",
+				color: "#000",
+				"font-size": 18,
+				"font-family": "微软雅黑"
+			},
+			classes: {},
+			rotate: 0,
+			hasPos: true,
+			hasRotate: true,
+			rotateWidth: 0,
+			rotateHeight: 0
+		},
+		{
+			alias: "",
+			iconName: "tupian_wudaima",
+			displayName: "图片",
+			type: PRINT_ELE_TYPE.IMAGE,
+			width: 80,
+			height: 80,
+			attrs: { src: { value: "" } },
+			styles: {},
+			classes: {},
+			rotate: 0,
+			hasPos: true,
+			hasRotate: true,
+			rotateWidth: 0,
+			rotateHeight: 0
+		}
+	]
+}, {
+	label: "高级",
+	children: [
+		{
+			alias: "",
+			iconName: "tiaoma",
+			displayName: "条形码",
+			type: PRINT_ELE_TYPE.BAR_CODE,
+			width: 167,
+			height: 40,
+			attrs: {
+				content: {
+					label: "Barcode Text",
+					value: "Barcode Text",
+					type: DATA_TYPE.FIXED
+				},
+				type: { value: "CODE_128" },
+				dot: { value: 1 },
+				showText: { value: true },
+				varLength: { value: 10 }
+			},
+			styles: {},
+			classes: {},
+			rotate: 0,
+			hasPos: true,
+			hasRotate: true,
+			rotateWidth: 0,
+			rotateHeight: 0
+		},
+		{
+			alias: "",
+			iconName: "erweima2",
+			displayName: "二维码",
+			type: PRINT_ELE_TYPE.QR_CODE,
+			width: 102,
+			height: 102,
+			attrs: {
+				content: {
+					label: "QR code Text",
+					value: "QR code Text",
+					type: DATA_TYPE.FIXED
+				},
+				type: { value: "QR_CODE" },
+				magnification: { value: 4 }
+			},
+			styles: {},
+			classes: {},
+			rotate: 0,
+			hasPos: true
+		},
+		{
+			alias: "",
+			iconName: "tubiao",
+			displayName: "图标",
+			type: PRINT_ELE_TYPE.ICON,
+			width: 72,
+			height: 72,
+			attrs: {
+				icon: { value: "icon-park:aiming" },
+				logoColor: { value: "#ffffff" },
+				logoBgColor: { value: "#3370FF" }
+			},
+			styles: {},
+			classes: {},
+			rotate: 0,
+			hasPos: true,
+			hasRotate: true,
+			rotateWidth: 0,
+			rotateHeight: 0
+		}
+	]
+}];
+//#endregion
+export { CONTENT_TYPE, DATA_TYPE, PRINT_ELE_TYPE, QR_CODE_TYPE, symbolElements as default };

package/es/components/label-design/constants/size.d.ts

@@ -0,0 +1,25 @@
+export declare const sizeOpt: ({
+    value: number;
+    width: number;
+    height: number;
+    label: string;
+} | {
+    value: number;
+    width: undefined;
+    height: undefined;
+    label: string;
+})[];
+export declare function getSpecificationsForSize(value: ArrayType<typeof sizeOpt>['value'], dpi: number): {
+    width: undefined;
+    height: undefined;
+    strWidth: string;
+    strHeight: string;
+} | {
+    width: number;
+    height: number;
+    strWidth: string;
+    strHeight: string;
+};
+export declare function transformsize(n: number, dpi: number): string;
+/**根据dip转化 */
+export declare function transformCoordinateByDpi(n: number, olddpi: number, newdpi: number): number;