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

package/es/components/label-design/hooks/usePage.mjs

@@ -0,0 +1,138 @@
+import aliasManager from "../helper/aliasManager.mjs";
+import { mmConvertPx } from "../helper/unit-conversion.mjs";
+import { ref } from "vue";
+import { isEmpty } from "lodash-es";
+//#region src/components/label-design/hooks/usePage.ts
+var project = ref({
+	labelWidth: 0,
+	labelHeight: 0,
+	height: "",
+	width: "",
+	heightMM: "",
+	widthMM: "",
+	id: "",
+	key: "",
+	page: [],
+	projectName: "",
+	styles: {
+		position: "relative",
+		margin: "auto",
+		background: "#fff"
+	},
+	printType: "zpl"
+});
+var w = ref(0);
+var wM = ref(0);
+var h$1 = ref(0);
+var hM = ref(0);
+var pageDesignHistoryList = ref([]);
+var pageNo = ref(1);
+var noMore = ref(false);
+var loading = ref(false);
+var isEdhr = ref(false);
+var labelInfo = ref();
+function usePage() {
+	const route = _gct.router.currentRoute.value;
+	isEdhr.value = Boolean(route?.query?.isEdhr);
+	/**
+	* 获取历史版本信息
+	* @param id
+	* @returns
+	*/
+	async function loadLabelDesignHistoryInfo(id) {
+		return _api.apaas.labelLog.getInfo({ id });
+	}
+	/** 获取历史版本列表 */
+	async function loadLabelDesignHistoryList() {
+		if (loading.value || noMore.value) return;
+		loading.value = true;
+		try {
+			const res = await _api.apaas.labelLog.getPageList({
+				labelKey: labelInfo.value?.key,
+				pageNo: pageNo.value ?? 1,
+				pageSize: 50
+			});
+			if (res) {
+				if (pageNo.value === 1) pageDesignHistoryList.value = res.data || [];
+				else pageDesignHistoryList.value = [...pageDesignHistoryList.value, ...res.data || []];
+				if (pageDesignHistoryList.value?.length >= (res.totalCount ?? 0)) noMore.value = true;
+				else pageNo.value += 1;
+			}
+		} catch (err) {
+			console.error("数据加载失败：", err);
+		} finally {
+			loading.value = false;
+		}
+	}
+	/** 恢复历史记录 */
+	async function recover(id) {
+		const history = await _api.apaas.labelLog.getInfo({ id });
+		Object.assign(labelInfo.value, { designerJson: history?.designerJson });
+		if (labelInfo.value) try {
+			if (labelInfo.value?.designerJson) project.value = JSON.parse(decodeURIComponent(labelInfo.value?.designerJson));
+		} catch {
+			if (labelInfo.value?.designerJson) project.value = JSON.parse(labelInfo.value?.designerJson);
+		}
+	}
+	return {
+		width: w,
+		height: h$1,
+		project,
+		loading,
+		loadLabelDesignHistoryList,
+		loadLabelDesignHistoryInfo,
+		recover,
+		pageDesignHistoryList,
+		isEdhr
+	};
+}
+async function loadLabelInfo(id) {
+	const routeLabelId = _gct.router.currentRoute.value?.params?.id;
+	const labelId = id || (Array.isArray(routeLabelId) ? routeLabelId[0] : routeLabelId);
+	if (!labelId) return null;
+	const { loadLabelDesignHistoryList } = usePage();
+	labelInfo.value = await _api.apaas.label.getGetVersionById({ id: labelId });
+	wM.value = labelInfo.value?.width ?? 0;
+	hM.value = labelInfo.value?.height ?? 0;
+	const currentDpi = labelInfo.value?.dpi ?? 203;
+	w.value = parseInt(mmConvertPx(labelInfo.value?.width ?? 0, currentDpi).toString());
+	h$1.value = parseInt(mmConvertPx(labelInfo.value?.height ?? 0, currentDpi).toString());
+	if (isEmpty(labelInfo.value?.designerJson)) project.value = newProject(labelInfo.value?.id ?? "", labelInfo.value?.name ?? "Print Project", labelInfo.value?.key ?? "", w.value, h$1.value, labelInfo.value?.modelKey, labelInfo.value?.printType, wM.value, hM.value);
+	else {
+		project.value = JSON.parse(labelInfo.value?.designerJson || "");
+		project.value.height = String(h$1.value);
+		project.value.width = String(w.value);
+		project.value.heightMM = String(hM.value);
+		project.value.widthMM = String(wM.value);
+	}
+	if (project.value && project.value.page) project.value.page.forEach((item) => {
+		aliasManager.set(item);
+	});
+	noMore.value = false;
+	pageNo.value = 1;
+	await loadLabelDesignHistoryList();
+	return project.value;
+}
+function newProject(projectId, projectName = "Print Project", projectKey, width, height, modelKey, printType, widthMM, heightMM) {
+	return {
+		labelWidth: width,
+		labelHeight: height,
+		id: projectId,
+		projectName,
+		key: projectKey,
+		width: String(width),
+		height: String(height),
+		widthMM: String(widthMM ?? ""),
+		heightMM: String(heightMM ?? ""),
+		styles: {
+			position: "relative",
+			margin: "auto",
+			background: "#fff"
+		},
+		page: [],
+		modelKey,
+		printType: printType || "zpl"
+	};
+}
+//#endregion
+export { labelInfo, loadLabelInfo, usePage };

