✨ 添加快捷键设置：展开收起标签节点面板

Author: Littlefean

app/src/components/IconButton.tsx

@@ -6,10 +6,12 @@ export default function IconButton({
   children,
   className = "",
   onClick = () => {},
+  id = "",
   ...props
 }: React.PropsWithChildren<{
   className?: string;
   onClick?: (e: React.MouseEvent) => void;
+  id?: string;
   [key: string]: any;
 }>) {
   return (
@@ -19,6 +21,7 @@ export default function IconButton({
         className,
       )}
       onClick={onClick}
+      id={id}
       {...props}
     >
       {children}

app/src/locales/zh_CN.yml

@@ -731,3 +731,7 @@ keyBinds:
     description: |
       按下后，打开搜索框，可以输入搜索内容
       搜索框支持部分匹配，例如输入 "a" 能搜索到 "apple" 等
+  clickTagPanelButton:
+    title: 打开/关闭标签面板
+    description: |
+      按下此键可代替鼠标点击页面上的标签面板展开关闭按钮

app/src/main.tsx

@@ -487,6 +487,23 @@ async function registerKeyBinds() {
     openBrowserOrFile();
   });
 
+  (
+    await KeyBinds.create("clickTagPanelButton", "1", {
+      control: false,
+      alt: false,
+      shift: false,
+    })
+  ).down(() => {
+    console.log("123");
+    const button = document.getElementById("tagPanelBtn");
+    const event = new MouseEvent("click", {
+      bubbles: true,
+      cancelable: true,
+      view: window,
+    });
+    button?.dispatchEvent(event);
+  });
+
   const bind = await KeyBinds.create("keyboardOnlyGenerateNode", "tab", {
     control: false,
     alt: false,

app/src/pages/_app.tsx

@@ -64,6 +64,7 @@ export default function App() {
           });
       }
     });
+
     // 修复鼠标拖出窗口后触发上下文菜单的问题
     window.addEventListener("contextmenu", (event) => {
       if (
@@ -281,6 +282,7 @@ export default function App() {
         </IconButton>
 
         <IconButton
+          id="tagPanelBtn"
           onClick={(e) => {
             e.stopPropagation();
             setIsTagPanelOpen(!isTagPanelOpen);