我自己设计的低代码引擎大体分为这几个部分（承接上一篇

# 状态类

还有一些附加的状态类，比如线类

# 渲染引擎与预设

一个渲染引擎的类，内部产生 vnode
工具函数本质上，就是物料库中的每个组件/物料，一定会映射一个对象，当渲染或其他操作时，只需要找这个对象上的方法就好。我称这个映射的过程为注册模块。一个模块最起码要有一个 render 方法(返回 vnode)，在这个方法的内部，(可能此时需要添加事件，注入样式等等需求)，通过实例化引擎类，编排该类上的方法(我叫这些方法为预设)，或者通过继承这个类，利用工具函数，增添自定义预设，再编排。也就是，只需要关心预设的编排，而不是 vnode 本身
附，如果对样式有独特的需求，比如我用了原子类 css，就是在预设中进行处理，如果需要换成行内样式，只需要换预设就好再附，一些操作，比如拖拽移动，可能会比较具备特殊性，假设我需要这个组件可以一部分暴露在容器外 or 必须全部在容器内部，这种需求就比较特殊，如果把拖拽这些东西写死，就不太方便了，这些特殊部分，完全可自定义放在预设这里

这里指的渲染，可不单单是画布渲染，可以是预览环境的渲染，可以是真实环境(生产环境)的渲染，也可以是物料库时预览的渲染，甚至可以是从物料库拖拽到画布过程中的渲染。(只需要在注册模块时多加个 preview 方法 render、drag 方法等等)只要是返回 vnode 就行

三代码引擎与预设和上面一样，但它是针对代码而不是渲染，同样通过工具函数以及预设去操作

这两的本质都是对 block(node) 操作变成 vnode/code

四一些 helper 函数与组件

引擎与预设并不能解决全部问题！比如组件在拖拽进入渲染区之前，也就是还没渲染时，此时渲染引擎上的预设还没作用，此时仍需要一些基本的工具函数

比较通用的工具类组件我放在另一个包里了，先不提