a2bei4-utils 1.0.0 → 1.0.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 (57) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +2 -2
  3. package/dist/a2bei4.utils.cjs.js +1051 -250
  4. package/dist/a2bei4.utils.cjs.js.map +1 -1
  5. package/dist/a2bei4.utils.cjs.min.js +1 -1
  6. package/dist/a2bei4.utils.cjs.min.js.map +1 -1
  7. package/dist/a2bei4.utils.esm.js +1047 -251
  8. package/dist/a2bei4.utils.esm.js.map +1 -1
  9. package/dist/a2bei4.utils.esm.min.js +1 -1
  10. package/dist/a2bei4.utils.esm.min.js.map +1 -1
  11. package/dist/a2bei4.utils.umd.js +1051 -250
  12. package/dist/a2bei4.utils.umd.js.map +1 -1
  13. package/dist/a2bei4.utils.umd.min.js +1 -1
  14. package/dist/a2bei4.utils.umd.min.js.map +1 -1
  15. package/dist/arr.cjs +27 -27
  16. package/dist/arr.cjs.map +1 -1
  17. package/dist/arr.js +27 -27
  18. package/dist/arr.js.map +1 -1
  19. package/dist/audio.cjs +281 -0
  20. package/dist/audio.cjs.map +1 -0
  21. package/dist/audio.js +278 -0
  22. package/dist/audio.js.map +1 -0
  23. package/dist/common.cjs +6 -6
  24. package/dist/common.cjs.map +1 -1
  25. package/dist/common.js +6 -6
  26. package/dist/common.js.map +1 -1
  27. package/dist/download.cjs +43 -0
  28. package/dist/download.cjs.map +1 -1
  29. package/dist/download.js +43 -1
  30. package/dist/download.js.map +1 -1
  31. package/dist/evt.cjs +148 -148
  32. package/dist/evt.cjs.map +1 -1
  33. package/dist/evt.js +148 -148
  34. package/dist/evt.js.map +1 -1
  35. package/dist/id.cjs +68 -68
  36. package/dist/id.cjs.map +1 -1
  37. package/dist/id.js +68 -68
  38. package/dist/id.js.map +1 -1
  39. package/dist/timer.cjs +0 -1
  40. package/dist/timer.cjs.map +1 -1
  41. package/dist/timer.js +0 -1
  42. package/dist/timer.js.map +1 -1
  43. package/dist/tree.cjs +75 -0
  44. package/dist/tree.cjs.map +1 -1
  45. package/dist/tree.js +75 -1
  46. package/dist/tree.js.map +1 -1
  47. package/dist/webSocket.cjs +409 -0
  48. package/dist/webSocket.cjs.map +1 -0
  49. package/dist/webSocket.js +407 -0
  50. package/dist/webSocket.js.map +1 -0
  51. package/package.json +11 -1
  52. package/readme.txt +8 -5
  53. package/types/audio.d.ts +57 -0
  54. package/types/download.d.ts +12 -1
  55. package/types/index.d.ts +207 -1
  56. package/types/tree.d.ts +17 -1
  57. package/types/webSocket.d.ts +124 -0
