chore: merge blocksuite source code (#9213)

blocksuite/framework/inline/src/components/v-text.ts

@@ -0,0 +1,34 @@
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+
+import { ZERO_WIDTH_SPACE } from '../consts.js';
+
+export class VText extends LitElement {
+  override createRenderRoot() {
+    return this;
+  }
+
+  override render() {
+    // we need to avoid \n appearing before and after the span element, which will
+    // cause the sync problem about the cursor position
+    return html`<span
+      style=${styleMap({
+        'word-break': 'break-word',
+        'text-wrap': 'wrap',
+        'white-space-collapse': 'break-spaces',
+      })}
+      data-v-text="true"
+      >${this.str}</span
+    >`;
+  }
+
+  @property({ attribute: false })
+  accessor str: string = ZERO_WIDTH_SPACE;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'v-text': VText;
+  }
+}