mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-10-31 12:32:17 +08:00
122 lines
3.1 KiB
Markdown
122 lines
3.1 KiB
Markdown
# Editor组件 slots
|
||
|
||
## nav
|
||
|
||
- **详情：** 编辑器顶部菜单栏
|
||
|
||
- **默认：** [NavMenu.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/NavMenu.vue)
|
||
|
||
:::warning
|
||
属性配置[menu](./props.md#menu)由默认组件接收，如设置该slot，[menu](./props.md#menu)配置将失效
|
||
:::
|
||
|
||
## sidebar
|
||
|
||
- **详情：** 左边栏
|
||
|
||
- **默认：** [Sidebar.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/sidebar/Sidebar.vue)
|
||
|
||
:::warning
|
||
属性配置[sidebar](./props.md#sidebar)由默认组件接收，如设置该slot，[sidebar](./props.md#sidebar)配置将失效
|
||
:::
|
||
|
||
## component-list-panel-header
|
||
|
||
- **详情：** 左边栏中的组件列表内上方位置
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## component-list-item
|
||
|
||
- **详情：** 左边栏中的组件列表中组件item
|
||
|
||
- **默认：** 图片加文案
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## layer-panel-header
|
||
|
||
- **详情：** 左边栏中的已选组件（组件树）内顶部位置
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## layer-node-content
|
||
|
||
- **详情：** 左边栏中的已选组件（组件树）节点
|
||
|
||
- **默认：** 组件名称加id
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## code-block-panel-header
|
||
|
||
- **详情：** 左边栏中的代码块列表内顶部位置
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## code-block-panel-tool
|
||
|
||
- **详情：** 左边栏中的代码块列表中代码块右侧位置
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## code-block-edit-panel-header
|
||
|
||
- **详情：** 代码块弹窗编辑器中弹窗顶部区域
|
||
|
||
:::warning
|
||
如设置了[sidebar](#sidebar)插槽，此插槽将失效
|
||
:::
|
||
|
||
## workspace
|
||
|
||
- **详情：** 编辑器中间区域
|
||
|
||
- **默认：** [Workspace.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/workspace/Workspace.vue)
|
||
|
||
## stage
|
||
|
||
- **详情：** 画布
|
||
|
||
- **默认：** [Stage.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/workspace/Stage.vue)
|
||
|
||
## workspace-content
|
||
|
||
- **详情：** 编辑器中间区域内
|
||
|
||
## page-bar-title
|
||
|
||
- **详情：** 编辑器中间区域底部页面标题
|
||
|
||
## page-bar-popover
|
||
|
||
- **详情：** 编辑器中间区域底部页面标题悬浮框
|
||
|
||
## props-panel
|
||
|
||
- **详情：** 编辑器右侧属性配置
|
||
|
||
- **默认：** [PropsPanel.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/PropsPanel.vue)
|
||
|
||
## props-panel-header
|
||
|
||
- **详情：** 编辑器右侧属性配置内顶部区域
|
||
|
||
## empty
|
||
|
||
- **详情：** 当前没有页面时，编辑器中间区域
|
||
|
||
- **默认：** [AddPageBox.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/AddPageBox.vue)
|