@whitesev/domutils 1.3.7 → 1.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.amd.js +49 -16
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +49 -16
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +49 -16
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +49 -16
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +49 -16
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +49 -16
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/DOMUtils.d.ts +9 -3
- package/package.json +1 -1
- package/src/DOMUtils.ts +62 -38
- package/src/DOMUtilsEvent.ts +2 -6
package/dist/index.umd.js
CHANGED
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
|
|
536
536
|
let DOMUtilsContext = this;
|
|
537
537
|
if (typeof element === "string") {
|
|
538
|
-
element = DOMUtilsContext.
|
|
538
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
539
539
|
}
|
|
540
540
|
if (element == null) {
|
|
541
541
|
return;
|
|
@@ -635,7 +635,7 @@
|
|
|
635
635
|
blur(element, handler, details, useDispatchToTriggerEvent) {
|
|
636
636
|
let DOMUtilsContext = this;
|
|
637
637
|
if (typeof element === "string") {
|
|
638
|
-
element = DOMUtilsContext.
|
|
638
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
639
639
|
}
|
|
640
640
|
if (element == null) {
|
|
641
641
|
return;
|
|
@@ -1468,6 +1468,41 @@
|
|
|
1468
1468
|
element.classList.add(itemClassName);
|
|
1469
1469
|
});
|
|
1470
1470
|
}
|
|
1471
|
+
/**
|
|
1472
|
+
* 判断元素是否存在className
|
|
1473
|
+
* @param element
|
|
1474
|
+
* @param className
|
|
1475
|
+
*/
|
|
1476
|
+
hasClass(element, className) {
|
|
1477
|
+
let DOMUtilsContext = this;
|
|
1478
|
+
if (typeof element === "string") {
|
|
1479
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1480
|
+
}
|
|
1481
|
+
if (element == null) {
|
|
1482
|
+
return false;
|
|
1483
|
+
}
|
|
1484
|
+
if (isNodeList(element)) {
|
|
1485
|
+
let flag = true;
|
|
1486
|
+
for (let index = 0; index < element.length; index++) {
|
|
1487
|
+
const $ele = element[index];
|
|
1488
|
+
flag = flag && DOMUtilsContext.hasClass($ele, className);
|
|
1489
|
+
}
|
|
1490
|
+
return flag;
|
|
1491
|
+
}
|
|
1492
|
+
if (!element?.classList) {
|
|
1493
|
+
return false;
|
|
1494
|
+
}
|
|
1495
|
+
if (!Array.isArray(className)) {
|
|
1496
|
+
className = className.split(" ");
|
|
1497
|
+
}
|
|
1498
|
+
for (let index = 0; index < className.length; index++) {
|
|
1499
|
+
const item = className[index].trim();
|
|
1500
|
+
if (!element.classList.contains(item)) {
|
|
1501
|
+
return false;
|
|
1502
|
+
}
|
|
1503
|
+
}
|
|
1504
|
+
return true;
|
|
1505
|
+
}
|
|
1471
1506
|
/**
|
|
1472
1507
|
* 函数在元素内部末尾添加子元素或HTML字符串
|
|
1473
1508
|
* @param element 目标元素
|
|
@@ -1690,7 +1725,7 @@
|
|
|
1690
1725
|
offset(element) {
|
|
1691
1726
|
let DOMUtilsContext = this;
|
|
1692
1727
|
if (typeof element === "string") {
|
|
1693
|
-
element = DOMUtilsContext.
|
|
1728
|
+
element = DOMUtilsContext.selector(element);
|
|
1694
1729
|
}
|
|
1695
1730
|
if (element == null) {
|
|
1696
1731
|
return;
|
|
@@ -1706,8 +1741,7 @@
|
|
|
1706
1741
|
width(element, isShow = false) {
|
|
1707
1742
|
let DOMUtilsContext = this;
|
|
1708
1743
|
if (typeof element === "string") {
|
|
1709
|
-
element =
|
|
1710
|
-
DOMUtilsContext.windowApi.document.querySelector(element);
|
|
1744
|
+
element = DOMUtilsContext.selector(element);
|
|
1711
1745
|
}
|
|
1712
1746
|
if (element == null) {
|
|
1713
1747
|
return;
|
|
@@ -1761,7 +1795,7 @@
|
|
|
1761
1795
|
.clientHeight;
|
|
1762
1796
|
}
|
|
1763
1797
|
if (typeof element === "string") {
|
|
1764
|
-
element = DOMUtilsContext.
|
|
1798
|
+
element = DOMUtilsContext.selector(element);
|
|
1765
1799
|
}
|
|
1766
1800
|
if (element == null) {
|
|
1767
1801
|
// @ts-ignore
|
|
@@ -1811,7 +1845,7 @@
|
|
|
1811
1845
|
return DOMUtilsContext.windowApi.window.innerWidth;
|
|
1812
1846
|
}
|
|
1813
1847
|
if (typeof element === "string") {
|
|
1814
|
-
element = DOMUtilsContext.
|
|
1848
|
+
element = DOMUtilsContext.selector(element);
|
|
1815
1849
|
}
|
|
1816
1850
|
if (element == null) {
|
|
1817
1851
|
// @ts-ignore
|
|
@@ -1837,7 +1871,7 @@
|
|
|
1837
1871
|
return DOMUtilsContext.windowApi.window.innerHeight;
|
|
1838
1872
|
}
|
|
1839
1873
|
if (typeof element === "string") {
|
|
1840
|
-
element = DOMUtilsContext.
|
|
1874
|
+
element = DOMUtilsContext.selector(element);
|
|
1841
1875
|
}
|
|
1842
1876
|
if (element == null) {
|
|
1843
1877
|
// @ts-ignore
|
|
@@ -1960,7 +1994,7 @@
|
|
|
1960
1994
|
prev(element) {
|
|
1961
1995
|
let DOMUtilsContext = this;
|
|
1962
1996
|
if (typeof element === "string") {
|
|
1963
|
-
element = DOMUtilsContext.
|
|
1997
|
+
element = DOMUtilsContext.selector(element);
|
|
1964
1998
|
}
|
|
1965
1999
|
if (element == null) {
|
|
1966
2000
|
return;
|
|
@@ -1970,7 +2004,7 @@
|
|
|
1970
2004
|
next(element) {
|
|
1971
2005
|
let DOMUtilsContext = this;
|
|
1972
2006
|
if (typeof element === "string") {
|
|
1973
|
-
element = DOMUtilsContext.
|
|
2007
|
+
element = DOMUtilsContext.selector(element);
|
|
1974
2008
|
}
|
|
1975
2009
|
if (element == null) {
|
|
1976
2010
|
return;
|
|
@@ -1993,7 +2027,7 @@
|
|
|
1993
2027
|
siblings(element) {
|
|
1994
2028
|
let DOMUtilsContext = this;
|
|
1995
2029
|
if (typeof element === "string") {
|
|
1996
|
-
element = DOMUtilsContext.
|
|
2030
|
+
element = DOMUtilsContext.selector(element);
|
|
1997
2031
|
}
|
|
1998
2032
|
if (element == null) {
|
|
1999
2033
|
return;
|
|
@@ -2014,16 +2048,15 @@
|
|
|
2014
2048
|
parent(element) {
|
|
2015
2049
|
let DOMUtilsContext = this;
|
|
2016
2050
|
if (typeof element === "string") {
|
|
2017
|
-
element = DOMUtilsContext.
|
|
2051
|
+
element = DOMUtilsContext.selector(element);
|
|
2018
2052
|
}
|
|
2019
2053
|
if (element == null) {
|
|
2020
2054
|
return;
|
|
2021
2055
|
}
|
|
2022
|
-
if (element
|
|
2023
|
-
element = element;
|
|
2056
|
+
if (isNodeList(element)) {
|
|
2024
2057
|
let resultArray = [];
|
|
2025
|
-
element.forEach((
|
|
2026
|
-
resultArray.push(DOMUtilsContext.parent(
|
|
2058
|
+
element.forEach(($ele) => {
|
|
2059
|
+
resultArray.push(DOMUtilsContext.parent($ele));
|
|
2027
2060
|
});
|
|
2028
2061
|
return resultArray;
|
|
2029
2062
|
}
|