0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 fix https://github.com/siyuan-note/siyuan/issues/9801

Browse source
This commit is contained in:
Vanessa 2023-12-04 00:37:57 +08:00
parent d1c5c9ac7d
commit 2f34408577
4 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/mobile/menu/search.ts
View file

@ -721,5 +721,5 @@ const goAsset = () => {
clearCB() {
assetInputEvent(assetsElement, localSearch);
}
})
});
};

2
app/src/search/assets.ts
View file

@ -122,6 +122,8 @@ export const openSearchAsset = (element: Element, isStick: boolean) => {
});
assetInputEvent(element, localSearch);
addClearButton({
right: 8,
height: searchInputElement.clientHeight,
inputElement: searchInputElement,
clearCB() {
assetInputEvent(element, localSearch);

6
app/src/search/util.ts
View file

@ -954,13 +954,15 @@ export const genSearch = (app: App, config: ISearchOption, element: Element, clo
});
addClearButton({
inputElement: searchInputElement,
right: 8,
height: searchInputElement.clientHeight,
clearCB () {
clearCB() {
config.page = 1;
inputEvent(element, config, edit);
}
});
addClearButton({
right: 8,
inputElement: replaceInputElement,
height: searchInputElement.clientHeight,
});
@ -1114,7 +1116,7 @@ export const replace = (element: Element, config: ISearchOption, edit: Protyle,
const replaceInputElement = element.querySelector("#replaceInput") as HTMLInputElement;
const searchInputElement = element.querySelector("#searchInput") as HTMLInputElement;
const loadElement = element.querySelector("#searchRefresh");
const loadElement = element.querySelector("svg.fn__rotate");
if (!loadElement.classList.contains("fn__none")) {
return;
}

8
app/src/util/addClearButton.ts
View file

@ -7,10 +7,10 @@ const update = (inputElement: HTMLInputElement, clearElement: Element, right: nu
} else {
clearElement.classList.remove("fn__none");
if (right) {
inputElement.style.setProperty('padding-right', `${right * 2 + clearElement.clientWidth}px`, 'important');
inputElement.style.setProperty("padding-right", `${right * 2 + clearElement.clientWidth}px`, "important");
}
}
}
};
export const addClearButton = (options: {
inputElement: HTMLInputElement,
clearCB?: () => void,
@ -19,7 +19,7 @@ export const addClearButton = (options: {
className?: string
}) => {
options.inputElement.insertAdjacentHTML("afterend",
`<svg class="${options.className || "b3-form__icon-clear"}" style="${options.right ? "right: " + options.right + "px" : ""}${options.height ? "height:" + options.height + "px" : ""}">
`<svg class="${options.className || "b3-form__icon-clear"}" style="${options.right ? "right: " + options.right + "px;" : ""}${options.height ? "height:" + options.height + "px" : ""}">
<use xlink:href="#iconCloseRound"></use></svg>`);
const clearElement = options.inputElement.nextElementSibling;
clearElement.addEventListener("click", () => {
@ -29,7 +29,7 @@ export const addClearButton = (options: {
if (options.clearCB) {
options.clearCB();
}
})
});
options.inputElement.addEventListener("input", () => {
update(options.inputElement, clearElement, options.right);
});