fix(runtime): process data (#5494)

__tests__/plots/static/gauge-default.ts

@@ -2,13 +2,15 @@ import { G2Spec } from '../../../src';
 
 export function gaugeDefault(): G2Spec {
   return {
-    type: 'gauge',
+    type: 'view',
+    legend: false,
     data: {
       value: {
         target: 120,
         total: 400,
         name: 'score',
       },
     },
+    children: [{ type: 'gauge' }],
   };
 }

src/runtime/plot.ts

@@ -500,8 +500,16 @@ async function transformMarks(
       const { composite = true } = props;
       if (!composite) flattenMarks.push(mark);
       else {
+        // Unwrap data from { value: data } to data,
+        // then the composite mark can process the normalized data.
+        const { data } = mark;
+        const newMark = {
+          ...mark,
+          data: data ? (Array.isArray(data) ? data : data.value) : data,
+        };
+
         // Convert composite mark to marks.
-        const marks = await useMark(mark, context);
+        const marks = await useMark(newMark, context);
         const M = Array.isArray(marks) ? marks : [marks];
         discovered.unshift(...M.map((d, i) => ({ ...d, key: `${key}-${i}` })));
       }

src/runtime/transform.ts

@@ -42,9 +42,20 @@ export async function applyDataTransform(
   const transform = [connector, ...T];
   const transformFunctions = transform.map(useData);
   const transformedData = await composeAsync(transformFunctions)(data);
+
+  // Maintain the consistency of shape between input and output data.
+  // If the shape of raw data is like { value: any }
+  // and the returned transformedData is Object,
+  // returns the wrapped data: { value: transformedData },
+  // otherwise returns the processed tabular data.
+  const newData =
+    data && !Array.isArray(data) && !Array.isArray(transformedData)
+      ? { value: transformedData }
+      : transformedData;
+
   return [
     Array.isArray(transformedData) ? indexOf(transformedData) : [],
-    { ...mark, data: transformedData },
+    { ...mark, data: newData },
   ];
 }