From ba2e65446889b5fcb58fe1c8298abcf4b7d5896c Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 21 Sep 2023 17:27:48 +0800
Subject: [PATCH] :sparkles: https://github.com/siyuan-note/siyuan/issues/8895

---
 app/src/protyle/render/av/render.ts | 15 ++++++++++++++-
 app/src/types/index.d.ts            |  1 +
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index bfe9a139d..1a0839a30 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -81,7 +81,7 @@ style="width: ${column.width || "200px"}">${getCalcValue(column) || '<svg><use x
                         } else if (cell.valueType === "number") {
                             text = `<span class="av__celltext" data-content="${cell.value?.number.content || ""}">${cell.value?.number.formattedContent || ""}</span>`;
                         } else if (cell.valueType === "mSelect" || cell.valueType === "select") {
-                            cell.value?.mSelect?.forEach((item: { content: string, color: string }) => {
+                            cell.value?.mSelect?.forEach((item) => {
                                 text += `<span class="b3-chip b3-chip--middle" style="background-color:var(--b3-font-background${item.color});color:var(--b3-font-color${item.color})">${item.content}</span>`;
                             });
                             if (!text) {
@@ -98,6 +98,19 @@ style="width: ${column.width || "200px"}">${getCalcValue(column) || '<svg><use x
                                 text += `<svg><use xlink:href="#iconForward"></use></svg>${dayjs(cell.value.date.content2).format("YYYY-MM-DD HH:mm")}`;
                             }
                             text += "</span>";
+                        } else if (cell.valueType === "mAsset") {
+                            cell.value?.mAsset?.forEach((item) => {
+                                if (item.type === "image") {
+                                    text += `<span class="b3-chip b3-chip--middle" style="background-image:url("${item.content}")"></span>`;
+                                } else {
+                                    text += `<span class="b3-chip b3-chip--middle" data-url="${item.content}">${item.name}</span>`;
+                                }
+                            });
+                            if (!text) {
+                                text = '<span class="av__celltext"></span>';
+                            } else {
+                                text = `<span class="av__celltext">${text}</span>`;
+                            }
                         }
                         tableHTML += `<div class="av__cell" data-id="${cell.id}" data-col-id="${data.columns[index].id}"
 ${cell.valueType === "block" ? 'data-block-id="' + (cell.value.block.id || "") + '"' : ""}  
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 5e4144cd7..ac5043ede 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -969,6 +969,7 @@ interface IAVCellValue {
     text?: { content: string },
     number?: { content?: number, isNotEmpty: boolean, format?: string, formattedContent?: string },
     mSelect?: { content: string, color: string }[]
+    mAsset?: { content: string, name: string, type: "file" | "image" }[]
     block?: { content: string, id?: string }
     url?: { content: string }
     phone?: { content: string }