@whitesev/utils 2.8.0 → 2.8.2

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.
Files changed (71) hide show
  1. package/README.md +176 -176
  2. package/dist/index.amd.js +896 -875
  3. package/dist/index.amd.js.map +1 -1
  4. package/dist/index.cjs.js +896 -875
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.esm.js +896 -875
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.iife.js +896 -875
  9. package/dist/index.iife.js.map +1 -1
  10. package/dist/index.system.js +896 -875
  11. package/dist/index.system.js.map +1 -1
  12. package/dist/index.umd.js +896 -875
  13. package/dist/index.umd.js.map +1 -1
  14. package/dist/types/src/CommonUtil.d.ts +59 -59
  15. package/dist/types/src/DOMUtils.d.ts +1 -1
  16. package/dist/types/src/Dictionary.d.ts +1 -1
  17. package/dist/types/src/Httpx.d.ts +2 -2
  18. package/dist/types/src/Progress.d.ts +0 -4
  19. package/dist/types/src/TryCatch.d.ts +2 -2
  20. package/dist/types/src/Utils.d.ts +365 -365
  21. package/dist/types/src/UtilsGMCookie.d.ts +2 -2
  22. package/dist/types/src/UtilsGMMenu.d.ts +1 -1
  23. package/dist/types/src/indexedDB.d.ts +3 -3
  24. package/dist/types/src/types/Event.d.ts +188 -188
  25. package/dist/types/src/types/Httpx.d.ts +1344 -1343
  26. package/dist/types/src/types/Log.d.ts +19 -19
  27. package/dist/types/src/types/Progress.d.ts +20 -20
  28. package/dist/types/src/types/React.d.ts +119 -119
  29. package/dist/types/src/types/TryCatch.d.ts +9 -9
  30. package/dist/types/src/types/UtilsGMCookie.d.ts +93 -93
  31. package/dist/types/src/types/UtilsGMMenu.d.ts +77 -77
  32. package/dist/types/src/types/Vue2.d.ts +166 -166
  33. package/dist/types/src/types/WindowApi.d.ts +14 -14
  34. package/dist/types/src/types/ajaxHooker.d.ts +151 -151
  35. package/dist/types/src/types/env.d.ts +7 -2
  36. package/dist/types/src/types/global.d.ts +31 -31
  37. package/index.ts +3 -0
  38. package/package.json +19 -8
  39. package/src/ColorConversion.ts +105 -106
  40. package/src/CommonUtil.ts +280 -279
  41. package/src/DOMUtils.ts +251 -272
  42. package/src/Dictionary.ts +153 -154
  43. package/src/GBKEncoder.ts +108 -112
  44. package/src/Hooks.ts +73 -81
  45. package/src/Httpx.ts +1457 -1466
  46. package/src/LockFunction.ts +62 -62
  47. package/src/Log.ts +258 -259
  48. package/src/ModuleRaid.js +1 -0
  49. package/src/Progress.ts +108 -114
  50. package/src/TryCatch.ts +86 -86
  51. package/src/Utils.ts +4773 -4825
  52. package/src/UtilsCommon.ts +14 -14
  53. package/src/UtilsGMCookie.ts +254 -261
  54. package/src/UtilsGMMenu.ts +445 -454
  55. package/src/Vue.ts +233 -229
  56. package/src/WindowApi.ts +59 -59
  57. package/src/ajaxHooker/ajaxHooker.js +1 -0
  58. package/src/indexedDB.ts +497 -502
  59. package/src/types/Event.d.ts +188 -188
  60. package/src/types/Httpx.d.ts +1344 -1343
  61. package/src/types/Log.d.ts +19 -19
  62. package/src/types/Progress.d.ts +20 -20
  63. package/src/types/React.d.ts +119 -119
  64. package/src/types/TryCatch.d.ts +9 -9
  65. package/src/types/UtilsGMCookie.d.ts +93 -93
  66. package/src/types/UtilsGMMenu.d.ts +77 -77
  67. package/src/types/Vue2.d.ts +166 -166
  68. package/src/types/WindowApi.d.ts +14 -14
  69. package/src/types/ajaxHooker.d.ts +151 -151
  70. package/src/types/env.d.ts +7 -2
  71. package/src/types/global.d.ts +31 -31
