From 109f77014bcab9e7e16397fcf166ce11b3127780 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 29 Mar 2026 07:00:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=8A=A8=E6=80=81=E4=BF=9D=E5=AD=98=E5=92=8C?=
 =?UTF-8?q?=E5=8F=8D=E9=A6=88=E6=9C=BA=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/dataset/DatasetInfoForm.svelte     |  2 +
 .../meta-form/UnifiedSizeChoice.svelte        | 76 +++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 src/routes/dataset/meta-form/UnifiedSizeChoice.svelte

diff --git a/src/routes/dataset/DatasetInfoForm.svelte b/src/routes/dataset/DatasetInfoForm.svelte
index 7c63e2f..bcc20e1 100644
--- a/src/routes/dataset/DatasetInfoForm.svelte
+++ b/src/routes/dataset/DatasetInfoForm.svelte
@@ -3,11 +3,13 @@ import DatasetName from './meta-form/DatasetName.svelte';
 import SelectLoraType from './meta-form/SelectLoraType.svelte';
 import SelectModel from './meta-form/SelectModel.svelte';
 import TargetSize from './meta-form/TargetSize.svelte';
+import UnifiedSizeChoice from './meta-form/UnifiedSizeChoice.svelte';
 </script>
 
 <div class="flex flex-col gap-2 px-4 py-4">
   <DatasetName />
   <SelectModel />
   <SelectLoraType />
+  <UnifiedSizeChoice />
   <TargetSize />
 </div>
diff --git a/src/routes/dataset/meta-form/UnifiedSizeChoice.svelte b/src/routes/dataset/meta-form/UnifiedSizeChoice.svelte
new file mode 100644
index 0000000..736ba73
--- /dev/null
+++ b/src/routes/dataset/meta-form/UnifiedSizeChoice.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+import { activeDatasetMeta, updateActiveDatasetMeta } from '$lib/stores/dataset';
+import { createSaveFeedbackController, type SaveFeedbackState } from '$lib/utils/form-save';
+import { onDestroy, onMount } from 'svelte';
+import { get } from 'svelte/store';
+
+let unifiedSize = $state<boolean>(false);
+let unifiedRatio = $state<boolean>(false);
+let sizeFeedback = $state<SaveFeedbackState>('idle');
+let ratioFeedback = $state<SaveFeedbackState>('idle');
+
+const sizeSaveFeedback = createSaveFeedbackController((state) => {
+  sizeFeedback = state;
+});
+
+const ratioSaveFeedback = createSaveFeedbackController((state) => {
+  ratioFeedback = state;
+});
+
+onMount(() => {
+  const meta = get(activeDatasetMeta);
+  unifiedSize = meta?.unifiedImageSize ?? false;
+  unifiedRatio = meta?.unifiedImageRatio ?? false;
+});
+
+onDestroy(() => {
+  sizeSaveFeedback.dispose();
+  ratioSaveFeedback.dispose();
+});
+
+async function saveUnifiedSize() {
+  try {
+    await updateActiveDatasetMeta({ unifiedImageSize: unifiedSize });
+    sizeSaveFeedback.markUpdated();
+  } catch (error) {
+    console.error('Failed to save unified size option:', error);
+    sizeSaveFeedback.markNotUpdated();
+  }
+}
+
+async function saveUnifiedRatio() {
+  try {
+    await updateActiveDatasetMeta({ unifiedImageRatio: unifiedRatio });
+    ratioSaveFeedback.markUpdated();
+  } catch (error) {
+    console.error('Failed to save unified ratio option:', error);
+    ratioSaveFeedback.markNotUpdated();
+  }
+}
+</script>
+
+<div class="flex flex-row gap-3 h-(--size) py-2">
+  <div class="min-w-[10em]">&nbsp;</div>
+  <label
+    class={[
+      'label transition-colors duration-300 ease-out',
+      sizeFeedback === 'updated' && 'text-green-600',
+      sizeFeedback === 'not-updated' && 'text-red-600',
+    ]}>
+    <input type="checkbox" bind:checked={unifiedSize} onchange={saveUnifiedSize} class="checkbox" />
+    Unified Size
+  </label>
+  <label
+    class={[
+      'label transition-colors duration-300 ease-out',
+      ratioFeedback === 'updated' && 'text-green-600',
+      ratioFeedback === 'not-updated' && 'text-red-600',
+    ]}>
+    <input
+      type="checkbox"
+      bind:checked={unifiedRatio}
+      onchange={saveUnifiedRatio}
+      class="checkbox" />
+    Unified Ratio
+  </label>
+</div>