UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

367 lines (366 loc) • 15.5 kB
/** * DevExtreme (esm/ui/selection/selection.strategy.standard.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 { getKeyHash } from "../../core/utils/common"; import { isDefined, isObject } from "../../core/utils/type"; import { removeDuplicates, uniqueValues } from "../../core/utils/array"; import { isKeysEqual } from "../../core/utils/array_compare"; import dataQuery from "../../data/query"; import { Deferred, when } from "../../core/utils/deferred"; import { SelectionFilterCreator } from "../../core/utils/selection_filter"; import errors from "../widget/ui.errors"; import SelectionStrategy from "./selection.strategy"; export default SelectionStrategy.inherit({ ctor: function(options) { this.callBase(options); this._initSelectedItemKeyHash() }, _initSelectedItemKeyHash: function() { this._setOption("keyHashIndices", this.options.equalByReference ? null : {}) }, getSelectedItemKeys: function() { return this.options.selectedItemKeys.slice(0) }, getSelectedItems: function() { return this.options.selectedItems.slice(0) }, _preserveSelectionUpdate: function(items, isDeselect) { var keyOf = this.options.keyOf; var keyIndicesToRemoveMap; var keyIndex; var i; if (!keyOf) { return } var isBatchDeselect = isDeselect && items.length > 1 && !this.options.equalByReference; if (isBatchDeselect) { keyIndicesToRemoveMap = {} } for (i = 0; i < items.length; i++) { var item = items[i]; var key = keyOf(item); if (isDeselect) { keyIndex = this.removeSelectedItem(key, keyIndicesToRemoveMap); if (keyIndicesToRemoveMap && keyIndex >= 0) { keyIndicesToRemoveMap[keyIndex] = true } } else { this.addSelectedItem(key, item) } } if (isBatchDeselect) { this._batchRemoveSelectedItems(keyIndicesToRemoveMap) } }, _batchRemoveSelectedItems: function(keyIndicesToRemoveMap) { var selectedItemKeys = this.options.selectedItemKeys.slice(0); var selectedItems = this.options.selectedItems.slice(0); this.options.selectedItemKeys.length = 0; this.options.selectedItems.length = 0; for (var i = 0; i < selectedItemKeys.length; i++) { if (!keyIndicesToRemoveMap[i]) { this.options.selectedItemKeys.push(selectedItemKeys[i]); this.options.selectedItems.push(selectedItems[i]) } } this._initSelectedItemKeyHash(); this.updateSelectedItemKeyHash(this.options.selectedItemKeys) }, _loadSelectedItemsCore: function(keys, isDeselect, isSelectAll) { var deferred = new Deferred; var key = this.options.key(); if (!keys.length && !isSelectAll) { deferred.resolve([]); return deferred } var filter = this.options.filter(); if (isSelectAll && isDeselect && !filter) { deferred.resolve(this.getSelectedItems()); return deferred } var selectionFilterCreator = new SelectionFilterCreator(keys, isSelectAll); var combinedFilter = selectionFilterCreator.getCombinedFilter(key, filter); var deselectedItems = []; if (isDeselect) { deselectedItems = combinedFilter ? dataQuery(this.options.selectedItems).filter(combinedFilter).toArray() : this.options.selectedItems.slice(0) } var filteredItems = deselectedItems.length ? deselectedItems : this.options.plainItems(true).filter(this.options.isSelectableItem).map(this.options.getItemData); var localFilter = selectionFilterCreator.getLocalFilter(this.options.keyOf, this.equalKeys.bind(this), this.options.equalByReference, key); filteredItems = filteredItems.filter(localFilter); if (deselectedItems.length || !isSelectAll && filteredItems.length === keys.length) { deferred.resolve(filteredItems) } else { deferred = this._loadFilteredData(combinedFilter, localFilter, null, isSelectAll) } return deferred }, _replaceSelectionUpdate: function(items) { var internalKeys = []; var keyOf = this.options.keyOf; if (!keyOf) { return } for (var i = 0; i < items.length; i++) { var item = items[i]; var key = keyOf(item); internalKeys.push(key) } this.setSelectedItems(internalKeys, items) }, _warnOnIncorrectKeys: function(keys) { var allowNullValue = this.options.allowNullValue; for (var i = 0; i < keys.length; i++) { var key = keys[i]; if ((!allowNullValue || null !== key) && !this.isItemKeySelected(key)) { errors.log("W1002", key) } } }, _isMultiSelectEnabled: function() { var mode = this.options.mode; return "all" === mode || "multiple" === mode }, _requestInProgress: function() { var _this$_lastLoadDeferr; return "pending" === (null === (_this$_lastLoadDeferr = this._lastLoadDeferred) || void 0 === _this$_lastLoadDeferr ? void 0 : _this$_lastLoadDeferr.state()) }, _concatRequestsItems: function(keys, isDeselect, oldRequestItems) { var deselectedItems = isDeselect ? keys : []; return { addedItems: oldRequestItems.added.concat(removeDuplicates(keys, this.options.selectedItemKeys)), removedItems: oldRequestItems.removed.concat(deselectedItems), keys: keys } }, _collectLastRequestData: function(keys, isDeselect, isSelectAll) { var isDeselectAll = isDeselect && isSelectAll; var oldRequestItems = { added: [], removed: [] }; var multiSelectEnabled = this._isMultiSelectEnabled(); var lastRequestData = multiSelectEnabled ? this._lastRequestData : {}; if (multiSelectEnabled) { if (this._requestInProgress()) { if (isDeselectAll) { this._lastLoadDeferred.reject(); lastRequestData = {} } else if (!isKeysEqual(keys, this.options.selectedItemKeys)) { oldRequestItems.added = lastRequestData.addedItems; oldRequestItems.removed = lastRequestData.removedItems; if (!isDeselect) { this._lastLoadDeferred.reject() } } else { lastRequestData = {} } } lastRequestData = this._concatRequestsItems(keys, isDeselect, oldRequestItems) } return lastRequestData }, _updateKeysByLastRequestData: function(keys, isDeselect, isSelectAll) { var currentKeys = keys; if (this._isMultiSelectEnabled() && !isDeselect && !isSelectAll) { var _this$_lastRequestDat, _this$_lastRequestDat2; currentKeys = removeDuplicates(keys.concat(null === (_this$_lastRequestDat = this._lastRequestData) || void 0 === _this$_lastRequestDat ? void 0 : _this$_lastRequestDat.addedItems), null === (_this$_lastRequestDat2 = this._lastRequestData) || void 0 === _this$_lastRequestDat2 ? void 0 : _this$_lastRequestDat2.removedItems); currentKeys = uniqueValues(currentKeys) } return currentKeys }, _loadSelectedItems: function(keys, isDeselect, isSelectAll) { var that = this; var deferred = new Deferred; this._lastRequestData = this._collectLastRequestData(keys, isDeselect, isSelectAll); when(that._lastLoadDeferred).always((function() { var currentKeys = that._updateKeysByLastRequestData(keys, isDeselect, isSelectAll); that._loadSelectedItemsCore(currentKeys, isDeselect, isSelectAll).done(deferred.resolve).fail(deferred.reject) })); that._lastLoadDeferred = deferred; return deferred }, selectedItemKeys: function(keys, preserve, isDeselect, isSelectAll) { var that = this; var deferred = that._loadSelectedItems(keys, isDeselect, isSelectAll); deferred.done((function(items) { if (preserve) { that._preserveSelectionUpdate(items, isDeselect) } else { that._replaceSelectionUpdate(items) } that.onSelectionChanged() })); return deferred }, addSelectedItem: function(key, itemData) { if (isDefined(itemData) && itemData.disabled) { if (-1 === this.options.disabledItemKeys.indexOf(key)) { this.options.disabledItemKeys.push(key) } return } var keyHash = this._getKeyHash(key); if (-1 === this._indexOfSelectedItemKey(keyHash)) { if (!isObject(keyHash) && this.options.keyHashIndices) { this.options.keyHashIndices[keyHash] = [this.options.selectedItemKeys.length] } this.options.selectedItemKeys.push(key); this.options.addedItemKeys.push(key); this.options.addedItems.push(itemData); this.options.selectedItems.push(itemData) } }, _getSelectedIndexByKey: function(key, ignoreIndicesMap) { var selectedItemKeys = this.options.selectedItemKeys; for (var index = 0; index < selectedItemKeys.length; index++) { if ((!ignoreIndicesMap || !ignoreIndicesMap[index]) && this.equalKeys(selectedItemKeys[index], key)) { return index } } return -1 }, _getSelectedIndexByHash: function(key, ignoreIndicesMap) { var indices = this.options.keyHashIndices[key]; if (indices && indices.length > 1 && ignoreIndicesMap) { indices = indices.filter((function(index) { return !ignoreIndicesMap[index] })) } return indices && indices[0] >= 0 ? indices[0] : -1 }, _indexOfSelectedItemKey: function(key, ignoreIndicesMap) { var selectedIndex; if (this.options.equalByReference) { selectedIndex = this.options.selectedItemKeys.indexOf(key) } else if (isObject(key)) { selectedIndex = this._getSelectedIndexByKey(key, ignoreIndicesMap) } else { selectedIndex = this._getSelectedIndexByHash(key, ignoreIndicesMap) } return selectedIndex }, _shiftSelectedKeyIndices: function(keyIndex) { for (var currentKeyIndex = keyIndex; currentKeyIndex < this.options.selectedItemKeys.length; currentKeyIndex++) { var currentKey = this.options.selectedItemKeys[currentKeyIndex]; var currentKeyHash = getKeyHash(currentKey); var currentKeyIndices = this.options.keyHashIndices[currentKeyHash]; if (!currentKeyIndices) { continue } for (var i = 0; i < currentKeyIndices.length; i++) { if (currentKeyIndices[i] > keyIndex) { currentKeyIndices[i]-- } } } }, removeSelectedItem: function(key, keyIndicesToRemoveMap) { var keyHash = this._getKeyHash(key); var isBatchDeselect = !!keyIndicesToRemoveMap; var keyIndex = this._indexOfSelectedItemKey(keyHash, keyIndicesToRemoveMap); if (keyIndex < 0) { return keyIndex } this.options.removedItemKeys.push(key); this.options.removedItems.push(this.options.selectedItems[keyIndex]); if (isBatchDeselect) { return keyIndex } this.options.selectedItemKeys.splice(keyIndex, 1); this.options.selectedItems.splice(keyIndex, 1); if (isObject(keyHash) || !this.options.keyHashIndices) { return keyIndex } var keyIndices = this.options.keyHashIndices[keyHash]; if (!keyIndices) { return keyIndex } keyIndices.shift(); if (!keyIndices.length) { delete this.options.keyHashIndices[keyHash] } this._shiftSelectedKeyIndices(keyIndex); return keyIndex }, _updateAddedItemKeys: function(keys, items) { for (var i = 0; i < keys.length; i++) { if (!this.isItemKeySelected(keys[i])) { this.options.addedItemKeys.push(keys[i]); this.options.addedItems.push(items[i]) } } }, _updateRemovedItemKeys: function(keys, oldSelectedKeys, oldSelectedItems) { for (var i = 0; i < oldSelectedKeys.length; i++) { if (!this.isItemKeySelected(oldSelectedKeys[i])) { this.options.removedItemKeys.push(oldSelectedKeys[i]); this.options.removedItems.push(oldSelectedItems[i]) } } }, _isItemSelectionInProgress: function(key, checkPending) { var shouldCheckPending = checkPending && this._lastRequestData && this._requestInProgress(); if (shouldCheckPending) { return this._lastRequestData.addedItems && -1 !== this._lastRequestData.addedItems.indexOf(key) } else { return false } }, _getKeyHash: function(key) { return this.options.equalByReference ? key : getKeyHash(key) }, setSelectedItems: function(keys, items) { this._updateAddedItemKeys(keys, items); var oldSelectedKeys = this.options.selectedItemKeys; var oldSelectedItems = this.options.selectedItems; if (!this.options.equalByReference) { this._initSelectedItemKeyHash(); this.updateSelectedItemKeyHash(keys) } this._setOption("selectedItemKeys", keys); this._setOption("selectedItems", items); this._updateRemovedItemKeys(keys, oldSelectedKeys, oldSelectedItems) }, isItemDataSelected: function(itemData) { var options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}; var key = this.options.keyOf(itemData); return this.isItemKeySelected(key, options) }, isItemKeySelected: function(key) { var options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}; var result = this._isItemSelectionInProgress(key, options.checkPending); if (!result) { var keyHash = this._getKeyHash(key); var index = this._indexOfSelectedItemKey(keyHash); result = -1 !== index } return result }, getSelectAllState: function(visibleOnly) { if (visibleOnly) { return this._getVisibleSelectAllState() } else { return this._getFullSelectAllState() } } });