feature: make total become a property.
This commit is contained in:
parent
0cb4802e1f
commit
fdeefb4e1a
@ -10,6 +10,12 @@ import { Popup, showAlert } from "../popup";
|
||||
import { convertCssStyle } from "../extension";
|
||||
import { GridColumn, GridInputColumn, GridTextColumn, GridDropdownColumn, GridCheckboxColumn, GridIconColumn, GridDateColumn } from "./column";
|
||||
|
||||
/**
|
||||
* @author Tsanie Lily <tsorgy@gmail.com>
|
||||
* @license MIT
|
||||
* @version 1.0.1
|
||||
*/
|
||||
|
||||
const ColumnChangedType = {
|
||||
Reorder: 'reorder',
|
||||
Resize: 'resize',
|
||||
@ -61,9 +67,7 @@ let r = lang;
|
||||
/**
|
||||
* 键值字典
|
||||
* @template T
|
||||
* @typedef KeyMap
|
||||
* @type1 {{[key: string]: T}}
|
||||
* @type {Map<string, T>}
|
||||
* @typedef {Map<string, T>} KeyMap
|
||||
*/
|
||||
|
||||
/**
|
||||
@ -570,6 +574,12 @@ export class Grid {
|
||||
* @private
|
||||
*/
|
||||
currentSource: null,
|
||||
/**
|
||||
* 合计行数据
|
||||
* @type {GridRowItem}
|
||||
* @private
|
||||
*/
|
||||
total: null,
|
||||
/**
|
||||
* Grid 是否只读
|
||||
* @type {boolean}
|
||||
@ -771,12 +781,6 @@ export class Grid {
|
||||
* @ignore
|
||||
*/
|
||||
columns = [];
|
||||
/**
|
||||
* 合计行数据
|
||||
* @type {GridRowItem}
|
||||
* @ignore
|
||||
*/
|
||||
total = null;
|
||||
/**
|
||||
* 多语言资源对象
|
||||
* @type {GridLanguages}
|
||||
@ -1010,7 +1014,6 @@ export class Grid {
|
||||
* @param {string} [getText.def] - 默认资源
|
||||
* @param {string} getText.{returns} 返回的多语言
|
||||
* @property {GridColumnDefinition[]} columns - 列定义的数组
|
||||
* @property {GridRowItem} [total] - 合计行数据
|
||||
* @property {GridLanguages} [langs] - 多语言资源对象
|
||||
* @property {number} [virtualCount=100] - 行数大于等于该值则启用虚模式
|
||||
* @property {boolean} [autoResize=true] - 未设置宽度的列自动调整列宽
|
||||
@ -1065,263 +1068,14 @@ export class Grid {
|
||||
*/
|
||||
get allSource() { return this._var.source?.map(s => s.values) }
|
||||
|
||||
/**
|
||||
* 获取或设置 Grid 是否为只读
|
||||
* @type {boolean}
|
||||
*/
|
||||
get readonly() { return this._var.readonly === true }
|
||||
set readonly(flag) {
|
||||
this._var.readonly = flag;
|
||||
this.refresh();
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取已过滤的数据数组，或者设置数据并刷新列表
|
||||
* @type {GridRowItem[]}
|
||||
*/
|
||||
get source() { return this._var.currentSource?.map(s => s.values) }
|
||||
set source(list) {
|
||||
if (!Array.isArray(list)) {
|
||||
throw new Error('source is not an Array.')
|
||||
}
|
||||
list = list.map((it, index) => {
|
||||
return {
|
||||
__index: index,
|
||||
values: it
|
||||
};
|
||||
});
|
||||
this._var.source = list;
|
||||
this._refreshSource(list);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取已过滤的数据中的扩展对象数组
|
||||
* @readonly
|
||||
* @type {GridExpandableObject[]}
|
||||
* @property {HTMLElement} element - 扩展行元素
|
||||
*/
|
||||
get sourceExpandable() { return this._var.currentSource?.map(s => s.__expandable_object) }
|
||||
|
||||
/**
|
||||
* 设置单行数据
|
||||
* @param {number} index - 行索引
|
||||
* @param {GridRowItem} item - 待设置的行数据对象
|
||||
*/
|
||||
setItem(index, item) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = this._var.currentSource[index];
|
||||
// clear dropdown source cache
|
||||
delete it.source;
|
||||
it.values = item;
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn();
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort();
|
||||
} else {
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 添加行数据
|
||||
* @param {GridRowItem} item - 待添加的行数据值
|
||||
* @param {number} [index] - 待添加的行索引
|
||||
* @returns {GridRowItem} 返回已添加的行数据
|
||||
*/
|
||||
addItem(item, index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = index >= 0 ? this._var.currentSource[index] : null;
|
||||
const newIt = { __index: null, values: item };
|
||||
if (it != null) {
|
||||
newIt.__index = it.__index;
|
||||
this._var.currentSource.splice(index, 0, newIt);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 0, newIt);
|
||||
}
|
||||
for (let i = it.__index + 1; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index += 1;
|
||||
}
|
||||
} else {
|
||||
newIt.__index = this._var.source.length;
|
||||
this._var.currentSource.push(newIt);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.push(newIt);
|
||||
}
|
||||
}
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
return item;
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量添加行数据
|
||||
* @param {GridRowItem[]} array - 待添加的行数据数组
|
||||
* @param {number} [index] - 待添加的行索引
|
||||
* @returns {GridRowItem[]} 返回已添加的行数据数组
|
||||
*/
|
||||
addItems(array, index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
if (!Array.isArray(array) || array.length <= 0) {
|
||||
// throw new Error(`invalid items array: ${array}`);
|
||||
return;
|
||||
}
|
||||
const it = index >= 0 ? this._var.currentSource[index] : null;
|
||||
if (it != null) {
|
||||
const items = array.map((a, i) => ({ __index: it.__index + i, values: a }));
|
||||
this._var.currentSource.splice(index, 0, ...items);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 0, ...items);
|
||||
}
|
||||
const offset = array.length;
|
||||
for (let i = it.__index + offset; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index += offset;
|
||||
}
|
||||
} else {
|
||||
const length = this._var.source.length;
|
||||
const items = array.map((a, i) => ({ __index: length + i, values: a }));
|
||||
this._var.currentSource.push(...items);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.push(...items);
|
||||
}
|
||||
}
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除行数据
|
||||
* @param {number} index - 待删除的行索引
|
||||
* @returns {GridRowItem} 返回已删除的行数据
|
||||
*/
|
||||
removeItem(index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = this._var.currentSource.splice(index, 1)[0];
|
||||
if (it == null) {
|
||||
return null;
|
||||
}
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 1);
|
||||
}
|
||||
for (let i = it.__index; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index -= 1;
|
||||
}
|
||||
if (index < 1) {
|
||||
this._var.selectedIndexes = [index - 1];
|
||||
} else {
|
||||
this._var.selectedIndexes = [];
|
||||
}
|
||||
this.reload();
|
||||
return it.values;
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量删除行数据
|
||||
* @param {number[]} [indexes] - 待删除的行索引数组，未传值时删除所有行
|
||||
* @returns {GridRowItem[]} 返回已删除的行数据数组
|
||||
*/
|
||||
removeItems(indexes) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
if (Array.isArray(indexes) && indexes.length > 0) {
|
||||
indexes = indexes.slice().sort();
|
||||
} else {
|
||||
indexes = this._var.currentSource.map(a => a.__index);
|
||||
}
|
||||
const array = [];
|
||||
let first = 0;
|
||||
for (let i = indexes.length - 1; i >= 0; --i) {
|
||||
let it = this._var.currentSource.splice(indexes[i], 1)[0];
|
||||
if (it == null) {
|
||||
continue;
|
||||
}
|
||||
let next = this._var.source[it.__index];
|
||||
if (next != null && next.__offset == null) {
|
||||
next.__offset = i + 1;
|
||||
}
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 1);
|
||||
}
|
||||
array.splice(0, 0, it.values);
|
||||
first = it.__index;
|
||||
}
|
||||
let offset = 1;
|
||||
for (let i = first; i < this._var.source.length; ++i) {
|
||||
let it = this._var.source[i];
|
||||
if (it.__offset > 0) {
|
||||
offset = it.__offset;
|
||||
delete it.__offset;
|
||||
}
|
||||
it.__index -= offset;
|
||||
}
|
||||
const index = indexes[0];
|
||||
if (index < 1) {
|
||||
this._var.selectedIndexes = [index - 1];
|
||||
} else {
|
||||
this._var.selectedIndexes = [];
|
||||
}
|
||||
this.reload();
|
||||
return array;
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {GridItemWrapper[]} list
|
||||
*/
|
||||
_refreshSource(list) {
|
||||
list ??= this._var.source;
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.currentSource = list.filter(it => {
|
||||
for (let col of this.columns) {
|
||||
const nullValue = col.filterAllowNull ? null : '';
|
||||
if (Array.isArray(col.filterValues)) {
|
||||
const v = this._getItemProp(it.values, false, col) ?? nullValue;
|
||||
if (col.filterValues.indexOf(v) < 0) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
});
|
||||
} else {
|
||||
this._var.currentSource = list;
|
||||
}
|
||||
this._var.selectedColumnIndex = -1;
|
||||
this._var.selectedIndexes = [];
|
||||
this._var.startIndex = 0;
|
||||
this._var.scrollTop = 0;
|
||||
this._var.scrollLeft = 0;
|
||||
this._var.rowCount = -1;
|
||||
|
||||
this.resize(true, false, () => {
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取当前是否为虚模式状态
|
||||
* @readonly
|
||||
@ -1373,6 +1127,53 @@ export class Grid {
|
||||
*/
|
||||
get startIndex() { return this._var.startIndex }
|
||||
|
||||
/**
|
||||
* 获取当前选中行的索引，为 -1 则当前没有选中行
|
||||
* @readonly
|
||||
* @type {number}
|
||||
*/
|
||||
get selectedIndex() { return (this._var.selectedIndexes && this._var.selectedIndexes[0]) ?? -1 }
|
||||
|
||||
/**
|
||||
* 获取或设置 Grid 是否为只读
|
||||
* @type {boolean}
|
||||
*/
|
||||
get readonly() { return this._var.readonly === true }
|
||||
set readonly(flag) {
|
||||
this._var.readonly = flag;
|
||||
this.refresh();
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取已过滤的数据数组，或者设置数据并刷新列表
|
||||
* @type {GridRowItem[]}
|
||||
*/
|
||||
get source() { return this._var.currentSource?.map(s => s.values) }
|
||||
set source(list) {
|
||||
if (!Array.isArray(list)) {
|
||||
throw new Error('source is not an Array.')
|
||||
}
|
||||
list = list.map((it, index) => {
|
||||
return {
|
||||
__index: index,
|
||||
values: it
|
||||
};
|
||||
});
|
||||
this._var.source = list;
|
||||
this._refreshSource(list);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取或设置合计行数据
|
||||
* @type {GridRowItem}
|
||||
* @since 1.0.1
|
||||
*/
|
||||
get total() { return this._var.total }
|
||||
set total(total) {
|
||||
this._var.total = total;
|
||||
this.reload(true);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取或设置当前选中的行索引的数组，设置后会刷新列表
|
||||
* @type {number[]}
|
||||
@ -1397,13 +1198,6 @@ export class Grid {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取当前选中行的索引，为 -1 则当前没有选中行
|
||||
* @readonly
|
||||
* @type {number}
|
||||
*/
|
||||
get selectedIndex() { return (this._var.selectedIndexes && this._var.selectedIndexes[0]) ?? -1 }
|
||||
|
||||
/**
|
||||
* 获取或设置 Grid 当前的加载状态
|
||||
* @type {boolean}
|
||||
@ -1645,6 +1439,9 @@ export class Grid {
|
||||
* @param {boolean} [keep] - 是否保持当前滚动位置
|
||||
*/
|
||||
reload(keep) {
|
||||
if (this._var.rendering || this._var.el == null) {
|
||||
return;
|
||||
}
|
||||
const filtered = this.columns.some(c => c.filterValues != null);
|
||||
if ((filtered ^ this._var.colAttrs.__filtered) === 1) {
|
||||
this._var.colAttrs.__filtered = filtered;
|
||||
@ -1746,44 +1543,6 @@ export class Grid {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @callback PrivateGridComparerCallback
|
||||
* @param {GridItemWrapper} a
|
||||
* @param {GridItemWrapper} b
|
||||
* @returns {number}
|
||||
*/
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {GridColumnDefinition} col
|
||||
* @param {GridColumnDirection} direction
|
||||
* @returns {PrivateGridComparerCallback}
|
||||
*/
|
||||
_getComparer(col, direction) {
|
||||
if (typeof col.sortFilter !== 'function') {
|
||||
if (isNaN(direction)) {
|
||||
direction = 1;
|
||||
}
|
||||
return (a, b) => {
|
||||
a = this._getItemProp(a.values, true, col);
|
||||
b = this._getItemProp(b.values, true, col);
|
||||
if (a == null && typeof b === 'number') {
|
||||
a = 0;
|
||||
} else if (typeof a === 'number' && b == null) {
|
||||
b = 0;
|
||||
} else if (a != null && b == null) {
|
||||
return direction;
|
||||
} else if (typeof a === 'string' && typeof b === 'string') {
|
||||
a = a.toLowerCase();
|
||||
b = b.toLowerCase();
|
||||
}
|
||||
return a === b ? 0 : (a > b ? 1 : -1) * direction;
|
||||
};
|
||||
}
|
||||
return (a, b) => col.sortFilter(a.values, b.values) * direction;
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据当前排序字段进行列排序
|
||||
* @param {boolean} [reload] - 为 `true` 则在列排序后调用 [reload]{@linkcode Grid#reload} 方法
|
||||
@ -1883,6 +1642,7 @@ export class Grid {
|
||||
|
||||
/**
|
||||
* 显示多列排序设置面板
|
||||
* @since 1.0.1
|
||||
*/
|
||||
showSortPanel() {
|
||||
const content = createElement('div', 'ui-sort-panel-content');
|
||||
@ -2083,6 +1843,270 @@ export class Grid {
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置单行数据
|
||||
* @param {number} index - 行索引
|
||||
* @param {GridRowItem} item - 待设置的行数据对象
|
||||
* @since 1.0.1
|
||||
*/
|
||||
setItem(index, item) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = this._var.currentSource[index];
|
||||
// clear dropdown source cache
|
||||
delete it.source;
|
||||
it.values = item;
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn();
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort();
|
||||
} else {
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 添加行数据
|
||||
* @param {GridRowItem} item - 待添加的行数据值
|
||||
* @param {number} [index] - 待添加的行索引
|
||||
* @returns {GridRowItem} 返回已添加的行数据
|
||||
* @since 1.0.1
|
||||
*/
|
||||
addItem(item, index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = index >= 0 ? this._var.currentSource[index] : null;
|
||||
const newIt = { __index: null, values: item };
|
||||
if (it != null) {
|
||||
newIt.__index = it.__index;
|
||||
this._var.currentSource.splice(index, 0, newIt);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 0, newIt);
|
||||
}
|
||||
for (let i = it.__index + 1; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index += 1;
|
||||
}
|
||||
} else {
|
||||
newIt.__index = this._var.source.length;
|
||||
this._var.currentSource.push(newIt);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.push(newIt);
|
||||
}
|
||||
}
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
return item;
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量添加行数据
|
||||
* @param {GridRowItem[]} array - 待添加的行数据数组
|
||||
* @param {number} [index] - 待添加的行索引
|
||||
* @returns {GridRowItem[]} 返回已添加的行数据数组
|
||||
* @since 1.0.1
|
||||
*/
|
||||
addItems(array, index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
if (!Array.isArray(array) || array.length <= 0) {
|
||||
// throw new Error(`invalid items array: ${array}`);
|
||||
return;
|
||||
}
|
||||
const it = index >= 0 ? this._var.currentSource[index] : null;
|
||||
if (it != null) {
|
||||
const items = array.map((a, i) => ({ __index: it.__index + i, values: a }));
|
||||
this._var.currentSource.splice(index, 0, ...items);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 0, ...items);
|
||||
}
|
||||
const offset = array.length;
|
||||
for (let i = it.__index + offset; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index += offset;
|
||||
}
|
||||
} else {
|
||||
const length = this._var.source.length;
|
||||
const items = array.map((a, i) => ({ __index: length + i, values: a }));
|
||||
this._var.currentSource.push(...items);
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.push(...items);
|
||||
}
|
||||
}
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除行数据
|
||||
* @param {number} index - 待删除的行索引
|
||||
* @returns {GridRowItem} 返回已删除的行数据
|
||||
* @since 1.0.1
|
||||
*/
|
||||
removeItem(index) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
const it = this._var.currentSource.splice(index, 1)[0];
|
||||
if (it == null) {
|
||||
return null;
|
||||
}
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 1);
|
||||
}
|
||||
for (let i = it.__index; i < this._var.source.length; ++i) {
|
||||
this._var.source[i].__index -= 1;
|
||||
}
|
||||
if (index < 1) {
|
||||
this._var.selectedIndexes = [index - 1];
|
||||
} else {
|
||||
this._var.selectedIndexes = [];
|
||||
}
|
||||
this.reload();
|
||||
return it.values;
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量删除行数据
|
||||
* @param {number[]} [indexes] - 待删除的行索引数组，未传值时删除所有行
|
||||
* @returns {GridRowItem[]} 返回已删除的行数据数组
|
||||
* @since 1.0.1
|
||||
*/
|
||||
removeItems(indexes) {
|
||||
if (this._var.currentSource == null) {
|
||||
throw new Error('no source');
|
||||
}
|
||||
if (Array.isArray(indexes) && indexes.length > 0) {
|
||||
indexes = indexes.slice().sort();
|
||||
} else {
|
||||
indexes = this._var.currentSource.map(a => a.__index);
|
||||
}
|
||||
const array = [];
|
||||
let first = 0;
|
||||
for (let i = indexes.length - 1; i >= 0; --i) {
|
||||
let it = this._var.currentSource.splice(indexes[i], 1)[0];
|
||||
if (it == null) {
|
||||
continue;
|
||||
}
|
||||
let next = this._var.source[it.__index];
|
||||
if (next != null && next.__offset == null) {
|
||||
next.__offset = i + 1;
|
||||
}
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.source.splice(it.__index, 1);
|
||||
}
|
||||
array.splice(0, 0, it.values);
|
||||
first = it.__index;
|
||||
}
|
||||
let offset = 1;
|
||||
for (let i = first; i < this._var.source.length; ++i) {
|
||||
let it = this._var.source[i];
|
||||
if (it.__offset > 0) {
|
||||
offset = it.__offset;
|
||||
delete it.__offset;
|
||||
}
|
||||
it.__index -= offset;
|
||||
}
|
||||
const index = indexes[0];
|
||||
if (index < 1) {
|
||||
this._var.selectedIndexes = [index - 1];
|
||||
} else {
|
||||
this._var.selectedIndexes = [];
|
||||
}
|
||||
this.reload();
|
||||
return array;
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @callback PrivateGridComparerCallback
|
||||
* @param {GridItemWrapper} a
|
||||
* @param {GridItemWrapper} b
|
||||
* @returns {number}
|
||||
*/
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {GridColumnDefinition} col
|
||||
* @param {GridColumnDirection} direction
|
||||
* @returns {PrivateGridComparerCallback}
|
||||
*/
|
||||
_getComparer(col, direction) {
|
||||
if (typeof col.sortFilter !== 'function') {
|
||||
if (isNaN(direction)) {
|
||||
direction = 1;
|
||||
}
|
||||
return (a, b) => {
|
||||
a = this._getItemProp(a.values, true, col);
|
||||
b = this._getItemProp(b.values, true, col);
|
||||
if (a == null && typeof b === 'number') {
|
||||
a = 0;
|
||||
} else if (typeof a === 'number' && b == null) {
|
||||
b = 0;
|
||||
} else if (a != null && b == null) {
|
||||
return direction;
|
||||
} else if (typeof a === 'string' && typeof b === 'string') {
|
||||
a = a.toLowerCase();
|
||||
b = b.toLowerCase();
|
||||
}
|
||||
return a === b ? 0 : (a > b ? 1 : -1) * direction;
|
||||
};
|
||||
}
|
||||
return (a, b) => col.sortFilter(a.values, b.values) * direction;
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {GridItemWrapper[]} list
|
||||
*/
|
||||
_refreshSource(list) {
|
||||
list ??= this._var.source;
|
||||
if (this._var.colAttrs.__filtered === true) {
|
||||
this._var.currentSource = list.filter(it => {
|
||||
for (let col of this.columns) {
|
||||
const nullValue = col.filterAllowNull ? null : '';
|
||||
if (Array.isArray(col.filterValues)) {
|
||||
const v = this._getItemProp(it.values, false, col) ?? nullValue;
|
||||
if (col.filterValues.indexOf(v) < 0) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
});
|
||||
} else {
|
||||
this._var.currentSource = list;
|
||||
}
|
||||
this._var.selectedColumnIndex = -1;
|
||||
this._var.selectedIndexes = [];
|
||||
this._var.startIndex = 0;
|
||||
this._var.scrollTop = 0;
|
||||
this._var.scrollLeft = 0;
|
||||
this._var.rowCount = -1;
|
||||
|
||||
this.resize(true, false, () => {
|
||||
if (this.sortIndex >= 0) {
|
||||
this.sortColumn(true);
|
||||
} else if (this.sortArray?.length > 0) {
|
||||
this.sort(true);
|
||||
} else {
|
||||
this.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {HTMLTableElement} table
|
||||
|
||||
12
package-lock.json
generated
12
package-lock.json
generated
@ -2016,9 +2016,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/electron-to-chromium": {
|
||||
"version": "1.4.675",
|
||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.675.tgz",
|
||||
"integrity": "sha512-+1u3F/XPNIdUwv8i1lDxHAxCvNNU0QIqgb1Ycn+Jnng8ITzWSvUqixRSM7NOazJuwhf65IV17f/VbKj8DmL26A==",
|
||||
"version": "1.4.677",
|
||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.677.tgz",
|
||||
"integrity": "sha512-erDa3CaDzwJOpyvfKhOiJjBVNnMM0qxHq47RheVVwsSQrgBA9ZSGV9kdaOfZDPXcHzhG7lBxhj6A7KvfLJBd6Q==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/entities": {
|
||||
@ -3297,9 +3297,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/sass": {
|
||||
"version": "1.71.0",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.71.0.tgz",
|
||||
"integrity": "sha512-HKKIKf49Vkxlrav3F/w6qRuPcmImGVbIXJ2I3Kg0VMA+3Bav+8yE9G5XmP5lMj6nl4OlqbPftGAscNaNu28b8w==",
|
||||
"version": "1.71.1",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz",
|
||||
"integrity": "sha512-wovtnV2PxzteLlfNzbgm1tFXPLoZILYAMJtvoXXkD7/+1uP41eKkIt1ypWq5/q2uT94qHjXehEYfmjKOvjL9sg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"chokidar": ">=3.0.0 <4.0.0",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user