@gct-paas/core-web 0.1.6-dev.4 → 0.1.6-dev.40

package/es/hooks/useKeyParser.mjs

@@ -0,0 +1,79 @@
+import { isRef, ref, unref, watch } from "vue";
+import { ProjectName } from "@gct-paas/core";
+//#region src/hooks/useKeyParser.ts
+var SourceTypeEnum = /* @__PURE__ */ function(SourceTypeEnum) {
+	SourceTypeEnum["SELF_BUILT"] = "SELF_BUILT";
+	SourceTypeEnum["IMPORT"] = "IMPORT";
+	return SourceTypeEnum;
+}(SourceTypeEnum || {});
+/**
+* key值转换器
+* @param prefix 前缀
+* @param suffix 后缀 仅空字符串代表不需要后缀
+* @returns
+*/
+function useKeyParser(prefix, suffix) {
+	const hasDollar = ref(false);
+	const upperCase = ref(false);
+	const keyPrefix = ref("");
+	const keySuffix = ref("");
+	const branchId = _gct.store.context.bid || "";
+	function keyReset() {
+		const prefixString = unref(prefix);
+		const suffixString = unref(suffix);
+		if (!prefixString) return;
+		hasDollar.value = prefixString.startsWith("$");
+		upperCase.value = /\$?[A-Z]+_/.test(prefixString);
+		keyPrefix.value = (hasDollar.value ? "$" : "") + (_gct.store.appInfo.sourceType === SourceTypeEnum.IMPORT ? upperCase.value ? "I" : "i" : "") + (hasDollar.value ? prefixString.substring(1) : prefixString) + (prefixString.endsWith("_") ? "" : "_");
+		keySuffix.value = suffixString === "" ? "" : _gct.store.projectName === ProjectName.WEB_RENDER ? "" : branchId ? "_" + (upperCase.value ? branchId.toUpperCase() : branchId) : "";
+	}
+	keyReset();
+	if (isRef(prefix)) watch(prefix, () => {
+		keyReset();
+	});
+	if (isRef(suffix)) watch(suffix, () => {
+		keyReset();
+	});
+	/**
+	* 补全key信息 包含 导入信息 模块信息 分支信息
+	* @param key
+	* @returns
+	*/
+	function keyPad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}${keySuffix.value}`;
+	}
+	/**
+	* 裁剪key
+	* @param key
+	*/
+	function keyClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		const suffixPos = !keySuffix.value || unref(suffix) === "" ? formKey.length : formKey.lastIndexOf("_");
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		keySuffix.value = formKey.substring(suffixPos);
+		return formKey.substring(prefixPos + 1, suffixPos);
+	}
+	function keyPreClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		return formKey.substring(prefixPos + 1);
+	}
+	function keyPrePad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}`;
+	}
+	return {
+		keyPrefix,
+		keySuffix,
+		keyReset,
+		keyPad,
+		keyClip,
+		keyPrePad,
+		keyPreClip
+	};
+}
+//#endregion
+export { useKeyParser };

package/es/hooks/usePrinter.d.ts

@@ -0,0 +1,19 @@
+interface PrintZPLParams {
+    /**
+     * 测试变量
+     */
+    testVar?: IObject;
+    /**
+     * 业务服务key
+     */
+    bizServiceKey?: string;
+    /**
+     * 打印类型
+     */
+    printType?: string;
+}
+export declare function usePrinter(): {
+    printZPL: (device: IObject, zplCommand: unknown) => void;
+    printLabelKey: (labelKey?: string, data?: IObject, { testVar, bizServiceKey }?: PrintZPLParams) => Promise<void>;
+};
+export {};

package/es/hooks/usePrinter.mjs

