/** * DevExtreme (ui/file_manager/ui.file_manager.context_menu.js) * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ "use strict"; function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj) { return typeof obj } : function(obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj }, _typeof(obj) } var _renderer = require("../../core/renderer"); var _renderer2 = _interopRequireDefault(_renderer); var _extend = require("../../core/utils/extend"); var _type = require("../../core/utils/type"); 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 _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) } Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor } function _get() { if ("undefined" !== typeof Reflect && Reflect.get) { _get = Reflect.get.bind() } 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(arguments.length < 3 ? target : receiver) } return desc.value } } return _get.apply(this, arguments) } 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) { _setPrototypeOf(subClass, superClass) } } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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 } else { if (void 0 !== call) { throw new TypeError("Derived constructors may only return object or undefined") } } 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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); return true } catch (e) { return false } } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : 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", "rename", "move", "copy", "delete", { commandName: "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._createContextMenuHiddenAction(); this._isVisible = false; var $menu = (0, _renderer2.default)("
").appendTo(this.$element()); this._contextMenu = this._createComponent($menu, _ui4.default, { cssClass: FILEMANAGER_CONTEXT_MEMU_CLASS, showEvent: "", onItemClick: function(_ref) { var commandName = _ref.itemData.commandName; return _this._onContextMenuItemClick(commandName) }, onHidden: function() { return _this._onContextMenuHidden() } }); _get(_getPrototypeOf(FileManagerContextMenu.prototype), "_initMarkup", this).call(this) } }, { key: "showAt", value: function(fileItems, element, offset) { if (this._isVisible) { this._raiseContextMenuHidden() } this._isVisible = true; var items = this.createContextMenuItems(fileItems); 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" } this._contextMenu.option({ dataSource: items, target: element, position: position }); this._contextMenu.show() } }, { key: "createContextMenuItems", value: function(fileItems) { var _this2 = this; this._targetFileItems = fileItems; var result = []; DEFAULT_CONTEXT_MENU_ITEMS.forEach(function(srcItem) { var commandName = (0, _type.isString)(srcItem) ? srcItem : srcItem.commandName; if (_this2._commandManager.isCommandAvailable(commandName, fileItems)) { var item = _this2._createMenuItemByCommandName(commandName); if ((0, _type.isObject)(srcItem)) { item = (0, _extend.extend)(true, item, srcItem) } result.push(item) } }); return result } }, { key: "_createMenuItemByCommandName", value: function(commandName) { var _this3 = this; var _this$_commandManager = this._commandManager.getCommandByName(commandName), text = _this$_commandManager.text, icon = _this$_commandManager.icon; return { commandName: commandName, text: text, icon: icon, onItemClick: function() { return _this3._onContextMenuItemClick(commandName) } } } }, { key: "_onContextMenuItemClick", value: function(commandName) { this._commandManager.executeCommand(commandName, this._targetFileItems) } }, { key: "_createContextMenuHiddenAction", value: function() { this._contextMenuHiddenAction = this._createActionByOption("onContextMenuHidden") } }, { key: "_onContextMenuHidden", value: function() { this._isVisible = false; this._raiseContextMenuHidden() } }, { key: "_raiseContextMenuHidden", value: function() { this._contextMenuHiddenAction() } }, { key: "_getDefaultOptions", value: function() { return (0, _extend.extend)(_get(_getPrototypeOf(FileManagerContextMenu.prototype), "_getDefaultOptions", this).call(this), { commandManager: null, onContextMenuHidden: null }) } }, { key: "_optionChanged", value: function(args) { var name = args.name; switch (name) { case "commandManager": this.repaint(); break; case "onContextMenuHidden": this._createContextMenuHiddenAction(); 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;