fix(editor): ime input error at empty line (#11636)

Close [BS-3106](https://linear.app/affine-design/issue/BS-3106/mac-chrom在空行使用ime输入，文档卡住)

blocksuite/framework/std/src/inline/components/v-element.ts

@@ -7,7 +7,7 @@ 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';
+import { ZERO_WIDTH_FOR_EMPTY_LINE } from '../consts.js';
 import type { InlineEditor } from '../inline-editor.js';
 import { isInlineRangeIntersect } from '../utils/inline-range.js';
 
@@ -90,7 +90,7 @@ export class VElement<
 
   @property({ type: Object })
   accessor delta: DeltaInsert<T> = {
-    insert: ZERO_WIDTH_SPACE,
+    insert: ZERO_WIDTH_FOR_EMPTY_LINE,
   };
 
   @property({ attribute: false })

blocksuite/framework/std/src/inline/components/v-line.ts

@@ -4,7 +4,7 @@ import { html, LitElement, type TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
-import { INLINE_ROOT_ATTR, ZERO_WIDTH_SPACE } from '../consts.js';
+import { INLINE_ROOT_ATTR, ZERO_WIDTH_FOR_EMPTY_LINE } from '../consts.js';
 import type { InlineRootElement } from '../inline-editor.js';
 import { EmbedGap } from './embed-gap.js';
 
@@ -89,7 +89,9 @@ export class VLine extends LitElement {
   renderVElements() {
     if (this.elements.length === 0) {
       // don't use v-element because it not correspond to the actual delta
-      return html`<div><v-text .str=${ZERO_WIDTH_SPACE}></v-text></div>`;
+      return html`
+        <div><v-text .str=${ZERO_WIDTH_FOR_EMPTY_LINE}></v-text></div>
+      `;
     }
 
     const inlineEditor = this.inlineEditor;

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

@@ -2,7 +2,7 @@ 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';
+import { ZERO_WIDTH_FOR_EMPTY_LINE } from '../consts.js';
 
 export class VText extends LitElement {
   override createRenderRoot() {
@@ -24,7 +24,7 @@ export class VText extends LitElement {
   }
 
   @property({ attribute: false })
-  accessor str: string = ZERO_WIDTH_SPACE;
+  accessor str: string = ZERO_WIDTH_FOR_EMPTY_LINE;
 }
 
 declare global {

blocksuite/framework/std/src/inline/consts.ts

@@ -1,5 +1,6 @@
-export const ZERO_WIDTH_SPACE = '\u200C';
-// see https://en.wikipedia.org/wiki/Zero-width_non-joiner
-export const ZERO_WIDTH_NON_JOINER = '\u200B';
+import { IS_SAFARI } from '@blocksuite/global/env';
+
+export const ZERO_WIDTH_FOR_EMPTY_LINE = IS_SAFARI ? '\u200C' : '\u200B';
+export const ZERO_WIDTH_FOR_EMBED_NODE = IS_SAFARI ? '\u200B' : '\u200C';
 
 export const INLINE_ROOT_ATTR = 'data-v-root';

blocksuite/framework/std/src/inline/utils/point-conversion.ts

@@ -1,7 +1,7 @@
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
 
 import type { VElement, VLine } from '../components/index.js';
-import { INLINE_ROOT_ATTR, ZERO_WIDTH_SPACE } from '../consts.js';
+import { INLINE_ROOT_ATTR, ZERO_WIDTH_FOR_EMPTY_LINE } from '../consts.js';
 import type { DomPoint, TextPoint } from '../types.js';
 import {
   isInlineRoot,
@@ -76,7 +76,7 @@ export function textPointToDomPoint(
     index += calculateTextLength(text);
   }
 
-  if (text.wholeText !== ZERO_WIDTH_SPACE) {
+  if (text.wholeText !== ZERO_WIDTH_FOR_EMPTY_LINE) {
     index += offset;
   }
 

blocksuite/framework/std/src/inline/utils/text.ts

@@ -1,7 +1,7 @@
-import { ZERO_WIDTH_SPACE } from '../consts.js';
+import { ZERO_WIDTH_FOR_EMPTY_LINE } from '../consts.js';
 
 export function calculateTextLength(text: Text): number {
-  if (text.wholeText === ZERO_WIDTH_SPACE) {
+  if (text.wholeText === ZERO_WIDTH_FOR_EMPTY_LINE) {
     return 0;
   } else {
     return text.wholeText.length;