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

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

@@ -0,0 +1,73 @@
+import { mmConvertPx, pxConvertMm } from "../helper/unit-conversion.mjs";
+//#region src/components/label-design/constants/size.ts
+var sizeOpt = [
+	{
+		value: 1,
+		width: 76,
+		height: 50,
+		label: "76mm * 50mm"
+	},
+	{
+		value: 2,
+		width: 220,
+		height: 110,
+		label: "220mm * 110mm"
+	},
+	{
+		value: 3,
+		width: 170,
+		height: 125,
+		label: "170mm * 125mm"
+	},
+	{
+		value: 4,
+		width: 130,
+		height: 240,
+		label: "130mm * 240mm"
+	},
+	{
+		value: 5,
+		width: 230,
+		height: 240,
+		label: "230mm * 240mm"
+	},
+	{
+		value: 6,
+		width: 324,
+		height: 229,
+		label: "324mm * 229mm"
+	},
+	{
+		value: 7,
+		width: void 0,
+		height: void 0,
+		label: "自定义"
+	}
+];
+function getSpecificationsForSize(value, dpi) {
+	const currentSize = sizeOpt.find((i) => i.value === value);
+	const width = currentSize?.width;
+	const height = currentSize?.height;
+	if (typeof width !== "number" || typeof height !== "number") return {
+		width: void 0,
+		height: void 0,
+		strWidth: "",
+		strHeight: ""
+	};
+	return {
+		width,
+		height,
+		strWidth: parseInt(mmConvertPx(width, dpi) + "") + "px",
+		strHeight: parseInt(mmConvertPx(height, dpi) + "") + "px"
+	};
+}
+function transformsize(n, dpi) {
+	return parseInt(mmConvertPx(n, dpi) + "") + "px";
+}
+/**根据dip转化 */
+function transformCoordinateByDpi(n, olddpi, newdpi) {
+	const mm = pxConvertMm(n, olddpi);
+	return parseInt(mmConvertPx(mm, newdpi) + "");
+}
+//#endregion
+export { getSpecificationsForSize, sizeOpt, transformCoordinateByDpi, transformsize };

package/es/components/label-design/helper/aliasManager.d.ts

@@ -0,0 +1,26 @@
+/** alias 条目结构 */
+interface IAliasEntry {
+    id: string;
+    alias: string;
+}
+/** aliasManager 方法入参结构 */
+export interface IAliasMgrItem {
+    type: string;
+    id: string;
+    displayName: string;
+    alias: string;
+}
+/** aliasManager 类型：方法 + 动态 type 分组 */
+interface IAliasManager {
+    [key: string]: IAliasEntry[] | ((...args: IAliasMgrItem[]) => unknown);
+    add(item: IAliasMgrItem): string;
+    set(item: IAliasMgrItem): void;
+    update(item: IAliasMgrItem): void;
+    remove(item: IAliasMgrItem): void;
+    reset(): void;
+}
+/**
+ * 用于管理当前项目所有组件的alias，每当创建一个新的组件后，其默认alias应为{nameIndex}这种形式
+ */
+declare const aliasManager: IAliasManager;
+export default aliasManager;

package/es/components/label-design/helper/aliasManager.mjs

@@ -0,0 +1,60 @@
+//#region src/components/label-design/helper/aliasManager.ts
+/**
+* 用于管理当前项目所有组件的alias，每当创建一个新的组件后，其默认alias应为{nameIndex}这种形式
+*/
+var aliasManager = {
+	add(item) {
+		let rt = "";
+		if (!Object.prototype.hasOwnProperty.call(this, item.type) || item.type.length === 0) {
+			this[item.type] = [];
+			this[item.type].push({
+				id: item.id,
+				alias: item.displayName + "1"
+			});
+			rt = item.displayName + "1";
+		} else {
+			let num = 0;
+			const typeList = this[item.type];
+			for (let i = typeList.length - 1; i >= 0; i--) if (typeList[i].alias.startsWith(item.displayName)) {
+				num = parseInt(typeList[i].alias.substr(item.displayName.length));
+				break;
+			}
+			typeList.push({
+				id: item.id,
+				alias: item.displayName + (num + 1)
+			});
+			rt = item.displayName + (num + 1);
+		}
+		return rt;
+	},
+	set(item) {
+		if (!this[item.type]) this[item.type] = [];
+		this[item.type].push({
+			id: item.id,
+			alias: item.alias
+		});
+	},
+	update(item) {
+		this[item.type].map((ele) => {
+			if (ele.id === item.id) ele.alias = item.type;
+			return ele;
+		});
+	},
+	remove(item) {
+		if (this[item.type]) {
+			const typeList = this[item.type];
+			const index = typeList.findIndex((ele) => ele.id === item.id);
+			typeList.splice(index, 1);
+		}
+	},
+	reset() {
+		for (const prop in this) if ([
+			"add",
+			"update",
+			"remove",
+			"reset"
+		].indexOf(prop) === -1) delete this[prop];
+	}
+};
+//#endregion
+export { aliasManager as default };

