@whitesev/domutils 2.0.5 → 2.0.7

package/dist/index.umd.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMUtils = factory());
 })(this, (function () { 'use strict';
 
-  const version = "2.0.5";
+  const version = "2.0.7";
 
   class WindowApi {
       /** 默认的配置 */
@@ -111,15 +111,15 @@
        * @param $el
        */
       forceShow($el) {
-          const dupNode = $el.cloneNode(true);
-          dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
-          this.windowApi.document.documentElement.appendChild(dupNode);
+          const $clone = $el.cloneNode(true);
+          $clone.setAttribute("style", "visibility: hidden !important;display:block !important;");
+          this.windowApi.document.documentElement.appendChild($clone);
           return {
               /**
                * 恢复修改的style
                */
               recovery() {
-                  dupNode.remove();
+                  $clone.remove();
               },
           };
       },
@@ -152,37 +152,37 @@
       },
       /**
        * 判断是否是window，例如window、self、globalThis
-       * @param target
+       * @param obj
        */
-      isWin(target) {
-          if (typeof target !== "object") {
+      isWin(obj) {
+          if (typeof obj !== "object") {
               return false;
           }
-          if (target instanceof Node) {
+          if (obj instanceof Node) {
               return false;
           }
-          if (target === globalThis) {
+          if (obj === globalThis) {
               return true;
           }
-          if (target === window) {
+          if (obj === window) {
               return true;
           }
-          if (target === self) {
+          if (obj === self) {
               return true;
           }
-          if (target === globalThis) {
+          if (obj === globalThis) {
               return true;
           }
-          if (target === window) {
+          if (obj === window) {
               return true;
           }
-          if (target === self) {
+          if (obj === self) {
               return true;
           }
-          if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
+          if (typeof unsafeWindow !== "undefined" && obj === unsafeWindow) {
               return true;
           }
-          if (target?.Math?.toString() !== "[object Math]") {
+          if (obj?.Math?.toString() !== "[object Math]") {
               return false;
           }
           return true;
@@ -202,23 +202,23 @@
       },
       /**
        * 删除对象上的属性
-       * @param target
+       * @param obj
        * @param propName
        */
-      delete(target, propName) {
+      delete(obj, propName) {
           if (typeof Reflect === "object" && Reflect != null && Reflect.deleteProperty) {
-              return Reflect.deleteProperty(target, propName);
+              return Reflect.deleteProperty(obj, propName);
           }
           else {
-              delete target[propName];
+              delete obj[propName];
           }
       },
       /**
        * 判断是否是元素列表
-       * @param $ele
+       * @param $el
        */
-      isNodeList($ele) {
-          return Array.isArray($ele) || $ele instanceof NodeList;
+      isNodeList($el) {
+          return Array.isArray($el) || $el instanceof NodeList;
       },
       /** 获取 animationend 在各个浏览器的兼容名 */
       getAnimationEndNameList() {
@@ -1713,7 +1713,7 @@
       /**
        * 取消绑定所有的事件
        * @param element 需要取消绑定的元素|元素数组
-       * @param eventType （可选）需要取消监听的事件
+       * @param eventType （可选）需要取消监听的事件，不传入该参数则遍历所有监听的事件
        */
       offAll(element, eventType) {
           const that = this;
@@ -3317,7 +3317,7 @@
           handler($el, $fragment);
       }
       /**
-       * 移除元素
+       * 移除元素（包括它和内部使用.on添加的监听事件）
        * @param $el 目标元素，可以是数组、单个元素、NodeList、元素选择器
        * @example
        * DOMUtils.remove(document.querySelector("a.xx"))
@@ -3326,19 +3326,25 @@
        * DOMUtils.remove([a.xxx, div.xxx, span.xxx])
        * */
       remove($el) {
-          const that = this;
           if (typeof $el === "string") {
-              $el = that.selectorAll($el);
+              $el = this.selectorAll($el);
           }
           if ($el == null) {
               return;
           }
           if (CommonUtils.isNodeList($el)) {
               $el.forEach(($elItem) => {
-                  that.remove($elItem);
+                  this.remove($elItem);
               });
               return;
           }
+          // 移除事件
+          $el.querySelectorAll("*").forEach(($elItem) => {
+              if (!($elItem instanceof Element))
+                  return;
+              this.offAll($elItem);
+          });
+          this.offAll($el);
           if (typeof $el.remove === "function") {
               $el.remove();
           }
@@ -3373,7 +3379,7 @@
               return;
           }
           if ($el.innerHTML) {
-              $el.innerHTML = "";
+              CommonUtils.setSafeHTML($el, "");
           }
           else if ($el.textContent) {
               $el.textContent = "";
@@ -3571,7 +3577,7 @@
           }
           else {
               that.after($el, $newEl);
-              $el.remove();
+              this.remove($el);
           }
       }
       /**