From 6abfbd52e6631a7d9f48e3cc3cdcd612b08454f3 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Tue, 27 Feb 2024 16:14:02 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/10448

---
 app/src/protyle/render/av/openMenuPanel.ts |  8 ++++++++
 app/src/protyle/render/av/view.ts          | 12 +++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/src/protyle/render/av/openMenuPanel.ts b/app/src/protyle/render/av/openMenuPanel.ts
index d56d35633..f0d1b2415 100644
--- a/app/src/protyle/render/av/openMenuPanel.ts
+++ b/app/src/protyle/render/av/openMenuPanel.ts
@@ -1075,6 +1075,14 @@ export const openMenuPanel = (options: {
                     event.preventDefault();
                     event.stopPropagation();
                     break;
+                } else if (type === "av-view-switch") {
+                    if (!target.querySelector(".b3-chip--primary")) {
+                        options.blockElement.removeAttribute("data-render");
+                        avRender(options.blockElement, options.protyle, undefined, target.parentElement.dataset.id);
+                    }
+                    event.preventDefault();
+                    event.stopPropagation();
+                    break;
                 } else if (type === "av-view-edit") {
                     if (target.parentElement.querySelector(".b3-chip--primary")) {
                         openViewMenu({
diff --git a/app/src/protyle/render/av/view.ts b/app/src/protyle/render/av/view.ts
index 0ba9b3f1a..c7134efc7 100644
--- a/app/src/protyle/render/av/view.ts
+++ b/app/src/protyle/render/av/view.ts
@@ -101,6 +101,16 @@ export const bindViewEvent = (options: {
             inputElement.dataset.value = inputElement.value;
         }
     });
+    inputElement.addEventListener("keydown", (event) => {
+        if (event.isComposing) {
+            return;
+        }
+        if (event.key === "Enter") {
+            event.preventDefault();
+            inputElement.blur();
+            options.menuElement.parentElement.remove();
+        }
+    });
     inputElement.select();
 };
 
@@ -158,7 +168,7 @@ export const getSwitcherHTML = (views: IAVView[], viewId: string) => {
     views.forEach((item) => {
         html += `<button draggable="true" class="b3-menu__item" data-id="${item.id}">
     <svg class="b3-menu__icon fn__grab"><use xlink:href="#iconDrag"></use></svg>
-    <div class="fn__flex-1">
+    <div class="fn__flex-1" data-type="av-view-switch">
         <span class="b3-chip${item.id === viewId ? " b3-chip--primary" : ""}">
             ${item.icon ? unicode2Emoji(item.icon, "icon", true) : '<svg class="icon"><use xlink:href="#iconTable"></use></svg>'}
             <span class="fn__ellipsis">${item.name}</span>