@@ -0,0 +1,50 @@
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/hooks/usePrinter.ts
+function usePrinter() {
+	async function printLabelKey(labelKey, data = {}, { testVar, bizServiceKey } = {}) {
+		const res = await _api.apaas.print.postGenerateZplCode({
+			labelId: labelKey,
+			data,
+			testVar,
+			bizServiceKey
+		});
+		if (res && typeof res !== "string") {
+			const { code, printType, labelWidth, labelHeight } = res || {};
+			if (printType === "png") {
+				const printWindow = window.open("", "_blank", "height=500,width=800");
+				printWindow.document.write(`<img style="width: ${labelWidth}mm;height: ${labelHeight}mm;position: absolute;top: 0;left: 0;" src="data:image/png;base64,${code}">`);
+				setTimeout(() => {
+					printWindow.document.close();
+					printWindow.print();
+					printWindow.close();
+				}, 300);
+				return;
+			}
+		}
+		BrowserPrint.getDefaultDevice("printer", async function(device) {
+			if (!device || !device.connection || !device.uid) {
+				message.error(t("sys.printDeviceNotFound"));
+				return;
+			}
+			if (!labelKey) {
+				message.error(t("sys.labelNotFound"));
+				return;
+			}
+			printZPL(device, res);
+		}, function() {
+			message.error(t("sys.printDesigner.getDeviceError"));
+		});
+	}
+	function printZPL(device, zplCommand) {
+		device.send(zplCommand, void 0, function() {
+			message.error(t("sys.printDesigner.printError"));
+		});
+	}
+	return {
+		printZPL,
+		printLabelKey
+	};
+}
+//#endregion
+export { usePrinter };

package/es/hooks/useTag.d.ts

@@ -0,0 +1,7 @@
+export declare const typePadding: (option: IObject) => 33 | 36 | 52 | 57;
+/** 计算规定行内tag最多展示个数 */
+export declare function calcMutiLineTags(selectLabel: IObject[], maxRow?: number, selectWidth?: number, maxTagCount?: number): number;
+/** 计算是否是单行模式 */
+export declare function isSingleLine(tableCellHeight: IObject): boolean;
+/** 非单行模式 */
+export declare function isNotSignalLine(tableCellHeight: IObject): boolean;

package/es/hooks/useTag.mjs

@@ -0,0 +1,83 @@
+import { TABLE_CELL_HEIGHT_MODE, measureText } from "@gct-paas/core";
+//#region src/hooks/useTag.ts
+var typePadding = (option) => {
+	if (!option.value) return 33;
+	if (option.type === "user" || option.type === "user_multi") return 57;
+	if (option.type === "icon") return 52;
+	if (option.type === "checkbox") return 36;
+	if (option.value.includes("ROLE:") || option.value.includes("ORG:") || option.value.includes("USER_GROUP:")) return 52;
+	if (option.icon || option._item?.icon) return 52;
+	if (option.value.includes("USER:")) return 57;
+	return 33;
+};
+/** 计算规定行内tag最多展示个数 */
+function calcMutiLineTags(selectLabel, maxRow = 3, selectWidth = 100, maxTagCount = 0) {
+	const PLUS_WIDTH = 68;
+	let currentLineWidth = 0;
+	let currentRow = 1;
+	let showCount = 0;
+	const total = selectLabel.length;
+	const rows = [[]];
+	for (let i = 0; i < total; i++) {
+		if (!selectLabel[i]) continue;
+		const label = selectLabel[i].label || selectLabel[i].value;
+		if (!label) continue;
+		const tagPadding = typePadding(selectLabel[i]) || 29;
+		const w = measureText(maxTagCount && label.length > maxTagCount ? label.slice(0, maxTagCount) : label, { fontFamily: "-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol" }) + tagPadding + (label.length > maxTagCount ? 9 : 0);
+		if (currentRow > maxRow) break;
+		if (w >= selectWidth) {
+			if (currentRow >= maxRow && rows[currentRow - 1] && rows[currentRow - 1].length) break;
+			if (rows[currentRow - 1] && rows[currentRow - 1].length) {
+				rows.push([i]);
+				currentRow += 1;
+			} else rows[currentRow - 1] = [i];
+			currentRow += 1;
+			currentLineWidth = 0;
+			showCount += 1;
+			continue;
+		}
+		if (currentLineWidth + w <= selectWidth) {
+			currentLineWidth += w;
+			if (rows[currentRow - 1]) rows[currentRow - 1].push(i);
+			else rows[currentRow - 1] = [i];
+			showCount += 1;
+		} else {
+			if (currentRow >= maxRow) break;
+			currentRow += 1;
+			currentLineWidth = w;
+			rows.push([i]);
+			showCount += 1;
+		}
+	}
+	if (rows.length >= maxRow && total > showCount) {
+		const lastRow = rows[maxRow - 1];
+		let lastLineWidth = 0;
+		for (const idx of lastRow) {
+			if (selectLabel[idx].type === "checkbox") continue;
+			const label = selectLabel[idx].label || selectLabel[idx].value;
+			const tagPadding = typePadding(selectLabel[idx]) || 29;
+			lastLineWidth += measureText(maxTagCount && label.length > maxTagCount ? label.slice(0, maxTagCount) : label) + tagPadding + (label.length > maxTagCount ? 9 : 0);
+		}
+		if (lastLineWidth + PLUS_WIDTH > selectWidth && lastRow.length > 0) {
+			lastRow.pop();
+			showCount -= 1;
+		}
+	}
+	console.log("showCount", showCount);
+	return showCount;
+}
+/** 计算是否是单行模式 */
+function isSingleLine(tableCellHeight) {
+	if (!tableCellHeight) return true;
+	if (!tableCellHeight.cellHeightMode || tableCellHeight.cellHeightMode === TABLE_CELL_HEIGHT_MODE.ONE_ROW || tableCellHeight.cellHeightMode === TABLE_CELL_HEIGHT_MODE.CUSTOM_ROW && tableCellHeight.cellHeight == 1) return true;
+	return false;
+}
+/** 非单行模式 */
+function isNotSignalLine(tableCellHeight) {
+	if (!tableCellHeight) return true;
+	if (isSingleLine(tableCellHeight)) return true;
+	if (tableCellHeight.cellHeightMode === TABLE_CELL_HEIGHT_MODE.ALL_ROW) return true;
+	return false;
+}
+//#endregion
+export { calcMutiLineTags, isNotSignalLine, isSingleLine, typePadding };

