支持圆角设置

vue/src/Captcha.vue

 <script setup lang="ts">
-import { PropType, onMounted, ref, toRef } from 'vue'
+import { PropType, computed, onMounted, ref, toRef } from 'vue'
 import ConcatCaptcha from './captcha-views/ConcatCaptcha.vue'
 import RotateCaptcha from './captcha-views/RotateCaptcha.vue'
 import SliderCaptcha from './captcha-views/SliderCaptcha.vue'
@@ -34,8 +34,7 @@ const props = defineProps({
         default: true,
     },
     radius: {
-        type: Boolean,
-        default: true,
+        type: Number,
     },
     shadow: {
         type: Boolean,
@@ -50,6 +49,14 @@ const props = defineProps({
     },
 })
 
+const radiusStyle = computed(() =>
+    typeof props.radius === 'number' &&
+    !isNaN(props.radius) &&
+    props.radius >= 0
+        ? { borderRadius: `${props.radius}px` }
+        : {},
+)
+
 const locale = toRef(props, 'locale')
 provideLocale(locale)
 
@@ -163,6 +170,7 @@ defineExpose({
             'captcha--container--radius': radius,
             'captcha--container--shadow': shadow,
         }"
+        :style="radiusStyle"
         @touchmove.prevent
         @mousemove.prevent
     >

web/src/App.vue

@@ -8,7 +8,13 @@ const validCaptchaUrl = import.meta.env.VITE_VALID_CAPTCHA_URL
 //通过URL上的参数解析验证码组件的参数
 const { radius, shadow, locale, callback, extra, style } = (() => {
     const url = new URL(location.href)
-    const radius = url.searchParams.get('radius') === '1'
+    const radius = (() => {
+        let value = url.searchParams.get('radius')
+        if (value === null) return undefined
+        const num = parseFloat(value)
+        if (isNaN(num) || num < 0) return undefined
+        return num
+    })()
     const shadow = url.searchParams.get('shadow') === '1'
     const locale = url.searchParams.get('lang') ?? undefined
     const callback = url.searchParams.get('callback')