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

app/src/protyle/render/av/action.ts

@@ -77,6 +77,23 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
             event.preventDefault();
             event.stopPropagation();
             return true;
+        } else if (type === "av-add-more") {
+            const avID = blockElement.getAttribute("data-av-id");
+            const srcIDs = [Lute.NewNodeID()];
+            transaction(protyle, [{
+                action: "insertAttrViewBlock",
+                avID,
+                srcIDs,
+                isDetached: true,
+            }], [{
+                action: "removeAttrViewBlock",
+                srcIDs,
+                avID,
+            }]);
+            insertAttrViewBlockAnimation(blockElement, 1, undefined, avID);
+            event.preventDefault();
+            event.stopPropagation();
+            return true;
         } else if (type === "av-more") {
             openMenuPanel({protyle, blockElement, type: "config"});
             event.preventDefault();

app/src/protyle/render/av/render.ts

@@ -239,6 +239,10 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
                 <svg><use xlink:href="#iconMore"></use></svg>
             </span>
             <div class="fn__space"></div>
+            <span data-type="av-add-more" class="block__icon">
+                <svg><use xlink:href="#iconAdd"></use></svg>
+            </span>
+            <div class="fn__space"></div>
             ${response.data.isMirror ? ` <span class="block__icon block__icon--show ariaLabel" aria-label="${window.siyuan.languages.mirrorTip}">
     <svg><use xlink:href="#iconSplitLR"></use></svg></span><div class="fn__space"></div>` : ""}
         </div>
@@ -252,6 +256,10 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
                 <div class="av__colsticky">
                     <svg><use xlink:href="#iconAdd"></use></svg>
                     ${window.siyuan.languages.addAttr}
+                    
+                    <svg><use xlink:href="#loadMore"></use></svg>
+                    ${window.siyuan.languages.nextLabel}
+                    <svg data-type="set-page-size"><use xlink:href="#iconMore"></use></svg>
                 </div>
             </div>
             <div class="av__row--footer">${calcHTML}</div>

app/src/protyle/render/av/row.ts

@@ -126,6 +126,7 @@ const updatePageSize = (currentPageSIze: string, newPageSize: string) => {
         return;
     }
 }
+
 export const setPageSize = (target: HTMLElement) => {
     const menu = new Menu("av-page-size");
     if (menu.isOpen) {