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

blocksuite/affine/widgets/widget-drag-handle/src/middleware/blocks-filter.ts

@@ -40,7 +40,7 @@ export const gfxBlocksFilter = (
   }
 
   return ({ slots, transformerConfigs }) => {
-    slots.beforeExport.on(payload => {
+    slots.beforeExport.subscribe(payload => {
       if (payload.type !== 'block') {
         return;
       }
@@ -54,7 +54,7 @@ export const gfxBlocksFilter = (
       }
     });
 
-    slots.afterExport.on(payload => {
+    slots.afterExport.subscribe(payload => {
       if (payload.type !== 'block') {
         return;
       }

blocksuite/affine/widgets/widget-drag-handle/src/middleware/new-id-cross-doc.ts

@@ -9,7 +9,7 @@ export const newIdCrossDoc =
     let samePage = false;
     const oldToNewIdMap = new Map<string, string>();
 
-    slots.beforeImport.on(payload => {
+    slots.beforeImport.subscribe(payload => {
       if (payload.type === 'slice') {
         samePage = payload.snapshot.pageId === std.store.id;
       }
@@ -21,7 +21,7 @@ export const newIdCrossDoc =
       }
     });
 
-    slots.afterImport.on(payload => {
+    slots.afterImport.subscribe(payload => {
       if (
         !samePage &&
         payload.type === 'block' &&

blocksuite/affine/widgets/widget-drag-handle/src/middleware/reorder-list.ts

@@ -7,7 +7,7 @@ import type { TransformerMiddleware } from '@blocksuite/store';
 export const reorderList =
   (std: BlockStdScope): TransformerMiddleware =>
   ({ slots }) => {
-    slots.afterImport.on(payload => {
+    slots.afterImport.subscribe(payload => {
       if (payload.type === 'block') {
         const model = payload.model;
         if (matchModels(model, [ListBlockModel]) && model.type === 'numbered') {