From b46edb4aebd0b0ee06d3b8908b07d645a8a27950 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Mon, 30 Dec 2024 14:39:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=8F=91=E9=80=81?=
 =?UTF-8?q?=E9=AA=8C=E8=AF=81=E7=A0=81=E6=8C=89=E9=92=AE=EF=BC=8C=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81=E5=B9=B6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=80=92=E8=AE=A1=E6=97=B6=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/send-sms.vue | 25 ++++++++++++++++++++-----
 typed-router.d.ts           |  1 +
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/send-sms.vue b/src/components/send-sms.vue
index b167e62..60af9b7 100644
--- a/src/components/send-sms.vue
+++ b/src/components/send-sms.vue
@@ -1,10 +1,25 @@
 <template>
-  <van-button type="primary" @click="triggerCountdown" :disabled="isCounting">
-    发送验证码
-    {{ !isCounting ? '' : `(${countdownTime}s)` }}
-  </van-button>
+  <Button
+    :label="`发送验证码${isCounting ? `(${countdownTime}s)` : ''}`"
+    variant="link"
+    @click="sendSms"
+    :loading="isSending"
+    :disabled="isSending || isCounting"
+  />
 </template>
 
 <script setup lang="ts">
-const { countdownTime, triggerCountdown, isCounting } = useCountdown(3);
+const { countdownTime, triggerCountdown, isCounting } = useCountdown($__DEV__ ? 5 : 60);
+
+const isSending = ref(false);
+const sendSms = async () => {
+  console.debug('[sendSms]');
+  isSending.value = true;
+  try {
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    triggerCountdown();
+  } finally {
+    isSending.value = false;
+  }
+};
 </script>
diff --git a/typed-router.d.ts b/typed-router.d.ts
index a54e237..a2140be 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -24,6 +24,7 @@ declare module 'vue-router/auto-routes' {
     'A': RouteRecordInfo<'A', '/a', Record<never, never>, Record<never, never>>,
     'AA1': RouteRecordInfo<'AA1', '/a/a1', Record<never, never>, Record<never, never>>,
     'AA2': RouteRecordInfo<'AA2', '/a/a2', Record<never, never>, Record<never, never>>,
+    'AB': RouteRecordInfo<'AB', '/a/b', Record<never, never>, Record<never, never>>,
     'ABC': RouteRecordInfo<'ABC', '/a/b/c', Record<never, never>, Record<never, never>>,
     'Api': RouteRecordInfo<'Api', '/api', Record<never, never>, Record<never, never>>,
     'DataLoadersId': RouteRecordInfo<'DataLoadersId', '/data-loaders/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,