fix: fix CountTo not working (#96)

developer-plus · May 4, 2022 · 0a65d71 · 0a65d71
1 parent 46465e5
commit 0a65d71
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 12 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/CountTo/src/CountTo.vue b/src/components/CountTo/src/CountTo.vue
@@ -6,7 +6,7 @@
 import { TransitionPresets } from '@vueuse/core'
 import { isNumber } from '~/utils/is'
 
-interface Props {
+export interface Props {
   startVal?: number
   endVal?: number
   duration?: number

diff --git a/src/views/demo/count-to/index.vue b/src/views/demo/count-to/index.vue
@@ -9,14 +9,9 @@
           -1000
         </a-button>
       </a-space>
-
       <div class="mt-20px">
         <a-card-grid style="width: 50%; text-align: center">
-          <count-to
-            :start-val="startVal"
-            :end-val="endVal"
-            prefix="$"
-          />
+          <count-to :start-val="startVal" :end-val="endVal" prefix="$" />
         </a-card-grid>
         <a-card-grid style="width: 50%; text-align: center">
           <count-to
@@ -28,7 +23,6 @@
         </a-card-grid>
       </div>
     </a-card>
-
     <a-card title="数字动画（手动）" class="enter-y !mt-16px">
       <a-space>
         <a-button @click="countToRef.start()">
@@ -38,7 +32,6 @@
           重置
         </a-button>
       </a-space>
-
       <div class="mt-20px">
         <a-card-grid style="width: 100%; text-align: center">
           <count-to
@@ -58,10 +51,12 @@
 <script setup lang="ts">
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { PageWrapper } from '~/components/Page'
-import type { CountTo } from '~/components/CountTo'
+import type { Props } from '~/components/CountTo'
+import { CountTo } from '~/components/CountTo'
 
 const startVal = ref(0)
 const endVal = ref(6666)
 
-const countToRef = ref<InstanceType<typeof CountTo> | null>(null)
+const countToRef = ref<InstanceType<typeof Props> | null>(null)
+
 </script>