devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
232 lines (231 loc) • 8.82 kB
JavaScript
/**
* DevExtreme (esm/__internal/ui/selection/m_selection.strategy.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import dataQuery from "../../../common/data/query";
import {
equalByValue,
getKeyHash,
noop
} from "../../../core/utils/common";
import {
Deferred
} from "../../../core/utils/deferred";
import {
isObject,
isPlainObject,
isPromise
} from "../../../core/utils/type";
export default class SelectionStrategy {
constructor(options) {
this._lastSelectAllPageDeferred = Deferred().reject();
this.options = options;
this._setOption("disabledItemKeys", []);
this._clearItemKeys()
}
_clearItemKeys() {
this._setOption("addedItemKeys", []);
this._setOption("removedItemKeys", []);
this._setOption("removedItems", []);
this._setOption("addedItems", [])
}
validate() {}
_setOption(name, value) {
this.options[name] = value
}
onSelectionChanging() {
const {
selectedItems: selectedItems,
selectedItemKeys: selectedItemKeys,
addedItemKeys: addedItemKeys,
removedItemKeys: removedItemKeys,
addedItems: addedItems,
removedItems: removedItems,
onSelectionChanging: onSelectionChanging = noop
} = this.options;
const selectionChangingArgs = {
selectedItems: selectedItems,
selectedItemKeys: selectedItemKeys,
addedItemKeys: addedItemKeys,
removedItemKeys: removedItemKeys,
addedItems: addedItems,
removedItems: removedItems,
cancel: false
};
onSelectionChanging(selectionChangingArgs);
return selectionChangingArgs.cancel
}
_callCallbackIfNotCanceled(callback, cancelCallback) {
const cancelResult = this.onSelectionChanging();
if (isPromise(cancelResult)) {
cancelResult.then((cancel => {
if (!cancel) {
callback()
} else {
cancelCallback()
}
})).catch((() => {
callback()
}))
} else if (!cancelResult) {
callback()
} else {
cancelCallback()
}
}
onSelectionChanged() {
const {
selectedItems: selectedItems,
selectedItemKeys: selectedItemKeys,
addedItemKeys: addedItemKeys,
removedItemKeys: removedItemKeys,
addedItems: addedItems,
removedItems: removedItems,
onSelectionChanged: onSelectionChanged = noop
} = this.options;
this._clearItemKeys();
onSelectionChanged({
selectedItems: selectedItems,
selectedItemKeys: selectedItemKeys,
addedItemKeys: addedItemKeys,
removedItemKeys: removedItemKeys,
addedItems: addedItems,
removedItems: removedItems
})
}
equalKeys(key1, key2) {
if (this.options.equalByReference) {
if (isObject(key1) && isObject(key2)) {
return key1 === key2
}
}
return equalByValue(key1, key2)
}
getSelectableItems(items) {
return items.filter((item => !(null !== item && void 0 !== item && item.disabled)))
}
_clearSelection(keys, preserve, isDeselect, isSelectAll) {
keys = keys || [];
keys = Array.isArray(keys) ? keys : [keys];
this.validate();
return this.selectedItemKeys(keys, preserve, isDeselect, isSelectAll)
}
_removeTemplateProperty(remoteFilter) {
if (Array.isArray(remoteFilter)) {
return remoteFilter.map((f => this._removeTemplateProperty(f)))
}
if (isObject(remoteFilter)) {
delete remoteFilter.template
}
return remoteFilter
}
_loadFilteredData(remoteFilter, localFilter, select, isSelectAll) {
const filterLength = encodeURI(JSON.stringify(this._removeTemplateProperty(remoteFilter))).length;
const needLoadAllData = this.options.maxFilterLengthInRequest && filterLength > this.options.maxFilterLengthInRequest;
const deferred = Deferred();
const loadOptions = {
filter: needLoadAllData ? void 0 : remoteFilter,
select: needLoadAllData ? this.options.dataFields() : select || this.options.dataFields()
};
if (remoteFilter && 0 === remoteFilter.length) {
deferred.resolve([])
} else {
this.options.load(loadOptions).done((items => {
let filteredItems = isPlainObject(items) ? items.data : items;
if (localFilter && !isSelectAll) {
filteredItems = filteredItems.filter(localFilter)
} else if (needLoadAllData) {
filteredItems = dataQuery(filteredItems).filter(remoteFilter).toArray()
}
deferred.resolve(filteredItems)
})).fail(deferred.reject.bind(deferred))
}
return deferred
}
updateSelectedItemKeyHash(keys) {
for (let i = 0; i < keys.length; i++) {
const keyHash = getKeyHash(keys[i]);
if (!isObject(keyHash)) {
this.options.keyHashIndices[keyHash] = this.options.keyHashIndices[keyHash] || [];
const keyIndices = this.options.keyHashIndices[keyHash];
keyIndices.push(i)
}
}
}
_isAnyItemSelected(items) {
for (let i = 0; i < items.length; i++) {
if (this.options.isItemSelected(items[i])) {
return
}
}
return false
}
_getFullSelectAllState() {
const items = this.options.plainItems();
const dataFilter = this.options.filter();
let selectedItems = this.options.ignoreDisabledItems ? this.options.selectedItems : this.options.selectedItems.filter((item => !(null !== item && void 0 !== item && item.disabled)));
if (dataFilter) {
selectedItems = dataQuery(selectedItems).filter(dataFilter).toArray()
}
const selectedItemsLength = selectedItems.length;
const disabledItemsLength = items.length - this.getSelectableItems(items).length;
if (!selectedItemsLength) {
return this._isAnyItemSelected(items)
}
if (selectedItemsLength >= this.options.totalCount() - disabledItemsLength) {
return true
}
return
}
_getVisibleSelectAllState() {
const items = this.getSelectableItems(this.options.plainItems());
let hasSelectedItems = false;
let hasUnselectedItems = false;
for (let i = 0; i < items.length; i++) {
const item = items[i];
const itemData = this.options.getItemData(item);
const key = this.options.keyOf(itemData);
if (this.options.isSelectableItem(item)) {
if (this.isItemKeySelected(key)) {
hasSelectedItems = true
} else {
hasUnselectedItems = true
}
}
}
if (hasSelectedItems) {
return !hasUnselectedItems ? true : void 0
}
return false
}
isItemKeySelected(itemKey) {
throw new Error("isItemKeySelected method should be overriden")
}
addSelectedItem(itemKey, itemData) {
throw new Error("addSelectedItem method should be overriden")
}
removeSelectedItem(itemKey) {
throw new Error("removeSelectedItem method should be overriden")
}
_selectAllPlainItems(isDeselect) {
const items = this.getSelectableItems(this.options.plainItems());
for (let i = 0; i < items.length; i++) {
const item = items[i];
if (this.options.isSelectableItem(item)) {
const itemData = this.options.getItemData(item);
const itemKey = this.options.keyOf(itemData);
const isSelected = this.isItemKeySelected(itemKey);
if (!isSelected && !isDeselect) {
this.addSelectedItem(itemKey, itemData)
}
if (isSelected && isDeselect) {
this.removeSelectedItem(itemKey)
}
}
}
}
}