opencode/yao
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

libsui $Query class to support multiple elements in constructor

Browse source
This commit is contained in:
Max 2024-10-09 11:26:37 +08:00
parent 776d22a443
commit 3074a8e432
2 changed files with 76 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
data/bindata.go
View file

File diff suppressed because one or more lines are too long

18
sui/libsui/utils.ts
View file

@ -19,19 +19,25 @@ function $Query(selector: string | Element): __Query {
}
class __Query {
selector: string | Element | undefined = "";
selector: string | Element | NodeListOf<Element> | undefined = "";
elements: NodeListOf<Element> | null = null;
element: Element | null = null;
constructor(selector: string | Element) {
constructor(selector: string | Element | NodeListOf<Element>) {
if (typeof selector === "string") {
this.selector = selector;
this.elements = document.querySelectorAll(selector);
if (this.elements.length > 0) {
this.element = this.elements[0];
}
} else if (selector instanceof NodeList) {
this.elements = selector;
if (this.elements.length > 0) {
this.element = this.elements[0];
}
} else {
this.element = selector;
}
this.selector = selector;
}
@ -51,6 +57,14 @@ class __Query {
return null;
}
findAll(selector: string): __Query | null {
const elms = this.element?.querySelectorAll(selector);
if (elms) {
return new __Query(elms);
}
return null;
}
closest(selector: string): __Query | null {
const elm = this.element?.closest(selector);
if (elm) {