diff --git a/.changeset/stale-lizards-cut.md b/.changeset/stale-lizards-cut.md new file mode 100644 index 000000000000..d43189b2b18e --- /dev/null +++ b/.changeset/stale-lizards-cut.md @@ -0,0 +1,6 @@ +--- +"@gradio/checkbox": patch +"gradio": patch +--- + +fix:Fix Checkbox select dispatch diff --git a/js/checkbox/interactive/InteractiveCheckbox.svelte b/js/checkbox/interactive/InteractiveCheckbox.svelte index 780d531a4b67..e8dd3049f05c 100644 --- a/js/checkbox/interactive/InteractiveCheckbox.svelte +++ b/js/checkbox/interactive/InteractiveCheckbox.svelte @@ -4,6 +4,7 @@ import { Block, Info } from "@gradio/atoms"; import { StatusTracker } from "@gradio/statustracker"; import type { LoadingStatus } from "@gradio/statustracker"; + import type { SelectData } from "@gradio/utils"; import { _ } from "svelte-i18n"; export let elem_id = ""; @@ -19,7 +20,7 @@ export let loading_status: LoadingStatus; export let gradio: Gradio<{ change: never; - select: never; + select: SelectData; input: never; }>; @@ -36,6 +37,6 @@ bind:value_is_output on:change={() => gradio.dispatch("change")} on:input={() => gradio.dispatch("input")} - on:select={() => gradio.dispatch("select")} + on:select={(e) => gradio.dispatch("select", e.detail)} /> diff --git a/js/checkbox/static/StaticCheckbox.svelte b/js/checkbox/static/StaticCheckbox.svelte index 6e64e3591fba..6e7b2c6c1d40 100644 --- a/js/checkbox/static/StaticCheckbox.svelte +++ b/js/checkbox/static/StaticCheckbox.svelte @@ -4,6 +4,7 @@ import { Block, Info } from "@gradio/atoms"; import { StatusTracker } from "@gradio/statustracker"; import type { LoadingStatus } from "@gradio/statustracker"; + import type { SelectData } from "@gradio/utils"; export let elem_id = ""; export let elem_classes: string[] = []; @@ -18,7 +19,7 @@ export let loading_status: LoadingStatus; export let gradio: Gradio<{ change: never; - select: never; + select: SelectData; input: never; }>; @@ -35,7 +36,7 @@ bind:value_is_output on:change={() => gradio.dispatch("change")} on:input={() => gradio.dispatch("input")} - on:select={() => gradio.dispatch("select")} + on:select={(e) => gradio.dispatch("select", e.detail)} disabled />