perf: update statistic

components/statistic/Countdown.jsx

@@ -77,11 +77,9 @@ export default {
       <Statistic
         ref="statistic"
         {...{
-          props: {
+          ...this.$props,
-            ...this.$props,
+          valueRender: this.valueRenderHtml,
-            valueRender: this.valueRenderHtml,
+          formatter: this.formatCountdown,
-            formatter: this.formatCountdown,
-          },
         }}
       />
     );

components/statistic/Number.jsx

@@ -1,7 +1,7 @@
 import padEnd from 'lodash/padEnd';
 import { createVNode } from 'vue';
 
-export default (_, { attrs }) => {
+const Number = (_, { attrs }) => {
   const { value, formatter, precision, decimalSeparator, groupSeparator = '', prefixCls } = attrs;
   let valueNode;
 
@@ -46,5 +46,5 @@ export default (_, { attrs }) => {
   return <span class={`${prefixCls}-content-value`}>{valueNode}</span>;
 };
 
-const name = 'AStatisticNumber';
+Number.name = 'AStatisticNumber';
-export { name };
+export default Number;

components/statistic/Statistic.jsx

@@ -17,6 +17,7 @@ export const StatisticProps = {
   prefix: PropTypes.any,
   suffix: PropTypes.any,
   title: PropTypes.any,
+  onFinish: PropTypes.func,
 };
 
 export default {
@@ -25,9 +26,6 @@ export default {
     decimalSeparator: '.',
     groupSeparator: ',',
   }),
-  inject: {
-    configProvider: { default: () => ConfigConsumerProps },
-  },
 
   setup() {
     return {
@@ -44,9 +42,13 @@ export default {
     let prefix = getComponent(this, 'prefix');
     let suffix = getComponent(this, 'suffix');
     const formatter = getComponent(this, 'formatter', {}, false);
-    let valueNode = (
+    const props = {
-      <StatisticNumber {...{ props: { ...this.$props, prefixCls, value, formatter } }} />
+      ...this.$props,
-    );
+      prefixCls,
+      value,
+      formatter,
+    };
+    let valueNode = <StatisticNumber {...props} />;
     if (valueRender) {
       valueNode = valueRender(valueNode);
     }