support pagination in webui preview

Former-commit-id: f2307e26b9c2ce5d60917cce5a9638466ea676c8

src/llmtuner/webui/components/eval.py

@@ -3,7 +3,6 @@ from typing import TYPE_CHECKING, Dict
 
 from llmtuner.webui.common import list_dataset, DEFAULT_DATA_DIR
 from llmtuner.webui.components.data import create_preview_box
-from llmtuner.webui.utils import can_preview, get_preview
 
 if TYPE_CHECKING:
     from gradio.components import Component
@@ -17,28 +16,12 @@ def create_eval_tab(engine: "Engine") -> Dict[str, "Component"]:
     with gr.Row():
         dataset_dir = gr.Textbox(value=DEFAULT_DATA_DIR, scale=2)
         dataset = gr.Dropdown(multiselect=True, scale=4)
-        data_preview_btn = gr.Button(interactive=False, scale=1)
+        preview_elems = create_preview_box(dataset_dir, dataset)
 
     dataset_dir.change(list_dataset, [dataset_dir], [dataset], queue=False)
-    dataset.change(can_preview, [dataset_dir, dataset], [data_preview_btn], queue=False)
 
     input_elems.update({dataset_dir, dataset})
-    elem_dict.update(dict(
-        dataset_dir=dataset_dir, dataset=dataset, data_preview_btn=data_preview_btn
-    ))
-
-    preview_box, preview_count, preview_samples, close_btn = create_preview_box()
-
-    data_preview_btn.click(
-        get_preview,
-        [dataset_dir, dataset],
-        [preview_count, preview_samples, preview_box],
-        queue=False
-    )
-
-    elem_dict.update(dict(
-        preview_count=preview_count, preview_samples=preview_samples, close_btn=close_btn
-    ))
+    elem_dict.update(dict(dataset_dir=dataset_dir, dataset=dataset, **preview_elems))
 
     with gr.Row():
         cutoff_len = gr.Slider(value=1024, minimum=4, maximum=8192, step=1)