devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
111 lines (110 loc) • 5.43 kB
JavaScript
/**
* DevExtreme (esm/ui/diagram/ui.diagram.menu_helper.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import $ from "../../core/renderer";
import {
getImageContainer
} from "../../core/utils/icon";
var DIAGRAM_CONTEXT_MENU_CLASS = "dx-diagram-contextmenu";
var DiagramMenuHelper = {
getContextMenuItemTemplate(contextMenu, itemData, itemIndex, itemElement) {
var $itemElement = $(itemElement);
$itemElement.empty();
var itemKey = void 0 !== itemData.rootCommand ? itemData.rootCommand : -1;
if (itemData.icon && !itemData.checked) {
var $iconElement = getImageContainer(itemData.icon);
$itemElement.append($iconElement)
} else if (contextMenu._menuHasCheckedItems && true === contextMenu._menuHasCheckedItems[itemKey]) {
var $checkElement = getImageContainer("check");
$checkElement.css("visibility", !itemData.checked ? "hidden" : "visible");
$itemElement.append($checkElement)
}
$itemElement.append('<span class="dx-menu-item-text">' + itemData.text + "</span>");
if (Array.isArray(itemData.items) && itemData.items.length > 0) {
$itemElement.append('<span class="dx-menu-item-popout-container"><div class="dx-menu-item-popout"></div></span>')
}
},
getContextMenuCssClass: () => DIAGRAM_CONTEXT_MENU_CLASS,
onContextMenuItemClick(widget, itemData, actionHandler) {
if ((void 0 !== itemData.command || void 0 !== itemData.name) && (!Array.isArray(itemData.items) || !itemData.items.length)) {
var parameter = DiagramMenuHelper.getItemCommandParameter(widget, itemData);
actionHandler.call(this, itemData.command, itemData.name, parameter)
} else if (void 0 !== itemData.rootCommand && void 0 !== itemData.value) {
var _parameter = DiagramMenuHelper.getItemCommandParameter(widget, itemData, itemData.value);
actionHandler.call(this, itemData.rootCommand, void 0, _parameter)
}
},
getItemValue: item => "object" === typeof item.value ? JSON.stringify(item.value) : item.value,
getItemOptionText(contextMenu, indexPath) {
if (contextMenu) {
indexPath = indexPath.slice();
var parentItemOptionText = this._getParentItemOptionText(indexPath);
if (contextMenu._originalItemsInfo && contextMenu._originalItemsInfo[parentItemOptionText]) {
indexPath[indexPath.length - 1] += contextMenu._originalItemsInfo[parentItemOptionText].indexPathCorrection
}
}
return this._getItemOptionTextCore(indexPath)
},
_getParentItemOptionText(indexPath) {
var parentIndexPath = indexPath.slice(0, indexPath.length - 1);
return this._getItemOptionTextCore(parentIndexPath)
},
_getItemOptionTextCore: indexPath => indexPath.reduce((r, i) => r + "items[".concat(i, "]."), ""),
getItemCommandParameter(widget, item, value) {
if (item.getParameter) {
return item.getParameter(widget)
}
return value
},
updateContextMenuItems(contextMenu, itemOptionText, rootCommandKey, items) {
if (!contextMenu._originalItemsInfo) {
contextMenu._originalItemsInfo = {}
}
if (!contextMenu._originalItemsInfo[itemOptionText]) {
contextMenu._originalItemsInfo[itemOptionText] = {
items: contextMenu.option(itemOptionText + "items") || []
}
}
items = items.map(item => ({
value: this.getItemValue(item),
text: item.text,
checked: item.checked,
widget: contextMenu,
rootCommand: rootCommandKey
}));
var originalItems = contextMenu._originalItemsInfo[itemOptionText].items;
contextMenu.option(itemOptionText + "items", items.concat(originalItems));
if (contextMenu._originalItemsInfo[itemOptionText] && originalItems.length) {
contextMenu._originalItemsInfo[itemOptionText].indexPathCorrection = items.length
}
},
updateContextMenuItemVisible(contextMenu, itemOptionText, visible) {
contextMenu.option(itemOptionText + "visible", visible)
},
updateContextMenuItemValue(contextMenu, itemOptionText, rootCommandKey, value) {
var items = contextMenu.option(itemOptionText + "items");
if ("boolean" === typeof value && (!items || !items.length)) {
this._setContextMenuHasCheckedItems(contextMenu, -1);
contextMenu.option(itemOptionText + "checked", value)
} else if (void 0 !== value) {
this._setContextMenuHasCheckedItems(contextMenu, rootCommandKey);
if (Array.isArray(items)) {
items.forEach((item, index) => {
item.checked = item.value === value
})
}
}
},
_setContextMenuHasCheckedItems(contextMenu, key) {
if (!contextMenu._menuHasCheckedItems) {
contextMenu._menuHasCheckedItems = {}
}
contextMenu._menuHasCheckedItems[key] = true
}
};
export default DiagramMenuHelper;