编辑器系列—插件渲染机制

单个插件渲染流程

image.png

多插件

插件机制有一个关键的问题是:当注册了多个插件,如何正确的找出要渲染的哪个插件。

插件的冒泡机制:先注册的插件会后执行,这很像数据结构中的“栈”,先入后出。比如,注册了三个插件 [A, B, C],那么渲染时会优先取出 C,运行预渲染函数(renderElement),然后是 B,最后是 A,每个渲染函数中可以通过插件的类型与当前插件预定义的类型相比较,如果匹配则返回当前预定义插件对应的视图组件,否则流转到下一个插件,继续重复此逻辑 ,如下图:

image.png

源码

image.png