feat(editor): replace slot with rxjs subject (#10768)

blocksuite/affine/gfx/text/package.json

@@ -31,6 +31,7 @@
     "lit": "^3.2.0",
     "lodash-es": "^4.17.21",
     "minimatch": "^10.0.1",
+    "rxjs": "^7.8.1",
     "yjs": "^13.6.21",
     "zod": "^3.23.8"
   },

blocksuite/affine/gfx/text/src/edgeless-text-editor.ts

@@ -178,19 +178,19 @@ export class EdgelessTextEditor extends WithDisposable(ShadowlessElement) {
     this.updateComplete
       .then(() => {
         if (!this.inlineEditor) return;
-        this.inlineEditor.slots.renderComplete.on(() => {
+        this.inlineEditor.slots.renderComplete.subscribe(() => {
           this._updateRect();
           this.requestUpdate();
         });
 
         this.disposables.add(
-          surface.elementUpdated.on(({ id }) => {
+          surface.elementUpdated.subscribe(({ id }) => {
             if (id === element.id) this.requestUpdate();
           })
         );
 
         this.disposables.add(
-          this.gfx.viewport.viewportUpdated.on(() => {
+          this.gfx.viewport.viewportUpdated.subscribe(() => {
             this.requestUpdate();
           })
         );