refactor(editor): extract note block (#9310)

2026-07-21 12:06:35 +08:00 · 2024-12-26 01:30:43 +00:00
parent 40b90ef51b
commit 2ffd0e561c
50 changed files with 467 additions and 394 deletions
@@ -0,0 +1,39 @@
+import type { NoteBlockModel } from '@blocksuite/affine-model';
+import { BlockComponent } from '@blocksuite/block-std';
+import { css, html } from 'lit';
+
+import type { NoteBlockService } from './note-service.js';
+
+export class NoteBlockComponent extends BlockComponent<
+  NoteBlockModel,
+  NoteBlockService
+> {
+  static override styles = css`
+    .affine-note-block-container {
+      display: flow-root;
+    }
+    .affine-note-block-container.selected {
+      background-color: var(--affine-hover-color);
+    }
+  `;
+
+  override connectedCallback() {
+    super.connectedCallback();
+  }
+
+  override renderBlock() {
+    return html`
+      <div class="affine-note-block-container">
+        <div class="affine-block-children-container">
+          ${this.renderChildren(this.model)}
+        </div>
+      </div>
+    `;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'affine-note': NoteBlockComponent;
+  }
+}