xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
徐涛
2026-01-15 11:46:45 +08:00
parent d91a8eb341
commit 672e0e7c63
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/page-components/scheme/q-2-scheme/Preview.tsx
View File

@@ -1,4 +1,4 @@
import { capitalize, keys } from 'lodash-es'; import { capitalize, isArray, keys } from 'lodash-es';
import { FC, ReactNode, useMemo } from 'react'; import { FC, ReactNode, useMemo } from 'react';
import { useColorFunction } from '../../../ColorFunctionContext'; import { useColorFunction } from '../../../ColorFunctionContext';
import { ScrollArea } from '../../../components/ScrollArea'; import { ScrollArea } from '../../../components/ScrollArea';
@@ -127,11 +127,12 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
<PreviewLine name="Neutral Variant" unit={baseline.neutralVariant} /> <PreviewLine name="Neutral Variant" unit={baseline.neutralVariant} />
</div> </div>
<div className={styles.preview_surface}> <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>
<div className={styles.preview_indi_block}> <div className={styles.preview_indi_block}>
<PreviewCell bg={baseline.shadow} fg={baseline.neutralVariant.onRoot}> <PreviewCell bg={baseline.shadow} fg={baseline.neutralVariant.onRoot}>