From 0ae04cf5e6cef60e2b3be29829ace9339ea7b12e Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 9 Dec 2024 21:45:46 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/13375

---
 app/appearance/langs/de_DE.json           |  1 +
 app/appearance/langs/en_US.json           |  1 +
 app/appearance/langs/es_ES.json           |  1 +
 app/appearance/langs/fr_FR.json           |  1 +
 app/appearance/langs/he_IL.json           |  1 +
 app/appearance/langs/it_IT.json           |  1 +
 app/appearance/langs/ja_JP.json           |  1 +
 app/appearance/langs/pl_PL.json           |  1 +
 app/appearance/langs/ru_RU.json           |  1 +
 app/appearance/langs/zh_CHT.json          |  1 +
 app/appearance/langs/zh_CN.json           |  1 +
 app/src/assets/scss/business/_custom.scss | 22 ++++++++------
 app/src/protyle/render/av/blockAttr.ts    | 35 +++++++++++++++++++----
 13 files changed, 55 insertions(+), 13 deletions(-)

diff --git a/app/appearance/langs/de_DE.json b/app/appearance/langs/de_DE.json
index 457b64d4d..517f4ca99 100644
--- a/app/appearance/langs/de_DE.json
+++ b/app/appearance/langs/de_DE.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Aus der Datenbank entfernen",
   "empty": "Leer",
   "newRowInRelation": "Erstellen Sie einen neuen Eintrag in ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Primärschlüsseltext kopieren",
diff --git a/app/appearance/langs/en_US.json b/app/appearance/langs/en_US.json
index 005f53144..9b3654fb4 100644
--- a/app/appearance/langs/en_US.json
+++ b/app/appearance/langs/en_US.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Remove from database",
   "empty": "Empty",
   "newRowInRelation": "Create a new entry in ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Copy primary key text",
diff --git a/app/appearance/langs/es_ES.json b/app/appearance/langs/es_ES.json
index ddce57f0a..d23a0262a 100644
--- a/app/appearance/langs/es_ES.json
+++ b/app/appearance/langs/es_ES.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Eliminar de la base de datos",
   "empty": "Vacío",
   "newRowInRelation": "Crear una nueva entrada en ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Copiar texto de la clave principal",
diff --git a/app/appearance/langs/fr_FR.json b/app/appearance/langs/fr_FR.json
index fb982b6e4..fe1b9bccb 100644
--- a/app/appearance/langs/fr_FR.json
+++ b/app/appearance/langs/fr_FR.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Supprimer de la base de données",
   "empty": "Vide",
   "newRowInRelation": "Créer une nouvelle entrée dans ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Copier le texte de la clé principale",
diff --git a/app/appearance/langs/he_IL.json b/app/appearance/langs/he_IL.json
index f70abee38..5a04d9ff8 100644
--- a/app/appearance/langs/he_IL.json
+++ b/app/appearance/langs/he_IL.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "הסר ממסד הנתונים",
   "empty": "ריק",
   "newRowInRelation": "צור ערך חדש ב-${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "העתק טקסט מפתח ראשי",
diff --git a/app/appearance/langs/it_IT.json b/app/appearance/langs/it_IT.json
index 003ec1121..57390db61 100644
--- a/app/appearance/langs/it_IT.json
+++ b/app/appearance/langs/it_IT.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Rimuovi dal database",
   "empty": "Vuoto",
   "newRowInRelation": "Crea una nuova voce in ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Copia il testo della chiave primaria",
diff --git a/app/appearance/langs/ja_JP.json b/app/appearance/langs/ja_JP.json
index 0c2418bfa..ae35ac4f6 100644
--- a/app/appearance/langs/ja_JP.json
+++ b/app/appearance/langs/ja_JP.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "データベースから削除",
   "empty": "空白",
   "newRowInRelation": "${x} に新しい項目を作成 <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "主キーのテキストをコピー",
diff --git a/app/appearance/langs/pl_PL.json b/app/appearance/langs/pl_PL.json
index 5ebd94734..eb17ccbe0 100644
--- a/app/appearance/langs/pl_PL.json
+++ b/app/appearance/langs/pl_PL.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Usuń z bazy danych",
   "empty": "Pusty",
   "newRowInRelation": "Utwórz nowy wpis w ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Skopiuj tekst klucza głównego",
diff --git a/app/appearance/langs/ru_RU.json b/app/appearance/langs/ru_RU.json
index f769b7278..63b044142 100644
--- a/app/appearance/langs/ru_RU.json
+++ b/app/appearance/langs/ru_RU.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "Удалить из базы данных",
   "empty": "Пусто",
   "newRowInRelation": "Создать новую запись в ${x} <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "Скопировать текст основного ключа",
diff --git a/app/appearance/langs/zh_CHT.json b/app/appearance/langs/zh_CHT.json
index 047b7854f..fc24bdd59 100644
--- a/app/appearance/langs/zh_CHT.json
+++ b/app/appearance/langs/zh_CHT.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "從資料庫中移除",
   "empty": "空白",
   "newRowInRelation": "在 ${x} 中新建條目 <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "複製主鍵文本",
