|
@@ -57,17 +57,17 @@ const toggleEmpty = (element: HTMLElement, operator: string, type: TAVCol) => {
|
|
|
|
|
|
const filterSelect = (key: string) => {
|
|
const filterSelect = (key: string) => {
|
|
window.siyuan.menus.menu.element.querySelectorAll(".b3-menu__item").forEach((item) => {
|
|
window.siyuan.menus.menu.element.querySelectorAll(".b3-menu__item").forEach((item) => {
|
|
- const nameElement = item.querySelector(".b3-chip.b3-chip--middle") as HTMLElement
|
|
|
|
|
|
+ const nameElement = item.querySelector(".b3-chip.b3-chip--middle") as HTMLElement;
|
|
if (nameElement) {
|
|
if (nameElement) {
|
|
- const itemName = nameElement.dataset.name.toLowerCase()
|
|
|
|
|
|
+ const itemName = nameElement.dataset.name.toLowerCase();
|
|
if (!key || (key.indexOf(itemName) > -1 || itemName.indexOf(key) > -1)) {
|
|
if (!key || (key.indexOf(itemName) > -1 || itemName.indexOf(key) > -1)) {
|
|
item.classList.remove("fn__none");
|
|
item.classList.remove("fn__none");
|
|
} else {
|
|
} else {
|
|
item.classList.add("fn__none");
|
|
item.classList.add("fn__none");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- })
|
|
|
|
-}
|
|
|
|
|
|
+ });
|
|
|
|
+};
|
|
|
|
|
|
export const setFilter = async (options: {
|
|
export const setFilter = async (options: {
|
|
filter: IAVFilter,
|
|
filter: IAVFilter,
|
|
@@ -332,7 +332,7 @@ export const setFilter = async (options: {
|
|
type: "readonly",
|
|
type: "readonly",
|
|
label: `<input class="b3-text-field fn__block" style="margin: 4px 0" placeholder="${window.siyuan.languages.search}">`,
|
|
label: `<input class="b3-text-field fn__block" style="margin: 4px 0" placeholder="${window.siyuan.languages.search}">`,
|
|
bind(element) {
|
|
bind(element) {
|
|
- const selectSearchElement = element.querySelector("input")
|
|
|
|
|
|
+ const selectSearchElement = element.querySelector("input");
|
|
selectSearchElement.addEventListener("keydown", (event: KeyboardEvent) => {
|
|
selectSearchElement.addEventListener("keydown", (event: KeyboardEvent) => {
|
|
if (event.isComposing) {
|
|
if (event.isComposing) {
|
|
return;
|
|
return;
|
|
@@ -344,18 +344,18 @@ export const setFilter = async (options: {
|
|
}
|
|
}
|
|
currentElement.dispatchEvent(new CustomEvent("click"));
|
|
currentElement.dispatchEvent(new CustomEvent("click"));
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ });
|
|
selectSearchElement.addEventListener("input", (event: InputEvent) => {
|
|
selectSearchElement.addEventListener("input", (event: InputEvent) => {
|
|
if (event.isComposing) {
|
|
if (event.isComposing) {
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
filterSelect(selectSearchElement.value.toLowerCase());
|
|
filterSelect(selectSearchElement.value.toLowerCase());
|
|
- })
|
|
|
|
|
|
+ });
|
|
selectSearchElement.addEventListener("compositionend", () => {
|
|
selectSearchElement.addEventListener("compositionend", () => {
|
|
filterSelect(selectSearchElement.value.toLowerCase());
|
|
filterSelect(selectSearchElement.value.toLowerCase());
|
|
- })
|
|
|
|
|
|
+ });
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ });
|
|
}
|
|
}
|
|
colData.options?.forEach((option) => {
|
|
colData.options?.forEach((option) => {
|
|
let icon = "iconUncheck";
|
|
let icon = "iconUncheck";
|