{#if props.tree.type !== "array" || element === undefined}
{#if !props.readOnly}
{/if}
{:else if props.readOnly}
{#if arr.length > 0}
{#each arr as item, i (i)}
{@const child = props.renderChild(
element,
item,
() => {
/* read-only: noop */
},
`[${String(i)}]`
)}
{#if child !== null}
-
{/if}
{/each}
{/if}
{:else}
{@const handleRemove = (index: number) => {
const next = arr.slice();
next.splice(index, 1);
props.onChange(next);
}}
{@const handleAdd = () => {
const next = arr.slice();
next.push(defaultRecordValue(element));
props.onChange(next);
}}
{#each arr as item, i (i)}
{@const childOnChange = (v: unknown) => {
const nextArr = arr.slice();
nextArr[i] = v;
props.onChange(nextArr);
}}
{@const child = props.renderChild(
element,
item,
childOnChange,
`[${String(i)}]`
)}
-
{#if child !== null}
{/if}
{/each}
{/if}