From 87dcbcd58c08fb149032cb5a2368e66a71ca21ee Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 31 Jul 2023 11:32:36 +0800
Subject: [PATCH] :rotating_light:

---
 app/src/menus/commonMenuItem.ts            | 26 +++++++++++-----------
 app/src/protyle/hint/index.ts              |  9 ++++----
 app/src/protyle/render/av/filter.ts        |  4 ++--
 app/src/protyle/render/av/openMenuPanel.ts |  2 +-
 app/src/protyle/render/av/render.ts        | 20 ++++++++---------
 app/src/protyle/render/av/select.ts        |  2 +-
 6 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/app/src/menus/commonMenuItem.ts b/app/src/menus/commonMenuItem.ts
index 5419b225c..8c66f487e 100644
--- a/app/src/menus/commonMenuItem.ts
+++ b/app/src/menus/commonMenuItem.ts
@@ -174,7 +174,7 @@ const genAttr = (attrs: IObject, focusName = "bookmark", cb: (dialog: Dialog, rm
     <input class="b3-text-field fn__block" type="datetime-local" readonly data-name="${item}" value="${dayjs(attrs[item]).format("YYYY-MM-DDTHH:mm")}">
 </label>`;
         } else if (item.indexOf("custom-av") > -1) {
-            hasAV = true
+            hasAV = true;
 //             avHTML += `<label class="b3-label b3-label--noborder">
 //      <div class="fn__flex">
 //         <span class="fn__flex-1">${item.replace("custom-", "")}</span>
@@ -272,27 +272,27 @@ const genAttr = (attrs: IObject, focusName = "bookmark", cb: (dialog: Dialog, rm
             return;
         }
         while (!target.isSameNode(dialog.element)) {
-            const type = target.dataset.action
+            const type = target.dataset.action;
             if (target.classList.contains("item--full")) {
-                target.parentElement.querySelector('.item--focus').classList.remove("item--focus")
-                target.classList.add("item--focus")
+                target.parentElement.querySelector(".item--focus").classList.remove("item--focus");
+                target.classList.add("item--focus");
                 dialog.element.querySelectorAll(".custom-attr").forEach((item: HTMLElement) => {
                     if (item.dataset.type === target.dataset.type) {
                         if (item.dataset.type === "av" && item.innerHTML === "") {
                             renderAVAttribute(item, attrs.id);
                         }
-                        item.classList.remove("fn__none")
+                        item.classList.remove("fn__none");
                     } else {
-                        item.classList.add("fn__none")
+                        item.classList.add("fn__none");
                     }
-                })
+                });
             } else if (type === "remove") {
                 if (target.previousElementSibling.tagName === "SPAN") {
                     removeAttrs.push(target.parentElement.parentElement.querySelector("textarea").getAttribute("data-name"));
                 }
                 target.parentElement.parentElement.remove();
-                event.stopPropagation()
-                event.preventDefault()
+                event.stopPropagation();
+                event.preventDefault();
                 break;
             } else if (type === "bookmark") {
                 fetchPost("/api/attr/getBookmarkLabels", {}, (response) => {
@@ -317,8 +317,8 @@ const genAttr = (attrs: IObject, focusName = "bookmark", cb: (dialog: Dialog, rm
                     window.siyuan.menus.menu.element.classList.add("b3-menu--list");
                     window.siyuan.menus.menu.popup({x: event.clientX, y: event.clientY + 16, w: 16});
                 });
-                event.stopPropagation()
-                event.preventDefault()
+                event.stopPropagation();
+                event.preventDefault();
                 break;
             } else if (type === "addCustom") {
                 target.parentElement.insertAdjacentHTML("beforebegin", `<div class="b3-label b3-label--noborder">
@@ -334,8 +334,8 @@ const genAttr = (attrs: IObject, focusName = "bookmark", cb: (dialog: Dialog, rm
                 inputElements[inputElements.length - 2].focus();
                 bindAttrInput(inputElements[inputElements.length - 1], dialog.element);
                 bindAttrInput(inputElements[inputElements.length - 2], dialog.element);
-                event.stopPropagation()
-                event.preventDefault()
+                event.stopPropagation();
+                event.preventDefault();
                 break;
             } else if (type === "closeDialog") {
                 dialog.destroy();
diff --git a/app/src/protyle/hint/index.ts b/app/src/protyle/hint/index.ts
index 2a9546120..b6f94cbc4 100644
--- a/app/src/protyle/hint/index.ts
+++ b/app/src/protyle/hint/index.ts
@@ -27,7 +27,6 @@ import {uploadFiles} from "../upload";
 import {openFileById} from "../../editor/util";
 /// #endif
 import {openMobileFileById} from "../../mobile/editor";
-import {getIconByType} from "../../editor/getIcon";
 import {processRender} from "../util/processCode";
 import {AIChat} from "../../ai/chat";
 import {isMobile} from "../../util/functions";
@@ -279,7 +278,7 @@ ${unicode2Emoji(emoji.unicode)}</button>`;
         }
         this.element.style.width = Math.max(protyle.element.clientWidth / 2, 320) + "px";
         if (this.source === "av") {
-            const blockElement = hasClosestBlock(protyle.toolbar.range.startContainer)
+            const blockElement = hasClosestBlock(protyle.toolbar.range.startContainer);
             if (blockElement) {
                 const rowAddRect = blockElement.querySelector(".av__row--add").getBoundingClientRect();
                 setPosition(this.element, rowAddRect.left, rowAddRect.bottom, rowAddRect.height);
@@ -414,8 +413,8 @@ ${genHintItemHTML(item)}
         }
         if (this.source === "av") {
             const avID = nodeElement.getAttribute("data-av-id");
-            const rowsElement = nodeElement.querySelectorAll(".av__row")
-            const previousID = rowsElement[rowsElement.length - 1].getAttribute("data-id")
+            const rowsElement = nodeElement.querySelectorAll(".av__row");
+            const previousID = rowsElement[rowsElement.length - 1].getAttribute("data-id");
             let tempElement = document.createElement("div");
             tempElement.innerHTML = value.replace(/<mark>/g, "").replace(/<\/mark>/g, "");
             tempElement = tempElement.firstElementChild as HTMLDivElement;
@@ -442,7 +441,7 @@ ${genHintItemHTML(item)}
                     });
                 });
             } else {
-                const sourceId = tempElement.getAttribute('data-id')
+                const sourceId = tempElement.getAttribute("data-id");
                 transaction(protyle, [{
                     action: "insertAttrViewBlock",
                     avID,
diff --git a/app/src/protyle/render/av/filter.ts b/app/src/protyle/render/av/filter.ts
index f8bdc56f3..373f361a2 100644
--- a/app/src/protyle/render/av/filter.ts
+++ b/app/src/protyle/render/av/filter.ts
@@ -55,7 +55,7 @@ export const setFilter = (options: {
     const rectTarget = options.target.getBoundingClientRect();
     const menu = new Menu("set-filter-" + options.filter.column, () => {
         const oldFilters = JSON.parse(JSON.stringify(options.data.view.filters));
-        const operator = (window.siyuan.menus.menu.element.querySelector(".b3-select") as HTMLSelectElement).value as TAVFilterOperator
+        const operator = (window.siyuan.menus.menu.element.querySelector(".b3-select") as HTMLSelectElement).value as TAVFilterOperator;
         let hasMatch = false;
         let cellValue: IAVCellValue;
         if (textElements.length > 0) {
@@ -268,7 +268,7 @@ export const setFilter = (options: {
                 event.preventDefault();
             }
         });
-    })
+    });
     toggleEmpty(selectElement, selectElement.value, colData.type);
     menu.open({x: rectTarget.left, y: rectTarget.bottom});
     if (textElements.length > 0) {
diff --git a/app/src/protyle/render/av/openMenuPanel.ts b/app/src/protyle/render/av/openMenuPanel.ts
index 9229cc571..c80d39084 100644
--- a/app/src/protyle/render/av/openMenuPanel.ts
+++ b/app/src/protyle/render/av/openMenuPanel.ts
@@ -23,7 +23,7 @@ export const openMenuPanel = (options: {
     }
     window.siyuan.menus.menu.remove();
     const avID = options.blockElement.getAttribute("data-av-id");
-    const nodeID = options.blockElement.getAttribute("data-node-id")
+    const nodeID = options.blockElement.getAttribute("data-node-id");
     fetchPost("/api/av/renderAttributeView", {
         id: avID,
         nodeID
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 46985ed76..be9b7df1f 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -200,7 +200,7 @@ export const refreshAV = (protyle: IProtyle, operation: IOperation) => {
 };
 
 const genAVValueHTML = (value: IAVCellValue) => {
-    let html = ""
+    let html = "";
     switch (value.type) {
         case "text":
             html = `<input value="${value.text.content}" class="b3-text-field b3-text-field--text fn__flex-1">`;
@@ -212,7 +212,7 @@ const genAVValueHTML = (value: IAVCellValue) => {
         case "select":
             value.mSelect?.forEach(item => {
                 html += `<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>`;
-            })
+            });
             break;
         case "date":
             html = `<input value="${dayjs(value.date.content).format("YYYY-MM-DD HH:mm")}" type="datetime-local" class="b3-text-field b3-text-field--text fn__flex-1">`;
@@ -226,11 +226,11 @@ const genAVValueHTML = (value: IAVCellValue) => {
             break;
     }
     return html;
-}
+};
 
 export const renderAVAttribute = (element: HTMLElement, id: string) => {
     fetchPost("/api/av/getAttributeViewKeys", {id}, (response) => {
-        let html = ""
+        let html = "";
         response.data.forEach((table: {
             keyValues: {
                 key: {
@@ -254,9 +254,9 @@ export const renderAVAttribute = (element: HTMLElement, id: string) => {
     <div class="fn__flex-1 fn__flex">
         ${genAVValueHTML(item.values[0])}
     </div>
-</div>`
-            })
-        })
-        element.innerHTML = html
-    })
-}
+</div>`;
+            });
+        });
+        element.innerHTML = html;
+    });
+};
diff --git a/app/src/protyle/render/av/select.ts b/app/src/protyle/render/av/select.ts
index 2786ffcf2..0740e626a 100644
--- a/app/src/protyle/render/av/select.ts
+++ b/app/src/protyle/render/av/select.ts
@@ -331,7 +331,7 @@ export const bindSelectEvent = (protyle: IProtyle, data: IAV, menuElement: HTMLE
     if (!colData.options) {
         colData.options = [];
     }
-    const listElement = menuElement.lastElementChild.lastElementChild as HTMLElement
+    const listElement = menuElement.lastElementChild.lastElementChild as HTMLElement;
     inputElement.addEventListener("input", (event: InputEvent) => {
         if (event.isComposing) {
             return;