内置资源

内置组件

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

内置面板

ResourcePanelMaker

资源面板,显示编辑器中所有已经安装的资源。支持功能:

  • 资源的搜索
  • 按类型过滤资源
  • 按包名过滤资源

PageComponentTreeMaker

页面组件树,显示编辑器中已有的页面和其包含的组件,支持功能:

  • 搜索页面和组件
  • 新建页面
  • 点击页面打开页面编辑器
  • 点击组件选中组件

ComponentEditorMaker

基础组件编辑器,支持一些基础的组件编辑功能,有:

  • 组件名称编辑
  • 组件属性编辑
  • 组件插槽编辑
  • 组件事件编辑

PageEditorMaker

页面编辑器,有以下功能:

  • 组件选取
  • 页面实时效果预览
  • 编辑撤销与恢复
  • 页面删除以及相关信息编辑、查看
  • 页面预览窗口的大小调整