1c2a66df45
- 41 unit and component suites under admin/tests/{app,state,shell,list,form,relation,views,ui}
covering states and a11y roles; every src module is imported by a test
- typed fixture helper assigns each JSON fixture to its generated OpenAPI type
- fix: iconFor ignores inherited object members such as "constructor"
- fix: field controls import ./control instead of the registry (import cycle
left a renderer unregistered depending on module load order)
- fix: dropdown shows the placeholder for an unknown stored value next to an emptyOption
- fix: list announces a failed schema load even when the rows arrive after it
- tailwind no longer scans admin/tests; boardwalk/dist rebuilt
35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { Puzzle } from '@lucide/vue'
|
|
import { t } from '../../../app/i18n'
|
|
import type { FieldControlProps } from '../control'
|
|
|
|
// D-05 fallback for any field type without a renderer. The translated
|
|
// sentence is split around the type so the type renders in DM Mono, as text.
|
|
const props = defineProps<FieldControlProps>()
|
|
|
|
const MARK = '\u0000'
|
|
|
|
const parts = computed(() => {
|
|
const [before = '', after = ''] = t('backend::lang.form.unsupported_field', { type: MARK }).split(MARK)
|
|
return { before, after }
|
|
})
|
|
|
|
const hasType = computed(() => t('backend::lang.form.unsupported_field', { type: MARK }).includes(MARK))
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:id="controlId"
|
|
data-unsupported-field
|
|
:aria-describedby="describedBy || undefined"
|
|
class="flex min-h-input items-center gap-2.5 rounded-control border-[1.5px] border-dashed border-border-strong bg-subtle px-3.5 text-[13px] text-muted"
|
|
>
|
|
<Puzzle :size="16" aria-hidden="true" />
|
|
<span v-if="hasType"
|
|
>{{ parts.before }}<code class="font-mono text-text">{{ props.field.type }}</code>{{ parts.after }}</span
|
|
>
|
|
<span v-else>{{ t('backend::lang.form.unsupported_field') }} <code class="font-mono text-text">{{ props.field.type }}</code></span>
|
|
</div>
|
|
</template>
|