diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/pin-input/input.vue b/packages/@core/ui-kit/shadcn-ui/src/components/pin-input/input.vue index d55fa7e1298..9eb85a865b1 100644 --- a/packages/@core/ui-kit/shadcn-ui/src/components/pin-input/input.vue +++ b/packages/@core/ui-kit/shadcn-ui/src/components/pin-input/input.vue @@ -10,12 +10,14 @@ defineOptions({ inheritAttrs: false, }); -const props = withDefaults(defineProps(), { - btnLoading: false, - codeLength: 6, - handleSendCode: async () => {}, - maxTime: 60, -}); +const { + codeLength = 6, + createText = async () => {}, + disabled = false, + handleSendCode = async () => {}, + loading = false, + maxTime = 60, +} = defineProps(); const emit = defineEmits<{ complete: []; @@ -30,11 +32,11 @@ const countdown = ref(0); const btnText = computed(() => { const countdownValue = countdown.value; - return props.createText?.(countdownValue); + return createText?.(countdownValue); }); const btnLoading = computed(() => { - return props.loading || countdown.value > 0; + return loading || countdown.value > 0; }); watch( @@ -51,8 +53,8 @@ function handleComplete(e: string[]) { async function handleSend(e: Event) { e?.preventDefault(); - await props.handleSendCode(); - countdown.value = props.maxTime; + await handleSendCode(); + countdown.value = maxTime; startCountdown(); } @@ -77,6 +79,7 @@ const id = useId(); string; + /** + * 是否禁用 + */ + disabled?: boolean; /** * 自定义验证码发送逻辑 * @returns