@whitesev/domutils 1.1.5 → 1.2.0

package/src/DOMUtilsCommonUtils.ts

@@ -0,0 +1,107 @@
+import { DOMUtilsCore } from "./DOMUtilsCore";
+
+/** 通用工具类 */
+const DOMUtilsCommonUtils = {
+	/**
+	 * 判断元素是否已显示或已连接
+	 * @param element
+	 */
+	isShow(element: HTMLElement) {
+		return Boolean(element.getClientRects().length);
+	},
+	/**
+	 * 用于显示元素并获取它的高度宽度等其它属性
+	 * @param element
+	 */
+	showElement(element: HTMLElement) {
+		let dupNode = element.cloneNode(true) as HTMLElement;
+		dupNode.setAttribute(
+			"style",
+			"visibility: hidden !important;display:block !important;"
+		);
+		DOMUtilsCore.document.documentElement.appendChild(dupNode);
+		return {
+			/**
+			 * 恢复修改的style
+			 */
+			recovery() {
+				dupNode.remove();
+			},
+		};
+	},
+	/**
+	 * 获取元素上的Float格式的属性px
+	 * @param element
+	 * @param styleName style名
+	 */
+	getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string) {
+		let view = null;
+		let styles = null;
+		if (element instanceof CSSStyleDeclaration) {
+			/* 直接就获取了style属性 */
+			styles = element;
+		} else {
+			view = element.ownerDocument.defaultView;
+			if (!view || !view.opener) {
+				view = window;
+			}
+			styles = view.getComputedStyle(element);
+		}
+		let value = parseFloat(styles[styleName as any]);
+		if (isNaN(value)) {
+			return 0;
+		} else {
+			return value;
+		}
+	},
+	/**
+	 * 判断是否是window，例如window、self、globalThis
+	 * @param target
+	 */
+	isWin(target: any) {
+		if (typeof target !== "object") {
+			return false;
+		}
+		if (target instanceof Node) {
+			return false;
+		}
+		if (target === globalThis) {
+			return true;
+		}
+		if (target === window) {
+			return true;
+		}
+		if (target === self) {
+			return true;
+		}
+		if (target === DOMUtilsCore.globalThis) {
+			return true;
+		}
+		if (target === DOMUtilsCore.window) {
+			return true;
+		}
+		if (target === DOMUtilsCore.self) {
+			return true;
+		}
+		if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
+			return true;
+		}
+		if (target?.Math?.toString() !== "[object Math]") {
+			return false;
+		}
+		return true;
+	},
+	/**
+	 * 删除对象上的属性
+	 * @param target
+	 * @param propName
+	 */
+	delete(target: any, propName: any) {
+		if (typeof Reflect === "object" && Reflect.deleteProperty) {
+			Reflect.deleteProperty(target, propName);
+		} else {
+			delete target[propName];
+		}
+	},
+};
+export { DOMUtilsCommonUtils };

package/src/DOMUtilsCore.ts

@@ -0,0 +1,45 @@
+export interface DOMUtilsCoreOption {
+	document: Document;
+	window: Window | typeof globalThis;
+	globalThis: Window | typeof globalThis;
+	self: Window | typeof globalThis;
+	top: Window | typeof globalThis;
+}
+
+const DOMUtilsCoreDefaultEnv: DOMUtilsCoreOption = {
+	document: document,
+	window: window,
+	globalThis: globalThis,
+	self: self,
+	top: top!,
+};
+const DOMUtilsCoreEnv: DOMUtilsCoreOption = {
+	document: document,
+	window: window,
+	globalThis: globalThis,
+	self: self,
+	top: top!,
+};
+
+const DOMUtilsCore = {
+	init(option?: DOMUtilsCoreOption) {
+		if (!option) {
+			option = Object.assign({}, DOMUtilsCoreDefaultEnv);
+		}
+		Object.assign(DOMUtilsCoreEnv, option);
+	},
+	get document() {
+		return DOMUtilsCoreEnv.document;
+	},
+	get window() {
+		return DOMUtilsCoreEnv.window;
+	},
+	get globalThis() {
+		return DOMUtilsCoreEnv.globalThis;
+	},
+	get self() {
+		return DOMUtilsCoreEnv.self;
+	},
+};
+
+export { DOMUtilsCore };

package/src/DOMUtilsData.ts

@@ -0,0 +1,9 @@
+/* 数据 */
+const DOMUtilsData = {
+	/** .on绑定的事件 */
+	SymbolEvents: Symbol(
+		"events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+	),
+};
+
+export { DOMUtilsData };