tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize

Browse Source
This commit is contained in:
Tsanie Lily 2023-04-26 10:02:21 +08:00
parent 7419062049
commit 25ff61fe47
1 changed files with 4 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
lib/ui/grid/grid.js
View File

@ -223,7 +223,7 @@ class Grid {
this.#parent = container;
const grid = createElement('div', 'ui-grid');
grid.setAttribute('tabindex', 0);
grid.addEventListener('keydown', e => {
const onKeydown = e => {
let index = this.selectedIndex;
let flag = false;
if (e.key === 'ArrowUp') {
@ -249,7 +249,8 @@ class Grid {
}
e.stopPropagation();
}
});
};
grid.addEventListener('keydown', e => throttle(onKeydown, 800, this, e));
container.replaceChildren(grid);
const sizer = createElement('span', 'ui-grid-sizer');
grid.appendChild(sizer);
@ -581,68 +582,6 @@ class Grid {
return body;
}
#adjustRows() {
let count = this.#rowCount;
if (isNaN(count) || count < 0 || !this.virtual) {
count = this.#currentSource.length;
}
const cols = this.columns;
const content = this.#refs.bodyContent;
const exists = content.children.length;
count -= exists;
if (count > 0) {
for (let i = 0; i < count; i += 1) {
const row = createElement('tr', 'ui-grid-row');
// row.addEventListener('mousedown', e => this.#onRowClicked(e, exists + i));
// row.addEventListener('dblclick', e => this.#onRowDblClicked(e));
cols.forEach((col, j) => {
const cell = createElement('td');
if (col.visible !== false) {
cell.dataset.row = String(exists + i);
cell.dataset.col = String(j);
const style = this.#get(col.key, 'style');
if (style != null) {
for (let css of Object.entries(style)) {
cell.style.setProperty(css[0], css[1]);
}
}
if (col.css != null) {
for (let css of Object.entries(col.css)) {
cell.style.setProperty(css[0], css[1]);
}
}
if (Grid.ColumnTypes.isCheckbox(col.type)) {
cell.appendChild(GridCheckboxColumn.createEdit(e => this.#onRowChanged(e, exists + i, col, e.target.checked)));
// this.#colTypes[col.key] = GridCheckboxColumn;
} else {
let type = this.#colTypes[col.key];
if (type == null) {
if (isNaN(col.type)) {
if (this.allowHtml && col.type != null) {
type = col.type;
}
} else {
type = ColumnTypes[col.type];
}
type ??= GridColumn;
this.#colTypes[col.key] = type;
}
cell.appendChild(type.create(col));
}
}
row.appendChild(cell);
});
row.appendChild(createElement('td'));
content.appendChild(row);
}
} else if (count < 0) {
for (let i = -1; i >= count; i -= 1) {
// content.removeChild(content.children[exists + i]);
content.children[exists + i].remove();
}
}
}
#fillRows(widths) {
let count = this.#rowCount;
if (isNaN(count) || count < 0 || !this.virtual) {
@ -737,7 +676,7 @@ class Grid {
if (!isPositive(row.children.length)) {
return;
}
row.dataset.row = String(index);
// row.dataset.row = String(index);
const item = vals.values;
const selected = selectedIndexes.indexOf(index) >= 0;
if (selected) {