fix: number format type error

Signed-off-by: Innei <[email protected]>
mx-space · Oct 31, 2023 · c1db1d8 · c1db1d8
1 parent 9a1c9b7
commit c1db1d8
Showing 1 changed file with 27 additions and 16 deletions.
diff --git a/src/views/dashboard/statistic.tsx b/src/views/dashboard/statistic.tsx
@@ -4,21 +4,32 @@ import { defineComponent } from 'vue'
 export const Statistic = defineComponent({
   props: { label: String, value: [String, Number] },
   setup(props) {
-    return () => (
-      <Fragment>
-        {props.value === 'N/A' ? (
-          <NSpace vertical align="center" class="min-h-[4rem]">
-            <NSkeleton style={{ height: '.8rem', width: '5rem' }}></NSkeleton>
-            <NSkeleton style={{ height: '1.8rem', width: '3rem' }}></NSkeleton>
-          </NSpace>
-        ) : (
-          <NStatistic
-            label={props.label}
-            value={Intl.NumberFormat('en-us').format(props.value)}
-            tabularNums
-          ></NStatistic>
-        )}
-      </Fragment>
-    )
+    return () => {
+      const value = props.value
+      return (
+        <Fragment>
+          {props.value === 'N/A' ? (
+            <NSpace vertical align="center" class="min-h-[4rem]">
+              <NSkeleton style={{ height: '.8rem', width: '5rem' }}></NSkeleton>
+              <NSkeleton
+                style={{ height: '1.8rem', width: '3rem' }}
+              ></NSkeleton>
+            </NSpace>
+          ) : (
+            <NStatistic
+              label={props.label}
+              value={
+                typeof value === 'string'
+                  ? value
+                  : typeof value === 'undefined'
+                  ? ''
+                  : Intl.NumberFormat('en-us').format(value)
+              }
+              tabularNums
+            ></NStatistic>
+          )}
+        </Fragment>
+      )
+    }
   },
 })