@gct-paas/core 0.1.4-dev.8 → 0.1.5-dev.0

package/es/utils/style/index.mjs

@@ -1,141 +1,97 @@
-const calcStyle = (data, ignoringStyle = []) => {
-  const style = {};
-  const padding = data.padding;
-  if (padding) {
-    if (padding.top != null && padding.top != "" && !ignoringStyle.includes("paddingTop"))
-      style["padding-top"] = padding.top;
-    if (padding.right != null && padding.right != "" && !ignoringStyle.includes("paddingRight"))
-      style["padding-right"] = padding.right;
-    if (padding.bottom != null && padding.bottom != "" && !ignoringStyle.includes("paddingBottom"))
-      style["padding-bottom"] = padding.bottom;
-    if (padding.left != null && padding.left != "" && !ignoringStyle.includes("paddingLeft"))
-      style["padding-left"] = padding.left;
-  }
-  const margin = data.margin;
-  if (margin) {
-    if (margin.top != null && margin.top != "" && !ignoringStyle.includes("marginTop"))
-      style["margin-top"] = margin.top;
-    if (margin.right != null && margin.right != "" && !ignoringStyle.includes("marginRight"))
-      style["margin-right"] = margin.right;
-    if (margin.bottom != null && margin.bottom != "" && !ignoringStyle.includes("marginBottom"))
-      style["margin-bottom"] = margin.bottom;
-    if (margin.left != null && margin.left != "" && !ignoringStyle.includes("marginLeft"))
-      style["margin-left"] = margin.left;
-  }
-  if (data.background != null && data.background != "" && !ignoringStyle.includes("backgroundColor")) {
-    style["background-color"] = data.background;
-  }
-  if (data.width != null && data.width != "" && !ignoringStyle.includes("width")) {
-    style.width = data.width;
-  }
-  if (data.height != null && data.height != "" && !ignoringStyle.includes("height")) {
-    style.height = data.height;
-    style.overflowX = "hidden";
-    style.overflowY = "auto";
-  }
-  const position = data.position;
-  if (position) {
-    if (position.position != null && position.position != "" && !ignoringStyle.includes("zIndex")) {
-      style.position = position.position;
-      style["z-index"] = 1;
-    }
-    if (position.top != null && position.top != "" && !ignoringStyle.includes("top"))
-      style.top = `${position.top}px`;
-    if (position.right != null && position.right != "" && !ignoringStyle.includes("right"))
-      style.right = `${position.right}px`;
-    if (position.bottom != null && position.bottom != "" && !ignoringStyle.includes("bottom"))
-      style.bottom = `${position.bottom}px`;
-    if (position.left != null && position.left != "" && !ignoringStyle.includes("left"))
-      style.left = `${position.left}px`;
-  }
-  const border = data.border;
-  if (border) {
-    if (border.topLeftRadius != null && border.topLeftRadius != "" && !ignoringStyle.includes("borderTopLeftRadius")) {
-      style["border-top-left-radius"] = border.topLeftRadius;
-    }
-    if (border.topRightRadius != null && border.topRightRadius != "" && !ignoringStyle.includes("borderTopRightRadius")) {
-      style["border-top-right-radius"] = border.topRightRadius;
-    }
-    if (border.bottomLeftRadius != null && border.bottomLeftRadius != "" && !ignoringStyle.includes("borderBottomLeftRadius")) {
-      style["border-bottom-left-radius"] = border.bottomLeftRadius;
-    }
-    if (border.bottomRightRadius != null && border.bottomRightRadius != "" && !ignoringStyle.includes("borderBottomRightRadius")) {
-      style["border-bottom-right-radius"] = border.bottomRightRadius;
-    }
-    if (border.top) {
-      if (border.top.color != null && border.top.color != "" && !ignoringStyle.includes("borderTopColor")) {
-        style["border-top-color"] = border.top.color;
-      }
-      if (border.top.width != null && border.top.width != "" && !ignoringStyle.includes("borderTopWidth")) {
-        style["border-top-width"] = border.top.width;
-      }
-      if (border.top.style && !ignoringStyle.includes("borderTopStyle")) {
-        style["border-top-style"] = border.top.style;
-      }
-    }
-    if (border.right) {
-      if (border.right.color != null && border.right.color != "" && !ignoringStyle.includes("borderRightColor")) {
-        style["border-right-color"] = border.right.color;
-      }
-      if (border.right.width != null && border.right.width != "" && !ignoringStyle.includes("borderRightWidth")) {
-        style["border-right-width"] = border.right.width;
-      }
-      if (border.right.style && !ignoringStyle.includes("borderRightStyle")) {
-        style["border-right-style"] = border.right.style;
-      }
-    }
-    if (border.bottom) {
-      if (border.bottom.color != null && border.bottom.color != "" && !ignoringStyle.includes("borderBottomColor")) {
-        style["border-bottom-color"] = border.bottom.color;
-      }
-      if (border.bottom.width != null && border.bottom.width != "" && !ignoringStyle.includes("borderBottomWidth")) {
-        style["border-bottom-width"] = border.bottom.width;
-      }
-      if (border.bottom.style && !ignoringStyle.includes("borderBottomStyle")) {
-        style["border-bottom-style"] = border.bottom.style;
-      }
-    }
-    if (border.left) {
-      if (border.left.color != null && border.left.color != "" && !ignoringStyle.includes("borderLeftColor")) {
-        style["border-left-color"] = border.left.color;
-      }
-      if (border.left.width != null && border.left.width != "" && !ignoringStyle.includes("borderLeftWidth")) {
-        style["border-left-width"] = border.left.width;
-      }
-      if (border.left.style && !ignoringStyle.includes("borderLeftStyle")) {
-        style["border-left-style"] = border.left.style;
-      }
-    }
-  }
-  if (data.border_radius) {
-    style["border-radius"] = `${data.border_radius}px`;
-  }
-  return style;
+//#region src/utils/style/index.ts
+/**
+* 计算配置样式
+*
+* @param data
+* @param ignoringStyle 忽略计算的样式
+* @returns
+*/
+var calcStyle = (data, ignoringStyle = []) => {
+	const style = {};
+	const padding = data.padding;
+	if (padding) {
+		if (padding.top != null && padding.top != "" && !ignoringStyle.includes("paddingTop")) style["padding-top"] = padding.top;
+		if (padding.right != null && padding.right != "" && !ignoringStyle.includes("paddingRight")) style["padding-right"] = padding.right;
+		if (padding.bottom != null && padding.bottom != "" && !ignoringStyle.includes("paddingBottom")) style["padding-bottom"] = padding.bottom;
+		if (padding.left != null && padding.left != "" && !ignoringStyle.includes("paddingLeft")) style["padding-left"] = padding.left;
+	}
+	const margin = data.margin;
+	if (margin) {
+		if (margin.top != null && margin.top != "" && !ignoringStyle.includes("marginTop")) style["margin-top"] = margin.top;
+		if (margin.right != null && margin.right != "" && !ignoringStyle.includes("marginRight")) style["margin-right"] = margin.right;
+		if (margin.bottom != null && margin.bottom != "" && !ignoringStyle.includes("marginBottom")) style["margin-bottom"] = margin.bottom;
+		if (margin.left != null && margin.left != "" && !ignoringStyle.includes("marginLeft")) style["margin-left"] = margin.left;
+	}
+	if (data.background != null && data.background != "" && !ignoringStyle.includes("backgroundColor")) style["background-color"] = data.background;
+	if (data.width != null && data.width != "" && !ignoringStyle.includes("width")) style.width = data.width;
+	if (data.height != null && data.height != "" && !ignoringStyle.includes("height")) {
+		style.height = data.height;
+		style.overflowX = "hidden";
+		style.overflowY = "auto";
+	}
+	const position = data.position;
+	if (position) {
+		if (position.position != null && position.position != "" && !ignoringStyle.includes("zIndex")) {
+			style.position = position.position;
+			style["z-index"] = 1;
+		}
+		if (position.top != null && position.top != "" && !ignoringStyle.includes("top")) style.top = `${position.top}px`;
+		if (position.right != null && position.right != "" && !ignoringStyle.includes("right")) style.right = `${position.right}px`;
+		if (position.bottom != null && position.bottom != "" && !ignoringStyle.includes("bottom")) style.bottom = `${position.bottom}px`;
+		if (position.left != null && position.left != "" && !ignoringStyle.includes("left")) style.left = `${position.left}px`;
+	}
+	const border = data.border;
+	if (border) {
+		if (border.topLeftRadius != null && border.topLeftRadius != "" && !ignoringStyle.includes("borderTopLeftRadius")) style["border-top-left-radius"] = border.topLeftRadius;
+		if (border.topRightRadius != null && border.topRightRadius != "" && !ignoringStyle.includes("borderTopRightRadius")) style["border-top-right-radius"] = border.topRightRadius;
+		if (border.bottomLeftRadius != null && border.bottomLeftRadius != "" && !ignoringStyle.includes("borderBottomLeftRadius")) style["border-bottom-left-radius"] = border.bottomLeftRadius;
+		if (border.bottomRightRadius != null && border.bottomRightRadius != "" && !ignoringStyle.includes("borderBottomRightRadius")) style["border-bottom-right-radius"] = border.bottomRightRadius;
+		if (border.top) {
+			if (border.top.color != null && border.top.color != "" && !ignoringStyle.includes("borderTopColor")) style["border-top-color"] = border.top.color;
+			if (border.top.width != null && border.top.width != "" && !ignoringStyle.includes("borderTopWidth")) style["border-top-width"] = border.top.width;
+			if (border.top.style && !ignoringStyle.includes("borderTopStyle")) style["border-top-style"] = border.top.style;
+		}
+		if (border.right) {
+			if (border.right.color != null && border.right.color != "" && !ignoringStyle.includes("borderRightColor")) style["border-right-color"] = border.right.color;
+			if (border.right.width != null && border.right.width != "" && !ignoringStyle.includes("borderRightWidth")) style["border-right-width"] = border.right.width;
+			if (border.right.style && !ignoringStyle.includes("borderRightStyle")) style["border-right-style"] = border.right.style;
+		}
+		if (border.bottom) {
+			if (border.bottom.color != null && border.bottom.color != "" && !ignoringStyle.includes("borderBottomColor")) style["border-bottom-color"] = border.bottom.color;
+			if (border.bottom.width != null && border.bottom.width != "" && !ignoringStyle.includes("borderBottomWidth")) style["border-bottom-width"] = border.bottom.width;
+			if (border.bottom.style && !ignoringStyle.includes("borderBottomStyle")) style["border-bottom-style"] = border.bottom.style;
+		}
+		if (border.left) {
+			if (border.left.color != null && border.left.color != "" && !ignoringStyle.includes("borderLeftColor")) style["border-left-color"] = border.left.color;
+			if (border.left.width != null && border.left.width != "" && !ignoringStyle.includes("borderLeftWidth")) style["border-left-width"] = border.left.width;
+			if (border.left.style && !ignoringStyle.includes("borderLeftStyle")) style["border-left-style"] = border.left.style;
+		}
+	}
+	if (data.border_radius) style["border-radius"] = `${data.border_radius}px`;
+	return style;
 };
-const calcFontStyle = (data, ignoringStyle = []) => {
-  const style = {};
-  const labelFont = data.labelFont;
-  if (labelFont) {
-    if (labelFont.color != null && labelFont.color != "" && !ignoringStyle.includes("color"))
-      style.color = labelFont.color;
-    if (labelFont.fontSize != null && labelFont.fontSize != "" && !ignoringStyle.includes("fontSize")) {
-      style["font-size"] = labelFont.fontSize;
-    }
-    if (labelFont.align && !ignoringStyle.includes("textAlign")) {
-      style["text-align"] = labelFont.align;
-      style["text-align-last"] = labelFont.align;
-    }
-    if (labelFont.bold === true && !ignoringStyle.includes("fontWeight")) {
-      style["font-weight"] = "bold";
-    }
-    if (labelFont.italic === true && !ignoringStyle.includes("fontStyle")) {
-      style["font-style"] = "italic";
-    }
-    if (labelFont.textDecoration && !ignoringStyle.includes("textDecoration")) {
-      style["text-decoration"] = labelFont.textDecoration;
-    }
-  }
-  return style;
+/**
+* 计算字体样式
+*
+* @param data
+* @param ignoringStyle 忽略的样式
+* @returns
+*/
+var calcFontStyle = (data, ignoringStyle = []) => {
+	const style = {};
+	const labelFont = data.labelFont;
+	if (labelFont) {
+		if (labelFont.color != null && labelFont.color != "" && !ignoringStyle.includes("color")) style.color = labelFont.color;
+		if (labelFont.fontSize != null && labelFont.fontSize != "" && !ignoringStyle.includes("fontSize")) style["font-size"] = labelFont.fontSize;
+		if (labelFont.align && !ignoringStyle.includes("textAlign")) {
+			style["text-align"] = labelFont.align;
+			style["text-align-last"] = labelFont.align;
+		}
+		if (labelFont.bold === true && !ignoringStyle.includes("fontWeight")) style["font-weight"] = "bold";
+		if (labelFont.italic === true && !ignoringStyle.includes("fontStyle")) style["font-style"] = "italic";
+		if (labelFont.textDecoration && !ignoringStyle.includes("textDecoration")) style["text-decoration"] = labelFont.textDecoration;
+	}
+	return style;
 };
-
+//#endregion
 export { calcFontStyle, calcStyle };

package/es/utils/tools/tools.d.ts

@@ -1,4 +1,3 @@
-import { default as qs } from 'qs';
 /**
  * 获取认证令牌
  *
@@ -31,13 +30,6 @@ export declare function setTenant(tenant: string): void;
  * 是否为移动端设备
  */
 export declare const isMobile: boolean;
-/**
- * 获取时区，默认: UTC+08:00
- *
- * @export
- * @returns {*}
- */
-export declare function getTimezone(): string;
 /**
  * 递归合并两个对象
  *
@@ -53,10 +45,20 @@ export declare function deepMerge<T extends object | null | undefined, U extends
  * @param {*} params
  * @returns
  */
-export declare function stringifyMatrixParams(params: Record<string, string | number | null | undefined>): string;
+export declare function stringifyMatrixParams(params: Record<string, unknown>): string;
 /**
  * 矩阵参数 → 对象（parse）
  * @param {*} path
  * @returns
  */
-export declare function parseMatrixParams(path: string): qs.ParsedQs;
+export declare function parseMatrixParams(path: string): IObject;
+/**
+ * 创建白色背景的图片，并添加文本
+ *
+ * @export
+ * @param {string} name - 文本
+ * @param {number} width - 宽度
+ * @param {number} height - 高度
+ * @return {string} 图片 base64 编码（png 格式）
+ */
+export declare function createWhiteImageWithText(name: string, width: number, height: number): string;

package/es/utils/tools/tools.mjs

@@ -1,68 +1,143 @@
-import { getCookie, setCookie, clearCookie } from 'qx-util';
-import { mergeWith, cloneDeep, unionWith, isEqual } from 'lodash-es';
-import { CoreConst } from '../../constants/core.mjs';
-import '../../enums/app-designer/index.mjs';
-import '../../enums/page-designer/designer.mjs';
-import '../../enums/breakpointEnum.mjs';
-import { TIMEZONE_KEY } from '../../enums/cacheEnum.mjs';
-import qs from 'qs';
-
+import { CoreConst } from "../../constants/core.mjs";
+import "../../constants/index.mjs";
+import qs from "qs";
+import { cloneDeep, isEqual, mergeWith, unionWith } from "lodash-es";
+import { clearCookie, getCookie, setCookie } from "qx-util";
+//#region src/utils/tools/tools.ts
+/**
+* 获取认证令牌
+*
+* @export
+* @returns {*}  {(string | null)}
+*/
 function getToken() {
-  return getCookie(CoreConst.TOKEN);
+	return getCookie(CoreConst.TOKEN);
 }
+/**
+* 设置认证令牌（目前只有 session 级别生效）
+*
+* @export
+* @param {string} token
+*/
 function setToken(token) {
-  if (token) {
-    setCookie(CoreConst.TOKEN, token, 7, true);
-  } else {
-    clearCookie(CoreConst.TOKEN, true);
-  }
+	if (token) setCookie(CoreConst.TOKEN, token, 7, true);
+	else clearCookie(CoreConst.TOKEN, true);
 }
+/**
+* 从 cookie 获取租户标识
+*
+* @export
+* @returns {*}  {(string | null)}
+*/
 function getTenant() {
-  return getCookie(CoreConst.TENANT);
+	return getCookie(CoreConst.TENANT);
 }
+/**
+* 设置租户标识至 cookie
+*
+* @export
+* @param {string} tenant
+*/
 function setTenant(tenant) {
-  if (tenant) {
-    setCookie(CoreConst.TENANT, tenant, 7, true);
-  } else {
-    clearCookie(CoreConst.TENANT, true);
-  }
+	if (tenant) setCookie(CoreConst.TENANT, tenant, 7, true);
+	else clearCookie(CoreConst.TENANT, true);
 }
-const isMobile = (() => {
-  const ua = navigator.userAgent;
-  const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/;
-  const isSmallScreen = window.innerWidth <= 768;
-  const isTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-  return mobileRegex.test(ua) || isSmallScreen && isTouch;
+/**
+* 是否为移动端设备
+*/
+var isMobile = (() => {
+	const ua = navigator.userAgent;
+	const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/;
+	const isSmallScreen = window.innerWidth <= 768;
+	const isTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+	return mobileRegex.test(ua) || isSmallScreen && isTouch;
 })();
-function getTimezone() {
-  return localStorage.getItem(TIMEZONE_KEY) || "UTC+08:00";
-}
+/**
+* 递归合并两个对象
+*
+* @template T
+* @template U
+* @param {T} target 目标对象，合并后结果存放于此
+* @param {U} source 要合并的源对象
+* @returns {(T & U)} 合并后的对象
+*/
 function deepMerge(target, source) {
-  return mergeWith(cloneDeep(target), source, (objValue, srcValue) => {
-    if (typeof objValue === "object" && typeof srcValue === "object") {
-      return mergeWith(
-        cloneDeep(objValue),
-        srcValue,
-        (prevValue, nextValue) => {
-          return Array.isArray(prevValue) ? unionWith(prevValue, nextValue, isEqual) : void 0;
-        }
-      );
-    }
-  });
+	return mergeWith(cloneDeep(target), source, (objValue, srcValue) => {
+		if (typeof objValue === "object" && typeof srcValue === "object") return mergeWith(cloneDeep(objValue), srcValue, (prevValue, nextValue) => {
+			return Array.isArray(prevValue) ? unionWith(prevValue, nextValue, isEqual) : void 0;
+		});
+	});
 }
+/**
+* 对象 → 矩阵参数（stringify）
+* @param {*} params
+* @returns
+*/
 function stringifyMatrixParams(params) {
-  const str = qs.stringify(params, {
-    encode: true,
-    delimiter: ";"
-  });
-  return str ? `;${str}` : "";
+	const str = qs.stringify(params, {
+		encode: true,
+		delimiter: ";"
+	});
+	return str ? `;${str}` : "";
 }
+/**
+* 矩阵参数 → 对象（parse）
+* @param {*} path
+* @returns
+*/
 function parseMatrixParams(path) {
-  const idx = path.indexOf(";");
-  if (idx === -1) return {};
-  return qs.parse(path, {
-    delimiter: ";"
-  });
+	if (path.indexOf(";") === -1) return {};
+	return qs.parse(path, { delimiter: ";" });
+}
+/**
+* 创建白色背景的图片，并添加文本
+*
+* @export
+* @param {string} name - 文本
+* @param {number} width - 宽度
+* @param {number} height - 高度
+* @return {string} 图片 base64 编码（png 格式）
+*/
+function createWhiteImageWithText(name, width, height) {
+	const canvas = document.createElement("canvas");
+	canvas.width = width;
+	canvas.height = height;
+	const ctx = canvas.getContext("2d");
+	ctx.fillStyle = "#ffffff";
+	ctx.fillRect(0, 0, width, height);
+	let fontSize = Math.floor(height / 3);
+	ctx.font = `${fontSize}px Arial`;
+	function wrapText(text, maxWidth, context) {
+		const characters = text.split("");
+		const lines = [];
+		let currentLine = "";
+		for (const char of characters) {
+			const testLine = currentLine + char;
+			if (context.measureText(testLine).width > maxWidth && currentLine !== "") {
+				lines.push(currentLine);
+				currentLine = char;
+			} else currentLine = testLine;
+		}
+		if (currentLine) lines.push(currentLine);
+		return lines;
+	}
+	const maxTextWidth = width * .9;
+	let lines = wrapText(name, maxTextWidth, ctx);
+	let lineHeight = fontSize * 1.2;
+	while (lines.length * lineHeight > height && fontSize > 10) {
+		fontSize -= 1;
+		lineHeight = fontSize * 1.2;
+		ctx.font = `${fontSize}px Arial`;
+		lines = wrapText(name, maxTextWidth, ctx);
+	}
+	const startY = (height - lines.length * lineHeight) / 2 + lineHeight / 2;
+	ctx.fillStyle = "#000000";
+	ctx.textAlign = "center";
+	ctx.textBaseline = "middle";
+	lines.forEach((line, index) => {
+		ctx.fillText(line, width / 2, startY + index * lineHeight);
+	});
+	return canvas.toDataURL("image/png");
 }
-
-export { deepMerge, getTenant, getTimezone, getToken, isMobile, parseMatrixParams, setTenant, setToken, stringifyMatrixParams };
+//#endregion
+export { createWhiteImageWithText, deepMerge, getTenant, getToken, isMobile, parseMatrixParams, setTenant, setToken, stringifyMatrixParams };

package/es/utils/treeHelper/treeHelper.d.ts

@@ -15,12 +15,6 @@ interface ITreeHelperConfig {
     /** 是否深度遍历 */
     deep: boolean;
 }
-/**
- * 带子节点的对象接口
- */
-interface IWithChildren<R> {
-    children?: R[];
-}
 /**
  * 树结构数据处理工具类
  * 提供树形数据与列表数据的相互转换、节点查找、路径查找等功能
@@ -93,16 +87,16 @@ export declare class TreeHelper {
     static list_to_tree<T extends {
         id?: string;
         parentId?: string;
-    }, R = T>(list: T[], callBack?: (n: T & IWithChildren<R>) => R): R[];
+    }, R = T>(list: T[], callBack: (n: IObject) => R): R[];
     /**
      * 获取所有父级路径
      * @param treeData 树形结构数据
      * @param path 目标路径
      * @returns 从根节点到目标节点的所有路径数组
      */
-    static getAllParentPath(treeData: object & {
+    static getAllParentPath(treeData: (IObject & {
         path: string;
-    }[], path: string): string[];
+    })[], path: string): string[];
     /**
      * 递归遍历树并且根据callback返回新数据再拼装成一个新树
      *
@@ -113,5 +107,12 @@ export declare class TreeHelper {
      * @return {*}
      */
     static traverseAndBuildTree(treeData: IObject[], callback: (node: IObject) => IObject | unknown, config?: Partial<ITreeHelperConfig>): IObject[];
+    /**
+     * 递归遍历树结构
+     * @param treeData 树形结构数据
+     * @param callBack 回调函数
+     * @param parentNode 父节点
+     */
+    static eachTree<T extends IObject = IObject>(treeData: T[], callBack: (node: T, parentNode?: T) => any, parentNode?: any): void;
 }
 export {};