fix: symbolsize修改为width height (#1968)

Co-authored-by: xuying.xu <xuying.xu@alibaba-inc.com>
antvis · May 28, 2024 · 736701d · 736701d
1 parent 6a6b226
commit 736701d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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',
                   }}