feat: Add SendSms component for sending SMS verification code

package.json

@@ -17,10 +17,10 @@
   },
   "dependencies": {
     "@alova/adapter-axios": "^2.0.6",
-    "@unhead/vue": "^1.10.0",
+    "@unhead/vue": "^1.10.4",
     "@vant/use": "^1.6.0",
     "alova": "^3.0.14",
-    "axios": "^1.7.5",
+    "axios": "^1.7.7",
     "dayjs": "^1.11.13",
     "jsencrypt": "^3.3.2",
     "mitt": "^3.0.1",
@@ -30,9 +30,9 @@
     "pinia-plugin-persistedstate": "^3.2.3",
     "radash": "^12.1.0",
     "tdesign-icons-vue-next": "^0.2.6",
-    "tdesign-mobile-vue": "^1.3.4",
+    "tdesign-mobile-vue": "^1.4.1",
     "ts-enum-util": "^4.1.0",
-    "utils4u": "^2.3.0",
+    "utils4u": "^2.7.0",
     "vant": "^4.9.4",
     "vite-plugin-webfont-dl": "^3.9.5",
     "vue": "^3.4.38",
@@ -40,12 +40,12 @@
     "vue-router": "^4.4.3"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.1.37",
+    "@iconify-json/carbon": "^1.2.1",
     "@iconify/utils": "^2.1.32",
     "@rushstack/eslint-patch": "^1.10.4",
     "@tsconfig/node20": "^20.1.4",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.5.1",
+    "@types/node": "^22.5.2",
     "@types/nprogress": "^0.2.3",
     "@unocss/preset-attributify": "^0.62.3",
     "@unocss/preset-rem-to-px": "^0.62.3",
@@ -60,11 +60,11 @@
     "@vue/tsconfig": "^0.5.1",
     "eruda": "^3.2.3",
     "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vue": "^9.28.0",
     "husky": "^9.1.5",
     "jsdom": "^25.0.0",
     "less": "^4.2.0",
-    "lint-staged": "^15.2.9",
+    "lint-staged": "^15.2.10",
     "npm-run-all2": "^6.2.2",
     "prettier": "^3.3.3",
     "typescript": "~5.5.4",
@@ -79,7 +79,7 @@
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-vue-devtools": "^7.3.9",
     "vitest": "^2.0.5",
-    "vue-tsc": "^2.1.2"
+    "vue-tsc": "^2.1.4"
   },
   "pnpm": {
     "patchedDependencies": {

src/components/send-sms.vue

@@ -0,0 +1,12 @@
+<template>
+  <van-button type="primary" @click="triggerCountdown" :disabled="isCounting">
+    发送验证码
+    {{ !isCounting ? '' : `(${countdownTime}s)` }}
+  </van-button>
+</template>
+
+<script setup lang="ts">
+import { useCountdown } from 'utils4u/vue-use';
+
+const { countdownTime, triggerCountdown, isCounting } = useCountdown(3);
+</script>

src/pages/index-page.vue

@@ -54,6 +54,10 @@ const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
     <h2>Fonts are downloaded directly from Google Fonts</h2>
     <p>{{ JSON.stringify({ $style }) }}</p>
   </div>
+
+  <div b="1px solid pink" mt-8 p-8>
+    <SendSms />
+  </div>
 </template>
 
 <style module>