diff --git a/app/appearance/langs/zh_CN.json b/app/appearance/langs/zh_CN.json
index 11a63fac9..26c0c84c3 100644
--- a/app/appearance/langs/zh_CN.json
+++ b/app/appearance/langs/zh_CN.json
@@ -1,4 +1,5 @@
 {
+  "removeAV": "从数据库中移除",
   "empty": "空白",
   "newRowInRelation": "在 ${x} 中新建条目 <b class='ft__on-surface'>${y}</b>",
   "copyKeyContent": "复制主键文本",
diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss
index ec7716743..15fa20a7d 100644
--- a/app/src/assets/scss/business/_custom.scss
+++ b/app/src/assets/scss/business/_custom.scss
@@ -25,15 +25,21 @@
   }
 
   &__avheader {
-    border-bottom: 1px solid var(--b3-border-color);
-    padding: 8px;
-    color: var(--b3-protyle-inline-blockref-color);
-    opacity: .86;
-    transition: var(--b3-transition);
-    cursor: pointer;
+    display: flex;
+    padding: 0 8px 0 32px;
+    align-items: center;
+    min-height: 42px;
 
-    &:hover {
-      opacity: 1;
+    .block__logo {
+      color: var(--b3-protyle-inline-blockref-color);
+      opacity: .86;
+      transition: var(--b3-transition);
+      flex: 1;
+
+      &:hover {
+        cursor: pointer;
+        opacity: 1;
+      }
     }
   }
 
diff --git a/app/src/protyle/render/av/blockAttr.ts b/app/src/protyle/render/av/blockAttr.ts
index e8f00e8c3..6aeae7b63 100644
--- a/app/src/protyle/render/av/blockAttr.ts
+++ b/app/src/protyle/render/av/blockAttr.ts
@@ -15,6 +15,7 @@ import {previewImage} from "../../preview/image";
 import {webUtils} from "electron";
 /// #endif
 import {isBrowser} from "../../../util/functions";
+import {Constants} from "../../../constants";
 
 const genAVRollupHTML = (value: IAVCellValue) => {
     let html = "";
@@ -179,10 +180,12 @@ export const renderAVAttribute = (element: HTMLElement, id: string, protyle: IPr
             avID: string
             avName: string
         }) => {
-            let innerHTML = `<div class="custom-attr__avheader block__logo popover__block" data-id='${JSON.stringify(table.blockIDs)}'>
-    <div class="fn__flex-1"></div>
-    <svg class="block__logoicon"><use xlink:href="#iconDatabase"></use></svg><span>${table.avName || window.siyuan.languages.database}</span>
-    <div class="fn__flex-1"></div>
+            let innerHTML = `<div class="custom-attr__avheader">
+    <div class="block__logo popover__block" data-id='${JSON.stringify(table.blockIDs)}'>
+        <svg class="block__logoicon"><use xlink:href="#iconDatabase"></use></svg><span>${table.avName || window.siyuan.languages.database}</span>
+    </div>
+    <span class="fn__space"></span>
+    <span data-type="remove" class="block__icon block__icon--show b3-tooltips__w b3-tooltips" aria-label="${window.siyuan.languages.removeAV}"><svg><use xlink:href="#iconTrashcan"></use></svg></span>
 </div>`;
             table.keyValues?.forEach(item => {
                 innerHTML += `<div class="block__icons av__row" data-id="${id}" data-col-id="${item.key.id}">
@@ -199,7 +202,7 @@ class="fn__flex-1 fn__flex${["url", "text", "number", "email", "phone"].includes
             });
             innerHTML += `<div class="fn__hr"></div>
 <button data-type="addColumn" class="b3-button b3-button--cancel"><svg><use xlink:href="#iconAdd"></use></svg>${window.siyuan.languages.newCol}</button>
-<div class="fn__hr--b"></div>`;
+<div class="fn__hr--b"></div><div class="fn__hr--b"></div>`;
             html += `<div data-av-id="${table.avID}" data-node-id="${id}" data-type="NodeAttributeView">${innerHTML}</div>`;
 
             if (element.innerHTML) {
@@ -346,6 +349,28 @@ class="fn__flex-1 fn__flex${["url", "text", "number", "email", "phone"].includes
                 }
             });
             element.addEventListener("click", (event) => {
+                const removeElement = hasClosestByAttribute(event.target as HTMLElement, "data-type", "remove")
+                if (removeElement) {
+                    const blockElement = hasClosestBlock(removeElement)
+                    if (blockElement) {
+                        transaction(protyle, [{
+                            action: "removeAttrViewBlock",
+                            srcIDs: [id],
+                            avID: blockElement.dataset.avId,
+                        }]);
+                        blockElement.remove();
+                        if (!element.innerHTML) {
+                            window.siyuan.dialogs.find(item => {
+                                if (item.element.getAttribute("data-key") === Constants.DIALOG_ATTR) {
+                                    item.destroy();
+                                    return true;
+                                }
+                            })
+                        }
+                    }
+                    event.stopPropagation();
+                    return;
+                }
                 openEdit(protyle, element, event);
             });
             element.addEventListener("contextmenu", (event) => {