49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import {EditorView, ViewPlugin, ViewUpdate} from '@codemirror/view';
|
|
import type {Text} from '@codemirror/state';
|
|
|
|
/**
|
|
* 内容变化监听扩展
|
|
* 通过回调函数解耦，不直接依赖 Store
|
|
*/
|
|
export function createContentChangePlugin(onContentChange: () => void) {
|
|
return ViewPlugin.fromClass(
|
|
class ContentChangePlugin {
|
|
private lastDoc: Text;
|
|
private rafId: number | null = null;
|
|
private pendingNotification = false;
|
|
|
|
constructor(private view: EditorView) {
|
|
this.lastDoc = view.state.doc;
|
|
}
|
|
|
|
update(update: ViewUpdate) {
|
|
if (!update.docChanged || update.state.doc === this.lastDoc) {
|
|
return;
|
|
}
|
|
|
|
this.lastDoc = update.state.doc;
|
|
this.scheduleNotification();
|
|
}
|
|
|
|
destroy() {
|
|
if (this.rafId !== null) {
|
|
cancelAnimationFrame(this.rafId);
|
|
this.rafId = null;
|
|
}
|
|
this.pendingNotification = false;
|
|
}
|
|
|
|
private scheduleNotification() {
|
|
if (this.pendingNotification) return;
|
|
|
|
this.pendingNotification = true;
|
|
this.rafId = requestAnimationFrame(() => {
|
|
this.pendingNotification = false;
|
|
this.rafId = null;
|
|
onContentChange(); // 调用注入的回调
|
|
});
|
|
}
|
|
}
|
|
);
|
|
}
|