@gct-paas/render-web 0.1.6-dev.19 → 0.1.6-dev.20

package/es/utils/xlsx-parser.mjs

@@ -0,0 +1,262 @@
+import { FIELD_TYPE_BUSINESS } from "../enums/xlsx-parser.mjs";
+import { DefaultPaper, FIELD_PROP_LABEL_MAP, FIELD_TYPE_LABEL_MAP } from "../constants/xlsx-parser.mjs";
+import { CellBorder } from "./cell-border.mjs";
+import { FIELD_TYPE, FIELD_TYPE_TRACE, t } from "@gct-paas/core";
+import { cloneDeep } from "lodash-es";
+import ExcelJs from "exceljs";
+import toPx from "unit-to-px";
+//#region src/utils/xlsx-parser.ts
+var isTypeInGroup = (type, group) => group.includes(type);
+var generateAutoFieldKey = (type, fieldGroup, keyList) => {
+	if (!isTypeInGroup(type, fieldGroup)) return;
+	const nums = keyList.filter((i) => i.startsWith(type)).map((i) => parseInt(i.match(/\d+/)?.[0] || "0", 10));
+	return `${type}_${(nums.length ? Math.max(...nums) : 0) + 1}_`;
+};
+var FieldPropLabels = Object.entries(FIELD_PROP_LABEL_MAP);
+var FieldTypeLabels = Object.entries(FIELD_TYPE_LABEL_MAP);
+var TRACE_FIELDS = Object.values(FIELD_TYPE_TRACE);
+var BUSINESS_FIELDS = Object.values(FIELD_TYPE_BUSINESS);
+var XlsxParser = class XlsxParser {
+	static async xlsx2json(file) {
+		const workbook = new ExcelJs.Workbook();
+		const xlsxData = await workbook.xlsx.load(file);
+		const paperSheet = workbook.getWorksheet(t("sys.onlineForm.formStyle")) || workbook.getWorksheet();
+		if (!paperSheet) return;
+		return XlsxParser.sheetToPaper(paperSheet, xlsxData);
+	}
+	static async xlsx2jsonWithFields(file, keyList) {
+		const workbook = new ExcelJs.Workbook();
+		const xlsxData = await workbook.xlsx.load(file);
+		const paperSheet = workbook.getWorksheet(t("sys.onlineForm.formStyle")) || workbook.getWorksheet();
+		const fieldSheet = workbook.getWorksheet(t("sys.onlineForm.formFields"));
+		const paper = paperSheet ? XlsxParser.sheetToPaper(paperSheet, xlsxData) : null;
+		const fields = fieldSheet ? XlsxParser.sheetToFields(fieldSheet, keyList) : null;
+		const paperFields = [];
+		paper?.cells?.forEach((row, rowIndex) => {
+			row.forEach((cell, colIndex) => {
+				console.log("cell", cell);
+				const matches = typeof cell?.value === "string" ? cell?.value?.match(/^\$\{(.+?)\}$/) : null;
+				if (!matches) return;
+				const matchKey = matches[1];
+				const fieldMeta = fields?.find((item) => item.tmpOldKey === matchKey || item.key === matchKey || item.name === matchKey);
+				if (!fieldMeta) return;
+				paperFields.push({
+					x: colIndex + 1,
+					y: rowIndex + 1,
+					fieldKey: fieldMeta.key,
+					fieldName: fieldMeta.name,
+					fieldType: fieldMeta.type
+				});
+			});
+		});
+		return {
+			paper,
+			fields,
+			paperFields
+		};
+	}
+	static sheetToPaper(paperSheet, xlsxData) {
+		const SheetRowCount = Math.min(paperSheet.dimensions.bottom, 300);
+		const SheetColCount = Math.min(paperSheet.dimensions.right, 75);
+		const paper = {};
+		const { defaultRowHeight, defaultColWidth } = paperSheet.properties;
+		const defaultRowHeightPx = parseInt(toPx(`${defaultRowHeight}pt`));
+		const rows = [];
+		Array(SheetRowCount).fill("").forEach((_r, i) => {
+			const row = paperSheet._rows?.[i];
+			rows.push({ height: parseInt(toPx(`${row?.height ?? defaultRowHeight}pt`)) });
+		});
+		paper.rows = rows;
+		const cols = [];
+		Array(SheetColCount).fill("").forEach((_c, i) => {
+			const { width } = paperSheet.columns[i];
+			const _w = width ?? defaultColWidth;
+			cols.push({ width: _w === void 0 ? 80 : Math.floor(_w * toPx("ch")) });
+		});
+		paper.cols = cols;
+		const cells = Array(SheetRowCount).fill("").map(() => Array(SheetColCount).fill("").map(() => ({})));
+		Array(SheetRowCount).fill("").forEach((_, rowIndex) => {
+			if (!paperSheet._rows?.[rowIndex]) return;
+			Array(SheetColCount).fill("").forEach((_, colIndex) => {
+				const cell = paperSheet._rows?.[rowIndex]._cells?.[colIndex];
+				if (!cell) return;
+				const { alignment, fill, font } = cell.style;
+				const cellName = cell._address;
+				const cellStyle = {
+					"text-align": alignment?.horizontal ?? "left",
+					"vertical-align": alignment?.vertical ?? "middle",
+					"background-color": fill?.fgColor?.argb?.substring(2).padStart(7, "#"),
+					color: font?.color?.argb?.substring(2).padStart(7, "#"),
+					"font-size": `${font?.size < 12 ? 12 : font?.size}px`,
+					"white-space": alignment?.wrapText ? "pre-line" : void 0,
+					"line-height": "1em"
+				};
+				if (alignment?.wrapText) cellStyle["line-height"] = "1.5em";
+				cells[rowIndex][colIndex].style = cellStyle;
+				if (cellName !== cell.master.address) return;
+				let cellValue = "";
+				if (typeof cell.value !== "object") cellValue = cell.value;
+				else if (typeof cell.text !== "object") cellValue = cell.text;
+				cells[rowIndex][colIndex].value = cellValue;
+			});
+		});
+		paper.cells = cells;
+		const mergedCells = [];
+		Object.entries(paperSheet._merges ?? {}).forEach((m) => {
+			const { top: t, bottom: b, left: l, right: r } = m[1];
+			if (t > SheetRowCount || l > SheetColCount) return;
+			mergedCells.push({
+				t,
+				l,
+				b: Math.min(SheetRowCount, b),
+				r: Math.min(SheetColCount, r)
+			});
+		});
+		paper.mergedCells = mergedCells;
+		/**
+		* 抽离边框设置逻辑 与设计器中保持一致
+		*/
+		Array(SheetRowCount).fill("").forEach((_, rowIndex) => {
+			if (!paperSheet._rows?.[rowIndex]) return;
+			Array(SheetColCount).fill("").forEach((_, colIndex) => {
+				const cell = paperSheet._rows?.[rowIndex]._cells?.[colIndex];
+				if (!cell) return;
+				const { border } = cell.style;
+				if (border?.top) CellBorder.setTop(colIndex + 1, rowIndex + 1, paper);
+				if (border?.bottom) CellBorder.setBottom(colIndex + 1, rowIndex + 1, paper);
+				if (border?.left) CellBorder.setLeft(colIndex + 1, rowIndex + 1, paper);
+				if (border?.right) CellBorder.setRight(colIndex + 1, rowIndex + 1, paper);
+			});
+		});
+		const medias = (xlsxData.media ?? []).map((m) => {
+			return {
+				id: Math.random().toString(36).substring(2, 10),
+				src: `data:image/${m.extension};base64,` + m.buffer.toString("base64")
+			};
+		});
+		const images = [];
+		paperSheet._media?.forEach((m) => {
+			const { imageId, range } = m;
+			const imageLayout = {
+				height: parseInt(toPx(`${(range.br.nativeRowOff - range.tl.nativeRowOff) / 914400}in`)) + (range.br.nativeRow - range.tl.nativeRow > 0 ? Array(range.br.nativeRow - range.tl.nativeRow).fill("").reduce((total, _r, i) => {
+					total = total + (paper.rows?.[i + range.tl.nativeRow]?.height ?? defaultRowHeightPx);
+					return total;
+				}, 0) : 0),
+				width: parseInt(toPx(`${(range.br.nativeColOff - range.tl.nativeColOff) / 914400}in`)) + (range.br.nativeCol - range.tl.nativeCol > 0 ? Array(range.br.nativeCol - range.tl.nativeCol).fill("").reduce((total, _c, i) => {
+					total = total + paper.cols?.[i + range.tl.nativeCol].width;
+					return total;
+				}, 0) : 0),
+				top: parseInt(toPx(`${range.tl.nativeRowOff / 914400}in`)),
+				left: parseInt(toPx(`${range.tl.nativeColOff / 914400}in`))
+			};
+			const deltaX = Array(range.tl.nativeCol).fill("").reduce((result, _i, index) => {
+				result += paper.cols?.[index]?.width ?? 0;
+				return result;
+			}, 0);
+			const deltaY = Array(range.tl.nativeRow).fill("").reduce((result, _i, index) => {
+				result += paper.rows?.[index]?.height ?? defaultRowHeightPx;
+				return result;
+			}, 0);
+			const img = {
+				id: Math.random().toString(36).substring(2, 10),
+				mediaId: medias[imageId].id,
+				layout: {
+					height: imageLayout.height,
+					width: imageLayout.width,
+					top: imageLayout.top + deltaY,
+					left: imageLayout.left + deltaX
+				}
+			};
+			images.push(img);
+		});
+		paper.medias = medias;
+		paper.images = images;
+		return {
+			...cloneDeep(DefaultPaper),
+			...paper
+		};
+	}
+	/**
+	* 根据 sheet 内容解析字段信息
+	* @param sheet
+	* @returns
+	*/
+	static sheetToFields(sheet, keyList) {
+		const SheetRowCount = Math.min(sheet.rowCount, 300);
+		const SheetColCount = Math.min(sheet.columnCount, 10);
+		const colFieldPropMap = /* @__PURE__ */ new Map();
+		Array(SheetColCount).fill("").forEach((_, colIndex) => {
+			const cell = sheet._rows?.[0]._cells?.[colIndex];
+			const fieldProp = FieldPropLabels.find((f) => f[1] === (cell?.text ?? "").replaceAll("*", "").trim());
+			if (fieldProp) colFieldPropMap.set(colIndex, fieldProp[0]);
+		});
+		const fields = [];
+		Array(SheetRowCount).fill("").forEach((_, rowIndex) => {
+			if (rowIndex === 0) return;
+			if (!sheet._rows?.[rowIndex]) return;
+			const field = {};
+			Array(SheetColCount).fill("").forEach((_, colIndex) => {
+				const cell = sheet._rows?.[rowIndex]._cells?.[colIndex];
+				if (colFieldPropMap.has(colIndex)) field[colFieldPropMap.get(colIndex)] = cell?.text ?? "";
+			});
+			fields.push(field);
+		});
+		const cloneKeyList = [...keyList];
+		fields.forEach((f) => {
+			XlsxParser._field2Meta(f, cloneKeyList);
+		});
+		return fields;
+	}
+	/**
+	* 字段信息转换为元数据
+	* @param field
+	*/
+	static _field2Meta(field, keyList) {
+		const { type, required } = field;
+		field.required = required === t("sys.true") ? 1 : 0;
+		const fieldType = FieldTypeLabels.find((f) => f[1] === type);
+		if (fieldType) field.type = fieldType[0];
+		else field.type = FIELD_TYPE.TEXT;
+		if (isTypeInGroup(field.type, BUSINESS_FIELDS)) {
+			field.tmpOldKey = field.key;
+			field.key = generateAutoFieldKey(field.type, BUSINESS_FIELDS, []);
+		} else if (isTypeInGroup(field.type, TRACE_FIELDS)) {
+			field.tmpOldKey = field.key;
+			const key = generateAutoFieldKey(field.type, TRACE_FIELDS, keyList);
+			field.key = key;
+			keyList.push(key);
+		}
+		field.uniqueConstraint = { type: field.uniqueConstraint === t("sys.true") ? "GLOBAL" : "NONE" };
+		field.disabled = field.disabled === t("sys.true") ? 1 : 0;
+	}
+	/**
+	* @param paper 导入的纸张数据
+	* @param range 最大显示范围
+	* @param mode 缩放模式 x: 横向 y: 纵向
+	*/
+	static contentFitToPaper(paper, range, mode = "x") {
+		const contentWidth = paper?.cols.reduce((total, item) => {
+			total += item.width;
+			return total;
+		}, 0);
+		const contentHeight = paper?.rows.reduce((total, item) => {
+			total += item.height;
+			return total;
+		}, 0);
+		const viewportWidth = parseInt(toPx(range[0]));
+		const viewportHeight = parseInt(toPx(range[1]));
+		const xRatio = contentWidth / viewportWidth;
+		const yRatio = contentHeight / viewportHeight;
+		const maxRatio = mode === "x" ? xRatio : Math.max(xRatio, yRatio);
+		if (maxRatio > 1) {
+			paper.cols.forEach((item) => {
+				item.width = item.width / maxRatio;
+			});
+			paper.rows.forEach((item) => {
+				item.height = item.height / maxRatio;
+			});
+		}
+	}
+};
+//#endregion
+export { XlsxParser };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/render-web",
-  "version": "0.1.6-dev.19",
+  "version": "0.1.6-dev.20",
   "type": "module",
   "description": "paas 平台网页端底包",
   "loader": "dist/loader.esm.min.js",
