From 9f27665804440133ae7f67abe42a4644283fde9e Mon Sep 17 00:00:00 2001 From: Vanessa Date: Tue, 1 Aug 2023 20:42:30 +0800 Subject: [PATCH] :rotating_light: --- app/src/protyle/render/av/render.ts | 90 ++++++++++++++--------------- 1 file changed, 45 insertions(+), 45 deletions(-) diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts index 5da3778f5..da365782e 100644 --- a/app/src/protyle/render/av/render.ts +++ b/app/src/protyle/render/av/render.ts @@ -270,12 +270,12 @@ class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].ty }); element.innerHTML = html; element.addEventListener("click", (event) => { - const target = event.target as HTMLElement - const dateElement = hasClosestByAttribute(target, "data-type", "date") + const target = event.target as HTMLElement; + const dateElement = hasClosestByAttribute(target, "data-type", "date"); if (dateElement) { const dateMenu = new Menu("custom-attr-av-date", () => { - const textElements = window.siyuan.menus.menu.element.querySelectorAll(".b3-text-field") as NodeListOf - const hasEndDate = (window.siyuan.menus.menu.element.querySelector(".b3-switch") as HTMLInputElement).checked + const textElements = window.siyuan.menus.menu.element.querySelectorAll(".b3-text-field") as NodeListOf; + const hasEndDate = (window.siyuan.menus.menu.element.querySelector(".b3-switch") as HTMLInputElement).checked; fetchPost("/api/av/setAttributeViewBlockAttr", { avID: dateElement.dataset.avId, keyID: dateElement.dataset.keyId, @@ -289,29 +289,29 @@ class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].ty } } }); - let dataHTML = "" + let dataHTML = ""; if (textElements[0].value) { - dataHTML = `${dayjs(textElements[0].value).format("YYYY-MM-DD HH:mm")}` + dataHTML = `${dayjs(textElements[0].value).format("YYYY-MM-DD HH:mm")}`; } if (hasEndDate && textElements[0].value && textElements[1].value) { - dataHTML += `${dayjs(textElements[1].value).format("YYYY-MM-DD HH:mm")}` + dataHTML += `${dayjs(textElements[1].value).format("YYYY-MM-DD HH:mm")}`; } dateElement.innerHTML = dataHTML; }); if (dateMenu.isOpen) { return; } - const hasEndDate = dateElement.querySelector("svg") - const timeElements = dateElement.querySelectorAll("span") + const hasEndDate = dateElement.querySelector("svg"); + const timeElements = dateElement.querySelectorAll("span"); dateMenu.addItem({ iconHTML: "", label: `` - }) + }); dateMenu.addItem({ iconHTML: "", label: `` - }) - dateMenu.addSeparator() + }); + dateMenu.addSeparator(); dateMenu.addItem({ iconHTML: "", label: ``, click(element, event) { - const switchElement = element.querySelector(".b3-switch") as HTMLInputElement + const switchElement = element.querySelector(".b3-switch") as HTMLInputElement; if ((event.target as HTMLElement).tagName !== "INPUT") { switchElement.checked = !switchElement.checked; } else { @@ -329,43 +329,43 @@ class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].ty window.siyuan.menus.menu.element.querySelectorAll('[type="datetime-local"]')[1].classList.toggle("fn__none"); return true; } - }) - dateMenu.addSeparator() + }); + dateMenu.addSeparator(); dateMenu.addItem({ icon: "iconTrashcan", label: window.siyuan.languages.clear, click() { - const textElements = window.siyuan.menus.menu.element.querySelectorAll(".b3-text-field") as NodeListOf + const textElements = window.siyuan.menus.menu.element.querySelectorAll(".b3-text-field") as NodeListOf; textElements[0].value = ""; textElements[1].value = ""; - (window.siyuan.menus.menu.element.querySelector(".b3-switch") as HTMLInputElement).checked = false + (window.siyuan.menus.menu.element.querySelector(".b3-switch") as HTMLInputElement).checked = false; } - }) - const datetRect = dateElement.getBoundingClientRect() + }); + const datetRect = dateElement.getBoundingClientRect(); dateMenu.open({ x: datetRect.left, y: datetRect.bottom - }) + }); window.siyuan.menus.menu.element.style.zIndex = "400"; - event.stopPropagation() + event.stopPropagation(); event.preventDefault(); return; } - const mSelectElement = hasClosestByAttribute(target, "data-type", "select") || hasClosestByAttribute(target, "data-type", "mSelect") + const mSelectElement = hasClosestByAttribute(target, "data-type", "select") || hasClosestByAttribute(target, "data-type", "mSelect"); if (mSelectElement) { const mSelectMenu = new Menu("custom-attr-av-select", () => { - const mSelect: { content: string, color: string }[] = [] + const mSelect: { content: string, color: string }[] = []; let mSelectHTML = ""; - window.siyuan.menus.menu.element.querySelectorAll('.svg').forEach(item => { - const chipElement = item.parentElement.previousElementSibling.firstElementChild as HTMLElement - const content = chipElement.textContent.trim() - const color = chipElement.dataset.color + window.siyuan.menus.menu.element.querySelectorAll(".svg").forEach(item => { + const chipElement = item.parentElement.previousElementSibling.firstElementChild as HTMLElement; + const content = chipElement.textContent.trim(); + const color = chipElement.dataset.color; mSelect.push({ content, color - }) - mSelectHTML += `${content}` - }) + }); + mSelectHTML += `${content}`; + }); fetchPost("/api/av/setAttributeViewBlockAttr", { avID: mSelectElement.dataset.avId, keyID: mSelectElement.dataset.keyId, @@ -375,15 +375,15 @@ class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].ty mSelect } }); - mSelectElement.innerHTML = mSelectHTML - }) + mSelectElement.innerHTML = mSelectHTML; + }); if (mSelectMenu.isOpen) { return; } - const names: string[] = [] + const names: string[] = []; mSelectElement.querySelectorAll(".b3-chip").forEach(item => { - names.push(item.textContent.trim()) - }) + names.push(item.textContent.trim()); + }); JSON.parse(mSelectElement.dataset.options || "").forEach((item: { name: string, color: string }) => { mSelectMenu.addItem({ iconHTML: "", @@ -392,41 +392,41 @@ class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].ty `, accelerator: names.includes(item.name) ? '' : Constants.ZWSP, click(element) { - const acceleratorElement = element.querySelector(".b3-menu__accelerator") + const acceleratorElement = element.querySelector(".b3-menu__accelerator"); if (mSelectElement.dataset.type === "select") { window.siyuan.menus.menu.element.querySelectorAll(".b3-menu__accelerator").forEach(itemElement => { if (itemElement.isSameNode(acceleratorElement)) { if (acceleratorElement.querySelector("svg")) { acceleratorElement.innerHTML = ""; } else { - acceleratorElement.innerHTML = '' + acceleratorElement.innerHTML = ''; } } else { itemElement.innerHTML = ""; } - }) + }); return false; } if (acceleratorElement.querySelector("svg")) { acceleratorElement.innerHTML = ""; } else { - acceleratorElement.innerHTML = '' + acceleratorElement.innerHTML = ''; } return true; } - }) - }) - const mSelecttRect = mSelectElement.getBoundingClientRect() + }); + }); + const mSelecttRect = mSelectElement.getBoundingClientRect(); mSelectMenu.open({ x: mSelecttRect.left, y: mSelecttRect.bottom - }) + }); window.siyuan.menus.menu.element.style.zIndex = "400"; - event.stopPropagation() + event.stopPropagation(); event.preventDefault(); return; } - }) + }); element.querySelectorAll(".b3-text-field--text").forEach((item: HTMLInputElement) => { item.addEventListener("change", () => { let value;