feat(blocks): mobile at menu

toeverything · Nov 7, 2024 · 559fc7c · 559fc7c
1 parent fcd4f8c
commit 559fc7c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/packages/common/infra/src/modules/feature-flag/constant.ts b/packages/common/infra/src/modules/feature-flag/constant.ts
@@ -162,6 +162,14 @@ export const AFFINE_FLAGS = {
     configurable: false,
     defaultState: isMobile,
   },
+  enable_mobile_linked_doc_menu: {
+    category: 'blocksuite',
+    bsFlag: 'enable_mobile_linked_doc_menu',
+    displayName: 'Mobile Linked Doc Widget',
+    description: 'Enables the mobile linked doc menu.',
+    configurable: false,
+    defaultState: isMobile,
+  },
   enable_snapshot_import_export: {
     category: 'affine',
     displayName: 'Enable Snapshot Import Export',

diff --git a/...frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/widgets/linked.ts b/...frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/widgets/linked.ts
@@ -3,15 +3,18 @@ import { JournalService } from '@affine/core/modules/journal';
 import { I18n } from '@affine/i18n';
 import { track } from '@affine/track';
 import type { EditorHost } from '@blocksuite/affine/block-std';
-import type { AffineInlineEditor } from '@blocksuite/affine/blocks';
+import type {
+  AffineInlineEditor,
+  LinkedWidgetConfig,
+} from '@blocksuite/affine/blocks';
 import { LinkedWidgetUtils } from '@blocksuite/affine/blocks';
 import type { DocMeta } from '@blocksuite/affine/store';
 import { type FrameworkProvider, WorkspaceService } from '@toeverything/infra';
 
 // TODO: fix the type
 export function createLinkedWidgetConfig(
   framework: FrameworkProvider
-): Partial<Record<string, unknown>> {
+): Partial<LinkedWidgetConfig> {
   return {
     getMenus: (
       query: string,
@@ -78,6 +81,17 @@ export function createLinkedWidgetConfig(
         ),
       ]);
     },
+    mobile: {
+      useScreenHeight: BUILD_CONFIG.isIOS,
+      scrollContainer: window,
+      scrollTopOffset: () => {
+        const header = document.querySelector('header');
+        if (!header) return 0;
+
+        const { y, height } = header.getBoundingClientRect();
+        return y + height;
+      },
+    },
   };
 }