Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-02-07 16:04:19 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 https://github.com/siyuan-note/siyuan/issues/16548

Browse source
This commit is contained in:
Vanessa 2026-02-04 14:11:01 +08:00
parent 4326958da2
commit ba0cf1cf28
3 changed files with 23 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/assets/scss/business/_av.scss
View file

@ -97,6 +97,8 @@
.b3-text-field {
transition: var(--b3-width-transition);
overflow-x: hidden;
outline: none;
}
}

12
app/src/protyle/render/av/render.ts
View file

@ -259,7 +259,7 @@ export const getGroupTitleHTML = (group: IAVView, counter: number) => {
const renderGroupTable = (options: ITableOptions) => {
const searchInputElement = options.blockElement.querySelector('[data-type="av-search"]') as HTMLInputElement;
const isSearching = searchInputElement && document.activeElement === searchInputElement;
const query = searchInputElement?.value || "";
const query = searchInputElement?.textContent || "";
let avBodyHTML = "";
options.data.view.groups.forEach((group: IAVTable) => {
@ -387,8 +387,8 @@ const afterRenderTable = (options: ITableOptions) => {
return;
}
const viewsElement = options.blockElement.querySelector(".av__views") as HTMLElement;
const searchInputElement = options.blockElement.querySelector('[data-type="av-search"]') as HTMLInputElement;
searchInputElement.value = options.resetData.query || "";
const searchInputElement = options.blockElement.querySelector('[data-type="av-search"]') as HTMLElement;
searchInputElement.textContent = options.resetData.query || "";
if (options.resetData.isSearching) {
searchInputElement.focus();
}
@ -406,7 +406,7 @@ const afterRenderTable = (options: ITableOptions) => {
if (event.isComposing) {
return;
}
if (searchInputElement.value || document.activeElement === searchInputElement) {
if (searchInputElement.textContent || document.activeElement === searchInputElement) {
viewsElement.classList.add("av__views--show");
} else {
viewsElement.classList.remove("av__views--show");
@ -420,7 +420,7 @@ const afterRenderTable = (options: ITableOptions) => {
if (event.isComposing) {
return;
}
if (!searchInputElement.value) {
if (!searchInputElement.textContent) {
viewsElement.classList.remove("av__views--show");
searchInputElement.style.width = "0";
searchInputElement.style.paddingLeft = "0";
@ -532,7 +532,7 @@ export const avRender = async (element: Element, protyle: IProtyle, cb?: (data:
selectRowIds,
dragFillId,
activeIds,
query: searchInputElement?.value || "",
query: searchInputElement?.textContent || "",
pageSizes
};
if (e.firstElementChild.innerHTML === "") {

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

@ -1,5 +1,12 @@
const update = (inputElement: HTMLInputElement, clearElement: Element, right: number) => {
if (inputElement.value === "") {
const update = (inputElement: HTMLElement, clearElement: Element, right: number) => {
let value = "";
if (inputElement.tagName === "DIV") {
value = inputElement.textContent;
} else {
value = (inputElement as HTMLInputElement).value;
}
if (value === "") {
clearElement.classList.add("fn__none");
if (typeof right === "number") {
inputElement.style.paddingRight = inputElement.dataset.oldPaddingRight;
@ -12,7 +19,7 @@ const update = (inputElement: HTMLInputElement, clearElement: Element, right: nu
}
};
export const addClearButton = (options: {
inputElement: HTMLInputElement,
inputElement: HTMLElement,
clearCB?: () => void,
right?: number,
width?: string,
@ -25,7 +32,11 @@ export const addClearButton = (options: {
<use xlink:href="#iconCloseRound"></use></svg>`);
const clearElement = options.inputElement.nextElementSibling;
clearElement.addEventListener("click", () => {
options.inputElement.value = "";
if (options.inputElement.tagName === "DIV") {
options.inputElement.textContent = "";
} else {
(options.inputElement as HTMLInputElement).value = "";
}
options.inputElement.focus();
update(options.inputElement, clearElement, options.right);
if (options.clearCB) {