@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.umd.js CHANGED
@@ -194,7 +194,7 @@
194
194
  let DOMUtilsContext = this;
195
195
  let args = arguments;
196
196
  if (typeof element === "string") {
197
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
197
+ element = DOMUtilsContext.selectorAll(element);
198
198
  }
199
199
  if (element == null) {
200
200
  return;
@@ -312,7 +312,7 @@
312
312
  let DOMUtilsContext = this;
313
313
  let args = arguments;
314
314
  if (typeof element === "string") {
315
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
315
+ element = DOMUtilsContext.selectorAll(element);
316
316
  }
317
317
  if (element == null) {
318
318
  return;
@@ -397,7 +397,7 @@
397
397
  offAll(element, eventType) {
398
398
  let DOMUtilsContext = this;
399
399
  if (typeof element === "string") {
400
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
400
+ element = DOMUtilsContext.selectorAll(element);
401
401
  }
402
402
  if (element == null) {
403
403
  return;
@@ -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.windowApi.document.querySelector(element);
538
+ element = DOMUtilsContext.selectorAll(element);
539
539
  }
540
540
  if (element == null) {
541
541
  return;
@@ -599,7 +599,7 @@
599
599
  click(element, handler, details, useDispatchToTriggerEvent) {
600
600
  let DOMUtilsContext = this;
601
601
  if (typeof element === "string") {
602
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
602
+ element = DOMUtilsContext.selectorAll(element);
603
603
  }
604
604
  if (element == null) {
605
605
  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.windowApi.document.querySelector(element);
638
+ element = DOMUtilsContext.selectorAll(element);
639
639
  }
640
640
  if (element == null) {
641
641
  return;
@@ -671,7 +671,7 @@
671
671
  focus(element, handler, details, useDispatchToTriggerEvent) {
672
672
  let DOMUtilsContext = this;
673
673
  if (typeof element === "string") {
674
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
674
+ element = DOMUtilsContext.selectorAll(element);
675
675
  }
676
676
  if (element == null) {
677
677
  return;
@@ -707,7 +707,7 @@
707
707
  hover(element, handler, option) {
708
708
  let DOMUtilsContext = this;
709
709
  if (typeof element === "string") {
710
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
710
+ element = DOMUtilsContext.selectorAll(element);
711
711
  }
712
712
  if (element == null) {
713
713
  return;
@@ -743,7 +743,7 @@
743
743
  return;
744
744
  }
745
745
  if (typeof element === "string") {
746
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
746
+ element = DOMUtilsContext.selectorAll(element);
747
747
  }
748
748
  if (isNodeList(element)) {
749
749
  // 设置
@@ -775,7 +775,7 @@
775
775
  return;
776
776
  }
777
777
  if (typeof element === "string") {
778
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
778
+ element = DOMUtilsContext.selectorAll(element);
779
779
  }
780
780
  if (isNodeList(element)) {
781
781
  // 设置
@@ -807,7 +807,7 @@
807
807
  return;
808
808
  }
809
809
  if (typeof element === "string") {
810
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
810
+ element = DOMUtilsContext.selectorAll(element);
811
811
  }
812
812
  if (isNodeList(element)) {
813
813
  // 设置
@@ -884,7 +884,7 @@
884
884
  listenKeyboard(element, eventName = "keypress", callback, options) {
885
885
  let DOMUtilsContext = this;
886
886
  if (typeof element === "string") {
887
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
887
+ element = DOMUtilsContext.selectorAll(element);
888
888
  }
889
889
  let keyboardEventCallBack = function (event) {
890
890
  /** 键名 */
@@ -971,11 +971,11 @@
971
971
  super(option);
972
972
  }
973
973
  /** 版本号 */
974
- version = "2024.10.22";
974
+ version = "2024.10.23";
975
975
  attr(element, attrName, attrValue) {
976
976
  let DOMUtilsContext = this;
977
977
  if (typeof element === "string") {
978
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
978
+ element = DOMUtilsContext.selectorAll(element);
979
979
  }
980
980
  if (element == null) {
981
981
  return;
@@ -1081,7 +1081,7 @@
1081
1081
  return propertyValue;
1082
1082
  }
1083
1083
  if (typeof element === "string") {
1084
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1084
+ element = DOMUtilsContext.selectorAll(element);
1085
1085
  }
1086
1086
  if (element == null) {
1087
1087
  return;
@@ -1143,7 +1143,7 @@
1143
1143
  text(element, text) {
1144
1144
  let DOMUtilsContext = this;
1145
1145
  if (typeof element === "string") {
1146
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1146
+ element = DOMUtilsContext.selectorAll(element);
1147
1147
  }
1148
1148
  if (element == null) {
1149
1149
  return;
@@ -1179,7 +1179,7 @@
1179
1179
  html(element, html) {
1180
1180
  let DOMUtilsContext = this;
1181
1181
  if (typeof element === "string") {
1182
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1182
+ element = DOMUtilsContext.selectorAll(element);
1183
1183
  }
1184
1184
  if (element == null) {
1185
1185
  return;
@@ -1249,7 +1249,7 @@
1249
1249
  val(element, value) {
1250
1250
  let DOMUtilsContext = this;
1251
1251
  if (typeof element === "string") {
1252
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1252
+ element = DOMUtilsContext.selectorAll(element);
1253
1253
  }
1254
1254
  if (element == null) {
1255
1255
  return;
@@ -1291,7 +1291,7 @@
1291
1291
  prop(element, propName, propValue) {
1292
1292
  let DOMUtilsContext = this;
1293
1293
  if (typeof element === "string") {
1294
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1294
+ element = DOMUtilsContext.selectorAll(element);
1295
1295
  }
1296
1296
  if (element == null) {
1297
1297
  return;
@@ -1328,7 +1328,7 @@
1328
1328
  removeAttr(element, attrName) {
1329
1329
  let DOMUtilsContext = this;
1330
1330
  if (typeof element === "string") {
1331
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1331
+ element = DOMUtilsContext.selectorAll(element);
1332
1332
  }
1333
1333
  if (element == null) {
1334
1334
  return;
@@ -1354,7 +1354,7 @@
1354
1354
  removeClass(element, className) {
1355
1355
  let DOMUtilsContext = this;
1356
1356
  if (typeof element === "string") {
1357
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1357
+ element = DOMUtilsContext.selectorAll(element);
1358
1358
  }
1359
1359
  if (element == null) {
1360
1360
  return;
@@ -1391,7 +1391,7 @@
1391
1391
  removeProp(element, propName) {
1392
1392
  let DOMUtilsContext = this;
1393
1393
  if (typeof element === "string") {
1394
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1394
+ element = DOMUtilsContext.selectorAll(element);
1395
1395
  }
1396
1396
  if (element == null) {
1397
1397
  return;
@@ -1417,7 +1417,7 @@
1417
1417
  replaceWith(element, newElement) {
1418
1418
  let DOMUtilsContext = this;
1419
1419
  if (typeof element === "string") {
1420
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1420
+ element = DOMUtilsContext.selectorAll(element);
1421
1421
  }
1422
1422
  if (element == null) {
1423
1423
  return;
@@ -1446,7 +1446,7 @@
1446
1446
  addClass(element, className) {
1447
1447
  let DOMUtilsContext = this;
1448
1448
  if (typeof element === "string") {
1449
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1449
+ element = DOMUtilsContext.selectorAll(element);
1450
1450
  }
1451
1451
  if (element == null) {
1452
1452
  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 目标元素
@@ -1480,7 +1515,7 @@
1480
1515
  append(element, content) {
1481
1516
  let DOMUtilsContext = this;
1482
1517
  if (typeof element === "string") {
1483
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1518
+ element = DOMUtilsContext.selectorAll(element);
1484
1519
  }
1485
1520
  if (element == null) {
1486
1521
  return;
@@ -1527,7 +1562,7 @@
1527
1562
  prepend(element, content) {
1528
1563
  let DOMUtilsContext = this;
1529
1564
  if (typeof element === "string") {
1530
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1565
+ element = DOMUtilsContext.selectorAll(element);
1531
1566
  }
1532
1567
  if (element == null) {
1533
1568
  return;
@@ -1564,7 +1599,7 @@
1564
1599
  after(element, content) {
1565
1600
  let DOMUtilsContext = this;
1566
1601
  if (typeof element === "string") {
1567
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1602
+ element = DOMUtilsContext.selectorAll(element);
1568
1603
  }
1569
1604
  if (element == null) {
1570
1605
  return;
@@ -1603,7 +1638,7 @@
1603
1638
  before(element, content) {
1604
1639
  let DOMUtilsContext = this;
1605
1640
  if (typeof element === "string") {
1606
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1641
+ element = DOMUtilsContext.selectorAll(element);
1607
1642
  }
1608
1643
  if (element == null) {
1609
1644
  return;
@@ -1640,7 +1675,7 @@
1640
1675
  remove(element) {
1641
1676
  let DOMUtilsContext = this;
1642
1677
  if (typeof element === "string") {
1643
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1678
+ element = DOMUtilsContext.selectorAll(element);
1644
1679
  }
1645
1680
  if (element == null) {
1646
1681
  return;
@@ -1664,7 +1699,7 @@
1664
1699
  empty(element) {
1665
1700
  let DOMUtilsContext = this;
1666
1701
  if (typeof element === "string") {
1667
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1702
+ element = DOMUtilsContext.selectorAll(element);
1668
1703
  }
1669
1704
  if (element == null) {
1670
1705
  return;
@@ -1690,7 +1725,7 @@
1690
1725
  offset(element) {
1691
1726
  let DOMUtilsContext = this;
1692
1727
  if (typeof element === "string") {
1693
- element = DOMUtilsContext.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
1874
+ element = DOMUtilsContext.selector(element);
1841
1875
  }
1842
1876
  if (element == null) {
1843
1877
  // @ts-ignore
@@ -1872,7 +1906,7 @@
1872
1906
  animate(element, styles, duration = 1000, callback = null) {
1873
1907
  let DOMUtilsContext = this;
1874
1908
  if (typeof element === "string") {
1875
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1909
+ element = DOMUtilsContext.selectorAll(element);
1876
1910
  }
1877
1911
  if (element == null) {
1878
1912
  return;
@@ -1934,7 +1968,7 @@
1934
1968
  wrap(element, wrapperHTML) {
1935
1969
  let DOMUtilsContext = this;
1936
1970
  if (typeof element === "string") {
1937
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
1971
+ element = DOMUtilsContext.selectorAll(element);
1938
1972
  }
1939
1973
  if (element == null) {
1940
1974
  return;
@@ -1960,7 +1994,7 @@
1960
1994
  prev(element) {
1961
1995
  let DOMUtilsContext = this;
1962
1996
  if (typeof element === "string") {
1963
- element = DOMUtilsContext.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
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.windowApi.document.querySelector(element);
2051
+ element = DOMUtilsContext.selector(element);
2018
2052
  }
2019
2053
  if (element == null) {
2020
2054
  return;
2021
2055
  }
2022
- if (element instanceof NodeList || element instanceof Array) {
2023
- element = element;
2056
+ if (isNodeList(element)) {
2024
2057
  let resultArray = [];
2025
- element.forEach((eleItem) => {
2026
- resultArray.push(DOMUtilsContext.parent(eleItem));
2058
+ element.forEach(($ele) => {
2059
+ resultArray.push(DOMUtilsContext.parent($ele));
2027
2060
  });
2028
2061
  return resultArray;
2029
2062
  }
@@ -2121,7 +2154,7 @@
2121
2154
  return;
2122
2155
  }
2123
2156
  if (typeof target === "string") {
2124
- target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
2157
+ target = DOMUtilsContext.selectorAll(target);
2125
2158
  }
2126
2159
  if (target instanceof NodeList || target instanceof Array) {
2127
2160
  target = target;
@@ -2158,7 +2191,7 @@
2158
2191
  return;
2159
2192
  }
2160
2193
  if (typeof target === "string") {
2161
- target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
2194
+ target = DOMUtilsContext.selectorAll(target);
2162
2195
  }
2163
2196
  if (target instanceof NodeList || target instanceof Array) {
2164
2197
  target = target;
@@ -2197,7 +2230,7 @@
2197
2230
  }
2198
2231
  let DOMUtilsContext = this;
2199
2232
  if (typeof element === "string") {
2200
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2233
+ element = DOMUtilsContext.selectorAll(element);
2201
2234
  }
2202
2235
  if (isNodeList(element)) {
2203
2236
  // 设置
@@ -2248,7 +2281,7 @@
2248
2281
  return;
2249
2282
  }
2250
2283
  if (typeof element === "string") {
2251
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2284
+ element = DOMUtilsContext.selectorAll(element);
2252
2285
  }
2253
2286
  if (isNodeList(element)) {
2254
2287
  // 设置
@@ -2291,7 +2324,7 @@
2291
2324
  toggle(element, checkVisiblie) {
2292
2325
  let DOMUtilsContext = this;
2293
2326
  if (typeof element === "string") {
2294
- element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
2327
+ element = DOMUtilsContext.selectorAll(element);
2295
2328
  }
2296
2329
  if (element == null) {
2297
2330
  return;