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

adjustment

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-21 17:17:56 +08:00
parent c4316e7e52
commit 222ca43afb
23 changed files with 341 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/ui/grid/column.js
View File

@ -212,7 +212,7 @@ class GridIconColumn extends GridColumn {
} else {
element.classList.remove('disabled');
}
const tooltip = element.querySelector('.tooltip-wrapper');
const tooltip = element.querySelector('.ui-tooltip-wrapper');
if (tooltip != null) {
tooltip.style.display = enabled === false ? 'none' : '';
}

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

@ -205,7 +205,7 @@ class Grid {
throw new Error('no specified parent.');
}
this.#parent = container;
const grid = createElement('div', 'grid');
const grid = createElement('div', 'ui-grid');
grid.setAttribute('tabindex', 0);
grid.addEventListener('keydown', e => {
let index = this.selectedIndex;
@ -235,7 +235,7 @@ class Grid {
}
});
container.replaceChildren(grid);
const sizer = createElement('span', 'grid-sizer');
const sizer = createElement('span', 'ui-grid-sizer');
grid.appendChild(sizer);
this.#refs.sizer = sizer;
@ -246,7 +246,7 @@ class Grid {
grid.appendChild(body);
// loading
const loading = createElement('div', 'grid-loading',
const loading = createElement('div', 'ui-grid-loading',
createElement('div', null, createIcon('fa-regular', 'spinner-third'))
);
this.#refs.loading = loading;
@ -404,7 +404,7 @@ class Grid {
}
#createHeader() {
const thead = createElement('table', 'grid-header');
const thead = createElement('table', 'ui-grid-header');
if (this.headerVisible === false) {
thead.style.display = 'none';
}
@ -512,7 +512,7 @@ class Grid {
}
#createBody() {
const body = createElement('div', 'grid-body');
const body = createElement('div', 'ui-grid-body');
body.addEventListener('scroll', e => throttle(this.#onScroll, RefreshInterval, this, e), { passive: true });
const cols = this.columns;
let width = 1;
@ -531,7 +531,7 @@ class Grid {
}
body.appendChild(bodyContainer);
// body content
const bodyContent = createElement('table', 'grid-body-content');
const bodyContent = createElement('table', 'ui-grid-body-content');
bodyContent.addEventListener('mousedown', e => {
let [parent, target] = this.#getRowTarget(e.target);
const rowIndex = indexOfParent(parent);
@ -546,7 +546,7 @@ class Grid {
// this.#adjustRows();
// events
if (!this.holderDisabled) {
const holder = createElement('div', 'grid-hover-holder');
const holder = createElement('div', 'ui-grid-hover-holder');
holder.addEventListener('mousedown', e => {
const holder = e.currentTarget;
const keyid = holder.keyid;
@ -582,7 +582,7 @@ class Grid {
count -= exists;
if (count > 0) {
for (let i = 0; i < count; i += 1) {
const row = createElement('tr', 'grid-row');
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) => {
@ -938,7 +938,7 @@ class Grid {
#getRowTarget(target) {
let parent;
while ((parent = target.parentElement) != null && !parent.classList.contains('grid-row')) {
while ((parent = target.parentElement) != null && !parent.classList.contains('ui-grid-row')) {
target = parent;
}
return [parent, target];
@ -1138,7 +1138,7 @@ class Grid {
}
#onBodyMouseMove(e, holder) {
if (e.target.classList.contains('grid-hover-holder')) {
if (e.target.classList.contains('ui-grid-hover-holder')) {
return;
}
let [parent, target] = this.#getRowTarget(e.target);
@ -1257,7 +1257,7 @@ class Grid {
}
#onRowDblClicked(e) {
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'LAYER' && e.target.className === 'check-box-inner' || e.target.tagName === 'LABEL' && (e.target.className === 'drop-text' || e.target.className === 'drop-caret')) {
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'LAYER' && e.target.className === 'ui-check-inner' || e.target.tagName === 'LABEL' && (e.target.className === 'ui-drop-text' || e.target.className === 'ui-drop-caret')) {
return;
}
const index = this.selectedIndex;