useIsFieldDirty for FieldEntry?

[gnieser]

Hello,

I am using a FieldArray to display repeatable editable form elements made of several fields.

<template v-for='(field, rowIndex) in fields' :key='field.key'>
    <Field :name='`${fieldName}[${rowIndex}]`'>
</template>

I would like to emphasize whether a given element has been modified (regardless of its modified field).
So I'm looking for a efficient and as generic as possible to evaluate the dirty state of a FieldEntry

A little illustration:

Field 1	...	Field n
content	content	content
content	content	modified

Is there a equivalent to useIsFieldDirty for FieldEntry to achieve this result?

I see useIsFieldDirty relies on a field.meta.dirty but I am unsure where I could easily determine the fields that a FieldEntry consists of.
Shall I apply Object.keys to FieldEntry value to dynamically rebuild the paths of the Fields?

Thanks!

[gnieser]

I find a way with the following:

<template v-for='(field, rowIndex) in fields' :key='field.key'>
  <div class='row'>
    <Field :name='`attrs[${rowIndex}].attr1`' class='col' />
    <Field :name='`attrs[${rowIndex}].attr2`' class='col' />
    <div class='col'>Dirty: {{ isFieldEntryDirty('attrs[' + rowIndex + ']', ['attr1', 'attr2']) }}</div>
  </div>
</template>

There's probably a better way than this function:

function isFieldEntryDirty(path: string, keys: Array<string>): ComputedRef<boolean> {
  return computed(() => {
    return keys.find((key: string) => useIsFieldDirty(path + '.' + key).value) !== undefined;
  });
}