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

fix(FormGroup): size were invalid since default has been removed

Browse Source 
Bug introduced in c59595f2c6
This commit is contained in:
Benjamin Canac
2023-08-03 11:49:45 +02:00
parent dc951ff69d
commit 7008df0988
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/3.forms/9.form-group.md
View File

@@ -160,6 +160,10 @@ code: >-
:u-input{placeholder="you@example.com" icon="i-heroicons-envelope"} :u-input{placeholder="you@example.com" icon="i-heroicons-envelope"}
:: ::
::callout{icon="i-heroicons-exclamation-triangle"}
This will only work with form elements that support the `size` prop.
::
## Props ## Props
:component-props :component-props

8
src/runtime/components/forms/FormGroup.ts
View File

@@ -90,16 +90,18 @@ export default defineComponent({
return cloneVNode(node, vProps) return cloneVNode(node, vProps)
})) }))
const size = computed(() => ui.value.size[props.size ?? appConfig.ui.input.default.size])
return () => h('div', { class: [ui.value.wrapper] }, [ return () => h('div', { class: [ui.value.wrapper] }, [
props.label && h('div', { class: [ui.value.label.wrapper, ui.value.size[props.size]] }, [ props.label && h('div', { class: [ui.value.label.wrapper, size.value] }, [
h('label', { for: props.name, class: [ui.value.label.base, props.required && ui.value.label.required] }, props.label), h('label', { for: props.name, class: [ui.value.label.base, props.required && ui.value.label.required] }, props.label),
props.hint && h('span', { class: [ui.value.hint] }, props.hint) props.hint && h('span', { class: [ui.value.hint] }, props.hint)
]), ]),
props.description && h('p', { class: [ui.value.description, ui.value.size[props.size] props.description && h('p', { class: [ui.value.description, size.value
] }, props.description), ] }, props.description),
h('div', { class: [!!props.label && ui.value.container] }, [ h('div', { class: [!!props.label && ui.value.container] }, [
...clones.value, ...clones.value,
errorMessage.value ? h('p', { class: [ui.value.error, ui.value.size[props.size]] }, errorMessage.value) : props.help ? h('p', { class: [ui.value.help, ui.value.size[props.size]] }, props.help) : null errorMessage.value ? h('p', { class: [ui.value.error, size.value] }, errorMessage.value) : props.help ? h('p', { class: [ui.value.help, size.value] }, props.help) : null
]) ])
]) ])
} }