在 H5-dooring 创建的初期主要考虑的方向是用户使用的便捷性, 即最大程度的降低用户操作成本, 所以采用了智能布局, 也就是react-grid-layout这个库, 之前考虑过完全的自由布局,...笔者接下来会介绍如何在 H5页面编辑器 中自定义开发自己的组件, 以及如何开发可以使H5展现力更强的组件: 地图和日历组件....编写, 所以我们需要定义对应的ts类型, 来实现组件的健壮性和可溯源....这一部分主要包含了组件的shape的类型定义和基本的可编辑属性(editable), 如下:
export type TCalendarEditData = Array<INumberConfigType...',
};
export default template;
有了以上三个部分, 我们要可以渲染出一个在画布中可拖拽, 可编辑的组件了.