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

fix: 修正Q2方案标签并添加导出功能

Browse Source 
修复Q2方案的标签显示不一致问题，将"Q Scheme 2"改为"Q2 Scheme"
在Q2方案页面添加导出功能组件
This commit is contained in:
徐涛 2025-07-14 23:05:01 +08:00
parent e327885545
commit 4119a1ab64
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/models.ts
View File

@ -47,7 +47,7 @@ export type SchemeTypeOption = {
}; };
export const SchemeTypeOptions: SchemeTypeOption[] = [ export const SchemeTypeOptions: SchemeTypeOption[] = [
{ label: 'Q Scheme', short: 'Q', value: 'q_scheme' }, { label: 'Q Scheme', short: 'Q', value: 'q_scheme' },
{ label: 'Q Scheme 2', short: 'Q2', value: 'q_2_scheme' }, { label: 'Q2 Scheme', short: 'Q2', value: 'q_2_scheme' },
{ label: 'Swatch Scheme', short: 'Swatch', value: 'swatch_scheme' }, { label: 'Swatch Scheme', short: 'Swatch', value: 'swatch_scheme' },
{ label: 'Material Design 2 Scheme', short: 'M2', value: 'material_2' }, { label: 'Material Design 2 Scheme', short: 'M2', value: 'material_2' },
{ label: 'Material Design 3 Scheme', short: 'M3', value: 'material_3' }, { label: 'Material Design 3 Scheme', short: 'M3', value: 'material_3' },

3
src/page-components/scheme/Q2Scheme.tsx
View File

@ -1,8 +1,10 @@
import { isEqual, isNil } from 'lodash-es';
import { useState } from 'react'; import { useState } from 'react';
import { Tab } from '../../components/Tab'; import { Tab } from '../../components/Tab';
import { SchemeContent } from '../../models'; import { SchemeContent } from '../../models';
import { Q2SchemeStorage } from '../../q-2-scheme'; import { Q2SchemeStorage } from '../../q-2-scheme';
import { isNilOrEmpty } from '../../utls'; import { isNilOrEmpty } from '../../utls';
import { SchemeExport } from './Export';
const tabOptions = [ const tabOptions = [
{ title: 'Overview', id: 'overview' }, { title: 'Overview', id: 'overview' },
@ -30,6 +32,7 @@ export function Q2Scheme({ scheme }: Q2SchemeProps) {
export: isNilOrEmpty(scheme.schemeStorage?.cssVariables), export: isNilOrEmpty(scheme.schemeStorage?.cssVariables),
}} }}
/> />
{isEqual(activeTab, 'export') && <SchemeExport scheme={scheme} />}
</> </>
); );
} }