https://github.com/ly525/luban-h5/blob/master/front-end/h5/src/components/core/models/element.js

shortcutProps

需求背景:

以左侧组件列表中的文字组件为例,默认情况下,该组件的样式是比较简单的,但有时候希望可以配置不同主题:大号、中号、小号文字,红色、黑色文字

要解决的问题

那么在从组件列表拖拽到中间画布的时候,需要知道:
1. 选择了哪个组件
2. 选择了组件的某个prop的某个默认值,比如文字的 fontSize:100px 这样

解决方案:shortcutProps

https://github.com/ly525/luban-h5/blob/master/front-end/h5/src/components/core/models/element.js#L70

这样就能实现:基于一个组件,衍生出来各种主题风格的扩展组件了