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

Compare commits

base: xt:ec93cd5678521007e3dacc32a797ea294c1eb6fc
Branches Tags
xt:main
xt:wasm-load
...
compare: xt:3bed5a97c56315bac7c9442e7f938c8640bd40ad
Branches Tags
xt:main
xt:wasm-load

2 Commits
ec93cd5678 ... 3bed5a97c5

Author SHA1 Message Date
徐涛
3bed5a97c5 fix(scheme): 修复预览组件中可选颜色单元的条件渲染 2025-07-21 22:24:51 +08:00
徐涛
ab4af06fd1 refactor(Preview): 对自定义颜色键进行排序以提高一致性 2025-07-20 11:17:27 +08:00
1 changed files with 4 additions and 4 deletions
Show Stats Expand all files Collapse all files

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

@ -107,7 +107,7 @@ interface PreviewBlockProps {
const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => { const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
const customSets = useMemo(() => { const customSets = useMemo(() => {
const colors = keys(baseline.customColors); const colors = keys(baseline.customColors).sort();
const elements: ReactNode[] = []; const elements: ReactNode[] = [];
for (const key of colors) { for (const key of colors) {
@ -122,9 +122,9 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
<div className={styles.preview_block} style={{ backgroundColor: `#${baseline.surface.root}` }}> <div className={styles.preview_block} style={{ backgroundColor: `#${baseline.surface.root}` }}>
<h2 style={{ color: `#${baseline.surface.onRoot}` }}>{title}</h2> <h2 style={{ color: `#${baseline.surface.onRoot}` }}>{title}</h2>
<PreviewSet name="Primary" colorUnit={baseline.primary} /> <PreviewSet name="Primary" colorUnit={baseline.primary} />
<PreviewSet name="Secondary" colorUnit={baseline.secondary} /> {baseline.secondary && <PreviewSet name="Secondary" colorUnit={baseline.secondary} />}
<PreviewSet name="Tertiary" colorUnit={baseline.tertiary} /> {baseline.tertiary && <PreviewSet name="Tertiary" colorUnit={baseline.tertiary} />}
<PreviewSet name="Accent" colorUnit={baseline.accent} /> {baseline.accent && <PreviewSet name="Accent" colorUnit={baseline.accent} />}
<PreviewSet name="Danger" colorUnit={baseline.danger} /> <PreviewSet name="Danger" colorUnit={baseline.danger} />
<PreviewSet name="Success" colorUnit={baseline.success} /> <PreviewSet name="Success" colorUnit={baseline.success} />
<PreviewSet name="Warn" colorUnit={baseline.warn} /> <PreviewSet name="Warn" colorUnit={baseline.warn} />