From 4d58953c9b69abee4c2e19310e55f5a279a60f9f Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 29 Mar 2026 10:07:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20ModelCheckList=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8F=8A=E5=85=B6=E5=AD=90=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=BC=BA=E6=95=B0=E6=8D=AE=E9=9B=86=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E6=A3=80=E6=9F=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/dataset/ModelCheckList.svelte            | 12 +++++++++++-
 src/routes/dataset/model-check/FlorenceModel.svelte |  5 +++++
 src/routes/dataset/model-check/ModelItem.svelte     |  2 +-
 src/routes/dataset/model-check/TagFile.svelte       |  5 +++++
 src/routes/dataset/model-check/TaggerModel.svelte   |  5 +++++
 5 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/dataset/model-check/FlorenceModel.svelte
 create mode 100644 src/routes/dataset/model-check/TagFile.svelte
 create mode 100644 src/routes/dataset/model-check/TaggerModel.svelte

diff --git a/src/routes/dataset/ModelCheckList.svelte b/src/routes/dataset/ModelCheckList.svelte
index 179ab02..2504d7a 100644
--- a/src/routes/dataset/ModelCheckList.svelte
+++ b/src/routes/dataset/ModelCheckList.svelte
@@ -1 +1,11 @@
-<div class="min-h-[4em] px-4 py-2 shrink-0 flex flex-row gap-3"></div>
+<script>
+import FlorenceModel from './model-check/FlorenceModel.svelte';
+import TagFile from './model-check/TagFile.svelte';
+import TaggerModel from './model-check/TaggerModel.svelte';
+</script>
+
+<div class="min-h-[8em] px-4 py-2 shrink-0 flex flex-row gap-6">
+  <TaggerModel />
+  <FlorenceModel />
+  <TagFile />
+</div>
diff --git a/src/routes/dataset/model-check/FlorenceModel.svelte b/src/routes/dataset/model-check/FlorenceModel.svelte
new file mode 100644
index 0000000..8edce4e
--- /dev/null
+++ b/src/routes/dataset/model-check/FlorenceModel.svelte
@@ -0,0 +1,5 @@
+<script>
+import ModelItem from './ModelItem.svelte';
+</script>
+
+<ModelItem status="ok">Florence 2</ModelItem>
diff --git a/src/routes/dataset/model-check/ModelItem.svelte b/src/routes/dataset/model-check/ModelItem.svelte
index f376cd1..ee1ad25 100644
--- a/src/routes/dataset/model-check/ModelItem.svelte
+++ b/src/routes/dataset/model-check/ModelItem.svelte
@@ -13,7 +13,7 @@ type ModelItemProps = {
 let { status, progress, children }: ModelItemProps = $props();
 </script>
 
-<div class="flex flex-col justify-center gap-1">
+<div class="flex flex-col items-center w-32 gap-3">
   <div
     class={[
       'radial-progress',
diff --git a/src/routes/dataset/model-check/TagFile.svelte b/src/routes/dataset/model-check/TagFile.svelte
new file mode 100644
index 0000000..0efb414
--- /dev/null
+++ b/src/routes/dataset/model-check/TagFile.svelte
@@ -0,0 +1,5 @@
+<script>
+import ModelItem from './ModelItem.svelte';
+</script>
+
+<ModelItem status="ok">Tag File</ModelItem>
diff --git a/src/routes/dataset/model-check/TaggerModel.svelte b/src/routes/dataset/model-check/TaggerModel.svelte
new file mode 100644
index 0000000..7066e3d
--- /dev/null
+++ b/src/routes/dataset/model-check/TaggerModel.svelte
@@ -0,0 +1,5 @@
+<script>
+import ModelItem from './ModelItem.svelte';
+</script>
+
+<ModelItem status="ok">WD ViT Tagger</ModelItem>