fix(preview): 添加对 baseline.surface 的数组检查以避免潜在错误

fix(preview): 更新 PreviewBlock 组件的前景色属性

src/page-components/scheme/q-2-scheme/Preview.tsx

@@ -1,4 +1,4 @@
-import { capitalize, keys } from 'lodash-es';
+import { capitalize, isArray, keys } from 'lodash-es';
 import { FC, ReactNode, useMemo } from 'react';
 import { useColorFunction } from '../../../ColorFunctionContext';
 import { ScrollArea } from '../../../components/ScrollArea';
@@ -127,11 +127,12 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
         <PreviewLine name="Neutral Variant" unit={baseline.neutralVariant} />
       </div>
       <div className={styles.preview_surface}>
-        {baseline.surface.map((surfaceSet, index) => (
+        {isArray(baseline.surface) &&
-          <div className={styles.surface_block} key={index}>
+          baseline.surface.map((surfaceSet, index) => (
-            <PreviewLine key={index} name={`Surface ${index + 1}`} unit={surfaceSet} />
+            <div className={styles.surface_block} key={index}>
-          </div>
+              <PreviewLine key={index} name={`Surface ${index + 1}`} unit={surfaceSet} />
-        ))}
+            </div>
+          ))}
       </div>
       <div className={styles.preview_indi_block}>
         <PreviewCell bg={baseline.shadow} fg={baseline.neutralVariant.onRoot}>
@@ -140,10 +141,10 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
         <PreviewCell bg={baseline.overlay} fg={baseline.neutralVariant.onRoot}>
           Overlay
         </PreviewCell>
-        <PreviewCell bg={baseline.outline} fg={baseline.surface.onRoot}>
+        <PreviewCell bg={baseline.outline} fg={baseline.foreground}>
           Outline
         </PreviewCell>
-        <PreviewCell bg={baseline.outlineVariant} fg={baseline.surface.onRoot}>
+        <PreviewCell bg={baseline.outlineVariant} fg={baseline.foreground}>
           Outline Variant
         </PreviewCell>
       </div>

src/page-components/scheme/q-scheme/Builder.tsx

@@ -1,4 +1,4 @@
-import { ColorExpand, ColorShifting, SchemeSetting, WACGSetting } from 'color-module';
+import { ColorExpand, ColorShifting, SchemeSelect, SchemeSetting, WACGSetting } from 'color-module';
 import { every, isEmpty, isNil } from 'lodash-es';
 import { useActionState, useMemo } from 'react';
 import { useColorFunction } from '../../../ColorFunctionContext';
@@ -53,6 +53,7 @@ export function QSchemeBuilder({ scheme, onBuildCompleted }: QSchemeBuilderProps
           ),
           scheme.schemeStorage.source?.setting?.expand_method ?? defaultValues.expand_method,
           scheme.schemeStorage.source?.setting?.wacg_follows ?? defaultValues.wacg_follows,
+          scheme.schemeStorage.source?.setting?.scheme_select ?? defaultValues.scheme_select,
         );
       return defaultValues;
     } catch (e) {
@@ -103,6 +104,7 @@ export function QSchemeBuilder({ scheme, onBuildCompleted }: QSchemeBuilderProps
       ),
       Number(formData.get('expanding')) as ColorExpand,
       Number(formData.get('wacg')) as WACGSetting,
+      SchemeSelect.Both,
     );
     const dumpedSetting = schemeSetting.toJsValue() as QSchemeSetting;
     return [