package/es/components/label-design/helper/positionDimension.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Fixes the properties (top, left, height, width) of an element,
+ * based on the parent container
+ *
+ * @param {object} element : The element to which fix its props
+ * @param {object} parent : Parent element of the 'element'
+ * @return {object} : Object with clean/fixed top, left, height, width properties for the element
+ */
+export declare function fixElementToParentBounds(element: IObject, parent: IObject): {
+    left: number;
+    top: number;
+    height: number;
+    width: number;
+};
+/**
+ * Calculates the computed prop of an element,
+ * based on its own props and the parent props.
+ *
+ * (Specially created to deal with percentage dimensions)
+ *
+ * @param {object} element : The element to get the dimension for
+ * @param {object} parent : The parent element of the 'element'
+ * @param {string} prop : Property for which to extract the dimension (height/width)
+ * @return {number} : The real dimension for the element (height/width)
+ */
+export declare function getComputedProp(prop: string, element: IObject, parent?: IObject): number;
+/**
+ * 获取组件中心位置坐标
+ * @param {*} elem
+ */
+export declare function getElemCenterCoor(elem: IObject): [number, number];

package/es/components/label-design/helper/positionDimension.mjs

@@ -0,0 +1,46 @@
+//#region src/components/label-design/helper/positionDimension.ts
+/**
+* Fixes the properties (top, left, height, width) of an element,
+* based on the parent container
+*
+* @param {object} element : The element to which fix its props
+* @param {object} parent : Parent element of the 'element'
+* @return {object} : Object with clean/fixed top, left, height, width properties for the element
+*/
+function fixElementToParentBounds(element, parent) {
+	const parentH = getComputedProp("height", parent);
+	const parentW = getComputedProp("width", parent);
+	let height = getComputedProp("height", element, parent);
+	let width = getComputedProp("width", element, parent);
+	let top = element.top;
+	let left = element.left;
+	if (top + height > parentH) top -= top + height - parentH + 2;
+	if (left + width > parentW) left -= left + width - parentW + 2;
+	if (top <= 0) top = 0;
+	if (left <= 0) left = 0;
+	if (top === 0 && height > parentH) height = parentH;
+	if (left === 0 && width > parentW) width = parentW;
+	return {
+		left,
+		top,
+		height,
+		width
+	};
+}
+/**
+* Calculates the computed prop of an element,
+* based on its own props and the parent props.
+*
+* (Specially created to deal with percentage dimensions)
+*
+* @param {object} element : The element to get the dimension for
+* @param {object} parent : The parent element of the 'element'
+* @param {string} prop : Property for which to extract the dimension (height/width)
+* @return {number} : The real dimension for the element (height/width)
+*/
+function getComputedProp(prop, element, parent) {
+	if (prop === "left" || prop === "right" || prop === "top" || prop === "bottom") return parseInt(window.getComputedStyle(document.getElementById(element.id).parentNode)[prop]);
+	else return !parent ? parseInt(window.getComputedStyle(document.getElementById(element.id))[prop]) : typeof element[prop] !== "string" ? element[prop] : typeof parent[prop] !== "string" ? parent[prop] * parseInt(element[prop]) / 100 : parseInt(window.getComputedStyle(document.getElementById(parent.id))[prop]) * parseInt(element[prop]) / 100;
+}
+//#endregion
+export { fixElementToParentBounds, getComputedProp };

