devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
239 lines (237 loc) • 8.95 kB
JavaScript
/**
* DevExtreme (cjs/__internal/ui/list/list.edit.strategy.grouped.js)
* Version: 25.1.5
* Build date: Wed Sep 03 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _query = _interopRequireDefault(require("../../../common/data/query"));
var _store_helper = _interopRequireDefault(require("../../../common/data/store_helper"));
var _renderer = _interopRequireDefault(require("../../../core/renderer"));
var _iterator = require("../../../core/utils/iterator");
var _type = require("../../../core/utils/type");
var _collection_widget = require("../../ui/collection/collection_widget.edit");
var _collection_widgetEditStrategy = _interopRequireDefault(require("../../ui/collection/collection_widget.edit.strategy.plain"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const LIST_ITEM_CLASS = "dx-list-item";
const LIST_GROUP_CLASS = "dx-list-group";
const SELECTION_SHIFT = 20;
const SELECTION_MASK = 1048575;
const combineIndex = index => (index.group << 20) + index.item;
const splitIndex = combinedIndex => ({
group: combinedIndex >> 20,
item: 1048575 & combinedIndex
});
class GroupedEditStrategy extends _collection_widgetEditStrategy.default {
_groupElements() {
return this._collectionWidget._itemContainer().find(".dx-list-group")
}
_groupItemElements($group) {
return $group.find(".dx-list-item")
}
getIndexByItemData(itemData) {
const groups = this._getItems();
let index = _collection_widget.NOT_EXISTING_INDEX;
if (!itemData) {
return _collection_widget.NOT_EXISTING_INDEX
}
const {
items: items = []
} = itemData;
if (items.length) {
itemData = items[0]
}(0, _iterator.each)(groups, ((groupIndex, group) => {
if (!group.items) {
return false
}(0, _iterator.each)(group.items, ((itemIndex, item) => {
if (item !== itemData) {
return true
}
index = {
group: groupIndex,
item: itemIndex
};
return false
}));
return !(0, _collection_widget.indexExists)(index)
}));
return index
}
_isIndexNumeric(index) {
return (0, _type.isNumeric)(index)
}
getItemDataByIndex(index) {
const groups = this._getItems();
if (this._isIndexNumeric(index)) {
return this.itemsGetter()[index]
}
const groupIndex = index.group;
const group = groups[groupIndex];
const {
items: items = []
} = group;
return index && items[index.item] || null
}
itemsGetter() {
let resultItems = [];
const items = this._getItems();
items.forEach((groupedItem => {
if (groupedItem.items) {
resultItems = resultItems.concat(groupedItem.items)
} else {
resultItems.push(groupedItem)
}
}));
return resultItems
}
deleteItemAtIndex(index) {
const indices = splitIndex(index);
const {
items: items = []
} = this._collectionWidget.option();
const itemGroup = items[indices.group].items;
null === itemGroup || void 0 === itemGroup || itemGroup.splice(indices.item, 1)
}
getKeysByItems(items) {
const plainItems = items.reduce(((counter, item) => {
if (null !== item && void 0 !== item && item.items) {
return counter.concat(item.items)
}
counter.push(item);
return counter
}), []);
return plainItems.map((plainItem => this._collectionWidget.keyOf(plainItem)))
}
getIndexByKey(key, items) {
const {
items: userItems
} = this._collectionWidget.option();
const groups = items ?? userItems;
let index = -1;
(0, _iterator.each)(groups, ((groupIndex, group) => {
if (!group.items) {
return
}(0, _iterator.each)(group.items, ((itemIndex, item) => {
const itemKey = this._collectionWidget.keyOf(item);
if (this._equalKeys(itemKey, key)) {
index = {
group: groupIndex,
item: itemIndex
};
return false
}
return
}));
if (-1 !== index) {
return false
}
return
}));
return "object" === typeof index ? combineIndex(index) : index
}
_getGroups(items) {
const dataController = this._collectionWidget._dataController;
const group = dataController.group();
if (group) {
return _store_helper.default.queryByOptions((0, _query.default)(items), {
group: group
}).toArray()
}
const {
items: userItems = []
} = this._collectionWidget.option();
return userItems
}
getItemsByKeys(keys, items) {
const result = [];
const groups = this._getGroups(items);
const groupItemByKeyMap = {};
const getItemMeta = key => {
const index = this.getIndexByKey(key, groups);
const splitIdx = splitIndex(index);
const group = splitIdx && groups[splitIdx.group];
if (!group) {
return
}
return {
groupKey: String(group.key),
item: group.items[splitIdx.item]
}
};
(0, _iterator.each)(keys, ((_index, key) => {
var _selectedGroup$items;
const itemMeta = getItemMeta(key);
if (!itemMeta) {
return
}
const {
groupKey: groupKey,
item: item
} = itemMeta;
let selectedGroup = groupItemByKeyMap[groupKey];
if (!selectedGroup) {
selectedGroup = {
key: groupKey,
items: []
};
groupItemByKeyMap[groupKey] = selectedGroup;
result.push(selectedGroup)
}
null === (_selectedGroup$items = selectedGroup.items) || void 0 === _selectedGroup$items || _selectedGroup$items.push(item)
}));
return result
}
moveItemAtIndexToIndex(movingIndex, destinationIndex) {
const {
items: items = []
} = this._collectionWidget.option();
const movingIndices = splitIndex(movingIndex);
const destinationIndices = splitIndex(destinationIndex);
const movingItemGroup = items[movingIndices.group].items;
const destinationItemGroup = items[destinationIndices.group].items;
if (movingItemGroup) {
const movedItemData = null === movingItemGroup || void 0 === movingItemGroup ? void 0 : movingItemGroup[movingIndices.item];
null === movingItemGroup || void 0 === movingItemGroup || movingItemGroup.splice(movingIndices.item, 1);
null === destinationItemGroup || void 0 === destinationItemGroup || destinationItemGroup.splice(destinationIndices.item, 0, movedItemData)
}
}
_isItemIndex(index) {
return Boolean(index && (0, _type.isNumeric)(index.group) && (0, _type.isNumeric)(index.item))
}
_getNormalizedItemIndex(itemElement) {
const $item = (0, _renderer.default)(itemElement);
const $group = $item.closest(".dx-list-group");
if (!$group.length) {
return -1
}
return combineIndex({
group: this._groupElements().index($group),
item: this._groupItemElements($group).index($item)
})
}
_normalizeItemIndex(index) {
return combineIndex(index)
}
_denormalizeItemIndex(index) {
return splitIndex(index)
}
_getItemByNormalizedIndex(index) {
const indices = splitIndex(index);
const $group = this._groupElements().eq(indices.group);
return this._groupItemElements($group).eq(indices.item)
}
_itemsFromSameParent(firstIndex, secondIndex) {
return splitIndex(firstIndex).group === splitIndex(secondIndex).group
}
}
var _default = exports.default = GroupedEditStrategy;