改变数据库 添加条目 加载更多 按钮的结构 (#13206)

* Update render.ts

* Update render.ts

* Update action.ts
This commit is contained in:
Jeffrey Chen 2024-11-20 10:43:54 +08:00 committed by GitHub
parent 371c64c471
commit 020f55e8ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 16 deletions

View File

@ -43,6 +43,18 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
if (!blockElement) { if (!blockElement) {
return false; return false;
} }
const setPageSizeElement = hasClosestByAttribute(event.target, "data-type", "set-page-size");
if (setPageSizeElement) {
setPageSize({
target: event.target,
protyle,
avID: blockElement.getAttribute("data-av-id"),
nodeElement: blockElement
});
event.preventDefault();
event.stopPropagation();
return true;
}
const loadMoreElement = hasClosestByAttribute(event.target, "data-type", "av-load-more"); const loadMoreElement = hasClosestByAttribute(event.target, "data-type", "av-load-more");
if (loadMoreElement) { if (loadMoreElement) {
(blockElement.querySelector(".av__row--footer") as HTMLElement).style.transform = ""; (blockElement.querySelector(".av__row--footer") as HTMLElement).style.transform = "";
@ -181,16 +193,6 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
return true; return true;
} else if (type === "set-page-size") {
setPageSize({
target,
protyle,
avID: blockElement.getAttribute("data-av-id"),
nodeElement: blockElement
});
event.preventDefault();
event.stopPropagation();
return true;
} else if (type === "av-add-bottom") { } else if (type === "av-add-bottom") {
insertRows(blockElement, protyle, 1, blockElement.querySelector(".av__row--util").previousElementSibling.getAttribute("data-id") || ""); insertRows(blockElement, protyle, 1, blockElement.querySelector(".av__row--util").previousElementSibling.getAttribute("data-id") || "");
event.preventDefault(); event.preventDefault();

View File

@ -264,14 +264,12 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex)}
<div class="av__colsticky"> <div class="av__colsticky">
<button class="b3-button" data-type="av-add-bottom"> <button class="b3-button" data-type="av-add-bottom">
<svg><use xlink:href="#iconAdd"></use></svg> <svg><use xlink:href="#iconAdd"></use></svg>
${window.siyuan.languages.newRow} <span>${window.siyuan.languages.newRow}</span>
</button> </button>
<span class="fn__space"></span> <span class="fn__space"></span>
<button class="b3-button${data.rowCount > data.rows.length ? "" : " fn__none"}"> <button class="b3-button${data.rowCount > data.rows.length ? "" : " fn__none"}" data-type="av-load-more">
<svg data-type="av-load-more"><use xlink:href="#iconArrowDown"></use></svg> <svg><use xlink:href="#iconArrowDown"></use></svg>
<span data-type="av-load-more"> <span>${window.siyuan.languages.loadMore}</span>
${window.siyuan.languages.loadMore}
</span>
<svg data-type="set-page-size" data-size="${data.pageSize}"><use xlink:href="#iconMore"></use></svg> <svg data-type="set-page-size" data-size="${data.pageSize}"><use xlink:href="#iconMore"></use></svg>
</button> </button>
</div> </div>