fix: 修复分面图下多图例显示配置

Author: 荊芥

src/plots/facet/adaptor.ts

@@ -41,6 +41,14 @@ function facetAdaptor(params: Params<FacetOptions>): Params<FacetOptions> {
       } else {
         const plot = viewOptions as IPlot;
         const plotOptions = plot.options;
+
+        // 如果 view 内部没有指定映射字段，则使用 options 内指定的映射字段
+        ['seriesField', 'colorField', 'shapeField', 'sizeField', 'groupField'].forEach((key) => {
+          if (options[key] && typeof plotOptions[key] === 'undefined') {
+            plotOptions[key] = options[key];
+          }
+        });
+
         // @ts-ignore 仪表盘没 tooltip
         if (plotOptions.tooltip) {
           // 配置 tooltip 交互
@@ -56,7 +64,20 @@ function facetAdaptor(params: Params<FacetOptions>): Params<FacetOptions> {
 
 function component(params: Params<FacetOptions>): Params<FacetOptions> {
   const { chart, options } = params;
-  const { axes, meta, tooltip, coordinate, theme, legend, interactions, annotations } = options;
+  const {
+    axes,
+    meta,
+    tooltip,
+    coordinate,
+    theme,
+    legend,
+    interactions,
+    annotations,
+    shapeField,
+    sizeField,
+    shapeLegend,
+    sizeLegend,
+  } = options;
 
   // 3. meta 配置
   let scales: Record<string, any> = {};
@@ -91,6 +112,17 @@ function component(params: Params<FacetOptions>): Params<FacetOptions> {
 
   // 7. legend 配置（默认展示）
   chart.legend(legend);
+  if (shapeField) {
+    chart.legend(shapeField, shapeLegend ? shapeLegend : false);
+  }
+
+  if (sizeField) {
+    chart.legend(sizeField, sizeLegend ? sizeLegend : false);
+  }
+  // /** 默认不展示 shape 图例，当 shapeLegend 为 undefined 也不展示图例 */
+  if (!legend && !shapeLegend && !sizeLegend) {
+    chart.legend(false);
+  }
 
   // theme 配置
   if (theme) {

src/plots/facet/types.ts

@@ -149,4 +149,24 @@ export interface FacetOptions<T extends keyof Types.FacetCfgMap = keyof Types.Fa
    * @title 图例配置
    */
   readonly interactions?: Interaction[];
+  /**
+   * @title 形状字段
+   * @description 形状映射字段
+   */
+  readonly shapeField?: string;
+  /**
+   * @title 大小字段
+   * @description 大小映射字段
+   */
+  readonly sizeField?: string;
+  /**
+   * @title 形状图例配置
+   * @description 形状图例的配置项
+   */
+  readonly shapeLegend?: Legend | false;
+  /**
+   * @title 大小图例配置
+   * @description 大小图例的配置项
+   */
+  readonly sizeLegend?: Legend | false;
 }