Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-03-05 20:30:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

✨ https://github.com/siyuan-note/siyuan/issues/8764

Browse source
This commit is contained in:
Vanessa 2023-08-03 23:46:53 +08:00
parent c136b71e67
commit 6e4fd4da6a
5 changed files with 215 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/protyle/render/av/col.ts
View file

@ -5,6 +5,7 @@ import {fetchPost} from "../../../util/fetch";
import {getDefaultOperatorByType, setFilter} from "./filter";
import {genCellValue} from "./cell";
import {openMenuPanel} from "./openMenuPanel";
import {getLabelByNumberFormat} from "./number";
export const duplicateCol = (options: {
protyle: IProtyle,
@ -117,10 +118,10 @@ export const getEditHTML = (options: {
}
if (colData.type === "number") {
html += `<button class="b3-menu__separator"></button>
<button class="b3-menu__item" data-type="numberFormat">
<button class="b3-menu__item" data-type="numberFormat" data-format="${colData.numberFormat}">
<svg class="b3-menu__icon"><use xlink:href="#iconFormat"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.format}</span>
<span class="b3-menu__accelerator">${colData.numberFormat}</span>
<span class="b3-menu__accelerator">${getLabelByNumberFormat(colData.numberFormat)}</span>
</button>`;
}
return `<div class="b3-menu__items">

200
app/src/protyle/render/av/number.ts Normal file
View file

@ -0,0 +1,200 @@
import {Menu} from "../../../plugin/Menu";
import {transaction} from "../../wysiwyg/transaction";
const addFormatItem = (options: {
menu: Menu,
protyle: IProtyle,
colId: string,
avID: string,
format: string,
oldFormat: string
avPanelElement: HTMLElement
}) => {
options.menu.addItem({
iconHTML: "",
label: getLabelByNumberFormat(options.format),
click() {
transaction(options.protyle, [{
action: "updateAttrViewColNumberFormat",
id: options.colId,
avID: options.avID,
format: options.format,
type: "number",
}], [{
action: "updateAttrViewColNumberFormat",
id: options.colId,
avID: options.avID,
format: options.oldFormat,
type: "number",
}]);
options.avPanelElement.remove();
}
})
}
export const formatNumber = (options: {
avPanelElement: HTMLElement,
element: HTMLElement,
protyle: IProtyle,
colId: string,
avID: string,
oldFormat: string
}) => {
const menu = new Menu("av-col-format-number")
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "commas",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "percent",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "usDollar",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "yuan",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "euro",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "pound",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "yen",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "ruble",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "rupee",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "won",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "canadianDollar",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
addFormatItem({
menu,
protyle: options.protyle,
colId: options.colId,
avID: options.avID,
format: "franc",
oldFormat: options.oldFormat,
avPanelElement: options.avPanelElement,
})
const rect = options.element.getBoundingClientRect()
menu.open({
x: rect.left,
y: rect.bottom,
h: rect.height,
w: rect.width,
isLeft: true,
})
}
export const getLabelByNumberFormat = (format: string) => {
switch (format) {
case "":
return window.siyuan.languages.numberFormatNone
case "commas":
return window.siyuan.languages.numberFormatCommas
case "percent":
return window.siyuan.languages.numberFormatPercent
case "usDollar":
return window.siyuan.languages.numberFormatUSDollar
case "yuan":
return window.siyuan.languages.numberFormatYuan
case "euro":
return window.siyuan.languages.numberFormatEuro
case "pound":
return window.siyuan.languages.numberFormatPound
case "yen":
return window.siyuan.languages.numberFormatYen
case "ruble":
return window.siyuan.languages.numberFormatRuble
case "rupee":
return window.siyuan.languages.numberFormatRupee
case "won":
return window.siyuan.languages.numberFormatWon
case "canadianDollar":
return window.siyuan.languages.numberFormatCanadianDollar
case "franc":
return window.siyuan.languages.numberFormatFranc
}
}

10
app/src/protyle/render/av/openMenuPanel.ts
View file

@ -8,6 +8,7 @@ import {bindSelectEvent, getSelectHTML, addColOptionOrCell, setColOption, remove
import {addFilter, getFiltersHTML, setFilter} from "./filter";
import {addSort, bindSortsEvent, getSortsHTML} from "./sort";
import {bindDateEvent, getDateHTML, setDateValue} from "./date";
import {formatNumber} from "./number";
export const openMenuPanel = (options: {
protyle: IProtyle,
@ -431,7 +432,14 @@ export const openMenuPanel = (options: {
event.stopPropagation();
break;
} else if (type === "numberFormat") {
formatNumber({
avPanelElement,
element: target,
protyle: options.protyle,
oldFormat: target.dataset.format,
colId: menuElement.querySelector(".b3-menu__item").getAttribute("data-col-id"),
avID
});
event.preventDefault();
event.stopPropagation();
break;