47 |
appId:
48 |
49 |
${app?.appId}
50 |
51 |
52 |
API demo:
53 |
54 |
55 | System current time: {time}
56 |
57 |
58 |
59 |
Protyle demo: id = {blockID}
60 |
61 |
62 |
63 |
64 |
--------------------------------------------------------------------------------
/src/helpers.ts:
--------------------------------------------------------------------------------
1 | export function stringToSet(str: string): Set
{
2 | if (!str) {
3 | return new Set();
4 | }
5 | return new Set(
6 | str
7 | .split(/[,，]/)
8 | .map((item) => item.trim()) // remove space
9 | .filter((item) => item.length > 0) // remove empty string
10 | );
11 | }
--------------------------------------------------------------------------------
/src/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxkmm/siyuan_doctree_fake_subfolder/84953de5462183529abe70d782e9281e2ccef591/src/index.scss
--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | import { Plugin, getFrontend, getBackend, showMessage } from "siyuan";
2 | import "@/index.scss";
3 | import { request, sql } from "./api";
4 | import { SettingUtils } from "./libs/setting-utils";
5 |
6 | import { stringToSet } from "./helpers";
7 |
8 | const STORAGE_NAME = "menu-config";
9 |
10 | enum DocTreeFakeSubfolderMode {
11 | Normal = "normal",
12 | Capture = "capture", // click to add item into list
13 | Reveal = "reveal", // click to view the actual document
14 | }
15 |
16 | export default class SiyuanDoctreeFakeSubfolder extends Plugin {
17 | private settingUtils: SettingUtils;
18 | private treatAsSubfolderIdSet: Set;
19 | private treatAsSubfolderEmojiSet: Set;
20 | private mode: DocTreeFakeSubfolderMode = DocTreeFakeSubfolderMode.Normal;
21 | private to_normal_mode_count = 0;
22 | //^ this is because when user enter the app, it not should display the "go to -ed normal mode noti",
23 | //thus count and only display for 2nd times whatsoever
24 | private frontend: string;
25 | private backend: string;
26 | private isDesktop: boolean;
27 | private isPhone: boolean;
28 | private isTablet: boolean;
29 |
30 |
31 | /*
32 | * @description: if toggle button has fn__hidden class, it means there is no sub document
33 | * @return: has subfolder: true, no dubfolder: false
34 | */
35 | private async isProvidedIdHasSubDocument(element: HTMLElement): Promise {
36 | const toggleElement = element.querySelector('.b3-list-item__toggle');
37 | if (!toggleElement) {
38 | return false;
39 | }
40 |
41 | return !toggleElement.classList.contains('fn__hidden');
42 | }
43 |
44 |
45 | /*
46 | * @description: return if the document is empty
47 | * @return: empty: true, not empty: false
48 | *
49 | * this APi were found by wilsons
50 | * Thanks!
51 | */
52 | private async isProvidedIdIsEmptyDocument(id: string): Promise {
53 | let data = {
54 | id: id
55 | };
56 | let url = '/api/block/getTreeStat';
57 | const res = await request(url, data);
58 | console.log(res, "res");
59 | return res.stat.runeCount === 0;
60 | }
61 |
62 | // unit test
63 | private async example() {
64 | const docId = "20250110144712-on18jor";
65 | const isEmpty = await this.isProvidedIdIsEmptyDocument(docId);
66 | if (isEmpty) {
67 | console.log("empty doc");
68 | } else {
69 | console.log("not empty doc");
70 | }
71 | }
72 |
73 | ifProvidedIdInTreatAsSubfolderSet(id: string) {
74 | return this.treatAsSubfolderIdSet.has(id);
75 | }
76 |
77 | ifProvidedLiAreUsingUserDefinedIdentifyIcon(li: HTMLElement) {
78 | const iconElement = li.querySelector(".b3-list-item__icon");
79 | if (!iconElement) {
80 | return false;
81 | }
82 |
83 | const iconText = iconElement.textContent;
84 | if (!iconText) {
85 | return false;
86 | }
87 |
88 | return this.treatAsSubfolderEmojiSet.has(iconText);
89 | }
90 |
91 | appendIdToTreatAsSubfolderSet(id: string) {
92 | this.treatAsSubfolderIdSet.add(id);
93 | }
94 |
95 | removeIdFromTreatAsSubfolderSet(id: string) {
96 | this.treatAsSubfolderIdSet.delete(id);
97 | }
98 |
99 | onClickDoctreeNode(nodeId: string) {
100 | // dom
101 | const element = document.querySelector(`li[data-node-id="${nodeId}"]`);
102 | if (!element) {
103 | console.warn(
104 | "did not found element, probably caused by theme or something"
105 | );
106 | return;
107 | }
108 |
109 | // path
110 | const id = element.getAttribute("data-node-id");
111 | if (!id) {
112 | console.warn(
113 | "node missing id attribute, probably caused by theme or something"
114 | );
115 | return;
116 | }
117 |
118 | // // debug hint
119 | // if (this.if_provided_id_in_treat_as_subfolder_set(id)) {
120 | // console.log(`forbid open: ${id} (node id: ${nodeId})`);
121 | // } else {
122 | // console.log(`allow open: ${id} (node id: ${nodeId})`);
123 | // }
124 | }
125 |
126 | captureToSetUnsetTreatAsSubfolderSetting(nodeId: string) {
127 | // fetch setting
128 | const idsStr = this.settingUtils.get(
129 | "ids_that_should_be_treated_as_subfolder"
130 | ) as string;
131 |
132 | // into temp set
133 | const tempSet = stringToSet(idsStr);
134 |
135 | // worker
136 | if (tempSet.has(nodeId)) {
137 | // delete
138 | tempSet.delete(nodeId);
139 | showMessage(
140 | `${this.i18n.recoveredThisDocumentFromSubfolder} ${nodeId}`,
141 | 2000,
142 | "error"
143 | ); //not err, just prettier with this style
144 | } else {
145 | // add
146 | tempSet.add(nodeId);
147 | showMessage(
148 | `${this.i18n.consideredThisDocumentAsSubfolder} ${nodeId}`,
149 | 2000
150 | );
151 | }
152 |
153 | // convery back
154 | const newIdsStr = Array.from(tempSet).join(",");
155 | this.settingUtils.set("ids_that_should_be_treated_as_subfolder", newIdsStr);
156 | this.settingUtils.save();
157 |
158 | // only need to update local var cuz when next boot it will load from settings anyway
159 | this.treatAsSubfolderIdSet = tempSet;
160 | }
161 |
162 | private initListener() {
163 | console.log("init_listener");
164 | // 等待 DOM
165 | setTimeout(() => {
166 | const elements = document.querySelectorAll(".b3-list--background");
167 | if (elements.length === 0) {
168 | console.warn(
169 | "not found .b3-list--background element, probably caused by theme or something"
170 | );
171 | return;
172 | }
173 |
174 | // NB: this lambda is aysnc
175 | const handleEvent = async (e: MouseEvent | TouchEvent) => {
176 | // this ev were added in later code and this is for checking
177 | if ((e as any).sf_openDoc) {
178 | return;
179 | }
180 |
181 | if (!e.target || !(e.target instanceof Element)) {
182 | console.warn(
183 | "event target is invalid, probably caused by theme or something"
184 | );
185 | return;
186 | }
187 |
188 | const listItem = e.target.closest(
189 | 'li[data-type="navigation-file"]'
190 | ) as HTMLElement | null;
191 | if (!listItem || e.target.closest(".b3-list-item__action")) {
192 | return; // handle allow clicked emoji/more/etc
193 | }
194 |
195 | const nodeId = listItem.getAttribute("data-node-id");
196 | const path = listItem.getAttribute("data-path");
197 |
198 | try {
199 | const clickedToggle = e.target.closest(".b3-list-item__toggle");
200 | const clickedIcon = e.target.closest(".b3-list-item__icon");
201 | // TODO: this probably already not needed anymore,
202 | //cuz toggle were already protected previously and emoji also protected earlier,
203 | //but leave as is for now
204 | const isSpecialClick = !!(clickedToggle || clickedIcon);
205 | /* ^ cast to bool */
206 |
207 | if (!nodeId || !this.mode) {
208 | return;
209 | }
210 |
211 | switch (this.mode) {
212 | case DocTreeFakeSubfolderMode.Normal:
213 | if (!isSpecialClick) {
214 | // cache settings in case if more chaotic
215 | const enableEmoji = this.settingUtils.get(
216 | "enable_using_emoji_as_subfolder_identify"
217 | );
218 | const enableId = this.settingUtils.get(
219 | "enable_using_id_as_subfolder_identify"
220 | );
221 | const enableAuto = this.settingUtils.get("enable_auto_mode");
222 |
223 | // emoji and id in list
224 | const isByEmoji =
225 | enableEmoji &&
226 | this.ifProvidedLiAreUsingUserDefinedIdentifyIcon(listItem);
227 | const isById =
228 | enableId && this.ifProvidedIdInTreatAsSubfolderSet(nodeId);
229 |
230 | if (isByEmoji || isById) {
231 | // Treat as folder
232 | e.preventDefault();
233 | e.stopPropagation();
234 | this.expandSubfolder(listItem);
235 | return false; // shouldn't waiste it of gone here
236 | } else {
237 | // empty check here
238 | e.preventDefault();
239 | e.stopPropagation();
240 |
241 |
242 | const isEmpty = await this.isProvidedIdIsEmptyDocument(
243 | nodeId
244 | );
245 | const hasSubDocument = await this.isProvidedIdHasSubDocument(
246 | listItem
247 | );
248 | console.log(isEmpty, hasSubDocument, "isEmpty, hasSubDocument");
249 | //TODO: it still look up db table even if auto mode disabled. Currently need it and it's not that lagging. will fix it later
250 | if (isEmpty && hasSubDocument && enableAuto) {
251 | // empty
252 | this.expandSubfolder(listItem);
253 | return false;
254 | } else {
255 | // not empty
256 | const newEvent = new MouseEvent("click", {
257 | bubbles: true,
258 | cancelable: true,
259 | });
260 | Object.defineProperty(newEvent, "sf_openDoc", {
261 | // add trigger ev to indicate if its a manual trigger
262 | value: true,
263 | });
264 | listItem.dispatchEvent(newEvent);
265 | return false;
266 | }
267 | }
268 | }
269 | // toggle click: always fallthrough is good enough
270 | break;
271 |
272 | case DocTreeFakeSubfolderMode.Capture:
273 | if (!isSpecialClick) {
274 | // capture worker
275 | this.captureToSetUnsetTreatAsSubfolderSetting(nodeId);
276 | }
277 | break;
278 |
279 | case DocTreeFakeSubfolderMode.Reveal:
280 | break;
281 | }
282 |
283 | // fallback
284 | this.onClickDoctreeNode(nodeId);
285 | } catch (err) {
286 | console.error("error when handle document tree node click:", err);
287 | }
288 | };
289 |
290 | let already_shown_the_incompatible_device_message = false;
291 |
292 | // TODO: this part were written by chatGPT, need to go back and check what exactly changed, but worked anyway
293 | // 监听事件时，不使用事件捕获阶段（第三个参数为 false 或省略）
294 | // 这样可以让思源自身的展开折叠逻辑正常执行
295 | elements.forEach((element) => {
296 | if (this.isDesktop) {
297 | element.addEventListener("click", handleEvent);
298 | element.addEventListener("touchend", handleEvent);
299 | } else if (this.isPhone || this.isTablet) {
300 | element.addEventListener("click", handleEvent);
301 | } else {
302 | if (!already_shown_the_incompatible_device_message) {
303 | showMessage(
304 | "文档树子文件夹插件：开发者没有为您的设备做准备，清将如下信息和你的设备型号反馈给开发者：" +
305 | this.frontend +
306 | " " +
307 | this.backend
308 | );
309 | showMessage(
310 | "Document Tree Subfolder Plugin: Developer did not prepare for your device, please feedback the following information to the developer: " +
311 | this.frontend +
312 | " " +
313 | this.backend
314 | );
315 | already_shown_the_incompatible_device_message = true;
316 | }
317 | }
318 | });
319 | }, 100);
320 | }
321 |
322 | expandSubfolder(item: HTMLElement) {
323 | // console.log(item, "expand_subfolder");
324 | if (!item) {
325 | console.warn("not found li item, probably caused by theme or something");
326 | return;
327 | }
328 |
329 | // the toggle btn
330 | const toggleButton = item.querySelector(".b3-list-item__toggle");
331 | if (!toggleButton) {
332 | console.warn(
333 | "arrow button missing. probably caused by theme or something"
334 | );
335 | return;
336 | }
337 |
338 | // simulate click
339 | const clickEvent = new MouseEvent("click", {
340 | view: window,
341 | bubbles: true,
342 | cancelable: true,
343 | });
344 |
345 | toggleButton.dispatchEvent(clickEvent);
346 | }
347 |
348 | async onload() {
349 | this.treatAsSubfolderIdSet = new Set();
350 | this.treatAsSubfolderEmojiSet = new Set();
351 |
352 | this.data[STORAGE_NAME] = { readonlyText: "Readonly" };
353 |
354 | this.settingUtils = new SettingUtils({
355 | plugin: this,
356 | name: STORAGE_NAME,
357 | });
358 | this.settingUtils.addItem({
359 | key: "begging",
360 | value: "",
361 | type: "hint",
362 | title: this.i18n.beggingTitle,
363 | description: this.i18n.beggingDesc,
364 | });
365 | this.settingUtils.addItem({
366 | key: "enable_auto_mode",
367 | value: true,
368 | type: "checkbox",
369 | title: this.i18n.enableAutoMode,
370 | description: this.i18n.enableAutoModeDesc,
371 | });
372 | this.settingUtils.addItem({
373 | key: "enable_using_emoji_as_subfolder_identify",
374 | value: true,
375 | type: "checkbox",
376 | title: this.i18n.enableUsingEmojiAsSubfolderIdentify,
377 | description: this.i18n.enableUsingEmojiAsSubfolderIdentifyDesc,
378 | });
379 | this.settingUtils.addItem({
380 | key: "emojies_that_should_be_treated_as_subfolder",
381 | value: "🗃️,📂,📁",
382 | type: "textarea",
383 | title: this.i18n.emojisThatShouldBeTreatedAsSubfolder,
384 | description: this.i18n.emojisThatShouldBeTreatedAsSubfolderDesc,
385 | });
386 | this.settingUtils.addItem({
387 | key: "enable_using_id_as_subfolder_identify",
388 | value: true,
389 | type: "checkbox",
390 | title: this.i18n.enableUsingIdAsSubfolderIdentify,
391 | description: this.i18n.enableUsingIdAsSubfolderIdentifyDesc,
392 | });
393 | this.settingUtils.addItem({
394 | key: "ids_that_should_be_treated_as_subfolder",
395 | value: "",
396 | type: "textarea",
397 | title: this.i18n.idsThatShouldBeTreatedAsSubfolder,
398 | description: this.i18n.idsThatShouldBeTreatedAsSubfolderDesc,
399 | });
400 | this.settingUtils.addItem({
401 | key: "enable_mode_switch_buttons",
402 | value: true,
403 | type: "checkbox",
404 | title: this.i18n.enableModeSwitchButtons,
405 | description: this.i18n.enableModeSwitchButtonsDesc,
406 | });
407 | this.settingUtils.addItem({
408 | key: "Hint",
409 | value: "",
410 | type: "hint",
411 | title: this.i18n.hintTitle,
412 | description: this.i18n.hintDesc,
413 | });
414 |
415 | try {
416 | this.settingUtils.load();
417 | } catch (error) {
418 | console.error(
419 | "Error loading settings storage, probably empty config json:",
420 | error
421 | );
422 | }
423 |
424 | this.addIcons(`
425 |
426 |
427 |
428 | `);
429 |
430 | this.addIcons(`
431 |
432 |
433 |
434 | `);
435 |
436 | this.addIcons(`
437 |
438 |
439 |
440 | `);
441 |
442 | this.frontend = getFrontend();
443 | this.backend = getBackend();
444 | this.isPhone =
445 | this.frontend === "mobile" || this.frontend === "browser-mobile";
446 | this.isTablet =
447 | ((this.frontend === "desktop" || this.frontend === "browser-desktop") &&
448 | this.backend === "ios") ||
449 | ((this.frontend === "desktop" || this.frontend === "browser-desktop") &&
450 | this.backend === "android") ||
451 | ((this.frontend === "desktop" || this.frontend === "browser-desktop") &&
452 | this.backend === "docker");
453 | this.isDesktop =
454 | (this.frontend === "desktop" || this.frontend === "browser-desktop") &&
455 | this.backend != "ios" &&
456 | this.backend != "android" &&
457 | this.backend != "docker";
458 | }
459 |
460 | private updateTopBarButtonStyles(
461 | activeMode: DocTreeFakeSubfolderMode,
462 | buttons: {
463 | normal: HTMLElement;
464 | capture: HTMLElement;
465 | reveal: HTMLElement;
466 | }
467 | ) {
468 | const setButtonStyle = (button: HTMLElement, isActive: boolean) => {
469 | button.style.backgroundColor = isActive
470 | ? "var(--b3-toolbar-color)"
471 | : "var(--b3-toolbar-background)";
472 | button.style.color = isActive
473 | ? "var(--b3-toolbar-background)"
474 | : "var(--b3-toolbar-color)";
475 | };
476 |
477 | setButtonStyle(
478 | buttons.normal,
479 | activeMode === DocTreeFakeSubfolderMode.Normal
480 | );
481 | setButtonStyle(
482 | buttons.capture,
483 | activeMode === DocTreeFakeSubfolderMode.Capture
484 | );
485 | setButtonStyle(
486 | buttons.reveal,
487 | activeMode === DocTreeFakeSubfolderMode.Reveal
488 | );
489 | }
490 |
491 | private switchMode(
492 | mode: DocTreeFakeSubfolderMode,
493 | buttons: {
494 | normal: HTMLElement;
495 | capture: HTMLElement;
496 | reveal: HTMLElement;
497 | }
498 | ) {
499 | this.to_normal_mode_count < 2 ? this.to_normal_mode_count++ : null;
500 | this.mode = mode;
501 | this.updateTopBarButtonStyles(mode, buttons);
502 |
503 | const messages = {
504 | [DocTreeFakeSubfolderMode.Normal]: {
505 | text: this.i18n.enterNormalMode,
506 | duration: 2000,
507 | },
508 | [DocTreeFakeSubfolderMode.Capture]: {
509 | text: this.i18n.enterCaptureMode,
510 | duration: 8000,
511 | },
512 | [DocTreeFakeSubfolderMode.Reveal]: {
513 | text: this.i18n.enterRevealMode,
514 | duration: 8000,
515 | },
516 | };
517 |
518 | const { text, duration } = messages[mode];
519 | if (this.to_normal_mode_count >= 2) {
520 | showMessage(text, duration);
521 | }
522 | }
523 |
524 | onLayoutReady() {
525 | console.log(this.frontend, this.backend);
526 | console.log(this.isPhone, this.isTablet, this.isDesktop);
527 | this.initListener();
528 | this.settingUtils.load();
529 |
530 | // load emoji setting
531 | const emojisStr = this.settingUtils.get(
532 | "emojies_that_should_be_treated_as_subfolder"
533 | ) as string;
534 | this.treatAsSubfolderEmojiSet = stringToSet(emojisStr);
535 |
536 | // id
537 | const idsStr = this.settingUtils.get(
538 | "ids_that_should_be_treated_as_subfolder"
539 | ) as string;
540 | this.treatAsSubfolderIdSet = stringToSet(idsStr);
541 |
542 | if (this.settingUtils.get("enable_mode_switch_buttons")) {
543 | const buttons = {
544 | normal: this.addTopBar({
545 | icon: "iconDoctreeFakeSubfolderNormalMode",
546 | title: this.i18n.normalMode,
547 | position: "left",
548 | callback: () =>
549 | this.switchMode(DocTreeFakeSubfolderMode.Normal, buttons),
550 | }),
551 | capture: this.addTopBar({
552 | icon: "iconDoctreeFakeSubfolderCaptureMode",
553 | title: this.i18n.captureMode,
554 | position: "left",
555 | callback: () =>
556 | this.switchMode(DocTreeFakeSubfolderMode.Capture, buttons),
557 | }),
558 | reveal: this.addTopBar({
559 | icon: "iconDoctreeFakeSubfolderRevealMode",
560 | title: this.i18n.revealMode,
561 | position: "left",
562 | callback: () =>
563 | this.switchMode(DocTreeFakeSubfolderMode.Reveal, buttons),
564 | }),
565 | };
566 |
567 | const ifShowCaptureModeButton = this.settingUtils.get("enable_auto_mode") &&
568 | !this.settingUtils.get("enable_using_id_as_subfolder_identify");
569 |
570 | if(ifShowCaptureModeButton){
571 | buttons.capture.style.display = "none";
572 | }
573 |
574 | // default to normal mode
575 | this.switchMode(DocTreeFakeSubfolderMode.Normal, buttons);
576 | }
577 | }
578 |
579 | async onunload() {}
580 |
581 | uninstall() {}
582 | }
583 |
--------------------------------------------------------------------------------
/src/libs/components/Form/form-input.svelte:
--------------------------------------------------------------------------------
1 |
33 |
34 | {#if type === "checkbox"}
35 |
36 |
44 | {:else if type === "textinput"}
45 |
46 |
56 | {:else if type === "textarea"}
57 |
63 | {:else if type === "number"}
64 |
74 | {:else if type === "button"}
75 |
76 |
87 | {:else if type === "select"}
88 |
89 |
102 | {:else if type == "slider"}
103 |
104 |
105 |
117 |
118 | {/if}
119 |
--------------------------------------------------------------------------------
/src/libs/components/Form/form-wrap.svelte:
--------------------------------------------------------------------------------
1 |
9 |
14 |
15 | {#if direction === "row"}
16 |
17 |
18 |
{title}
19 |
{@html description}
20 |
21 |
22 |
23 |
24 |
25 |
28 |
29 |
{title}
30 |
31 | {@html description}
32 |
33 |
34 |
35 |
36 |
2 |
3 |
--------------------------------------------------------------------------------
/src/libs/components/setting-panel.svelte:
--------------------------------------------------------------------------------
1 |
9 |
29 |
30 |
31 |
32 | {#each settingItems as item (item.key)}
33 |
38 |
49 |
50 | {/each}
51 |
--------------------------------------------------------------------------------
/src/libs/const.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2024 by frostime. All Rights Reserved.
3 | * @Author : frostime
4 | * @Date : 2024-06-08 20:36:30
5 | * @FilePath : /src/libs/const.ts
6 | * @LastEditTime : 2024-06-08 20:48:06
7 | * @Description :
8 | */
9 |
10 |
11 | export const BlockType2NodeType: {[key in BlockType]: string} = {
12 | d: 'NodeDocument',
13 | p: 'NodeParagraph',
14 | query_embed: 'NodeBlockQueryEmbed',
15 | l: 'NodeList',
16 | i: 'NodeListItem',
17 | h: 'NodeHeading',
18 | iframe: 'NodeIFrame',
19 | tb: 'NodeThematicBreak',
20 | b: 'NodeBlockquote',
21 | s: 'NodeSuperBlock',
22 | c: 'NodeCodeBlock',
23 | widget: 'NodeWidget',
24 | t: 'NodeTable',
25 | html: 'NodeHTMLBlock',
26 | m: 'NodeMathBlock',
27 | av: 'NodeAttributeView',
28 | audio: 'NodeAudio'
29 | }
30 |
31 |
32 | export const NodeIcons = {
33 | NodeAttributeView: {
34 | icon: "iconDatabase"
35 | },
36 | NodeAudio: {
37 | icon: "iconRecord"
38 | },
39 | NodeBlockQueryEmbed: {
40 | icon: "iconSQL"
41 | },
42 | NodeBlockquote: {
43 | icon: "iconQuote"
44 | },
45 | NodeCodeBlock: {
46 | icon: "iconCode"
47 | },
48 | NodeDocument: {
49 | icon: "iconFile"
50 | },
51 | NodeHTMLBlock: {
52 | icon: "iconHTML5"
53 | },
54 | NodeHeading: {
55 | icon: "iconHeadings",
56 | subtypes: {
57 | h1: { icon: "iconH1" },
58 | h2: { icon: "iconH2" },
59 | h3: { icon: "iconH3" },
60 | h4: { icon: "iconH4" },
61 | h5: { icon: "iconH5" },
62 | h6: { icon: "iconH6" }
63 | }
64 | },
65 | NodeIFrame: {
66 | icon: "iconLanguage"
67 | },
68 | NodeList: {
69 | subtypes: {
70 | o: { icon: "iconOrderedList" },
71 | t: { icon: "iconCheck" },
72 | u: { icon: "iconList" }
73 | }
74 | },
75 | NodeListItem: {
76 | icon: "iconListItem"
77 | },
78 | NodeMathBlock: {
79 | icon: "iconMath"
80 | },
81 | NodeParagraph: {
82 | icon: "iconParagraph"
83 | },
84 | NodeSuperBlock: {
85 | icon: "iconSuper"
86 | },
87 | NodeTable: {
88 | icon: "iconTable"
89 | },
90 | NodeThematicBreak: {
91 | icon: "iconLine"
92 | },
93 | NodeVideo: {
94 | icon: "iconVideo"
95 | },
96 | NodeWidget: {
97 | icon: "iconBoth"
98 | }
99 | };
100 |
--------------------------------------------------------------------------------
/src/libs/dialog.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2024 by frostime. All Rights Reserved.
3 | * @Author : frostime
4 | * @Date : 2024-03-23 21:37:33
5 | * @FilePath : /src/libs/dialog.ts
6 | * @LastEditTime : 2024-10-16 14:31:04
7 | * @Description : Kits about dialogs
8 | */
9 | import { Dialog } from "siyuan";
10 | import { type SvelteComponent } from "svelte";
11 |
12 | export const inputDialog = (args: {
13 | title: string, placeholder?: string, defaultText?: string,
14 | confirm?: (text: string) => void, cancel?: () => void,
15 | width?: string, height?: string
16 | }) => {
17 | const dialog = new Dialog({
18 | title: args.title,
19 | content: `
22 |
23 |
24 |
25 |
81 |
82 |
83 |
92 |
93 | {#each groups as group}
94 |
95 | - {
100 | focusGroup = group;
101 | }}
102 | on:keydown={() => {}}
103 | >
104 | {group}
105 |
106 | {/each}
107 |
108 |
109 |
{ console.debug("Click:", detail.key); }}
115 | >
116 |
117 | 💡 This is our default settings.
118 |
119 |
120 |
{ console.debug("Click:", detail.key); }}
126 | >
127 |
128 |
129 |