Click url input status icon to trigger validation (#2339)

This commit is contained in:
Chenlei Hu
2025-01-24 14:15:54 -05:00
committed by GitHub
parent 9c42c31968
commit 30fdc70218
2 changed files with 54 additions and 2 deletions

View File

@@ -12,11 +12,12 @@
:class="{
'pi pi-spin pi-spinner text-neutral-400':
validationState === UrlValidationState.LOADING,
'pi pi-check text-green-500':
'pi pi-check text-green-500 cursor-pointer':
validationState === UrlValidationState.VALID,
'pi pi-times text-red-500':
'pi pi-times text-red-500 cursor-pointer':
validationState === UrlValidationState.INVALID
}"
@click="validateUrl(props.modelValue)"
/>
</IconField>
</template>
@@ -87,6 +88,8 @@ const defaultValidateUrl = async (url: string): Promise<boolean> => {
}
const validateUrl = async (value: string) => {
if (validationState.value === UrlValidationState.LOADING) return
const url = value.trim()
// Reset state