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

docs(ComponentCode): handle custom items

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-10 18:43:06 +02:00
parent 8e5547f26d
commit bc633c6687
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
docs/app/components/content/ComponentCode.vue
View File

@@ -5,6 +5,7 @@ import * as theme from '#build/ui'
const props = defineProps<{
ignore?: string[]
items?: { [key: string]: string[] }
props?: { [key: string]: any }
slots?: { [key: string]: any }
}>()
@@ -24,14 +25,18 @@ const options = computed(() => Object.keys(props.props || {}).filter((key) => {
return !props.ignore?.includes(key)
}).map((key) => {
const prop = meta?.meta?.props?.find((prop: any) => prop.name === key)
const variants = Object.keys(componentTheme.variants?.[key] || {})
const items = prop?.type === 'boolean'
? [{ value: true, label: 'true' }, { value: false, label: 'false' }]
: variants.map(variant => ({
value: variant,
label: variant,
chip: key === 'color' ? { color: variant } : undefined
})).filter(variant => key === 'color' ? !['error'].includes(variant.value) : true)
const items = props.items?.[key]?.length
? props.items[key].map(item => ({
value: item,
label: item
}))
: prop?.type === 'boolean'
? [{ value: true, label: 'true' }, { value: false, label: 'false' }]
: Object.keys(componentTheme.variants?.[key] || {}).map(variant => ({
value: variant,
label: variant,
chip: key === 'color' ? { color: variant } : undefined
})).filter(variant => key === 'color' ? !['error'].includes(variant.value) : true)
return {
name: key,