From 415445863d6a824a09cd0e253512a24aa923bf15 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sat, 23 Sep 2023 10:37:22 +0800
Subject: [PATCH] :sparkles: https://github.com/siyuan-note/siyuan/issues/8895

---
 app/src/protyle/render/av/asset.ts         | 24 +++++++++++------
 app/src/protyle/render/av/openMenuPanel.ts | 31 +++++++++++++++++++++-
 2 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/app/src/protyle/render/av/asset.ts b/app/src/protyle/render/av/asset.ts
index 5e5a43ac7..f8bb618bf 100644
--- a/app/src/protyle/render/av/asset.ts
+++ b/app/src/protyle/render/av/asset.ts
@@ -37,7 +37,8 @@ export const bindAssetEvent = (options: {
                 protyle: options.protyle,
                 data: options.data,
                 cellElements: options.cellElements,
-                value
+                type: "addUpdate",
+                addUpdateValue: value
             });
         });
     });
@@ -94,11 +95,13 @@ ${contentHTML}
 </div>`;
 };
 
-const updateAssetCell = (options: {
+export const updateAssetCell = (options: {
     protyle: IProtyle,
     data: IAV,
     cellElements: HTMLElement[],
-    value?: IAVCellAssetValue[],
+    type: "replace" | "addUpdate" | "remove",
+    replaceValue?: IAVCellAssetValue[],
+    addUpdateValue?: IAVCellAssetValue[],
     removeContent?: string
 }) => {
     let cellIndex = 0;
@@ -128,7 +131,7 @@ const updateAssetCell = (options: {
             }
         });
         const oldValue = Object.assign([], cellData.value.mAsset);
-        if (options.removeContent) {
+        if (options.type === "remove") {
             if (elementIndex === 0) {
                 cellData.value.mAsset.find((oldItem, index) => {
                     if (oldItem.content === options.removeContent) {
@@ -140,9 +143,9 @@ const updateAssetCell = (options: {
             } else {
                 cellData.value.mAsset = newValue;
             }
-        } else {
+        } else if (options.type === "addUpdate") {
             if (elementIndex === 0) {
-                options.value.forEach(newitem => {
+                options.addUpdateValue.forEach(newitem => {
                     if (!newitem.content) {
                         return;
                     }
@@ -164,6 +167,8 @@ const updateAssetCell = (options: {
             } else {
                 cellData.value.mAsset = newValue;
             }
+        } else {
+            cellData.value.mAsset = options.replaceValue;
         }
         cellDoOperations.push({
             action: "updateAttrViewCell",
@@ -208,7 +213,8 @@ export const editAssetItem = (protyle: IProtyle, data: IAV, cellElements: HTMLEl
             protyle,
             data,
             cellElements,
-            value: [{
+            type: "addUpdate",
+            addUpdateValue: [{
                 content: linkAddress,
                 name: textElement.value,
                 type
@@ -240,6 +246,7 @@ export const editAssetItem = (protyle: IProtyle, data: IAV, cellElements: HTMLEl
                 protyle,
                 data,
                 cellElements,
+                type: "remove",
                 removeContent: linkAddress
             });
         }
@@ -273,7 +280,8 @@ export const addAssetLink = (protyle: IProtyle, data: IAV, cellElements: HTMLEle
             protyle,
             data,
             cellElements,
-            value: [{
+            type: "addUpdate",
+            addUpdateValue: [{
                 type: "file",
                 name: textElements[1].value,
                 content: textElements[0].value,
diff --git a/app/src/protyle/render/av/openMenuPanel.ts b/app/src/protyle/render/av/openMenuPanel.ts
index 925d63b7e..b8d4af007 100644
--- a/app/src/protyle/render/av/openMenuPanel.ts
+++ b/app/src/protyle/render/av/openMenuPanel.ts
@@ -10,7 +10,7 @@ import {addSort, bindSortsEvent, getSortsHTML} from "./sort";
 import {bindDateEvent, getDateHTML, setDateValue} from "./date";
 import {formatNumber} from "./number";
 import {removeAttrViewColAnimation} from "./action";
-import {addAssetLink, bindAssetEvent, editAssetItem, getAssetHTML} from "./asset";
+import {addAssetLink, bindAssetEvent, editAssetItem, getAssetHTML, updateAssetCell} from "./asset";
 import {Constants} from "../../../constants";
 
 export const openMenuPanel = (options: {
@@ -227,6 +227,35 @@ export const openMenuPanel = (options: {
                 menuElement.innerHTML = getFiltersHTML(data.view);
                 return;
             }
+            if (type === "assets") {
+                const changeData = data.view.filters;
+                let targetFilter: IAVFilter;
+                changeData.find((filter, index: number) => {
+                    if (filter.column === sourceId) {
+                        targetFilter = changeData.splice(index, 1)[0];
+                        return true;
+                    }
+                });
+                changeData.find((filter, index: number) => {
+                    if (filter.column === targetId) {
+                        if (isTop) {
+                            changeData.splice(index, 0, targetFilter);
+                        } else {
+                            changeData.splice(index + 1, 0, targetFilter);
+                        }
+                        return true;
+                    }
+                });
+
+                updateAssetCell({
+                    protyle:options.protyle,
+                    data,
+                    cellElements:options.cellElements,
+                    type: "replace",
+                    replaceValue
+                });
+                return;
+            }
             transaction(options.protyle, [{
                 action: "sortAttrViewCol",
                 avID,