[v5] 增加 node 类型 diamond 组件 #5396

AntV Open Source Contribution Plan（可选/Optional）

• 我同意将这个 Issue 参与 OSCP 计划 / I agree to participate in the OSCP plan

Issue 类型 / Issue Type

中级任务 / Intermediate Task

任务介绍 / Task Description

v5 将 node edge 重构成基于 G 的场景树方式，所以每一个 ui 都是属于 G 的组件（参考 React 中的概念）。

最终 rect 类型的 node 样式如下图所示：

参考 DEMO：https://g6-next.antv.antgroup.com/zh/examples/item/defaultNodes/#diamond

参考说明 / Reference Description

具体实现上，可以参考 packages/g6/src/elements/nodes/circle.ts circle 类型的 node，主要需要做几个事情：

1. rect 实现，主要是集成 base-node，实现 keyShape 方法
2. 完备的组件类型定义
3. 集成测试

参考这个 PR：https://github.com/antvis/G6/pull/5410

相关设计文档：https://www.yuque.com/antv/g6/gl1iof1xpzg6ed98