package/es/components/label-design/helper/recursiveMethods.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Assigns a new id to the element preceded by the parentId and a dot '.'
+ *
+ * @param {object} el : Element to register
+ * @param {string} [parentId] : Id of the parent element
+ * @param {string} notGenerateNewOwnId
+ * @return {object} : New element (cloned from egglement) with newly assigned ids
+ */
+export declare function setElIdnAlias(el: IObject, parentId?: string, notGenerateNewOwnId?: boolean): IObject;
+/**
+ * remove el and its children's alias from aliasManager recursively
+ * @param {object} el
+ */
+export declare function removeElAlias(el: IObject): void;
+/**
+ * Creates an array containing all the global/external components inside.
+ *
+ * @param {object} el : Current reviewing element
+ * @param compList
+ * @return {object} : An array with the global/external components found inside.
+ */
+export declare function getExtGlobComps(el: IObject, compList: IObject[]): IObject[];
+/**
+ * Returns the element identified by targetId, which could be the
+ * currentNode itself, one of its children... (and down to any depth)
+ *
+ * @param {object} currentNode : The element being inspected
+ * @param {string} targetId : The id of the element expected
+ *
+ * @return {object} : The element identified by targetId
+ */
+export declare function getChildNode(currentNode: IObject, targetId: string): IObject | undefined;
+/**
+ * Returns the element --identified by targetId-- relative position,
+ * based on its parent (and full family depth) position
+ * and the current mouse left/top position.
+ *
+ * This method gives positioning support for elements changing "family".
+ *
+ * @param {object} currentNode : The element being inspected
+ * @param {string} targetId : The id of the element expected
+ * @param {number} currentX : Current relative left position
+ * @param {number} currentY : Current relative top position
+ *
+ * @return {object} : Relative point obtained from the currentX, currentY
+ */
+export declare function calcRelativePoint(currentNode: IObject, targetId: string, currentX: number, currentY: number): {
+    left: number;
+    top: number;
+} | undefined;
+/**
+ * 递归法遍历树
+ * @param jsonTree 树数据
+ * @param callback 遍历到每个节点要执行的回调方法
+ * @param deep 每个节点的深度值
+ * @param key 子节点关键字
+ */
+export declare function eachPageTree(jsonTree: IObject | IObject[], callback: (node: IObject, array: IObject[], index: number) => boolean | number, deep: number | undefined, key: string): void;

package/es/components/label-design/helper/recursiveMethods.mjs

@@ -0,0 +1,39 @@
+import aliasManager from "./aliasManager.mjs";
+import { buildShortUUID } from "@gct-paas/core";
+//#region src/components/label-design/helper/recursiveMethods.ts
+/**
+* Assigns a new id to the element preceded by the parentId and a dot '.'
+*
+* @param {object} el : Element to register
+* @param {string} [parentId] : Id of the parent element
+* @param {string} notGenerateNewOwnId
+* @return {object} : New element (cloned from egglement) with newly assigned ids
+*/
+function setElIdnAlias(el, parentId, notGenerateNewOwnId) {
+	let elId = notGenerateNewOwnId ? el.ownId : buildShortUUID();
+	const ownId = elId;
+	if (parentId) elId = parentId.concat(".", elId);
+	const alias = aliasManager.add({
+		id: elId,
+		...el
+	});
+	const newElement = {
+		...el,
+		id: elId,
+		ownId,
+		alias,
+		children: []
+	};
+	if (el.children && el.children.length > 0) for (const childEl of el.children) newElement.children.push(setElIdnAlias(childEl, elId, notGenerateNewOwnId));
+	return newElement;
+}
+/**
+* remove el and its children's alias from aliasManager recursively
+* @param {object} el
+*/
+function removeElAlias(el) {
+	aliasManager.remove(el);
+	if (el.children && el.children.length > 0) for (const childEl of el.children) removeElAlias(childEl);
+}
+//#endregion
+export { removeElAlias, setElIdnAlias };

package/es/components/label-design/helper/snapTracking.d.ts

@@ -0,0 +1,5 @@
+export declare let snapElems: IObject[];
+/**
+ * 当点击一个组件之后，获取该组件所有的兄弟组件的snaps，包括上下左右边界和中心点的位置
+ */
+export declare const updateSnaps: (elems: IObject[]) => void;

package/es/components/label-design/helper/snapTracking.mjs

@@ -0,0 +1,4 @@
+//#region src/components/label-design/helper/snapTracking.ts
+var snapElems = [];
+//#endregion
+export { snapElems };

package/es/components/label-design/helper/unit-conversion.d.ts

@@ -0,0 +1,12 @@
+/**
+ * mm 转 px（按指定 DPI）
+ * @param mm 毫米值
+ * @param dpi 每英寸点数，默认 96
+ */
+export declare function mmConvertPx(mm: number, dpi?: number): number;
+/**
+ * px 转 mm（按指定 DPI）
+ * @param px 像素值
+ * @param dpi 每英寸点数，默认 96
+ */
+export declare function pxConvertMm(px: number, dpi?: number): number;

