fix: normalise file

docs/components/WaterfallGallery/demos/basic.py

@@ -13,9 +13,9 @@ def resolve_assets(relative_path):
 with gr.Blocks() as demo:
     mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),

docs/components/WaterfallGallery/demos/like_click_feedback.py

@@ -17,9 +17,9 @@ def fn(data: gr.EventData):
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),

docs/components/WaterfallGallery/demos/load_more.py

@@ -13,8 +13,8 @@ def resolve_assets(relative_path):
 
 def load_more(_gallery):
     time.sleep(1)
+    _gallery.append(resolve_assets('modelscope.svg'))
     _gallery.append(resolve_assets('bot.jpeg'))
-    _gallery.append(resolve_assets('bot2.jpeg'))
     _gallery.append(resolve_assets('user.jpeg'))
     _gallery.append(resolve_assets('screen.jpeg'))
     has_more = True
@@ -26,9 +26,9 @@ def load_more(_gallery):
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),

docs/components/WaterfallGallery/demos/responsive_columns.py

@@ -17,9 +17,9 @@ def fn():
 with gr.Blocks() as demo:
     gallery = mgr.WaterfallGallery(
         value=[
-            resolve_assets('bot.jpeg'),
+            resolve_assets('modelscope.svg'),
             # pass a tuple
-            [resolve_assets('bot2.jpeg'), 'bot2'],
+            [resolve_assets('bot.jpeg'), 'bot'],
             # pass a dict
             {
                 "image": resolve_assets('user.jpeg'),

frontend/WaterfallGallery/index.svelte

@@ -37,6 +37,8 @@
   export let object_fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' =
     'cover';
   export let show_download_button = false;
+  export let root: string;
+  export let proxy_url: string;
   export let gradio: Gradio<{
     change: typeof value;
     select: SelectData;
@@ -102,6 +104,8 @@
     {label}
     {action_label}
     {value}
+    {root}
+    {proxy_url}
     {show_label}
     {object_fit}
     load_more_button_props={_load_more_button_props}

frontend/WaterfallGallery/shared/Gallery.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { BlockLabel, Empty, IconButton, ShareButton } from '@gradio/atoms';
   import { BaseButton } from '@gradio/button';
+  import { type FileData, normalise_file } from '@gradio/client';
   import { Download, Image as ImageIcon } from '@gradio/icons';
   import { Loader } from '@gradio/statustracker';
   import { ModifyUpload } from '@gradio/upload';
@@ -34,6 +35,8 @@
   export let columns: number | number[] | Breakpoints | undefined = [2];
   export let height: number | 'auto' = 'auto';
   export let preview: boolean;
+  export let root: string;
+  export let proxy_url: string;
   export let allow_preview = true;
   export let show_share_button = false;
   export let likeable: boolean;
@@ -100,7 +103,13 @@
   $: was_reset = value == null || value.length === 0 ? true : was_reset;
 
   let resolved_value: GalleryData | null = null;
-  $: resolved_value = value == null ? null : value;
+  $: resolved_value =
+    value == null
+      ? null
+      : value.map((item) => {
+          item.image = normalise_file(item.image, root, proxy_url) as FileData;
+          return item;
+        });
   let prev_value: GalleryData | null = value;
   if (selected_index == null && preview && value?.length) {
     selected_index = 0;