Spaces:
Running
Running
File size: 2,510 Bytes
3c50437 cacd6c4 3c50437 cacd6c4 3c50437 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 |
<script lang="ts">
import { createEventDispatcher, tick } from "svelte";
import { Upload, ModifyUpload } from "@gradio/upload";
import type { FileData } from "@gradio/client";
import { BlockLabel } from "@gradio/atoms";
import { File } from "@gradio/icons";
import FileRetrieval from "./FileRetrieval.svelte";
import FilePreview from "./FilePreview.svelte";
import type { I18nFormatter } from "@gradio/utils";
import MolecularViewer from "./MolecularViewer.svelte";
export let value: null | FileData | FileData[];
export let label: string;
export let show_label = true;
export let file_count = "single";
export let file_types: string[] | null = null;
export let selectable = false;
export let root: string;
export let height: number | undefined = undefined;
export let i18n: I18nFormatter;
export let config = {};
export let confidenceLabel = "";
export let representations = [];
export let moldata = null;
export let molviewer = false;
async function handle_upload({
detail,
}: CustomEvent<FileData | FileData[]>): Promise<void> {
value = detail;
await tick();
dispatch("change", value);
dispatch("upload", detail);
}
function handle_clear(): void {
value = null;
dispatch("change", null);
dispatch("clear");
}
const dispatch = createEventDispatcher<{
change: FileData[] | FileData | null;
clear: undefined;
drag: boolean;
upload: FileData[] | FileData;
load: FileData[] | FileData;
error: string;
}>();
let accept_file_types: string | null;
if (file_types == null) {
accept_file_types = null;
} else {
file_types = file_types.map((x) => {
if (x.startsWith(".")) {
return x;
}
return x + "/*";
});
accept_file_types = file_types.join(", ");
}
let dragging = false;
$: dispatch("drag", dragging);
</script>
<BlockLabel
{show_label}
Icon={File}
float={value === null}
label={label || "File"}
/>
{#if value}
<ModifyUpload {i18n} on:clear={handle_clear} absolute />
<FilePreview {i18n} on:select {selectable} {value} {height} />
{#if moldata != null && molviewer}
<MolecularViewer {moldata} {config} {confidenceLabel} {representations} />
{/if}
{:else}
<FileRetrieval
{root}
on:load={handle_upload}
on:notfound={() => dispatch("notfound")}
/>
<Upload
on:load={handle_upload}
filetype={accept_file_types}
{file_count}
{root}
bind:dragging
>
<slot />
</Upload>
{/if}
|