initial port of things into a Menu class
This commit is contained in:
Shelley Vohr
parent
61a93c711c
commit
87802b2c17
1 changed files with 223 additions and 242 deletions
|
|
@ -6,10 +6,231 @@ const v8Util = process.atomBinding('v8_util')
|
||||||
const bindings = process.atomBinding('menu')
|
const bindings = process.atomBinding('menu')
|
||||||
|
|
||||||
// Automatically generated radio menu item's group id.
|
// Automatically generated radio menu item's group id.
|
||||||
var nextGroupId = 0
|
let nextGroupId = 0
|
||||||
|
let applicationMenu = null
|
||||||
|
|
||||||
|
const Menu = bindings.Menu
|
||||||
|
|
||||||
|
class Menu extends EventEmitter {
|
||||||
|
constructor () {
|
||||||
|
this.commandsMap = {}
|
||||||
|
this.groupsMap = {}
|
||||||
|
this.items = []
|
||||||
|
this.delegate = {
|
||||||
|
isCommandIdChecked: (commandId) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
return command != null ? command.checked : undefined
|
||||||
|
},
|
||||||
|
isCommandIdEnabled: (commandId) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
return command != null ? command.enabled : undefined
|
||||||
|
},
|
||||||
|
isCommandIdVisible: (commandId) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
return command != null ? command.visible : undefined
|
||||||
|
},
|
||||||
|
getAcceleratorForCommandId: (commandId, useDefaultAccelerator) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
if (command == null) return
|
||||||
|
if (command.accelerator != null) return command.accelerator
|
||||||
|
if (useDefaultAccelerator) return command.getDefaultRoleAccelerator()
|
||||||
|
},
|
||||||
|
getIconForCommandId: (commandId) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
return command != null ? command.icon : undefined
|
||||||
|
},
|
||||||
|
executeCommand: (event, commandId) => {
|
||||||
|
const command = this.commandsMap[commandId]
|
||||||
|
if (command == null) return
|
||||||
|
command.click(event, BrowserWindow.getFocusedWindow(), webContents.getFocusedWebContents())
|
||||||
|
},
|
||||||
|
menuWillShow: () => {
|
||||||
|
// Make sure radio groups have at least one menu item selected
|
||||||
|
for (let id in this.groupsMap) {
|
||||||
|
const group = this.groupsMap[id]
|
||||||
|
const checked = false
|
||||||
|
for (let idx = 0; idx < group.length; idx++) {
|
||||||
|
const radioItem = group[idx]
|
||||||
|
if (!radioItem.checked) continue
|
||||||
|
checked = true
|
||||||
|
break
|
||||||
|
}
|
||||||
|
if (!checked) v8Util.setHiddenValue(group[0], 'checked', true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
popup (window, x, y, positioningItem) {
|
||||||
|
let [newX, newY, newPositioningItem] = [x, y, positioningItem]
|
||||||
|
let asyncPopup
|
||||||
|
|
||||||
|
// menu.popup(x, y, positioningItem)
|
||||||
|
if (window != null) {
|
||||||
|
if (typeof window !== 'object' || window.constructor !== BrowserWindow) {
|
||||||
|
[newPositioningItem, newY, newX] = [y, x, window]
|
||||||
|
window = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// menu.popup(window, {})
|
||||||
|
if (x != null && typeof x === 'object') {
|
||||||
|
[newX, newY, newPositioningItem] = [x.x, x.y, x.positioningItem]
|
||||||
|
asyncPopup = x.async
|
||||||
|
}
|
||||||
|
|
||||||
|
// set up defaults
|
||||||
|
if (window == null) window = BrowserWindow.getFocusedWindow()
|
||||||
|
if (typeof x !== 'number') newX = -1
|
||||||
|
if (typeof y !== 'number') newY = -1
|
||||||
|
if (typeof positioningItem !== 'number') newPositioningItem = -1
|
||||||
|
if (typeof asyncPopup !== 'boolean') asyncPopup = false
|
||||||
|
|
||||||
|
this.popupAt(window, newX, newY, newPositioningItem, asyncPopup)
|
||||||
|
}
|
||||||
|
closePopup (window) {
|
||||||
|
if (window == null || window.constructor !== BrowserWindow) {
|
||||||
|
window = BrowserWindow.getFocusedWindow()
|
||||||
|
}
|
||||||
|
|
||||||
|
if (window != null) this.closePopupAt(window.id)
|
||||||
|
}
|
||||||
|
getMenuItemById (id) {
|
||||||
|
const items = this.items
|
||||||
|
|
||||||
|
let found = items.find(item => item.id === id) || null
|
||||||
|
for (let i = 0, length = items.length; !found && i < length; i++) {
|
||||||
|
if (items[i].submenu) {
|
||||||
|
found = items[i].submenu.getMenuItemById(id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return found
|
||||||
|
}
|
||||||
|
append (item) {
|
||||||
|
return this.insert(this.getItemCount(), item)
|
||||||
|
}
|
||||||
|
insert (pos, item) {
|
||||||
|
var base, name
|
||||||
|
if ((item != null ? item.constructor : void 0) !== MenuItem) {
|
||||||
|
throw new TypeError('Invalid item')
|
||||||
|
}
|
||||||
|
switch (item.type) {
|
||||||
|
case 'normal':
|
||||||
|
this.insertItem(pos, item.commandId, item.label)
|
||||||
|
break
|
||||||
|
case 'checkbox':
|
||||||
|
this.insertCheckItem(pos, item.commandId, item.label)
|
||||||
|
break
|
||||||
|
case 'separator':
|
||||||
|
this.insertSeparator(pos)
|
||||||
|
break
|
||||||
|
case 'submenu':
|
||||||
|
this.insertSubMenu(pos, item.commandId, item.label, item.submenu)
|
||||||
|
break
|
||||||
|
case 'radio':
|
||||||
|
// Grouping radio menu items.
|
||||||
|
item.overrideReadOnlyProperty('groupId', generateGroupId(this.items, pos))
|
||||||
|
if ((base = this.groupsMap)[name = item.groupId] == null) {
|
||||||
|
base[name] = []
|
||||||
|
}
|
||||||
|
this.groupsMap[item.groupId].push(item)
|
||||||
|
|
||||||
|
// Setting a radio menu item should flip other items in the group.
|
||||||
|
v8Util.setHiddenValue(item, 'checked', item.checked)
|
||||||
|
Object.defineProperty(item, 'checked', {
|
||||||
|
enumerable: true,
|
||||||
|
get: function () {
|
||||||
|
return v8Util.getHiddenValue(item, 'checked')
|
||||||
|
},
|
||||||
|
set: () => {
|
||||||
|
var j, len, otherItem, ref1
|
||||||
|
ref1 = this.groupsMap[item.groupId]
|
||||||
|
for (j = 0, len = ref1.length; j < len; j++) {
|
||||||
|
otherItem = ref1[j]
|
||||||
|
if (otherItem !== item) {
|
||||||
|
v8Util.setHiddenValue(otherItem, 'checked', false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return v8Util.setHiddenValue(item, 'checked', true)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.insertRadioItem(pos, item.commandId, item.label, item.groupId)
|
||||||
|
}
|
||||||
|
if (item.sublabel != null) {
|
||||||
|
this.setSublabel(pos, item.sublabel)
|
||||||
|
}
|
||||||
|
if (item.icon != null) {
|
||||||
|
this.setIcon(pos, item.icon)
|
||||||
|
}
|
||||||
|
if (item.role != null) {
|
||||||
|
this.setRole(pos, item.role)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make menu accessable to items.
|
||||||
|
item.overrideReadOnlyProperty('menu', this)
|
||||||
|
|
||||||
|
// Remember the items.
|
||||||
|
this.items.splice(pos, 0, item)
|
||||||
|
this.commandsMap[item.commandId] = item
|
||||||
|
}
|
||||||
|
_callMenuWillShow () {
|
||||||
|
if (this.delegate != null) {
|
||||||
|
this.delegate.menuWillShow()
|
||||||
|
}
|
||||||
|
this.items.forEach(function (item) {
|
||||||
|
if (item.submenu != null) {
|
||||||
|
item.submenu._callMenuWillShow()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
static setApplicationMenu (menu) {
|
||||||
|
if (!(menu === null || menu.constructor === Menu)) {
|
||||||
|
throw new TypeError('Invalid menu')
|
||||||
|
}
|
||||||
|
|
||||||
|
// Keep a reference.
|
||||||
|
applicationMenu = menu
|
||||||
|
if (process.platform === 'darwin') {
|
||||||
|
if (menu === null) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
menu._callMenuWillShow()
|
||||||
|
bindings.setApplicationMenu(menu)
|
||||||
|
} else {
|
||||||
|
BrowserWindow.getAllWindows().forEach(function (window) {
|
||||||
|
window.setMenu(menu)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
static getApplicationMenu () {
|
||||||
|
return applicationMenu
|
||||||
|
}
|
||||||
|
static buildFromTemplate (template) {
|
||||||
|
if (!Array.isArray(template)) throw new TypeError('Invalid template for Menu')
|
||||||
|
|
||||||
|
const menu = new Menu()
|
||||||
|
let positioned = []
|
||||||
|
let idx = 0
|
||||||
|
|
||||||
|
template.forEach((item) => {
|
||||||
|
idx = (item.position) ? indexToInsertByPosition(positioned, item.position) : idx += 1
|
||||||
|
positioned.splice(idx, 0, item)
|
||||||
|
})
|
||||||
|
|
||||||
|
positioned.forEach((item) => {
|
||||||
|
if (typeof item !== 'object') {
|
||||||
|
throw new TypeError('Invalid template for MenuItem')
|
||||||
|
}
|
||||||
|
menu.append(new MenuItem(item))
|
||||||
|
})
|
||||||
|
|
||||||
|
return menu
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Menu.sendActionToFirstResponder = bindings.sendActionToFirstResponder
|
||||||
|
|
||||||
|
/* HELPER METHODS */
|
||||||
|
|
||||||
// Search between separators to find a radio menu item and return its group id,
|
// Search between separators to find a radio menu item and return its group id,
|
||||||
// otherwise generate a group id.
|
|
||||||
function generateGroupId (items, pos) {
|
function generateGroupId (items, pos) {
|
||||||
var i, item, j, k, ref1, ref2, ref3
|
var i, item, j, k, ref1, ref2, ref3
|
||||||
if (pos > 0) {
|
if (pos > 0) {
|
||||||
|
|
@ -78,244 +299,4 @@ function indexToInsertByPosition (items, pos) {
|
||||||
return idx
|
return idx
|
||||||
}
|
}
|
||||||
|
|
||||||
const Menu = bindings.Menu
|
|
||||||
|
|
||||||
Object.setPrototypeOf(Menu.prototype, EventEmitter.prototype)
|
|
||||||
|
|
||||||
Menu.prototype._init = function () {
|
|
||||||
this.commandsMap = {}
|
|
||||||
this.groupsMap = {}
|
|
||||||
this.items = []
|
|
||||||
this.delegate = {
|
|
||||||
isCommandIdChecked: (commandId) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
return command != null ? command.checked : undefined
|
|
||||||
},
|
|
||||||
isCommandIdEnabled: (commandId) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
return command != null ? command.enabled : undefined
|
|
||||||
},
|
|
||||||
isCommandIdVisible: (commandId) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
return command != null ? command.visible : undefined
|
|
||||||
},
|
|
||||||
getAcceleratorForCommandId: (commandId, useDefaultAccelerator) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
if (command == null) return
|
|
||||||
if (command.accelerator != null) return command.accelerator
|
|
||||||
if (useDefaultAccelerator) return command.getDefaultRoleAccelerator()
|
|
||||||
},
|
|
||||||
getIconForCommandId: (commandId) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
return command != null ? command.icon : undefined
|
|
||||||
},
|
|
||||||
executeCommand: (event, commandId) => {
|
|
||||||
const command = this.commandsMap[commandId]
|
|
||||||
if (command == null) return
|
|
||||||
command.click(event, BrowserWindow.getFocusedWindow(), webContents.getFocusedWebContents())
|
|
||||||
},
|
|
||||||
menuWillShow: () => {
|
|
||||||
// Make sure radio groups have at least one menu item selected
|
|
||||||
for (let id in this.groupsMap) {
|
|
||||||
const group = this.groupsMap[id]
|
|
||||||
const checked = false
|
|
||||||
for (let idx = 0; idx < group.length; idx++) {
|
|
||||||
const radioItem = group[idx]
|
|
||||||
if (!radioItem.checked) continue
|
|
||||||
checked = true
|
|
||||||
break
|
|
||||||
}
|
|
||||||
if (!checked) v8Util.setHiddenValue(group[0], 'checked', true)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.prototype.popup = function (window, x, y, positioningItem) {
|
|
||||||
let [newX, newY, newPositioningItem] = [x, y, positioningItem]
|
|
||||||
let asyncPopup
|
|
||||||
|
|
||||||
// menu.popup(x, y, positioningItem)
|
|
||||||
if (window != null) {
|
|
||||||
if (typeof window !== 'object' || window.constructor !== BrowserWindow) {
|
|
||||||
[newPositioningItem, newY, newX] = [y, x, window]
|
|
||||||
window = null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// menu.popup(window, {})
|
|
||||||
if (x != null && typeof x === 'object') {
|
|
||||||
[newX, newY, newPositioningItem] = [x.x, x.y, x.positioningItem]
|
|
||||||
asyncPopup = x.async
|
|
||||||
}
|
|
||||||
|
|
||||||
// set up defaults
|
|
||||||
if (window == null) window = BrowserWindow.getFocusedWindow()
|
|
||||||
if (typeof x !== 'number') newX = -1
|
|
||||||
if (typeof y !== 'number') newY = -1
|
|
||||||
if (typeof positioningItem !== 'number') newPositioningItem = -1
|
|
||||||
if (typeof asyncPopup !== 'boolean') asyncPopup = false
|
|
||||||
|
|
||||||
this.popupAt(window, newX, newY, newPositioningItem, asyncPopup)
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.prototype.closePopup = function (window) {
|
|
||||||
if (window == null || window.constructor !== BrowserWindow) {
|
|
||||||
window = BrowserWindow.getFocusedWindow()
|
|
||||||
}
|
|
||||||
if (window != null) {
|
|
||||||
this.closePopupAt(window.id)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.prototype.getMenuItemById = function (id) {
|
|
||||||
const items = this.items
|
|
||||||
|
|
||||||
let found = items.find(item => item.id === id) || null
|
|
||||||
for (let i = 0, length = items.length; !found && i < length; i++) {
|
|
||||||
if (items[i].submenu) {
|
|
||||||
found = items[i].submenu.getMenuItemById(id)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return found
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.prototype.append = function (item) {
|
|
||||||
return this.insert(this.getItemCount(), item)
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.prototype.insert = function (pos, item) {
|
|
||||||
var base, name
|
|
||||||
if ((item != null ? item.constructor : void 0) !== MenuItem) {
|
|
||||||
throw new TypeError('Invalid item')
|
|
||||||
}
|
|
||||||
switch (item.type) {
|
|
||||||
case 'normal':
|
|
||||||
this.insertItem(pos, item.commandId, item.label)
|
|
||||||
break
|
|
||||||
case 'checkbox':
|
|
||||||
this.insertCheckItem(pos, item.commandId, item.label)
|
|
||||||
break
|
|
||||||
case 'separator':
|
|
||||||
this.insertSeparator(pos)
|
|
||||||
break
|
|
||||||
case 'submenu':
|
|
||||||
this.insertSubMenu(pos, item.commandId, item.label, item.submenu)
|
|
||||||
break
|
|
||||||
case 'radio':
|
|
||||||
// Grouping radio menu items.
|
|
||||||
item.overrideReadOnlyProperty('groupId', generateGroupId(this.items, pos))
|
|
||||||
if ((base = this.groupsMap)[name = item.groupId] == null) {
|
|
||||||
base[name] = []
|
|
||||||
}
|
|
||||||
this.groupsMap[item.groupId].push(item)
|
|
||||||
|
|
||||||
// Setting a radio menu item should flip other items in the group.
|
|
||||||
v8Util.setHiddenValue(item, 'checked', item.checked)
|
|
||||||
Object.defineProperty(item, 'checked', {
|
|
||||||
enumerable: true,
|
|
||||||
get: function () {
|
|
||||||
return v8Util.getHiddenValue(item, 'checked')
|
|
||||||
},
|
|
||||||
set: () => {
|
|
||||||
var j, len, otherItem, ref1
|
|
||||||
ref1 = this.groupsMap[item.groupId]
|
|
||||||
for (j = 0, len = ref1.length; j < len; j++) {
|
|
||||||
otherItem = ref1[j]
|
|
||||||
if (otherItem !== item) {
|
|
||||||
v8Util.setHiddenValue(otherItem, 'checked', false)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return v8Util.setHiddenValue(item, 'checked', true)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.insertRadioItem(pos, item.commandId, item.label, item.groupId)
|
|
||||||
}
|
|
||||||
if (item.sublabel != null) {
|
|
||||||
this.setSublabel(pos, item.sublabel)
|
|
||||||
}
|
|
||||||
if (item.icon != null) {
|
|
||||||
this.setIcon(pos, item.icon)
|
|
||||||
}
|
|
||||||
if (item.role != null) {
|
|
||||||
this.setRole(pos, item.role)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make menu accessable to items.
|
|
||||||
item.overrideReadOnlyProperty('menu', this)
|
|
||||||
|
|
||||||
// Remember the items.
|
|
||||||
this.items.splice(pos, 0, item)
|
|
||||||
this.commandsMap[item.commandId] = item
|
|
||||||
}
|
|
||||||
|
|
||||||
// Force menuWillShow to be called
|
|
||||||
Menu.prototype._callMenuWillShow = function () {
|
|
||||||
if (this.delegate != null) {
|
|
||||||
this.delegate.menuWillShow()
|
|
||||||
}
|
|
||||||
this.items.forEach(function (item) {
|
|
||||||
if (item.submenu != null) {
|
|
||||||
item.submenu._callMenuWillShow()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
var applicationMenu = null
|
|
||||||
|
|
||||||
Menu.setApplicationMenu = function (menu) {
|
|
||||||
if (!(menu === null || menu.constructor === Menu)) {
|
|
||||||
throw new TypeError('Invalid menu')
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keep a reference.
|
|
||||||
applicationMenu = menu
|
|
||||||
if (process.platform === 'darwin') {
|
|
||||||
if (menu === null) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
menu._callMenuWillShow()
|
|
||||||
bindings.setApplicationMenu(menu)
|
|
||||||
} else {
|
|
||||||
BrowserWindow.getAllWindows().forEach(function (window) {
|
|
||||||
window.setMenu(menu)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.getApplicationMenu = function () {
|
|
||||||
return applicationMenu
|
|
||||||
}
|
|
||||||
|
|
||||||
Menu.sendActionToFirstResponder = bindings.sendActionToFirstResponder
|
|
||||||
|
|
||||||
Menu.buildFromTemplate = function (template) {
|
|
||||||
var insertIndex, item, j, k, len, len1, menu, menuItem, positionedTemplate
|
|
||||||
if (!Array.isArray(template)) {
|
|
||||||
throw new TypeError('Invalid template for Menu')
|
|
||||||
}
|
|
||||||
positionedTemplate = []
|
|
||||||
insertIndex = 0
|
|
||||||
for (j = 0, len = template.length; j < len; j++) {
|
|
||||||
item = template[j]
|
|
||||||
if (item.position) {
|
|
||||||
insertIndex = indexToInsertByPosition(positionedTemplate, item.position)
|
|
||||||
} else {
|
|
||||||
// If no |position| is specified, insert after last item.
|
|
||||||
insertIndex++
|
|
||||||
}
|
|
||||||
positionedTemplate.splice(insertIndex, 0, item)
|
|
||||||
}
|
|
||||||
menu = new Menu()
|
|
||||||
for (k = 0, len1 = positionedTemplate.length; k < len1; k++) {
|
|
||||||
item = positionedTemplate[k]
|
|
||||||
if (typeof item !== 'object') {
|
|
||||||
throw new TypeError('Invalid template for MenuItem')
|
|
||||||
}
|
|
||||||
menuItem = new MenuItem(item)
|
|
||||||
menu.append(menuItem)
|
|
||||||
}
|
|
||||||
return menu
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = Menu
|
module.exports = Menu
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue