mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-01-18 10:44:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

only start listening for events after the components are mounted (#5312)

Browse Source 
* only start listening for events after the components are mounted

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
pngwn 2023-08-23 23:07:58 +01:00 committed by GitHub
parent 29a3a75a61
commit f769cb6714
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/large-bats-say.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/app": patch
"gradio": patch
---
fix:only start listening for events after the components are mounted

72
js/app/src/Blocks.svelte
View File

@ -515,43 +515,6 @@
}
});
render_complete = true;
}
function handle_destroy(id: number): void {
handled_dependencies = handled_dependencies.map((dep) => {
return dep.filter((_id) => _id !== id);
});
}
$: set_status($loading_status);
dependencies.forEach((v, i) => {
loading_status.register(i, v.inputs, v.outputs);
});
function set_status(statuses: LoadingStatusCollection): void {
for (const id in statuses) {
let loading_status = statuses[id];
let dependency = dependencies[loading_status.fn_index];
loading_status.scroll_to_output = dependency.scroll_to_output;
loading_status.show_progress = dependency.show_progress;
set_prop(instance_map[id], "loading_status", loading_status);
}
const inputs_to_update = loading_status.get_inputs_to_update();
for (const [id, pending_status] of inputs_to_update) {
set_prop(instance_map[id], "pending", pending_status === "pending");
}
}
const target_map: Record<number, Record<string, number[]>> = {};
function isCustomEvent(event: Event): event is CustomEvent {
return "detail" in event;
}
onMount(() => {
dependencies.forEach((dep, i) => {
let { targets, trigger, inputs, outputs } = dep;
const target_instances: [number, ComponentMeta][] = targets.map((t) => [
@ -588,7 +551,42 @@
trigger_api_call(dep_id, data);
});
});
render_complete = true;
}
function handle_destroy(id: number): void {
handled_dependencies = handled_dependencies.map((dep) => {
return dep.filter((_id) => _id !== id);
});
}
$: set_status($loading_status);
dependencies.forEach((v, i) => {
loading_status.register(i, v.inputs, v.outputs);
});
function set_status(statuses: LoadingStatusCollection): void {
for (const id in statuses) {
let loading_status = statuses[id];
let dependency = dependencies[loading_status.fn_index];
loading_status.scroll_to_output = dependency.scroll_to_output;
loading_status.show_progress = dependency.show_progress;
set_prop(instance_map[id], "loading_status", loading_status);
}
const inputs_to_update = loading_status.get_inputs_to_update();
for (const [id, pending_status] of inputs_to_update) {
set_prop(instance_map[id], "pending", pending_status === "pending");
}
}
const target_map: Record<number, Record<string, number[]>> = {};
function isCustomEvent(event: Event): event is CustomEvent {
return "detail" in event;
}
</script>
<svelte:head>