node-ddk,electron 组件, 系统基上下文菜单(右键菜单)

node-ddk 操作窗口

https://blog.csdn.net/eli960/article/details/146207062

也可以下载demo直接演示

http://linuxmail.cn/go#node-ddk

在渲染进程(既web端)操作

import renderer, { NODEDDK } from "node-ddk/renderer"

renderer.systemMenu.show({
    menus: [
        {
            label: "item 1 哈哈哈哈哈哈",
            click: () => { console.log("item 1") }
        },
        {
            label: "item 2",
            click: () => { console.log("item 2") }
        },
        {
            label: "",
            separator: true,
        },
        {
            label: "item 3",
            click: () => { console.log("item 3") }
        },
        {
            type: "checkbox",   // 模拟选中状态
            checked: true,
            label: "复选框",
        },
    ],
    // 关闭后执行
    afterClose : () => { 
        console.log("closed")
    },
    // 字符宽度, 10 相当余 10个 英文字母, 或 5 个汉字
    minAbcCharLength: 10,
})

效果