@whitesev/domutils 1.9.2 → 1.9.4

package/README.md

@@ -1,58 +1,58 @@
-# 版本
-
-- 最新版本：[![npm version](https://img.shields.io/npm/v/@whitesev/domutils/latest.svg)](https://www.npmjs.com/package/@whitesev/domutils)
-
-## 使用
-
-```npm
-npm install @whitesev/domutils
-// 或者
-nnpm add @whitesev/domutils
-```
-
-## 使用js重新对jQuery的部分函数进行了仿写
-
-- addClass `给元素添加class`
-- after `在元素后面添加兄弟元素或HTML字符串`
-- animate `在一定时间内改变元素的样式属性，实现动画效果`
-- append `函数在元素内部末尾添加子元素或HTML字符串`
-- attr `获取或设置元素的属性值`
-- before `在元素前面添加兄弟元素或HTML字符串`
-- blur `绑定或触发元素的blur事件`
-- click `绑定或触发元素的click事件`
-- css `获取或设置元素的样式属性值`
-- delegate `为指定元素的子元素绑定事件`
-- empty `移除元素的所有子元素`
-- fadeIn `淡入元素`
-- fadeOut `淡出元素`
-- focus `绑定或触发元素的focus事件`
-- height `获取元素的高度`
-- hide `隐藏元素`
-- onHover `当鼠标移入或移出元素时触发事件`
-- html `获取或设置元素的HTML内容`
-- onKeydown `当按键按下时触发事件`
-- onKeyup `当按键松开时触发事件`
-- next `获取当前元素的后一个兄弟元素`
-- off `取消绑定事件`
-- offset `设置或返回被选元素相对于文档的偏移坐标`
-- on `绑定事件`
-- outerHeight `获取元素的外部高度（包括边框和外边距）`
-- outerWidth `获取元素的外部宽度（包括边框和外边距）`
-- parent `获取当前元素的父元素`
-- prepend `函数 在元素内部开头添加子元素或HTML字符串`
-- prev `获取当前元素的前一个兄弟元素`
-- prop `获取或设置元素的属性值`
-- ready `等待文档加载完成后执行指定的函数`
-- remove `移除元素`
-- removeAttr `移除元素的属性`
-- removeProp `移除元素的属性`
-- show `显示元素`
-- siblings `获取当前元素的所有兄弟元素`
-- text `获取或设置元素的文本内容`
-- toggle `切换元素的显示和隐藏状态`
-- emit `主动触发事件`
-- val `获取或设置元素的value属性值`
-- width `获取元素的宽度`
-- wrap `将一个元素包裹在指定的HTML元素中`
-
-具体注释在代码中查看
+# 版本
+
+- 最新版本：[![npm version](https://img.shields.io/npm/v/@whitesev/domutils/latest.svg)](https://www.npmjs.com/package/@whitesev/domutils)
+
+## 使用
+
+```npm
+npm install @whitesev/domutils
+// 或者
+nnpm add @whitesev/domutils
+```
+
+## 使用js重新对jQuery的部分函数进行了仿写
+
+- addClass `给元素添加class`
+- after `在元素后面添加兄弟元素或HTML字符串`
+- animate `在一定时间内改变元素的样式属性，实现动画效果`
+- append `函数在元素内部末尾添加子元素或HTML字符串`
+- attr `获取或设置元素的属性值`
+- before `在元素前面添加兄弟元素或HTML字符串`
+- blur `绑定或触发元素的blur事件`
+- click `绑定或触发元素的click事件`
+- css `获取或设置元素的样式属性值`
+- delegate `为指定元素的子元素绑定事件`
+- empty `移除元素的所有子元素`
+- fadeIn `淡入元素`
+- fadeOut `淡出元素`
+- focus `绑定或触发元素的focus事件`
+- height `获取元素的高度`
+- hide `隐藏元素`
+- onHover `当鼠标移入或移出元素时触发事件`
+- html `获取或设置元素的HTML内容`
+- onKeydown `当按键按下时触发事件`
+- onKeyup `当按键松开时触发事件`
+- next `获取当前元素的后一个兄弟元素`
+- off `取消绑定事件`
+- offset `设置或返回被选元素相对于文档的偏移坐标`
+- on `绑定事件`
+- outerHeight `获取元素的外部高度（包括边框和外边距）`
+- outerWidth `获取元素的外部宽度（包括边框和外边距）`
+- parent `获取当前元素的父元素`
+- prepend `函数 在元素内部开头添加子元素或HTML字符串`
+- prev `获取当前元素的前一个兄弟元素`
+- prop `获取或设置元素的属性值`
+- ready `等待文档加载完成后执行指定的函数`
+- remove `移除元素`
+- removeAttr `移除元素的属性`
+- removeProp `移除元素的属性`
+- show `显示元素`
+- siblings `获取当前元素的所有兄弟元素`
+- text `获取或设置元素的文本内容`
+- toggle `切换元素的显示和隐藏状态`
+- emit `主动触发事件`
+- val `获取或设置元素的value属性值`
+- width `获取元素的宽度`
+- wrap `将一个元素包裹在指定的HTML元素中`
+
+具体注释在代码中查看

package/dist/index.amd.js

@@ -1,6 +1,6 @@
 define((function () { 'use strict';
 
-  const version = "1.9.2";
+  const version = "1.9.4";
 
   class WindowApi {
       /** 默认的配置 */
@@ -252,8 +252,8 @@ define((function () { 'use strict';
           else if (selector.match(/[^\s]{1}:empty$/gi)) {
               // empty 语法
               selector = selector.replace(/:empty$/gi, "");
-              return Array.from(parent.querySelectorAll(selector)).filter(($ele) => {
-                  return $ele?.innerHTML?.trim() === "";
+              return Array.from(parent.querySelectorAll(selector)).filter(($elItem) => {
+                  return $elItem?.innerHTML?.trim() === "";
               });
           }
           else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) || selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
@@ -261,9 +261,15 @@ define((function () { 'use strict';
               const textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
               const text = textMatch[2];
               selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
-              return Array.from(parent.querySelectorAll(selector)).filter(($ele) => {
-                  // @ts-ignore
-                  return ($ele?.textContent || $ele?.innerText)?.includes(text);
+              return Array.from(parent.querySelectorAll(selector)).filter(($elItem) => {
+                  let domText = $elItem.textContent;
+                  if (domText == null) {
+                      domText = $elItem.innerText;
+                  }
+                  if (domText == null) {
+                      return false;
+                  }
+                  return domText.includes(text);
               });
           }
           else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
@@ -278,9 +284,15 @@ define((function () { 'use strict';
               }
               const regexp = new RegExp(pattern, flags);
               selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
-              return Array.from(parent.querySelectorAll(selector)).filter(($ele) => {
-                  // @ts-ignore
-                  return Boolean(($ele?.textContent || $ele?.innerText)?.match(regexp));
+              return Array.from(parent.querySelectorAll(selector)).filter(($elItem) => {
+                  let domText = $elItem.textContent;
+                  if (domText == null) {
+                      domText = $elItem.innerText;
+                  }
+                  if (domText == null) {
+                      return false;
+                  }
+                  return !!domText.match(regexp);
               });
           }
           else {
@@ -325,12 +337,14 @@ define((function () { 'use strict';
               const textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
               const text = textMatch[2];
               selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
-              // @ts-ignore
-              let content = $el?.textContent || $el?.innerText;
-              if (typeof content !== "string") {
-                  content = "";
+              let domText = $el.textContent;
+              if (domText == null) {
+                  domText = $el.innerText;
               }
-              return $el.matches(selector) && content?.includes(text);
+              if (domText == null) {
+                  return false;
+              }
+              return $el.matches(selector) && domText.includes(text);
           }
           else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
               // regexp 语法
@@ -344,12 +358,14 @@ define((function () { 'use strict';
               }
               const regexp = new RegExp(pattern, flags);
               selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
-              // @ts-ignore
-              let content = $el?.textContent || $el?.innerText;
-              if (typeof content !== "string") {
-                  content = "";
+              let domText = $el.textContent;
+              if (domText == null) {
+                  domText = $el.innerText;
               }
-              return $el.matches(selector) && Boolean(content?.match(regexp));
+              if (domText == null) {
+                  return false;
+              }
+              return $el.matches(selector) && !!domText.match(regexp);
           }
           else {
               // 普通语法
@@ -400,9 +416,11 @@ define((function () { 'use strict';
               selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
               const $closest = $el?.closest(selector);
               if ($closest) {
-                  // @ts-ignore
-                  const content = $el?.textContent || $el?.innerText;
-                  if (typeof content === "string" && content.match(regexp)) {
+                  let domText = $el.textContent;
+                  if (domText == null) {
+                      domText = $el.innerText;
+                  }
+                  if (typeof domText === "string" && domText.match(regexp)) {
                       return $closest;
                   }
               }
@@ -2344,20 +2362,25 @@ define((function () { 'use strict';
           let isMobileTouch = false;
           /** 检测是否是单击的延迟时间 */
           const checkClickTime = 200;
-          const dblclick_handler = async (evt, option) => {
+          const dblclick_handler = async (evt, option, $selector) => {
               if (evt.type === "dblclick" && isMobileTouch) {
                   // 禁止在移动端触发dblclick事件
                   return;
               }
-              await handler(evt, option);
+              if ($selector) {
+                  await handler(evt, $selector, option);
+              }
+              else {
+                  await handler(evt, option);
+              }
           };
-          const dblClickListener = this.on($el, "dblclick", (evt) => {
+          const dblClickListener = this.on($el, "dblclick", selector, (evt, $selector) => {
               this.preventEvent(evt);
               dblclick_handler(evt, {
                   isDoubleClick: true,
-              });
+              }, $selector);
           }, options);
-          const touchEndListener = this.on($el, "pointerup", selector, (evt, $selector) => {
+          const pointerUpListener = this.on($el, "pointerup", selector, (evt, $selector) => {
               this.preventEvent(evt);
               if (evt.pointerType === "touch") {
                   isMobileTouch = true;
@@ -2370,7 +2393,7 @@ define((function () { 'use strict';
                   /* 判定为双击 */
                   dblclick_handler(evt, {
                       isDoubleClick: true,
-                  });
+                  }, $selector);
               }
               else {
                   timer = setTimeout(() => {
@@ -2378,7 +2401,7 @@ define((function () { 'use strict';
                       // 判断为单击
                       dblclick_handler(evt, {
                           isDoubleClick: false,
-                      });
+                      }, $selector);
                   }, checkClickTime);
                   isDoubleClick = true;
                   $click = $selector;
@@ -2388,7 +2411,7 @@ define((function () { 'use strict';
               off() {
                   $click = null;
                   dblClickListener.off();
-                  touchEndListener.off();
+                  pointerUpListener.off();
               },
           };
       }