@tmagic/utils 1.7.6 → 1.7.8-beta.1

package/dist/es/index.js

@@ -0,0 +1,360 @@
+import { addClassName, asyncLoadCss, asyncLoadJs, calcValueByFontsize, createDiv, getDocument, getElById, getIdFromEl, injectStyle, removeClassName, removeClassNameByClassName, setDslDomRelateConfig, setIdToEl } from "./dom.js";
+import { cloneDeep, set } from "lodash-es";
+import { NodeType } from "@tmagic/schema";
+//#region packages/utils/src/index.ts
+var _globalThis;
+var getGlobalThis = () => _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
+var sleep = (ms) => new Promise((resolve) => {
+	const timer = setTimeout(() => {
+		clearTimeout(timer);
+		resolve();
+	}, ms);
+});
+var toLine = (name = "") => name.replace(/\B([A-Z])/g, "-$1").toLowerCase();
+var toHump = (name = "") => name.replace(/-(\w)/g, (_all, letter) => letter.toUpperCase());
+var emptyFn = () => void 0;
+/**
+* 通过id获取组件在应用的子孙路径
+* @param {number | string} id 组件id
+* @param {Array} data 要查找的根容器节点
+* @return {Array} 组件在data中的子孙路径
+*/
+var getNodePath = (id, data = []) => {
+	const path = [];
+	const get = function(id, data) {
+		if (!Array.isArray(data)) return null;
+		for (let i = 0, l = data.length; i < l; i++) {
+			const item = data[i];
+			path.push(item);
+			if (`${item.id}` === `${id}`) return item;
+			if (item.items) {
+				const node = get(id, item.items);
+				if (node) return node;
+			}
+			path.pop();
+		}
+		return null;
+	};
+	get(id, data);
+	return path;
+};
+var getNodeInfo = (id, root) => {
+	const info = {
+		node: null,
+		parent: null,
+		page: null
+	};
+	if (!root) return info;
+	if (id === root.id) {
+		info.node = root;
+		return info;
+	}
+	const path = getNodePath(id, root.items);
+	if (!path.length) return info;
+	path.unshift(root);
+	info.node = path[path.length - 1];
+	info.parent = path[path.length - 2];
+	path.forEach((item) => {
+		if (isPage(item) || isPageFragment(item)) {
+			info.page = item;
+			return;
+		}
+	});
+	return info;
+};
+var filterXSS = (str) => str.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+var getUrlParam = (param, url) => {
+	const u = url || location.href;
+	const reg = new RegExp(`[?&#]${param}=([^&#]+)`, "gi");
+	const matches = u.match(reg);
+	let strArr;
+	if (matches && matches.length > 0) {
+		strArr = matches[matches.length - 1].split("=");
+		if (strArr && strArr.length > 1) return filterXSS(strArr[1]);
+		return "";
+	}
+	return "";
+};
+/**
+* 设置url中指定的参数
+*
+* @param {string}
+*          name [参数名]
+* @param {string}
+*          value [参数值]
+* @param {string}
+*          url [发生替换的url地址|默认为location.href]
+* @return {string} [返回处理后的url]
+*/
+var setUrlParam = (name, value, url = globalThis.location.href) => {
+	const reg = new RegExp(`[?&#]${name}=([^&#]*)`, "gi");
+	const matches = url.match(reg);
+	const key = `{key${(/* @__PURE__ */ new Date()).getTime()}}`;
+	let strArr;
+	if (matches && matches.length > 0) strArr = matches[matches.length - 1];
+	else strArr = "";
+	const extra = `${name}=${value}`;
+	if (strArr) {
+		const first = strArr.charAt(0);
+		url = url.replace(strArr, key);
+		url = url.replace(key, value ? first + extra : "");
+	} else if (value) if (url.indexOf("?") > -1) url += `&${extra}`;
+	else url += `?${extra}`;
+	return url;
+};
+var getSearchObj = (search = globalThis.location.search ? globalThis.location.search.substring(1) : "") => {
+	return search.split("&").reduce((obj, item) => {
+		const [a, b = ""] = item.split("=");
+		return {
+			...obj,
+			[a]: b
+		};
+	}, {});
+};
+var delQueStr = (url, ref) => {
+	let str = "";
+	if (url.indexOf("?") !== -1) str = url.substring(url.indexOf("?") + 1);
+	else return url;
+	let arr = [];
+	let returnurl = "";
+	const isHit = Array.isArray(ref) ? function(v) {
+		return ~ref.indexOf(v);
+	} : function(v) {
+		return v === ref;
+	};
+	if (str.indexOf("&") !== -1) {
+		arr = str.split("&");
+		for (let i = 0, len = arr.length; i < len; i++) if (!isHit(arr[i].split("=")[0])) returnurl = `${returnurl + arr[i].split("=")[0]}=${arr[i].split("=")[1]}&`;
+		return returnurl ? `${url.substr(0, url.indexOf("?"))}?${returnurl.substr(0, returnurl.length - 1)}` : url.substr(0, url.indexOf("?"));
+	}
+	arr = str.split("=");
+	if (isHit(arr[0])) return url.substr(0, url.indexOf("?"));
+	return url;
+};
+var isObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+var isPop = (node) => Boolean(node?.type?.toLowerCase().endsWith("pop"));
+var isPage = (node) => {
+	if (!node) return false;
+	return Boolean(node.type?.toLowerCase() === NodeType.PAGE);
+};
+var isPageFragment = (node) => {
+	if (!node) return false;
+	return Boolean(node.type?.toLowerCase() === NodeType.PAGE_FRAGMENT);
+};
+var isNumber = (value) => typeof value === "number" && !isNaN(value) || /^(-?\d+)(\.\d+)?$/.test(`${value}`);
+var getHost = (targetUrl) => targetUrl.match(/\/\/([^/]+)/)?.[1];
+var isSameDomain = (targetUrl = "", source = globalThis.location.host) => {
+	if (!/^(http[s]?:)?\/\//.test(targetUrl)) return true;
+	return getHost(targetUrl) === source;
+};
+/**
+* 生成指定位数的GUID，无【-】格式
+* @param digit 位数，默认值8
+* @returns
+*/
+var guid = (digit = 8) => "x".repeat(digit).replace(/[xy]/g, (c) => {
+	const r = Math.random() * 16 | 0;
+	return (c === "x" ? r : r & 3 | 8).toString(16);
+});
+var getKeysArray = (keys) => `${keys}`.replace(/\[(\d+)\]/g, ".$1").split(".");
+var getValueByKeyPath = (keys = "", data = {}) => {
+	return (Array.isArray(keys) ? keys : getKeysArray(keys)).reduce((accumulator, currentValue) => {
+		if (isObject(accumulator)) return accumulator[currentValue];
+		if (Array.isArray(accumulator) && /^\d*$/.test(`${currentValue}`)) return accumulator[currentValue];
+		throw new Error(`${data}中不存在${keys}`);
+	}, data);
+};
+var setValueByKeyPath = (keys, value, data = {}) => set(data, keys, value);
+var getNodes = (ids, data = []) => {
+	const nodes = [];
+	const get = function(ids, data) {
+		if (!Array.isArray(data)) return;
+		for (const item of data) {
+			const index = ids.findIndex((id) => `${id}` === `${item.id}`);
+			if (index > -1) {
+				ids.splice(index, 1);
+				nodes.push(item);
+			}
+			if (item.items) get(ids, item.items);
+		}
+	};
+	get(ids, data);
+	return nodes;
+};
+var getDepKeys = (dataSourceDeps = {}, nodeId) => Array.from(Object.values(dataSourceDeps).reduce((prev, cur) => {
+	(cur[nodeId]?.keys || []).forEach((key) => prev.add(key));
+	return prev;
+}, /* @__PURE__ */ new Set()));
+var getDepNodeIds = (dataSourceDeps = {}) => Array.from(Object.values(dataSourceDeps).reduce((prev, cur) => {
+	Object.keys(cur).forEach((id) => {
+		prev.add(id);
+	});
+	return prev;
+}, /* @__PURE__ */ new Set()));
+/**
+* 将新节点更新到data或者parentId对应的节点的子节点中
+* @param newNode 新节点
+* @param data 需要修改的数据
+* @param parentId 父节点 id
+*/
+var replaceChildNode = (newNode, data, parentId) => {
+	const path = getNodePath(newNode.id, data);
+	const node = path.pop();
+	let parent = path.pop();
+	if (parentId) parent = getNodePath(parentId, data).pop();
+	if (!node) {
+		console.warn(`未找到目标节点(${newNode.id})`);
+		return;
+	}
+	if (!parent) {
+		console.warn(`未找到父节点(${newNode.id})`);
+		return;
+	}
+	const index = parent.items?.findIndex((child) => child.id === node.id);
+	parent.items.splice(index, 1, newNode);
+};
+var DSL_NODE_KEY_COPY_PREFIX = "__tmagic__";
+var IS_DSL_NODE_KEY = "__tmagic__dslNode";
+var PAGE_FRAGMENT_CONTAINER_ID_KEY = "tmagic-page-fragment-container-id";
+var compiledNode = (compile, node, dataSourceDeps = {}, sourceId) => {
+	let keys = [];
+	if (!sourceId) keys = getDepKeys(dataSourceDeps, node.id);
+	else keys = dataSourceDeps[sourceId]?.[node.id].keys || [];
+	keys.forEach((key) => {
+		const keys = getKeysArray(key);
+		const cacheKey = keys.map((key, index) => {
+			if (index < keys.length - 1) return key;
+			return `${DSL_NODE_KEY_COPY_PREFIX}${key}`;
+		});
+		let templateValue = getValueByKeyPath(cacheKey, node);
+		if (typeof templateValue === "undefined") try {
+			const value = getValueByKeyPath(key, node);
+			setValueByKeyPath(cacheKey.join("."), value, node);
+			templateValue = value;
+		} catch (e) {
+			console.warn(e);
+			return;
+		}
+		let newValue;
+		try {
+			newValue = compile(templateValue);
+		} catch (e) {
+			console.error(e);
+			newValue = "";
+		}
+		setValueByKeyPath(key, newValue, node);
+	});
+	return node;
+};
+var compiledCond = (op, fieldValue, inputValue, range = []) => {
+	if (typeof fieldValue === "string" && typeof inputValue === "undefined") inputValue = "";
+	switch (op) {
+		case "is": return fieldValue === inputValue;
+		case "not": return fieldValue !== inputValue;
+		case "=": return fieldValue === inputValue;
+		case "!=": return fieldValue !== inputValue;
+		case ">": return fieldValue > inputValue;
+		case ">=": return fieldValue >= inputValue;
+		case "<": return fieldValue < inputValue;
+		case "<=": return fieldValue <= inputValue;
+		case "between": return range.length > 1 && fieldValue >= range[0] && fieldValue <= range[1];
+		case "not_between": return range.length < 2 || fieldValue < range[0] || fieldValue > range[1];
+		case "include": return fieldValue?.includes?.(inputValue);
+		case "not_include": return typeof fieldValue === "undefined" || !fieldValue.includes?.(inputValue);
+		default: break;
+	}
+	return false;
+};
+var getDefaultValueFromFields = (fields) => {
+	const data = {};
+	const defaultValue = {
+		string: void 0,
+		object: {},
+		array: [],
+		boolean: void 0,
+		number: void 0,
+		null: null,
+		any: void 0
+	};
+	fields.forEach((field) => {
+		if (typeof field.defaultValue !== "undefined") {
+			if (field.type === "array" && !Array.isArray(field.defaultValue)) {
+				data[field.name] = defaultValue.array;
+				return;
+			}
+			if (field.type === "object" && !isObject(field.defaultValue)) {
+				if (typeof field.defaultValue === "string") {
+					try {
+						data[field.name] = JSON.parse(field.defaultValue);
+					} catch (e) {
+						data[field.name] = defaultValue.object;
+						console.warn("defaultValue 解析失败", field.defaultValue, e);
+					}
+					return;
+				}
+				data[field.name] = defaultValue.object;
+				return;
+			}
+			data[field.name] = cloneDeep(field.defaultValue);
+			return;
+		}
+		if (field.type === "object") {
+			data[field.name] = field.fields ? getDefaultValueFromFields(field.fields) : defaultValue.object;
+			return;
+		}
+		if (field.type) {
+			data[field.name] = defaultValue[field.type];
+			return;
+		}
+		data[field.name] = void 0;
+	});
+	return data;
+};
+var DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = "ds-field::";
+var DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX = "ds-field-changed";
+var getKeys = Object.keys;
+var calculatePercentage = (value, percentageStr) => {
+	return value * (globalThis.parseFloat(percentageStr) / 100);
+};
+var isPercentage = (value) => /^(\d+)(\.\d+)?%$/.test(`${value}`);
+var convertToNumber = (value, parentValue = 0) => {
+	if (typeof value === "number") return value;
+	if (typeof value === "string" && isPercentage(value)) return calculatePercentage(parentValue, value);
+	return parseFloat(value);
+};
+/**
+* 添加参数到URL
+* @param obj 参数对象
+* @param global window对象
+* @param needReload 是否需要刷新
+*/
+var addParamToUrl = (obj, global = globalThis, needReload = true) => {
+	const url = new URL(global.location.href);
+	const { searchParams } = url;
+	for (const [k, v] of Object.entries(obj)) searchParams.set(k, v);
+	const newUrl = url.toString();
+	if (needReload) global.location.href = newUrl;
+	else global.history.pushState({}, "", url);
+};
+var dataSourceTemplateRegExp = /\$\{([\s\S]+?)\}/g;
+var isDslNode = (config) => typeof config["__tmagic__dslNode"] === "undefined" || config["__tmagic__dslNode"] === true;
+var traverseNode = (node, cb, parents = [], evalCbAfter = false) => {
+	if (!evalCbAfter) cb(node, parents);
+	if (Array.isArray(node.items) && node.items.length) {
+		parents.push(node);
+		node.items.forEach((item) => {
+			traverseNode(item, cb, [...parents], evalCbAfter);
+		});
+	}
+	if (evalCbAfter) cb(node, parents);
+};
+var isValueIncludeDataSource = (value) => {
+	if (typeof value === "string" && /\$\{([\s\S]+?)\}/.test(value)) return true;
+	if (Array.isArray(value) && `${value[0]}`.startsWith("ds-field::")) return true;
+	if (value?.isBindDataSource && value.dataSourceId) return true;
+	if (value?.isBindDataSourceField && value.dataSourceId) return true;
+	return false;
+};
+var removeDataSourceFieldPrefix = (id) => id?.replace("ds-field::", "") || "";
+//#endregion
+export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, PAGE_FRAGMENT_CONTAINER_ID_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, delQueStr, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getGlobalThis, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getSearchObj, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, isValueIncludeDataSource, removeClassName, removeClassNameByClassName, removeDataSourceFieldPrefix, replaceChildNode, setDslDomRelateConfig, setIdToEl, setUrlParam, setValueByKeyPath, sleep, toHump, toLine, traverseNode };