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

🎨 为主题提供样式基础

Browse source
This commit is contained in:
Vanessa 2022-09-01 22:20:43 +08:00
parent 0c6a486fa2
commit b79bc50b44
5 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/src/emoji/index.ts
View file

@ -422,13 +422,13 @@ const updateFileEmoji = (unicode: string, id: string) => {
/// #if MOBILE
if (window.siyuan.mobileEditor.protyle.block.rootID === id) {
window.siyuan.mobileEditor.protyle.background.ial.icon = unicode;
window.siyuan.mobileEditor.protyle.background.render(window.siyuan.mobileEditor.protyle.background.ial);
window.siyuan.mobileEditor.protyle.background.render(window.siyuan.mobileEditor.protyle.background.ial, window.siyuan.mobileEditor.protyle.block.rootID);
}
/// #else
getAllModels().editor.find(item => {
if (item.editor.protyle.block.rootID === id) {
item.editor.protyle.background.ial.icon = unicode;
item.editor.protyle.background.render(item.editor.protyle.background.ial);
item.editor.protyle.background.render(item.editor.protyle.background.ial, item.editor.protyle.block.rootID);
item.parent.setDocIcon(unicode);
return true;
}

2
app/src/mobile/util/MobileBackFoward.ts
View file

@ -36,7 +36,7 @@ const focusStack = (backStack: IBackStack) => {
id: backStack.id,
}, (response) => {
(document.getElementById("toolbarName") as HTMLInputElement).value = response.data.name === "Untitled" ? "" : response.data.name;
protyle.background.render(response.data.ial);
protyle.background.render(response.data.ial, protyle.block.rootID);
protyle.wysiwyg.renderCustom(response.data.ial);
});
}

26
app/src/protyle/header/Background.ts
View file

@ -82,7 +82,7 @@ export class Background {
const response = JSON.parse(responseText);
const style = `background-image:url("${response.data.succMap[Object.keys(response.data.succMap)[0]]}")`;
this.ial["title-img"] = style;
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
fetchPost("/api/attr/setBlockAttrs", {
id: protyle.block.rootID,
attrs: {"title-img": style}
@ -118,7 +118,7 @@ export class Background {
attrs: {"title-img": style}
});
} else {
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
}
event.preventDefault();
event.stopPropagation();
@ -207,7 +207,7 @@ export class Background {
];
const style = bgs[getRandom(0, bgs.length - 1)];
this.ial["title-img"] = style;
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
fetchPost("/api/attr/setBlockAttrs", {
id: protyle.block.rootID,
attrs: {"title-img": this.ial["title-img"]}
@ -217,7 +217,7 @@ export class Background {
break;
} else if (type === "remove") {
delete this.ial["title-img"];
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
fetchPost("/api/attr/setBlockAttrs", {
id: protyle.block.rootID,
attrs: {"title-img": ""}
@ -229,7 +229,7 @@ export class Background {
const emoji = getRandomEmoji();
if (emoji) {
this.ial.icon = emoji;
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
updateFileTreeEmoji(emoji, protyle.block.rootID);
updateOutlineEmoji(emoji);
fetchPost("/api/attr/setBlockAttrs", {
@ -267,7 +267,7 @@ export class Background {
btnsElement[1].addEventListener("click", () => {
const style = `background-image:url(${dialog.element.querySelector("input").value});`;
this.ial["title-img"] = style;
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
fetchPost("/api/attr/setBlockAttrs", {
id: protyle.block.rootID,
attrs: {"title-img": this.ial["title-img"]}
@ -297,7 +297,7 @@ export class Background {
} else {
this.ial.tags = tags.toString();
}
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
event.preventDefault();
event.stopPropagation();
break;
@ -307,11 +307,13 @@ export class Background {
});
}
public render(ial: IObject) {
public render(ial: IObject, rootId: string) {
const img = ial["title-img"];
const icon = ial.icon;
const tags = ial.tags;
this.ial = ial;
// 为主题提供样式基础
this.element.setAttribute("data-node-id", rootId);
if (tags) {
let html = "";
tags.split(",").forEach((item, index) => {
@ -359,7 +361,7 @@ export class Background {
}
}
private openTag(protyle:IProtyle) {
private openTag(protyle: IProtyle) {
fetchPost("/api/search/searchTag", {
k: "",
}, (response) => {
@ -434,7 +436,7 @@ export class Background {
return tags;
}
private addTags(tag: string, protyle:IProtyle) {
private addTags(tag: string, protyle: IProtyle) {
window.siyuan.menus.menu.remove();
const tags = this.getTags();
if (tags.includes(tag)) {
@ -442,10 +444,10 @@ export class Background {
}
tags.push(tag);
fetchPost("/api/attr/setBlockAttrs", {
id:protyle.block.rootID,
id: protyle.block.rootID,
attrs: {"tags": tags.toString()}
});
this.ial.tags = tags.toString();
this.render(this.ial);
this.render(this.ial, protyle.block.rootID);
}
}

2
app/src/protyle/header/Title.ts
View file

@ -332,7 +332,7 @@ ${window.siyuan.languages.createdAt} ${dayjs(response.data.ial.id.substr(0, 14))
return false;
}
setTitle(response.data.ial.title);
protyle.background.render(response.data.ial);
protyle.background.render(response.data.ial, protyle.block.rootID);
protyle.wysiwyg.renderCustom(response.data.ial);
this.editElement.setAttribute("data-render", "true");
this.setTitle(response.data.ial.title);

2
app/src/protyle/util/onGet.ts
View file

@ -96,7 +96,7 @@ export const onGet = (data: IWebSocketData, protyle: IProtyle, action: string[]
// 页签没有打开
protyle.title.render(protyle, response, renderTitle);
} else if (protyle.options.render.background) {
protyle.background.render(response.data.ial);
protyle.background.render(response.data.ial, protyle.block.rootID);
protyle.wysiwyg.renderCustom(response.data.ial);
}