From 8b27d06eaa6be9594f9bd8538f2d3a88823dad14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Thu, 2 Jun 2022 11:36:03 +0800
Subject: [PATCH] chore: stlye patch of statistic (#35874)

* chore: stlye patch of statistic

* test: Udpate snapshot
---
 components/statistic/Statistic.tsx                            | 2 +-
 .../__tests__/__snapshots__/demo-extend.test.ts.snap          | 2 +-
 .../statistic/__tests__/__snapshots__/demo.test.js.snap       | 2 +-
 components/statistic/style/index.less                         | 4 ++++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/statistic/Statistic.tsx b/components/statistic/Statistic.tsx
index 3d9e764a1a..05843128f9 100644
--- a/components/statistic/Statistic.tsx
+++ b/components/statistic/Statistic.tsx
@@ -54,7 +54,7 @@ const Statistic: React.FC<StatisticProps & ConfigConsumerProps> = props => {
   return (
     <div className={cls} style={style} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
       {title && <div className={`${prefixCls}-title`}>{title}</div>}
-      <Skeleton paragraph={false} loading={loading}>
+      <Skeleton paragraph={false} loading={loading} className={`${prefixCls}-skeleton`}>
         <div style={valueStyle} className={`${prefixCls}-content`}>
           {prefix && <span className={`${prefixCls}-content-prefix`}>{prefix}</span>}
           {valueRender ? valueRender(valueNode) : valueNode}
diff --git a/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
index 5fe892af96..ce77558e64 100644
--- a/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -86,7 +86,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
         Active Users
       </div>
       <div
-        class="ant-skeleton"
+        class="ant-skeleton ant-statistic-skeleton"
       >
         <div
           class="ant-skeleton-content"
diff --git a/components/statistic/__tests__/__snapshots__/demo.test.js.snap b/components/statistic/__tests__/__snapshots__/demo.test.js.snap
index 603e3cdde7..2c797a3116 100644
--- a/components/statistic/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/statistic/__tests__/__snapshots__/demo.test.js.snap
@@ -86,7 +86,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
         Active Users
       </div>
       <div
-        class="ant-skeleton"
+        class="ant-skeleton ant-statistic-skeleton"
       >
         <div
           class="ant-skeleton-content"
diff --git a/components/statistic/style/index.less b/components/statistic/style/index.less
index 17d023ffa3..e3c2536e13 100644
--- a/components/statistic/style/index.less
+++ b/components/statistic/style/index.less
@@ -12,6 +12,10 @@
     font-size: @statistic-title-font-size;
   }
 
+  &-skeleton {
+    padding-top: @padding-md;
+  }
+
   &-content {
     color: @heading-color;
     font-size: @statistic-content-font-size;