perf: lego组件库更新写法,去掉warning

thundersdata-frontend · Nov 8, 2023 · 5d70073 · 5d70073
1 parent fdb209e
commit 5d70073
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 20 deletions.
diff --git a/.changeset/rare-news-prove.md b/.changeset/rare-news-prove.md
@@ -0,0 +1,5 @@
+---
+'@td-design/lego': patch
+---
+
+perf: lego组件库更新写法,去掉warning
diff --git a/packages/lego/src/horizontal-bar/index.tsx b/packages/lego/src/horizontal-bar/index.tsx
@@ -126,11 +126,9 @@ export default forwardRef<ReactEcharts, HorizontalBarProps>(
             show: true,
           },
           axisLabel: {
+            ...theme.typography[inModal ? 'p0' : 'p2'],
             show: true,
-            textStyle: {
-              ...theme.typography[inModal ? 'p0' : 'p2'],
-              color: theme.colors.gray100,
-            },
+            color: theme.colors.gray100,
           },
           axisTick: {
             show: true,
@@ -164,11 +162,9 @@ export default forwardRef<ReactEcharts, HorizontalBarProps>(
               ]),
             },
             label: {
+              ...theme.typography[inModal ? 'p0' : 'p2'],
+              color: theme.colors.gray100,
               formatter: '{b}',
-              textStyle: {
-                ...theme.typography[inModal ? 'p0' : 'p2'],
-                color: theme.colors.gray100,
-              },
               position: 'left',
               distance: 10, // 向右偏移位置
               show: true,

diff --git a/packages/lego/src/img-line/index.tsx b/packages/lego/src/img-line/index.tsx
@@ -154,10 +154,8 @@ export default forwardRef<ReactEcharts, ImgLineProps>(
             },
           },
           areaStyle: {
-            normal: {
-              color: getAreaColorsByIndex(index),
-              shadowColor: getColorsByIndex(index),
-            },
+            color: getAreaColorsByIndex(index),
+            shadowColor: getColorsByIndex(index),
           },
         })),
       },

diff --git a/packages/lego/src/progress/index.tsx b/packages/lego/src/progress/index.tsx
@@ -99,7 +99,7 @@ export default forwardRef<ReactEcharts, ProgressProps>(
             },
             itemStyle: {
               color: createLinearGradient(theme.colors.primary50, false),
-              barBorderRadius: 11,
+              borderRadius: 11,
             },
           },
           {
@@ -121,7 +121,7 @@ export default forwardRef<ReactEcharts, ProgressProps>(
             },
             itemStyle: {
               color: createLinearGradient(theme.colors.primary100, false),
-              barBorderRadius: 11,
+              borderRadius: 11,
             },
           },
           {

diff --git a/packages/lego/src/radar/index.tsx b/packages/lego/src/radar/index.tsx
@@ -108,8 +108,8 @@ export default forwardRef<ReactEcharts, RadarProps>(
         radar: {
           center: ['50%', '50%'],
           radius: '70%',
-          nameGap: 5,
-          name: {
+          axisNameGap: 5,
+          axisName: {
             formatter: (_: string, indicator: IndicatorItem) => {
               return `{a|${indicator.name ?? ''}}\n{a|${indicator.max}${indicator.unit ?? ''}}`;
             },

diff --git a/packages/lego/src/utils/createStackSeries.ts b/packages/lego/src/utils/createStackSeries.ts
@@ -19,10 +19,8 @@ export default function createStackSeries(
       symbolSize: ['100%', 10],
       symbolRotate: 0,
       itemStyle: {
-        normal: {
-          borderWidth: 0,
-          color: chartColor[0][0],
-        },
+        borderWidth: 0,
+        color: chartColor[0][0],
       },
       animation: false,
       barMaxWidth: 20,