wehub-resource-sync
adf0d17497
publish / version_or_publish (push) Has been cancelled
storybook-build / changes (push) Has been cancelled
storybook-build / :storybook-build (push) Has been cancelled
Sync Gradio Skills to Hugging Face / sync-skills (push) Has been cancelled
functional / changes (push) Has been cancelled
functional / build-frontend (push) Has been cancelled
functional / functional-test-SSR=false (push) Has been cancelled
functional / functional-reload (push) Has been cancelled
js / changes (push) Has been cancelled
js / js-test (push) Has been cancelled
docs-build / changes (push) Has been cancelled
docs-build / docs-build (push) Has been cancelled
docs-build / website-build (push) Has been cancelled
functional / functional-test-SSR=true (push) Has been cancelled
hygiene / hygiene-test (push) Has been cancelled
python / changes (push) Has been cancelled
python / build (push) Has been cancelled
python / test-ubuntu-latest-flaky (push) Has been cancelled
python / test-ubuntu-latest-not-flaky (push) Has been cancelled
python / test-windows-latest-flaky (push) Has been cancelled
python / test-windows-latest-not-flaky (push) Has been cancelled
53 lines
1.5 KiB
Svelte
53 lines
1.5 KiB
Svelte
<script lang="ts" context="module">
|
|
export { default as BaseUploadButton } from "./shared/UploadButton.svelte";
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import type { UploadButtonProps, UploadButtonEvents } from "./types";
|
|
import type { FileData } from "@gradio/client";
|
|
import { Gradio } from "@gradio/utils";
|
|
import UploadButton from "./shared/UploadButton.svelte";
|
|
|
|
const props = $props();
|
|
const gradio = new Gradio<UploadButtonEvents, UploadButtonProps>(props);
|
|
|
|
let value = $derived(gradio.props.value);
|
|
|
|
async function handle_event(
|
|
detail: null | FileData | FileData[],
|
|
event: "change" | "upload" | "click"
|
|
): Promise<void> {
|
|
gradio.props.value = detail;
|
|
gradio.dispatch(event);
|
|
}
|
|
|
|
const disabled = $derived(!gradio.shared.interactive);
|
|
</script>
|
|
|
|
<UploadButton
|
|
elem_id={gradio.shared.elem_id}
|
|
elem_classes={gradio.shared.elem_classes}
|
|
visible={gradio.shared.visible}
|
|
file_count={gradio.props.file_count}
|
|
file_types={gradio.props.file_types}
|
|
size={gradio.props.size}
|
|
scale={gradio.shared.scale}
|
|
icon={gradio.props.icon}
|
|
min_width={gradio.shared.min_width}
|
|
root={gradio.shared.root}
|
|
{value}
|
|
{disabled}
|
|
variant={gradio.props.variant}
|
|
label={gradio.shared.label}
|
|
max_file_size={gradio.shared.max_file_size}
|
|
onclick={() => gradio.dispatch("click")}
|
|
onchange={(detail) => handle_event(detail, "change")}
|
|
onupload={(detail) => handle_event(detail, "upload")}
|
|
onerror={(detail) => {
|
|
gradio.dispatch("error", detail);
|
|
}}
|
|
upload={(...args) => gradio.shared.client.upload(...args)}
|
|
>
|
|
{gradio.shared.label ?? ""}
|
|
</UploadButton>
|