package/es/components/label-design/helper/unit-conversion.mjs

@@ -0,0 +1,19 @@
+//#region src/components/label-design/helper/unit-conversion.ts
+/**
+* mm 转 px（按指定 DPI）
+* @param mm 毫米值
+* @param dpi 每英寸点数，默认 96
+*/
+function mmConvertPx(mm, dpi = 96) {
+	return mm * dpi / 25.4;
+}
+/**
+* px 转 mm（按指定 DPI）
+* @param px 像素值
+* @param dpi 每英寸点数，默认 96
+*/
+function pxConvertMm(px, dpi = 96) {
+	return px * 25.4 / dpi;
+}
+//#endregion
+export { mmConvertPx, pxConvertMm };

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

@@ -0,0 +1,28 @@
+export declare enum PanelEnum {
+    PAGE = "page",
+    HISTORY = "history",
+    WIDGET = "widget"
+}
+export declare const currentPanel: import('vue').Ref<PanelEnum, PanelEnum>;
+export declare function useDesigner(): {
+    zoom: import('vue').Ref<number, number>;
+    togglePanel: (value: PanelEnum) => void;
+    currentPanel: import('vue').Ref<PanelEnum, PanelEnum>;
+    updateEditorZoom: (zoomVal: number) => void;
+    moveElement: (payload: IObject) => void;
+    resizeElement: (payload: IObject) => void;
+    rotateElement: (payload: IObject) => void;
+    removeElement: (payload: IObject) => void;
+    rebaseSelectedElements: () => void;
+    addSelectedElements: (elements: IObject[]) => void;
+    addSelectedElement: (elem: IObject) => void;
+    updateEgglement: (payload: IObject) => void;
+    clearSelectedElements: () => void;
+    selectedPage: import('vue').ComputedRef<IObject[]>;
+    selectedElements: import('vue').Ref<IObject[], IObject[]>;
+    snapTracking: import('vue').Ref<boolean, boolean>;
+    registerElement: (payload: IObject) => void;
+    resizeBarcodeWidth: (payload: IObject) => void;
+    hoveredElements: import('vue').Ref<IObject[], IObject[]>;
+    isModal: import('vue').Ref<boolean, boolean>;
+};

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

