dsh-power-menu-mac 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 本项目遵循 [Semantic Versioning](https://semver.org/spec/v2.0.0.html)，格式参考 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)。
 
+## [0.1.1] - 2026-10-29
+
+### Fixed
+
+- 打开菜单不再把焦点放进第一项。第一项是「关闭DSH」，焦点落上去之后误按一个回车/空格就会把应用关掉。焦点现在留在触发按钮上；ArrowDown / ArrowUp / Home / End 仍然能进菜单（由触发按钮转发给菜单的键盘处理），Esc 照旧关闭。
+- 打开菜单时显式把焦点收回触发按钮。有些 WebKit 表面里点按钮不会自动聚焦，否则会出现「菜单开了但方向键没反应」。
+
+### Added
+
+- 菜单按钮上的契约属性：`data-dsh-power-action="shutdown"` / `data-dsh-power-action="restart"`。`MenuItem` 现在把多余 props 透传给底层 `button`，选择器和自动化检查可以直接按动作定位，不用匹配标签文字。
+
 ## [0.1.0] - 2026-10-26
 
 首个 macOS 版本。基于 [xichen-62/dsh-power-menu](https://github.com/xichen-62/dsh-power-menu) 0.1.18（MIT）移植。

package/lib/client.js

@@ -98,8 +98,11 @@ window.__ModuleLoader__.load({
       h('path', { d: 'M3 3v5h5' }))
     }
 
-    function MenuItem({ icon, label, onSelect, itemRef }) {
+    // 多余的 props 原样透传给 button：契约属性（如 data-dsh-power-action）挂在真正的
+    // 那个按钮上，选择器才抓得到。
+    function MenuItem({ icon, label, onSelect, itemRef, ...rest }) {
       return h('button', {
+        ...rest,
         type: 'button',
         role: 'menuitem',
         tabIndex: -1,
@@ -175,11 +178,8 @@ window.__ModuleLoader__.load({
         }
       }, [open])
 
-      react.useEffect(() => {
-        if (!open) return
-        const first = itemRefs.current[0]
-        if (first !== null && first !== undefined) first.focus()
-      }, [open])
+      // 打开时不把焦点丢进菜单：第一项是「关闭DSH」，焦点落上去之后一个回车就把
+      // 应用关了。焦点留在触发按钮上，方向键进菜单（见触发按钮的 onKeyDown）。
 
       const onMenuKeyDown = (event) => {
         const items = itemRefs.current.filter(Boolean)
@@ -245,12 +245,14 @@ window.__ModuleLoader__.load({
       h(MenuItem, {
         icon: h(PowerIcon, { size: 21 }),
         label: '关闭DSH',
+        'data-dsh-power-action': 'shutdown',
         itemRef: (el) => { itemRefs.current[0] = el },
         onSelect: () => run('shutdown'),
       }),
       h(MenuItem, {
         icon: h(RestartIcon, { size: 21 }),
         label: '重启DSH',
+        'data-dsh-power-action': 'restart',
         itemRef: (el) => { itemRefs.current[1] = el },
         onSelect: () => run('restart'),
       }))
@@ -274,9 +276,16 @@ window.__ModuleLoader__.load({
           'aria-haspopup': 'menu',
           'aria-expanded': open ? 'true' : 'false',
           'data-dshpm-slot': placement,
+          // 焦点留在按钮上，所以方向键要在这里接住：ArrowDown 进第一项、ArrowUp 进
+          // 最后一项（`onMenuKeyDown` 用 activeElement 定位，按钮不在菜单里时下标是 -1）。
+          onKeyDown: open ? onMenuKeyDown : undefined,
           onClick: () => {
             setError(null)
-            setOpen((value) => !value)
+            const next = !open
+            setOpen(next)
+            // 明确把焦点留在按钮上：有的 WebKit 里点按钮不会自动聚焦，靠默认行为
+            // 会出现"打开了菜单但方向键没反应"。
+            if (next) triggerRef.current?.focus()
           },
         }, h(PowerIcon, { size: 16 })))
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-power-menu-mac",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "给 DSH 桌面版（macOS）加一个右上角电源按钮。点开只有「关闭DSH」和「重启DSH」：关闭结束整个应用，重启会把窗口拉回来，并确认新进程真的注册到了窗口服务器。纯本地，只监听回环地址。",
   "type": "module",
   "main": "lib/index.js",