From 58be84c499f48559af56f9be1712ba8180799471 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Sun, 20 Jul 2025 09:00:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(q-2-scheme):=20=E5=B0=86neutral?=
 =?UTF-8?q?=E5=92=8Csurface=E7=B1=BB=E5=9E=8B=E6=94=B9=E4=B8=BAQ2ColorSet?=
 =?UTF-8?q?=E5=B9=B6=E6=9B=B4=E6=96=B0=E7=9B=B8=E5=85=B3=E5=BC=95=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更新Q2Baseline类型中的neutral、neutralVariant、surface和surfaceVariant字段类型为Q2ColorSet
调整Preview组件中相关属性的引用方式
修复SchemeDetail组件中Q2Scheme的props类型
---
 src/page-components/scheme/q-2-scheme/Builder.tsx | 1 +
 src/page-components/scheme/q-2-scheme/Preview.tsx | 8 ++++----
 src/pages/SchemeDetail.tsx                        | 4 ++--
 src/q-2-scheme.ts                                 | 8 ++++----
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/page-components/scheme/q-2-scheme/Builder.tsx b/src/page-components/scheme/q-2-scheme/Builder.tsx
index c235a82..49ec791 100644
--- a/src/page-components/scheme/q-2-scheme/Builder.tsx
+++ b/src/page-components/scheme/q-2-scheme/Builder.tsx
@@ -8,6 +8,7 @@ import { ScrollArea } from '../../../components/ScrollArea';
 import { VSegmentedControl } from '../../../components/VSegmentedControl';
 import { SchemeContent } from '../../../models';
 import { Q2SchemeSource, Q2SchemeStorage } from '../../../q-2-scheme';
+import { QSchemeSetting } from '../../../q-scheme';
 import { useUpdateScheme } from '../../../stores/schemes';
 import { isNilOrEmpty, mapToObject } from '../../../utls';
 import { ColorEntry, IdenticalColorEntry } from '../ColorEntry';
diff --git a/src/page-components/scheme/q-2-scheme/Preview.tsx b/src/page-components/scheme/q-2-scheme/Preview.tsx
index 7d15832..1eea7b3 100644
--- a/src/page-components/scheme/q-2-scheme/Preview.tsx
+++ b/src/page-components/scheme/q-2-scheme/Preview.tsx
@@ -134,16 +134,16 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
       <PreviewLine name="Surface" unit={baseline.surface} />
       <PreviewLine name="Surface Variant" unit={baseline.surfaceVariant} />
       <div className={styles.preview_indi_block}>
-        <PreviewCell bg={baseline.shadow} fg={baseline.surface.root.onRoot}>
+        <PreviewCell bg={baseline.shadow} fg={baseline.surface.onRoot}>
           Shadow
         </PreviewCell>
-        <PreviewCell bg={baseline.overlay} fg={baseline.surface.root.onRoot}>
+        <PreviewCell bg={baseline.overlay} fg={baseline.surface.onRoot}>
           Overlay
         </PreviewCell>
-        <PreviewCell bg={baseline.outline} fg={baseline.surface.root.onRoot}>
+        <PreviewCell bg={baseline.outline} fg={baseline.surface.onRoot}>
           Outline
         </PreviewCell>
-        <PreviewCell bg={baseline.outlineVariant} fg={baseline.surface.root.onRoot}>
+        <PreviewCell bg={baseline.outlineVariant} fg={baseline.surface.onRoot}>
           Outline Variant
         </PreviewCell>
       </div>
diff --git a/src/pages/SchemeDetail.tsx b/src/pages/SchemeDetail.tsx
index 68ec737..a3c802a 100644
--- a/src/pages/SchemeDetail.tsx
+++ b/src/pages/SchemeDetail.tsx
@@ -18,7 +18,7 @@ import { M3Scheme } from '../page-components/scheme/M3Scheme';
 import { Q2Scheme } from '../page-components/scheme/Q2Scheme';
 import { QScheme } from '../page-components/scheme/QScheme';
 import { SwatchScheme } from '../page-components/scheme/SwatchScheme';
-import { Q2SchemeSource } from '../q-2-scheme';
+import { Q2SchemeStorage } from '../q-2-scheme';
 import { QSchemeStorage } from '../q-scheme';
 import { useScheme, useUpdateScheme } from '../stores/schemes';
 import { SwatchSchemeStorage } from '../swatch_scheme';
@@ -53,7 +53,7 @@ export function SchemeDetail() {
       case 'q_scheme':
         return <QScheme scheme={scheme as SchemeContent<QSchemeStorage>} />;
       case 'q_2_scheme':
-        return <Q2Scheme scheme={scheme as SchemeContent<Q2SchemeSource>} />;
+        return <Q2Scheme scheme={scheme as SchemeContent<Q2SchemeStorage>} />;
       case 'swatch_scheme':
         return <SwatchScheme scheme={scheme as SchemeContent<SwatchSchemeStorage>} />;
       case 'material_2':
diff --git a/src/q-2-scheme.ts b/src/q-2-scheme.ts
index 28cc301..ec0aaf4 100644
--- a/src/q-2-scheme.ts
+++ b/src/q-2-scheme.ts
@@ -21,10 +21,10 @@ export type Q2Baseline = {
   secondary: Q2ColorUnit | null;
   tertiary: Q2ColorUnit | null;
   accent: Q2ColorUnit | null;
-  neutral: Q2ColorUnit;
-  neutralVariant: Q2ColorUnit;
-  surface: Q2ColorUnit;
-  surfaceVariant: Q2ColorUnit;
+  neutral: Q2ColorSet;
+  neutralVariant: Q2ColorSet;
+  surface: Q2ColorSet;
+  surfaceVariant: Q2ColorSet;
   neutralSwatch: Record<string, string>;
   danger: Q2ColorUnit;
   success: Q2ColorUnit;