Browse Source

Add on change action to long form field

master
Andrew Kingston 5 years ago
parent
commit
417b034676
  1. 12
      packages/client/src/components/app/forms/LongFormField.svelte

12
packages/client/src/components/app/forms/LongFormField.svelte

@ -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}

Loading…
Cancel
Save