feat: add findParentByClassName, getEventPosition, triggerEvent, TriggerEvent

Author: wewoor

src/common/dom.ts

@@ -1,4 +1,5 @@
 export type HTMLElementType = HTMLElement | null;
+export type TriggerEvent = 'click' | 'contextmenu' | 'hover';
 export const select = document.querySelector.bind(document);
 export const selectAll = document.querySelectorAll.bind(document);
 
@@ -37,17 +38,17 @@ export function getDocumentRect() {
 }
 
 /**
- * Returns the position of element relative anchor's position
+ * Returns the position of element relative to element position
  * @param element target element
- * @param anchorPos anchor's position
+ * @param relatedPos the relative element position
  */
 export function getRelativePosition(
     element: HTMLElement,
-    anchorPos: IPosition
+    relativePos: IPosition
 ) {
     const page = getDocumentRect();
-    const anchorX = anchorPos.x;
-    const anchorY = anchorPos.y;
+    const anchorX = relativePos.x;
+    const anchorY = relativePos.y;
 
     const marginRight = page.width - anchorX;
     const marginBottom = page.height - anchorY;
@@ -63,3 +64,39 @@ export function getRelativePosition(
         y,
     };
 }
+
+export function getEventPosition(e: React.MouseEvent) {
+    return {
+        x: e.clientX,
+        y: e.clientY
+    }
+}
+
+export function findParentByClassName<T>(element, className): T | null {
+    try {
+        while (element && element) {
+            const classes = element.getAttribute('class');
+            if (classes && classes.indexOf(className) > -1) {
+                return element;
+            }
+            element = element.parentElement;
+        }
+    } catch (e) {
+        throw new Error(e);
+    }
+    return null;
+}
+
+export function triggerEvent(trigger: TriggerEvent) {
+    switch (trigger) {
+        case 'click': {
+            return 'onClick';
+        }
+        case 'hover': {
+            return 'onMouseOver';
+        }
+        default: {
+            return trigger;
+        }
+    }
+}