内置资源
内置组件
RootAppMaker
根应用组件,所有的页面的根组件,它有一个默认的插槽default
。在创建一个新页面的时候,它会被默认使用,它的代码很简单:
<template>
<div class="root-app">
<slot></slot>
</div>
</template>
<script lang="ts" setup>
</script>
<style lang="less" scoped>
.root-app {
width: 100%;
height: 100%;
position: relative;
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
内置面板
ResourcePanelMaker
资源面板,显示编辑器中所有已经安装的资源。支持功能:
- 资源的搜索
- 按类型过滤资源
- 按包名过滤资源
PageComponentTreeMaker
页面组件树,显示编辑器中已有的页面和其包含的组件,支持功能:
- 搜索页面和组件
- 新建页面
- 点击页面打开页面编辑器
- 点击组件选中组件
ComponentEditorMaker
基础组件编辑器,支持一些基础的组件编辑功能,有:
- 组件名称编辑
- 组件属性编辑
- 组件插槽编辑
- 组件事件编辑
PageEditorMaker
页面编辑器,有以下功能:
- 组件选取
- 页面实时效果预览
- 编辑撤销与恢复
- 页面删除以及相关信息编辑、查看
- 页面预览窗口的大小调整