🐛 fix: Fix on server side

lobehub · Nov 24, 2024 · b0171ca · b0171ca
1 parent a0c4c8d
commit b0171ca
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -90,7 +90,7 @@
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.13",
     "dumi": "^2.4.14",
-    "dumi-theme-lobehub": "^1.9.2",
+    "dumi-theme-lobehub": "^1.10.4",
     "eslint": "^8.57.1",
     "father": "^4.5.1",
     "husky": "^9.1.7",

diff --git a/src/DonutChart/index.tsx b/src/DonutChart/index.tsx
@@ -12,7 +12,7 @@ import NoData, { type NoDataProps } from '@/common/NoData';
 import { useThemeColorRange } from '@/hooks/useThemeColorRange';
 import type { EventProps } from '@/types';
 import { ValueFormatter } from '@/types';
-import { defaultValueFormatter } from '@/utils';
+import { defaultValueFormatter, isOnSeverSide } from '@/utils';
 
 import { DonutChartTooltip } from './DonutChartTooltip';
 import { parseLabelInput } from './inputParser';
@@ -80,6 +80,7 @@ const DonutChart = forwardRef<HTMLDivElement, DonutChartProps>((props, ref) => {
   const hasOnValueChange = !!onValueChange;
 
   useEffect(() => {
+    if (isOnSeverSide) return;
     const pieSectors = document.querySelectorAll('.recharts-pie-sector');
     if (pieSectors) {
       for (const sector of pieSectors) {

diff --git a/src/utils/getMaxLabelLength.ts b/src/utils/getMaxLabelLength.ts
@@ -1,7 +1,9 @@
 import { ValueFormatter } from '@/types';
-import { defaultValueFormatter } from '@/utils/index';
+import { defaultValueFormatter, isOnSeverSide } from '@/utils/index';
 
 export const getTextWidth = (text: string) => {
+  if (isOnSeverSide) return 0;
+
   // 创建临时 span 元素
   const span = document.createElement('span');