@whitesev/utils 2.7.8 → 2.8.1

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 (70) hide show
  1. package/README.md +176 -176
  2. package/dist/index.amd.js +896 -877
  3. package/dist/index.amd.js.map +1 -1
  4. package/dist/index.cjs.js +896 -877
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.esm.js +896 -877
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.iife.js +896 -877
  9. package/dist/index.iife.js.map +1 -1
  10. package/dist/index.system.js +896 -877
  11. package/dist/index.system.js.map +1 -1
  12. package/dist/index.umd.js +896 -877
  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/package.json +16 -7
  38. package/src/ColorConversion.ts +105 -106
  39. package/src/CommonUtil.ts +280 -279
  40. package/src/DOMUtils.ts +251 -272
  41. package/src/Dictionary.ts +153 -154
  42. package/src/GBKEncoder.ts +108 -112
  43. package/src/Hooks.ts +73 -81
  44. package/src/Httpx.ts +1457 -1466
  45. package/src/LockFunction.ts +62 -62
  46. package/src/Log.ts +258 -259
  47. package/src/ModuleRaid.js +1 -0
  48. package/src/Progress.ts +108 -114
  49. package/src/TryCatch.ts +86 -86
  50. package/src/Utils.ts +4772 -4825
  51. package/src/UtilsCommon.ts +14 -14
  52. package/src/UtilsGMCookie.ts +254 -261
  53. package/src/UtilsGMMenu.ts +445 -454
  54. package/src/Vue.ts +233 -229
  55. package/src/WindowApi.ts +59 -59
  56. package/src/ajaxHooker/ajaxHooker.js +1 -0
  57. package/src/indexedDB.ts +497 -502
  58. package/src/types/Event.d.ts +188 -188
  59. package/src/types/Httpx.d.ts +1344 -1343
  60. package/src/types/Log.d.ts +19 -19
  61. package/src/types/Progress.d.ts +20 -20
  62. package/src/types/React.d.ts +119 -119
  63. package/src/types/TryCatch.d.ts +9 -9
  64. package/src/types/UtilsGMCookie.d.ts +93 -93
  65. package/src/types/UtilsGMMenu.d.ts +77 -77
  66. package/src/types/Vue2.d.ts +166 -166
  67. package/src/types/WindowApi.d.ts +14 -14
  68. package/src/types/ajaxHooker.d.ts +151 -151
  69. package/src/types/env.d.ts +7 -2
  70. 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 请看文档