From df17081df51739abae62d285f7608e56a6742bf4 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 8 Jun 2023 18:25:33 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/7536

---
 app/src/protyle/render/av/index.ts |  8 ++++----
 app/src/types/index.d.ts           | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/src/protyle/render/av/index.ts b/app/src/protyle/render/av/index.ts
index 4410589c9..dd7f86e10 100644
--- a/app/src/protyle/render/av/index.ts
+++ b/app/src/protyle/render/av/index.ts
@@ -56,9 +56,9 @@ export const avRender = (element: Element) => {
             //     }]
             // };
             fetchPost("/api/av/renderAttributeView", {id: e.getAttribute("data-node-id")}, (response) => {
-                const data = response.data
+                const data = response.data.av;
                 let tableHTML = '<div class="av__row av__row--header" style="background-color: var(--b3-theme-background)"><div class="av__firstcol"><input style="margin-top: 14px" type="checkbox"></div>';
-                data.columns.forEach((column) => {
+                data.columns.forEach((column: IAVColumn) => {
                     tableHTML += `
 <div class="av__cell" style="width: ${column.width}px;">${column.name}</div>`
                 });
@@ -68,10 +68,10 @@ export const avRender = (element: Element) => {
     <div class="block__icon block__icon--show"><svg><use xlink:href="#iconMore"></use></svg></div>
 </div>
 </div>`;
-                data.rows.forEach((row) => {
+                data.rows.forEach((row: IAVRow) => {
                     tableHTML += `<div class="av__row" data-id="${row.id}"><div class="av__firstcol"><input type="checkbox"></div>`;
                     row.cells.forEach((cell, index) => {
-                        tableHTML += `<div class="av__cell" style="width: ${data.columns[index].width}px;background-color: ${cell.bgColor||""};color: ${cell.color||""}">${cell.value}</div>`
+                        tableHTML += `<div class="av__cell" style="width: ${data.columns[index].width}px;background-color: ${cell.bgColor || ""};color: ${cell.color || ""}">${cell.value}</div>`
                     });
                     tableHTML += `<div></div></div>`;
                 });
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index da1160340..6aaf6f3d4 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -799,3 +799,23 @@ interface IBazaarItem {
     hUpdated: string
     preferredFunding: string
 }
+
+interface IAVColumn {
+    width: number,
+    icon: string,
+    id: string,
+    name: string,
+    wrap: boolean,
+    type: string,
+}
+
+interface IAVRow {
+    id: string,
+    cells: IAVCell[]
+}
+
+interface IAVCell {
+    color: string,
+    bgColor: string,
+    value: string,
+}