feat(chord): 和弦图增加 state 通道 & 文档移除 color 配置 (#2527)

Author: visiky

docs/common/chord.zh.md

@@ -47,8 +47,6 @@ order: 28
 
 弦图边样式的配置。
 
-`markdown:docs/common/color.zh.md`
-
 #### nodeWidthRatio
 
 <description>**optional** _number_</description>
@@ -61,7 +59,6 @@ order: 28
 
 弦图节点之间的间距，0 ~ 1，参考画布的高度，默认为 `0.1`。
 
-
 ### Plot Event
 
 `markdown:docs/common/events.zh.md`

docs/common/theme.en.md

@@ -100,4 +100,6 @@ In addition, G2 provides a custom topic mechanism to define a new topic structur
 
 <playground path="general/theme/demo/register-theme.ts" rid="rect-register-theme"></playground>
 
-Go [DEMO](/en/examples/general/theme#register-theme)
+🌰 Customize theme [DEMO](/zh/examples/general/theme#register-theme) 
+💄 Online theme constructor [AntV ThemeSet](https://theme-set.antv.vision)
+

docs/common/theme.zh.md

@@ -87,5 +87,6 @@ plot.update({ theme: { defaultColor: '#FF6B3B' } })
 
 <playground path="general/theme/demo/register-theme.ts" rid="rect-register-theme"></playground>
 
-前往 [DEMO](/zh/examples/general/theme#register-theme)
+🌰 自定义主题 [DEMO](/zh/examples/general/theme#register-theme) 示例
+💄 在线主题构建工具 [AntV ThemeSet](https://theme-set.antv.vision)
 

src/index.ts

@@ -81,7 +81,7 @@ export type { RingProgressOptions } from './plots/ring-progress';
 export { Heatmap } from './plots/heatmap';
 export type { HeatmapOptions } from './plots/heatmap';
 
-// 箱线图及类型定义 | author by [BBSQQ](https://github.com/BBSQQ)
+// 箱线图及类型定义 | author by [BBSQQ](https://github.com/BBSQQ), [visiky](https://github.com/visiky)
 export { Box } from './plots/box';
 export type { BoxOptions } from './plots/box';
 
@@ -129,7 +129,7 @@ export type { TreemapOptions } from './plots/treemap';
 export { Sankey } from './plots/sankey';
 export type { SankeyOptions } from './plots/sankey';
 
-// 弦图及类型定义 | author by [MrSmallLiu](https://github.com/MrSmallLiu)
+// 弦图及类型定义 | author by [MrSmallLiu](https://github.com/MrSmallLiu), [visiky](https://github.com/visiky)
 export { Chord } from './plots/chord';
 export type { ChordOptions } from './plots/chord';
 

src/plots/chord/adaptor.ts

@@ -1,4 +1,4 @@
-import { interaction, animation, theme } from '../../adaptor/common';
+import { interaction, animation, theme, state } from '../../adaptor/common';
 import { Params } from '../../core/adaptor';
 import { flow } from '../../utils';
 import { polygon, edge } from '../../adaptor/geometries';
@@ -177,6 +177,7 @@ function edgeGeometry(params: Params<ChordOptions>): Params<ChordOptions> {
 export function adaptor(params: Params<ChordOptions>) {
   // flow 的方式处理所有的配置到 G2 API
   return flow(
+    theme,
     transformData,
     coordinate,
     scale,
@@ -186,7 +187,7 @@ export function adaptor(params: Params<ChordOptions>) {
     edgeGeometry,
     nodeGeometry,
     interaction,
-    animation,
-    theme
+    state,
+    animation
   )(params);
 }

src/utils/transform/chord.ts

@@ -56,6 +56,7 @@ type ChordLayoutOutputData = {
   readonly nodes: OutputNode[];
   readonly links: OutputLink[];
 };
+
 /**
  * 处理节点的value、edges
  * @param nodeById
@@ -80,6 +81,7 @@ function processGraph(nodeById, edges, options) {
     });
   });
 }
+
 /**
  * 节点排序
  * @param nodes
@@ -201,9 +203,11 @@ function locatingEdges(nodeById, edges, options): OutputLink[] {
   }
   return edges;
 }
+
 export function getDefaultOptions(options: ChordLayoutOptions): ChordLayoutOptions {
   return assign({}, DEFAULT_OPTIONS, options);
 }
+
 export function chordLayout(
   chordLayoutOptions: ChordLayoutOptions,
   chordLayoutInputData: NodeLinkData