package/es/hooks/useTreeList.d.ts

@@ -0,0 +1,23 @@
+export declare function useTreeList(): {
+    initTree: (api: Fn) => Promise<void>;
+    addTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    updateTreeNode: (api: Fn, data: IObject, opts?: IObject) => Promise<void>;
+    deleteTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    dragTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    treeData: import('vue').Ref<IObject[], IObject[]>;
+    treeOrignalData: import('vue').Ref<IObject[], IObject[]>;
+    transformTreeData: (list: IObject[], parentId?: string, index?: number) => IObject[];
+    setTreeSelect: (key: (string | number)[], node: IObject) => void;
+    selectedTreeKey: import('vue').Ref<(string | number)[] | undefined, (string | number)[] | undefined>;
+    selectTreeNode: {
+        node: {};
+    };
+    getTreeNamePathArr: (treeNodeId: string) => string[];
+    getFilterTreeData: (selectInfo: IObject) => IObject[];
+    isExistUser2SelectOrg: import('vue').Ref<boolean, boolean>;
+    setOrgsExistUser: (userList: IObject[]) => void;
+    searchTreeData: (api: Fn, data: IObject) => Promise<void>;
+    clearSearchTreeData: () => void;
+    searchTreeOrignalData: import('vue').Ref<IObject[], IObject[]>;
+    restTree: () => void;
+};

package/es/hooks/useTreeList.mjs

