@gct-paas/core 0.1.4-dev.11 → 0.1.4-dev.12

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.mjs

@@ -1,72 +1,104 @@
-import { getCookie, setCookie, clearCookie } from 'qx-util';
-import { mergeWith, cloneDeep, unionWith, isEqual } from 'lodash-es';
-import '../../constants/expression-type/modeCfg.mjs';
-import '../../constants/expression-type/BuiltOperators.mjs';
-import '../../constants/expression-type/function.mjs';
-import '../../constants/expression-type/variable.mjs';
-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 "../../enums/cacheEnum.mjs";
+import "../../enums/index.mjs";
+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;
 })();
+/**
+* 获取时区，默认: UTC+08:00
+*
+* @export
+* @returns {*}
+*/
 function getTimezone() {
-  return localStorage.getItem(TIMEZONE_KEY) || "UTC+08:00";
+	return localStorage.getItem("TIMEZONE__") || "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: ";" });
 }
-
+//#endregion
 export { deepMerge, getTenant, getTimezone, getToken, isMobile, parseMatrixParams, setTenant, setToken, stringifyMatrixParams };