`))
59 |
60 | const mind_note_obj = JSON.parse(content);
61 |
62 | let theme = mind_note_obj.theme.template;
63 | let not_find_theme = false;
64 | if(themeList.findIndex(t=>{return t.value==theme}) === -1){
65 | // 替换主题，让导图能正常加载
66 | mind_note_obj.theme.template = "classic4";
67 | not_find_theme = true;
68 | }
69 |
70 | const mindMap = new MindMap({
71 | el: document.getElementById(`mindMapContainer-${linkId}`),
72 | //initRootNodePosition: ['center', 'left'],
73 | readonly: true
74 | });
75 | mindMap.setFullData(mind_note_obj);
76 | if(not_find_theme){
77 | // 重新加载主题，修复字体颜色错误
78 | mindMap.setTheme("classic4");
79 | }
80 | }, 550);
81 | }
82 | function refreshIncludedNote($container, noteId) {
83 | if ($container) {
84 | $container.find(`section[data-note-id="${noteId}"]`).each((_, el) => {
85 | this.loadIncludedNote(noteId, $(el));
86 | });
87 | }
88 | }
89 |
90 | function getNoteIdFromUrl(urlOrNotePath) {
91 | if (!urlOrNotePath) {
92 | return null;
93 | }
94 |
95 | const hashIdx = urlOrNotePath.indexOf('#');
96 | if (hashIdx === -1) {
97 | return null;
98 | }
99 |
100 | const hash = urlOrNotePath.substr(hashIdx + 1); // strip also the initial '#'
101 | const [notePath, paramString] = hash.split("?");
102 |
103 | if (!notePath.match(/^[_a-z0-9]{4,}(\/[_a-z0-9]{4,})*$/i)) {
104 | return null;
105 | }
106 |
107 | const segments = notePath.split("/");
108 |
109 | return segments[segments.length - 1];
110 | }
111 |
112 | module.exports = SmmLinkRender;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/SmmLinkRender/customThemeList.clone.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
customThemeList
9 |
10 |
11 |
12 |
13 |
customThemeList
14 |
15 |
16 |
这是一个笔记的克隆, 跳转到它的主目录.
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/SmmLinkRender/simpleMindMap.common.js.clone.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
simpleMindMap.common.js
9 |
10 |
11 |
12 |
13 |
simpleMindMap.common.js
14 |
15 |
16 |
这是一个笔记的克隆, 跳转到它的主目录.
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/SmmLinkRender/themes.cjs.min.js.clone.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
themes.cjs.min.js
9 |
10 |
11 |
12 |
13 |
themes.cjs.min.js
14 |
15 |
16 |
这是一个笔记的克隆, 跳转到它的主目录.
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/SmmLinkRender/utils.js:
--------------------------------------------------------------------------------
1 | async function getData(noteId) {
2 | const data = await api.runOnBackend((noteId) => {
3 | const note = api.searchForNote(`#SimpleMindMap and note.noteId="${noteId}"`);
4 | if(note!==null){
5 | return note.getContent();
6 | }else{
7 | return null;
8 | }
9 | }, [noteId]);
10 | return data;
11 | }
12 |
13 | module.exports = {
14 | getData
15 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/SmmTextNoteRenderWidget.js:
--------------------------------------------------------------------------------
1 | const TEMPLATE = `
2 |
3 | `;
14 |
15 |
16 | class SmmTextNoteRenderWidget extends api.NoteContextAwareWidget {
17 | constructor(...args) {
18 | super(...args);
19 | this.isFirstRun = true;
20 | }
21 |
22 | get position() {
23 | return 100;
24 | }
25 |
26 | get parentWidget() { return 'center-pane'; }
27 |
28 | isEnabled() {
29 | return super.isEnabled()
30 | && this.note.type === 'text';
31 | }
32 |
33 | doRender() {
34 | this.$widget = $(TEMPLATE);
35 | this.$widget.hide();
36 |
37 | return this.$widget;
38 | }
39 |
40 | async noteSwitchedEvent({noteContext, notePath}) {
41 | super.noteSwitchedEvent({noteContext, notePath});
42 | }
43 |
44 | async injectLoadIncludedNote(textEditor){
45 | if(this.isFirstRun){
46 | // 适配next
47 | if(!this.isReadOnly){
48 | if(textEditor==null){
49 | return;
50 | }
51 | }
52 | this.isFirstRun = false;
53 | var getNoteContainer = async ()=> {
54 | if (this.isReadOnly) {
55 | return await this.noteContext.getContentElement();
56 | } else {
57 | return $(textEditor.editing.view.getDomRoot());
58 | }
59 | }
60 | const $content = await getNoteContainer();
61 | const component = glob.getComponentByEl($content);
62 | // component => ReadOnlyTextTypeWidget => AbstractTextTypeWidget
63 | const AbstractTextTypeWidget = Object.getPrototypeOf(Object.getPrototypeOf(component));
64 | const _loadIncludedNote = AbstractTextTypeWidget.loadIncludedNote;
65 | AbstractTextTypeWidget.loadIncludedNote = async (noteId, $el) => {
66 | const note = await api.getNote(noteId);
67 | const blob = await note.getBlob();
68 | if(note.getAttributeValue("label", "simpleMindMap")==null){
69 | await _loadIncludedNote(noteId, $el);
70 | }else{
71 | const containerElId = Math.random().toString(36).substr(2, 9);
72 | const tpl = `
`;
114 | $el.empty().append($(tpl));
115 | }
116 | }
117 | if(this.isReadOnly){
118 | $content.find("section").each(async (_, el) => {
119 | const noteId = $(el).attr('data-note-id');
120 | component.loadIncludedNote(noteId, $(el));
121 | });
122 | }
123 | }
124 | }
125 |
126 | async refreshWithNote(note) {
127 | if (this.note.type === 'text') {
128 | const noteContext = this.noteContext;
129 | this.isReadOnly = await noteContext.isReadOnly();
130 | if(this.isFirstRun){
131 | $(document).ready(async ()=>{
132 | setTimeout(async ()=>{
133 | const editor = await api.getActiveContextTextEditor();
134 | await this.injectLoadIncludedNote(editor);
135 | }, 100);
136 | // 重载编辑器内容
137 | await api.activateNote(this.note.noteId)
138 | })
139 | }
140 | }
141 | }
142 |
143 | async entitiesReloadedEvent({loadResults}) {
144 | if (loadResults.isNoteContentReloaded(this.noteId)) {
145 | this.refresh();
146 | }
147 | }
148 | }
149 |
150 | const widget = new SmmTextNoteRenderWidget()
151 | module.exports = widget;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget.js:
--------------------------------------------------------------------------------
1 | //let TPL = await utils.getData(config.SMM_TPL_NOTE_ID);
2 | //TPL = eval('`'+TPL+'`');
3 |
4 | let TPL = await utils.renderEjsTemplate(config.SMM_TPL_NOTE_ID,{config});
5 |
6 | let cssArr = await utils.getNoteConetntList(config.CSS_NOTE_ID_LIST);
7 | let styles = cssArr.join("\n\n");
8 |
9 | let WIDGET_TPL = `
`;
12 |
13 | class SmmWidget extends api.NoteContextAwareWidget {
14 | static get parentWidget() {
15 | return "note-detail-pane";
16 | }
17 |
18 | isEnabled() {
19 | return super.isEnabled()
20 | && this.note.type === 'code'
21 | && this.note.mime==="application/json"
22 | && this.note.hasLabel('simpleMindMap')
23 | && this.note.isContentAvailable()
24 | && this.noteContext?.viewScope.viewMode === 'default';
25 | }
26 |
27 | async doRender() {
28 | this.$widget = $(WIDGET_TPL);
29 | this.contentSized();
30 | this.cssBlock(styles);
31 | this.$render = this.$widget.find('.smm-render');
32 | this.$render.attr('id', this.componentId);
33 | return this.$widget;
34 | }
35 |
36 | async renderWidget() {
37 | let $template = $(TPL);
38 | this.$render.html($template);
39 | this.renderQuickSearchWidget();
40 | this.smmRender = new SmmRender();
41 | await this.smmRender.init(this);
42 |
43 | this.smmRender.register_backdrop([{id:"iconListBackdrop",obj:new SmmIconWidget(this.smmRender)}]);
44 | this.renderRichTextToolbarWidget();
45 | }
46 |
47 | renderRichTextToolbarWidget() {
48 | let $components = this.$render.find(".smm-components-container");
49 | this.rrtToolbar = new RichTextToolbarWidget(this.smmRender, config);
50 | $components.append(this.rrtToolbar.doRender());
51 | }
52 |
53 | renderQuickSearchWidget() {
54 | let $backdrops = this.$render.find(".smm-backdrops-container");
55 | let $modalBody = $backdrops.find("#urlLinkBackdrop .modal-body");
56 | this.qsWidget = new QuickSearchWidget((e, noteLink)=>{
57 | if (!e.target || e.target.nodeName !== 'A') {
58 | $backdrops.find('#urlLinkBackdrop input[name="urlLinkContent"]').val(noteLink.url);
59 | $backdrops.find('#urlLinkBackdrop input[name="urlTextContent"]').val(noteLink.title);
60 | }
61 | }, false);
62 | $modalBody.append(this.qsWidget.doRender());
63 | }
64 |
65 | async refreshWithNote(note) {
66 | $(document).ready(async()=>{
67 | await this.refreshWidget();
68 | });
69 | }
70 |
71 | async refreshWidget() {
72 | await this.renderWidget();
73 | }
74 | }
75 |
76 | module.exports = SmmWidget;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/QuickSearchWidget.js:
--------------------------------------------------------------------------------
1 | const TPL = `
2 |
27 |
`;
28 |
29 | const MAX_DISPLAYED_NOTES = 15;
30 |
31 | class QuickSearchWidget extends api.BasicWidget{
32 | constructor(callback, isShowUrl=true) {
33 | super();
34 | this.callback = callback;
35 | this.isShowUrl = isShowUrl;
36 | }
37 |
38 | doRender() {
39 | this.$widget = $(TPL);
40 |
41 | this.$searchString = this.$widget.find('.search-string');
42 | this.$dropdownMenu = this.$widget.find('.dropdown-menu');
43 | this.$dropdownToggle = this.$widget.find('.search-button');
44 | this.$dropdownToggle.dropdown();
45 |
46 | this.$widget.find('.input-group-prepend').on('shown.bs.dropdown', () => this.search());
47 |
48 | this.$searchString.keydown(e =>{
49 | if(e.which === 13) {
50 | if (this.$dropdownMenu.is(":visible")) {
51 | this.search(); // just update already visible dropdown
52 | } else {
53 | this.$dropdownToggle.dropdown('show');
54 | }
55 | e.preventDefault();
56 | e.stopPropagation();
57 | }
58 | })
59 |
60 | return this.$widget;
61 | }
62 |
63 | async search() {
64 | const searchString = this.$searchString.val().trim();
65 |
66 | if (!searchString) {
67 | this.$dropdownToggle.dropdown("hide");
68 | return;
69 | }
70 |
71 | this.$dropdownMenu.empty();
72 | this.$dropdownMenu.append('
Searching ...');
73 |
74 | const searchResultNotes = await api.searchForNotes(searchString);
75 |
76 | const displayedNotes = searchResultNotes.slice(0, Math.min(MAX_DISPLAYED_NOTES, searchResultNotes.length));
77 |
78 | this.$dropdownMenu.empty();
79 |
80 | if (displayedNotes.length === 0) {
81 | this.$dropdownMenu.append('
No results found');
82 | }
83 |
84 | for (const note of displayedNotes) {
85 | const $link = await api.createLink(note.noteId, {showNotePath: true,showNoteIcon:true});
86 | const $a = $link.find("a");
87 | $link.addClass('dropdown-item');
88 | $link.attr("tabIndex", "0");
89 | let urlLink = $a.attr("href");
90 | let urlTitle = $a.text();
91 | if(!this.isShowUrl){
92 | $a.replaceWith($(`
${urlTitle}`))
93 | }
94 | $link.on('click', e => {
95 | this.$dropdownToggle.dropdown("hide");
96 |
97 | this.callback(e, {url:urlLink, title:urlTitle});
98 | });
99 |
100 | this.$dropdownMenu.append($link);
101 | }
102 |
103 | if (searchResultNotes.length > MAX_DISPLAYED_NOTES) {
104 | this.$dropdownMenu.append(`
... and ${searchResultNotes.length - MAX_DISPLAYED_NOTES} more results.`);
105 | }
106 |
107 | this.$dropdownToggle.dropdown('update');
108 | }
109 | }
110 |
111 | module.exports = QuickSearchWidget;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/RichTextToolbarWidget.js:
--------------------------------------------------------------------------------
1 | let TPL = `
2 |
3 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
`;
90 |
91 | class RichTextToolbarWidget extends api.BasicWidget {
92 | constructor(smmRender, config){
93 | super();
94 | this.smmRender = smmRender;
95 | this.mindMap = smmRender.mindMap;
96 | this.config = config;
97 | this.showRichTextToolbar = false;
98 | this.style = {
99 | left: 200,
100 | top: 100
101 | }
102 | this.fontColor = '';
103 | this.fontBackgroundColor = '';
104 | this.formatInfo = {};
105 | }
106 |
107 | doRender() {
108 | this.$widget = $(TPL);
109 | this.$richTextToolbar = this.$widget.find('.richTextToolbar');
110 | this.$richTextToolbar.css(this.style);
111 |
112 | this.$boldBtn = this.$richTextToolbar.find('#smmRichTextBoldBtn');
113 | this.$italicBtn = this.$richTextToolbar.find('#smmRichTextItalicBtn');
114 | this.$underlineBtn = this.$richTextToolbar.find('#smmRichTextUnderlineBtn');
115 | this.$strikeBtn = this.$richTextToolbar.find('#smmRichTextStrikeBtn');
116 | this.$removeFormatBtn = this.$richTextToolbar.find('#smmRichTextRemoveFormatBtn');
117 |
118 | this.registerEvent();
119 | this.toggleShowToolBar();
120 | return this.$widget;
121 | }
122 |
123 | registerEvent() {
124 | this.onRichTextSelectionChange = (hasRange, rect, formatInfo) => {
125 | if (hasRange) {
126 | this.style.left = rect.left + rect.width / 2 + 'px';
127 | this.style.top = rect.top - 60 + 'px';
128 | this.formatInfo = {... (formatInfo || {})}
129 | }
130 | this.showRichTextToolbar = hasRange;
131 | this.toggleShowToolBar();
132 | this.toggleBtnActive();
133 | }
134 |
135 | this.toggleBold = () => {
136 | this.setFormatInfo("bold");
137 | this.mindMap.richText.formatText({
138 | bold: this.formatInfo.bold
139 | })
140 | }
141 |
142 | this.toggleItalic = () => {
143 | this.setFormatInfo("italic");
144 | this.mindMap.richText.formatText({
145 | italic: this.formatInfo.italic
146 | })
147 | }
148 |
149 | this.toggleUnderline = () => {
150 | this.setFormatInfo("underline");
151 | this.mindMap.richText.formatText({
152 | underline: this.formatInfo.underline
153 | })
154 | }
155 |
156 | this.toggleStrike = () => {
157 | this.setFormatInfo("strike");
158 | this.mindMap.richText.formatText({
159 | strike: this.formatInfo.strike
160 | })
161 | }
162 |
163 | this.removeFormat = () => {
164 | this.mindMap.richText.removeFormat();
165 | }
166 |
167 |
168 | this.mindMap.on('rich_text_selection_change', this.onRichTextSelectionChange);
169 |
170 |
171 | this.$boldBtn.on("click", this.toggleBold);
172 | this.$boldBtn.attr("title", this.config.lang.richTextToolbar.bold);
173 |
174 | this.$italicBtn.click(this.toggleItalic);
175 | this.$italicBtn.attr("title", this.config.lang.richTextToolbar.italic);
176 |
177 | this.$underlineBtn.click(this.toggleUnderline);
178 | this.$underlineBtn.attr("title", this.config.lang.richTextToolbar.underline);
179 |
180 | this.$strikeBtn.click(this.toggleStrike);
181 | this.$strikeBtn.attr("title", this.config.lang.richTextToolbar.strike);
182 |
183 | this.$removeFormatBtn.click(this.removeFormat);
184 | this.$removeFormatBtn.attr("title", this.config.lang.richTextToolbar.removeFormat);
185 | }
186 |
187 | toggleShowToolBar() {
188 | if (this.showRichTextToolbar) {
189 | this.$widget.removeClass("hide");
190 | } else {
191 | this.$widget.addClass("hide");
192 | }
193 | this.$richTextToolbar.css(this.style);
194 | }
195 |
196 | toggleBtnActive() {
197 | if (this.formatInfo["bold"]) {
198 | this.$boldBtn.addClass("active");
199 | } else {
200 | this.$boldBtn.removeClass("active");
201 | }
202 |
203 | if (this.formatInfo["italic"]) {
204 | this.$italicBtn.addClass("active");
205 | } else {
206 | this.$italicBtn.removeClass("active");
207 | }
208 |
209 | if (this.formatInfo["underline"]) {
210 | this.$underlineBtn.addClass("active");
211 | } else {
212 | this.$underlineBtn.removeClass("active");
213 | }
214 |
215 | if (this.formatInfo["strike"]) {
216 | this.$strikeBtn.addClass("active");
217 | } else {
218 | this.$strikeBtn.removeClass("active");
219 | }
220 | }
221 |
222 | setFormatInfo(key){
223 | if (key in this.formatInfo) {
224 | this.formatInfo[key] = !this.formatInfo[key]
225 | } else {
226 | this.formatInfo[key] = true;
227 | }
228 | this.toggleBtnActive();
229 | }
230 | }
231 |
232 | module.exports = RichTextToolbarWidget;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmIconWidget.js:
--------------------------------------------------------------------------------
1 | const TPL = `
2 |
`;
54 |
55 | class SmmIconWidget extends api.BasicWidget {
56 | constructor(smmRender){
57 | super();
58 | this.smmRender = smmRender;
59 | this.nodeIconList = smmRender.iconList;
60 | this.activeName = 'icon';
61 | this.iconList = [];
62 | this.activeNodes = smmRender.activeNodes;
63 | }
64 |
65 | doRender() {
66 | this.$widget = $(TPL);
67 | this.$iconBox = this.$widget.find('.icon-box');
68 | this.renderIconBoxItem();
69 | return this.$widget;
70 | }
71 |
72 | renderIconBoxItem() {
73 | this.$iconBox.empty();
74 | for (const item of this.nodeIconList) {
75 | let $iconBoxItem = $(`
`);
76 | let $iconTitle = $(`
${item.name}
`);
77 | $iconBoxItem.append($iconTitle);
78 | $iconBoxItem.append(this.renderIconList(item));
79 | this.$iconBox.append($iconBoxItem);
80 | }
81 | }
82 |
83 | renderIconList(item) {
84 | let $iconList = $(`
`);
85 | for (const icon of item.list) {
86 | const $iconHtml = this.renderIcon(item.type, icon);
87 | $iconHtml.click(()=>{
88 | this.setIcon(item.type, icon.name)
89 | });
90 | $iconList.append($iconHtml);
91 | }
92 | return $iconList;
93 | }
94 |
95 | renderIcon(type, icon) {
96 | const $svg = $(this.getHtml(icon.icon));
97 | const iconHtml = `
`;
98 | const $iconHtml = $(iconHtml).append($svg);
99 | return $iconHtml;
100 | }
101 |
102 | // 获取图标渲染方式
103 | getHtml(icon) {
104 | return /^
`;
105 | }
106 |
107 | setIcon(type, name) {
108 | this.smmRender.activeNodes.forEach(node => {
109 | const iconList = [...(node.getData('icon') || [])];
110 | let key = type + '_' + name;
111 | let index = iconList.findIndex(item => {
112 | return item === key;
113 | })
114 | // 删除icon
115 | if (index !== -1) {
116 | iconList.splice(index, 1);
117 | } else {
118 | let typeIndex = iconList.findIndex(item => {
119 | return item.split('_')[0] === type;
120 | })
121 | // 替换icon
122 | if (typeIndex !== -1) {
123 | iconList.splice(typeIndex, 1, key);
124 | } else {
125 | // 增加icon
126 | iconList.push(key);
127 | }
128 | }
129 | node.setIcon(iconList);
130 | if (this.smmRender.activeNodes.length === 1) {
131 | this.iconList = iconList;
132 | this.smmRender.set_icon_selected(iconList);
133 | }
134 | })
135 | }
136 | }
137 |
138 | module.exports = SmmIconWidget;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender.js:
--------------------------------------------------------------------------------
1 | const MindMap = simpleMindMapcommonjs.default;
2 | const Themes = themescjsminjs.default;
3 | Themes.init(MindMap);
4 |
5 | class SmmRender {
6 | constructor() {
7 | this.smmNote = api.getActiveContextNote();
8 | this.smmContainerId = "smm_container";
9 | this.MindMap = MindMap;
10 | this.initialized = false;
11 | this.activeNodes = [];
12 | this.init_custom_theme();
13 | this.themeList = [
14 | {
15 | name: '默认主题',
16 | value: 'default',
17 | dark: false
18 | },
19 | ...Themes.lightList, ...Themes.darkList, ...customThemeList].reverse();
20 | this.iconList = MindMap.iconList;
21 | this.useLeftKeySelectionRightKeyDrag = config.LKSRKD;
22 | this.toolbarBtnsRole = {
23 | "unselected": [
24 | {id:'smm_delete_node',enabled:false},
25 | {id:'smm_insert_node',enabled:false},
26 | {id:'smm_insert_child_node',enabled:false},
27 | {id:'smm_insert_image',enabled:false},
28 | {id:'smm_insert_url',enabled:false},
29 | {id:'smm_insert_icon',enabled:false},
30 | {id:'smm_insert_remark',enabled:false},
31 | {id:'smm_insert_ga',enabled:false},
32 | {id:'smm_insert_relation_line',enabled:false},
33 | {id:'smm_add_outer_frame',enabled:false},
34 | ],
35 | "root": [
36 | {id:'smm_delete_node',enabled:true},
37 | {id:'smm_insert_node',enabled:false},
38 | {id:'smm_insert_child_node',enabled:true},
39 | {id:'smm_insert_image',enabled:true},
40 | {id:'smm_insert_url',enabled:true},
41 | {id:'smm_insert_icon',enabled:true},
42 | {id:'smm_insert_remark',enabled:true},
43 | {id:'smm_insert_ga',enabled:false},
44 | {id:'smm_insert_relation_line',enabled:true},
45 | {id:'smm_add_outer_frame',enabled:true},
46 | ],
47 | "node": [
48 | {id:'smm_delete_node',enabled:true},
49 | {id:'smm_insert_node',enabled:true},
50 | {id:'smm_insert_child_node',enabled:true},
51 | {id:'smm_insert_image',enabled:true},
52 | {id:'smm_insert_url',enabled:true},
53 | {id:'smm_insert_icon',enabled:true},
54 | {id:'smm_insert_remark',enabled:true},
55 | {id:'smm_insert_ga',enabled:true},
56 | {id:'smm_insert_relation_line',enabled:true},
57 | {id:'smm_add_outer_frame',enabled:true},
58 | ],
59 | "generalization": [
60 | {id:'smm_delete_node',enabled:true},
61 | {id:'smm_insert_node',enabled:false},
62 | {id:'smm_insert_child_node',enabled:false},
63 | {id:'smm_insert_image',enabled:true},
64 | {id:'smm_insert_url',enabled:true},
65 | {id:'smm_insert_icon',enabled:true},
66 | {id:'smm_insert_remark',enabled:true},
67 | {id:'smm_insert_ga',enabled:false},
68 | {id:'smm_insert_relation_line',enabled:false},
69 | {id:'smm_add_outer_frame',enabled:false},
70 | ],
71 | };
72 | }
73 |
74 | init_custom_theme() {
75 | customThemeList.forEach(themeConfig=>{
76 | MindMap.defineTheme(themeConfig.value, themeConfig.theme);
77 | });
78 | }
79 |
80 | async init(smmWidget) {
81 | this.smmWidget = smmWidget;
82 | this.$widget = this.smmWidget.$widget;
83 |
84 | if(true || config.RENDER_ON === "note-detail"){
85 | let smmwComponentId = this.$widget.parent().attr("data-component-id");
86 | if(config.SHOW_SOURCE){
87 | this.$widget.addClass("smm-show-source");
88 | this.$widget.removeClass("smm-hide-source");
89 | }else{
90 | this.$widget.parent().css("position", "relative");
91 | this.$widget.addClass("smm-hide-source");
92 | this.$widget.removeClass("smm-show-source");
93 | }
94 |
95 | this.smmContainerId = `smm_container_${smmwComponentId}`;
96 | let $smm_container = this.$widget.find('#smm_container');
97 | $smm_container.attr("id", this.smmContainerId);
98 | this.$widget.insertBefore(this.$widget.parent().find('.mermaid-widget'));
99 | this.$widget.addClass("scrolling-container");
100 | }
101 |
102 | await this.render_mind_data();
103 |
104 | this.toolbar_render();
105 | this.register_toolbar_event();
106 | this.register_components_event();
107 | this.register_smmtools();
108 | }
109 |
110 | register_backdrop(backdropWidgets){
111 | this.$widget.parent().children('.smm-backdrops-container').remove();
112 | this.$backdrops = this.$widget.find(".smm-backdrops-container");
113 | this.$backdrops.insertBefore(this.$widget);
114 | for(const widget of backdropWidgets){
115 | let $modalBody = this.$backdrops.find(`#${widget.id} .modal-body`);
116 | $modalBody.append(widget.obj.doRender());
117 | }
118 | }
119 |
120 | async render_mind_data() {
121 | if (this.smmNote.isJson()) {
122 | // 获取源笔记
123 | let mind_note_data = await utils.getData(this.smmNote.noteId);
124 | // 打开笔记数据
125 | if (!this.initialized) {
126 | this.create_mind_map(mind_note_data);
127 | this.initialized = true;
128 | }
129 |
130 | console.log("smm render success");
131 | }
132 | }
133 |
134 | create_mind_map(mind_note_data) {
135 | this.mindMap = new MindMap({
136 | el: this.$widget.find(`#${this.smmContainerId}`).get(0),
137 | initRootNodePosition: ['center', 'center'],
138 | layout: 'logicalStructure'
139 | });
140 |
141 | let mind_note_obj = JSON.parse(mind_note_data);
142 | let theme = mind_note_obj.theme.template;
143 | if(this.themeList.findIndex(t=>{return t.value==theme}) === -1){
144 | mind_note_obj.theme.template = "classic4";
145 | // 当前导图笔记的主题不存在，自动更换为默认主题
146 | api.showMessage(config.lang.showMessage.themeNotExist);
147 | }
148 | this.mindMap.setFullData(mind_note_obj);
149 |
150 | // 监听节点激活事件
151 | this.mindMap.on('node_active', (node, nodeList) => {
152 | this.activeNodes = nodeList;
153 | this.toolbar_render();
154 | })
155 |
156 | this.mindMap.on('data_change', data => {
157 | this.save_mind_note();
158 | })
159 |
160 | this.mindMap.on('node_tree_render_end', data => {
161 | // 笔记超链接设置为当前页打开
162 | this.set_note_link_target();
163 | })
164 |
165 | this.isStart = true
166 | this.isEnd = true
167 | this.mindMap.on('back_forward', (index, len) => {
168 | this.isStart = index <= 0
169 | this.isEnd = index >= len - 1
170 | // 改变按钮可用状态
171 | this.toolbar_btn_toggle_status('smm_back', !this.isStart);
172 | this.toolbar_btn_toggle_status('smm_forward', !this.isEnd);
173 | })
174 |
175 | this.outerFramePositionBtnShow = false;
176 | this.outerFramePosition = {
177 | left: 0,
178 | top: 0
179 | }
180 |
181 | this.$nodeOuterFrameContainer = this.$widget.find('#nodeOuterFrameContainer');
182 |
183 | // 外框事件监听
184 | this.mindMap.on('outer_frame_active', (el, parentNode, range) => {
185 | // 取范围内第一个节点的外框样式
186 | const firstNode = parentNode.children[range[0]];
187 | const firstNodeOuterFrame = firstNode.getData('outerFrame');
188 | /*
189 | Object.keys(firstNodeOuterFrame).forEach(key => {
190 | this.styleConfig[key] = firstNodeOuterFrame[key]
191 | })*/
192 | // 获取外框的位置大小信息
193 | const { x, y, width } = el.rbox();
194 | this.outerFramePosition.left = x + width + 'px';
195 | this.outerFramePosition.top = y + 'px';
196 | this.outerFramePositionBtnShow = true;
197 | this.$nodeOuterFrameContainer.css(this.outerFramePosition);
198 | this.$nodeOuterFrameContainer.addClass('smm-outer-frame-active');
199 | })
200 |
201 | const hide = () => {
202 | this.outerFramePositionBtnShow = false;
203 | this.$nodeOuterFrameContainer.removeClass('smm-outer-frame-active');
204 | }
205 |
206 | this.mindMap.on('scale', hide);
207 | this.mindMap.on('translate', hide);
208 | this.mindMap.on('svg_mousedown', hide);
209 | this.mindMap.on('expand_btn_click', hide);
210 | this.mindMap.on('outer_frame_delete', hide);
211 | }
212 |
213 | smm_resize() {
214 | this.mindMap.resize();
215 | }
216 |
217 | set_note_link_target(regex=/^#root/, target='_self'){
218 | this.$widget.find('.smm-container svg g.smm-node a').each((index, element)=>{
219 | let $a = $(element);
220 | if(regex.test($a.attr("href"))){
221 | $a.attr("target", target);
222 | }
223 | })
224 | }
225 |
226 | toolbar_render() {
227 | if(this.activeNodes.length === 0){
228 | this.toolbarBtnsRole["unselected"].forEach(toolbarBtn => {
229 | this.toolbar_btn_toggle_status(toolbarBtn.id, toolbarBtn.enabled);
230 | })
231 | return;
232 | }
233 | if(this.has_generalization()){
234 | this.toolbarBtnsRole["generalization"].forEach(toolbarBtn => {
235 | this.toolbar_btn_toggle_status(toolbarBtn.id, toolbarBtn.enabled);
236 | })
237 | return;
238 | }
239 | if(this.has_root()){
240 | this.toolbarBtnsRole["root"].forEach(toolbarBtn => {
241 | this.toolbar_btn_toggle_status(toolbarBtn.id, toolbarBtn.enabled);
242 | })
243 | return;
244 | }
245 | this.toolbarBtnsRole["node"].forEach(toolbarBtn => {
246 | this.toolbar_btn_toggle_status(toolbarBtn.id, toolbarBtn.enabled);
247 | })
248 | }
249 |
250 | has_root() {
251 | return this.activeNodes.findIndex(node => {
252 | return node.isRoot
253 | }) !== -1
254 | }
255 |
256 | has_generalization() {
257 | return this.activeNodes.findIndex(node => {
258 | return node.isGeneralization
259 | }) !== -1
260 | }
261 |
262 | toolbar_btn_toggle_status(btn_id, enabled) {
263 | let $btn = this.$widget.find(`.smm-toolbar-btn#${btn_id}`);
264 | if(enabled){
265 | $btn.removeClass("disabled");
266 | }else{
267 | $btn.addClass("disabled");
268 | }
269 | }
270 |
271 | save_mind_note() {
272 | let mind_data = this.mindMap.getData(true);
273 | let mind_str = JSON.stringify(mind_data);
274 | utils.setData(this.smmNote.noteId, this.smmNote.title, mind_str);
275 | }
276 |
277 | register_toolbar_event() {
278 | this.$widget.find('.smm-toolbar-btn#smm_back').click(()=>!this.isStart&&this.back());
279 | this.$widget.find('.smm-toolbar-btn#smm_forward').click(()=>!this.isEnd&&this.forward());
280 | this.$widget.find('.smm-toolbar-btn#smm_delete_node').click(()=>this.delete_node());
281 | this.$widget.find('.smm-toolbar-btn#smm_insert_node').click(()=>this.insert_node());
282 | this.$widget.find('.smm-toolbar-btn#smm_insert_child_node').click(()=>this.insert_child_node());
283 | this.$widget.find('.smm-toolbar-btn#smm_insert_image').click(()=>this.insert_image());
284 | this.$widget.find('.smm-toolbar-btn#smm_insert_url').click(()=>this.insert_url());
285 | this.$widget.find('.smm-toolbar-btn#smm_insert_icon').click(()=>this.insert_icon());
286 | this.$widget.find('.smm-toolbar-btn#smm_insert_remark').click(()=>this.insert_remark());
287 | this.$widget.find('.smm-toolbar-btn#smm_insert_ga').click(()=>this.insert_ga());
288 | this.$widget.find('.smm-toolbar-btn#smm_insert_relation_line').click(()=>this.insert_relation_line());
289 | this.$widget.find('.smm-toolbar-btn#smm_add_outer_frame').click(()=>this.add_outer_frame());
290 | }
291 |
292 | register_components_event() {
293 | this.$widget.find('.smm-components-container #nodeOuterFrameContainer #smm_delete_outer_frame').click(()=>this.delete_outer_frame());
294 | }
295 |
296 | // 回退
297 | back() {
298 | this.mindMap.execCommand('BACK');
299 | this.save_mind_note();
300 | }
301 |
302 | // 前进
303 | forward() {
304 | this.mindMap.execCommand('FORWARD');
305 | this.save_mind_note();
306 | }
307 |
308 | delete_node() {
309 | this.mindMap.execCommand('REMOVE_NODE');
310 | }
311 |
312 | // 插入兄弟节点
313 | insert_node() {
314 | this.mindMap.execCommand('INSERT_NODE');
315 | }
316 |
317 | // 插入子节点
318 | insert_child_node() {
319 | this.mindMap.execCommand('INSERT_CHILD_NODE');
320 | }
321 |
322 | insert_image() {
323 | let imageUrl = "";
324 | let imageTitle = "";
325 | this.activeNodes.forEach(node => {
326 | if(!!node.getData('image')&&node.getData('image')!==""){
327 | imageUrl = node.getData('image');
328 | imageTitle = node.getData('imageTitle');
329 | }
330 | })
331 |
332 | this.$backdrops.find('#imageBackdrop input[name="imageUrlContent"]').val(imageUrl);
333 | this.$backdrops.find('#imageBackdrop input[name="imageTitleContent"]').val(imageTitle);
334 | this.$backdrops.find('#imageBackdrop').modal('show');
335 | this.$backdrops.find('#imageSave').click(()=>{
336 | imageUrl = this.$backdrops.find('#imageBackdrop input[name="imageUrlContent"]').val();
337 | imageTitle = this.$backdrops.find('#imageBackdrop input[name="imageTitleContent"]').val();
338 |
339 | let imageWidth = 100;
340 | let imageHeight = 100;
341 | this.activeNodes.forEach(node => {
342 | node.setImage({
343 | url: imageUrl,
344 | title: imageTitle,
345 | width: imageWidth,
346 | height: imageHeight
347 | })
348 | })
349 | this.$backdrops.find('#imageBackdrop').modal('hide');
350 | });
351 | }
352 |
353 | insert_url() {
354 | let hyperlink = "";
355 | let hyperlinkTitle = "";
356 | this.activeNodes.length==1 && this.activeNodes.forEach(node => {
357 | if(!!node.getData('hyperlink')&&node.getData('hyperlink')!==""){
358 | hyperlink = node.getData('hyperlink');
359 | hyperlinkTitle = node.getData('hyperlinkTitle');
360 | }
361 | })
362 |
363 | this.$backdrops.find('#urlLinkBackdrop input[name="urlLinkContent"]').val(hyperlink);
364 | this.$backdrops.find('#urlLinkBackdrop input[name="urlTextContent"]').val(hyperlinkTitle);
365 | this.$backdrops.find('#urlLinkBackdrop').modal('show');
366 | this.$backdrops.find('#urlLinkSave').click(()=>{
367 | hyperlink = this.$backdrops.find('#urlLinkBackdrop input[name="urlLinkContent"]').val();
368 | hyperlinkTitle = this.$backdrops.find('#urlLinkBackdrop input[name="urlTextContent"]').val();
369 | this.activeNodes.forEach(node => {
370 | node.setHyperlink(hyperlink, hyperlinkTitle);
371 | })
372 | this.$backdrops.find('#urlLinkBackdrop').modal('hide');
373 | });
374 | }
375 |
376 | insert_icon() {
377 | let iconList = [];
378 | if (this.activeNodes.length > 0) {
379 | if (this.activeNodes.length === 1) {
380 | let firstNode = this.activeNodes[0]
381 | iconList = firstNode.getData('icon') || [];
382 | }
383 | }
384 | this.set_icon_selected(iconList);
385 | this.$backdrops.find('#iconListBackdrop').modal('show');
386 | }
387 |
388 | set_icon_selected(iconList) {
389 | this.$backdrops.find(`.icon-box .icon-list .icon`).removeClass("selected");
390 | for(const name of iconList){
391 | let $icon = this.$backdrops.find(`.icon-box .icon-list .icon[name="${name}"]`);
392 | $icon.addClass("selected");
393 | }
394 | }
395 |
396 | // 插入备注
397 | insert_remark() {
398 | let content = "";
399 | this.activeNodes.forEach(node => {
400 | if(!!node.getData('note')&&node.getData('note')!=="")
401 | content = node.getData('note');
402 | })
403 | this.$backdrops.find('#remarkBackdrop textarea[name="remarkContent"]').val(content);
404 | this.$backdrops.find('#remarkBackdrop').modal('show');
405 | this.$backdrops.find('#remarkSave').click(()=>{
406 | content = this.$backdrops.find('#remarkBackdrop textarea[name="remarkContent"]').val();
407 | this.activeNodes.forEach(node => {
408 | node.setNote(content);
409 | })
410 | this.$backdrops.find('#remarkBackdrop').modal('hide');
411 | });
412 | }
413 |
414 | // 插入概要
415 | insert_ga() {
416 | this.mindMap.execCommand('ADD_GENERALIZATION');
417 | }
418 |
419 | insert_relation_line() {
420 | this.mindMap.associativeLine.createLineFromActiveNode();
421 | }
422 |
423 | add_outer_frame() {
424 | this.mindMap.execCommand('ADD_OUTER_FRAME', [], {fill: "transparent"});
425 | }
426 |
427 | delete_outer_frame() {
428 | this.outerFramePositionBtnShow = false;
429 | this.$nodeOuterFrameContainer.removeClass('smm-outer-frame-active');
430 | this.mindMap.outerFrame.removeActiveOuterFrame();
431 | }
432 |
433 | /**
434 | * 工具菜单操作
435 | */
436 | register_smmtools() {
437 | let $smmtools_menu = this.$widget.find('#smmtools_menu');
438 | let $smmtools_area = this.$widget.find('#smm_tools');
439 | let $smmtools_save_imagenote = this.$widget.find('#smmtools_save_imagenote');
440 |
441 | let $smmtools_help = this.$widget.find('#smmtools_help');
442 |
443 | $smmtools_menu.click(() => {
444 | this.switch_fullscreen_button();
445 | $smmtools_area.toggleClass('smm-tools-active');
446 | });
447 |
448 | this.register_fullscreen_event();
449 |
450 | this.register_fulltab_event();
451 |
452 | $(document).click(function (event) {
453 | let target = $(event.target); // 获取点击事件的目标元素
454 |
455 | if (target.closest($smmtools_area).length > 0) {
456 | // 目标元素在指定区域内,不做任何操作
457 | } else {
458 | // 目标元素不在指定区域内,执行关闭操作
459 | $smmtools_area.removeClass('smm-tools-active');
460 | }
461 | });
462 |
463 | $smmtools_save_imagenote.click(() => {
464 | let fileType = config.IMAGE_NOTE_TYPE;
465 | this.mindMap.export(fileType, false).then((content)=>{
466 | if(config.EXPORT_TYPE === 'note'){
467 | utils.createImageNote(this.smmNote.noteId, `simple-mind-map-export.${fileType}`, fileType, content).then((res) => {
468 | // 图像笔记已经创建成功了！
469 | api.showMessage(config.lang.showMessage.imageNoteCreated);
470 | });
471 | }else{
472 | utils.createImageAttachment(this.smmNote.noteId, `simple-mind-map-export.${fileType}`, fileType, content).then((res) => {
473 | // 图像附件已经创建成功了！
474 | api.showMessage(config.lang.showMessage.imageAttachmentCreated);
475 | });
476 | }
477 | });
478 | });
479 |
480 | $smmtools_help.click(() => {
481 | this.open_help_info();
482 | });
483 |
484 | this.render_smm_export_select();
485 | this.render_smm_mouse_select();
486 | this.render_smm_rainbow_lines_select();
487 | this.render_smm_theme_select();
488 | this.render_smm_struct_select();
489 | }
490 |
491 | switch_fullscreen_button = () => {
492 | if(is_page_fullscreen()){
493 | this.smmWidget.$render.addClass("full");
494 | this.$widget.find('#smmtools_enter_fullscreen').addClass('hidden-ext');
495 | this.$widget.find('#smmtools_exit_fullscreen').removeClass('hidden-ext');
496 | }else{
497 | this.smmWidget.$render.removeClass("full");
498 | this.$widget.find('#smmtools_enter_fullscreen').removeClass('hidden-ext');
499 | this.$widget.find('#smmtools_exit_fullscreen').addClass('hidden-ext');
500 | }
501 | }
502 |
503 | register_fullscreen_event() {
504 | this.switch_fullscreen_button();
505 |
506 | // 全屏点击事件
507 | this.$widget.find('#smmtools_enter_fullscreen').click(() => {
508 | var elem = document.body;
509 | full_screen(elem);
510 | });
511 |
512 | // 退出全屏点击事件
513 | this.$widget.find('#smmtools_exit_fullscreen').click(() => {
514 | exit_full_screen();
515 | });
516 |
517 | window.addEventListener("resize", (event) => {
518 | try{
519 | this.smm_resize();
520 | }catch(e){
521 | // 忽略报错
522 | }
523 | this.switch_fullscreen_button();
524 | }, true);
525 | }
526 |
527 | register_fulltab_event(){
528 | let $smmtools_enterfulltab = this.$widget.find('#smmtools_enter_fulltab');
529 | let $smmtools_exitfulltab = this.$widget.find('#smmtools_exit_fulltab');
530 | $smmtools_enterfulltab.click(()=>{
531 | this.$widget.parent().css("position", "relative");
532 | this.$widget.addClass("smm-hide-source");
533 | this.$widget.removeClass("smm-show-source");
534 | $smmtools_enterfulltab.addClass('hidden-ext');
535 | $smmtools_exitfulltab.removeClass('hidden-ext');
536 | this.smm_resize();
537 | });
538 | $smmtools_exitfulltab.click(()=>{
539 | this.$widget.parent().css("position", '');
540 | this.$widget.addClass("smm-show-source");
541 | this.$widget.removeClass("smm-hide-source");
542 | $smmtools_enterfulltab.removeClass('hidden-ext');
543 | $smmtools_exitfulltab.addClass('hidden-ext');
544 | this.smm_resize();
545 | });
546 | if(config.SHOW_SOURCE){
547 | $smmtools_enterfulltab.removeClass('hidden-ext');
548 | $smmtools_exitfulltab.addClass('hidden-ext');
549 | }else{
550 | $smmtools_enterfulltab.addClass('hidden-ext');
551 | $smmtools_exitfulltab.removeClass('hidden-ext');
552 | }
553 | }
554 |
555 | render_smm_export_select() {
556 | let $export_select = this.$widget.find('#smmtools_export select');
557 | $export_select.val("");
558 | $export_select.on('change', (e) => {
559 | let exportType = $(e.target).children('option:selected').val();
560 | this.mindMap.export(exportType, true, this.smmNote.title);
561 | $(e.target).val("");
562 | });
563 | }
564 |
565 | render_smm_mouse_select() {
566 | let $mouse_select = this.$widget.find('#smmtools_mouse_select select');
567 | $mouse_select.val(this.useLeftKeySelectionRightKeyDrag?"1":"0");
568 | this.mindMap.updateConfig({
569 | useLeftKeySelectionRightKeyDrag: this.useLeftKeySelectionRightKeyDrag
570 | });
571 | $mouse_select.on('change', (e) => {
572 | if($(e.target).children('option:selected').val()=="0"){
573 | this.useLeftKeySelectionRightKeyDrag = false;
574 | }else{
575 | this.useLeftKeySelectionRightKeyDrag = true;
576 | }
577 | this.mindMap.updateConfig({
578 | useLeftKeySelectionRightKeyDrag: this.useLeftKeySelectionRightKeyDrag
579 | });
580 | });
581 | }
582 |
583 | render_smm_rainbow_lines_select() {
584 | let $rainbow_lines_select = this.$widget.find('#smmtools_rainbow_lines select');
585 | $rainbow_lines_select.val(this.mindMap.opt.rainbowLinesConfig.open?"1":"0");
586 | $rainbow_lines_select.on('change', (e) => {
587 | this.mindMap.rainbowLines.updateRainLinesConfig({open:$(e.target).children('option:selected').val()=="1"?true:false});
588 | });
589 | }
590 |
591 | render_smm_theme_select() {
592 | let $theme_select = this.$widget.find('#smmtools_theme select');
593 | for (const theme of this.themeList) {
594 | add_row(theme);
595 | }
596 | function add_row(theme) {
597 | if(config.LANGUAGE==="en_us"){
598 | $theme_select.append(`
`);
599 | }else{
600 | $theme_select.append(`
`);
601 | }
602 | }
603 |
604 | $theme_select.val(this.mindMap.getTheme());
605 | $theme_select.on('change', (e) => {
606 | this.mindMap.setTheme($(e.target).children('option:selected').val());
607 | });
608 | }
609 |
610 | render_smm_struct_select() {
611 | let $struct_select = this.$widget.find('#smmtools_struct select');
612 | $struct_select.val(this.mindMap.getLayout());
613 | $struct_select.on('change', (e) => {
614 | this.mindMap.setLayout($(e.target).children('option:selected').val());
615 | this.save_mind_note();
616 | });
617 | }
618 |
619 | open_help_info() {
620 | let win = window.open(config.HELP_URL, '_blank');
621 | win.focus();
622 | }
623 | }
624 |
625 | function is_page_fullscreen() {
626 | return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
627 | }
628 |
629 | function full_screen(dom, FullscreenCallback) {
630 | if (dom.requestFullscreen) {
631 | dom.requestFullscreen()
632 | .then(() => {
633 | FullscreenCallback && FullscreenCallback();
634 | });
635 | } else if (dom.mozRequestFullScreen) {
636 | dom.mozRequestFullScreen()
637 | .then(() => {
638 | FullscreenCallback && FullscreenCallback();
639 | });
640 | } else if (dom.webkitRequestFullScreen) {
641 | dom.webkitRequestFullScreen()
642 | .then(() => {
643 | FullscreenCallback && FullscreenCallback();
644 | });
645 | }
646 | }
647 |
648 | function exit_full_screen() {
649 | if (document.exitFullscreen) {
650 | document.exitFullscreen();
651 | } else if (document.mozCancelFullScreen) {
652 | document.mozCancelFullScreen();
653 | } else if (document.webkitExitFullscreen) {
654 | document.webkitExitFullscreen();
655 | } else if (document.msExitFullscreen) {
656 | document.msExitFullscreen();
657 | }
658 | }
659 |
660 |
661 | module.exports = SmmRender;
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/config.clone.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
config
9 |
10 |
11 |
12 |
13 |
config
14 |
15 |
16 |
这是一个笔记的克隆, 跳转到它的主目录.
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/customThemeList.js:
--------------------------------------------------------------------------------
1 | module.exports = [
2 | {
3 | name: 'vc柠檬',
4 | value: 'vcMelon',
5 | theme: vcMelon,
6 | dark: false
7 | },
8 | ]
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/customThemeList/vcMelon.js:
--------------------------------------------------------------------------------
1 | // vcMelon
2 | module.exports = {
3 | backgroundColor: 'rgb(124, 213, 200)',
4 | // 连线的颜色
5 | lineColor: 'rgb(51, 51, 51)',
6 | lineWidth: 3,
7 | // 概要连线的粗细
8 | generalizationLineWidth: 3,
9 | // 概要连线的颜色
10 | generalizationLineColor: 'rgb(51, 51, 51)',
11 | // 根节点样式
12 | root: {
13 | fillColor: 'rgb(252, 180, 71)',
14 | color: 'rgb(51, 51, 51)',
15 | borderColor: 'rgb(24, 24, 24)',
16 | borderWidth: 3,
17 | fontSize: 24,
18 | shape: 'roundedRectangle'
19 | },
20 | // 二级节点样式
21 | second: {
22 | fillColor: 'rgb(254, 225, 38)',
23 | color: 'rgb(51, 51, 51)',
24 | borderColor: 'rgb(24, 24, 24)',
25 | borderWidth: 3,
26 | fontSize: 18,
27 | shape: 'roundedRectangle'
28 | },
29 | // 三级及以下节点样式
30 | node: {
31 | fillColor: 'rgb(140, 198, 63)',
32 | color: 'rgb(51, 51, 51)',
33 | borderColor: 'rgb(24, 24, 24)',
34 | borderWidth: 2,
35 | fontSize: 14,
36 | shape: 'roundedRectangle'
37 | },
38 | // 概要节点样式
39 | generalization: {
40 | fontSize: 14,
41 | fillColor: 'rgb(255, 198, 70)',
42 | borderColor: 'rgb(26, 26, 26)',
43 | borderWidth: 1,
44 | color: 'rgb(26, 26, 26)'
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/themeList.js:
--------------------------------------------------------------------------------
1 | module.exports = [
2 | {
3 | name: '默认',
4 | value: 'default',
5 | dark: false
6 | },
7 | {
8 | name: '暗色2',
9 | value: 'dark2',
10 | dark: true
11 | },
12 | {
13 | name: '天清绿',
14 | value: 'skyGreen',
15 | dark: false
16 | },
17 | {
18 | name: '脑图经典2',
19 | value: 'classic2',
20 | dark: false
21 | },
22 | {
23 | name: '脑图经典3',
24 | value: 'classic3',
25 | dark: false
26 | },
27 | {
28 | name: '经典绿',
29 | value: 'classicGreen',
30 | dark: false
31 | },
32 | {
33 | name: '经典蓝',
34 | value: 'classicBlue',
35 | dark: false
36 | },
37 | {
38 | name: '天空蓝',
39 | value: 'blueSky',
40 | dark: false
41 | },
42 | {
43 | name: '脑残粉',
44 | value: 'brainImpairedPink',
45 | dark: false
46 | },
47 | {
48 | name: '暗色',
49 | value: 'dark',
50 | dark: true
51 | },
52 | {
53 | name: '泥土黄',
54 | value: 'earthYellow',
55 | dark: false
56 | },
57 | {
58 | name: '清新绿',
59 | value: 'freshGreen',
60 | dark: false
61 | },
62 | {
63 | name: '清新红',
64 | value: 'freshRed',
65 | dark: false
66 | },
67 | {
68 | name: '浪漫紫',
69 | value: 'romanticPurple',
70 | dark: false
71 | },
72 | {
73 | name: '粉红葡萄',
74 | value: 'pinkGrape',
75 | dark: false
76 | },
77 | {
78 | name: '薄荷',
79 | value: 'mint',
80 | dark: false
81 | },
82 | {
83 | name: '金色vip',
84 | value: 'gold',
85 | dark: false
86 | },
87 | {
88 | name: '活力橙',
89 | value: 'vitalityOrange',
90 | dark: false
91 | },
92 | {
93 | name: '绿叶',
94 | value: 'greenLeaf',
95 | dark: false
96 | },
97 | {
98 | name: '脑图经典',
99 | value: 'classic',
100 | dark: true
101 | },
102 | {
103 | name: '脑图经典4',
104 | value: 'classic4',
105 | dark: false
106 | },
107 | {
108 | name: '小黄人',
109 | value: 'minions',
110 | dark: false
111 | },
112 | {
113 | name: '简约黑',
114 | value: 'simpleBlack',
115 | dark: false
116 | },
117 | {
118 | name: '课程绿',
119 | value: 'courseGreen',
120 | dark: false
121 | },
122 | {
123 | name: '咖啡',
124 | value: 'coffee',
125 | dark: false
126 | },
127 | {
128 | name: '红色精神',
129 | value: 'redSpirit',
130 | dark: false
131 | },
132 | {
133 | name: '黑色幽默',
134 | value: 'blackHumour',
135 | dark: true
136 | },
137 | {
138 | name: '深夜办公室',
139 | value: 'lateNightOffice',
140 | dark: true
141 | },
142 | {
143 | name: '黑金',
144 | value: 'blackGold',
145 | dark: true
146 | },
147 | {
148 | name: '牛油果',
149 | value: 'avocado',
150 | dark: false
151 | },
152 | {
153 | name: '秋天',
154 | value: 'autumn',
155 | dark: false
156 | },
157 | {
158 | name: '橙汁',
159 | value: 'orangeJuice',
160 | dark: true
161 | }
162 | ]
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/themes.cjs.min.js:
--------------------------------------------------------------------------------
1 | var i=Object.defineProperty;var co=Object.getOwnPropertyDescriptor;var Co=Object.getOwnPropertyNames;var zo=Object.prototype.hasOwnProperty;var ho=(o,r)=>{for(var l in r)i(o,l,{get:r[l],enumerable:!0})},so=(o,r,l,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of Co(r))!zo.call(o,e)&&e!==l&&i(o,e,{get:()=>r[e],enumerable:!(a=co(r,e))||a.enumerable});return o};var mo=o=>so(i({},"__esModule",{value:!0}),o);var So={};ho(So,{default:()=>uo});module.exports=mo(So);var d={backgroundColor:"rgb(17, 17, 84)",lineColor:"rgb(255, 0, 214)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 181, 0)",associativeLineColor:"rgb(255, 255, 255)",associativeLineTextColor:"rgb(255, 255, 255)",root:{fillColor:"rgb(251, 233, 248)",color:"rgb(208, 5, 176)",borderColor:"rgb(255, 0, 214)",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"transparent",color:"rgb(248, 177, 237)",borderColor:"",borderWidth:3,fontSize:18},node:{fontSize:14,color:"#fff"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(255, 181, 0)",borderWidth:2,color:"rgb(17, 17, 84)"}};var f={backgroundColor:"rgb(0, 21, 21)",lineColor:"rgb(0, 139, 146)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgba(2, 167, 240, 0.5)",associativeLineColor:"rgb(255, 255, 255)",associativeLineTextColor:"rgb(255, 255, 255)",root:{fillColor:"rgb(0, 243, 255)",color:"rgb(0, 21, 21)",borderColor:"#fff",borderWidth:3,fontSize:24,shape:"parallelogram"},second:{fillColor:"rgb(0, 21, 21)",color:"#fff",borderColor:"#fff",borderWidth:3,fontSize:18,shape:"diamond"},node:{fontSize:14,color:"#fff"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(0, 117, 255)",borderWidth:2,color:"rgb(0, 21, 21)"}};var b={backgroundColor:"rgb(0, 0, 0)",lineColor:"rgb(172, 172, 172)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(172, 172, 172)",associativeLineColor:"rgb(57, 130, 252)",associativeLineTextColor:"rgb(68, 68, 68)",root:{fillColor:"#fff",color:"rgb(241, 79, 81)",borderColor:"",borderWidth:0,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"rgb(241, 79, 81)",color:"#fff",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"#fff"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"",borderWidth:0,color:"rgb(241, 79, 81)"}};var g={backgroundColor:"rgb(32, 34, 43)",lineColor:"rgb(90, 136, 116)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(90, 136, 116)",associativeLineColor:"rgb(57, 130, 252)",associativeLineTextColor:"rgb(68, 68, 68)",root:{fillColor:"rgb(1, 192, 116)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(48, 51, 63)",color:"#fff",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"#fff"},generalization:{fontSize:14,fillColor:"rgb(1, 192, 116)",borderColor:"",borderWidth:0,color:"#fff"}};var c={lineColor:"rgb(75, 81, 78)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 119, 34)",backgroundColor:"rgb(27, 31, 34)",root:{fillColor:"rgb(36, 179, 96)",color:"#fff",borderColor:"",borderWidth:0},second:{fillColor:"rgb(254, 199, 13)",color:"rgb(0, 0, 0)",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"rgb(204, 204, 204)"},generalization:{fillColor:"transparent",borderColor:"rgb(255, 119, 34)",borderWidth:2,color:"rgb(204, 204, 204)"}};var C={lineColor:"rgb(17, 68, 23)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#fff",backgroundColor:"rgb(15, 16, 17)",root:{fillColor:"rgb(28, 178, 43)",color:"#fff",fontSize:24,borderRadius:10},second:{fillColor:"rgb(55, 56, 58)",color:"rgb(147,148,149)",fontSize:18,borderRadius:10,borderWidth:0},node:{fontSize:14,color:"rgb(147, 148, 149)"},generalization:{fillColor:"#fff",borderColor:"transparent",color:"#333"}};var z={lineColor:"#fff",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#fff",backgroundColor:"rgb(58, 65, 68)",backgroundImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzg5QTQ0NDhENzgxMUUzOENGREE4QTg0RDgzRTZDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzg5QTQ0NThENzgxMUUzOENGREE4QTg0RDgzRTZDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwOEQ1NDRGOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwOEQ1NDUwOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e9P33AAAACVJREFUeNpisXJ0YUACTAyoAMr/+eM7EGGRZ4FQ7BycEAZAgAEAHbEGtkoQm/wAAAAASUVORK5CYII=",backgroundRepeat:"repeat",backgroundSize:"auto",root:{fillColor:"rgb(233, 223, 152)",color:"#333",fontSize:24,borderRadius:21},second:{fillColor:"rgb(164, 197, 192)",borderColor:"transparent",color:"#333",fontSize:16,borderRadius:10},node:{fontSize:12,color:"#fff",fontWeight:"bold"},generalization:{fillColor:"#fff",borderColor:"transparent",color:"#333"}};var h={backgroundColor:"rgb(27, 31, 34)",lineColor:"rgb(75, 81, 78)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 119, 34)",root:{fillColor:"rgb(36, 179, 96)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(254, 199, 13)",color:"rgb(0, 0, 0)",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(204, 204, 204)"},generalization:{fontSize:14,fillColor:"rgb(27, 31, 34)",borderColor:"rgb(255, 119, 34)",borderWidth:2,color:"rgb(204, 204, 204)"}};var s={backgroundColor:"rgb(32, 37, 49)",lineColor:"rgb(137, 167, 196)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 119, 34)",root:{fillColor:"rgb(23, 153, 243)",color:"rgb(255, 255, 255)",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(70, 78, 94)",color:"rgb(209, 210, 210)",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(204, 204, 204)"},generalization:{fontSize:14,fillColor:"rgb(255, 119, 34)",borderColor:"",borderWidth:2,color:"#fff"}};var m={backgroundColor:"rgb(18, 20, 20)",lineColor:"rgb(205, 186, 156)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(245, 224, 191)",root:{fillColor:"rgb(255, 208, 124)",color:"rgb(111, 61, 6)",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(66, 57, 46)",color:"rgb(225, 201, 158)",borderColor:"rgb(245, 224, 191)",borderWidth:2,fontSize:18},node:{fontSize:14,color:"rgb(231, 203, 155)"},generalization:{fontSize:14,fillColor:"rgb(56, 45, 34)",borderColor:"rgb(104, 84, 61)",borderWidth:2,color:"rgb(242, 216, 176)"}};var W={backgroundColor:"#070616",lineColor:"#fff",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#fff",root:{fillColor:"#ff6811",color:"#110501",borderColor:"#ff6811",borderWidth:0,fontSize:24},second:{fillColor:"#070616",color:"#a9a4a9",borderColor:"#ff6811",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#a9a4a9"},generalization:{fontSize:14,fillColor:"",borderColor:"#ff6811",borderWidth:2,color:"#a9a4a9"}};var u={backgroundColor:"#16181d",lineColor:"#7da578",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#7da578",associativeLineColor:"#7da578",associativeLineTextColor:"#9ce81d",associativeLineActiveColor:"#9ce81d",root:{fillColor:"#9ce81d",color:"#15521b",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#24272f",color:"#97b65e",borderColor:"#80a97a",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#789e73"},generalization:{fontSize:14,fillColor:"#9ce81d",borderColor:"",borderWidth:0,color:"#13501b"}};var S={backgroundColor:"#051422",lineColor:"#55dff3",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#55dff3",associativeLineColor:"#55dff3",associativeLineTextColor:"#78b3ff",associativeLineActiveColor:"#78b3ff",root:{fillColor:"#55dff3",color:"#0f4956",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#0b1632",color:"#fff",borderColor:"#78b3ff",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#78b3ff"},generalization:{fontSize:14,fillColor:"#55dff3",borderColor:"",borderWidth:0,color:"#0f4956"}};var L={backgroundColor:"#192b3b",lineColor:"#4986bc",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#4986bc",associativeLineColor:"#4986bc",associativeLineTextColor:"#679fba",associativeLineActiveColor:"#679fba",root:{fillColor:"#3462b0",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#679fba",color:"#fff",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"#679fba"},generalization:{fontSize:14,fillColor:"#3462b0",borderColor:"",borderWidth:0,color:"#fff"}};var n=[{name:"\u8111\u56FE\u7ECF\u5178",value:"classic",theme:z},{name:"\u9ED1\u8272\u5E7D\u9ED8",value:"blackHumour",theme:h},{name:"\u6DF1\u591C\u529E\u516C\u5BA4",value:"lateNightOffice",theme:s},{name:"\u9ED1\u91D1",value:"blackGold",theme:m},{name:"\u6A59\u6C41",value:"orangeJuice",theme:W},{name:"\u9713\u8679\u706F",value:"neonLamp",theme:d},{name:"\u6697\u591C\u51B0\u5203",value:"darkNightLceBlade",theme:f},{name:"\u6697\u8272",value:"dark",theme:C},{name:"\u6697\u82722",value:"dark2",theme:c},{name:"\u6697\u82723",value:"dark3",theme:b},{name:"\u6697\u82724",value:"dark4",theme:g},{name:"\u6697\u82725",value:"dark5",theme:u},{name:"\u6697\u82726",value:"dark6",theme:S},{name:"\u6697\u82727",value:"dark7",theme:L}].map(o=>({...o,dark:!0}));var p={lineColor:"rgb(51, 51, 51)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(51, 51, 51)",root:{fillColor:"rgb(22, 22, 22)",color:"#fff",borderColor:"rgb(22, 22, 22)",borderWidth:3,fontSize:24},second:{fillColor:"rgb(244, 246, 253)",color:"rgb(0, 0, 0)",borderColor:"",borderWidth:3,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"rgb(0, 0, 0)"},generalization:{fontSize:14,fillColor:"transparent",borderColor:"rgb(34, 34, 34)",borderWidth:2,color:"rgb(34, 34, 34)"}};var v={backgroundColor:"rgb(187, 241, 250)",lineColor:"rgb(74, 139, 170)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 168, 101)",root:{fillColor:"rgb(51, 149, 255)",color:"#fff",borderColor:"rgb(51, 149, 255)",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"rgb(74, 139, 170)",color:"#fff",borderColor:"",borderWidth:3,fontSize:18},node:{fontSize:14,color:"rgb(0, 0, 0)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(255, 168, 101)",borderWidth:2,color:"#000"}};var k={backgroundColor:"rgb(236, 254, 255)",lineColor:"rgb(51, 51, 51)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(51, 51, 51)",root:{fillColor:"rgb(39, 222, 232)",color:"rgb(26, 26, 26)",borderColor:"rgb(26, 26, 26)",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"rgb(235, 255, 187)",color:"rgb(0, 0, 0)",borderColor:"rgb(51, 51, 51)",borderWidth:3,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"rgb(0, 0, 0)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(26, 26, 26)",borderWidth:2,color:"rgb(26, 26, 26)"}};var x={backgroundColor:"rgb(255, 251, 231)",lineColor:"rgb(110, 165, 79)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(136, 100, 0)",root:{fillColor:"rgb(254, 92, 92)",color:"#fff",borderColor:"rgb(18, 187, 55)",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"rgb(209, 237, 176)",color:"rgb(85, 136, 55)",borderColor:"",borderWidth:3,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"rgb(26, 26, 26)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(136, 100, 0)",borderWidth:2,color:"rgb(136, 100, 0)"}};var A={backgroundColor:"rgb(231, 245, 255)",lineColor:"rgb(96, 189, 255)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(0, 155, 255)",root:{fillColor:"rgb(96, 189, 255)",color:"#fff",borderColor:"#fff",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"#fff",color:"rgb(0, 149, 255)",borderColor:"",borderWidth:3,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"rgb(0, 66, 157)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"rgb(0, 155, 255)",borderWidth:2,color:"rgb(0, 155, 255)"}};var R={backgroundColor:"rgb(252, 245, 241)",lineColor:"rgb(144, 114, 110)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(128, 154, 151)",associativeLineColor:"rgb(166, 124, 106)",associativeLineTextColor:"rgb(166, 124, 106)",root:{fillColor:"rgb(207, 121, 105)",color:"#fff",borderColor:"rgb(207, 121, 105)",borderWidth:3,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"rgb(239, 210, 207)",color:"rgb(144, 79, 68)",borderColor:"rgb(222, 186, 183)",borderWidth:3,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"rgb(131, 90, 64)"},generalization:{fontSize:14,fillColor:"rgb(172, 202, 199)",borderColor:"rgb(172, 202, 199)",borderWidth:2,color:"rgb(91, 102, 97)"}};var G={backgroundColor:"rgb(233, 245, 241)",lineColor:"rgb(34, 34, 34)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(34, 34, 34)",associativeLineColor:"rgb(56, 44, 116)",associativeLineTextColor:"rgb(68, 68, 68)",root:{fillColor:"rgb(56, 44, 116)",color:"#fff",borderColor:"rgb(56, 44, 116)",borderWidth:0,fontSize:24},second:{fillColor:"rgb(161, 213, 188)",color:"rgb(0, 0, 0)",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(0, 0, 0)"},generalization:{fontSize:14,fillColor:"rgb(56, 44, 116)",borderColor:"",borderWidth:0,color:"#fff"}};var T={backgroundColor:"rgb(255, 255, 255)",lineColor:"rgb(0, 0, 0)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(0, 0, 0)",associativeLineColor:"rgb(152, 162, 171)",associativeLineTextColor:"rgb(68, 68, 68)",root:{fillColor:"rgb(237, 182, 72)",color:"rgb(0, 0, 0)",borderColor:"rgb(0, 0, 0)",borderWidth:2,fontSize:24},second:{fillColor:"rgb(114, 158, 28)",color:"#fff",borderColor:"rgb(0, 0, 0)",borderWidth:2,fontSize:18},node:{fontSize:14,color:"rgb(10, 2, 2)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"",borderWidth:0,color:"rgb(10, 2, 2)"}};var N={backgroundColor:"rgb(255, 255, 255)",lineColor:"rgb(237, 185, 81)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(226, 90, 64)",associativeLineColor:"rgb(152, 162, 171)",associativeLineTextColor:"rgb(68, 68, 68)",root:{fillColor:"rgb(226, 90, 64)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(43, 118, 239)",color:"#fff",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(43, 118, 239)"},generalization:{fontSize:14,fillColor:"#fff",borderColor:"",borderWidth:0,color:"rgb(43, 118, 239)"}};var E={backgroundColor:"rgb(219, 255, 211)",lineColor:"rgb(51, 51, 51)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 127, 71)",associativeLineColor:"rgb(160, 220, 63)",associativeLineTextColor:"rgb(160, 220, 63)",root:{fillColor:"rgb(15, 198, 113)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24,shape:"roundedRectangle"},second:{fillColor:"#fff",color:"rgb(26, 26, 26)",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(0, 0, 0)"},generalization:{fontSize:14,fillColor:"rgb(255, 127, 71)",borderColor:"",borderWidth:0,color:"#fff"}};var Z={lineColor:"#fff",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#fff",backgroundColor:"rgb(80, 156, 170)",root:{fillColor:"#fff",borderColor:"",borderWidth:0,color:"rgb(65, 89, 158)"},second:{fillColor:"rgb(251, 227, 188)",color:"rgb(65, 89, 158)",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"rgb(65, 89, 158)"},generalization:{fillColor:"#fff",borderColor:"transparent",color:"rgb(65, 89, 158)"}};var I={lineColor:"rgb(51, 51, 51)",lineWidth:2,generalizationLineWidth:3,generalizationLineColor:"rgb(51, 51, 51)",backgroundColor:"#fff",root:{fillColor:"rgb(18, 187, 55)",color:"#fff",fontSize:24,borderRadius:10},second:{fillColor:"rgb(241, 242, 241)",borderColor:"transparent",color:"#1a1a1a",fontSize:18,borderRadius:10},node:{fontSize:14,color:"#1a1a1a"},generalization:{fillColor:"#fff",borderColor:"rgb(51, 51, 51)",borderWidth:2,color:"#1a1a1a"}};var D={lineColor:"rgb(94, 202, 110)",lineWidth:2,generalizationLineWidth:3,generalizationLineColor:"#1a1a1a",backgroundColor:"rgb(241, 241, 241)",root:{fillColor:"rgb(255, 245, 214)",color:"#1a1a1a",fontSize:24,borderRadius:10,borderColor:"rgb(249, 199, 84)",borderWidth:1},second:{fillColor:"rgb(255, 245, 214)",borderColor:"rgb(249, 199, 84)",borderWidth:1,color:"#1a1a1a",fontSize:18,borderRadius:10},node:{fontSize:14,color:"#1a1a1a"},generalization:{fillColor:"#fff",borderColor:"#1a1a1a",color:"#1a1a1a",borderWidth:2}};var w={lineColor:"rgb(123, 199, 120)",backgroundColor:"rgb(236, 245, 231)",generalizationLineWidth:2,generalizationLineColor:"rgb(123, 199, 120)",root:{fillColor:"rgb(253, 244, 217)",color:"#222"},second:{fillColor:"rgb(253, 244, 217)",color:"#222",borderColor:"rgb(242, 200, 104)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"rgb(123, 199, 120)",borderColor:"transparent",borderWidth:2,color:"#fff"}};var B={lineColor:"rgb(51, 51, 51)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(51, 51, 51)",backgroundColor:"rgb(239, 248, 250)",root:{fillColor:"rgb(255, 255, 255)",color:"#222"},second:{fillColor:"rgb(255, 255, 255)",color:"#222",borderColor:"rgb(255, 255, 255)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"rgb(51, 51, 51)",color:"#333"}};var M={lineColor:"rgb(115, 161, 191)",backgroundColor:"rgb(251, 251, 251)",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"rgb(115, 161, 191)"},second:{fillColor:"rgb(238, 243, 246)",color:"#333",borderColor:"rgb(115, 161, 191)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var Y={lineColor:"rgb(191, 115, 148)",backgroundColor:"rgb(251, 251, 251)",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"rgb(191, 115, 148)"},second:{fillColor:"rgb(246, 238, 242)",color:"#333",borderColor:"rgb(191, 115, 148)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var y={lineColor:"rgb(191, 147, 115)",backgroundColor:"rgb(251, 251, 251)",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"rgb(191, 147, 115)"},second:{fillColor:"rgb(246, 242, 238)",color:"#333",borderColor:"rgb(191, 147, 115)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var J={lineColor:"#333",backgroundColor:"#d1f6ec",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"#1fb27d"},second:{fillColor:"#fff",color:"#565656",borderColor:"transparent",borderWidth:0},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var O={lineColor:"rgb(191, 115, 115)",backgroundColor:"rgb(251, 251, 251)",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"rgb(191, 115, 115)"},second:{fillColor:"rgb(246, 238, 238)",color:"#333",borderColor:"rgb(191, 115, 115)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var Q={lineColor:"rgb(123, 115, 191)",backgroundColor:"rgb(251, 251, 251)",generalizationLineWidth:1,generalizationLineColor:"#333",root:{fillColor:"rgb(123, 115, 191)"},second:{fillColor:"rgb(239, 238, 246)",color:"#333",borderColor:"rgb(123, 115, 191)",borderWidth:1,fontSize:14},node:{fontSize:12,color:"#333"},generalization:{fillColor:"#fff",borderColor:"#333",color:"#333"}};var j={lineColor:"rgb(166, 101, 106)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#fff",backgroundColor:"rgb(255, 208, 211)",root:{fillColor:"rgb(139, 109, 225)",borderColor:"",borderWidth:0},second:{fillColor:"rgb(243, 104, 138)",color:"#fff",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{fillColor:"#fff",borderColor:"transparent",color:"#222"}};var U={lineColor:"rgb(104, 204, 202)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(90, 206, 241)",backgroundColor:"rgb(239, 255, 255)",root:{fillColor:"rgb(0, 192, 184)",borderColor:"",borderWidth:0},second:{fillColor:"#fff",color:"#222",borderColor:"rgb(184, 235, 233)",borderWidth:2,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{fillColor:"rgb(90, 206, 241)",borderColor:"transparent",color:"#fff"}};var X={lineColor:"rgb(51, 56, 62)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(127, 93, 64)",backgroundColor:"#fff",root:{fillColor:"rgb(51, 56, 62)",color:"rgb(247, 208, 160)",borderColor:"",borderWidth:0},second:{fillColor:"rgb(239, 209, 176)",color:"rgb(81, 58, 42)",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{fillColor:"rgb(127, 93, 64)",borderColor:"transparent",color:"rgb(255, 214, 175)"}};var F={lineColor:"rgb(254, 146, 0)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(255, 222, 69)",backgroundColor:"rgb(255, 246, 243)",root:{fillColor:"rgb(255, 112, 52)",color:"#fff",borderColor:"",borderWidth:0},second:{fillColor:"#fff",color:"rgb(51, 51, 51)",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{fillColor:"rgb(255, 222, 69)",borderColor:"transparent",color:"rgb(51, 51, 51)"}};var V={lineColor:"rgb(40, 193, 84)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(251, 158, 0)",backgroundColor:"rgb(238, 255, 243)",root:{fillColor:"rgb(25, 193, 73)",color:"#fff",borderColor:"",borderWidth:0},second:{fillColor:"#fff",color:"rgb(69, 149, 96)",borderColor:"",borderWidth:0,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{fillColor:"#fff",borderColor:"rgb(251, 158, 0)",borderWidth:2,color:"rgb(51, 51, 51)"}};var P={lineColor:"rgb(30, 53, 86)",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"rgb(56, 123, 233)",backgroundColor:"rgb(241, 241, 241)",root:{fillColor:"rgb(30, 53, 86)",color:"#fff",fontSize:24,borderRadius:10,borderColor:"rgb(189, 197, 201)",borderWidth:2},second:{fillColor:"rgb(169, 218, 218)",borderColor:"rgb(30, 53, 86)",borderWidth:2,color:"#fff",fontSize:18,borderRadius:10},node:{fontSize:14,color:"rgb(30, 53, 86)",borderColor:"rgb(30, 53, 86)",borderWidth:1,marginY:20},generalization:{fillColor:"rgb(56, 123, 233)",borderColor:"rgb(56, 123, 233)",color:"#fff",borderWidth:0}};var H={lineColor:"rgb(51, 51, 51)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#222",backgroundColor:"rgb(248, 215, 49)",root:{fillColor:"rgb(55, 165, 255)",borderColor:"rgb(51, 51, 51)",borderWidth:3},second:{fillColor:"rgb(255, 160, 36)",color:"#222",borderColor:"rgb(51, 51, 51)",borderWidth:3,fontSize:14},node:{fontSize:12,color:"#222"},generalization:{borderColor:"#222",borderWidth:3,color:"#222"}};var K={lineColor:"rgb(34, 34, 34)",lineWidth:4,generalizationLineWidth:4,generalizationLineColor:"rgb(34, 34, 34)",root:{fillColor:"#fff",color:"rgb(34, 34, 34)",borderColor:"rgb(34, 34, 34)",borderWidth:3,fontSize:24},second:{fillColor:"rgb(241, 246, 248)",color:"rgb(34, 34, 34)",borderColor:"rgb(34, 34, 34)",borderWidth:3,fontSize:18},node:{fontSize:14,color:"rgb(34, 34, 34)"},generalization:{fontSize:14,fillColor:"transparent",borderColor:"rgb(34, 34, 34)",borderWidth:2,color:"rgb(34, 34, 34)"}};var q={lineColor:"rgb(113, 195, 169)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(113, 195, 169)",root:{fillColor:"rgb(16, 160, 121)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(240, 252, 249)",color:"rgb(50, 113, 96)",borderColor:"rgb(113, 195, 169)",borderWidth:2,fontSize:18},node:{fontSize:14,color:"rgb(10, 59, 43)"},generalization:{fontSize:14,fillColor:"rgb(246, 238, 211)",borderColor:"",borderWidth:0,color:"rgb(173, 91, 12)"}};var _={lineColor:"rgb(173, 123, 91)",lineWidth:4,generalizationLineWidth:4,generalizationLineColor:"rgb(173, 123, 91)",root:{fillColor:"rgb(202, 117, 79)",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(245, 231, 216)",color:"rgb(125, 86, 42)",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"rgb(96, 71, 47)"},generalization:{fontSize:14,fillColor:"rgb(255, 249, 239)",borderColor:"rgb(173, 123, 91)",borderWidth:2,color:"rgb(122, 83, 44)"}};var $={backgroundColor:"rgb(255, 238, 228)",lineColor:"rgb(230, 138, 131)",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"rgb(222, 101, 85)",root:{fillColor:"rgb(207, 44, 44)",color:"rgb(255, 233, 157)",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"rgb(255, 255, 255)",color:"rgb(211, 58, 21)",borderColor:"rgb(222, 101, 85)",borderWidth:2,fontSize:18},node:{fontSize:14,color:"rgb(144, 71, 43)"},generalization:{fontSize:14,fillColor:"rgb(255, 247, 211)",borderColor:"rgb(255, 202, 162)",borderWidth:2,color:"rgb(187, 101, 69)"}};var oo={backgroundColor:"#e6f1de",lineColor:"#f5ffad",lineWidth:4,generalizationLineWidth:3,generalizationLineColor:"#749336",root:{fillColor:"#94c143",color:"#fff",borderColor:"#94c143",borderWidth:0,fontSize:24},second:{fillColor:"#cee498",color:"#749336",borderColor:"#aec668",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#749336"},generalization:{fontSize:14,fillColor:"#cee498",borderColor:"#aec668",borderWidth:2,color:"#749336"}};var ro={backgroundColor:"#fff2df",lineColor:"#b0bc47",lineWidth:3,generalizationLineWidth:3,generalizationLineColor:"#b0bc47",root:{fillColor:"#e68112",color:"#fff",borderColor:"#e68112",borderWidth:0,fontSize:24},second:{fillColor:"#ffd683",color:"#8c5416",borderColor:"#b0bc47",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#8c5416"},generalization:{fontSize:14,fillColor:"#ffd683",borderColor:"#b0bc47",borderWidth:2,color:"#8c5416"}};var eo={backgroundColor:"#fff",lineColor:"#36aaa9",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#36aaa9",associativeLineColor:"#3e58ea",associativeLineTextColor:"#679fba",associativeLineActiveColor:"#50a4b4",root:{fillColor:"#3e58ea",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#e3fbff",color:"#58aabc",borderColor:"#50a4b4",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#50a4b4"},generalization:{fontSize:14,fillColor:"#3e58ea",borderColor:"",borderWidth:0,color:"#fff"}};var lo={backgroundColor:"#fffcf2",lineColor:"#333333",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#ffda60",associativeLineColor:"#ffda60",associativeLineTextColor:"#333333",associativeLineActiveColor:"#333333",root:{fillColor:"#ffda60",color:"#3b3a37",borderColor:"#343334",borderWidth:2,fontSize:24},second:{fillColor:"#fff",color:"#131312",borderColor:"",borderWidth:0,fontSize:18},node:{fontSize:14,color:"#131312"},generalization:{fontSize:14,fillColor:"#ffda60",borderColor:"",borderWidth:0,color:"#464339"}};var io={backgroundColor:"#fffef6",lineColor:"#273d62",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#273d62",associativeLineColor:"#9edeee",associativeLineTextColor:"#395c85",associativeLineActiveColor:"#273d62",root:{fillColor:"#273d62",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#9edeee",color:"#406080",borderColor:"#395c85",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#395c85"},generalization:{fontSize:14,fillColor:"#273d62",borderColor:"",borderWidth:0,color:"#fff"}};var no={backgroundColor:"#ffffff",lineColor:"#333333",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#2176ef",associativeLineColor:"#2176ef",associativeLineTextColor:"#343433",associativeLineActiveColor:"#343433",root:{fillColor:"#2176ef",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#fff9e4",color:"#4c4b46",borderColor:"#343433",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#343433"},generalization:{fontSize:14,fillColor:"#2176ef",borderColor:"",borderWidth:0,color:"#fff"}};var to={backgroundColor:"#ffffff",lineColor:"#35b398",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#21c384",associativeLineColor:"#21c384",associativeLineTextColor:"#4d754b",associativeLineActiveColor:"#f5ffe6",root:{fillColor:"#21c384",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#f5ffe6",color:"#386437",borderColor:"#35b398",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#326032"},generalization:{fontSize:14,fillColor:"#21c384",borderColor:"",borderWidth:0,color:"#fff"}};var ao={backgroundColor:"#ffffff",lineColor:"#333333",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#ffd613",associativeLineColor:"#ffd613",associativeLineTextColor:"#2d2b23",associativeLineActiveColor:"#d1ebf8",root:{fillColor:"#ffd613",color:"#2d2b23",borderColor:"#1f2021",borderWidth:2,fontSize:24},second:{fillColor:"#d1ebf8",color:"#717b80",borderColor:"#333333",borderWidth:2,fontSize:18,borderRadius:5},node:{fontSize:14,color:"#333333"},generalization:{fontSize:14,fillColor:"#ffd613",borderColor:"",borderWidth:0,color:"#2d2b23"}};var fo={backgroundColor:"#ffeed2",lineColor:"#976a43",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#19807e",associativeLineColor:"#19807e",associativeLineTextColor:"#764014",associativeLineActiveColor:"#976a43",root:{fillColor:"#19807e",color:"#f3f0b8",borderColor:"",borderWidth:0,fontSize:24,shape:"circle"},second:{fillColor:"#eacdb3",color:"#7f4d1f",borderColor:"#764014",borderWidth:2,fontSize:18,shape:"roundedRectangle"},node:{fontSize:14,color:"#764014"},generalization:{fontSize:14,fillColor:"#19807e",borderColor:"",borderWidth:0,color:"#f3f0b8"}};var bo={backgroundColor:"#c8e4ea",lineColor:"#3e416c",lineWidth:2,generalizationLineWidth:2,generalizationLineColor:"#3e416c",associativeLineColor:"#ffdb9c",associativeLineTextColor:"#383b70",associativeLineActiveColor:"#3e416c",root:{fillColor:"#383b70",color:"#fff",borderColor:"",borderWidth:0,fontSize:24},second:{fillColor:"#ffdb9c",color:"#5e5c76",borderColor:"#3e416c",borderWidth:2,fontSize:18},node:{fontSize:14,color:"#3e416c"},generalization:{fontSize:14,fillColor:"#383b70",borderColor:"",borderWidth:0,color:"#fff"}};var t=[{name:"\u5929\u6E05\u7EFF",value:"skyGreen",theme:Z},{name:"\u7ECF\u5178\u7EFF",value:"classicGreen",theme:w},{name:"\u7ECF\u5178\u84DD",value:"classicBlue",theme:B},{name:"\u5929\u7A7A\u84DD",value:"blueSky",theme:M},{name:"\u8111\u6B8B\u7C89",value:"brainImpairedPink",theme:Y},{name:"\u6CE5\u571F\u9EC4",value:"earthYellow",theme:y},{name:"\u6E05\u65B0\u7EFF",value:"freshGreen",theme:J},{name:"\u6E05\u65B0\u7EA2",value:"freshRed",theme:O},{name:"\u6D6A\u6F2B\u7D2B",value:"romanticPurple",theme:Q},{name:"\u7C89\u7EA2\u8461\u8404",value:"pinkGrape",theme:j},{name:"\u8584\u8377",value:"mint",theme:U},{name:"\u91D1\u8272vip",value:"gold",theme:X},{name:"\u6D3B\u529B\u6A59",value:"vitalityOrange",theme:F},{name:"\u7EFF\u53F6",value:"greenLeaf",theme:V},{name:"\u5C0F\u9EC4\u4EBA",value:"minions",theme:H},{name:"\u7B80\u7EA6\u9ED1",value:"simpleBlack",theme:K},{name:"\u8BFE\u7A0B\u7EFF",value:"courseGreen",theme:q},{name:"\u5496\u5561",value:"coffee",theme:_},{name:"\u7EA2\u8272\u7CBE\u795E",value:"redSpirit",theme:$},{name:"\u725B\u6CB9\u679C",value:"avocado",theme:oo},{name:"\u79CB\u5929",value:"autumn",theme:ro},{name:"\u5965\u5229\u5965",value:"oreo",theme:p},{name:"\u6D45\u6D77",value:"shallowSea",theme:v},{name:"\u67E0\u6AAC\u6C14\u6CE1",value:"lemonBubbles",theme:k},{name:"\u73AB\u7470",value:"rose",theme:x},{name:"\u6D77\u84DD\u7EBF",value:"seaBlueLine",theme:A},{name:"\u83AB\u5170\u8FEA",value:"morandi",theme:R},{name:"\u4ED9\u4EBA\u638C",value:"cactus",theme:E},{name:"\u8111\u56FE\u7ECF\u51782",value:"classic2",theme:I},{name:"\u8111\u56FE\u7ECF\u51783",value:"classic3",theme:D},{name:"\u8111\u56FE\u7ECF\u51784",value:"classic4",theme:P},{name:"\u8111\u56FE\u7ECF\u51785",value:"classic5",theme:G},{name:"\u8111\u56FE\u7ECF\u51786",value:"classic6",theme:T},{name:"\u8111\u56FE\u7ECF\u51787",value:"classic7",theme:N},{name:"\u8111\u56FE\u7ECF\u51788",value:"classic8",theme:eo},{name:"\u8111\u56FE\u7ECF\u51789",value:"classic9",theme:lo},{name:"\u8111\u56FE\u7ECF\u517810",value:"classic10",theme:io},{name:"\u8111\u56FE\u7ECF\u517811",value:"classic11",theme:no},{name:"\u8111\u56FE\u7ECF\u517812",value:"classic12",theme:to},{name:"\u8111\u56FE\u7ECF\u517813",value:"classic13",theme:ao},{name:"\u8111\u56FE\u7ECF\u517814",value:"classic14",theme:fo},{name:"\u8111\u56FE\u7ECF\u517815",value:"classic15",theme:bo}].map(o=>({...o,dark:!1}));var go=[...n,...t],Wo={darkList:n,lightList:t,init(o){go.forEach(r=>{o.defineTheme(r.value,r.theme)})},remove(o){go.forEach(r=>{o.removeTheme(r.value)})}},uo=Wo;
2 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/SmmRender/utils.clone.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
utils
9 |
10 |
11 |
12 |
13 |
utils
14 |
15 |
16 |
这是一个笔记的克隆, 跳转到它的主目录.
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/config.js:
--------------------------------------------------------------------------------
1 | // 用于插件版本区分
2 | const SMM_WDIGET_VERSION = "v1.2.1";
3 |
4 | // 获取template笔记ID
5 | const templateNote = await api.searchForNote(`#smmWidgetTemplate AND note.parents.labels.smmWidgetVersion="${SMM_WDIGET_VERSION}"`);
6 | const SMM_TPL_NOTE_ID = templateNote.noteId;
7 |
8 | // 获取css笔记ID
9 | const cssNotesQuery = await api.searchForNotes(`#smmWidgetCss AND note.parents.labels.smmWidgetVersion="${SMM_WDIGET_VERSION}"`);
10 |
11 | var CSS_NOTE_ID_LIST = [];
12 |
13 | // svg OR png
14 | const IMAGE_NOTE_TYPE = "svg";
15 |
16 | // attachement OR note
17 | const EXPORT_TYPE = "note"; //！attachement为实验功能，暂时无法适配复制按钮
18 |
19 | // 左键框选，右键拖动
20 | const LKSRKD = false;
21 |
22 | // 是否显示编辑框
23 | const SHOW_SOURCE = false; //！实验功能，可能会出现样式错乱
24 |
25 | //zh_cn,en_us
26 | const LANGUAGE = 'zh_cn';
27 |
28 | const lang = language[LANGUAGE];
29 |
30 | const HELP_URL = "https://github.com/waterovo/trilium-simple-mind-map";
31 |
32 | for ( let i = 0; i < cssNotesQuery.length; i++ ) {
33 | const note = cssNotesQuery[i];
34 | CSS_NOTE_ID_LIST.push(note.noteId);
35 | }
36 |
37 | module.exports = {
38 | SMM_TPL_NOTE_ID,
39 | CSS_NOTE_ID_LIST,
40 | IMAGE_NOTE_TYPE,
41 | EXPORT_TYPE,
42 | LKSRKD,
43 | SHOW_SOURCE,
44 | HELP_URL,
45 | LANGUAGE,
46 | lang
47 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/config/language.js:
--------------------------------------------------------------------------------
1 | module.exports={
2 | zh_cn,
3 | en_us
4 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/config/language/en_us.js:
--------------------------------------------------------------------------------
1 | module.exports={
2 | toolbar: {
3 | undo: 'Undo',
4 | redo: 'Redo',
5 | insertSiblingNode: 'Sibling node',
6 | insertChildNode: 'Child node',
7 | deleteNode: 'Delete node',
8 | image: 'Image',
9 | icon: 'Icon',
10 | link: 'Link',
11 | note: 'Note',
12 | tag: 'Tag',
13 | summary: 'Summary',
14 | associativeLine: 'Associative line',
15 | outerFrame: 'Outer frame',
16 | more: 'more'
17 | },
18 | tools: {
19 | menu: "Menu",
20 | enterFullScreen: "Enter Full Screen",
21 | exitFullScreen: "Exit Full Screen",
22 | enterFullTab: "Enter Full Tab",
23 | exitFullTab: "Exit Full Tab",
24 | exportFile: "Export File",
25 | selectExportType: "Select Export Type",
26 | saveAttachment: "Save Image Attachment",
27 | selection: "Selection",
28 | mouseRightSelect: "Left click to drag the canvas, right click to box select nodes",
29 | mouseLeftSelect: "Left click to box select nodes, right click to drag the canva",
30 | rainbowLines: "RainbowLines",
31 | open: "open",
32 | close: "close",
33 | structure: "Structure",
34 | logicalStructure: "logicalStructure",
35 | logicalStructureLeft: "logicalStructureLeft",
36 | mindMap: "mindMap",
37 | organizationStructure: "organizationStructure",
38 | catalogOrganization: "catalogOrganization",
39 | timeline: "timeline",
40 | timeline2: "timeline2",
41 | fishbone: "fishbone",
42 | verticalTimeline: "verticalTimeline",
43 | theme: "Theme",
44 | help: "Help"
45 | },
46 | backdrops: {
47 | imageOnTitle: "Image",
48 | imageUrl: "Image URL",
49 | imageUrlPlaceholder: "Input Image URL",
50 | imageTitle: "Image Title",
51 | linkOnTitle: "Link",
52 | linkUrl: "Link URL",
53 | linkUrlPlaceholder: "Input Link URL",
54 | linkName: "Link Name",
55 | remarkOnTitle: "Remark",
56 | iconOnTitle: "Icon",
57 | close: "Close",
58 | save: "Save"
59 | },
60 | showMessage: {
61 | themeNotExist: "The theme of the current map note does not exist and is automatically changed to the default one",
62 | imageNoteCreated: "The image note has been created successfully!",
63 | imageAttachmentCreated: "The image attachment has been created!"
64 | },
65 | richTextToolbar: {
66 | bold: 'Bold',
67 | italic: 'Italic',
68 | underline: 'Underline',
69 | strike: 'Strike',
70 | removeFormat: 'Clear Style'
71 | }
72 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/config/language/zh_cn.js:
--------------------------------------------------------------------------------
1 | module.exports={
2 | toolbar: {
3 | undo: '回退',
4 | redo: '前进',
5 | insertSiblingNode: '同级节点',
6 | insertChildNode: '子节点',
7 | deleteNode: '删除节点',
8 | image: '图片',
9 | icon: '图标',
10 | link: '超链接',
11 | note: '备注',
12 | tag: '标签',
13 | summary: '概要',
14 | associativeLine: '关联线',
15 | outerFrame: '外框',
16 | more: '更多'
17 | },
18 | tools: {
19 | menu: "菜单",
20 | enterFullScreen: "全屏",
21 | exitFullScreen: "退出全屏",
22 | enterFullTab: "全标签页",
23 | exitFullTab: "退出全标签页",
24 | exportFile: "导出",
25 | selectExportType: "选择导出类型",
26 | saveAttachment: "保存图片附件",
27 | selection: "鼠标按键",
28 | mouseRightSelect: "左键框选节点，右键拖动画布",
29 | mouseLeftSelect: "左键拖动画布，右键框选节点",
30 | rainbowLines: "彩虹线条",
31 | open: "开启",
32 | close: "关闭",
33 | structure: "结构",
34 | logicalStructure: "逻辑结构图",
35 | logicalStructureLeft: "向左逻辑结构图",
36 | mindMap: "思维导图",
37 | organizationStructure: "组织结构图",
38 | catalogOrganization: "目录组织图",
39 | timeline: "时间轴",
40 | timeline2: "时间轴2",
41 | fishbone: "鱼骨图",
42 | verticalTimeline: "竖向时间轴",
43 | theme: "主题",
44 | help: "帮助"
45 | },
46 | backdrops: {
47 | imageOnTitle: "图片",
48 | imageUrl: "图片地址",
49 | imageUrlPlaceholder: "输入图片地址",
50 | imageTitle: "图片标题",
51 | linkOnTitle: "超链接",
52 | linkUrl: "链接",
53 | linkUrlPlaceholder: "输入链接地址",
54 | linkName: "名称",
55 | remarkOnTitle: "备注",
56 | iconOnTitle: "图标",
57 | close: "关闭",
58 | save: "保存"
59 | },
60 | showMessage: {
61 | themeNotExist: "当前导图笔记的主题不存在，自动更换为默认主题",
62 | imageNoteCreated: "图像笔记已经创建成功了！",
63 | imageAttachmentCreated: "图像附件已经创建成功了！"
64 | },
65 | richTextToolbar: {
66 | bold: '加粗',
67 | italic: '斜体',
68 | underline: '下划线',
69 | strike: '删除线',
70 | removeFormat: '清除样式'
71 | }
72 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/TriliumSmmWidget/utils.js:
--------------------------------------------------------------------------------
1 | // 获取css笔记内容
2 | async function getNoteConetntList(noteIdList) {
3 | const noteContentArr = JSON.parse(await api.runAsyncOnBackendWithManualTransactionHandling(async (noteIdList) => {
4 | const noteContentArr = [];
5 | for (const noteId of noteIdList) {
6 | const note = await api.getNote(noteId);
7 | noteContentArr.push(note.getContent());
8 | }
9 | return JSON.stringify(noteContentArr);
10 | }, [noteIdList]));
11 | return noteContentArr;
12 | }
13 |
14 | // 获取笔记内容
15 | async function getData(noteId) {
16 | const data = await api.runOnBackend((noteId) => {
17 | const note = api.getNote(noteId);
18 | return note.getContent();
19 | }, [noteId]);
20 | return data;
21 | }
22 |
23 | // 获取
24 | function setData(noteId, noteTitle, noteConetnt) {
25 | api.runAsyncOnBackendWithManualTransactionHandling(async (noteId, noteTitle, noteConetnt) => {
26 | const note = await api.getNote(noteId);
27 | note.title = noteTitle;
28 | note.setContent(noteConetnt);
29 | }, [noteId, noteTitle, noteConetnt]);
30 | }
31 |
32 | function setRelation(noteId, name, value) {
33 | api.runAsyncOnBackendWithManualTransactionHandling(async (noteId, name, value) => {
34 | const note = await api.getNote(noteId);
35 | note.setRelation(name, value);
36 | }, [noteId, name, value]);
37 | }
38 |
39 | function setLabel(noteId, name, value) {
40 | api.runAsyncOnBackendWithManualTransactionHandling(async (noteId, name, value) => {
41 | const note = await api.getNote(noteId);
42 | note.setLabel(name, value);
43 | }, [noteId, name, value]);
44 | }
45 |
46 | async function createDataNote(parentNoteId, title, content) {
47 | const noteId = await api.runOnBackend((parentNoteId, title, content) => {
48 | var obj = api.createDataNote(parentNoteId, title, content);
49 | return obj.note.noteId;
50 | }, [parentNoteId, title, content]);
51 | return noteId;
52 | }
53 |
54 | async function createImageNote(parentNoteId, title, fileType, content) {
55 | const noteId = await api.runOnBackend((parentNoteId, title, fileType, content) => {
56 | let imageNote = api.searchForNote(`#smmImageAttachment AND note.parents.noteId='${parentNoteId}' AND note.title='${title}'`);
57 | let imageData = Buffer.from(content.replace(/^data:image\/[a-zA-Z+]+;base64,/, ''), 'base64');
58 | function getExtensionFromBase64(base64) {
59 | let re = new RegExp('data:image/(?
.*?);base64,.*')
60 | let res = re.exec(base64)
61 | if (res) {
62 | return res.groups.ext
63 | }
64 | }
65 | const imageType = getExtensionFromBase64(content);
66 | if (fileType === 'svg') {
67 | imageData = imageData.toString('utf-8');
68 | }
69 | if (imageNote === null) {
70 | const noteParams = {
71 | parentNoteId: parentNoteId,
72 | title: title,
73 | content: imageData,
74 | type: "image",
75 | }
76 | var obj = api.createNewNote(noteParams);
77 | imageNote = obj.note;
78 | } else {
79 | imageNote.setContent(imageData);
80 | }
81 |
82 | imageNote.mime = `image/${imageType}`;
83 | imageNote.setLabel("smmImageAttachment");
84 | imageNote.save();
85 | }, [parentNoteId, title, fileType, content]);
86 | }
87 |
88 | async function createImageAttachment(parentNoteId, title, fileType, content) {
89 | const noteId = await api.runOnBackend((parentNoteId, title, fileType, content) => {
90 | const parentNote = api.getNote(parentNoteId);
91 | let attachment = parentNote.getAttachmentByTitle(title);
92 | let imageData = Buffer.from(content.replace(/^data:image\/[a-zA-Z+]+;base64,/, ''), 'base64');
93 | function getExtensionFromBase64(base64) {
94 | let re = new RegExp('data:image/(?.*?);base64,.*')
95 | let res = re.exec(base64)
96 | if (res) {
97 | return res.groups.ext
98 | }
99 | }
100 | const imageType = getExtensionFromBase64(content);
101 |
102 | if (fileType === 'svg') {
103 | imageData = imageData.toString('utf-8');
104 | }
105 |
106 | if(!attachment){
107 | const attachment = parentNote.saveAttachment({
108 | role: 'image',
109 | mime: `image/${imageType}`,
110 | title: title,
111 | content: imageData
112 | });
113 | attachment.utcDateScheduledForErasureSince = null;
114 | attachment.save();
115 | }else{
116 | api.log(attachment.attachmentId);
117 | attachment.setContent(imageData);
118 | attachment.utcDateScheduledForErasureSince = null;
119 | attachment.save();
120 | }
121 | }, [parentNoteId, title, fileType, content]);
122 | }
123 |
124 | async function renderEjsTemplate(templateId, opts) {
125 | return await api.runAsyncOnBackendWithManualTransactionHandling(async (templateId, opts)=>{
126 | const ejs = await import("ejs");
127 | // Get the template note and content
128 | const templateNote = api.getNote(templateId);
129 |
130 | // Make sure the note type is correct
131 | if (templateNote.type === 'code' && templateNote.mime === 'application/x-ejs') {
132 |
133 | // EJS caches the result of this so we don't need to pre-cache
134 | const includer = (path) => {
135 | const childNote = templateNote.children.find(n => path === n.title);
136 | if (!childNote) return null;
137 | if (childNote.type !== 'code' || childNote.mime !== 'application/x-ejs') return null;
138 | return { template: childNote.getContent() };
139 | };
140 |
141 | // Try to render user's template, w/ fallback to default view
142 | try {
143 | const ejsResult = ejs.render(templateNote.getContent(), opts, {includer});
144 | return ejsResult;
145 | }
146 | catch (e) {
147 | api.log(`Rendering user provided share template (${templateId}) threw exception ${e.message} with stacktrace: ${e.stack}`);
148 | }
149 | }
150 | return null;
151 | },[templateId, opts]);
152 | }
153 |
154 | module.exports = {
155 | getNoteConetntList,
156 | getData,
157 | setData,
158 | setRelation,
159 | setLabel,
160 | createDataNote,
161 | createImageNote,
162 | createImageAttachment,
163 | renderEjsTemplate
164 | }
165 |
--------------------------------------------------------------------------------
/trilium-simple-mind-map/assets/1_share_page.ejs/tree_item.dat:
--------------------------------------------------------------------------------
1 | <%
2 | const isExternalLink = note.hasLabel('shareExternalLink');
3 | const linkHref = isExternalLink ? note.getLabelValue('shareExternalLink') : `./${note.shareId}`;
4 | const target = isExternalLink ? ` target="_blank" rel="noopener noreferrer"` : '';
5 | %>
6 |
7 | <% const titleWithPrefix = (branch.prefix ? `${branch.prefix} - ` : '') + note.title; %>
8 |
9 | <% if (activeNote.noteId === note.noteId) { %>
10 | <%= titleWithPrefix %>
11 | <% } else { %>
12 | ><%= titleWithPrefix %>
13 | <% } %>
14 |
15 |
16 | <% if (note.hasChildren()) { %>
17 |
18 | <% note.getVisibleChildBranches().forEach(function (branch) { %>
19 | -
20 | <%- include('tree_item', {branch: branch, note: branch.getNote()}) %>
21 |
22 | <% }) %>
23 |
24 | <% } %>
--------------------------------------------------------------------------------
/trilium-simple-mind-map/assets/css.css:
--------------------------------------------------------------------------------
1 | .smm-widget.smm-show-source {
2 | flex-grow: 5;
3 | overflow: auto;
4 | min-height: 200px;
5 | border-bottom: 1px solid var(--main-border-color);
6 | margin-bottom: 10px;
7 | flex-basis: 0;
8 | }
9 |
10 | .smm-widget.smm-hide-source {
11 | position: absolute;
12 | width: 100%;
13 | height: 100%;
14 | top: 0;
15 | left: 0;
16 | margin: auto;
17 | z-index: 200;
18 | }
19 |
20 | .smm-render {
21 | position: relative;
22 | overflow: auto;
23 | height: 100%;
24 | background: var(--main-background-color);
25 | }
26 |
27 | .smm-container {
28 | width: 100%;
29 | height: 100%;
30 | }
31 |
32 | .smm-container {
33 | moz-user-select: -moz-none;
34 | -moz-user-select: none;
35 | -o-user-select: none;
36 | -khtml-user-select: none;
37 | -webkit-user-select: none;
38 | -ms-user-select: none;
39 | user-select: none;
40 | }
41 |
42 | .smm-container * {
43 | margin: 0;
44 | padding: 0;
45 | }
46 |
47 | .smm-toolbar {
48 | position: absolute;
49 | left: 50%;
50 | transform: translateX(-50%);
51 | top: 10px;
52 | width: max-content;
53 | display: flex;
54 | font-size: 12px;
55 | font-weight: 400;
56 | color: rgba(26, 26, 26, 0.8);
57 | z-index: 3;
58 | }
59 |
60 | .smm-toolbar .smm-toolbar-block {
61 | display: flex;
62 | background-color: #fff;
63 | padding: 10px 15px;
64 | border-radius: 6px !important;
65 | box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .06);
66 | border: 1px solid rgba(0, 0, 0, .06);
67 | margin-right: 20px;
68 | flex-shrink: 0;
69 | position: relative;
70 | }
71 |
72 | .smm-toolbar-btn-list {
73 | display: flex;
74 | }
75 |
76 | .smm-toolbar-block .smm-toolbar-btn {
77 | display: flex;
78 | justify-content: center;
79 | flex-direction: column;
80 | cursor: pointer;
81 | margin-right: 20px;
82 | }
83 |
84 | .smm-toolbar-block .smm-toolbar-btn:last-of-type {
85 | margin-right: 0;
86 | }
87 |
88 | .smm-toolbar-block .smm-toolbar-btn.dropdown-toggle::after {
89 | display: none !important;
90 | }
91 |
92 | .smm-toolbar-block .dropdown-menu {
93 | padding:12px;
94 | min-width: 150px !important;
95 | border-radius: 4px !important;
96 | }
97 |
98 | .smm-toolbar-btn-list.v {
99 | width: 120px;
100 | flex-wrap: wrap;
101 | }
102 |
103 | .smm-toolbar-btn-list.v .smm-toolbar-btn {
104 | flex-direction: row;
105 | justify-content: flex-start;
106 | margin-bottom: 10px;
107 | width: 100%;
108 | margin-right: 0;
109 | }
110 |
111 | .smm-toolbar-btn-list.v .smm-toolbar-btn:last-of-type {
112 | margin-bottom: 0;
113 | }
114 |
115 | .smm-toolbar-btn-list.v .smm-toolbar-btn .icon {
116 | margin-right: 10px;
117 | }
118 |
119 | .smm-toolbar-btn-list.v .smm-toolbar-btn .text {
120 | font-size: 14px;
121 | white-space: nowrap;
122 | overflow: hidden;
123 | text-overflow: ellipsis;
124 | }
125 |
126 | .smm-toolbar-block .smm-toolbar-btn.active .icon,
127 | .smm-toolbar-block .smm-toolbar-btn:hover:not(.disabled) .icon {
128 | background: #f5f5f5;
129 | }
130 |
131 | .smm-toolbar-block .smm-toolbar-btn.disabled {
132 | color: #bcbcbc;
133 | cursor: not-allowed;
134 | pointer-events: none;
135 | }
136 |
137 | .smm-toolbar-block .smm-toolbar-btn .icon {
138 | display: flex;
139 | height: 26px;
140 | background: #fff;
141 | border-radius: 4px !important;
142 | border: 1px solid #e9e9e9;
143 | justify-content: center;
144 | flex-direction: column;
145 | text-align: center;
146 | padding: 0 5px;
147 | }
148 |
149 | .iconfont {
150 | font-family: boxicons !important;
151 | font-size: 16px;
152 | font-style: normal;
153 | -webkit-font-smoothing: antialiased;
154 | -moz-osx-font-smoothing: grayscale;
155 | }
156 |
157 | .smm-toolbar-block .smm-toolbar-btn .text {
158 | margin-top: 3px;
159 | }
160 |
161 | .smm-backdrops-container textarea {
162 | background: none !important;
163 | }
164 |
165 | .smm-render .smm-tools {
166 | position: absolute;
167 | z-index: 110;
168 | top: 10px;
169 | left: 10px;
170 | border-radius: 5px !important;
171 | opacity: 0.5;
172 | }
173 |
174 | .smm-render .smm-tools:hover {
175 | opacity: 1;
176 | }
177 |
178 | .smm-render .smm-tools ul {
179 | float: left;
180 | margin: 0 3px;
181 | }
182 |
183 | .smm-render .smm-tools li {
184 | display: none;
185 | }
186 |
187 | .smm-render .smm-tools li.title {
188 | display: list-item;
189 | }
190 |
191 | .smm-render .smm-tools li.title .menu-text {
192 | display: none;
193 | }
194 |
195 | .smm-render .smm-tools-active {
196 | opacity: 1;
197 | border: solid 1px #fff;
198 | border-color: gray;
199 | background-color: #fff;
200 | }
201 |
202 | .smm-render .smm-tools-active li {
203 | display: list-item;
204 | }
205 |
206 | .smm-render .smm-tools-active li.title {
207 | opacity: 1;
208 | }
209 |
210 | .smm-render .smm-tools-active li.title .menu-text {
211 | display: inline-block;
212 | }
213 |
214 | .smm-render .menu {
215 | padding: 6px 8px !important;
216 | list-style: none;
217 | }
218 |
219 | .smm-render .menu li {
220 | height: 28px;
221 | opacity: 0.4;
222 | cursor: default;
223 | user-select: none;
224 | font-family: "Microsoft YaHei", sans-serif, Verdana;
225 | vertical-align: middle;
226 | }
227 |
228 | .smm-render .menu li:hover {
229 | opacity: 1;
230 | }
231 |
232 | .smm-render .menu .menu-icon {
233 | display: inline-block;
234 | font-size: 18px;
235 | height: 28px;
236 | line-height: 28px;
237 | margin-right: 6px;
238 | padding: 0;
239 | vertical-align: middle;
240 | }
241 |
242 | .smm-render .menu .menu-text {
243 | display: inline-block;
244 | font-size: 14px;
245 | height: 28px;
246 | line-height: 28px;
247 | vertical-align: baseline;
248 | }
249 |
250 | .smm-render .menu .menu-divider {
251 | border-bottom: solid 1px gray;
252 | height: 0;
253 | margin: 6px 0;
254 | }
255 |
256 | .smm-render .menu-item {
257 | position: relative;
258 | }
259 |
260 | .smm-render .menu-item .menu {
261 | background-color: #fff;
262 | border: solid 1px gray;
263 | border-radius: 5px;
264 | display: none;
265 | position: absolute;
266 | left: 95%;
267 | top: 0;
268 | z-index: 112;
269 | }
270 |
271 | .smm-render .menu-item:hover .menu {
272 | display: block;
273 | }
274 |
275 | .smm-render.full{
276 | position:fixed !important;
277 | z-index: 200;
278 | top: 0;
279 | left: 0;
280 | right: 0;
281 | bottom: 0;
282 | width: 100%;
283 | height: 100% !important;
284 | }
285 |
286 | .smm-render .smm-components-container #nodeOuterFrameContainer {
287 | display: none;
288 | position: fixed;
289 | transform: translate(-12px, -12px);
290 | }
291 |
292 | .smm-render .smm-components-container .smm-outer-frame-active {
293 | display: block !important;
294 | }
295 |
296 | .smm-render .smm-components-container #nodeOuterFrameContainer .smm-outer-frame-btn {
297 | width: 24px;
298 | height: 24px;
299 | background-color: #fff;
300 | border-radius: 50%;
301 | display: flex;
302 | align-items: center;
303 | justify-content: center;
304 | cursor: pointer;
305 | box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .06);
306 | border: 1px solid rgba(0, 0, 0, .06);
307 | }
--------------------------------------------------------------------------------
/trilium-simple-mind-map/assets/share_page.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | <% if (note.hasLabel("shareDescription")) { %>
6 | ">
7 | <% } %>
8 |
9 |
10 | <% if (note.hasRelation("shareFavicon")) { %>
11 | /download">
12 | <% } else { %>
13 |
14 | <% } %>
15 |
16 | <% if (!note.isLabelTruthy("shareOmitDefaultCss")) { %>
17 |
18 |
19 | <% } %>
20 | <% if (note.type === 'text' || note.type === 'book') { %>
21 |
22 | <% } %>
23 | <% for (const cssRelation of note.getRelations("shareCss")) { %>
24 |
25 | <% } %>
26 | <% for (const jsRelation of note.getRelations("shareJs")) { %>
27 |
28 | <% } %>
29 |
30 |
31 |
32 | <% if (note.isLabelTruthy('shareDisallowRobotIndexing')) { %>
33 |
34 | <% } %>
35 | <%- header %>
36 | <%= note.title %>
37 |
38 |
39 |
40 |
41 | <% if (note.parents[0].noteId !== '_share' && note.parents.length !== 0) { %>
42 |
46 | <% } %>
47 |
48 |
<%= note.title %>
49 |
50 | <% if (note.hasLabel("pageUrl")) { %>
51 |
52 | <% } %>
53 |
54 | <% if (!isEmpty) { %>
55 | <% if (note.type === 'code' && note.mime === "application/json" && note.hasLabel('simpleMindMap')) { %>
56 |
57 |
67 |
68 |
110 | <% } else { %>
111 |
112 | <%- content %>
113 |
114 | <% } %>
115 | <% } %>
116 |
117 | <% if (note.hasVisibleChildren()) { %>
118 |
138 | <% } else if (isEmpty) { %>
139 |
This note has no content.
140 | <% } %>
141 |
142 |
143 | <% if (subRoot.note.hasVisibleChildren()) { %>
144 |
145 |
146 |
149 | <% } %>
150 |
32 |
116 |
117 |
118 |
119 |
149 |
150 |
180 |
181 |
202 |
203 |
204 |
205 |
206 |
212 |
213 |
214 |
217 |
218 |
219 |
220 |
13 |
快捷键
14 |
15 |
16 |
17 |
18 |
19 |
20 | | 快捷键 |
21 | 命令 |
22 |
23 |
24 |
25 |
26 | | Control+z |
27 | BACK |
28 |
29 |
30 | | Control+y |
31 | FORWARD |
32 |
33 |
34 | | Tab |
35 | INSERT_CHILD_NODE |
36 |
37 |
38 | | Insert |
39 | INSERT_CHILD_NODE |
40 |
41 |
42 | | Enter |
43 | INSERT_NODE |
44 |
45 |
46 | | Shift+Tab |
47 | INSERT_PARENT_NODE |
48 |
49 |
50 | | Control+g |
51 | ADD_GENERALIZATION |
52 |
53 |
54 | | Del或Backspace |
55 | REMOVE_NODE |
56 |
57 |
58 | | Shift+Backspace |
59 | REMOVE_CURRENT_NODE |
60 |
61 |
62 | | Control+a |
63 | SELECT_ALL |
64 |
65 |
66 | | Control+l |
67 | RESET_LAYOUT |
68 |
69 |
70 | | Control+Up |
71 | UP_NODE |
72 |
73 |
74 | | Control+Down |
75 | DOWN_NODE |
76 |
77 |
78 |
79 |
80 |
81 |