package/es/components/label-design/hooks/useProp.d.ts

@@ -0,0 +1,556 @@
+import { CONTENT_TYPE, DATA_TYPE, QR_CODE_TYPE } from '../constants/CommonPrintElems';
+export declare function useProp(context: {
+    emit: (event: string, ...args: unknown[]) => void;
+}): {
+    basicProperties: import('vue').ComputedRef<{
+        basic: {
+            text: string;
+            show: boolean;
+            children: {
+                type: string;
+                props: {
+                    height: any;
+                    heightMM: any;
+                    width: any;
+                    widthMM: any;
+                    top: any;
+                    topMM: any;
+                    bottom: any;
+                    bottomMM: any;
+                    left: any;
+                    leftMM: any;
+                    right: any;
+                    rightMM: any;
+                    rotate: any;
+                    hasRotate: boolean;
+                    heightDisabled: boolean;
+                    widthDisabled: boolean;
+                    rotateWidth: any;
+                    rotateHeight: any;
+                };
+                changeEvent(data: IObject): void;
+            }[];
+        }[];
+    }>;
+    componentProperties: import('vue').ComputedRef<{
+        RECTANGLE: {
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    borderColor: any;
+                    borderStyle: any;
+                    borderWidth: any;
+                    type: string;
+                };
+                changeEvent({ style, val, }: {
+                    style: string;
+                    val: unknown;
+                }): void;
+            }[];
+        }[];
+        HORIZONTAL_LINE: {
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    type: string;
+                    label: string;
+                    min: number;
+                    value: number;
+                    defaultValue: number;
+                };
+                changeEvent(val: unknown): void;
+            }[];
+        }[];
+        VERTICAL_LINE: {
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    type: string;
+                    label: string;
+                    min: number;
+                    value: number;
+                    defaultValue: number;
+                };
+                changeEvent(val: unknown): void;
+            }[];
+        }[];
+        TEXT: ({
+            text: string;
+            isStyle: boolean;
+            children: ({
+                type: string;
+                props: {
+                    type: string;
+                    min: number;
+                    max: number;
+                    value: number;
+                    color: any;
+                    fontFamily: any;
+                    textAlign?: undefined;
+                    disabled?: undefined;
+                    fontWeight?: undefined;
+                    fontStyle?: undefined;
+                    textDecoration?: undefined;
+                };
+                changeEvent(newValue: unknown): void;
+                change2Event(val: unknown): void;
+                change3Event(val: unknown): void;
+            } | {
+                change2Event?: undefined;
+                change3Event?: undefined;
+                type: string;
+                props: {
+                    color?: undefined;
+                    type?: undefined;
+                    min?: undefined;
+                    max?: undefined;
+                    value?: undefined;
+                    fontFamily?: undefined;
+                    textAlign: any;
+                    disabled: boolean;
+                    fontWeight?: undefined;
+                    fontStyle?: undefined;
+                    textDecoration?: undefined;
+                };
+                changeEvent(newValue: unknown): void;
+            } | {
+                change2Event?: undefined;
+                change3Event?: undefined;
+                type: string;
+                props: {
+                    color?: undefined;
+                    type?: undefined;
+                    min?: undefined;
+                    max?: undefined;
+                    value?: undefined;
+                    fontFamily?: undefined;
+                    textAlign?: undefined;
+                    disabled?: undefined;
+                    fontWeight: any;
+                    fontStyle: any;
+                    textDecoration: any;
+                };
+                changeEvent({ prop, value, }: {
+                    prop: string;
+                    value: unknown;
+                }): void;
+            })[];
+        } | {
+            text: string;
+            isStyle: boolean;
+            children: {
+                type: string;
+                props: {
+                    label: string;
+                    type: string;
+                    alpha: boolean;
+                    value: any;
+                };
+                changeEvent(val: unknown): void;
+            }[];
+        } | {
+            text: string;
+            isStyle: boolean;
+            children: ({
+                type: string;
+                props: {
+                    isLabelPrint: boolean;
+                    value: {
+                        borderAllRadius: any;
+                        borderTopLeftRadius: any;
+                        borderTopRightRadius: any;
+                        borderBottomLeftRadius: any;
+                        borderBottomRightRadius: any;
+                        borderAll?: undefined;
+                        borderTop?: undefined;
+                        borderRight?: undefined;
+                        borderBottom?: undefined;
+                        borderLeft?: undefined;
+                    };
+                };
+                changeEvent(val: IObject): void;
+            } | {
+                type: string;
+                props: {
+                    isLabelPrint: boolean;
+                    value: {
+                        borderAllRadius?: undefined;
+                        borderTopLeftRadius?: undefined;
+                        borderTopRightRadius?: undefined;
+                        borderBottomLeftRadius?: undefined;
+                        borderBottomRightRadius?: undefined;
+                        borderAll: any;
+                        borderTop: any;
+                        borderRight: any;
+                        borderBottom: any;
+                        borderLeft: any;
+                    };
+                };
+                changeEvent(val: IObject): void;
+            })[];
+        } | {
+            isStyle?: undefined;
+            text: string;
+            children: ({
+                type: string;
+                props: {
+                    type?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: DATA_TYPE;
+                    }[];
+                    exp?: undefined;
+                };
+                changeEvent(newValue: string): void;
+            } | {
+                type: string;
+                props: {
+                    label: string;
+                    value: any;
+                    type: string;
+                    exp?: undefined;
+                    options?: undefined;
+                };
+                changeEvent(val: unknown): void;
+            } | {
+                type: string;
+                props: {
+                    label: string;
+                    value: any;
+                    exp: any;
+                    type: any;
+                    options: {
+                        label: string;
+                        value: CONTENT_TYPE;
+                    }[];
+                };
+                changeEvent({ val, label, type, exp, }: {
+                    val: string;
+                    label: string;
+                    type: string;
+                    exp: string;
+                }): void;
+            })[];
+        })[];
+        BAR_CODE: ({
+            text: string;
+            children: ({
+                type: string;
+                props: {
+                    type?: undefined;
+                    min?: undefined;
+                    max?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                changeEvent(newValue: string): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    type: string;
+                    label: string;
+                    min: number;
+                    max: number;
+                    value: number;
+                };
+                changeEvent(newValue: unknown): void;
+            } | {
+                type: string;
+                props: {
+                    type?: undefined;
+                    min?: undefined;
+                    max?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: boolean;
+                    }[];
+                };
+                changeEvent(newValue: unknown): void;
+            })[];
+        } | {
+            text: string;
+            children: ({
+                type: string;
+                props: {
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: DATA_TYPE;
+                    }[];
+                    filter?: undefined;
+                    validate?: undefined;
+                };
+                changeEvent(newValue: string): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    label: string;
+                    value: any;
+                    filter: (val: string) => string;
+                    validate: (val: string) => boolean;
+                };
+                changeEvent(val: string): void;
+            } | {
+                type: string;
+                props: {
+                    filter?: undefined;
+                    validate?: undefined;
+                    label: string;
+                    value: CONTENT_TYPE;
+                    options: {
+                        label: string;
+                        value: CONTENT_TYPE;
+                    }[];
+                };
+                changeEvent(newValue: unknown): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    filter?: undefined;
+                    validate?: undefined;
+                    label: string;
+                    value: any;
+                };
+                changeEvent({ val, label, }: {
+                    val: string;
+                    label: string;
+                }): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    filter?: undefined;
+                    validate?: undefined;
+                    label?: undefined;
+                    value: any;
+                };
+                changeEvent(val: unknown): void;
+            } | {
+                props?: undefined;
+                changeEvent?: undefined;
+                type: string;
+            })[];
+        })[];
+        QR_CODE: ({
+            text: string;
+            children: ({
+                type: string;
+                props: {
+                    options?: undefined;
+                    type: string;
+                    label: string;
+                    min: number;
+                    max: number;
+                    value: number;
+                };
+                changeEvent(newValue: number): void;
+            } | {
+                type: string;
+                props: {
+                    type?: undefined;
+                    min?: undefined;
+                    max?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: QR_CODE_TYPE;
+                    }[];
+                };
+                changeEvent(newValue: string): void;
+            })[];
+        } | {
+            text: string;
+            children: ({
+                type: string;
+                props: {
+                    filter?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: DATA_TYPE;
+                    }[];
+                };
+                changeEvent(newValue: string): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    label: string;
+                    value: any;
+                    filter: (val: string) => string;
+                };
+                changeEvent(val: unknown): void;
+            } | {
+                type: string;
+                props: {
+                    filter?: undefined;
+                    label: string;
+                    value: any;
+                    options: {
+                        label: string;
+                        value: CONTENT_TYPE;
+                    }[];
+                };
+                changeEvent(newValue: unknown): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    filter?: undefined;
+                    label: string;
+                    value: any;
+                };
+                changeEvent({ val, label, }: {
+                    val: string;
+                    label: string;
+                }): void;
+            } | {
+                type: string;
+                props: {
+                    options?: undefined;
+                    filter?: undefined;
+                    label?: undefined;
+                    value: any;
+                };
+                changeEvent(val: unknown): void;
+            } | {
+                props?: undefined;
+                changeEvent?: undefined;
+                type: string;
+            })[];
+        })[];
+        IMAGE: {
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    label: string;
+                    src: any;
+                };
+                changeEvent(val: unknown): void;
+            }[];
+        }[];
+        ICON: {
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    icon: any;
+                    logoColor: any;
+                    logoBgColor: any;
+                };
+                changeEvent(val: IObject): void;
+            }[];
+        }[];
+        RICH_TEXT: ({
+            isStyle?: undefined;
+            text: string;
+            children: {
+                type: string;
+                props: {
+                    label: string;
+                    value: any;
+                };
+                changeEvent(_val: unknown): Promise<void>;
+            }[];
+        } | {
+            text: string;
+            isStyle: boolean;
+            children: {
+                type: string;
+                props: {
+                    label: string;
+                    type: string;
+                    alpha: boolean;
+                    value: any;
+                };
+                changeEvent(val: unknown): void;
+            }[];
+        } | {
+            text: string;
+            isStyle: boolean;
+            children: ({
+                type: string;
+                props: {
+                    isLabelPrint: boolean;
+                    value: {
+                        borderAll?: undefined;
+                        borderTop?: undefined;
+                        borderRight?: undefined;
+                        borderBottom?: undefined;
+                        borderLeft?: undefined;
+                        borderAllRadius: any;
+                        borderTopLeftRadius: any;
+                        borderTopRightRadius: any;
+                        borderBottomLeftRadius: any;
+                        borderBottomRightRadius: any;
+                    };
+                };
+                changeEvent(val: IObject): void;
+            } | {
+                type: string;
+                props: {
+                    isLabelPrint: boolean;
+                    value: {
+                        borderAllRadius?: undefined;
+                        borderTopLeftRadius?: undefined;
+                        borderTopRightRadius?: undefined;
+                        borderBottomLeftRadius?: undefined;
+                        borderBottomRightRadius?: undefined;
+                        borderAll: any;
+                        borderTop: any;
+                        borderRight: any;
+                        borderBottom: any;
+                        borderLeft: any;
+                    };
+                };
+                changeEvent(val: IObject): void;
+            })[];
+        })[];
+    }>;
+    selectedItem: import('vue').ComputedRef<IObject>;
+    emitChanges: (_type: string, value: unknown, prop?: string) => void;
+    onAttrsChanges: (prop: string, value: unknown) => void;
+    onStyleChanges: (prop: string, value: unknown) => void;
+    onAttrsTypeChanges: (prop: string, newValue: string) => void;
+    onAttrsVarChanges: (prop: string, newValue: unknown) => void;
+    alias: import('vue').ComputedRef<any>;
+    height: import('vue').ComputedRef<any>;
+    heightMM: import('vue').ComputedRef<any>;
+    width: import('vue').ComputedRef<any>;
+    widthMM: import('vue').ComputedRef<any>;
+    top: import('vue').ComputedRef<any>;
+    topMM: import('vue').ComputedRef<any>;
+    left: import('vue').ComputedRef<any>;
+    leftMM: import('vue').ComputedRef<any>;
+    bottom: import('vue').ComputedRef<any>;
+    right: import('vue').ComputedRef<any>;
+    name: import('vue').ComputedRef<any>;
+    type: import('vue').ComputedRef<any>;
+    zIndex: import('vue').ComputedRef<any>;
+    rotate: import('vue').ComputedRef<any>;
+    sty: import('vue').ComputedRef<any>;
+    att: import('vue').ComputedRef<any>;
+    child: import('vue').ComputedRef<any>;
+    heightDisabled: import('vue').ComputedRef<boolean>;
+    widthDisabled: import('vue').ComputedRef<boolean>;
+    hasRotate: import('vue').ComputedRef<boolean>;
+    getComponentPropertiesByType: (pjd: IObject, isDHR?: boolean) => any;
+};