@@ -31,24 +31,29 @@
   "license": "MIT",
   "author": "gct",
   "dependencies": {
+    "@gct-paas/api": "^0.1.6-dev.11",
+    "@vueuse/core": "^14.1.0",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "ant-design-vue": "~3.2.20",
     "colord": "^2.9.3",
     "exceljs": "^4.4.0",
     "lodash-es": "^4.17.23",
+    "unit-to-px": "^1.0.5",
     "vue": "^3.5.30",
-    "@gct-paas/core-web": "0.1.6-dev.19",
-    "@gct-paas/core": "0.1.6-dev.19",
-    "@gct-paas/render": "0.1.6-dev.19",
-    "@gct-paas/schema": "0.1.6-dev.19",
-    "@gct-paas/scss": "0.1.6-dev.19"
+    "@gct-paas/core": "0.1.6-dev.20",
+    "@gct-paas/core-web": "0.1.6-dev.20",
+    "@gct-paas/render": "0.1.6-dev.20",
+    "@gct-paas/schema": "0.1.6-dev.20",
+    "@gct-paas/scss": "0.1.6-dev.20"
   },
   "peerDependencies": {
+    "@gct-paas/api": "^0.1.6-dev.11",
     "vue": ">=3",
-    "@gct-paas/render": "0.1.6-dev.19",
-    "@gct-paas/core": "0.1.6-dev.19",
-    "@gct-paas/schema": "0.1.6-dev.19",
-    "@gct-paas/core-web": "0.1.6-dev.19",
-    "@gct-paas/scss": "0.1.6-dev.19"
+    "@gct-paas/core-web": "0.1.6-dev.20",
+    "@gct-paas/render": "0.1.6-dev.20",
+    "@gct-paas/schema": "0.1.6-dev.20",
+    "@gct-paas/core": "0.1.6-dev.20",
+    "@gct-paas/scss": "0.1.6-dev.20"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12"