@@ -4,33 +4,309 @@
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.a2bei4Utils = {}));
5
5
  })(this, (function (exports) { 'use strict';
6
6
 
7
- /**
8
- * 使用 Fisher-Yates 算法对数组 **原地** 随机乱序。
9
- * @template T
10
- * @param {T[]} arr - 要乱序的数组
11
- * @returns {T[]} 返回传入的同一数组实例(已乱序)
12
- */
13
- function shuffle(arr) {
14
- // 方式一:
15
- // arr.sort(() => Math.random() - 0.5);
16
- // 方式二:
17
- for (let i = arr.length - 1; i > 0; i--) {
18
- const j = Math.floor(Math.random() * (i + 1));
19
- [arr[i], arr[j]] = [arr[j], arr[i]];
20
- }
21
- return arr;
22
- }
23
-
24
- /**
25
- * 将数组中的元素从 `fromIndex` 移动到 `toIndex`,**原地** 修改并返回该数组。
26
- * @template T
27
- * @param {T[]} arr - 要操作的数组
28
- * @param {number} fromIndex - 原始下标
29
- * @param {number} toIndex - 目标下标
30
- * @returns {T[]} 返回传入的同一数组实例
31
- */
32
- function moveItem(arr, fromIndex, toIndex) {
33
- arr.splice(toIndex, 0, arr.splice(fromIndex, 1)[0]);
7
+ /**
8
+ * 使用 Fisher-Yates 算法对数组 **原地** 随机乱序。
9
+ * @template T
10
+ * @param {T[]} arr - 要乱序的数组
11
+ * @returns {T[]} 返回传入的同一数组实例(已乱序)
12
+ */
13
+ function shuffle(arr) {
14
+ // 方式一:
15
+ // arr.sort(() => Math.random() - 0.5);
16
+ // 方式二:
17
+ for (let i = arr.length - 1; i > 0; i--) {
18
+ const j = Math.floor(Math.random() * (i + 1));
19
+ [arr[i], arr[j]] = [arr[j], arr[i]];
20
+ }
21
+ return arr;
22
+ }
23
+
24
+ /**
25
+ * 将数组中的元素从 `fromIndex` 移动到 `toIndex`,**原地** 修改并返回该数组。
26
+ * @template T
27
+ * @param {T[]} arr - 要操作的数组
28
+ * @param {number} fromIndex - 原始下标
29
+ * @param {number} toIndex - 目标下标
30
+ * @returns {T[]} 返回传入的同一数组实例
31
+ */
32
+ function moveItem(arr, fromIndex, toIndex) {
33
+ arr.splice(toIndex, 0, arr.splice(fromIndex, 1)[0]);
34
+ }
35
+
36
+ const AudioStreamResamplerProcessorCode = `
37
+ class AudioStreamResamplerProcessor extends AudioWorkletProcessor {
38
+ constructor(options) {
39
+ super();
40
+ const config = options.processorOptions || {};
41
+ this.targetSampleRate = config.targetSampleRate || 16000;
42
+ this.sourceSampleRate = sampleRate;
43
+ this.downsampleRatio = this.sourceSampleRate / this.targetSampleRate;
44
+
45
+ // 16000Hz 用 60ms chunk (960 samples),其他用 1024
46
+ this.chunkSize = this.targetSampleRate === 16000 ? 960 : 1024;
47
+
48
+ const sourceBufferSize = config.sourceBufferSize || 16384; // ~340ms @48kHz
49
+ const pcmBufferSize = config.pcmBufferSize || (this.chunkSize * 10); // 更大缓冲,减少溢出概率
50
+
51
+ this.sourceBuffer = new Float32Array(sourceBufferSize);
52
+ this.sourceBufferLength = 0;
53
+
54
+ this.pcmBuffer = new Int16Array(pcmBufferSize);
55
+ this.pcmBufferIndex = 0;
56
+ }
57
+
58
+ process(inputs, outputs, parameters) {
59
+ const input = inputs[0];
60
+ if (!input || input.length === 0 || input[0].length === 0) return true;
61
+ const inputChannel = input[0];
62
+
63
+ // 1. 写入源缓冲区(溢出时覆盖最旧数据)
64
+ const newLength = this.sourceBufferLength + inputChannel.length;
65
+ if (newLength > this.sourceBuffer.length) {
66
+ const overflow = newLength - this.sourceBuffer.length;
67
+ this.sourceBuffer.copyWithin(0, overflow);
68
+ this.sourceBufferLength = this.sourceBuffer.length - inputChannel.length;
69
+ }
70
+ this.sourceBuffer.set(inputChannel, this.sourceBufferLength);
71
+ this.sourceBufferLength += inputChannel.length;
72
+
73
+ // 2. 计算可降采样样本数
74
+ const availableOutputSamples = Math.floor(this.sourceBufferLength / this.downsampleRatio);
75
+ if (availableOutputSamples === 0) return true;
76
+
77
+ // 3. 线性插值降采样
78
+ const downsampled = new Float32Array(availableOutputSamples);
79
+ for (let i = 0; i < availableOutputSamples; i++) {
80
+ const srcIndex = i * this.downsampleRatio;
81
+ const srcIndexInt = Math.floor(srcIndex);
82
+ const fraction = srcIndex - srcIndexInt;
83
+ const val0 = this.sourceBuffer[srcIndexInt];
84
+ const val1 = srcIndexInt + 1 < this.sourceBufferLength ? this.sourceBuffer[srcIndexInt + 1] : val0;
85
+ downsampled[i] = val0 + (val1 - val0) * fraction;
86
+ }
87
+
88
+ // 4. Float32 → Int16 PCM
89
+ const pcmData = this.floatTo16BitPCM(downsampled);
90
+
91
+ // 5. 写入 PCM 缓冲区(空间不足时直接覆盖最旧,缓冲区足够大基本不会触发)
92
+ if (this.pcmBufferIndex + pcmData.length > this.pcmBuffer.length) {
93
+ // 简单策略:从头覆盖(丢弃最旧数据)
94
+ this.pcmBufferIndex = 0;
95
+ }
96
+ this.pcmBuffer.set(pcmData, this.pcmBufferIndex);
97
+ this.pcmBufferIndex += pcmData.length;
98
+
99
+ // 6. 发送所有完整的 chunk(关键:复制到新数组再转移)
100
+ while (this.pcmBufferIndex >= this.chunkSize) {
101
+ // 方法1:推荐,使用 slice(隐式复制到新 ArrayBuffer)
102
+ const chunk = this.pcmBuffer.slice(0, this.chunkSize);
103
+
104
+ // 方法2:等价写法
105
+ // const chunk = new Int16Array(this.pcmBuffer.subarray(0, this.chunkSize));
106
+
107
+ this.port.postMessage(chunk, [chunk.buffer]); // 转移新缓冲区,安全!
108
+
109
+ // 移动剩余数据到开头
110
+ this.pcmBuffer.copyWithin(0, this.chunkSize, this.pcmBufferIndex);
111
+ this.pcmBufferIndex -= this.chunkSize;
112
+ }
113
+
114
+ // 7. 清理已消费的源数据
115
+ const consumedSrc = Math.floor(availableOutputSamples * this.downsampleRatio + 0.5); // 四舍五入更准
116
+ if (consumedSrc > 0) {
117
+ this.sourceBuffer.copyWithin(0, consumedSrc, this.sourceBufferLength);
118
+ this.sourceBufferLength -= consumedSrc;
119
+ }
120
+
121
+ return true;
122
+ }
123
+
124
+ floatTo16BitPCM(input) {
125
+ const output = new Int16Array(input.length);
126
+ for (let i = 0; i < input.length; i++) {
127
+ const s = Math.max(-1, Math.min(1, input[i]));
128
+ output[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;
129
+ }
130
+ return output;
131
+ }
132
+ }
133
+
134
+ registerProcessor('audio-stream-resampler-processor', AudioStreamResamplerProcessor);
135
+ `;
136
+
137
+ /**
138
+ * 浏览器端实时音频流重采样器。
139
+ * 基于 AudioWorklet 将麦克风/媒体流转换为 16 kHz、16-bit、单声道 PCM,
140
+ * 并通过回调逐块输出,可选保存完整 PCM 用于后续合并。
141
+ */
142
+ class AudioStreamResampler {
143
+ /**
144
+ * @param {object} config
145
+ * @param {function(Int16Array)} config.onData - 收到一个 chunk PCM 数据的回调
146
+ * @param {function(string, string)} [config.onStateChange] - 状态变化回调
147
+ * @param {object} [config.processorOptions] - 传递给 AudioWorklet 的选项
148
+ * @param {boolean} [config.saveFullPcm=false] - 是否在内部保存所有 PCM 用于 stop 时合并(长时间录音建议关闭)
149
+ */
150
+ constructor(config) {
151
+ this.onData = config.onData || (() => {});
152
+ this.onStateChange = config.onStateChange || (() => {});
153
+ this.processorOptions = config.processorOptions || {};
154
+ this.saveFullPcm = config.saveFullPcm ?? false;
155
+
156
+ this.audioContext = null;
157
+ this.workletNode = null;
158
+ this.source = null;
159
+ this.workletUrl = null;
160
+ this.fullPcmData = this.saveFullPcm ? [] : null;
161
+
162
+ this.isInitialized = false;
163
+ this.isProcessing = false;
164
+ }
165
+
166
+ /**
167
+ * 初始化 AudioContext 并加载 AudioWorklet。
168
+ * 完成后状态变为 `"ready"`。
169
+ */
170
+ async init() {
171
+ this.onStateChange("initializing", "正在初始化音频环境...");
172
+ try {
173
+ this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
174
+
175
+ const blob = new Blob([AudioStreamResamplerProcessorCode], { type: "application/javascript" });
176
+ this.workletUrl = URL.createObjectURL(blob);
177
+ await this.audioContext.audioWorklet.addModule(this.workletUrl);
178
+
179
+ this.workletNode = new AudioWorkletNode(this.audioContext, "audio-stream-resampler-processor", {
180
+ processorOptions: this.processorOptions
181
+ });
182
+
183
+ this.workletNode.port.onmessage = (event) => {
184
+ const chunk = event.data; // Int16Array
185
+ this.onData(chunk);
186
+ if (this.saveFullPcm) {
187
+ this.fullPcmData.push(chunk);
188
+ }
189
+ };
190
+
191
+ this.isInitialized = true;
192
+ this.onStateChange("ready", "音频环境已就绪");
193
+ } catch (err) {
194
+ console.error("AudioStreamResampler init error:", err);
195
+ this.onStateChange("error", `初始化失败: ${err.message}`);
196
+ }
197
+ }
198
+
199
+ /**
200
+ * 绑定媒体流,开始实时处理。
201
+ * @param {MediaStream} stream - 通过 getUserMedia 或其他方式获得的流
202
+ */
203
+ setMediaStream(stream) {
204
+ if (!this.isInitialized) {
205
+ console.error("请先调用 init()");
206
+ return;
207
+ }
208
+
209
+ if (this.source) {
210
+ this.source.disconnect();
211
+ }
212
+
213
+ this.source = this.audioContext.createMediaStreamSource(stream);
214
+ this.source.connect(this.workletNode);
215
+ // workletNode 默认连接到 destination,可选断开以静音
216
+ // this.workletNode.connect(this.audioContext.destination);
217
+
218
+ this.isProcessing = true;
219
+ this.onStateChange("processing", "正在处理音频流...");
220
+ }
221
+
222
+ /**
223
+ * 停止处理并释放资源。
224
+ * @param {(fullPcm: Int16Array) => void} [callback] - 若构造时 `saveFullPcm=true`,会把合并后的完整 PCM 通过此回调传出
225
+ */
226
+ stop(callback) {
227
+ if (!this.isProcessing) return;
228
+
229
+ this.onStateChange("stopping", "正在停止...");
230
+
231
+ if (this.source) {
232
+ this.source.disconnect();
233
+ this.source = null;
234
+ }
235
+
236
+ this._cleanup();
237
+
238
+ this.onStateChange("stopped", "已停止");
239
+
240
+ if (this.saveFullPcm && callback && typeof callback === "function") {
241
+ const totalLength = this.fullPcmData.reduce((sum, chunk) => sum + chunk.length, 0);
242
+ const combined = new Int16Array(totalLength);
243
+ let offset = 0;
244
+ for (const chunk of this.fullPcmData) {
245
+ combined.set(chunk, offset);
246
+ offset += chunk.length;
247
+ }
248
+ callback(combined);
249
+ }
250
+ }
251
+
252
+ _cleanup() {
253
+ if (this.workletNode) {
254
+ this.workletNode.disconnect();
255
+ this.workletNode.port.close();
256
+ this.workletNode = null;
257
+ }
258
+ if (this.audioContext && this.audioContext.state !== "closed") {
259
+ this.audioContext.close();
260
+ this.audioContext = null;
261
+ }
262
+ if (this.workletUrl) {
263
+ URL.revokeObjectURL(this.workletUrl);
264
+ this.workletUrl = null;
265
+ }
266
+
267
+ this.isProcessing = false;
268
+ this.isInitialized = false;
269
+ if (this.fullPcmData) {
270
+ this.fullPcmData.length = 0;
271
+ }
272
+ }
273
+ }
274
+
275
+ /**
276
+ * 将 16-bit 单声道 PCM 数据封装成标准 WAV Blob。
277
+ *
278
+ * @param {Int16Array} pcmData - PCM 采样数据
279
+ * @param {number} [sampleRate=16000] - 采样率,默认 16 kHz
280
+ * @returns {Blob} audio/wav Blob
281
+ */
282
+ function pcmToWavBlob(pcmData, sampleRate = 16000) {
283
+ const length = pcmData.length;
284
+ const buffer = new ArrayBuffer(44 + length * 2);
285
+ const view = new DataView(buffer);
286
+ const writeString = (offset, string) => {
287
+ for (let i = 0; i < string.length; i++) {
288
+ view.setUint8(offset + i, string.charCodeAt(i));
289
+ }
290
+ };
291
+ writeString(0, "RIFF");
292
+ view.setUint32(4, 36 + length * 2, true);
293
+ writeString(8, "WAVE");
294
+ writeString(12, "fmt ");
295
+ view.setUint32(16, 16, true);
296
+ view.setUint16(20, 1, true);
297
+ view.setUint16(22, 1, true);
298
+ view.setUint32(24, sampleRate, true);
299
+ view.setUint32(28, sampleRate * 2, true);
300
+ view.setUint16(32, 2, true);
301
+ view.setUint16(34, 16, true);
302
+ writeString(36, "data");
303
+ view.setUint32(40, length * 2, true);
304
+ let offset = 44;
305
+ for (let i = 0; i < length; i++) {
306
+ view.setInt16(offset, pcmData[i], true);
307
+ offset += 2;
308
+ }
309
+ return new Blob([buffer], { type: "audio/wav" });
34
310
  }
35
311
 
36
312
  /**
@@ -91,7 +367,7 @@
91
367
 
92
368
  /**
93
369
  * 返回任意值的运行时类型字符串(小写形式)。
94
- *
370
+ *
95
371
  * @param {*} obj 待检测的值
96
372
  * @returns {keyof globalThis|"blob"|"file"|"formdata"|string} 小写类型名
97
373
  */
@@ -104,7 +380,7 @@
104
380
 
105
381
  /**
106
382
  * 判断值是否为原生 Blob(含 File)。
107
- *
383
+ *
108
384
  * @param {*} obj - 待检测的值
109
385
  * @returns {obj is Blob}
110
386
  */
@@ -114,7 +390,7 @@
114
390
 
115
391
  /**
116
392
  * 判断值是否为**纯粹**的 Object(即 `{}` 或 `new Object()`,不含数组、null、自定义类等)。
117
- *
393
+ *
118
394
  * @param {*} obj - 待检测的值
119
395
  * @returns {obj is Record<PropertyKey, any>}
120
396
  */
@@ -124,7 +400,7 @@
124
400
 
125
401
  /**
126
402
  * 判断值是否为 Promise(含 Promise 子类)。
127
- *
403
+ *
128
404
  * @param {*} obj - 待检测的值
129
405
  * @returns {obj is Promise<any>}
130
406
  */
@@ -144,7 +420,7 @@
144
420
 
145
421
  /**
146
422
  * 判断值是否为函数(含异步函数、生成器函数、类)。
147
- *
423
+ *
148
424
  * @param {*} obj - 待检测的值
149
425
  * @returns {obj is Function}
150
426
  */
@@ -154,7 +430,7 @@
154
430
 
155
431
  /**
156
432
  * 判断值是否为**非空**字符串。
157
- *
433
+ *
158
434
  * @param {*} obj - 待检测的值
159
435
  * @returns {obj is string}
160
436
  */
@@ -646,6 +922,7 @@
646
922
 
647
923
  /**
648
924
  * 通过动态创建 `<a>` 标签触发浏览器下载。
925
+ * 注意:此方法可能无法强制下载浏览器原生支持的文件(如图片、PDF),浏览器可能会选择直接打开。
649
926
  *
650
927
  * @param {string} url - 任意可下载地址(同源或允许跨域)
651
928
  * @param {string} [fileName] - 保存到本地的文件名;不传时使用时间戳
@@ -706,224 +983,265 @@
706
983
  downloadByData(data, fileName, "application/json");
707
984
  }
708
985
 
709
- /**
710
- * 简单、高性能的通用事件总线。
711
- * - 支持命名空间事件
712
- * - 支持一次性监听器
713
- * - 返回唯一 flag,用于精确卸载
714
- * - emit 时可选自定义 this 指向
715
- */
716
- class MyEvent {
717
- constructor() {
718
- this.evtPool = new Map();
719
- }
720
-
721
- /**
722
- * 注册事件监听器。
723
- * @param {string} name - 事件名
724
- * @param {Function} fn - 回调函数
725
- * @returns {string} flag - 唯一标识,用于 off
726
- */
727
- on(name, fn) {
728
- let flag = Date.now() + "_" + parseInt(Math.random() * 1e8);
729
- const evtItem = {
730
- flag,
731
- fn
732
- };
733
- if (this.evtPool.has(name)) {
734
- this.evtPool.get(name).push(evtItem);
735
- } else {
736
- this.evtPool.set(name, [evtItem]);
737
- }
738
- return flag;
739
- }
740
-
741
- /**
742
- * 注册一次性监听器,触发后自动移除。
743
- * @param {string} name - 事件名
744
- * @param {Function} fn - 回调函数
745
- * @returns {string} flag - 唯一标识
746
- */
747
- once(name, fn) {
748
- const _this = this;
749
- let wrapper;
750
- wrapper = function (data) {
751
- _this.off(name, wrapper);
752
- fn.call(this, data);
753
- };
754
- return this.on(name, wrapper);
755
- }
756
-
757
- /**
758
- * 移除指定事件监听器。
759
- * @param {string} name - 事件名
760
- * @param {Function|string} fnOrFlag - 回调函数或 flag
761
- */
762
- off(name, fnOrFlag) {
763
- if (!this.evtPool.has(name)) return;
764
- const evtItems = this.evtPool.get(name);
765
- const filtered = evtItems.filter((item) => item.fn !== fnOrFlag && item.flag !== fnOrFlag);
766
- if (filtered.length === 0) {
767
- this.evtPool.delete(name);
768
- } else {
769
- this.evtPool.set(name, filtered);
770
- }
771
- }
772
-
773
- /**
774
- * 触发事件(同步执行)。
775
- * @param {string} name - 事件名
776
- * @param {*} [data] - 任意载荷
777
- * @param {*} [fnThis] - 回调内部 this 指向,默认 undefined
778
- */
779
- emit(name, data, fnThis) {
780
- if (!this.evtPool.has(name)) return;
781
- const evtItems = this.evtPool.get(name);
782
- evtItems.forEach((item) => {
783
- try {
784
- item.fn.call(fnThis, data);
785
- } catch (err) {
786
- console.error(`Error in event listener for "${name}":`, err);
787
- }
788
- });
789
- }
790
- }
791
-
792
- /**
793
- * 跨页通信插件:通过 localStorage + storage 事件将当前实例的 emit 广播到其他同源页面。
794
- * 支持节流、命名空间隔离。
795
- */
796
- const MyEvent_CrossPagePlugin = (() => {
797
- const INSTALLED = new WeakSet(); // 防止重复安装
798
-
799
- return {
800
- /**
801
- * 为指定 MyEvent 实例安装跨页插件。
802
- * @param {MyEvent} bus - 事件总线实例
803
- * @param {Options} [opts] - 配置项
804
- */
805
- install(bus, opts = {}) {
806
- if (INSTALLED.has(bus)) return;
807
- INSTALLED.add(bus);
808
-
809
- const ns = `___my-event-cross-page-${opts.namespace || "default"}___`;
810
- const delay = opts.throttle || 16;
811
- let last = 0;
812
-
813
- // 1、重写 emit
814
- const rawEmit = bus.emit;
815
- bus.emit = function (name, data, fnThis) {
816
- rawEmit.call(bus, name, data, fnThis); // 本地先执行
817
- const now = Date.now();
818
- if (now - last < delay) return;
819
- last = now;
820
- const key = ns + name;
821
- try {
822
- localStorage.setItem(key, JSON.stringify({ name, data, ts: now }));
823
- localStorage.removeItem(key); // 触发 storage 事件
824
- } catch (e) {}
825
- };
826
-
827
- // 2、监听其他页广播
828
- function onStorageHandler(e) {
829
- if (!e.key || !e.key.startsWith(ns)) return;
830
- let payload;
831
- try {
832
- payload = JSON.parse(e.newValue || "{}");
833
- } catch {
834
- return;
835
- }
836
- if (!payload.ts || payload.ts <= last) return;
837
- rawEmit.call(bus, e.key.slice(ns.length), payload.data); // 仅本地
838
- }
839
- addEventListener("storage", onStorageHandler);
840
-
841
- // 3、保存卸载器
842
- bus._uninstallCrossPage = () => {
843
- removeEventListener("storage", onStorageHandler);
844
- bus.emit = rawEmit;
845
- INSTALLED.delete(bus);
846
- };
847
- },
848
-
849
- /**
850
- * 卸载插件,恢复原始 emit 并停止监听。
851
- * @param {MyEvent} bus - 事件总线实例
852
- */
853
- uninstall(bus) {
854
- if (typeof bus._uninstallCrossPage === "function") bus._uninstallCrossPage();
855
- }
856
- };
986
+ /**
987
+ * 通过 `fetch` 获取资源并强制下载,避免浏览器直接打开文件。
988
+ * 此方法适用于下载图片、PDF 等浏览器默认会打开的文件类型。
989
+ * 如果 `fetch` 失败(如 CORS 策略阻止),会回退到 `downloadByUrl` 方法作为备选方案。
990
+ *
991
+ * @param {string} url - 文件的 URL 地址
992
+ * @param {string} [fileName] - 保存到本地的文件名。如果不提供,会尝试从 URL 中自动提取
993
+ * @returns {Promise<void>} 返回一个 Promise,在下载开始或失败后 resolve
994
+ */
995
+ async function fetchOrDownloadByUrl(url, fileName) {
996
+ // 如果未提供文件名,尝试从 URL 路径中提取
997
+ if (!fileName) {
998
+ try {
999
+ const urlPathname = new URL(url).pathname;
1000
+ // 获取路径的最后一部分作为文件名,并移除可能的查询参数
1001
+ fileName = urlPathname.substring(urlPathname.lastIndexOf("/") + 1).split("?")[0];
1002
+ } catch (e) {}
1003
+ // 如果提取后文件名为空(例如 URL 以 '/' 结尾),也使用时间戳
1004
+ if (!fileName) {
1005
+ fileName = Date.now().toString();
1006
+ }
1007
+ }
1008
+
1009
+ try {
1010
+ const response = await fetch(url, {
1011
+ method: "GET",
1012
+ mode: "cors",
1013
+ cache: "no-cache"
1014
+ });
1015
+
1016
+ if (!response.ok) {
1017
+ throw new Error(`HTTP error! ${response.status}: ${response.statusText}`);
1018
+ }
1019
+
1020
+ const blob = await response.blob();
1021
+ downloadByBlob(blob, fileName);
1022
+ } catch (error) {
1023
+ downloadByUrl(url, fileName);
1024
+ }
1025
+ }
1026
+
1027
+ /**
1028
+ * 简单、高性能的通用事件总线。
1029
+ * - 支持命名空间事件
1030
+ * - 支持一次性监听器
1031
+ * - 返回唯一 flag,用于精确卸载
1032
+ * - emit 时可选自定义 this 指向
1033
+ */
1034
+ class MyEvent {
1035
+ constructor() {
1036
+ this.evtPool = new Map();
1037
+ }
1038
+
1039
+ /**
1040
+ * 注册事件监听器。
1041
+ * @param {string} name - 事件名
1042
+ * @param {Function} fn - 回调函数
1043
+ * @returns {string} flag - 唯一标识,用于 off
1044
+ */
1045
+ on(name, fn) {
1046
+ let flag = Date.now() + "_" + parseInt(Math.random() * 1e8);
1047
+ const evtItem = {
1048
+ flag,
1049
+ fn
1050
+ };
1051
+ if (this.evtPool.has(name)) {
1052
+ this.evtPool.get(name).push(evtItem);
1053
+ } else {
1054
+ this.evtPool.set(name, [evtItem]);
1055
+ }
1056
+ return flag;
1057
+ }
1058
+
1059
+ /**
1060
+ * 注册一次性监听器,触发后自动移除。
1061
+ * @param {string} name - 事件名
1062
+ * @param {Function} fn - 回调函数
1063
+ * @returns {string} flag - 唯一标识
1064
+ */
1065
+ once(name, fn) {
1066
+ const _this = this;
1067
+ let wrapper;
1068
+ wrapper = function (data) {
1069
+ _this.off(name, wrapper);
1070
+ fn.call(this, data);
1071
+ };
1072
+ return this.on(name, wrapper);
1073
+ }
1074
+
1075
+ /**
1076
+ * 移除指定事件监听器。
1077
+ * @param {string} name - 事件名
1078
+ * @param {Function|string} fnOrFlag - 回调函数或 flag
1079
+ */
1080
+ off(name, fnOrFlag) {
1081
+ if (!this.evtPool.has(name)) return;
1082
+ const evtItems = this.evtPool.get(name);
1083
+ const filtered = evtItems.filter((item) => item.fn !== fnOrFlag && item.flag !== fnOrFlag);
1084
+ if (filtered.length === 0) {
1085
+ this.evtPool.delete(name);
1086
+ } else {
1087
+ this.evtPool.set(name, filtered);
1088
+ }
1089
+ }
1090
+
1091
+ /**
1092
+ * 触发事件(同步执行)。
1093
+ * @param {string} name - 事件名
1094
+ * @param {*} [data] - 任意载荷
1095
+ * @param {*} [fnThis] - 回调内部 this 指向,默认 undefined
1096
+ */
1097
+ emit(name, data, fnThis) {
1098
+ if (!this.evtPool.has(name)) return;
1099
+ const evtItems = this.evtPool.get(name);
1100
+ evtItems.forEach((item) => {
1101
+ try {
1102
+ item.fn.call(fnThis, data);
1103
+ } catch (err) {
1104
+ console.error(`Error in event listener for "${name}":`, err);
1105
+ }
1106
+ });
1107
+ }
1108
+ }
1109
+
1110
+ /**
1111
+ * 跨页通信插件:通过 localStorage + storage 事件将当前实例的 emit 广播到其他同源页面。
1112
+ * 支持节流、命名空间隔离。
1113
+ */
1114
+ const MyEvent_CrossPagePlugin = (() => {
1115
+ const INSTALLED = new WeakSet(); // 防止重复安装
1116
+
1117
+ return {
1118
+ /**
1119
+ * 为指定 MyEvent 实例安装跨页插件。
1120
+ * @param {MyEvent} bus - 事件总线实例
1121
+ * @param {Options} [opts] - 配置项
1122
+ */
1123
+ install(bus, opts = {}) {
1124
+ if (INSTALLED.has(bus)) return;
1125
+ INSTALLED.add(bus);
1126
+
1127
+ const ns = `___my-event-cross-page-${opts.namespace || "default"}___`;
1128
+ const delay = opts.throttle || 16;
1129
+ let last = 0;
1130
+
1131
+ // 1、重写 emit
1132
+ const rawEmit = bus.emit;
1133
+ bus.emit = function (name, data, fnThis) {
1134
+ rawEmit.call(bus, name, data, fnThis); // 本地先执行
1135
+ const now = Date.now();
1136
+ if (now - last < delay) return;
1137
+ last = now;
1138
+ const key = ns + name;
1139
+ try {
1140
+ localStorage.setItem(key, JSON.stringify({ name, data, ts: now }));
1141
+ localStorage.removeItem(key); // 触发 storage 事件
1142
+ } catch (e) {}
1143
+ };
1144
+
1145
+ // 2、监听其他页广播
1146
+ function onStorageHandler(e) {
1147
+ if (!e.key || !e.key.startsWith(ns)) return;
1148
+ let payload;
1149
+ try {
1150
+ payload = JSON.parse(e.newValue || "{}");
1151
+ } catch {
1152
+ return;
1153
+ }
1154
+ if (!payload.ts || payload.ts <= last) return;
1155
+ rawEmit.call(bus, e.key.slice(ns.length), payload.data); // 仅本地
1156
+ }
1157
+ addEventListener("storage", onStorageHandler);
1158
+
1159
+ // 3、保存卸载器
1160
+ bus._uninstallCrossPage = () => {
1161
+ removeEventListener("storage", onStorageHandler);
1162
+ bus.emit = rawEmit;
1163
+ INSTALLED.delete(bus);
1164
+ };
1165
+ },
1166
+
1167
+ /**
1168
+ * 卸载插件,恢复原始 emit 并停止监听。
1169
+ * @param {MyEvent} bus - 事件总线实例
1170
+ */
1171
+ uninstall(bus) {
1172
+ if (typeof bus._uninstallCrossPage === "function") bus._uninstallCrossPage();
1173
+ }
1174
+ };
857
1175
  })();
858
1176
 
859
- /**
860
- * 生成 RFC4122 版本 4 的 GUID/UUID。
861
- * 收集来源:《基于mvc的javascript web富应用开发》 书中介绍是Robert Kieffer写的,还留了网址 http://goo.gl/0b0hu ,但实际访问不了。
862
- * 格式:`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`
863
- *
864
- * @returns {string} 36 位大写 GUID
865
- *
866
- * @example
867
- * // A2E0F340-6C3B-4D7F-B8C1-1E4F6A8B9C0D
868
- * console.log(getGUID())
869
- */
870
- function getGUID() {
871
- return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
872
- let r = (Math.random() * 16) | 0,
873
- v = c == "x" ? r : (r & 0x3) | 0x8;
874
- return v.toString(16).toUpperCase();
875
- });
876
- }
877
-
878
- /**
879
- * 分布式短 ID 生成器。
880
- * 格式:`${timestamp}${flag}${serial}`,其中:
881
- * - timestamp:毫秒级时间戳
882
- * - flag:客户端标识串(自定义)
883
- * - serial:同一毫秒内的序号,左补零到固定长度
884
- */
885
- class MyId {
886
- #ts = Date.now(); // 时间戳
887
- #sn = 0; // 序号(保证同一客户端之间的唯一项)
888
- #flag = ""; // 客户端标识(保证不同客户端之间的唯一项)
889
- #len = 5; // 序号位长度(我的电脑测试,同一时间戳内可以for循环执行了1000次左右,没有一次超过3k,所以5位应该够用了)
890
- // 测试代码
891
- // let obj = {[Date.now()]:[]}; try { for (let i = 0; i < 100000; i++) { obj[Date.now()].push(i); } } catch { console.log(obj[Object.getOwnPropertyNames(obj)[0]].length); }
892
-
893
- /**
894
- * @param {object} [option]
895
- * @param {string} [option.flag] - 客户端标识,默认空串
896
- * @param {number} [option.len=5] - 序号位长度(位数),安全范围 ≥0
897
- */
898
- constructor(option = {}) {
899
- if (option) {
900
- if (typeof option.flag === "string") {
901
- this.#flag = option.flag;
902
- }
903
- if (Number.isSafeInteger(option.len) && len >= 0) {
904
- this.#len = option.len;
905
- }
906
- }
907
- }
908
-
909
- /**
910
- * 生成下一个全局唯一字符串 ID。
911
- * 同一毫秒序号自动递增;序号溢出时会在控制台警告。
912
- * @returns {string}
913
- */
914
- nextId() {
915
- let ts = Date.now();
916
- if (ts === this.#ts) {
917
- this.#sn++;
918
- if (this.#sn >= 10 ** this.#len) {
919
- console.log("长度不够用了!!!");
920
- }
921
- } else {
922
- this.#sn = 0;
923
- this.#ts = ts;
924
- }
925
- return ts.toString() + this.#flag + this.#sn.toString().padStart(this.#len, "0");
926
- }
1177
+ /**
1178
+ * 生成 RFC4122 版本 4 的 GUID/UUID。
1179
+ * 收集来源:《基于mvc的javascript web富应用开发》 书中介绍是Robert Kieffer写的,还留了网址 http://goo.gl/0b0hu ,但实际访问不了。
1180
+ * 格式:`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`
1181
+ *
1182
+ * @returns {string} 36 位大写 GUID
1183
+ *
1184
+ * @example
1185
+ * // A2E0F340-6C3B-4D7F-B8C1-1E4F6A8B9C0D
1186
+ * console.log(getGUID())
1187
+ */
1188
+ function getGUID() {
1189
+ return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
1190
+ let r = (Math.random() * 16) | 0,
1191
+ v = c == "x" ? r : (r & 0x3) | 0x8;
1192
+ return v.toString(16).toUpperCase();
1193
+ });
1194
+ }
1195
+
1196
+ /**
1197
+ * 分布式短 ID 生成器。
1198
+ * 格式:`${timestamp}${flag}${serial}`,其中:
1199
+ * - timestamp:毫秒级时间戳
1200
+ * - flag:客户端标识串(自定义)
1201
+ * - serial:同一毫秒内的序号,左补零到固定长度
1202
+ */
1203
+ class MyId {
1204
+ #ts = Date.now(); // 时间戳
1205
+ #sn = 0; // 序号(保证同一客户端之间的唯一项)
1206
+ #flag = ""; // 客户端标识(保证不同客户端之间的唯一项)
1207
+ #len = 5; // 序号位长度(我的电脑测试,同一时间戳内可以for循环执行了1000次左右,没有一次超过3k,所以5位应该够用了)
1208
+ // 测试代码
1209
+ // let obj = {[Date.now()]:[]}; try { for (let i = 0; i < 100000; i++) { obj[Date.now()].push(i); } } catch { console.log(obj[Object.getOwnPropertyNames(obj)[0]].length); }
1210
+
1211
+ /**
1212
+ * @param {object} [option]
1213
+ * @param {string} [option.flag] - 客户端标识,默认空串
1214
+ * @param {number} [option.len=5] - 序号位长度(位数),安全范围 ≥0
1215
+ */
1216
+ constructor(option = {}) {
1217
+ if (option) {
1218
+ if (typeof option.flag === "string") {
1219
+ this.#flag = option.flag;
1220
+ }
1221
+ if (Number.isSafeInteger(option.len) && len >= 0) {
1222
+ this.#len = option.len;
1223
+ }
1224
+ }
1225
+ }
1226
+
1227
+ /**
1228
+ * 生成下一个全局唯一字符串 ID。
1229
+ * 同一毫秒序号自动递增;序号溢出时会在控制台警告。
1230
+ * @returns {string}
1231
+ */
1232
+ nextId() {
1233
+ let ts = Date.now();
1234
+ if (ts === this.#ts) {
1235
+ this.#sn++;
1236
+ if (this.#sn >= 10 ** this.#len) {
1237
+ console.log("长度不够用了!!!");
1238
+ }
1239
+ } else {
1240
+ this.#sn = 0;
1241
+ this.#ts = ts;
1242
+ }
1243
+ return ts.toString() + this.#flag + this.#sn.toString().padStart(this.#len, "0");
1244
+ }
927
1245
  }
928
1246
 
929
1247
  /**
@@ -931,7 +1249,6 @@
931
1249
  * 每次任务执行完成后才计算下一次间隔,避免任务堆积。
932
1250
  */
933
1251
  class IntervalTimer {
934
-
935
1252
  /**
936
1253
  * 创建定时器实例。
937
1254
  * @param {() => void} fn - 每次间隔要执行的业务函数
@@ -1072,10 +1389,491 @@
1072
1389
  }
1073
1390
  };
1074
1391
 
1392
+ /**
1393
+ * 从服务端返回的已选 id 数组里,提取出
1394
+ * 1. 叶子节点
1395
+ * 2. 所有子节点都被选中的父节点
1396
+ * 其余父节点一律丢弃(由前端 Tree 自动算半选)
1397
+ *
1398
+ * @param {Array} treeData 完整树
1399
+ * @param {Array} selectedKeys 后端给的选中 id 数组
1400
+ * @param {String} idKey 节点唯一字段
1401
+ * @param {String} childrenKey 子节点字段
1402
+ * @returns {{checked: string[], halfChecked: string[]}}
1403
+ */
1404
+ function extractFullyCheckedKeys(treeData, selectedKeys, idKey = "id", childrenKey = "children") {
1405
+ const selectedSet = new Set(selectedKeys);
1406
+ const checked = new Set();
1407
+ const halfChecked = new Set();
1408
+
1409
+ /* 返回值含义
1410
+ 0 - 未选中
1411
+ 1 - 半选
1412
+ 2 - 全选
1413
+ */
1414
+ function dfs(node) {
1415
+ const nodeId = node[idKey];
1416
+ const children = node[childrenKey] || [];
1417
+
1418
+ // 叶子
1419
+ if (!children.length) {
1420
+ if (selectedSet.has(nodeId)) {
1421
+ checked.add(nodeId);
1422
+ return 2;
1423
+ }
1424
+ return 0;
1425
+ }
1426
+
1427
+ // 非叶子
1428
+ let allChecked = true;
1429
+ let someChecked = false;
1430
+
1431
+ children.forEach((child) => {
1432
+ const childState = dfs(child);
1433
+ if (childState !== 2) allChecked = false;
1434
+ if (childState >= 1) someChecked = true;
1435
+ });
1436
+
1437
+ // 当前节点本身在 selectedKeys 里,但子节点未全选 → 只能算半选
1438
+ if (selectedSet.has(nodeId)) {
1439
+ if (allChecked) {
1440
+ checked.add(nodeId);
1441
+ return 2;
1442
+ }
1443
+ halfChecked.add(nodeId);
1444
+ return 1;
1445
+ }
1446
+
1447
+ // 当前节点不在 selectedKeys 里,看子节点
1448
+ if (allChecked) {
1449
+ checked.add(nodeId);
1450
+ return 2;
1451
+ }
1452
+ if (someChecked) {
1453
+ halfChecked.add(nodeId);
1454
+ return 1;
1455
+ }
1456
+ return 0;
1457
+ }
1458
+
1459
+ treeData.forEach(dfs);
1460
+ return {
1461
+ checked: [...checked],
1462
+ halfChecked: [...halfChecked]
1463
+ };
1464
+ }
1465
+
1466
+ /**
1467
+ * @class WebSocketManager - 一个功能强大、高度可定制的 WebSocket 助手类
1468
+ *
1469
+ * @features
1470
+ * - 智能断线重连 (指数退避算法)
1471
+ * - 网络状态监听
1472
+ * - 高度可定制的心跳保活机制 (通过注入函数实现)
1473
+ * - 页面可见性 API 集成
1474
+ * - 消息发送队列
1475
+ * - 事件驱动的消息分发
1476
+ * - 清晰的生命周期管理
1477
+ * - 优雅的资源销毁
1478
+ * - 可配置的数据序列化/反序列化
1479
+ */
1480
+ class WebSocketManager {
1481
+ /**
1482
+ * @param {string} url - WebSocket 服务器的地址
1483
+ * @param {object} [options={}] - 配置选项
1484
+ * @param {number} [options.heartbeatInterval=30000] - 心跳间隔 (毫秒)
1485
+ * @param {number} [options.heartbeatTimeout=10000] - 心跳超时时间 (毫秒)
1486
+ * @param {number} [options.reconnectBaseInterval=1000] - 重连基础间隔 (毫秒)
1487
+ * @param {number} [options.maxReconnectInterval=30000] - 最大重连间隔 (毫秒)
1488
+ * @param {number} [options.maxReconnectAttempts=Infinity] - 最大重连次数
1489
+ * @param {boolean} [options.autoConnect=true] - 是否在实例化后自动连接
1490
+ * @param {boolean} [options.serializeData=false] - 发送数据时是否自动序列化为JSON字符串
1491
+ * @param {boolean} [options.deserializeData=false] - 接收数据时是否自动反序列化为JSON对象
1492
+ * @param {function|null} [options.getPingMessage=null] - 返回要发送的 ping 消息内容的函数。如果为 null,则不发送心跳。
1493
+ * @param {function|null} [options.isPongMessage=null] - 判断接收到的消息是否为 pong 的函数。接收 MessageEvent 对象作为参数,返回布尔值。
1494
+ * @param {object} [options.protocols] - WebSocket 协议
1495
+ */
1496
+ constructor(url, options = {}) {
1497
+ this.url = url;
1498
+
1499
+ // 默认的心跳实现,用于向后兼容
1500
+ const defaultGetPingMessage = () => JSON.stringify({ type: "ping" });
1501
+ const defaultIsPongMessage = (event) => {
1502
+ try {
1503
+ const message = JSON.parse(event.data);
1504
+ return message.type === "pong";
1505
+ } catch (e) {
1506
+ return false;
1507
+ }
1508
+ };
1509
+
1510
+ this.options = {
1511
+ heartbeatInterval: 30000,
1512
+ heartbeatTimeout: 10000,
1513
+ reconnectBaseInterval: 1000,
1514
+ maxReconnectInterval: 30000,
1515
+ maxReconnectAttempts: Infinity,
1516
+ autoConnect: true,
1517
+ serializeData: false,
1518
+ deserializeData: false,
1519
+ getPingMessage: defaultGetPingMessage, // 默认提供 ping 消息生成器
1520
+ isPongMessage: defaultIsPongMessage, // 默认提供 pong 消息判断器
1521
+ ...options
1522
+ };
1523
+
1524
+ // WebSocket 实例
1525
+ this.ws = null;
1526
+
1527
+ // 状态管理
1528
+ this.readyState = WebSocket.CLOSED;
1529
+ this.reconnectAttempts = 0;
1530
+ this.forcedClose = false;
1531
+ this.isReconnecting = false;
1532
+
1533
+ // 定时器
1534
+ this.heartbeatTimer = null;
1535
+ this.heartbeatTimeoutTimer = null;
1536
+ this.reconnectTimer = null;
1537
+
1538
+ // 消息队列
1539
+ this.messageQueue = [];
1540
+
1541
+ // 事件监听器
1542
+ this.listeners = new Map();
1543
+
1544
+ // 绑定方法上下文
1545
+ this._onOpen = this._onOpen.bind(this);
1546
+ this._onMessage = this._onMessage.bind(this);
1547
+ this._onClose = this._onClose.bind(this);
1548
+ this._onError = this._onError.bind(this);
1549
+ this._handleVisibilityChange = this._handleVisibilityChange.bind(this);
1550
+ this._handleOnline = this._handleOnline.bind(this);
1551
+ this._handleOffline = this._handleOffline.bind(this);
1552
+
1553
+ this._setupEventListeners();
1554
+
1555
+ if (this.options.autoConnect) {
1556
+ this.connect();
1557
+ }
1558
+ }
1559
+
1560
+ // --- 公共 API ---
1561
+
1562
+ /**
1563
+ * 连接到 WebSocket 服务器
1564
+ */
1565
+ connect() {
1566
+ if (this.ws && (this.ws.readyState === WebSocket.CONNECTING || this.ws.readyState === WebSocket.OPEN)) {
1567
+ return;
1568
+ }
1569
+
1570
+ this.forcedClose = false;
1571
+ this._updateReadyState(WebSocket.CONNECTING);
1572
+ console.log(`[WS] 正在连接到 ${this.url}...`);
1573
+ this._emit("connecting");
1574
+
1575
+ try {
1576
+ this.ws = new WebSocket(this.url, this.options.protocols);
1577
+ this.ws.onopen = this._onOpen;
1578
+ this.ws.onmessage = this._onMessage;
1579
+ this.ws.onclose = this._onClose;
1580
+ this.ws.onerror = this._onError;
1581
+ } catch (error) {
1582
+ console.error("[WS] 连接失败:", error);
1583
+ this._onError(error);
1584
+ }
1585
+ }
1586
+
1587
+ /**
1588
+ * 发送数据
1589
+ * @param {string|object|ArrayBuffer|Blob} data - 要发送的数据
1590
+ */
1591
+ send(data) {
1592
+ if (this.readyState === WebSocket.OPEN) {
1593
+ let message;
1594
+ // 根据配置决定是否序列化数据
1595
+ if (this.options.serializeData) {
1596
+ message = JSON.stringify(data);
1597
+ } else {
1598
+ message = data;
1599
+ }
1600
+ this.ws.send(message);
1601
+ console.log("[WS] 消息已发送:", message);
1602
+ } else {
1603
+ console.warn("[WS] 连接未打开,消息已加入队列:", data);
1604
+ this.messageQueue.push(data);
1605
+ }
1606
+ }
1607
+
1608
+ /**
1609
+ * 主动关闭连接
1610
+ * @param {number} [code=1000] - 关闭代码
1611
+ * @param {string} [reason=''] - 关闭原因
1612
+ */
1613
+ close(code = 1000, reason = "Normal closure") {
1614
+ this.forcedClose = true;
1615
+ this._stopHeartbeat();
1616
+ this._clearReconnectTimer();
1617
+ if (this.ws && this.ws.readyState === WebSocket.OPEN) {
1618
+ this.ws.close(code, reason);
1619
+ } else {
1620
+ this._updateReadyState(WebSocket.CLOSED);
1621
+ this._emit("close", { code, reason, wasClean: true });
1622
+ }
1623
+ }
1624
+
1625
+ /**
1626
+ * 彻底销毁实例,清理所有资源
1627
+ */
1628
+ destroy() {
1629
+ console.log("[WS] 正在销毁实例...");
1630
+ this.close(1000, "Instance destroyed");
1631
+ this._removeEventListeners();
1632
+ this.messageQueue = [];
1633
+ this.listeners.clear();
1634
+ this.ws = null;
1635
+ }
1636
+
1637
+ /**
1638
+ * 添加事件监听器
1639
+ * @param {string} eventName - 事件名 (e.g., 'open', 'message', 'close', 'error', 'reconnect')
1640
+ * @param {function} callback - 回调函数
1641
+ */
1642
+ on(eventName, callback) {
1643
+ if (!this.listeners.has(eventName)) {
1644
+ this.listeners.set(eventName, []);
1645
+ }
1646
+ this.listeners.get(eventName).push(callback);
1647
+ }
1648
+
1649
+ /**
1650
+ * 移除事件监听器
1651
+ * @param {string} eventName - 事件名
1652
+ * @param {function} callback - 回调函数
1653
+ */
1654
+ off(eventName, callback) {
1655
+ if (this.listeners.has(eventName)) {
1656
+ const callbacks = this.listeners.get(eventName);
1657
+ const index = callbacks.indexOf(callback);
1658
+ if (index > -1) {
1659
+ callbacks.splice(index, 1);
1660
+ }
1661
+ }
1662
+ }
1663
+
1664
+ // --- 内部方法 ---
1665
+
1666
+ _onOpen(event) {
1667
+ console.log("[WS] 连接已建立");
1668
+ this._updateReadyState(WebSocket.OPEN);
1669
+ this.reconnectAttempts = 0;
1670
+ this.isReconnecting = false;
1671
+
1672
+ // 如果配置了 getPingMessage,则启动心跳
1673
+ if (this.options.getPingMessage) {
1674
+ this._startHeartbeat();
1675
+ }
1676
+
1677
+ this._flushMessageQueue();
1678
+ this._emit("open", event);
1679
+ }
1680
+
1681
+ /**
1682
+ * 优化后的消息处理方法,使用注入的函数来判断心跳
1683
+ * @param {MessageEvent} event
1684
+ */
1685
+ _onMessage(event) {
1686
+ // --- 步骤 1: 使用注入的函数优先处理内部心跳机制 ---
1687
+ if (this.options.isPongMessage && this.options.isPongMessage(event)) {
1688
+ this._handlePong();
1689
+ return; // 是心跳消息,处理完毕,直接返回
1690
+ }
1691
+
1692
+ // --- 步骤 2: 根据用户配置处理业务消息 ---
1693
+ if (this.options.deserializeData) {
1694
+ try {
1695
+ const parsedMessage = JSON.parse(event.data);
1696
+ this._emit("message", parsedMessage);
1697
+ } catch (e) {
1698
+ this._emit("message", event.data);
1699
+ }
1700
+ } else {
1701
+ this._emit("message", event.data);
1702
+ }
1703
+ }
1704
+
1705
+ _onClose(event) {
1706
+ console.log("[WS] 连接已关闭", event);
1707
+ this._updateReadyState(WebSocket.CLOSED);
1708
+ this._stopHeartbeat();
1709
+ this._emit("close", event);
1710
+
1711
+ if (!this.forcedClose) {
1712
+ this._scheduleReconnect();
1713
+ }
1714
+ }
1715
+
1716
+ _onError(event) {
1717
+ console.error("[WS] 连接发生错误:", event);
1718
+ this._emit("error", event);
1719
+ }
1720
+
1721
+ // --- 心跳机制 (重构) ---
1722
+ _startHeartbeat() {
1723
+ // 如果没有配置 getPingMessage,则无法启动心跳
1724
+ if (!this.options.getPingMessage) {
1725
+ return;
1726
+ }
1727
+
1728
+ this._stopHeartbeat();
1729
+ this.heartbeatTimer = setInterval(() => {
1730
+ if (this.ws && this.ws.readyState === WebSocket.OPEN) {
1731
+ try {
1732
+ // 调用注入的函数获取消息内容并发送
1733
+ const pingMessage = this.options.getPingMessage();
1734
+ this.ws.send(pingMessage);
1735
+ console.log("[WS] 发送 Ping:", pingMessage);
1736
+ this._setHeartbeatTimeout();
1737
+ } catch (error) {
1738
+ console.error("[WS] 发送 Ping 消息失败:", error);
1739
+ }
1740
+ }
1741
+ }, this.options.heartbeatInterval);
1742
+ }
1743
+
1744
+ _stopHeartbeat() {
1745
+ if (this.heartbeatTimer) {
1746
+ clearInterval(this.heartbeatTimer);
1747
+ this.heartbeatTimer = null;
1748
+ }
1749
+ this._clearHeartbeatTimeout();
1750
+ }
1751
+
1752
+ _setHeartbeatTimeout() {
1753
+ this._clearHeartbeatTimeout();
1754
+ this.heartbeatTimeoutTimer = setTimeout(() => {
1755
+ console.error("[WS] 心跳超时,主动断开连接");
1756
+ this.ws.close(1006, "Heartbeat timeout");
1757
+ }, this.options.heartbeatTimeout);
1758
+ }
1759
+
1760
+ _clearHeartbeatTimeout() {
1761
+ if (this.heartbeatTimeoutTimer) {
1762
+ clearTimeout(this.heartbeatTimeoutTimer);
1763
+ this.heartbeatTimeoutTimer = null;
1764
+ }
1765
+ }
1766
+
1767
+ _handlePong() {
1768
+ console.log("[WS] 收到 Pong");
1769
+ this._clearHeartbeatTimeout();
1770
+ }
1771
+
1772
+ // --- 重连机制 ---
1773
+ _scheduleReconnect() {
1774
+ if (this.forcedClose || this.isReconnecting || this.reconnectAttempts >= this.options.maxReconnectAttempts) {
1775
+ if (this.reconnectAttempts >= this.options.maxReconnectAttempts) {
1776
+ console.error("[WS] 已达到最大重连次数,停止重连");
1777
+ this._emit("reconnect-failed");
1778
+ }
1779
+ return;
1780
+ }
1781
+
1782
+ this.isReconnecting = true;
1783
+ const interval = Math.min(this.options.reconnectBaseInterval * Math.pow(2, this.reconnectAttempts), this.options.maxReconnectInterval);
1784
+
1785
+ console.log(`[WS] ${interval / 1000}秒后将尝试第 ${this.reconnectAttempts + 1} 次重连...`);
1786
+ this._emit("reconnect-attempt", { attempt: this.reconnectAttempts + 1, interval });
1787
+
1788
+ this.reconnectTimer = setTimeout(() => {
1789
+ this.reconnectAttempts++;
1790
+ this.connect();
1791
+ }, interval);
1792
+ }
1793
+
1794
+ _clearReconnectTimer() {
1795
+ if (this.reconnectTimer) {
1796
+ clearTimeout(this.reconnectTimer);
1797
+ this.reconnectTimer = null;
1798
+ }
1799
+ }
1800
+
1801
+ // --- 消息队列 ---
1802
+ _flushMessageQueue() {
1803
+ if (this.messageQueue.length === 0) return;
1804
+ console.log(`[WS] 发送队列中的 ${this.messageQueue.length} 条消息`);
1805
+ const queue = [...this.messageQueue];
1806
+ this.messageQueue = [];
1807
+ queue.forEach((data) => this.send(data));
1808
+ }
1809
+
1810
+ // --- 事件系统 ---
1811
+ _emit(eventName, ...args) {
1812
+ if (this.listeners.has(eventName)) {
1813
+ this.listeners.get(eventName).forEach((callback) => callback(...args));
1814
+ }
1815
+ }
1816
+
1817
+ // --- 状态与监听器管理 ---
1818
+ _updateReadyState(newState) {
1819
+ this.readyState = newState;
1820
+ this._emit("ready-state-change", newState);
1821
+ }
1822
+
1823
+ _setupEventListeners() {
1824
+ document.addEventListener("visibilitychange", this._handleVisibilityChange);
1825
+ window.addEventListener("online", this._handleOnline);
1826
+ window.addEventListener("offline", this._handleOffline);
1827
+ }
1828
+
1829
+ _removeEventListeners() {
1830
+ document.removeEventListener("visibilitychange", this._handleVisibilityChange);
1831
+ window.removeEventListener("online", this._handleOnline);
1832
+ window.removeEventListener("offline", this._handleOffline);
1833
+ }
1834
+
1835
+ _handleVisibilityChange() {
1836
+ // 如果未启用心跳,不需要处理页面可见性变化
1837
+ if (!this.options.enableHeartbeat) {
1838
+ return;
1839
+ }
1840
+
1841
+ if (document.hidden) {
1842
+ console.log("[WS] 页面隐藏,停止心跳");
1843
+ this._stopHeartbeat();
1844
+ } else {
1845
+ console.log("[WS] 页面可见,检查连接状态");
1846
+ if (this.ws && this.ws.readyState === WebSocket.OPEN) {
1847
+ this._startHeartbeat();
1848
+ } else if (!this.forcedClose && !this.isReconnecting) {
1849
+ this.connect();
1850
+ }
1851
+ }
1852
+ }
1853
+
1854
+ _handleOnline() {
1855
+ console.log("[WS] 网络已恢复,尝试重连");
1856
+ if (!this.forcedClose && this.readyState !== WebSocket.OPEN) {
1857
+ this._clearReconnectTimer(); // 清除当前的重连计划
1858
+ this.connect(); // 立即尝试连接
1859
+ }
1860
+ }
1861
+
1862
+ _handleOffline() {
1863
+ console.log("[WS] 网络已断开");
1864
+ this._clearReconnectTimer(); // 停止重连尝试
1865
+ // ws.onclose 会被触发,从而启动重连逻辑,但我们已经停止了
1866
+ // 所以这里可以手动触发一次 close 事件来通知应用层
1867
+ if (this.ws) this.ws.onclose({ code: 1006, reason: "Network offline" });
1868
+ }
1869
+ }
1870
+
1871
+ exports.AudioStreamResampler = AudioStreamResampler;
1075
1872
  exports.IntervalTimer = IntervalTimer;
1076
1873
  exports.MyEvent = MyEvent;
1077
1874
  exports.MyEvent_CrossPagePlugin = MyEvent_CrossPagePlugin;
1078
1875
  exports.MyId = MyId;
1876
+ exports.WebSocketManager = WebSocketManager;
1079
1877
  exports.assignExisting = assignExisting;
1080
1878
  exports.calcTimeDifference = calcTimeDifference;
1081
1879
  exports.debounce = debounce;
@@ -1085,6 +1883,8 @@
1085
1883
  exports.downloadByUrl = downloadByUrl;
1086
1884
  exports.downloadExcel = downloadExcel;
1087
1885
  exports.downloadJSON = downloadJSON;
1886
+ exports.extractFullyCheckedKeys = extractFullyCheckedKeys;
1887
+ exports.fetchOrDownloadByUrl = fetchOrDownloadByUrl;
1088
1888
  exports.findObjAttrValueById = findObjAttrValueById;
1089
1889
  exports.flatCompleteTree2NestedTree = flatCompleteTree2NestedTree;
1090
1890
  exports.formatDuration = formatDuration;
@@ -1104,6 +1904,7 @@
1104
1904
  exports.isPromise = isPromise;
1105
1905
  exports.moveItem = moveItem;
1106
1906
  exports.nestedTree2IdMap = nestedTree2IdMap;
1907
+ exports.pcmToWavBlob = pcmToWavBlob;
1107
1908
  exports.randomDateInRange = randomDateInRange;
1108
1909
  exports.randomEnLetter = randomEnLetter;
1109
1910
  exports.randomHan = randomHan;