import {Menu} from "../../../plugin/Menu";
import {transaction} from "../../wysiwyg/transaction";
import {fetchPost} from "../../../util/fetch";
import {getDefaultOperatorByType, setFilter} from "./filter";
import {genCellValue} from "./cell";
import {openMenuPanel} from "./openMenuPanel";
import {getLabelByNumberFormat} from "./number";
import {removeAttrViewColAnimation, updateAttrViewCellAnimation} from "./action";
import {openEmojiPanel, unicode2Emoji} from "../../../emoji";
import {focusBlock} from "../../util/selection";
import {toggleUpdateRelationBtn} from "./relation";
import {bindRollupEvent, getRollupHTML} from "./rollup";
export const duplicateCol = (options: {
protyle: IProtyle,
type: TAVCol,
avID: string,
colId: string,
newValue: string,
icon: string
}) => {
const id = Lute.NewNodeID();
const nameMatch = options.newValue.match(/^(.*) \((\d+)\)$/);
if (nameMatch) {
options.newValue = `${nameMatch[1]} (${parseInt(nameMatch[2]) + 1})`;
} else {
options.newValue = `${options.newValue} (1)`;
}
if (["select", "mSelect", "rollup"].includes(options.type)) {
fetchPost("/api/av/renderAttributeView", {id: options.avID}, (response) => {
const data = response.data as IAV;
let colOptions;
data.view.columns.find((item) => {
if (item.id === options.colId) {
colOptions = item.options;
return true;
}
});
transaction(options.protyle, [{
action: "addAttrViewCol",
name: options.newValue,
avID: options.avID,
type: options.type,
data: options.icon,
previousID: options.colId,
id
}, {
action: "updateAttrViewColOptions",
id,
avID: options.avID,
data: colOptions
}], [{
action: "removeAttrViewCol",
id,
avID: options.avID,
}]);
});
} else {
transaction(options.protyle, [{
action: "addAttrViewCol",
name: options.newValue,
avID: options.avID,
type: options.type,
data: options.icon,
id,
previousID: options.colId,
}], [{
action: "removeAttrViewCol",
id,
avID: options.avID,
}]);
}
addAttrViewColAnimation({
blockElement: options.protyle.wysiwyg.element.querySelector(`[data-av-id="${options.avID}"]`),
protyle: options.protyle,
type: options.type,
name: options.newValue,
icon: options.icon,
previousID: options.colId,
id
});
};
export const getEditHTML = (options: {
protyle: IProtyle,
colId: string,
data: IAV
}) => {
let colData: IAVColumn;
options.data.view.columns.find((item) => {
if (item.id === options.colId) {
colData = item;
return true;
}
});
let html = `
`;
if (colData.options && colData.options.length > 0) {
html += `
`;
colData.options.forEach(item => {
html += ``;
});
} else if (colData.type === "number") {
html += `
`;
} else if (colData.type === "template") {
html += `
`;
} else if (colData.type === "relation") {
const isSelf = colData.relation?.avID === options.data.id;
html += `
`;
} else if (colData.type === "rollup") {
html += getRollupHTML({colData});
}
return `
`;
};
export const bindEditEvent = (options: {
protyle: IProtyle,
data: IAV,
menuElement: HTMLElement
}) => {
const avID = options.data.id;
const colId = options.menuElement.querySelector(".b3-menu__item").getAttribute("data-col-id");
const colData = options.data.view.columns.find((item: IAVColumn) => item.id === colId);
const nameElement = options.menuElement.querySelector('[data-type="name"]') as HTMLInputElement;
nameElement.addEventListener("blur", () => {
const newValue = nameElement.value;
if (newValue === colData.name) {
return;
}
transaction(options.protyle, [{
action: "updateAttrViewCol",
id: colId,
avID,
name: newValue,
type: colData.type,
}], [{
action: "updateAttrViewCol",
id: colId,
avID,
name: colData.name,
type: colData.type,
}]);
colData.name = newValue;
updateAttrViewCellAnimation(options.protyle.wysiwyg.element.querySelector(`.av__row--header .av__cell[data-col-id="${colId}"]`), undefined, {name: newValue});
});
nameElement.addEventListener("keydown", (event: KeyboardEvent) => {
if (event.isComposing) {
return;
}
if (event.key === "Escape") {
options.menuElement.parentElement.remove();
} else if (event.key === "Enter") {
nameElement.dispatchEvent(new CustomEvent("blur"));
options.menuElement.parentElement.remove();
}
});
nameElement.select();
const tplElement = options.menuElement.querySelector('[data-type="updateTemplate"]') as HTMLTextAreaElement;
if (tplElement) {
tplElement.addEventListener("blur", () => {
const newValue = tplElement.value;
if (newValue === colData.template) {
return;
}
transaction(options.protyle, [{
action: "updateAttrViewColTemplate",
id: colId,
avID,
data: newValue,
type: colData.type,
}], [{
action: "updateAttrViewColTemplate",
id: colId,
avID,
data: colData.template,
type: colData.type,
}]);
colData.template = newValue;
});
tplElement.addEventListener("keydown", (event: KeyboardEvent) => {
if (event.isComposing) {
return;
}
if (event.key === "Escape") {
options.menuElement.parentElement.remove();
} else if (event.key === "Enter" && !event.shiftKey) {
tplElement.dispatchEvent(new CustomEvent("blur"));
options.menuElement.parentElement.remove();
}
});
}
const addOptionElement = options.menuElement.querySelector('[data-type="addOption"]') as HTMLInputElement;
if (addOptionElement) {
addOptionElement.addEventListener("keydown", (event: KeyboardEvent) => {
if (event.isComposing) {
return;
}
if (event.key === "Escape") {
options.menuElement.parentElement.remove();
}
if (event.key === "Enter") {
let hasSelected = false;
colData.options.find((item) => {
if (addOptionElement.value === item.name) {
hasSelected = true;
return true;
}
});
if (hasSelected || !addOptionElement.value) {
return;
}
colData.options.push({
color: (colData.options.length + 1).toString(),
name: addOptionElement.value
});
transaction(options.protyle, [{
action: "updateAttrViewColOptions",
id: colId,
avID,
data: colData.options
}], [{
action: "removeAttrViewColOption",
id: colId,
avID,
data: addOptionElement.value
}]);
options.menuElement.innerHTML = getEditHTML({protyle: options.protyle, colId, data: options.data});
bindEditEvent({protyle: options.protyle, menuElement: options.menuElement, data: options.data});
(options.menuElement.querySelector('[data-type="addOption"]') as HTMLInputElement).focus();
}
});
}
const backRelationElement = options.menuElement.querySelector('[data-type="backRelation"]') as HTMLInputElement;
if (backRelationElement) {
backRelationElement.addEventListener("change", () => {
toggleUpdateRelationBtn(options.menuElement, avID);
});
const goSearchElement = options.menuElement.querySelector('[data-type="goSearchAV"]') as HTMLElement;
const oldValue = JSON.parse(goSearchElement.getAttribute("data-old-value"));
const inputElement = options.menuElement.querySelector('[data-type="colName"]') as HTMLInputElement;
inputElement.addEventListener("input", () => {
toggleUpdateRelationBtn(options.menuElement, avID);
});
if (oldValue.avID) {
fetchPost("/api/av/getAttributeView", {id: oldValue.avID}, (response) => {
goSearchElement.querySelector(".b3-menu__accelerator").textContent = oldValue.avID === avID ? window.siyuan.languages.thisDatabase : (response.data.av.name || window.siyuan.languages.title);
response.data.av.keyValues.find((item: { key: { id: string, name: string } }) => {
if (item.key.id === oldValue.backKeyID) {
inputElement.setAttribute("data-old-value", item.key.name || window.siyuan.languages.title);
inputElement.value = item.key.name || window.siyuan.languages.title;
return true;
}
});
toggleUpdateRelationBtn(options.menuElement, avID);
});
} else {
toggleUpdateRelationBtn(options.menuElement, avID);
}
}
bindRollupEvent(options);
};
export const getColNameByType = (type: TAVCol) => {
switch (type) {
case "text":
case "number":
case "select":
case "date":
case "phone":
case "email":
case "template":
return window.siyuan.languages[type];
case "mSelect":
return window.siyuan.languages.multiSelect;
case "relation":
return window.siyuan.languages.relation;
case "rollup":
return window.siyuan.languages.rollup;
case "updated":
return window.siyuan.languages.updatedTime;
case "created":
return window.siyuan.languages.createdTime;
case "url":
return window.siyuan.languages.link;
case "mAsset":
return window.siyuan.languages.assets;
case "checkbox":
return window.siyuan.languages.checkbox;
}
};
export const getColIconByType = (type: TAVCol) => {
switch (type) {
case "text":
return "iconAlignLeft";
case "block":
return "iconKey";
case "number":
return "iconNumber";
case "select":
return "iconListItem";
case "mSelect":
return "iconList";
case "relation":
return "iconOpen";
case "rollup":
return "iconSearch";
case "date":
return "iconCalendar";
case "updated":
case "created":
return "iconClock";
case "url":
return "iconLink";
case "mAsset":
return "iconImage";
case "email":
return "iconEmail";
case "phone":
return "iconPhone";
case "template":
return "iconMath";
case "checkbox":
return "iconCheck";
}
};
const addAttrViewColAnimation = (options: {
blockElement: Element,
protyle: IProtyle,
type: TAVCol,
name: string,
id: string,
icon?: string,
previousID: string
}) => {
if (!options.blockElement) {
return;
}
options.blockElement.querySelectorAll(".av__row").forEach((item, index) => {
let previousElement;
if (options.previousID) {
previousElement = item.querySelector(`[data-col-id="${options.previousID}"]`);
} else {
previousElement = item.lastElementChild.previousElementSibling;
}
let html = "";
if (index === 0) {
html = ``;
} else {
html = '
';
}
previousElement.insertAdjacentHTML("afterend", html);
});
window.siyuan.menus.menu.remove();
};
export const showColMenu = (protyle: IProtyle, blockElement: Element, cellElement: HTMLElement) => {
const type = cellElement.getAttribute("data-dtype") as TAVCol;
const colId = cellElement.getAttribute("data-col-id");
const avID = blockElement.getAttribute("data-av-id");
const oldValue = cellElement.querySelector(".av__celltext").textContent.trim();
const menu = new Menu("av-header-cell", () => {
const newValue = (menu.element.querySelector(".b3-text-field") as HTMLInputElement).value;
if (newValue === oldValue) {
return;
}
transaction(protyle, [{
action: "updateAttrViewCol",
id: colId,
avID,
name: newValue,
type,
}], [{
action: "updateAttrViewCol",
id: colId,
avID,
name: oldValue,
type,
}]);
updateAttrViewCellAnimation(blockElement.querySelector(`.av__row--header .av__cell[data-col-id="${colId}"]`), undefined, {name: newValue});
// https://github.com/siyuan-note/siyuan/issues/9862
focusBlock(blockElement);
});
menu.addItem({
iconHTML: `${cellElement.dataset.icon ? unicode2Emoji(cellElement.dataset.icon) : ``}`,
type: "readonly",
label: ``,
bind(element) {
const iconElement = element.querySelector(".block__icon") as HTMLElement;
iconElement.setAttribute("data-icon", cellElement.dataset.icon);
iconElement.addEventListener("click", (event) => {
const rect = iconElement.getBoundingClientRect();
openEmojiPanel("", "av", {
x: rect.left,
y: rect.bottom,
h: rect.height,
w: rect.width
}, (unicode) => {
transaction(protyle, [{
action: "setAttrViewColIcon",
id: colId,
avID,
data: unicode,
}], [{
action: "setAttrViewColIcon",
id: colId,
avID,
data: cellElement.dataset.icon,
}]);
iconElement.setAttribute("data-icon", unicode);
iconElement.innerHTML = unicode ? unicode2Emoji(unicode) : ``;
updateAttrViewCellAnimation(blockElement.querySelector(`.av__row--header .av__cell[data-col-id="${colId}"]`), undefined, {icon: unicode});
});
event.preventDefault();
event.stopPropagation();
});
element.querySelector("input").addEventListener("keydown", (event: KeyboardEvent) => {
if (event.isComposing) {
return;
}
if (event.key === "Enter") {
menu.close();
event.preventDefault();
}
});
}
});
if (type !== "block") {
menu.addItem({
icon: "iconEdit",
label: window.siyuan.languages.edit,
click() {
const colName = (menu.element.querySelector(".b3-text-field") as HTMLInputElement).value;
openMenuPanel({
protyle,
blockElement,
type: "edit",
colId,
cb(avElement) {
// 修改名字后点击编辑，需要更新名字
const editNameElement = avElement.querySelector('.b3-text-field[data-type="name"]') as HTMLInputElement;
editNameElement.value = colName;
editNameElement.select();
}
});
}
});
}
menu.addSeparator();
menu.addItem({
icon: "iconUp",
label: window.siyuan.languages.asc,
click() {
fetchPost("/api/av/renderAttributeView", {
id: avID,
}, (response) => {
transaction(protyle, [{
action: "setAttrViewSorts",
avID: response.data.id,
data: [{
column: colId,
order: "ASC"
}]
}], [{
action: "setAttrViewSorts",
avID: response.data.id,
data: response.data.view.sorts
}]);
});
}
});
menu.addItem({
icon: "iconDown",
label: window.siyuan.languages.desc,
click() {
fetchPost("/api/av/renderAttributeView", {
id: avID,
}, (response) => {
transaction(protyle, [{
action: "setAttrViewSorts",
avID: response.data.id,
data: [{
column: colId,
order: "DESC"
}]
}], [{
action: "setAttrViewSorts",
avID: response.data.id,
data: response.data.view.sorts
}]);
});
}
});
if (type !== "mAsset") {
menu.addItem({
icon: "iconFilter",
label: window.siyuan.languages.filter,
click() {
fetchPost("/api/av/renderAttributeView", {
id: avID,
}, (response) => {
const avData = response.data as IAV;
let filter: IAVFilter;
avData.view.filters.find((item) => {
if (item.column === colId) {
filter = item;
return true;
}
});
if (!filter) {
filter = {
column: colId,
operator: getDefaultOperatorByType(type),
value: genCellValue(type, ""),
type,
};
avData.view.filters.push(filter);
}
setFilter({
filter,
protyle,
data: avData,
blockElement: blockElement,
target: blockElement.querySelector(`.av__row--header .av__cell[data-col-id="${colId}"]`),
});
});
}
});
}
menu.addSeparator();
menu.addItem({
icon: "iconInsertLeft",
label: window.siyuan.languages.insertColumnLeft,
click() {
const addMenu = addCol(protyle, blockElement, cellElement.previousElementSibling?.getAttribute("data-col-id") || "");
const addRect = cellElement.getBoundingClientRect();
addMenu.open({
x: addRect.left,
y: addRect.bottom,
h: addRect.height
});
}
});
menu.addItem({
icon: "iconInsertRight",
label: window.siyuan.languages.insertColumnRight,
click() {
const addMenu = addCol(protyle, blockElement, cellElement.getAttribute("data-col-id") || "");
const addRect = cellElement.getBoundingClientRect();
addMenu.open({
x: addRect.left,
y: addRect.bottom,
h: addRect.height
});
}
});
if (type !== "block") {
menu.addItem({
icon: "iconEyeoff",
label: window.siyuan.languages.hide,
click() {
transaction(protyle, [{
action: "setAttrViewColHidden",
id: colId,
avID,
data: true
}], [{
action: "setAttrViewColHidden",
id: colId,
avID,
data: false
}]);
}
});
}
const isPin = cellElement.dataset.pin === "true";
menu.addItem({
icon: isPin ? "iconUnpin" : "iconPin",
label: isPin ? window.siyuan.languages.unfreezeCol : window.siyuan.languages.freezeCol,
click() {
transaction(protyle, [{
action: "setAttrViewColPin",
id: colId,
avID,
data: !isPin
}], [{
action: "setAttrViewColPin",
id: colId,
avID,
data: isPin
}]);
updateAttrViewCellAnimation(blockElement.querySelector(`.av__row--header .av__cell[data-col-id="${colId}"]`), undefined, {pin: !isPin});
}
});
if (type !== "block") {
if (type !== "relation") {
menu.addItem({
icon: "iconCopy",
label: window.siyuan.languages.duplicate,
click() {
duplicateCol({
protyle,
type,
avID,
colId,
icon: menu.element.querySelector(".block__icon").getAttribute("data-icon"),
newValue: (window.siyuan.menus.menu.element.querySelector(".b3-text-field") as HTMLInputElement).value
});
}
});
}
menu.addItem({
icon: "iconTrashcan",
label: window.siyuan.languages.delete,
click() {
transaction(protyle, [{
action: "removeAttrViewCol",
id: colId,
avID,
}], [{
action: "addAttrViewCol",
name: oldValue,
avID,
type: type,
id: colId,
previousID: cellElement.previousElementSibling?.getAttribute("data-col-id") || "",
}]);
removeAttrViewColAnimation(blockElement, colId);
}
});
menu.addSeparator();
}
menu.addItem({
label: ``,
bind(element) {
const inputElement = element.querySelector("input") as HTMLInputElement;
inputElement.addEventListener("change", () => {
transaction(protyle, [{
action: "setAttrViewColWrap",
id: colId,
avID,
data: inputElement.checked
}], [{
action: "setAttrViewColWrap",
id: colId,
avID,
data: !inputElement.checked
}]);
});
}
});
const cellRect = cellElement.getBoundingClientRect();
menu.open({
x: cellRect.left,
y: cellRect.bottom,
h: cellRect.height
});
const inputElement = window.siyuan.menus.menu.element.querySelector(".b3-text-field") as HTMLInputElement;
if (inputElement) {
inputElement.select();
inputElement.focus();
}
};
const genUpdateColItem = (type: TAVCol, oldType: TAVCol, name: string) => {
return ``;
};
export const addCol = (protyle: IProtyle, blockElement: Element, previousID?: string) => {
const menu = new Menu("av-header-add");
const avID = blockElement.getAttribute("data-av-id");
if (typeof previousID === "undefined") {
previousID = Array.from(blockElement.querySelectorAll(".av__row--header .av__cell")).pop().getAttribute("data-col-id");
}
menu.addItem({
icon: "iconAlignLeft",
label: window.siyuan.languages.text,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.text,
avID,
type: "text",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "text",
name: window.siyuan.languages.text,
id,
previousID
});
}
});
menu.addItem({
icon: "iconNumber",
label: window.siyuan.languages.number,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.number,
avID,
type: "number",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "number",
name: window.siyuan.languages.number,
id,
previousID
});
}
});
menu.addItem({
icon: "iconListItem",
label: window.siyuan.languages.select,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.select,
avID,
type: "select",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "select",
name: window.siyuan.languages.select,
id,
previousID
});
}
});
menu.addItem({
icon: "iconList",
label: window.siyuan.languages.multiSelect,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.multiSelect,
avID,
type: "mSelect",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "mSelect",
name: window.siyuan.languages.multiSelect,
id,
previousID
});
}
});
menu.addItem({
icon: "iconCalendar",
label: window.siyuan.languages.date,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.date,
avID,
type: "date",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "date",
name: window.siyuan.languages.date,
id,
previousID
});
}
});
menu.addItem({
icon: "iconImage",
label: window.siyuan.languages.assets,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.assets,
avID,
type: "mAsset",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "mAsset",
name: window.siyuan.languages.assets,
id,
previousID
});
}
});
menu.addItem({
icon: "iconCheck",
label: window.siyuan.languages.checkbox,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.checkbox,
avID,
type: "checkbox",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "checkbox",
name: window.siyuan.languages.checkbox,
id,
previousID
});
}
});
menu.addItem({
icon: "iconLink",
label: window.siyuan.languages.link,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.link,
avID,
type: "url",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "url",
name: window.siyuan.languages.link,
id,
previousID
});
}
});
menu.addItem({
icon: "iconEmail",
label: window.siyuan.languages.email,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.email,
avID,
type: "email",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "email",
name: window.siyuan.languages.email,
id,
previousID
});
}
});
menu.addItem({
icon: "iconPhone",
label: window.siyuan.languages.phone,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.phone,
avID,
type: "phone",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "phone",
name: window.siyuan.languages.phone,
id,
previousID
});
}
});
menu.addItem({
icon: "iconMath",
label: window.siyuan.languages.template,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.template,
avID,
type: "template",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "template",
name: window.siyuan.languages.template,
id,
previousID
});
}
});
menu.addItem({
icon: "iconOpen",
label: window.siyuan.languages.relation,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.relation,
avID,
type: "relation",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "relation",
name: window.siyuan.languages.relation,
id,
previousID
});
}
});
menu.addItem({
icon: "iconSearch",
label: window.siyuan.languages.rollup,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.rollup,
avID,
type: "rollup",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "rollup",
name: window.siyuan.languages.rollup,
id,
previousID
});
}
});
menu.addItem({
icon: "iconClock",
label: window.siyuan.languages.createdTime,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.createdTime,
avID,
type: "created",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "created",
name: window.siyuan.languages.createdTime,
id,
previousID
});
}
});
menu.addItem({
icon: "iconClock",
label: window.siyuan.languages.updatedTime,
click() {
const id = Lute.NewNodeID();
transaction(protyle, [{
action: "addAttrViewCol",
name: window.siyuan.languages.updatedTime,
avID,
type: "updated",
id,
previousID
}], [{
action: "removeAttrViewCol",
id,
avID,
}]);
addAttrViewColAnimation({
blockElement: blockElement,
protyle: protyle,
type: "updated",
name: window.siyuan.languages.updatedTime,
id,
previousID
});
}
});
return menu;
};