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

feat(editor): 代码块与数据源列表节点中新增依赖收集中tag

Browse Source
This commit is contained in:
roymondchen 2024-11-25 11:09:56 +08:00 committed by roymondchen
parent 6030ed1684
commit e3f28abe1a
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,6 +19,9 @@
</template>
<template #tree-node-tool="{ data }">
<TMagicTag v-if="collecting && data.type === 'code'" type="info" size="small" style="margin-right: 5px"
>依赖收集中</TMagicTag
>
<TMagicTooltip v-if="data.type === 'code'" effect="dark" :content="editable ? '编辑' : '查看'" placement="bottom">
<Icon :icon="editable ? Edit : View" class="edit-icon" @click.stop="editCode(`${data.key}`)"></Icon>
</TMagicTooltip>
@ -36,7 +39,7 @@ import { Close, Edit, View } from '@element-plus/icons-vue';
import type { Id, MNode } from '@tmagic/core';
import { DepTargetType } from '@tmagic/core';
import { tMagicMessage, tMagicMessageBox, TMagicTooltip } from '@tmagic/design';
import { tMagicMessage, tMagicMessageBox, TMagicTag, TMagicTooltip } from '@tmagic/design';
import Icon from '@editor/components/Icon.vue';
import Tree from '@editor/components/Tree.vue';
@ -64,6 +67,8 @@ const emit = defineEmits<{
const services = inject<Services>('services');
const { codeBlockService, depService, editorService } = services || {};
const collecting = computed(() => depService?.get('collecting'));
// 代码块列表
const codeList = computed<TreeNodeData[]>(() =>
Object.entries(codeBlockService?.getCodeDsl() || {}).map(([codeId, code]) => {

7
packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue
View File

@ -18,6 +18,9 @@
</div>
</template>
<template #tree-node-tool="{ data }">
<TMagicTag v-if="collecting && data.type === 'ds'" type="info" size="small" style="margin-right: 5px"
>依赖收集中</TMagicTag
>
<TMagicTooltip v-if="data.type === 'ds'" effect="dark" :content="editable ? '编辑' : '查看'" placement="bottom">
<Icon :icon="editable ? Edit : View" class="edit-icon" @click.stop="editHandler(`${data.key}`)"></Icon>
</TMagicTooltip>
@ -34,7 +37,7 @@ import { computed, inject } from 'vue';
import { Close, Edit, View } from '@element-plus/icons-vue';
import { DepData, DepTargetType, Id, MNode } from '@tmagic/core';
import { tMagicMessageBox, TMagicTooltip } from '@tmagic/design';
import { tMagicMessageBox, TMagicTag, TMagicTooltip } from '@tmagic/design';
import Icon from '@editor/components/Icon.vue';
import Tree from '@editor/components/Tree.vue';
@ -60,6 +63,8 @@ const emit = defineEmits<{
const { depService, editorService, dataSourceService } = inject<Services>('services') || {};
const collecting = computed(() => depService?.get('collecting'));
const editable = computed(() => dataSourceService?.get('editable') ?? true);
const dataSources = computed(() => dataSourceService?.get('dataSources') || []);