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

feat(editor): 新增layer-node-content slot,用于定制组件树节点

Browse Source 
re #368
This commit is contained in:
roymondchen 2022-09-22 14:43:00 +08:00 committed by jia000
parent 0a412ace9f
commit cda0c41ad4
3 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor/src/Editor.vue
View File

@ -11,6 +11,10 @@
<slot name="layer-panel-header"></slot>
</template>
<template #layer-node-content="{ node, data }">
<slot name="layer-node-content" :data="data" :node="node"></slot>
</template>
<template #component-list-panel-header>
<slot name="component-list-panel-header"></slot>
</template>

4
packages/editor/src/layouts/sidebar/Sidebar.vue
View File

@ -11,6 +11,10 @@
<slot name="layer-panel-header"></slot>
</template>
<template #layer-node-content="{ node, data }" v-if="item === 'layer'">
<slot name="layer-node-content" :data="data" :node="node"></slot>
</template>
<template #component-list-panel-header v-if="item === 'component-list'">
<slot name="component-list-panel-header"></slot>
</template>

13
packages/editor/src/layouts/sidebar/TabPane.vue
View File

@ -30,8 +30,17 @@
<component v-else-if="config.slots?.layerPanelHeader" :is="config.slots.layerPanelHeader" />
</template>
<template #layer-node-content="{ data, node }" v-if="config.slots?.layerNodeContent">
<component :is="config.slots?.layerNodeContent" :data="data" :node="node" />
<template
#layer-node-content="{ data: nodeData, node }"
v-if="data === 'layer' || config.slots?.layerNodeContent"
>
<slot v-if="data === 'layer'" name="layer-node-content" :data="nodeData" :node="node"></slot>
<component
v-else-if="config.slots?.layerNodeContent"
:is="config.slots.layerNodeContent"
:data="data"
:node="node"
/>
</template>
</component>
</el-tab-pane>