@@ -0,0 +1,163 @@
+import { usePage } from "./usePage.mjs";
+import { removeElAlias, setElIdnAlias } from "../helper/recursiveMethods.mjs";
+import { computed, ref } from "vue";
+//#region src/components/label-design/hooks/useDesigner.ts
+var PanelEnum = /* @__PURE__ */ function(PanelEnum) {
+	PanelEnum["PAGE"] = "page";
+	PanelEnum["HISTORY"] = "history";
+	PanelEnum["WIDGET"] = "widget";
+	return PanelEnum;
+}({});
+var zoom = ref(1);
+var selectedElements = ref([]);
+var isModal = ref(false);
+var hoveredElements = ref([]);
+var snapTracking = ref(true);
+var currentPanel = ref(PanelEnum.WIDGET);
+var { project } = usePage();
+function useDesigner() {
+	const selectedPage = computed(() => {
+		return project.value?.page ?? [];
+	});
+	function updateEditorZoom(zoomVal) {
+		zoom.value = zoomVal;
+	}
+	function moveElement(payload) {
+		const egglement = selectedPage.value.find((d) => d.id === payload.elId);
+		if (!egglement) return;
+		if (payload.left !== egglement.left || payload.top !== egglement.top) updateEgglement({
+			egglement,
+			left: egglement.left !== "auto" ? payload.left : null,
+			top: egglement.top !== "auto" ? payload.top : null,
+			bottom: egglement.bottom !== "auto" ? payload.bottom : null,
+			right: egglement.right !== "auto" ? payload.right : null
+		});
+	}
+	function rebaseSelectedElements() {
+		const freshElements = selectedElements.value.map((el) => selectedPage.value.find((d) => d.id === el.id)).filter((el) => el !== void 0);
+		clearSelectedElements();
+		freshElements.forEach((el) => addSelectedElement(el));
+	}
+	function resizeElement(payload) {
+		const egglement = selectedPage.value.find((d) => d.id === payload.elId);
+		if (!egglement) return;
+		if (payload.left !== egglement.left || payload.top !== egglement.top || payload.right !== egglement.right || payload.bottom !== egglement.bottom || payload.height !== egglement.height || payload.width !== egglement.width) updateEgglement({
+			egglement,
+			left: egglement.left !== "auto" ? payload.left : null,
+			top: egglement.top !== "auto" ? payload.top : null,
+			bottom: egglement.bottom !== "auto" ? payload.bottom : null,
+			right: egglement.right !== "auto" ? payload.right : null,
+			height: egglement.height !== "auto" ? payload.height : null,
+			width: egglement.width !== "auto" ? payload.width : null
+		});
+	}
+	function rotateElement(payload) {
+		const egglement = selectedPage.value.find((d) => d.id === payload.elId);
+		if (!egglement) return;
+		if (payload.rotate !== egglement.rotate) updateEgglement({
+			egglement,
+			rotate: payload.rotate
+		});
+	}
+	function removeElement(payload) {
+		if (selectedElements.value[0]?.isEdit) return;
+		clearSelectedElements();
+		const parent = selectedPage.value;
+		const eggIndex = parent.findIndex((egg) => egg.id === payload.elId);
+		const element = parent[eggIndex];
+		deleteEgglement({
+			parent,
+			eggIndex
+		});
+		removeElAlias(element);
+	}
+	function addSelectedElement(elem) {
+		selectedElements.value.push(elem);
+		togglePanel(PanelEnum.WIDGET);
+	}
+	function addSelectedElements(elements) {
+		selectedElements.value = elements;
+		togglePanel(PanelEnum.WIDGET);
+	}
+	function updateEgglement(payload) {
+		if (typeof payload.alias !== "undefined" && payload.alias !== null) payload.egglement.alias = payload.alias;
+		if (typeof payload.left !== "undefined" && payload.left !== null) payload.egglement.left = payload.left;
+		if (typeof payload.top !== "undefined" && payload.top !== null) payload.egglement.top = payload.top;
+		if (typeof payload.right !== "undefined" && payload.right !== null) payload.egglement.right = payload.right;
+		if (typeof payload.bottom !== "undefined" && payload.bottom !== null) payload.egglement.bottom = payload.bottom;
+		if (typeof payload.zIndex !== "undefined" && payload.zIndex !== null) payload.egglement.zIndex = payload.zIndex;
+		if (typeof payload.isEdit !== "undefined" && payload.isEdit !== null) payload.egglement.isEdit = payload.isEdit;
+		if (typeof payload.height !== "undefined" && payload.height !== null) payload.egglement.height = payload.height;
+		if (typeof payload.width !== "undefined" && payload.width !== null) payload.egglement.width = payload.width;
+		if (typeof payload.heightMM !== "undefined" && payload.heightMM !== null) payload.egglement.heightMM = payload.heightMM;
+		if (typeof payload.widthMM !== "undefined" && payload.widthMM !== null) payload.egglement.widthMM = payload.widthMM;
+		if (typeof payload.rotate !== "undefined" && payload.rotate !== null) payload.egglement.rotate = payload.rotate;
+		if (typeof payload.text !== "undefined" && payload.text !== null) payload.egglement.text = payload.text;
+		if (typeof payload.events !== "undefined" && payload.events !== null) payload.egglement.events = payload.events;
+		if (payload.ownId) payload.egglement.ownId = payload.ownId;
+		if (payload.classes) payload.egglement.classes = payload.classes;
+		if (payload.styles) payload.egglement.styles = payload.styles;
+		if (payload.attrs) payload.egglement.attrs = payload.attrs;
+	}
+	function deleteEgglement(payload) {
+		payload.parent.splice(payload.eggIndex, 1);
+	}
+	function createEgglement(payload) {
+		payload.parent.push(payload.egglement);
+	}
+	function clearSelectedElements() {
+		selectedElements.value = [];
+	}
+	function registerElement(payload) {
+		const parent = selectedPage.value;
+		const el = payload.el;
+		const egglement = setElIdnAlias(el, payload.pageId);
+		createEgglement({
+			parent,
+			egglement
+		});
+		addSelectedElement(egglement);
+	}
+	function resizeBarcodeWidth(payload) {
+		const egglement = selectedPage.value.find((d) => d.id === payload.elId);
+		if (!egglement) return;
+		if (egglement.rotate === 90) {
+			if (payload.height !== egglement.height) updateEgglement({
+				egglement,
+				width: payload.rotateWidth,
+				height: payload.width
+			});
+		} else if (payload.width !== egglement.width) updateEgglement({
+			egglement,
+			width: payload.width
+		});
+	}
+	function togglePanel(value) {
+		if (currentPanel.value === value) return;
+		currentPanel.value = value;
+	}
+	return {
+		zoom,
+		togglePanel,
+		currentPanel,
+		updateEditorZoom,
+		moveElement,
+		resizeElement,
+		rotateElement,
+		removeElement,
+		rebaseSelectedElements,
+		addSelectedElements,
+		addSelectedElement,
+		updateEgglement,
+		clearSelectedElements,
+		selectedPage,
+		selectedElements,
+		snapTracking,
+		registerElement,
+		resizeBarcodeWidth,
+		hoveredElements,
+		isModal
+	};
+}
+//#endregion
+export { PanelEnum, useDesigner };

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

