JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-05-03 00:12:30 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 代码块列表无法滚动

Browse Source
This commit is contained in:
kevinyzheng 2022-12-21 18:19:52 +08:00
parent 9b324d17cc
commit 87a19c9bae
2 changed files with 59 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
View File

@ -17,6 +17,7 @@
</slot> </slot>
<!-- 代码块列表 --> <!-- 代码块列表 -->
<TMagicScrollbar>
<TMagicTree <TMagicTree
v-if="!isEmpty(state.codeList)" v-if="!isEmpty(state.codeList)"
ref="tree" ref="tree"
@ -74,6 +75,7 @@
</div> </div>
</template> </template>
</TMagicTree> </TMagicTree>
</TMagicScrollbar>
<!-- 代码块编辑区 --> <!-- 代码块编辑区 -->
<code-block-editor v-if="isShowCodeBlockEditor"> <code-block-editor v-if="isShowCodeBlockEditor">
@ -89,7 +91,7 @@ import { computed, inject, reactive, ref, watch } from 'vue';
import { Close, Edit, Link, View } from '@element-plus/icons-vue'; import { Close, Edit, Link, View } from '@element-plus/icons-vue';
import { cloneDeep, forIn, isEmpty } from 'lodash-es'; import { cloneDeep, forIn, isEmpty } from 'lodash-es';
import { TMagicButton, TMagicInput, tMagicMessage, TMagicTooltip, TMagicTree } from '@tmagic/design'; import { TMagicButton, TMagicInput, tMagicMessage, TMagicScrollbar, TMagicTooltip, TMagicTree } from '@tmagic/design';
import { CodeBlockContent, Id } from '@tmagic/schema'; import { CodeBlockContent, Id } from '@tmagic/schema';
import StageCore from '@tmagic/stage'; import StageCore from '@tmagic/stage';

2
packages/editor/src/theme/code-block.scss
View File

@ -1,5 +1,7 @@
.m-editor-code-block-list { .m-editor-code-block-list {
height: 100%;
margin-top: 5px; margin-top: 5px;
.el-tree-node__content { .el-tree-node__content {
height: auto; height: auto;
} }