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

app/appearance/langs/zh_CN.json

@@ -1,6 +1,8 @@
 {
+  "hideCol": "隐藏列",
   "hideAll": "隐藏全部",
   "showAll": "显示全部",
+  "showCol": "显示列",
   "number": "数字",
   "date": "日期",
   "select": "单选",

app/src/assets/scss/business/_av.scss

@@ -116,9 +116,17 @@
 
     .b3-menu {
       width: 300px;
+
+      .block__icon {
+        line-height: 20px;
+        padding: 0 4px;
+        font-size: 12px;
+        align-self: center;
+        opacity: 1;
+      }
     }
 
-    .b3-menu__item:not([data-type="title"]):hover {
+    .b3-menu__item:not([data-type="nobg"]):hover {
       background-color: var(--b3-list-hover);
 
       .b3-menu__action {

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

@@ -51,12 +51,55 @@ export const openMenuPanel = (protyle: IProtyle, blockElement: HTMLElement, type
                     event.stopPropagation();
                     break;
                 } else if (type === "showAllCol") {
-// showAllCol(data);
+                    const doOperations: IOperation[] = []
-                    avMenuPanel.innerHTML = getPropertiesHTML(data, tabRect);
+                    const undoOperations: IOperation[] = []
+                    data.columns.forEach((item: IAVColumn) => {
+                        if (item.hidden) {
+                            doOperations.push({
+                                action: "setAttrViewColHidden",
+                                id: item.id,
+                                parentID: avId,
+                                data: false
+                            })
+                            undoOperations.push({
+                                action: "setAttrViewColHidden",
+                                id: item.id,
+                                parentID: avId,
+                                data: true
+                            })
+                            item.hidden = false
+                        }
+                    })
+                    if (doOperations.length > 0) {
+                        transaction(protyle, doOperations, undoOperations);
+                        avMenuPanel.innerHTML = getPropertiesHTML(data, tabRect);
+                    }
                     event.stopPropagation();
                     break;
                 } else if (type === "hideAllCol") {
-
+                    const doOperations: IOperation[] = []
+                    const undoOperations: IOperation[] = []
+                    data.columns.forEach((item: IAVColumn) => {
+                        if (!item.hidden && item.type !== "block") {
+                            doOperations.push({
+                                action: "setAttrViewColHidden",
+                                id: item.id,
+                                parentID: avId,
+                                data: true
+                            })
+                            undoOperations.push({
+                                action: "setAttrViewColHidden",
+                                id: item.id,
+                                parentID: avId,
+                                data: false
+                            })
+                            item.hidden = true
+                        }
+                    })
+                    if (doOperations.length > 0) {
+                        transaction(protyle, doOperations, undoOperations);
+                        avMenuPanel.innerHTML = getPropertiesHTML(data, tabRect);
+                    }
                     event.stopPropagation();
                     break;
                 } else if (type === "hideCol") {
@@ -103,7 +146,7 @@ export const openMenuPanel = (protyle: IProtyle, blockElement: HTMLElement, type
 const getConfigHTML = (data: IAV, tabRect: DOMRect) => {
     return `<div class="b3-dialog__scrim" data-type="close"></div>
  <div class="b3-menu" style="right:${window.innerWidth - tabRect.right}px;top:${tabRect.bottom}px">
-    <button class="b3-menu__item" data-type="title">
+    <button class="b3-menu__item" data-type="nobg">
         <span class="b3-menu__label">${window.siyuan.languages.config}</span>
         <svg class="b3-menu__action" data-type="close" style="opacity: 1"><use xlink:href="#iconCloseRound"></use></svg>
     </button>
@@ -155,10 +198,15 @@ const getPropertiesHTML = (data: IAV, tabRect: DOMRect) => {
     });
     if (hideHTML) {
         hideHTML = `<button class="b3-menu__separator"></button>
-<button class="b3-menu__item" data-type="hideAllCol">
+<button class="b3-menu__item" data-type="nobg">
-    <svg class="b3-menu__icon"><use xlink:href="#iconEyeoff"></use></svg>
+    <span class="b3-menu__label">
-    <span class="b3-menu__label">${window.siyuan.languages.hideAll}</span>
+        ${window.siyuan.languages.hideCol} 
-    <span class="b3-menu__accelerator">${data.columns.filter((item: IAVColumn) => item.hidden).length}</span>
+    </span>
+    <span class="block__icon" data-type="showAllCol">
+        ${window.siyuan.languages.showAll}
+        <span class="fn__space"></span>
+        <svg><use xlink:href="#iconEye"></use></svg>
+    </span>
 </button>
 ${hideHTML}`;
     }
@@ -170,10 +218,15 @@ ${hideHTML}`;
         <svg class="b3-menu__action" data-type="close" style="opacity: 1"><use xlink:href="#iconCloseRound"></use></svg>
     </button>
     <button class="b3-menu__separator"></button>
-    <button class="b3-menu__item" data-type="showAllCol">
+    <button class="b3-menu__item" data-type="nobg">
-        <svg class="b3-menu__icon"><use xlink:href="#iconEye"></use></svg>
+        <span class="b3-menu__label">
-        <span class="b3-menu__label">${window.siyuan.languages.showAll}</span>
+            ${window.siyuan.languages.showCol} 
-        <span class="b3-menu__accelerator">${data.columns.filter((item: IAVColumn) => !item.hidden).length}</span>
+        </span>
+        <span class="block__icon" data-type="hideAllCol">
+            ${window.siyuan.languages.hideAll}
+            <span class="fn__space"></span>
+            <svg><use xlink:href="#iconEyeoff"></use></svg>
+        </span>
     </button>
     ${showHTML}
     ${hideHTML}