@@ -0,0 +1,111 @@
+import { LabelLogResponse, LabelResponse } from '@gct-paas/api/apaas';
+import { sizeOpt } from '../constants/size';
+export interface ProjectType {
+    /**尺寸类型 */
+    labelSize?: ArrayType<typeof sizeOpt>['value'];
+    id: string;
+    labelWidth: number;
+    labelHeight: number;
+    height: string;
+    width: string;
+    heightMM: string;
+    widthMM: string;
+    key: string;
+    page: IObject[];
+    projectName: string;
+    styles: {
+        position: string;
+        margin: string;
+        background: string;
+    };
+    dpi?: number;
+    /**模型key */
+    modelKey?: string;
+    printType?: string;
+    isEdit?: boolean;
+}
+export declare const labelInfo: import('vue').Ref<LabelResponse | undefined, LabelResponse | undefined>;
+export declare function usePage(): {
+    width: import('vue').Ref<number, number>;
+    height: import('vue').Ref<number, number>;
+    project: import('vue').Ref<{
+        labelSize?: ArrayType<typeof sizeOpt>["value"] | undefined;
+        id: string;
+        labelWidth: number;
+        labelHeight: number;
+        height: string;
+        width: string;
+        heightMM: string;
+        widthMM: string;
+        key: string;
+        page: IObject[];
+        projectName: string;
+        styles: {
+            position: string;
+            margin: string;
+            background: string;
+        };
+        dpi?: number | undefined;
+        modelKey?: string | undefined;
+        printType?: string | undefined;
+        isEdit?: boolean | undefined;
+    }, ProjectType | {
+        labelSize?: ArrayType<typeof sizeOpt>["value"] | undefined;
+        id: string;
+        labelWidth: number;
+        labelHeight: number;
+        height: string;
+        width: string;
+        heightMM: string;
+        widthMM: string;
+        key: string;
+        page: IObject[];
+        projectName: string;
+        styles: {
+            position: string;
+            margin: string;
+            background: string;
+        };
+        dpi?: number | undefined;
+        modelKey?: string | undefined;
+        printType?: string | undefined;
+        isEdit?: boolean | undefined;
+    }>;
+    loading: import('vue').Ref<boolean, boolean>;
+    loadLabelDesignHistoryList: () => Promise<void>;
+    loadLabelDesignHistoryInfo: (id: string) => Promise<import('@gct-paas/api/apaas').LabelLogResponse>;
+    recover: (id: string) => Promise<void>;
+    pageDesignHistoryList: import('vue').Ref<{
+        createTime?: string | undefined;
+        createUserId?: string | undefined;
+        createUserName?: string | undefined;
+        description?: string | undefined;
+        designerJson?: string | undefined;
+        dpi?: number | undefined;
+        height?: number | undefined;
+        id?: string | undefined;
+        labelKey?: string | undefined;
+        modelKey?: string | undefined;
+        modifyTime?: string | undefined;
+        modifyUserId?: string | undefined;
+        modifyUserName?: string | undefined;
+        width?: number | undefined;
+    }[], LabelLogResponse[] | {
+        createTime?: string | undefined;
+        createUserId?: string | undefined;
+        createUserName?: string | undefined;
+        description?: string | undefined;
+        designerJson?: string | undefined;
+        dpi?: number | undefined;
+        height?: number | undefined;
+        id?: string | undefined;
+        labelKey?: string | undefined;
+        modelKey?: string | undefined;
+        modifyTime?: string | undefined;
+        modifyUserId?: string | undefined;
+        modifyUserName?: string | undefined;
+        width?: number | undefined;
+    }[]>;
+    isEdhr: import('vue').Ref<boolean, boolean>;
+};
+export declare function loadLabelInfo(id?: string): Promise<ProjectType | null>;