fix: The legend display of the Veen chart is abnormal (#2910)

Author: lxfu1

packages/plots/src/core/constants/index.ts

@@ -64,6 +64,7 @@ export const TRANSFORM_OPTION_KEY = {
   angleField: 'encode.y',
   keyField: 'encode.key',
   sizeField: 'encode.size',
+  setsField: 'encode.sets',
   shapeField: 'encode.shape',
   seriesField: 'encode.series',
   positionField: 'encode.position',

packages/plots/src/core/plots/venn/adaptor.ts

@@ -28,10 +28,9 @@ export function adaptor(params: Params) {
           },
         ],
       });
-      set(options, 'colorField', setsField);
+      set(options, 'colorField', DefaultTransformKey.color);
       set(options, ['children', '0', 'encode', 'd'], DefaultTransformKey.d);
     }
-    set(params, 'options', omit(options, ['sizeField', 'setsField']));
     return params;
   };
 

site/examples/case/interactions/demo/memo.js

@@ -2,6 +2,7 @@ import { Pie } from '@ant-design/plots';
 import { Button } from 'antd';
 import { isEqual } from 'lodash';
 import React, { memo, useState } from 'react';
+import { createRoot } from 'react-dom';
 
 const DemoPie = memo(
   ({ data, onReady }) => {