package/README.md CHANGED
@@ -1,176 +1,176 @@
1
- # 安装
2
-
3
- - 最新版本:[![npm version](https://img.shields.io/npm/v/@whitesev/utils)](https://www.npmjs.com/package/@whitesev/utils)
4
-
5
- ```node
6
- npm install @whitesev/utils
7
- // 或者
8
- pnpm add @whitesev/utils
9
- ```
10
-
11
- ## 使用文档
12
-
13
- - `Utils.isNull` 判断对象是否为空
14
-
15
- ```javascript
16
- Utils.isNull(0);
17
- 结果:false
18
-
19
- Utils.isNull("");
20
- 结果:false
21
-
22
- Utils.isNull(" ");
23
- 结果:false
24
-
25
- Utils.isNull(undefined);
26
- 结果:false
27
- ```
28
-
29
- - `Utils.assign` 代替 `Object.assign`
30
-
31
- ```javascript
32
- Utils.assign({1:1},{1:2,2:3})
33
- 结果:{1:2}
34
- ```
35
-
36
- - `Utils.waitNode` 等待元素出现在页面中,非使用`setInterval`实现,性能损耗较少
37
-
38
- ```javascript
39
- /* 等待a元素出现,返回Promise对象,在then中或使用await获取结果,统一返回数组格式的元素,如[...a] */
40
- Utils.waitNode("a").then((element) => {
41
- console.log(element);
42
- });
43
-
44
- /* 同时满足多个选择器的结果,都满足了才会触发回调 */
45
- let moreDOM = await Utils.waitNode("#page", "a[href]");
46
- console.log(moreDOM);
47
- ```
48
-
49
- - `Utils.isVisible` 判断元素是否是可见的
50
- - `Utils.isPhone` 判断当前的`User-Agent`是否是`移动端`
51
- - `Utils.toJSON` 代替`JSON.parse`,满足更多格式的转换对象
52
-
53
- ```javascript
54
- Utils.toJSON("{123:123}");
55
- 结果:{123:123}
56
- ```
57
-
58
- - `Utils.Httpx` 代替油猴的`GM_xmlhttpRequest`,统一管理请求状态
59
-
60
- ```javascript
61
- let httpx = new Utils.Httpx();
62
- /* 修改配置 */
63
- httpx.config({
64
- timeout: 5000,
65
- onabort: function () {
66
- console.log("请求取消");
67
- },
68
- ontimeout: function () {
69
- console.log("请求超时");
70
- },
71
- onerror: function (response) {
72
- console.log("httpx-onerror 请求异常");
73
- console.log(response);
74
- },
75
- });
76
- /* 发送post请求 */
77
- let postResp = await httpx.post({
78
- url: url,
79
- data: JSON.stringify({
80
- test: 1,
81
- }),
82
- });
83
- ```
84
-
85
- - `Utils.GM_Menu` 代替油猴的`GM_registerMenuCommand`和`GM_unregisterMenuCommand`,管理油猴菜单
86
-
87
- ```javascript
88
- let GM_Menu = new Utils.GM_Menu({
89
- data: [
90
- {
91
- menu_key: "menu_key",
92
- text: "测试按钮",
93
- enable: true,
94
- accessKey: "a",
95
- autoClose: false,
96
- showText(text, enable) {
97
- return "[" + (enable ? "√" : "×") + "]" + text;
98
- },
99
- callback(data) {
100
- console.log("点击菜单,值修改为", data.enable);
101
- },
102
- },
103
- ],
104
- autoReload: false,
105
- GM_getValue,
106
- GM_setValue,
107
- GM_registerMenuCommand,
108
- GM_unregisterMenuCommand,
109
- });
110
-
111
-
112
- // 获取某个菜单项的值
113
- GM_Menu.get("menu_key");
114
- > true
115
-
116
- // 获取某个菜单项的开启/关闭后显示的文本
117
- GM_Menu.getShowTextValue("menu_key");
118
- > √测试按钮
119
-
120
- // 添加键为menu_key2的菜单项
121
- GM_Menu.add({
122
- key:"menu_key2",
123
- text: "测试按钮2",
124
- enable: false,
125
- showText(text,enable){
126
- return "[" + (enable ? "√" : "×") + "]" + text;
127
- },
128
- callback(data){
129
- console.log("点击菜单,值修改为",data.enable);
130
- }
131
- });
132
- // 使用数组的方式添加多个菜单,如menu_key3、menu_key4
133
- GM_Menu.add([
134
- {
135
- key:"menu_key3",
136
- text: "测试按钮3",
137
- enable: false,
138
- showText(text,enable){
139
- return "[" + (enable ? "√" : "×") + "]" + text;
140
- },
141
- callback(data){
142
- console.log("点击菜单,值修改为",data.enable);
143
- }
144
- },
145
- {
146
- key:"menu_key4",
147
- text: "测试按钮4",
148
- enable: false,
149
- showText(text,enable){
150
- return "[" + (enable ? "√" : "×") + "]" + text;
151
- },
152
- callback(data){
153
- console.log("点击菜单,值修改为",data.enable);
154
- }
155
- }
156
- ]);
157
-
158
- // 更新键为menu_key的显示文字和点击回调
159
- GM_Menu.update({
160
- menu_key:{
161
- text: "更新后的测试按钮",
162
- enable: true,
163
- showText(text,enable){
164
- return "[" + (enable ? "√" : "×") + "]" + text;
165
- },
166
- callback(data){
167
- console.log("点击菜单更新后的测试按钮,新值修改为",data.enable);
168
- }
169
- }
170
- });
171
-
172
- // 删除键为menu_key的菜单
173
- GM_Menu.delete("menu_key");
174
- ```
175
-
176
- 等...API 请看文档
1
+ # 安装
2
+
3
+ - 最新版本:[![npm version](https://img.shields.io/npm/v/@whitesev/utils)](https://www.npmjs.com/package/@whitesev/utils)
4
+
5
+ ```node
6
+ npm install @whitesev/utils
7
+ // 或者
8
+ pnpm add @whitesev/utils
9
+ ```
10
+
11
+ ## 使用文档
12
+
13
+ - `Utils.isNull` 判断对象是否为空
14
+
15
+ ```javascript
16
+ Utils.isNull(0);
17
+ 结果:false
18
+
19
+ Utils.isNull("");
20
+ 结果:false
21
+
22
+ Utils.isNull(" ");
23
+ 结果:false
24
+
25
+ Utils.isNull(undefined);
26
+ 结果:false
27
+ ```
28
+
29
+ - `Utils.assign` 代替 `Object.assign`
30
+
31
+ ```javascript
32
+ Utils.assign({1:1},{1:2,2:3})
33
+ 结果:{1:2}
34
+ ```
35
+
36
+ - `Utils.waitNode` 等待元素出现在页面中,非使用`setInterval`实现,性能损耗较少
37
+
38
+ ```javascript
39
+ /* 等待a元素出现,返回Promise对象,在then中或使用await获取结果,统一返回数组格式的元素,如[...a] */
40
+ Utils.waitNode("a").then((element) => {
41
+ console.log(element);
42
+ });
43
+
44
+ /* 同时满足多个选择器的结果,都满足了才会触发回调 */
45
+ let moreDOM = await Utils.waitNode("#page", "a[href]");
46
+ console.log(moreDOM);
47
+ ```
48
+
49
+ - `Utils.isVisible` 判断元素是否是可见的
50
+ - `Utils.isPhone` 判断当前的`User-Agent`是否是`移动端`
51
+ - `Utils.toJSON` 代替`JSON.parse`,满足更多格式的转换对象
52
+
53
+ ```javascript
54
+ Utils.toJSON("{123:123}");
55
+ 结果:{123:123}
56
+ ```
57
+
58
+ - `Utils.Httpx` 代替油猴的`GM_xmlhttpRequest`,统一管理请求状态
59
+
60
+ ```javascript
61
+ let httpx = new Utils.Httpx();
62
+ /* 修改配置 */
63
+ httpx.config({
64
+ timeout: 5000,
65
+ onabort: function () {
66
+ console.log("请求取消");
67
+ },
68
+ ontimeout: function () {
69
+ console.log("请求超时");
70
+ },
71
+ onerror: function (response) {
72
+ console.log("httpx-onerror 请求异常");
73
+ console.log(response);
74
+ },
75
+ });
76
+ /* 发送post请求 */
77
+ let postResp = await httpx.post({
78
+ url: url,
79
+ data: JSON.stringify({
80
+ test: 1,
81
+ }),
82
+ });
83
+ ```
84
+
85
+ - `Utils.GM_Menu` 代替油猴的`GM_registerMenuCommand`和`GM_unregisterMenuCommand`,管理油猴菜单
86
+
87
+ ```javascript
88
+ let GM_Menu = new Utils.GM_Menu({
89
+ data: [
90
+ {
91
+ menu_key: "menu_key",
92
+ text: "测试按钮",
93
+ enable: true,
94
+ accessKey: "a",
95
+ autoClose: false,
96
+ showText(text, enable) {
97
+ return "[" + (enable ? "√" : "×") + "]" + text;
98
+ },
99
+ callback(data) {
100
+ console.log("点击菜单,值修改为", data.enable);
101
+ },
102
+ },
103
+ ],
104
+ autoReload: false,
105
+ GM_getValue,
106
+ GM_setValue,
107
+ GM_registerMenuCommand,
108
+ GM_unregisterMenuCommand,
109
+ });
110
+
111
+
112
+ // 获取某个菜单项的值
113
+ GM_Menu.get("menu_key");
114
+ > true
115
+
116
+ // 获取某个菜单项的开启/关闭后显示的文本
117
+ GM_Menu.getShowTextValue("menu_key");
118
+ > √测试按钮
119
+
120
+ // 添加键为menu_key2的菜单项
121
+ GM_Menu.add({
122
+ key:"menu_key2",
123
+ text: "测试按钮2",
124
+ enable: false,
125
+ showText(text,enable){
126
+ return "[" + (enable ? "√" : "×") + "]" + text;
127
+ },
128
+ callback(data){
129
+ console.log("点击菜单,值修改为",data.enable);
130
+ }
131
+ });
132
+ // 使用数组的方式添加多个菜单,如menu_key3、menu_key4
133
+ GM_Menu.add([
134
+ {
135
+ key:"menu_key3",
136
+ text: "测试按钮3",
137
+ enable: false,
138
+ showText(text,enable){
139
+ return "[" + (enable ? "√" : "×") + "]" + text;
140
+ },
141
+ callback(data){
142
+ console.log("点击菜单,值修改为",data.enable);
143
+ }
144
+ },
145
+ {
146
+ key:"menu_key4",
147
+ text: "测试按钮4",
148
+ enable: false,
149
+ showText(text,enable){
150
+ return "[" + (enable ? "√" : "×") + "]" + text;
151
+ },
152
+ callback(data){
153
+ console.log("点击菜单,值修改为",data.enable);
154
+ }
155
+ }
156
+ ]);
157
+
158
+ // 更新键为menu_key的显示文字和点击回调
159
+ GM_Menu.update({
160
+ menu_key:{
161
+ text: "更新后的测试按钮",
162
+ enable: true,
163
+ showText(text,enable){
164
+ return "[" + (enable ? "√" : "×") + "]" + text;
165
+ },
166
+ callback(data){
167
+ console.log("点击菜单更新后的测试按钮,新值修改为",data.enable);
168
+ }
169
+ }
170
+ });
171
+
172
+ // 删除键为menu_key的菜单
173
+ GM_Menu.delete("menu_key");
174
+ ```
175
+
176
+ 等...API 请看文档