feat(editor): life cycle ext (#10668)

blocksuite/affine/components/src/embed-card-modal/embed-card-edit-modal.ts

@@ -15,10 +15,11 @@ import {
   listenClickAway,
   stopPropagation,
 } from '@blocksuite/affine-shared/utils';
-import type {
-  BlockComponent,
-  BlockStdScope,
-  EditorHost,
+import {
+  type BlockComponent,
+  type BlockStdScope,
+  type EditorHost,
+  EditorLifeCycleExtension,
 } from '@blocksuite/block-std';
 import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { nextTick } from '@blocksuite/global/utils';
@@ -256,7 +257,9 @@ export class EmbedCardEditModal extends SignalWatcher(
   override connectedCallback() {
     super.connectedCallback();
 
-    this.disposables.add(this.host.slots.unmounted.on(this._hide));
+    this.disposables.add(
+      this.host.std.get(EditorLifeCycleExtension).slots.unmounted.on(this._hide)
+    );
     this._updateInfo();
   }
 

blocksuite/affine/components/src/notification/linked-doc.ts

@@ -1,5 +1,8 @@
 import { NotificationProvider } from '@blocksuite/affine-shared/services';
-import type { BlockStdScope } from '@blocksuite/block-std';
+import {
+  type BlockStdScope,
+  EditorLifeCycleExtension,
+} from '@blocksuite/block-std';
 
 import { toast } from '../toast/toast.js';
 
@@ -26,7 +29,9 @@ function notify(std: BlockStdScope, title: string, message: string) {
   // edit or undo or switch doc, close notify toast
   const addHandler = doc.history.on('stack-item-added', closeNotify);
   const popHandler = doc.history.on('stack-item-popped', closeNotify);
-  const disposable = host.slots.unmounted.on(closeNotify);
+  const disposable = host.std
+    .get(EditorLifeCycleExtension)
+    .slots.unmounted.on(closeNotify);
 
   notification.notify({
     title,