From d2d2ca3b84217217b1d28fb1865c31de05735814 Mon Sep 17 00:00:00 2001
From: ltinerary <948615201@qq.com>
Date: Tue, 7 Dec 2021 21:11:24 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=88=20fix=20countdown=20slot=20Bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/statistic/Countdown.tsx           | 10 ++-
 components/statistic/demo/countdown-slot.vue | 68 ++++++++++++++++++++
 components/statistic/demo/index.vue          |  3 +
 3 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 components/statistic/demo/countdown-slot.vue

diff --git a/components/statistic/Countdown.tsx b/components/statistic/Countdown.tsx
index 3fb37620fc..a2ccb8c167 100644
--- a/components/statistic/Countdown.tsx
+++ b/components/statistic/Countdown.tsx
@@ -16,7 +16,7 @@ export default defineComponent({
     format: 'HH:mm:ss',
   }),
   emits: ['finish', 'change'],
-  setup(props, { emit }) {
+  setup(props, { emit, slots }) {
     const countdownId = ref<any>();
     const statistic = ref();
     const syncTimer = () => {
@@ -76,6 +76,9 @@ export default defineComponent({
       stopTimer();
     });
     return () => {
+      const title = props.title ?? slots.title?.();
+      const prefix = props.prefix ?? slots.prefix?.();
+      const suffix = props.suffix ?? slots.suffix?.();
       return (
         <Statistic
           ref={statistic}
@@ -84,6 +87,11 @@ export default defineComponent({
             valueRender: valueRenderHtml,
             formatter: formatCountdown,
           }}
+          v-slots={{
+            title,
+            prefix,
+            suffix,
+          }}
         />
       );
     };
diff --git a/components/statistic/demo/countdown-slot.vue b/components/statistic/demo/countdown-slot.vue
new file mode 100644
index 0000000000..fec5ca052a
--- /dev/null
+++ b/components/statistic/demo/countdown-slot.vue
@@ -0,0 +1,68 @@
+<docs>
+---
+order: 4
+title:
+  zh-CN: 倒计时组件
+  en-US: Countdown
+---
+
+## zh-CN
+
+倒计时组件使用插槽。
+
+## en-US
+
+Countdown component slots.
+
+</docs>
+
+<template>
+  <a-row :gutter="16">
+    <a-col :span="12">
+      <a-statistic-countdown :value="deadline" style="margin-right: 50px" @finish="onFinish">
+        <template #title>
+          <span>Countdown</span>
+          <a-tooltip placement="right">
+            <template #title>
+              <span>hurry up!</span>
+            </template>
+            <question-circle-two-tone style="margin-left: 5px" />
+          </a-tooltip>
+        </template>
+      </a-statistic-countdown>
+    </a-col>
+    <a-col :span="24" style="margin-top: 32px">
+      <a-statistic-countdown
+        title="Million Seconds countdown"
+        :value="deadline"
+        format="HH:mm:ss:SSS"
+        style="margin-right: 50px"
+      >
+        <template #prefix>
+          <span>There's only</span>
+        </template>
+        <template #suffix>
+          <span>left for the end.</span>
+        </template>
+      </a-statistic-countdown>
+    </a-col>
+  </a-row>
+</template>
+<script lang="ts">
+import { QuestionCircleTwoTone } from '@ant-design/icons-vue';
+import { defineComponent } from 'vue';
+export default defineComponent({
+  components: {
+    QuestionCircleTwoTone,
+  },
+  setup() {
+    const onFinish = () => {
+      console.log('finished!');
+    };
+    return {
+      deadline: Date.now() + 1000 * 60 * 60 * 20 * 2,
+      onFinish,
+    };
+  },
+});
+</script>
diff --git a/components/statistic/demo/index.vue b/components/statistic/demo/index.vue
index e79ab9d6af..a395ac713e 100644
--- a/components/statistic/demo/index.vue
+++ b/components/statistic/demo/index.vue
@@ -4,6 +4,7 @@
     <unit />
     <card />
     <countdown />
+    <countdown-slot />
   </demo-sort>
 </template>
 <script lang="ts">
@@ -11,6 +12,7 @@ import Basic from './basic.vue';
 import Unit from './unit.vue';
 import Card from './card.vue';
 import Countdown from './countdown.vue';
+import CountdownSlot from './countdown-slot.vue';
 import CN from '../index.zh-CN.md';
 import US from '../index.en-US.md';
 import { defineComponent } from 'vue';
@@ -22,6 +24,7 @@ export default defineComponent({
     Unit,
     Card,
     Countdown,
+    CountdownSlot,
   },
   setup() {
     return {};

From 8cf4ceb4553b84a08502e3435e253b080f101323 Mon Sep 17 00:00:00 2001
From: 24min <948615201@qq.com>
Date: Wed, 8 Dec 2021 09:59:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E2=9C=A8=20review=20change?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/statistic/Countdown.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/components/statistic/Countdown.tsx b/components/statistic/Countdown.tsx
index a2ccb8c167..b9f84a1c46 100644
--- a/components/statistic/Countdown.tsx
+++ b/components/statistic/Countdown.tsx
@@ -76,9 +76,6 @@ export default defineComponent({
       stopTimer();
     });
     return () => {
-      const title = props.title ?? slots.title?.();
-      const prefix = props.prefix ?? slots.prefix?.();
-      const suffix = props.suffix ?? slots.suffix?.();
       return (
         <Statistic
           ref={statistic}
@@ -87,11 +84,7 @@ export default defineComponent({
             valueRender: valueRenderHtml,
             formatter: formatCountdown,
           }}
-          v-slots={{
-            title,
-            prefix,
-            suffix,
-          }}
+          v-slots={slots}
         />
       );
     };