feat(core): at menu loading state (#9284)

fix AF-2017

packages/frontend/core/src/modules/at-menu-config/services/index.ts

@@ -1,3 +1,4 @@
+import { LoadingIcon } from '@affine/core/blocksuite/presets/blocks/_common/icon';
 import { fuzzyMatch } from '@affine/core/utils/fuzzy-match';
 import { I18n, i18nTime } from '@affine/i18n';
 import track from '@affine/track';
@@ -123,6 +124,30 @@ export class AtMenuConfigService extends Service {
     const showRecent = query.trim().length === 0;
 
     (async () => {
+      const isIndexerLoading =
+        this.docsSearch.indexer.status$.value.remaining !== undefined &&
+        this.docsSearch.indexer.status$.value.remaining > 0;
+
+      if (!showRecent && isIndexerLoading) {
+        // add a loading item
+        docItems.value = [
+          {
+            key: 'loading',
+            name: I18n.t('com.affine.editor.at-menu.loading'),
+            icon: LoadingIcon,
+            action: () => {
+              // no action
+            },
+          },
+        ];
+        // wait for indexer to finish
+        await this.docsSearch.indexer.status$.waitFor(
+          status => status.remaining === 0
+        );
+        // remove the loading item
+        docItems.value = [];
+      }
+
       const docMetas = (
         showRecent
           ? this.recentDocsService.getRecentDocs()

packages/frontend/i18n/src/i18n.gen.ts

@@ -6299,6 +6299,10 @@ export function useAFFiNEI18N(): {
       * `Recent`
       */
     ["com.affine.editor.at-menu.recent-docs"](): string;
+    /**
+      * `Loading...`
+      */
+    ["com.affine.editor.at-menu.recent-docs.loading"](): string;
     /**
       * `New`
       */

packages/frontend/i18n/src/resources/en.json

@@ -1572,6 +1572,7 @@
   "com.affine.editor.journal-conflict.title": "Duplicate Entries in Today's Journal",
   "com.affine.editor.at-menu.link-to-doc": "Search for \"{{query}}\"",
   "com.affine.editor.at-menu.recent-docs": "Recent",
+  "com.affine.editor.at-menu.loading": "Loading...",
   "com.affine.editor.at-menu.new-doc": "New",
   "com.affine.editor.at-menu.create-page": "New \"{{name}}\" page",
   "com.affine.editor.at-menu.create-edgeless": "New \"{{name}}\" edgeless",