18069996051/mixly3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化提交

Browse Source
This commit is contained in:
王立帮
2024-07-19 10:16:00 +08:00
parent 4c7b571f20
commit 4a2d56dcc4
7084 changed files with 741212 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
common/templates/html/editor/editor-blockly.html Normal file
View File

@@ -0,0 +1,8 @@
<style>
div[m-id="{{d.mId}}"] {
width: 100%;
height: 100%;
position: relative;
}
</style>
<div m-id="{{d.mId}}"></div>

25
common/templates/html/editor/editor-code.html Normal file
View File

@@ -0,0 +1,25 @@
<style>
html[data-bs-theme=light] div[m-id="{{d.mId}}"],
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .ace_gutter {
background-color: #fff;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"],
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .ace_gutter {
background-color: #1e1e1e;
}
div[m-id="{{d.mId}}"] > .ace_gutter {
border-right-style: solid;
border-right-width: 1px;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .ace_gutter {
border-right-color: #c9c9c9;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .ace_gutter {
border-right-color: rgba(128, 128, 128, 0.35);
}
</style>
<div m-id="{{d.mId}}" class="editor page-item"></div>

28
common/templates/html/editor/editor-manager.html Normal file
View File

@@ -0,0 +1,28 @@
<style>
div[m-id="{{d.mId}}"] {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
div[m-id="{{d.mId}}"] > .tabs {
position: absolute;
top: 0px;
width: 100%;
height: 28px;
display: none;
}
div[m-id="{{d.mId}}"] > .body {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
}
</style>
<div m-id="{{d.mId}}">
<div class="tabs"></div>
<div class="body"></div>
</div>

11
common/templates/html/editor/editor-md-btns.html Normal file
View File

@@ -0,0 +1,11 @@
<div class="group">
<button m-id="code" class="layui-btn layui-btn-xs layui-btn-primary m-btn">
<i class="icon-puzzle"></i>代码
</button>
<button m-id="mixture" class="layui-btn layui-btn-xs layui-btn-primary m-btn">
<i class="icon-cube"></i>混合
</button>
<button m-id="preview" class="layui-btn layui-btn-xs layui-btn-primary m-btn self-adaption-btn">
<i class="icon-code"></i>预览
</button>
</div>

52
common/templates/html/editor/editor-md.html Normal file
View File

@@ -0,0 +1,52 @@
<style>
div[m-id="{{d.mId}}"] {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}
div[m-id="{{d.mId}}"] > .editor-code {
display: none;
width: 0%;
height: 100%;
}
div[m-id="{{d.mId}}"] > .editor-preview {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
div[m-id="{{d.mId}}"] > .editor-preview > .markdown-body {
position: absolute;
overflow-y: auto;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
padding: 20px;
border-style: solid;
border-width: 0 0 0 1px;
}
div[m-id="{{d.mId}}"] > .editor-preview > .markdown-body * {
user-select: text;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .editor-preview > .markdown-body {
border-color: #c9c9c9;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .editor-preview > .markdown-body {
border-color: rgba(128, 128, 128, 0.35);
}
</style>
<div m-id="{{d.mId}}">
<div class="editor-code"></div>
<div class="editor-preview">
<div class="markdown-body">
</div>
</div>
</div>

15
common/templates/html/editor/editor-mix-btns.html Normal file
View File

@@ -0,0 +1,15 @@
<div class="group">
<!-- <button m-id="deps" class="layui-btn layui-btn-xs layui-btn-primary m-btn">
<i class="layui-icon layui-icon-component"></i>依赖
</button>
<div class="line"></div> -->
<button m-id="block" class="layui-btn layui-btn-xs layui-btn-primary m-btn self-adaption-btn">
<i class="icon-puzzle"></i>{{ d.block }}
</button>
<button m-id="mixture" class="layui-btn layui-btn-xs layui-btn-primary m-btn">
<i class="icon-cube"></i>{{ d.mix }}
</button>
<button m-id="code" class="layui-btn layui-btn-xs layui-btn-primary m-btn">
<i class="icon-code"></i>{{ d.code }}
</button>
</div>

34
common/templates/html/editor/editor-mix.html Normal file
View File

@@ -0,0 +1,34 @@
<style>
div[m-id="{{d.mId}}"] {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}
div[m-id="{{d.mId}}"] > .editor-blockly {
width: 100%;
height: 100%;
}
div[m-id="{{d.mId}}"] > .editor-code {
display: none;
width: 0%;
height: 100%;
border-left: 1px;
border-left-style: solid;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .editor-code {
border-color: #c9c9c9;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .editor-code {
border-color: rgba(128, 128, 128, 0.35);
}
</style>
<div m-id="{{d.mId}}" class="editor">
<div class="editor-blockly"></div>
<div class="editor-code"></div>
</div>

36
common/templates/html/editor/editor-tab.html Normal file
View File

@@ -0,0 +1,36 @@
<style>
div[m-id="{{d.mId}}"] {
height: 28px;
z-index: 3;
padding: 0px;
border-width: 1px 0px;
border-style: solid;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] {
background-color: #f8f8f8;
border-color: #c9c9c9;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] {
background-color: #252526;
border-color: rgba(128, 128, 128, 0.35);
}
div[m-id="{{d.mId}}"] > .chrome-tabs-content {
position: absolute;
top: 0px;
bottom: 0px;
}
div[m-id="{{d.mId}}"] .x-scrollbar__content {
position: relative;
width: 100%;
height: 100%;
display: block;
white-space: nowrap;
}
</style>
<div m-id="{{d.mId}}" class="chrome-tabs">
<div class="chrome-tabs-content"></div>
</div>

13
common/templates/html/editor/editor-unknown.html Normal file
View File

@@ -0,0 +1,13 @@
<style>
div[m-id="{{d.mId}}"] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
}
</style>
<div m-id="{{d.mId}}">
<label>该文件暂无有效解析器解析</label>
</div>

35
common/templates/html/editor/editor-welcome.html Normal file
View File

@@ -0,0 +1,35 @@
<style>
div[m-id="{{d.mId}}"] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
overflow: auto;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] {
background-color: #fff;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] {
background-color: #1e1e1e;
}
div[m-id="{{d.mId}}"] > .mixly-font {
font-family: 'ravie';
font-size: 80px;
}
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .mixly-font {
color: #b1b1b1;
}
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .mixly-font {
color: #3c3c3c;
}
</style>
<div m-id="{{d.mId}}">
<label class="mixly-font">Mixly</label>
</div>