@whitesev/domutils 2.0.5 → 2.0.7

package/dist/index.system.js

@@ -3,7 +3,7 @@ System.register('DOMUtils', [], (function (exports) {
   return {
     execute: (function () {
 
-      const version = "2.0.5";
+      const version = "2.0.7";
 
       class WindowApi {
           /** 默认的配置 */
@@ -110,15 +110,15 @@ System.register('DOMUtils', [], (function (exports) {
            * @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();
                   },
               };
           },
@@ -151,37 +151,37 @@ System.register('DOMUtils', [], (function (exports) {
           },
           /**
            * 判断是否是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;
@@ -201,23 +201,23 @@ System.register('DOMUtils', [], (function (exports) {
           },
           /**
            * 删除对象上的属性
-           * @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() {
@@ -1712,7 +1712,7 @@ System.register('DOMUtils', [], (function (exports) {
           /**
            * 取消绑定所有的事件
            * @param element 需要取消绑定的元素|元素数组
-           * @param eventType （可选）需要取消监听的事件
+           * @param eventType （可选）需要取消监听的事件，不传入该参数则遍历所有监听的事件
            */
           offAll(element, eventType) {
               const that = this;
@@ -3316,7 +3316,7 @@ System.register('DOMUtils', [], (function (exports) {
               handler($el, $fragment);
           }
           /**
-           * 移除元素
+           * 移除元素（包括它和内部使用.on添加的监听事件）
            * @param $el 目标元素，可以是数组、单个元素、NodeList、元素选择器
            * @example
            * DOMUtils.remove(document.querySelector("a.xx"))
@@ -3325,19 +3325,25 @@ System.register('DOMUtils', [], (function (exports) {
            * 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();
               }
@@ -3372,7 +3378,7 @@ System.register('DOMUtils', [], (function (exports) {
                   return;
               }
               if ($el.innerHTML) {
-                  $el.innerHTML = "";
+                  CommonUtils.setSafeHTML($el, "");
               }
               else if ($el.textContent) {
                   $el.textContent = "";
@@ -3570,7 +3576,7 @@ System.register('DOMUtils', [], (function (exports) {
               }
               else {
                   that.after($el, $newEl);
-                  $el.remove();
+                  this.remove($el);
               }
           }
           /**