给常用菜单的 button 添加 data-id 属性

[TCOTC]

• app\src\menus\
• app\src\mobile\menu

---

• 如果选项隐藏了（display:none），按上下方向键时就跳过 4300a35
• 块标菜单
  • 块标菜单大部分选项 Add data-id attribute to the button of the block menu #12525
  • 块标菜单的 转换为 子菜单 d21b122 Add data-id attribute to the button of the block menu #12559
  • 转换为 XX布局 Add data-id attribute to the buttons #14214
• / 斜杠菜单（.hint--menu） Improve /menu #12547
  • 斜杠菜单中插件添加的选项 Add data-id attribute to the buttons #15052
• 文档菜单
  • 文档标题旁的块菜单（data-name="titleMenu"）及其子菜单、文档树右键菜单（右键笔记本/右键文档/多选文档后右键） Add data-id attribute to the button of the doc menu #12518 #12608
  • .protyle-breadcrumb 上的"更多"菜单（data-name="breadcrumbMore"） Add data-id attribute to the button of breadcrumbMore #12518 #12644
• 页签右键菜单 Add data-id attribute to the button of tab menu #12518 #12645
• 窗口左上角的主菜单 Add data-id attribute to the button of workspace menu #12648
• 窗口右上角的插件、外观模式菜单 Add data-id attribute to the buttons #15052
• 某些类型的块/元素的右键菜单
  • 图片右键菜单 Add data-id attribute to the buttons #14182
  • 表格多选单元格菜单 Add data-id attribute to the buttons #14885
• 搜索结果右键菜单里的 复制为 子菜单 Add data-id attribute to the buttons #14182
• 数据库菜单
  • 属性菜单的字段菜单 Add data-id attribute to the buttons #14182
  • 字段菜单 Add data-id attribute to the buttons #14182
  • 视图菜单 Add data-id attribute to the buttons #14182
  • 条目右键菜单 Add data-id attribute to the buttons #14182
• 其他菜单……

与 #12506 配合

---

1. 用户能简单地用 CSS 代码片段隐藏不需要显示的特定选项，避免写 JS 监听和修改 DOM 影响性能。
2. 社区开发者可以通过 data-id 属性定位到菜单中的特定选项，针对性开发功能。

p.s. #8524 感觉遥遥无期

关联需求 #9166 (comment)

[88250]

欢迎 PR。

[TCOTC]

OK，在研究了。另外我有个问题，

width 比 height 多一个 type: "readonly", ，但是 DOM 好像没啥区别，为啥？
https://github.com/user-attachments/assets/d320c51d-8e38-4fcc-b9d6-425c6cb4293d
https://github.com/user-attachments/assets/40977648-bce5-40d3-8828-1477fce3848c

因为搞错代码了，截图里的代码是块标菜单的不是图片右键菜单的

[TCOTC]

@Vanessa219 这几个 id: "assetSubMenu", 有什么特殊作用吗？能改吗？

[Vanessa219]

主要区别为事件，具体可参见 https://github.com/siyuan-note/siyuan/blob/cd40ec50bbebe87ba6de7bf832805a73ffd5c476/app/src/menus/Menu.ts

用于

siyuan/app/src/protyle/hint/index.ts

Line 829 in 3ba4eb7

itemElement.classList.add("b3-menu__item--show");

[TCOTC]

还是没搞明白 id: "assetSubMenu", 有啥用，换掉好像也没影响，等学了 JS 和 TS 以后再看看

[zxkmm]

这个没有什么用处，用css隐藏了条目用键盘上下键移动焦点还是会被选中，造成更多困扰。

[TCOTC]

@Vanessa219 思源有没有办法处理一下，如果选项隐藏了（display:none），按上下方向键时就跳过