devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
87 lines (86 loc) • 3.37 kB
JavaScript
/**
* DevExtreme (ui/list/ui.list.edit.decorator.js)
* Version: 18.1.3
* Build date: Tue May 15 2018
*
* Copyright (c) 2012 - 2018 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
var $ = require("../../core/renderer"),
eventsEngine = require("../../events/core/events_engine"),
noop = require("../../core/utils/common").noop,
Class = require("../../core/class"),
swipeEvents = require("../../events/swipe"),
eventUtils = require("../../events/utils");
var LIST_EDIT_DECORATOR = "dxListEditDecorator",
SWIPE_START_EVENT_NAME = eventUtils.addNamespace(swipeEvents.start, LIST_EDIT_DECORATOR),
SWIPE_UPDATE_EVENT_NAME = eventUtils.addNamespace(swipeEvents.swipe, LIST_EDIT_DECORATOR),
SWIPE_END_EVENT_NAME = eventUtils.addNamespace(swipeEvents.end, LIST_EDIT_DECORATOR);
var EditDecorator = Class.inherit({
ctor: function(list) {
this._list = list;
this._init()
},
_init: noop,
_shouldHandleSwipe: false,
_attachSwipeEvent: function(config) {
var swipeConfig = {
itemSizeFunc: function() {
if (this._clearSwipeCache) {
this._itemWidthCache = this._list.$element().width();
this._clearSwipeCache = false
}
return this._itemWidthCache
}.bind(this)
};
eventsEngine.on(config.$itemElement, SWIPE_START_EVENT_NAME, swipeConfig, this._itemSwipeStartHandler.bind(this));
eventsEngine.on(config.$itemElement, SWIPE_UPDATE_EVENT_NAME, this._itemSwipeUpdateHandler.bind(this));
eventsEngine.on(config.$itemElement, SWIPE_END_EVENT_NAME, this._itemSwipeEndHandler.bind(this))
},
_itemSwipeStartHandler: function(e) {
var $itemElement = $(e.currentTarget);
if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
e.cancel = true;
return
}
clearTimeout(this._list._inkRippleTimer);
this._swipeStartHandler($itemElement, e)
},
_itemSwipeUpdateHandler: function(e) {
var $itemElement = $(e.currentTarget);
this._swipeUpdateHandler($itemElement, e)
},
_itemSwipeEndHandler: function(e) {
var $itemElement = $(e.currentTarget);
this._swipeEndHandler($itemElement, e);
this._clearSwipeCache = true
},
beforeBag: noop,
afterBag: noop,
_commonOptions: function() {
return {
activeStateEnabled: this._list.option("activeStateEnabled"),
hoverStateEnabled: this._list.option("hoverStateEnabled"),
focusStateEnabled: this._list.option("focusStateEnabled")
}
},
modifyElement: function(config) {
if (this._shouldHandleSwipe) {
this._attachSwipeEvent(config);
this._clearSwipeCache = true
}
},
afterRender: noop,
handleClick: noop,
handleKeyboardEvents: noop,
handleEnterPressing: noop,
handleContextMenu: noop,
_swipeStartHandler: noop,
_swipeUpdateHandler: noop,
_swipeEndHandler: noop,
visibilityChange: noop,
getExcludedSelectors: noop,
dispose: noop
});
module.exports = EditDecorator;