@@ -0,0 +1,160 @@
+import { reactive, ref, unref } from "vue";
+import { cloneDeep } from "lodash-es";
+//#region src/hooks/useTreeList.ts
+var isExistUser2SelectOrg = ref(false);
+var selectedTreeKey = ref();
+var selectTreeNode = reactive({ node: {} });
+var treeData = ref([]);
+var treeOrignalData = ref([]);
+var searchTreeOrignalData = ref([]);
+var rootId = ref();
+var searchParams = ref();
+function useTreeList() {
+	const treeFunc = {
+		init: void 0,
+		add: void 0,
+		update: void 0,
+		delete: void 0,
+		search: void 0
+	};
+	/**
+	* 初始化树的方法
+	*/
+	async function initTree(api) {
+		treeOrignalData.value = await api();
+		rootId.value = getTreeRootId();
+		treeData.value = transformTreeData(treeOrignalData.value, rootId.value);
+		if (!treeFunc.init) treeFunc.init = api;
+		treeOrignalData.value = treeOrignalData.value.map((item) => {
+			return {
+				...item,
+				userOrgName: getTreeNamePathArr(item.id).join("/")
+			};
+		});
+	}
+	async function searchTreeData(api, data) {
+		searchTreeOrignalData.value = await api(data);
+		if (!searchParams.value) searchParams.value = data;
+		if (!treeFunc.search) treeFunc.search = api;
+	}
+	function clearSearchTreeData() {
+		searchTreeOrignalData.value = [];
+		searchParams.value = void 0;
+		treeFunc.search = void 0;
+	}
+	/** 获取根节点 */
+	function getTreeRootId(list) {
+		if ([...new Set((list ?? treeOrignalData.value).map((item) => item.parentId))].includes("ROOT")) return "ROOT";
+		const root = (list ?? treeOrignalData.value).find((item) => item.id === item.tenantId);
+		if (root) return root.parentId;
+		return "";
+	}
+	/**
+	* 将后端扁平化数据解析成树结构的方法
+	* @param list 树LIST
+	* @param parentId 父ID
+	* @returns 包含children的树结构
+	*/
+	function transformTreeData(list, parentId = "ROOT", index = 1) {
+		const tree = [];
+		for (const node of list) if (node.parentId === parentId) {
+			const item = transformTreeData(list, node.id, index + 1);
+			if (item.length > 0) node.children = item.map((i) => {
+				i.indexDeep = index;
+				return i;
+			});
+			else node.children = [];
+			tree.push(node);
+		}
+		return tree;
+	}
+	/**
+	* 设置选中的树节点
+	*/
+	function setTreeSelect(key, node) {
+		selectedTreeKey.value = key;
+		selectTreeNode.node = node;
+	}
+	/**
+	* 添加树节点
+	*/
+	async function addTreeNode(api, data) {
+		await api(data);
+		if (!treeFunc.add) treeFunc.add = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	/**
+	* 添加树节点
+	*/
+	async function updateTreeNode(api, data, opts) {
+		await api(opts ?? data.id, data);
+		if (!treeFunc.update) treeFunc.update = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	async function deleteTreeNode(api, data) {
+		await api(data);
+		if (!treeFunc.delete) treeFunc.delete = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	async function dragTreeNode(api, data) {
+		await api(data);
+		if (treeFunc.init) initTree(treeFunc.init);
+	}
+	const getTreeNamePathArr = (treeNodeId) => {
+		const arr = [];
+		const treeNode = treeOrignalData.value.find((d) => d.id === treeNodeId);
+		if (!treeNode) return arr;
+		treeNode.fullPath.split("/").forEach((nodeId) => {
+			const node = treeOrignalData.value.find((d) => {
+				return nodeId == d.id;
+			});
+			if (node) arr.push(node.name);
+		});
+		return arr;
+	};
+	/** 过滤组织树 */
+	const getFilterTreeData = (selectInfo) => {
+		const filterData = cloneDeep(unref(treeOrignalData.value)).filter((item) => item.tenantId === selectInfo.tenantId);
+		return transformTreeData(filterData, getTreeRootId(filterData));
+	};
+	/** 设置当前所选组织下是否存在用户 */
+	const setOrgsExistUser = (userList) => {
+		isExistUser2SelectOrg.value = userList.length !== 0;
+	};
+	const restTree = () => {
+		isExistUser2SelectOrg.value = false;
+		selectedTreeKey.value = void 0;
+		selectTreeNode.node = {};
+		treeData.value = [];
+		treeOrignalData.value = [];
+		searchTreeOrignalData.value = [];
+		rootId.value = void 0;
+		searchParams.value = void 0;
+	};
+	return {
+		initTree,
+		addTreeNode,
+		updateTreeNode,
+		deleteTreeNode,
+		dragTreeNode,
+		treeData,
+		treeOrignalData,
+		transformTreeData,
+		setTreeSelect,
+		selectedTreeKey,
+		selectTreeNode,
+		getTreeNamePathArr,
+		getFilterTreeData,
+		isExistUser2SelectOrg,
+		setOrgsExistUser,
+		searchTreeData,
+		clearSearchTreeData,
+		searchTreeOrignalData,
+		restTree
+	};
+}
+//#endregion
+export { useTreeList };

package/es/index.d.ts

@@ -1,5 +1,8 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';
+export type * from './interface';
+export * from './modules/category';
 export * from './modules/code-editor';
 export * from './modules/color-picker';
 export * from './modules/formula-editor';
@@ -7,8 +10,11 @@ export * from './modules/gct-dnd';
 export * from './modules/gct-form';
 export * from './modules/gct-table';
 export * from './modules/global-modal';
+export * from './modules/online-control';
 export * from './modules/picture-cropper';
 export * from './modules/picture-preview';
-export * from './components';
+export * from './modules/print-tmpl';
+export * from './modules/relationship-diagram-config';
+export * from './modules/data-rules-container';
 export { coreWebCreateAppVue } from './create-app-vue';
 export { coreWebSetupApp } from './setup-app';