diff --git a/src/frontend/fields/list-field.vue b/src/frontend/fields/list-field.vue index ee880235..c94edc35 100644 --- a/src/frontend/fields/list-field.vue +++ b/src/frontend/fields/list-field.vue @@ -20,12 +20,12 @@ diff --git a/src/frontend/fields/list/flat-list.vue b/src/frontend/fields/list/flat-list.vue index b12ef021..7fb3cab9 100644 --- a/src/frontend/fields/list/flat-list.vue +++ b/src/frontend/fields/list/flat-list.vue @@ -1,28 +1,51 @@ diff --git a/src/frontend/fields/object-field.vue b/src/frontend/fields/object-field.vue index 2b870d7b..0df38a29 100644 --- a/src/frontend/fields/object-field.vue +++ b/src/frontend/fields/object-field.vue @@ -1,23 +1,40 @@ @@ -36,12 +53,19 @@ const props = defineProps({ }); const field = computed(() => props.field as FieldSpec); +const isNested = computed(() => props.isNested); const fieldPath = computed(() => { if (props.rootPath === undefined) return field.value.name; return `${props.rootPath}.${field.value.name}`; }); +const totalSpan = computed(() => { + if (!field.value.fields) return 1; + const start = field.value.label ? 1 : 0; + return Object.keys(field.value.fields).length + start; +}); + const store = useWidgetsStore(); const widgetFor = (key: string) => { diff --git a/src/frontend/fields/panel-field.vue b/src/frontend/fields/panel-field.vue index a8c31a08..1191374b 100644 --- a/src/frontend/fields/panel-field.vue +++ b/src/frontend/fields/panel-field.vue @@ -1,11 +1,12 @@