张张张张张

关键词 umd react hooks peerDependencies 前言 最近在弄基于阿里低代码引擎的低代码，需要使用到 umd 规范的 React 组件库，在对公司内部的组件库改造时挺顺利的，

1. 画布不显示 当你认为你做好了一切，但画布就是渲染不出来时，建议检查你的画布高度是否有被正确设置。

​ 此篇文章，不做分类，工作忙，暂仅做收录，后期再分类。 凡是用 withPropsAPI 包裹过得组件，组件 props 中都会有 propsAPI 属性，这是 ggeditor 暴露的 API。

抛砖引玉 ggeditor 中有这么三个功能：右键菜单、标签编辑、元素浮层，它们不是 ggeditor 的核心能力，而是插件，如图： 场景 我想做这么一个 DetailPanel（详情面板）扩展功能：

​ 相比 g6-editor，少了很多内置命令。 中文名称 英文名称 适用图类型（仅供参考） 撤销 undo All 重做 redo All 添加 add All 更新 update All 删除 r

​ 可以分为这么几类： 官方自定义动作事件 编辑器事件 通用事件 节点事件 边事件 画布事件 （以上链接均可点击，点击后将跳转至 ggeditor 的 github 仓库） 手册 官方自定义动作事件

GGEditor 的组件上下文这个概念，来自 gg-editor 的文档，但其实我感觉，这就是 react 的 ref，ref 包含了 GGEditor 组件下的所有属性和方法的对象，就像是一个实例。

​ 与 g6-editor 相比的话，在 ContextMenu 也同样少了许多功能，需要自己做更多在在不同选中状态下的差异显示隐藏控制。 如果业务需要的右键菜单功能比较复杂的话，可能需要像 Deta

​ 以下这一块，就是详情面板。 详见 github 中的示例代码。用过 g6-editor 同学可能知道，g6-editor 它不需要我们自己做在不同选中状态下，