qc-ui-lit 0.3.1 → 0.3.3

package/dist/index.js

@@ -9,5 +9,6 @@ import { t as _ } from "./tools/date/date.js";
 import { t as v } from "./tools/deepClone/deepClone.js";
 import { a as y, i as b, n as x, o as S, r as C, t as w } from "./tools/fullscreen/fullscreen.js";
 import { n as T, t as E } from "./tools/EventBus/EventBus.js";
-import { t as D } from "./tools/changeCoordinate/changeCoordinate.js";
-export { t as AMap, r as EChartsElement, E as EventBus, D as MapCorrect, o as QCButton, _ as QCDate, n as QCLoading, h as QCReplicable, a as QCResize, p as clearSelection, T as createEventBus, i as debounce, v as deepClone, w as enterFullscreen, x as exitFullscreen, d as getDomText, C as getFullscreenElement, l as getSelectedText, s as hasSelection, b as isFullscreen, e as loadAMap, y as onFullscreenChange, c as readText, f as selectInputText, m as selectText, g as throttle, S as toggleFullscreen, u as writeText };
+import { t as D } from "./tools/Speech/Speech.js";
+import { t as O } from "./tools/changeCoordinate/changeCoordinate.js";
+export { t as AMap, r as EChartsElement, E as EventBus, O as MapCorrect, o as QCButton, _ as QCDate, n as QCLoading, h as QCReplicable, a as QCResize, D as Speech, p as clearSelection, T as createEventBus, i as debounce, v as deepClone, w as enterFullscreen, x as exitFullscreen, d as getDomText, C as getFullscreenElement, l as getSelectedText, s as hasSelection, b as isFullscreen, e as loadAMap, y as onFullscreenChange, c as readText, f as selectInputText, m as selectText, g as throttle, S as toggleFullscreen, u as writeText };

package/dist/tools/Speech/Speech.js

@@ -0,0 +1,54 @@
+//#region src/tools/Speech/index.ts
+var e = class {
+	constructor(e = {}) {
+		this.queue = [], this.currentIndex = 0, this.playing = !1, this.paused = !1, this.synth = window.speechSynthesis, this.lang = e.lang ?? "zh-CN", this.rate = e.rate ?? 1, this.pitch = e.pitch ?? 1, this.volume = e.volume ?? 1, this.onStart = e.onStart, this.onPause = e.onPause, this.onResume = e.onResume, this.onEnd = e.onEnd, this.onFinish = e.onFinish, this.onError = e.onError;
+	}
+	createUtterance(e) {
+		let t = new SpeechSynthesisUtterance(e);
+		return t.lang = this.lang, t.rate = this.rate, t.pitch = this.pitch, t.volume = this.volume, t;
+	}
+	playNext() {
+		if (this.currentIndex >= this.queue.length) {
+			this.playing = !1, this.paused = !1, this.onFinish?.();
+			return;
+		}
+		let e = this.createUtterance(this.queue[this.currentIndex]);
+		e.onstart = () => {
+			this.onStart?.();
+		}, e.onend = () => {
+			this.onEnd?.(), this.currentIndex++, this.playNext();
+		}, e.onerror = (e) => {
+			this.onError?.(e), this.currentIndex++, this.playNext();
+		}, requestAnimationFrame(() => {
+			this.synth.speak(e);
+		});
+	}
+	speak(...e) {
+		return this.stop(), this.queue = e.filter((e) => e.trim().length > 0), this.currentIndex = 0, this.playing = !0, this.paused = !1, this.queue.length === 0 || this.playNext(), this;
+	}
+	append(...e) {
+		let t = e.filter((e) => e.trim().length > 0);
+		if (t.length === 0) return this;
+		let n = this.playing;
+		return this.queue.push(...t), n || (this.playing = !0, this.paused = !1, this.playNext()), this;
+	}
+	pause() {
+		return this.playing && !this.paused && (this.synth.pause(), this.paused = !0, this.onPause?.()), this;
+	}
+	resume() {
+		return this.playing && this.paused && (this.synth.resume(), this.paused = !1, this.onResume?.()), this;
+	}
+	stop() {
+		return this.synth.cancel(), this.queue = [], this.currentIndex = 0, this.playing = !1, this.paused = !1, this;
+	}
+	getStatus() {
+		return {
+			playing: this.playing,
+			paused: this.paused,
+			currentIndex: this.currentIndex,
+			total: this.queue.length
+		};
+	}
+};
+//#endregion
+export { e as t };

package/dist/tools/Speech/index.d.ts

@@ -0,0 +1,73 @@
+export interface SpeechOptions {
+    /** 语言，默认 'zh-CN' */
+    lang?: string;
+    /** 语速，0.1 ~ 10，默认 1 */
+    rate?: number;
+    /** 音调，0 ~ 2，默认 1 */
+    pitch?: number;
+    /** 音量，0 ~ 1，默认 1 */
+    volume?: number;
+    /** 开始播放回调 */
+    onStart?: () => void;
+    /** 暂停回调 */
+    onPause?: () => void;
+    /** 恢复播放回调 */
+    onResume?: () => void;
+    /** 当前文本播放结束回调 */
+    onEnd?: () => void;
+    /** 全部文本播放完毕回调 */
+    onFinish?: () => void;
+    /** 错误回调 */
+    onError?: (event: SpeechSynthesisErrorEvent) => void;
+}
+export declare class Speech {
+    lang: string;
+    rate: number;
+    pitch: number;
+    volume: number;
+    onStart?: () => void;
+    onPause?: () => void;
+    onResume?: () => void;
+    onEnd?: () => void;
+    onFinish?: () => void;
+    onError?: (event: SpeechSynthesisErrorEvent) => void;
+    /** 待播放的文本队列 */
+    private queue;
+    /** 当前播放索引 */
+    private currentIndex;
+    /** 是否正在播放 */
+    private playing;
+    /** 是否暂停中 */
+    private paused;
+    private synth;
+    constructor(options?: SpeechOptions);
+    /** 创建语音合成 utterance */
+    private createUtterance;
+    /** 播放队列中的下一段文本 */
+    private playNext;
+    /**
+     * 添加文本到播放队列并立即开始播放
+     * @param texts 要朗读的文本，可传多个
+     */
+    speak(...texts: string[]): this;
+    /**
+     * 追加文本到播放队列末尾
+     * 如果当前正在播放，追加的文本会在当前文本播放完后自动播放
+     * @param texts 要追加的文本
+     */
+    append(...texts: string[]): this;
+    /** 暂停播放 */
+    pause(): this;
+    /** 恢复播放 */
+    resume(): this;
+    /** 停止播放并清空队列 */
+    stop(): this;
+    /** 获取当前播放状态 */
+    getStatus(): {
+        playing: boolean;
+        paused: boolean;
+        currentIndex: number;
+        total: number;
+    };
+}
+export default Speech;

package/dist/tools/index.d.ts

@@ -8,3 +8,4 @@ export * from './fullscreen';
 export * from './document/domSelect';
 export * from './document/getDomText';
 export * from './EventBus';
+export * from './Speech';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qc-ui-lit",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "基于 Lit 的 Web Components 组件库",
   "author": "",
   "license": "MIT",