arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-23 16:30:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(FormField): add error-pattern prop (#2601)

Browse Source
This commit is contained in:
Romain Hamel
2024-11-11 18:35:27 +01:00
committed by GitHub
parent 18931acdb3
commit 143612ec73
3 changed files with 35 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/runtime/components/FormField.vue
View File

@@ -12,7 +12,10 @@ const formField = tv({ extend: tv(theme), ...(appConfig.ui?.formField || {}) })
type FormFieldVariants = VariantProps<typeof formField>
export interface FormFieldProps {
/** The name of the FormField. Also used to match form errors. */
name?: string
/** A regular expression to match form error names. */
errorPattern?: RegExp
label?: string
description?: string
help?: string
@@ -54,7 +57,7 @@ const ui = computed(() => formField({
const formErrors = inject<Ref<FormError[]> | null>('form-errors', null)
const error = computed(() => props.error || formErrors?.value?.find(error => error.name === props.name)?.message)
const error = computed(() => props.error || formErrors?.value?.find(error => error.name === props.name || (props.errorPattern && error.name.match(props.errorPattern)))?.message)
const id = ref(useId())