Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-23 18:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 https://github.com/siyuan-note/siyuan/issues/8006

Browse source
This commit is contained in:
Vanessa 2023-04-17 13:57:42 +08:00
parent d8f4ed846b
commit 0ce8faddcf
1 changed files with 47 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

49
app/src/layout/dock/Graph.ts
View file

@ -22,7 +22,7 @@ export class Graph extends Model {
public rootId: string; // "local" 必填 public rootId: string; // "local" 必填
private timeout: number; private timeout: number;
public graphData: { public graphData: {
nodes: { box: string, id: string, path: string, type: string }[], nodes: { box: string, id: string, path: string, type: string, color: string }[],
links: Record<string, unknown>[], links: Record<string, unknown>[],
box: string box: string
}; };
@ -492,6 +492,52 @@ export class Graph extends Model {
this.graphElement.firstElementChild.classList.add("fn__none"); this.graphElement.firstElementChild.classList.add("fn__none");
return; return;
} }
// 使用颜色
const rootStyle = getComputedStyle(document.body);
this.graphData.nodes.forEach(item => {
switch (item.type) {
case "NodeDocument":
item.color = rootStyle.getPropertyValue("--b3-graph-doc-point").trim()
break;
case "NodeParagraph":
item.color = rootStyle.getPropertyValue("--b3-graph-p-point").trim()
break;
case "NodeHeading":
item.color = rootStyle.getPropertyValue("--b3-graph-heading-point").trim()
break;
case "NodeMathBlock":
item.color = rootStyle.getPropertyValue("--b3-graph-math-point").trim()
break;
case "NodeCodeBlock":
item.color = rootStyle.getPropertyValue("--b3-graph-code-point").trim()
break;
case "NodeTable":
item.color = rootStyle.getPropertyValue("--b3-graph-table-point").trim()
break;
case "NodeList":
item.color = rootStyle.getPropertyValue("--b3-graph-list-point").trim()
break;
case "NodeListItem":
item.color = rootStyle.getPropertyValue("--b3-graph-listitem-point").trim()
break;
case "NodeBlockquote":
item.color = rootStyle.getPropertyValue("--b3-graph-bq-point").trim()
break;
case "NodeSuperBlock":
item.color = rootStyle.getPropertyValue("--b3-graph-super-point").trim()
break;
default:
item.color = rootStyle.getPropertyValue("--b3-graph-p-point").trim()
break;
}
})
this.graphData.links.forEach(item => {
if (item.ref) {
item.color = rootStyle.getPropertyValue("--b3-graph-ref-line").trim();
} else {
item.color = rootStyle.getPropertyValue("--b3-graph-line").trim();
}
})
clearTimeout(this.timeout); clearTimeout(this.timeout);
addScript(`${Constants.PROTYLE_CDN}/js/vis/vis-network.min.js?v=9.1.2`, "protyleVisScript").then(() => { addScript(`${Constants.PROTYLE_CDN}/js/vis/vis-network.min.js?v=9.1.2`, "protyleVisScript").then(() => {
this.timeout = window.setTimeout(() => { this.timeout = window.setTimeout(() => {
@ -502,7 +548,6 @@ export class Graph extends Model {
nodes: this.graphData.nodes, nodes: this.graphData.nodes,
edges: this.graphData.links, edges: this.graphData.links,
}; };
const rootStyle = getComputedStyle(document.body);
const options = { const options = {
autoResize: true, autoResize: true,
interaction: { interaction: {