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

blocksuite/affine/blocks/block-attachment/package.json

@@ -31,6 +31,7 @@
     "file-type": "^20.0.0",
     "lit": "^3.2.0",
     "minimatch": "^10.0.1",
+    "rxjs": "^7.8.1",
     "zod": "^3.23.8"
   },
   "exports": {

blocksuite/affine/blocks/block-attachment/src/attachment-block.ts

@@ -112,7 +112,7 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
       });
     }
 
-    this.model.propsUpdated.on(({ key }) => {
+    this.model.propsUpdated.subscribe(({ key }) => {
       if (key === 'sourceId') {
         // Reset the blob url when the sourceId is changed
         if (this.blobUrl) {

blocksuite/affine/blocks/block-attachment/src/attachment-edgeless-block.ts

@@ -22,14 +22,14 @@ export class AttachmentEdgelessBlockComponent extends toGfxBlockComponent(
     super.connectedCallback();
 
     this._disposables.add(
-      this.slots.elementResizeStart.on(() => {
+      this.slots.elementResizeStart.subscribe(() => {
         this._isResizing = true;
         this._showOverlay = true;
       })
     );
 
     this._disposables.add(
-      this.slots.elementResizeEnd.on(() => {
+      this.slots.elementResizeEnd.subscribe(() => {
         this._isResizing = false;
         this._showOverlay =
           this._isResizing || this._isDragging || !this.selected$.peek();