From 736701d6968563f44b28500cbdc60e39c1c6a5b5 Mon Sep 17 00:00:00 2001
From: xuying <33517362+tangying1027@users.noreply.github.com>
Date: Tue, 28 May 2024 20:31:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20symbolsize=E4=BF=AE=E6=94=B9=E4=B8=BAwid?=
 =?UTF-8?q?th=20height=20(#1968)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: xuying.xu <xuying.xu@alibaba-inc.com>
---
 packages/f2/src/components/pictorial/pictorial.tsx |  2 +-
 .../f2/test/components/pictorial/basic.test.tsx    | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/f2/src/components/pictorial/pictorial.tsx b/packages/f2/src/components/pictorial/pictorial.tsx
index 032ee5ce2..2f943ea87 100644
--- a/packages/f2/src/components/pictorial/pictorial.tsx
+++ b/packages/f2/src/components/pictorial/pictorial.tsx
@@ -24,7 +24,7 @@ export default class Pictorial extends withInterval({}) {
             <group key={key}>
               {children.map((item) => {
                 const { xMax, xMin, yMax, yMin } = item;
-                return <Symbol {...item} symbolSize={[xMax - xMin, yMax - yMin]} px2hd={px2hd} />;
+                return <Symbol {...item} width={xMax - xMin} height={yMax - yMin} px2hd={px2hd} />;
               })}
             </group>
           );
diff --git a/packages/f2/test/components/pictorial/basic.test.tsx b/packages/f2/test/components/pictorial/basic.test.tsx
index 14d848e43..c7b6bfe9d 100644
--- a/packages/f2/test/components/pictorial/basic.test.tsx
+++ b/packages/f2/test/components/pictorial/basic.test.tsx
@@ -78,13 +78,13 @@ describe('pictorial', () => {
           <Pictorial
             x="x"
             y="value"
-            symbol={({ xMin, xMax, yMin, yMax, symbolSize, origin }) => (
+            symbol={({ xMin, xMax, yMin, yMax, width, height, origin }) => (
               <group>
                 <ellipse
                   style={{
-                    cx: xMin + symbolSize[0] / 2,
+                    cx: xMin + width / 2,
                     cy: yMax,
-                    rx: symbolSize[0] / 2,
+                    rx: width / 2,
                     ry: '20px',
                     fill: 'l(90) 0:#1f7eff 1:#64adff',
                   }}
@@ -93,17 +93,17 @@ describe('pictorial', () => {
                   style={{
                     x: xMin,
                     y: yMin,
-                    width: symbolSize[0],
-                    height: symbolSize[1],
+                    width,
+                    height,
                     fill: 'l(90) 0:#9cc1ff 1:#ecf5ff',
                     fillOpacity: 0.9,
                   }}
                 />
                 <ellipse
                   style={{
-                    cx: xMin + symbolSize[0] / 2,
+                    cx: xMin + width / 2,
                     cy: yMin,
-                    rx: symbolSize[0] / 2,
+                    rx: width / 2,
                     ry: '20px',
                     fill: 'l(90) 0:#1f7eff 1:#64adff',
                   }}