From dd2e4231125282b98f7a32d90ac597d1a4fc26c6 Mon Sep 17 00:00:00 2001
From: zzj3720 <17165520+zzj3720@users.noreply.github.com>
Date: Fri, 21 Mar 2025 12:27:18 +0000
Subject: [PATCH] fix(editor): add placeholder for input of database context
 menu (#11079)

fix: BS-2594
---
 blocksuite/affine/blocks/block-database/src/database-block.ts   | 2 +-
 blocksuite/affine/components/src/context-menu/input.ts          | 1 +
 blocksuite/affine/components/src/context-menu/menu-renderer.ts  | 2 +-
 blocksuite/affine/data-view/src/core/common/property-menu.ts    | 2 ++
 .../widget-presets/tools/presets/view-options/view-options.ts   | 1 +
 .../affine/data-view/src/widget-presets/views-bar/views-view.ts | 1 +
 6 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/blocksuite/affine/blocks/block-database/src/database-block.ts b/blocksuite/affine/blocks/block-database/src/database-block.ts
index 553ecd7d1..ee501d165 100644
--- a/blocksuite/affine/blocks/block-database/src/database-block.ts
+++ b/blocksuite/affine/blocks/block-database/src/database-block.ts
@@ -109,7 +109,7 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent<DatabaseBloc
       items: [
         menu.input({
           initialValue: this.model.props.title.toString(),
-          placeholder: 'Untitled',
+          placeholder: 'Database title',
           onChange: text => {
             this.model.props.title.replace(
               0,
diff --git a/blocksuite/affine/components/src/context-menu/input.ts b/blocksuite/affine/components/src/context-menu/input.ts
index d60af8500..089180f9e 100644
--- a/blocksuite/affine/components/src/context-menu/input.ts
+++ b/blocksuite/affine/components/src/context-menu/input.ts
@@ -110,6 +110,7 @@ export class MenuInput extends MenuFocusable {
         this.menu.setFocusOnly(this);
       }}"
       @input="${this.onInput}"
+      placeholder="${this.data.placeholder ?? ''}"
       @keydown="${this.onKeydown}"
       @copy="${this.stopPropagation}"
       @paste="${this.stopPropagation}"
diff --git a/blocksuite/affine/components/src/context-menu/menu-renderer.ts b/blocksuite/affine/components/src/context-menu/menu-renderer.ts
index d061c0d87..f2b500fbc 100644
--- a/blocksuite/affine/components/src/context-menu/menu-renderer.ts
+++ b/blocksuite/affine/components/src/context-menu/menu-renderer.ts
@@ -204,7 +204,7 @@ export class MenuComponent
     }
     return html`
       <div
-        style="display:flex;align-items:center;gap: 4px;min-width: 300px;padding:3px 4px 3px 2px"
+        style="display:flex;align-items:center;gap: 4px;padding:3px 4px 3px 2px"
         @mouseenter="${() => this.menu.closeSubMenu()}"
       >
         ${title.onBack
diff --git a/blocksuite/affine/data-view/src/core/common/property-menu.ts b/blocksuite/affine/data-view/src/core/common/property-menu.ts
index 914454690..2ed0ed7ea 100644
--- a/blocksuite/affine/data-view/src/core/common/property-menu.ts
+++ b/blocksuite/affine/data-view/src/core/common/property-menu.ts
@@ -14,6 +14,7 @@ export const inputConfig = (property: Property) => {
         </div>
       `,
       initialValue: property.name$.value,
+      placeholder: 'Property name',
       onChange: text => {
         property.nameSet(text);
       },
@@ -26,6 +27,7 @@ export const inputConfig = (property: Property) => {
       </div>
     `,
     initialValue: property.name$.value,
+    placeholder: 'Property name',
     onComplete: text => {
       property.nameSet(text);
     },
diff --git a/blocksuite/affine/data-view/src/widget-presets/tools/presets/view-options/view-options.ts b/blocksuite/affine/data-view/src/widget-presets/tools/presets/view-options/view-options.ts
index a0dc70a52..1bad7b78f 100644
--- a/blocksuite/affine/data-view/src/widget-presets/tools/presets/view-options/view-options.ts
+++ b/blocksuite/affine/data-view/src/widget-presets/tools/presets/view-options/view-options.ts
@@ -236,6 +236,7 @@ export const popViewOptions = (
   items.push(
     menu.input({
       initialValue: view.name$.value,
+      placeholder: 'View name',
       onChange: text => {
         view.nameSet(text);
       },
diff --git a/blocksuite/affine/data-view/src/widget-presets/views-bar/views-view.ts b/blocksuite/affine/data-view/src/widget-presets/views-bar/views-view.ts
index 98e4df044..3d6a1ffb2 100644
--- a/blocksuite/affine/data-view/src/widget-presets/views-bar/views-view.ts
+++ b/blocksuite/affine/data-view/src/widget-presets/views-bar/views-view.ts
@@ -164,6 +164,7 @@ export class DataViewHeaderViews extends WidgetBase {
         items: [
           menu.input({
             initialValue: view.name$.value,
+            placeholder: 'View name',
             onChange: text => {
               view.nameSet(text);
             },