devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
424 lines (407 loc) • 15.2 kB
JavaScript
/**
* DevExtreme (ui/file_manager/ui.file_manager.context_menu.js)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
var _renderer = require("../../core/renderer");
var _renderer2 = _interopRequireDefault(_renderer);
var _extend = require("../../core/utils/extend");
var _type = require("../../core/utils/type");
var _common = require("../../core/utils/common");
var _ui = require("../widget/ui.widget");
var _ui2 = _interopRequireDefault(_ui);
var _ui3 = require("../context_menu/ui.context_menu");
var _ui4 = _interopRequireDefault(_ui3);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
"default": obj
}
}
function _typeof(obj) {
"@babel/helpers - typeof";
if ("function" === typeof Symbol && "symbol" === typeof Symbol.iterator) {
_typeof = function(obj) {
return typeof obj
}
} else {
_typeof = function(obj) {
return obj && "function" === typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj
}
}
return _typeof(obj)
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
})
} else {
obj[key] = value
}
return obj
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function")
}
}
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) {
descriptor.writable = true
}
Object.defineProperty(target, descriptor.key, descriptor)
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) {
_defineProperties(Constructor.prototype, protoProps)
}
if (staticProps) {
_defineProperties(Constructor, staticProps)
}
return Constructor
}
function _get(target, property, receiver) {
if ("undefined" !== typeof Reflect && Reflect.get) {
_get = Reflect.get
} else {
_get = function(target, property, receiver) {
var base = _superPropBase(target, property);
if (!base) {
return
}
var desc = Object.getOwnPropertyDescriptor(base, property);
if (desc.get) {
return desc.get.call(receiver)
}
return desc.value
}
}
return _get(target, property, receiver || target)
}
function _superPropBase(object, property) {
while (!Object.prototype.hasOwnProperty.call(object, property)) {
object = _getPrototypeOf(object);
if (null === object) {
break
}
}
return object
}
function _inherits(subClass, superClass) {
if ("function" !== typeof superClass && null !== superClass) {
throw new TypeError("Super expression must either be null or a function")
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) {
_setPrototypeOf(subClass, superClass)
}
}
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf || function(o, p) {
o.__proto__ = p;
return o
};
return _setPrototypeOf(o, p)
}
function _createSuper(Derived) {
var hasNativeReflectConstruct = _isNativeReflectConstruct();
return function() {
var result, Super = _getPrototypeOf(Derived);
if (hasNativeReflectConstruct) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget)
} else {
result = Super.apply(this, arguments)
}
return _possibleConstructorReturn(this, result)
}
}
function _possibleConstructorReturn(self, call) {
if (call && ("object" === _typeof(call) || "function" === typeof call)) {
return call
}
return _assertThisInitialized(self)
}
function _assertThisInitialized(self) {
if (void 0 === self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called")
}
return self
}
function _isNativeReflectConstruct() {
if ("undefined" === typeof Reflect || !Reflect.construct) {
return false
}
if (Reflect.construct.sham) {
return false
}
if ("function" === typeof Proxy) {
return true
}
try {
Date.prototype.toString.call(Reflect.construct(Date, [], function() {}));
return true
} catch (e) {
return false
}
}
function _getPrototypeOf(o) {
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(o) {
return o.__proto__ || Object.getPrototypeOf(o)
};
return _getPrototypeOf(o)
}
var FILEMANAGER_CONTEXT_MEMU_CLASS = "dx-filemanager-context-menu";
var DEFAULT_CONTEXT_MENU_ITEMS = {
create: {},
upload: {},
download: {},
rename: {},
move: {},
copy: {},
"delete": {},
refresh: {
beginGroup: true
}
};
var FileManagerContextMenu = function(_Widget) {
_inherits(FileManagerContextMenu, _Widget);
var _super = _createSuper(FileManagerContextMenu);
function FileManagerContextMenu() {
_classCallCheck(this, FileManagerContextMenu);
return _super.apply(this, arguments)
}
_createClass(FileManagerContextMenu, [{
key: "_initMarkup",
value: function() {
var _this = this;
this._initActions();
this._isVisible = false;
var $menu = (0, _renderer2.default)("<div>").appendTo(this.$element());
this._contextMenu = this._createComponent($menu, _ui4.default, {
cssClass: FILEMANAGER_CONTEXT_MEMU_CLASS,
showEvent: "",
onItemClick: function(args) {
return _this._onContextMenuItemClick(args.itemData.name, args)
},
onHidden: function() {
return _this._onContextMenuHidden()
}
});
_get(_getPrototypeOf(FileManagerContextMenu.prototype), "_initMarkup", this).call(this)
}
}, {
key: "showAt",
value: function(fileItems, element, offset, targetFileItem) {
if (this._isVisible) {
this._raiseContextMenuHidden()
}
this._isVisible = true;
var items = this.createContextMenuItems(fileItems, null, targetFileItem);
var position = {
of: element,
at: "top left",
my: "top left",
offset: ""
};
if (offset) {
position.offset = offset.offsetX + " " + offset.offsetY
} else {
position.my = "left top";
position.at = "left bottom";
position.boundaryOffset = "1"
}
this._contextMenu.option({
dataSource: items,
target: element,
position: position
});
this._contextMenu.show()
}
}, {
key: "createContextMenuItems",
value: function(fileItems, contextMenuItems, targetFileItem) {
var _this2 = this;
this._targetFileItems = fileItems;
this._targetFileItem = (0, _type.isDefined)(targetFileItem) ? targetFileItem : null === fileItems || void 0 === fileItems ? void 0 : fileItems[0];
var result = [];
var itemArray = contextMenuItems || this.option("items");
itemArray.forEach(function(srcItem) {
var commandName = (0, _type.isString)(srcItem) ? srcItem : srcItem.name;
var item = _this2._configureItemByCommandName(commandName, srcItem, fileItems, _this2._targetFileItem);
if (_this2._isContextMenuItemAvailable(item, fileItems)) {
result.push(item)
}
});
return result
}
}, {
key: "_isContextMenuItemAvailable",
value: function(menuItem, fileItems) {
if (!this._isDefaultItem(menuItem.name) || !menuItem._autoHide) {
return (0, _common.ensureDefined)(menuItem.visible, true)
}
if (this._isIsolatedCreationItemCommand(menuItem.name) && fileItems && fileItems.length) {
return false
}
return this._commandManager.isCommandAvailable(menuItem.name, fileItems)
}
}, {
key: "_isIsolatedCreationItemCommand",
value: function(commandName) {
return ("create" === commandName || "upload" === commandName) && this.option("isolateCreationItemCommands")
}
}, {
key: "_isDefaultItem",
value: function(commandName) {
return !!DEFAULT_CONTEXT_MENU_ITEMS[commandName]
}
}, {
key: "_extendAttributes",
value: function(targetObject, sourceObject, objectKeysArray) {
objectKeysArray.forEach(function(objectKey) {
(0, _extend.extend)(targetObject, sourceObject[objectKey] ? _defineProperty({}, objectKey, sourceObject[objectKey]) : {})
})
}
}, {
key: "_configureItemByCommandName",
value: function(commandName, item, fileItems, targetFileItem) {
if (!this._isDefaultItem(commandName)) {
var res = (0, _extend.extend)(true, {}, item);
res.originalItemData = item;
this._addItemClickHandler(commandName, res);
if (Array.isArray(item.items)) {
res.items = this.createContextMenuItems(fileItems, item.items, targetFileItem)
}
return res
}
var result = this._createMenuItemByCommandName(commandName);
var defaultConfig = DEFAULT_CONTEXT_MENU_ITEMS[commandName];
(0, _extend.extend)(result, defaultConfig);
result.originalItemData = item;
this._extendAttributes(result, item, ["visible", "beginGroup", "text", "icon"]);
if (!(0, _type.isDefined)(result.visible)) {
result._autoHide = true
} else {
this._extendAttributes(result, item, ["visible", "disabled"])
}
if (commandName && !result.name) {
(0, _extend.extend)(result, {
name: commandName
})
}
return result
}
}, {
key: "_createMenuItemByCommandName",
value: function(commandName) {
var _this$_commandManager = this._commandManager.getCommandByName(commandName),
text = _this$_commandManager.text,
icon = _this$_commandManager.icon;
var menuItem = {
name: commandName,
text: text,
icon: icon
};
this._addItemClickHandler(commandName, menuItem);
return menuItem
}
}, {
key: "_addItemClickHandler",
value: function(commandName, contextMenuItem) {
var _this3 = this;
contextMenuItem.onItemClick = function(args) {
return _this3._onContextMenuItemClick(commandName, args)
}
}
}, {
key: "_onContextMenuItemClick",
value: function(commandName, args) {
var _this$_targetFileItem;
var changedArgs = (0, _extend.extend)(true, {}, args);
changedArgs.itemData = args.itemData.originalItemData;
changedArgs.fileSystemItem = null === (_this$_targetFileItem = this._targetFileItem) || void 0 === _this$_targetFileItem ? void 0 : _this$_targetFileItem.fileItem;
changedArgs.viewArea = this.option("viewArea");
this._actions.onItemClick(changedArgs);
if (this._isDefaultItem(commandName)) {
var targetFileItems = this._isIsolatedCreationItemCommand(commandName) ? null : this._targetFileItems;
this._commandManager.executeCommand(commandName, targetFileItems)
}
}
}, {
key: "_initActions",
value: function() {
this._actions = {
onContextMenuHidden: this._createActionByOption("onContextMenuHidden"),
onItemClick: this._createActionByOption("onItemClick")
}
}
}, {
key: "_onContextMenuHidden",
value: function() {
this._isVisible = false;
this._raiseContextMenuHidden()
}
}, {
key: "_raiseContextMenuHidden",
value: function() {
this._actions.onContextMenuHidden()
}
}, {
key: "_getDefaultOptions",
value: function() {
return (0, _extend.extend)(_get(_getPrototypeOf(FileManagerContextMenu.prototype), "_getDefaultOptions", this).call(this), {
commandManager: null,
onContextMenuHidden: null,
onItemClick: null
})
}
}, {
key: "_optionChanged",
value: function(args) {
var name = args.name;
switch (name) {
case "commandManager":
this.repaint();
break;
case "items":
if (this._isVisible) {
var items = this.createContextMenuItems(this._targetFileItems);
this._contextMenu.option("dataSource", items)
}
break;
case "onItemClick":
case "onContextMenuHidden":
this._actions[name] = this._createActionByOption(name);
break;
default:
_get(_getPrototypeOf(FileManagerContextMenu.prototype), "_optionChanged", this).call(this, args)
}
}
}, {
key: "_commandManager",
get: function() {
return this.option("commandManager")
}
}]);
return FileManagerContextMenu
}(_ui2.default);
module.exports = FileManagerContextMenu;