From a74ac8b66fc80b1d80b8b2e6b7d3ca182bb47d57 Mon Sep 17 00:00:00 2001 From: David Featherston Date: Tue, 22 Aug 2023 10:19:52 +1000 Subject: [PATCH] feat(@dpc-sdp/ripple-ui-forms): add throttle prop --- .../src/components/RplFormInput/RplFormInput.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/ripple-ui-forms/src/components/RplFormInput/RplFormInput.vue b/packages/ripple-ui-forms/src/components/RplFormInput/RplFormInput.vue index 0a9cdf51e4..04c1e4d6c0 100644 --- a/packages/ripple-ui-forms/src/components/RplFormInput/RplFormInput.vue +++ b/packages/ripple-ui-forms/src/components/RplFormInput/RplFormInput.vue @@ -32,6 +32,7 @@ interface Props { required?: boolean centeredText?: boolean globalEvents?: boolean + throttle?: number onInput?: (payload: Event) => void onBlur?: (payload: Event) => void } @@ -54,6 +55,7 @@ const props = withDefaults(defineProps(), { variant: 'default', centeredText: false, globalEvents: true, + throttle: 500, onInput: () => null, onBlur: () => null }) @@ -94,7 +96,7 @@ const handleChange = useDebounceFn(() => { }, { global: props.globalEvents } ) -}, 500) +}, props.throttle)