menu和menuitem标签的作用是什么？菜单如何创建？

const { app, Menu } = require('electron')

const template = [
  {
    label: '文件',
    submenu: [
      {
        label: '新建',
        accelerator: 'CmdOrCtrl+N',
        click() {
          // 处理新建文件操作
          console.log('新建文件')
        }
      },
      {
        label: '打开',
        accelerator: 'CmdOrCtrl+O',
        click() {
          // 处理打开文件操作
          console.log('打开文件')
        }
      },
      {
        label: '保存',
        accelerator: 'CmdOrCtrl+S',
        click() {
          // 处理保存文件操作
          console.log('保存文件')
        }
      },
      {
        type: 'separator' // 添加分隔符
      },
      {
        label: '退出',
        accelerator: 'CmdOrCtrl+Q',
        click() {
          app.quit()
        }
      }
    ]
  },
  {
    label: '编辑',
    submenu: [
      { role: 'undo' }, // 使用内置角色
      { role: 'redo' },
      { type: 'separator' },
      { role: 'cut' },
      { role: 'copy' },
      { role: 'paste' },
      { role: 'pasteAndMatchStyle' },
      { role: 'delete' },
      { role: 'selectAll' }
    ]
  },
  {
    label: '视图',
    submenu: [
      { role: 'reload' },
      { role: 'forceReload' },
      { role: 'toggleDevTools' },
      { type: 'separator' },
      { role: 'resetZoom' },
      { role: 'zoomIn' },
      { role: 'zoomOut' },
      { type: 'separator' },
      { role: 'togglefullscreen' }
    ]
  },
  {
    role: 'window',
    submenu: [
      { role: 'minimize' },
      { role: 'zoom' },
      { role: 'close' }
    ]
  },
  {
    role: 'help',
    submenu: [
      {
        label: '了解更多',
        click() { require('electron').shell.openExternal('https://electronjs.org') }
      }
    ]
  }
]

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

Menu.buildFromTemplate(template)

role

undo

redo

cut

enabled

visible

Menu.getApplicationMenu()

MenuItem.id

MenuItem.label

const { Menu } = require('electron')

// 获取应用程序菜单
const menu = Menu.getApplicationMenu()

// 找到要修改的菜单项 (假设菜单项的 id 为 'my-menu-item')
const menuItem = menu.getMenuItemById('my-menu-item')

if (menuItem) {
  // 修改菜单项的 label
  menuItem.label = '新的标签'

  // 禁用菜单项
  menuItem.enabled = false

  // 隐藏菜单项
  menuItem.visible = false
}

webContents.on('context-menu', ...)

const { Menu, MenuItem, BrowserWindow } = require('electron')

let mainWindow

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }
  })

  mainWindow.loadFile('index.html')

  mainWindow.webContents.on('context-menu', (event, params) => {
    const menu = new Menu()

    menu.append(new MenuItem({
      label: '复制',
      click() {
        mainWindow.webContents.copy()
      }
    }))

    menu.append(new MenuItem({
      label: '粘贴',
      click() {
        mainWindow.webContents.paste()
      }
    }))

    menu.popup({ window: mainWindow, x: params.x, y: params.y })
  })
})

webContents

context-menu

menu.popup()

checkbox

radio

const { Menu, MenuItem } = require('electron')

const template = [
  {
    label: '选项',
    submenu: [
      {
        label: '启用功能 A',
        type: 'checkbox',
        checked: true, // 初始状态
        click(menuItem) {
          console.log('功能 A 状态:', menuItem.checked)
        }
      },
      {
        label: '选择模式',
        submenu: [
          {
            label: '模式 1',
            type: 'radio',
            checked: true,
            click() {
              console.log('选择模式 1')
            }
          },
          {
            label: '模式 2',
            type: 'radio',
            click() {
              console.log('选择模式 2')
            }
          }
        ]
      }
    ]
  }
]

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

checked