TinyEngine 下面各个子包的介绍

[chilingling]

TinyEngine 由多个功能包组成，组织结构如下：

packages/
├── common/                 # 工具（js 目录下）
          |___ component   子包共用的公共组件（比如区块列表页、Monaco 组件、消息提示组件、工具栏基础组件）
          |___ composable  官方核心的元服务，当前包含 http服务、出码服务、global Service 服务
          |___ js  各种共享的工具类（后续可能会继续抽离）
├── utils/                  # TinyEngine e 实用工具函数库
├── register/               # 注册表核心实现
├── vue-generator/          # 出码底层 package，可以供上层定制或改造
├── design-core/            # 核心设计引擎（主包），会将官方的插件、元服务重新导出
          |___  preview   页面预览的相关的代码（后续可能会抽离成单独的 package）
├── canvas/                 # 画布渲染系统，包含大部分画布相关的实现
          |___  render       画布渲染的核心实现
          |___  route-bar  画布上面的导航栏
          |___  container  画布（iframe）与外层的适配层，包含选中工具、右键菜单等实现
├── layout/                 # 页面布局管理插件，提供上层配置布局使用
├── configurator/           # 配置器工具，官方右侧面板的表单设置器的集合
├── svgs/                   # 提供 SvgIcon 组件，我们可以使用这个组件拿到所有注册的 icon
├── i18n/                   # 国际化支持
├── webcomponent/           # 画布 webComponent 支持（用于vue 渲染 webComponent）
├── block-compiler/         # 区块编译器，将区块编译成 blockURL，用于区块渲染
├── engine-cli/             # 命令行工具，支持用户使用命令行工具创建TinyEngine 二开平台、插件、主题
├── builtinComponent/       # 内置组件
├── blockToWebComponentTemplate/ # 原区块构建的模板（当前区块方案有变，这个 package 即将废弃）
├── toolbars/               # 各种工具栏插件
├── theme/                  # 主题系统，包含了基础色版、@opentiny/vue 组件库的样式覆盖
├── settings/               # 设置面板组件
          |___  events             # 高级属性配置面板（事件绑定、循环渲染、条件渲染）
          |___  props              # 属性配置面板
          |___  styles             # 样式配置面板
├── plugins/                 # 插件系统
           ├── block/                # 区块管理插件，用于创建、管理区块
           ├── bridge/              # 组件 utils 插件，用于管理各种工具类（npm、utils）
           ├── datasource/      # 数据源管理插件，用于创建、管理数据源
           ├── help/                  # 帮助文档元服务
           ├── i18n/                   # 国际化插件，为应用提供多语言支持
           ├── materials/          # 组件、区块等物料插件，可以在使用该插件选择组件拖入到画布
           ├── page/                 # 页面管理插件，用于创建、编辑和组织页面
           ├── robot/                # AI 助手集成插件，提供智能开发辅助
           ├── schema/            # 页面 schema 编辑、查看插件
           ├── script/               # 自定义脚本管理插件，用于添加业务逻辑
           ├── state/                # 状态管理插件，用于处理应用状态和页面状态
           ├── tree/                 # 大纲树插件，可视化显示画布的层级结构
          └── tutorial/           # 教程插件，用于帮助文档链接和教程
└── build/                  # 构建相关工具和配置
           |___  vite-config      二开工程的基础 vite 配置抽离，二开工程直接依赖这个 package，该包支持：连接本地源码调试、配置CDN本地化（原来支持，后来有 bug，即将修复），以及构建需要的一些配置抽离，减轻用户配置心智负担
           |___  vite-plugin-meta-comments   运行时替换 hotfix 核心插件，支持注册表进行代码行级别的覆盖