Vanessa 2023-03-21 18:54:31 +08:00 committed by Liang Ding
parent 60fc810173
commit 35a10c64ff
No known key found for this signature in database
GPG Key ID: 136F30F901A2231D
2 changed files with 23 additions and 1 deletions

View File

@ -11,6 +11,8 @@ import {keymap} from "./keymap";
import {bazaar} from "./bazaar"; import {bazaar} from "./bazaar";
import {query} from "./query"; import {query} from "./query";
import {Dialog} from "../dialog"; import {Dialog} from "../dialog";
import {AI} from "./AI";
import {card} from "./card";
export const openSetting = () => { export const openSetting = () => {
const exitDialog = window.siyuan.dialogs.find((item) => { const exitDialog = window.siyuan.dialogs.find((item) => {
@ -22,7 +24,7 @@ export const openSetting = () => {
if (exitDialog) { if (exitDialog) {
return exitDialog; return exitDialog;
} }
const height = Math.min(window.innerHeight * .9 - 42, Math.max(window.innerHeight * .7, 52 * 11)); const height = Math.min(window.innerHeight * .9 - 42, Math.max(window.innerHeight * .7, 52 * 13));
const dialog = new Dialog({ const dialog = new Dialog({
content: `<div class="fn__flex-column" style="border-radius: 4px;overflow: hidden;position: relative"> content: `<div class="fn__flex-column" style="border-radius: 4px;overflow: hidden;position: relative">
<div class="b3-form__icon search__header"><svg style="left: 14px;" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input class="b3-text-field b3-text-field--text fn__block b3-form__icon-input"></div> <div class="b3-form__icon search__header"><svg style="left: 14px;" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input class="b3-text-field b3-text-field--text fn__block b3-form__icon-input"></div>
@ -30,6 +32,8 @@ export const openSetting = () => {
<ul class="b3-tab-bar b3-list b3-list--background" style="height:${height}px;"> <ul class="b3-tab-bar b3-list b3-list--background" style="height:${height}px;">
<li data-name="editor" class="b3-list-item--focus b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconEdit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.editor}</span></li> <li data-name="editor" class="b3-list-item--focus b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconEdit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.editor}</span></li>
<li data-name="filetree" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconFiles"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.fileTree}</span></li> <li data-name="filetree" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconFiles"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.fileTree}</span></li>
<li data-name="card" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconRiffCard"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.riffCard}</span></li>
<li data-name="AI" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconSparkles"></use></svg><span class="b3-list-item__text">AI</span></li>
<li data-name="image" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconImage"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.assets}</span></li> <li data-name="image" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconImage"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.assets}</span></li>
<li data-name="export" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconUpload"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.export}</span></li> <li data-name="export" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconUpload"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.export}</span></li>
<li data-name="appearance" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconTheme"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.appearance}</span></li> <li data-name="appearance" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconTheme"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.appearance}</span></li>
@ -42,6 +46,8 @@ export const openSetting = () => {
</ul> </ul>
<div class="config__tab-container" style="height:${height}px" data-name="editor">${editor.genHTML()}</div> <div class="config__tab-container" style="height:${height}px" data-name="editor">${editor.genHTML()}</div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="filetree"></div> <div class="config__tab-container fn__none" style="height:${height}px" data-name="filetree"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="card"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="AI"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="image"></div> <div class="config__tab-container fn__none" style="height:${height}px" data-name="image"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="export"></div> <div class="config__tab-container fn__none" style="height:${height}px" data-name="export"></div>
<div class="config__tab-container fn__none" style="height:${height}px" data-name="appearance"></div> <div class="config__tab-container fn__none" style="height:${height}px" data-name="appearance"></div>
@ -75,6 +81,16 @@ export const openSetting = () => {
fileTree.element = dialog.element.querySelector('.config__tab-container[data-name="filetree"]'); fileTree.element = dialog.element.querySelector('.config__tab-container[data-name="filetree"]');
fileTree.bindEvent(); fileTree.bindEvent();
break; break;
case "AI":
containerElement.innerHTML = AI.genHTML();
AI.element = dialog.element.querySelector('.config__tab-container[data-name="AI"]');
AI.bindEvent();
break;
case "card":
containerElement.innerHTML = card.genHTML();
card.element = dialog.element.querySelector('.config__tab-container[data-name="card"]');
card.bindEvent();
break;
case "image": case "image":
containerElement.innerHTML = image.genHTML(); containerElement.innerHTML = image.genHTML();
image.element = dialog.element.querySelector('.config__tab-container[data-name="image"]'); image.element = dialog.element.querySelector('.config__tab-container[data-name="image"]');

View File

@ -25,6 +25,12 @@ export const initConfigSearch = (element: HTMLElement) => {
"fileTree6", "fileTree7", "fileTree8", "fileTree9", "fileTree10", "fileTree12", "fileTree13", "fileTree15", "fileTree6", "fileTree7", "fileTree8", "fileTree9", "fileTree10", "fileTree12", "fileTree13", "fileTree15",
"fileTree16", "fileTree17"]), "fileTree16", "fileTree17"]),
// 闪卡
getLang(["riffCard"]),
// AI
["AI"].concat(getLang(["ai"])),
// 图片 // 图片
getLang(["assets", "clearUnused"]), getLang(["assets", "clearUnused"]),