Add on change action to long form field

This commit is contained in:
Andrew Kingston 2022-04-14 09:49:13 +01:00
parent 5d2c337d5d
commit 417b034676
1 changed files with 10 additions and 2 deletions

View File

@ -11,6 +11,7 @@
export let validation export let validation
export let defaultValue = "" export let defaultValue = ""
export let format = "auto" export let format = "auto"
export let onChange
let fieldState let fieldState
let fieldApi let fieldApi
@ -44,6 +45,13 @@
}, },
}) })
} }
const handleChange = e => {
fieldApi.setValue(e.detail)
if (onChange) {
onChange({ value: e.detail })
}
}
</script> </script>
<Field <Field
@ -61,7 +69,7 @@
{#if useRichText} {#if useRichText}
<CoreRichTextField <CoreRichTextField
value={fieldState.value} value={fieldState.value}
on:change={e => fieldApi.setValue(e.detail)} on:change={handleChange}
disabled={fieldState.disabled} disabled={fieldState.disabled}
error={fieldState.error} error={fieldState.error}
id={fieldState.fieldId} id={fieldState.fieldId}
@ -78,7 +86,7 @@
{:else} {:else}
<CoreTextArea <CoreTextArea
value={fieldState.value} value={fieldState.value}
on:change={e => fieldApi.setValue(e.detail)} on:change={handleChange}
disabled={fieldState.disabled} disabled={fieldState.disabled}
error={fieldState.error} error={fieldState.error}
id={fieldState.fieldId} id={fieldState.fieldId}