@whitesev/domutils 1.3.5 → 1.3.7
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 +76 -35
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +76 -35
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +76 -35
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +76 -35
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +76 -35
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +76 -35
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/DOMUtils.d.ts +1 -1
- package/dist/types/src/DOMUtilsEvent.d.ts +38 -0
- package/package.json +1 -1
- package/src/DOMUtils.ts +27 -27
- package/src/DOMUtilsEvent.ts +102 -10
package/dist/index.system.js
CHANGED
|
@@ -193,7 +193,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
193
193
|
let DOMUtilsContext = this;
|
|
194
194
|
let args = arguments;
|
|
195
195
|
if (typeof element === "string") {
|
|
196
|
-
element = DOMUtilsContext.
|
|
196
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
197
197
|
}
|
|
198
198
|
if (element == null) {
|
|
199
199
|
return;
|
|
@@ -311,7 +311,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
311
311
|
let DOMUtilsContext = this;
|
|
312
312
|
let args = arguments;
|
|
313
313
|
if (typeof element === "string") {
|
|
314
|
-
element = DOMUtilsContext.
|
|
314
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
315
315
|
}
|
|
316
316
|
if (element == null) {
|
|
317
317
|
return;
|
|
@@ -396,7 +396,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
396
396
|
offAll(element, eventType) {
|
|
397
397
|
let DOMUtilsContext = this;
|
|
398
398
|
if (typeof element === "string") {
|
|
399
|
-
element = DOMUtilsContext.
|
|
399
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
400
400
|
}
|
|
401
401
|
if (element == null) {
|
|
402
402
|
return;
|
|
@@ -598,7 +598,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
598
598
|
click(element, handler, details, useDispatchToTriggerEvent) {
|
|
599
599
|
let DOMUtilsContext = this;
|
|
600
600
|
if (typeof element === "string") {
|
|
601
|
-
element = DOMUtilsContext.
|
|
601
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
602
602
|
}
|
|
603
603
|
if (element == null) {
|
|
604
604
|
return;
|
|
@@ -670,7 +670,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
670
670
|
focus(element, handler, details, useDispatchToTriggerEvent) {
|
|
671
671
|
let DOMUtilsContext = this;
|
|
672
672
|
if (typeof element === "string") {
|
|
673
|
-
element = DOMUtilsContext.
|
|
673
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
674
674
|
}
|
|
675
675
|
if (element == null) {
|
|
676
676
|
return;
|
|
@@ -706,7 +706,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
706
706
|
hover(element, handler, option) {
|
|
707
707
|
let DOMUtilsContext = this;
|
|
708
708
|
if (typeof element === "string") {
|
|
709
|
-
element = DOMUtilsContext.
|
|
709
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
710
710
|
}
|
|
711
711
|
if (element == null) {
|
|
712
712
|
return;
|
|
@@ -742,7 +742,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
742
742
|
return;
|
|
743
743
|
}
|
|
744
744
|
if (typeof element === "string") {
|
|
745
|
-
element = DOMUtilsContext.
|
|
745
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
746
746
|
}
|
|
747
747
|
if (isNodeList(element)) {
|
|
748
748
|
// 设置
|
|
@@ -774,7 +774,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
774
774
|
return;
|
|
775
775
|
}
|
|
776
776
|
if (typeof element === "string") {
|
|
777
|
-
element = DOMUtilsContext.
|
|
777
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
778
778
|
}
|
|
779
779
|
if (isNodeList(element)) {
|
|
780
780
|
// 设置
|
|
@@ -806,7 +806,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
806
806
|
return;
|
|
807
807
|
}
|
|
808
808
|
if (typeof element === "string") {
|
|
809
|
-
element = DOMUtilsContext.
|
|
809
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
810
810
|
}
|
|
811
811
|
if (isNodeList(element)) {
|
|
812
812
|
// 设置
|
|
@@ -883,7 +883,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
883
883
|
listenKeyboard(element, eventName = "keypress", callback, options) {
|
|
884
884
|
let DOMUtilsContext = this;
|
|
885
885
|
if (typeof element === "string") {
|
|
886
|
-
element = DOMUtilsContext.
|
|
886
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
887
887
|
}
|
|
888
888
|
let keyboardEventCallBack = function (event) {
|
|
889
889
|
/** 键名 */
|
|
@@ -915,6 +915,47 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
915
915
|
},
|
|
916
916
|
};
|
|
917
917
|
}
|
|
918
|
+
selector(selector) {
|
|
919
|
+
return this.selectorAll(selector)[0];
|
|
920
|
+
}
|
|
921
|
+
selectorAll(selector) {
|
|
922
|
+
const context = this;
|
|
923
|
+
selector = selector.trim();
|
|
924
|
+
if (selector.match(/[^\s]{1}:empty$/gi)) {
|
|
925
|
+
// empty 语法
|
|
926
|
+
selector = selector.replace(/:empty$/gi, "");
|
|
927
|
+
return Array.from(context.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
|
|
928
|
+
return $ele?.innerHTML?.trim() === "";
|
|
929
|
+
});
|
|
930
|
+
}
|
|
931
|
+
else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/gi) ||
|
|
932
|
+
selector.match(/[^\s]{1}:contains\('(.*)'\)$/gi)) {
|
|
933
|
+
// contains 语法
|
|
934
|
+
let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
|
|
935
|
+
let text = textMatch[2];
|
|
936
|
+
selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
|
|
937
|
+
return Array.from(context.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
|
|
938
|
+
// @ts-ignore
|
|
939
|
+
return ($ele?.textContent || $ele?.innerText)?.includes(text);
|
|
940
|
+
});
|
|
941
|
+
}
|
|
942
|
+
else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/gi) ||
|
|
943
|
+
selector.match(/[^\s]{1}:regexp\('(.*)'\)$/gi)) {
|
|
944
|
+
// regexp 语法
|
|
945
|
+
let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
|
|
946
|
+
let text = textMatch[2];
|
|
947
|
+
let regexp = new RegExp(text);
|
|
948
|
+
selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
|
|
949
|
+
return Array.from(context.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
|
|
950
|
+
// @ts-ignore
|
|
951
|
+
return Boolean(($ele?.textContent || $ele?.innerText)?.match(regexp));
|
|
952
|
+
});
|
|
953
|
+
}
|
|
954
|
+
else {
|
|
955
|
+
// 普通语法
|
|
956
|
+
return Array.from(context.windowApi.document.querySelectorAll(selector));
|
|
957
|
+
}
|
|
958
|
+
}
|
|
918
959
|
}
|
|
919
960
|
|
|
920
961
|
/**
|
|
@@ -929,11 +970,11 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
929
970
|
super(option);
|
|
930
971
|
}
|
|
931
972
|
/** 版本号 */
|
|
932
|
-
version = "2024.10.
|
|
973
|
+
version = "2024.10.23";
|
|
933
974
|
attr(element, attrName, attrValue) {
|
|
934
975
|
let DOMUtilsContext = this;
|
|
935
976
|
if (typeof element === "string") {
|
|
936
|
-
element = DOMUtilsContext.
|
|
977
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
937
978
|
}
|
|
938
979
|
if (element == null) {
|
|
939
980
|
return;
|
|
@@ -1039,7 +1080,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1039
1080
|
return propertyValue;
|
|
1040
1081
|
}
|
|
1041
1082
|
if (typeof element === "string") {
|
|
1042
|
-
element = DOMUtilsContext.
|
|
1083
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1043
1084
|
}
|
|
1044
1085
|
if (element == null) {
|
|
1045
1086
|
return;
|
|
@@ -1101,7 +1142,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1101
1142
|
text(element, text) {
|
|
1102
1143
|
let DOMUtilsContext = this;
|
|
1103
1144
|
if (typeof element === "string") {
|
|
1104
|
-
element = DOMUtilsContext.
|
|
1145
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1105
1146
|
}
|
|
1106
1147
|
if (element == null) {
|
|
1107
1148
|
return;
|
|
@@ -1137,7 +1178,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1137
1178
|
html(element, html) {
|
|
1138
1179
|
let DOMUtilsContext = this;
|
|
1139
1180
|
if (typeof element === "string") {
|
|
1140
|
-
element = DOMUtilsContext.
|
|
1181
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1141
1182
|
}
|
|
1142
1183
|
if (element == null) {
|
|
1143
1184
|
return;
|
|
@@ -1207,7 +1248,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1207
1248
|
val(element, value) {
|
|
1208
1249
|
let DOMUtilsContext = this;
|
|
1209
1250
|
if (typeof element === "string") {
|
|
1210
|
-
element = DOMUtilsContext.
|
|
1251
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1211
1252
|
}
|
|
1212
1253
|
if (element == null) {
|
|
1213
1254
|
return;
|
|
@@ -1249,7 +1290,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1249
1290
|
prop(element, propName, propValue) {
|
|
1250
1291
|
let DOMUtilsContext = this;
|
|
1251
1292
|
if (typeof element === "string") {
|
|
1252
|
-
element = DOMUtilsContext.
|
|
1293
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1253
1294
|
}
|
|
1254
1295
|
if (element == null) {
|
|
1255
1296
|
return;
|
|
@@ -1286,7 +1327,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1286
1327
|
removeAttr(element, attrName) {
|
|
1287
1328
|
let DOMUtilsContext = this;
|
|
1288
1329
|
if (typeof element === "string") {
|
|
1289
|
-
element = DOMUtilsContext.
|
|
1330
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1290
1331
|
}
|
|
1291
1332
|
if (element == null) {
|
|
1292
1333
|
return;
|
|
@@ -1312,7 +1353,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1312
1353
|
removeClass(element, className) {
|
|
1313
1354
|
let DOMUtilsContext = this;
|
|
1314
1355
|
if (typeof element === "string") {
|
|
1315
|
-
element = DOMUtilsContext.
|
|
1356
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1316
1357
|
}
|
|
1317
1358
|
if (element == null) {
|
|
1318
1359
|
return;
|
|
@@ -1349,7 +1390,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1349
1390
|
removeProp(element, propName) {
|
|
1350
1391
|
let DOMUtilsContext = this;
|
|
1351
1392
|
if (typeof element === "string") {
|
|
1352
|
-
element = DOMUtilsContext.
|
|
1393
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1353
1394
|
}
|
|
1354
1395
|
if (element == null) {
|
|
1355
1396
|
return;
|
|
@@ -1375,7 +1416,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1375
1416
|
replaceWith(element, newElement) {
|
|
1376
1417
|
let DOMUtilsContext = this;
|
|
1377
1418
|
if (typeof element === "string") {
|
|
1378
|
-
element = DOMUtilsContext.
|
|
1419
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1379
1420
|
}
|
|
1380
1421
|
if (element == null) {
|
|
1381
1422
|
return;
|
|
@@ -1404,7 +1445,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1404
1445
|
addClass(element, className) {
|
|
1405
1446
|
let DOMUtilsContext = this;
|
|
1406
1447
|
if (typeof element === "string") {
|
|
1407
|
-
element = DOMUtilsContext.
|
|
1448
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1408
1449
|
}
|
|
1409
1450
|
if (element == null) {
|
|
1410
1451
|
return;
|
|
@@ -1438,7 +1479,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1438
1479
|
append(element, content) {
|
|
1439
1480
|
let DOMUtilsContext = this;
|
|
1440
1481
|
if (typeof element === "string") {
|
|
1441
|
-
element = DOMUtilsContext.
|
|
1482
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1442
1483
|
}
|
|
1443
1484
|
if (element == null) {
|
|
1444
1485
|
return;
|
|
@@ -1485,7 +1526,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1485
1526
|
prepend(element, content) {
|
|
1486
1527
|
let DOMUtilsContext = this;
|
|
1487
1528
|
if (typeof element === "string") {
|
|
1488
|
-
element = DOMUtilsContext.
|
|
1529
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1489
1530
|
}
|
|
1490
1531
|
if (element == null) {
|
|
1491
1532
|
return;
|
|
@@ -1522,7 +1563,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1522
1563
|
after(element, content) {
|
|
1523
1564
|
let DOMUtilsContext = this;
|
|
1524
1565
|
if (typeof element === "string") {
|
|
1525
|
-
element = DOMUtilsContext.
|
|
1566
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1526
1567
|
}
|
|
1527
1568
|
if (element == null) {
|
|
1528
1569
|
return;
|
|
@@ -1561,7 +1602,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1561
1602
|
before(element, content) {
|
|
1562
1603
|
let DOMUtilsContext = this;
|
|
1563
1604
|
if (typeof element === "string") {
|
|
1564
|
-
element = DOMUtilsContext.
|
|
1605
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1565
1606
|
}
|
|
1566
1607
|
if (element == null) {
|
|
1567
1608
|
return;
|
|
@@ -1598,7 +1639,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1598
1639
|
remove(element) {
|
|
1599
1640
|
let DOMUtilsContext = this;
|
|
1600
1641
|
if (typeof element === "string") {
|
|
1601
|
-
element = DOMUtilsContext.
|
|
1642
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1602
1643
|
}
|
|
1603
1644
|
if (element == null) {
|
|
1604
1645
|
return;
|
|
@@ -1622,7 +1663,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1622
1663
|
empty(element) {
|
|
1623
1664
|
let DOMUtilsContext = this;
|
|
1624
1665
|
if (typeof element === "string") {
|
|
1625
|
-
element = DOMUtilsContext.
|
|
1666
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1626
1667
|
}
|
|
1627
1668
|
if (element == null) {
|
|
1628
1669
|
return;
|
|
@@ -1830,7 +1871,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1830
1871
|
animate(element, styles, duration = 1000, callback = null) {
|
|
1831
1872
|
let DOMUtilsContext = this;
|
|
1832
1873
|
if (typeof element === "string") {
|
|
1833
|
-
element = DOMUtilsContext.
|
|
1874
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1834
1875
|
}
|
|
1835
1876
|
if (element == null) {
|
|
1836
1877
|
return;
|
|
@@ -1892,7 +1933,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
1892
1933
|
wrap(element, wrapperHTML) {
|
|
1893
1934
|
let DOMUtilsContext = this;
|
|
1894
1935
|
if (typeof element === "string") {
|
|
1895
|
-
element = DOMUtilsContext.
|
|
1936
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
1896
1937
|
}
|
|
1897
1938
|
if (element == null) {
|
|
1898
1939
|
return;
|
|
@@ -2079,7 +2120,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
2079
2120
|
return;
|
|
2080
2121
|
}
|
|
2081
2122
|
if (typeof target === "string") {
|
|
2082
|
-
target = DOMUtilsContext.
|
|
2123
|
+
target = DOMUtilsContext.selectorAll(target);
|
|
2083
2124
|
}
|
|
2084
2125
|
if (target instanceof NodeList || target instanceof Array) {
|
|
2085
2126
|
target = target;
|
|
@@ -2116,7 +2157,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
2116
2157
|
return;
|
|
2117
2158
|
}
|
|
2118
2159
|
if (typeof target === "string") {
|
|
2119
|
-
target = DOMUtilsContext.
|
|
2160
|
+
target = DOMUtilsContext.selectorAll(target);
|
|
2120
2161
|
}
|
|
2121
2162
|
if (target instanceof NodeList || target instanceof Array) {
|
|
2122
2163
|
target = target;
|
|
@@ -2155,7 +2196,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
2155
2196
|
}
|
|
2156
2197
|
let DOMUtilsContext = this;
|
|
2157
2198
|
if (typeof element === "string") {
|
|
2158
|
-
element = DOMUtilsContext.
|
|
2199
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
2159
2200
|
}
|
|
2160
2201
|
if (isNodeList(element)) {
|
|
2161
2202
|
// 设置
|
|
@@ -2206,7 +2247,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
2206
2247
|
return;
|
|
2207
2248
|
}
|
|
2208
2249
|
if (typeof element === "string") {
|
|
2209
|
-
element = DOMUtilsContext.
|
|
2250
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
2210
2251
|
}
|
|
2211
2252
|
if (isNodeList(element)) {
|
|
2212
2253
|
// 设置
|
|
@@ -2249,7 +2290,7 @@ System.register('DOMUtils', [], (function (exports) {
|
|
|
2249
2290
|
toggle(element, checkVisiblie) {
|
|
2250
2291
|
let DOMUtilsContext = this;
|
|
2251
2292
|
if (typeof element === "string") {
|
|
2252
|
-
element = DOMUtilsContext.
|
|
2293
|
+
element = DOMUtilsContext.selectorAll(element);
|
|
2253
2294
|
}
|
|
2254
2295
|
if (element == null) {
|
|
2255
2296
|
return;
|