@whitesev/domutils 1.3.6 → 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.esm.js CHANGED
@@ -188,7 +188,7 @@ class DOMUtilsEvent {
188
188
  let DOMUtilsContext = this;
189
189
  let args = arguments;
190
190
  if (typeof element === "string") {
191
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
191
+ element = DOMUtilsContext.selectorAll(element);
192
192
  }
193
193
  if (element == null) {
194
194
  return;
@@ -306,7 +306,7 @@ class DOMUtilsEvent {
306
306
  let DOMUtilsContext = this;
307
307
  let args = arguments;
308
308
  if (typeof element === "string") {
309
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
309
+ element = DOMUtilsContext.selectorAll(element);
310
310
  }
311
311
  if (element == null) {
312
312
  return;
@@ -391,7 +391,7 @@ class DOMUtilsEvent {
391
391
  offAll(element, eventType) {
392
392
  let DOMUtilsContext = this;
393
393
  if (typeof element === "string") {
394
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
394
+ element = DOMUtilsContext.selectorAll(element);
395
395
  }
396
396
  if (element == null) {
397
397
  return;
@@ -529,7 +529,7 @@ class DOMUtilsEvent {
529
529
  trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
530
530
  let DOMUtilsContext = this;
531
531
  if (typeof element === "string") {
532
- element = DOMUtilsContext.windowApi.document.querySelector(element);
532
+ element = DOMUtilsContext.selectorAll(element);
533
533
  }
534
534
  if (element == null) {
535
535
  return;
@@ -593,7 +593,7 @@ class DOMUtilsEvent {
593
593
  click(element, handler, details, useDispatchToTriggerEvent) {
594
594
  let DOMUtilsContext = this;
595
595
  if (typeof element === "string") {
596
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
596
+ element = DOMUtilsContext.selectorAll(element);
597
597
  }
598
598
  if (element == null) {
599
599
  return;
@@ -629,7 +629,7 @@ class DOMUtilsEvent {
629
629
  blur(element, handler, details, useDispatchToTriggerEvent) {
630
630
  let DOMUtilsContext = this;
631
631
  if (typeof element === "string") {
632
- element = DOMUtilsContext.windowApi.document.querySelector(element);
632
+ element = DOMUtilsContext.selectorAll(element);
633
633
  }
634
634
  if (element == null) {
635
635
  return;
@@ -665,7 +665,7 @@ class DOMUtilsEvent {
665
665
  focus(element, handler, details, useDispatchToTriggerEvent) {
666
666
  let DOMUtilsContext = this;
667
667
  if (typeof element === "string") {
668
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
668
+ element = DOMUtilsContext.selectorAll(element);
669
669
  }
670
670
  if (element == null) {
671
671
  return;
@@ -701,7 +701,7 @@ class DOMUtilsEvent {
701
701
  hover(element, handler, option) {
702
702
  let DOMUtilsContext = this;
703
703
  if (typeof element === "string") {
704
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
704
+ element = DOMUtilsContext.selectorAll(element);
705
705
  }
706
706
  if (element == null) {
707
707
  return;
@@ -737,7 +737,7 @@ class DOMUtilsEvent {
737
737
  return;
738
738
  }
739
739
  if (typeof element === "string") {
740
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
740
+ element = DOMUtilsContext.selectorAll(element);
741
741
  }
742
742
  if (isNodeList(element)) {
743
743
  // 设置
@@ -769,7 +769,7 @@ class DOMUtilsEvent {
769
769
  return;
770
770
  }
771
771
  if (typeof element === "string") {
772
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
772
+ element = DOMUtilsContext.selectorAll(element);
773
773
  }
774
774
  if (isNodeList(element)) {
775
775
  // 设置
@@ -801,7 +801,7 @@ class DOMUtilsEvent {
801
801
  return;
802
802
  }
803
803
  if (typeof element === "string") {
804
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
804
+ element = DOMUtilsContext.selectorAll(element);
805
805
  }
806
806
  if (isNodeList(element)) {
807
807
  // 设置
@@ -878,7 +878,7 @@ class DOMUtilsEvent {
878
878
  listenKeyboard(element, eventName = "keypress", callback, options) {
879
879
  let DOMUtilsContext = this;
880
880
  if (typeof element === "string") {
881
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
881
+ element = DOMUtilsContext.selectorAll(element);
882
882
  }
883
883
  let keyboardEventCallBack = function (event) {
884
884
  /** 键名 */
@@ -965,11 +965,11 @@ class DOMUtils extends DOMUtilsEvent {
965
965
  super(option);
966
966
  }
967
967
  /** 版本号 */
968
- version = "2024.10.22";
968
+ version = "2024.10.23";
969
969
  attr(element, attrName, attrValue) {
970
970
  let DOMUtilsContext = this;
971
971
  if (typeof element === "string") {
972
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
972
+ element = DOMUtilsContext.selectorAll(element);
973
973
  }
974
974
  if (element == null) {
975
975
  return;
@@ -1075,7 +1075,7 @@ class DOMUtils extends DOMUtilsEvent {
1075
1075
  return propertyValue;
1076
1076
  }
1077
1077
  if (typeof element === "string") {
1078
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1078
+ element = DOMUtilsContext.selectorAll(element);
1079
1079
  }
1080
1080
  if (element == null) {
1081
1081
  return;
@@ -1137,7 +1137,7 @@ class DOMUtils extends DOMUtilsEvent {
1137
1137
  text(element, text) {
1138
1138
  let DOMUtilsContext = this;
1139
1139
  if (typeof element === "string") {
1140
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1140
+ element = DOMUtilsContext.selectorAll(element);
1141
1141
  }
1142
1142
  if (element == null) {
1143
1143
  return;
@@ -1173,7 +1173,7 @@ class DOMUtils extends DOMUtilsEvent {
1173
1173
  html(element, html) {
1174
1174
  let DOMUtilsContext = this;
1175
1175
  if (typeof element === "string") {
1176
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1176
+ element = DOMUtilsContext.selectorAll(element);
1177
1177
  }
1178
1178
  if (element == null) {
1179
1179
  return;
@@ -1243,7 +1243,7 @@ class DOMUtils extends DOMUtilsEvent {
1243
1243
  val(element, value) {
1244
1244
  let DOMUtilsContext = this;
1245
1245
  if (typeof element === "string") {
1246
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1246
+ element = DOMUtilsContext.selectorAll(element);
1247
1247
  }
1248
1248
  if (element == null) {
1249
1249
  return;
@@ -1285,7 +1285,7 @@ class DOMUtils extends DOMUtilsEvent {
1285
1285
  prop(element, propName, propValue) {
1286
1286
  let DOMUtilsContext = this;
1287
1287
  if (typeof element === "string") {
1288
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1288
+ element = DOMUtilsContext.selectorAll(element);
1289
1289
  }
1290
1290
  if (element == null) {
1291
1291
  return;
@@ -1322,7 +1322,7 @@ class DOMUtils extends DOMUtilsEvent {
1322
1322
  removeAttr(element, attrName) {
1323
1323
  let DOMUtilsContext = this;
1324
1324
  if (typeof element === "string") {
1325
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1325
+ element = DOMUtilsContext.selectorAll(element);
1326
1326
  }
1327
1327
  if (element == null) {
1328
1328
  return;
@@ -1348,7 +1348,7 @@ class DOMUtils extends DOMUtilsEvent {
1348
1348
  removeClass(element, className) {
1349
1349
  let DOMUtilsContext = this;
1350
1350
  if (typeof element === "string") {
1351
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1351
+ element = DOMUtilsContext.selectorAll(element);
1352
1352
  }
1353
1353
  if (element == null) {
1354
1354
  return;
@@ -1385,7 +1385,7 @@ class DOMUtils extends DOMUtilsEvent {
1385
1385
  removeProp(element, propName) {
1386
1386
  let DOMUtilsContext = this;
1387
1387
  if (typeof element === "string") {
1388
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1388
+ element = DOMUtilsContext.selectorAll(element);
1389
1389
  }
1390
1390
  if (element == null) {
1391
1391
  return;
@@ -1411,7 +1411,7 @@ class DOMUtils extends DOMUtilsEvent {
1411
1411
  replaceWith(element, newElement) {
1412
1412
  let DOMUtilsContext = this;
1413
1413
  if (typeof element === "string") {
1414
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1414
+ element = DOMUtilsContext.selectorAll(element);
1415
1415
  }
1416
1416
  if (element == null) {
1417
1417
  return;
@@ -1440,7 +1440,7 @@ class DOMUtils extends DOMUtilsEvent {
1440
1440
  addClass(element, className) {
1441
1441
  let DOMUtilsContext = this;
1442
1442
  if (typeof element === "string") {
1443
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1443
+ element = DOMUtilsContext.selectorAll(element);
1444
1444
  }
1445
1445
  if (element == null) {
1446
1446
  return;
@@ -1462,6 +1462,41 @@ class DOMUtils extends DOMUtilsEvent {
1462
1462
  element.classList.add(itemClassName);
1463
1463
  });
1464
1464
  }
1465
+ /**
1466
+ * 判断元素是否存在className
1467
+ * @param element
1468
+ * @param className
1469
+ */
1470
+ hasClass(element, className) {
1471
+ let DOMUtilsContext = this;
1472
+ if (typeof element === "string") {
1473
+ element = DOMUtilsContext.selectorAll(element);
1474
+ }
1475
+ if (element == null) {
1476
+ return false;
1477
+ }
1478
+ if (isNodeList(element)) {
1479
+ let flag = true;
1480
+ for (let index = 0; index < element.length; index++) {
1481
+ const $ele = element[index];
1482
+ flag = flag && DOMUtilsContext.hasClass($ele, className);
1483
+ }
1484
+ return flag;
1485
+ }
1486
+ if (!element?.classList) {
1487
+ return false;
1488
+ }
1489
+ if (!Array.isArray(className)) {
1490
+ className = className.split(" ");
1491
+ }
1492
+ for (let index = 0; index < className.length; index++) {
1493
+ const item = className[index].trim();
1494
+ if (!element.classList.contains(item)) {
1495
+ return false;
1496
+ }
1497
+ }
1498
+ return true;
1499
+ }
1465
1500
  /**
1466
1501
  * 函数在元素内部末尾添加子元素或HTML字符串
1467
1502
  * @param element 目标元素
@@ -1474,7 +1509,7 @@ class DOMUtils extends DOMUtilsEvent {
1474
1509
  append(element, content) {
1475
1510
  let DOMUtilsContext = this;
1476
1511
  if (typeof element === "string") {
1477
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1512
+ element = DOMUtilsContext.selectorAll(element);
1478
1513
  }
1479
1514
  if (element == null) {
1480
1515
  return;
@@ -1521,7 +1556,7 @@ class DOMUtils extends DOMUtilsEvent {
1521
1556
  prepend(element, content) {
1522
1557
  let DOMUtilsContext = this;
1523
1558
  if (typeof element === "string") {
1524
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1559
+ element = DOMUtilsContext.selectorAll(element);
1525
1560
  }
1526
1561
  if (element == null) {
1527
1562
  return;
@@ -1558,7 +1593,7 @@ class DOMUtils extends DOMUtilsEvent {
1558
1593
  after(element, content) {
1559
1594
  let DOMUtilsContext = this;
1560
1595
  if (typeof element === "string") {
1561
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1596
+ element = DOMUtilsContext.selectorAll(element);
1562
1597
  }
1563
1598
  if (element == null) {
1564
1599
  return;
@@ -1597,7 +1632,7 @@ class DOMUtils extends DOMUtilsEvent {
1597
1632
  before(element, content) {
1598
1633
  let DOMUtilsContext = this;
1599
1634
  if (typeof element === "string") {
1600
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1635
+ element = DOMUtilsContext.selectorAll(element);
1601
1636
  }
1602
1637
  if (element == null) {
1603
1638
  return;
@@ -1634,7 +1669,7 @@ class DOMUtils extends DOMUtilsEvent {
1634
1669
  remove(element) {
1635
1670
  let DOMUtilsContext = this;
1636
1671
  if (typeof element === "string") {
1637
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1672
+ element = DOMUtilsContext.selectorAll(element);
1638
1673
  }
1639
1674
  if (element == null) {
1640
1675
  return;
@@ -1658,7 +1693,7 @@ class DOMUtils extends DOMUtilsEvent {
1658
1693
  empty(element) {
1659
1694
  let DOMUtilsContext = this;
1660
1695
  if (typeof element === "string") {
1661
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1696
+ element = DOMUtilsContext.selectorAll(element);
1662
1697
  }
1663
1698
  if (element == null) {
1664
1699
  return;
@@ -1684,7 +1719,7 @@ class DOMUtils extends DOMUtilsEvent {
1684
1719
  offset(element) {
1685
1720
  let DOMUtilsContext = this;
1686
1721
  if (typeof element === "string") {
1687
- element = DOMUtilsContext.windowApi.document.querySelector(element);
1722
+ element = DOMUtilsContext.selector(element);
1688
1723
  }
1689
1724
  if (element == null) {
1690
1725
  return;
@@ -1700,8 +1735,7 @@ class DOMUtils extends DOMUtilsEvent {
1700
1735
  width(element, isShow = false) {
1701
1736
  let DOMUtilsContext = this;
1702
1737
  if (typeof element === "string") {
1703
- element =
1704
- DOMUtilsContext.windowApi.document.querySelector(element);
1738
+ element = DOMUtilsContext.selector(element);
1705
1739
  }
1706
1740
  if (element == null) {
1707
1741
  return;
@@ -1755,7 +1789,7 @@ class DOMUtils extends DOMUtilsEvent {
1755
1789
  .clientHeight;
1756
1790
  }
1757
1791
  if (typeof element === "string") {
1758
- element = DOMUtilsContext.windowApi.document.querySelector(element);
1792
+ element = DOMUtilsContext.selector(element);
1759
1793
  }
1760
1794
  if (element == null) {
1761
1795
  // @ts-ignore
@@ -1805,7 +1839,7 @@ class DOMUtils extends DOMUtilsEvent {
1805
1839
  return DOMUtilsContext.windowApi.window.innerWidth;
1806
1840
  }
1807
1841
  if (typeof element === "string") {
1808
- element = DOMUtilsContext.windowApi.document.querySelector(element);
1842
+ element = DOMUtilsContext.selector(element);
1809
1843
  }
1810
1844
  if (element == null) {
1811
1845
  // @ts-ignore
@@ -1831,7 +1865,7 @@ class DOMUtils extends DOMUtilsEvent {
1831
1865
  return DOMUtilsContext.windowApi.window.innerHeight;
1832
1866
  }
1833
1867
  if (typeof element === "string") {
1834
- element = DOMUtilsContext.windowApi.document.querySelector(element);
1868
+ element = DOMUtilsContext.selector(element);
1835
1869
  }
1836
1870
  if (element == null) {
1837
1871
  // @ts-ignore
@@ -1866,7 +1900,7 @@ class DOMUtils extends DOMUtilsEvent {
1866
1900
  animate(element, styles, duration = 1000, callback = null) {
1867
1901
  let DOMUtilsContext = this;
1868
1902
  if (typeof element === "string") {
1869
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1903
+ element = DOMUtilsContext.selectorAll(element);
1870
1904
  }
1871
1905
  if (element == null) {
1872
1906
  return;
@@ -1928,7 +1962,7 @@ class DOMUtils extends DOMUtilsEvent {
1928
1962
  wrap(element, wrapperHTML) {
1929
1963
  let DOMUtilsContext = this;
1930
1964
  if (typeof element === "string") {
1931
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1965
+ element = DOMUtilsContext.selectorAll(element);
1932
1966
  }
1933
1967
  if (element == null) {
1934
1968
  return;
@@ -1954,7 +1988,7 @@ class DOMUtils extends DOMUtilsEvent {
1954
1988
  prev(element) {
1955
1989
  let DOMUtilsContext = this;
1956
1990
  if (typeof element === "string") {
1957
- element = DOMUtilsContext.windowApi.document.querySelector(element);
1991
+ element = DOMUtilsContext.selector(element);
1958
1992
  }
1959
1993
  if (element == null) {
1960
1994
  return;
@@ -1964,7 +1998,7 @@ class DOMUtils extends DOMUtilsEvent {
1964
1998
  next(element) {
1965
1999
  let DOMUtilsContext = this;
1966
2000
  if (typeof element === "string") {
1967
- element = DOMUtilsContext.windowApi.document.querySelector(element);
2001
+ element = DOMUtilsContext.selector(element);
1968
2002
  }
1969
2003
  if (element == null) {
1970
2004
  return;
@@ -1987,7 +2021,7 @@ class DOMUtils extends DOMUtilsEvent {
1987
2021
  siblings(element) {
1988
2022
  let DOMUtilsContext = this;
1989
2023
  if (typeof element === "string") {
1990
- element = DOMUtilsContext.windowApi.document.querySelector(element);
2024
+ element = DOMUtilsContext.selector(element);
1991
2025
  }
1992
2026
  if (element == null) {
1993
2027
  return;
@@ -2008,16 +2042,15 @@ class DOMUtils extends DOMUtilsEvent {
2008
2042
  parent(element) {
2009
2043
  let DOMUtilsContext = this;
2010
2044
  if (typeof element === "string") {
2011
- element = DOMUtilsContext.windowApi.document.querySelector(element);
2045
+ element = DOMUtilsContext.selector(element);
2012
2046
  }
2013
2047
  if (element == null) {
2014
2048
  return;
2015
2049
  }
2016
- if (element instanceof NodeList || element instanceof Array) {
2017
- element = element;
2050
+ if (isNodeList(element)) {
2018
2051
  let resultArray = [];
2019
- element.forEach((eleItem) => {
2020
- resultArray.push(DOMUtilsContext.parent(eleItem));
2052
+ element.forEach(($ele) => {
2053
+ resultArray.push(DOMUtilsContext.parent($ele));
2021
2054
  });
2022
2055
  return resultArray;
2023
2056
  }
@@ -2115,7 +2148,7 @@ class DOMUtils extends DOMUtilsEvent {
2115
2148
  return;
2116
2149
  }
2117
2150
  if (typeof target === "string") {
2118
- target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
2151
+ target = DOMUtilsContext.selectorAll(target);
2119
2152
  }
2120
2153
  if (target instanceof NodeList || target instanceof Array) {
2121
2154
  target = target;
@@ -2152,7 +2185,7 @@ class DOMUtils extends DOMUtilsEvent {
2152
2185
  return;
2153
2186
  }
2154
2187
  if (typeof target === "string") {
2155
- target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
2188
+ target = DOMUtilsContext.selectorAll(target);
2156
2189
  }
2157
2190
  if (target instanceof NodeList || target instanceof Array) {
2158
2191
  target = target;
@@ -2191,7 +2224,7 @@ class DOMUtils extends DOMUtilsEvent {
2191
2224
  }
2192
2225
  let DOMUtilsContext = this;
2193
2226
  if (typeof element === "string") {
2194
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2227
+ element = DOMUtilsContext.selectorAll(element);
2195
2228
  }
2196
2229
  if (isNodeList(element)) {
2197
2230
  // 设置
@@ -2242,7 +2275,7 @@ class DOMUtils extends DOMUtilsEvent {
2242
2275
  return;
2243
2276
  }
2244
2277
  if (typeof element === "string") {
2245
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2278
+ element = DOMUtilsContext.selectorAll(element);
2246
2279
  }
2247
2280
  if (isNodeList(element)) {
2248
2281
  // 设置
@@ -2285,7 +2318,7 @@ class DOMUtils extends DOMUtilsEvent {
2285
2318
  toggle(element, checkVisiblie) {
2286
2319
  let DOMUtilsContext = this;
2287
2320
  if (typeof element === "string") {
2288
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2321
+ element = DOMUtilsContext.selectorAll(element);
2289
2322
  }
2290
2323
  if (element == null) {
2291
2324
  return;