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

增加CSS自动Scheme导出内容的解析和展示。

Browse Source
This commit is contained in:
徐涛 2025-03-09 08:46:00 +08:00
parent dfbbe2b884
commit c4a2f6f638
10 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/material-2-scheme.ts
View File

@ -32,6 +32,7 @@ export type MaterialDesign2SchemeStorage = {
source?: MaterialDesign2SchemeSource;
scheme?: MaterialDesign2Scheme;
cssVariables?: string;
cssAutoSchemeVariables?: string;
scssVariables?: string;
jsVariables?: string;
};

1
src/material-3-scheme.ts
View File

@ -72,6 +72,7 @@ export type MaterialDesign3DynamicSchemeStorage = {
source?: MaterialDesign3DynamicSchemeSource;
scheme?: MaterialDesign3Scheme;
cssVariables?: string;
cssAutoSchemeVariables?: string;
scssVariables?: string;
jsVariables?: string;
};

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

@ -8,6 +8,7 @@ import styles from './Export.module.css';
const exportOptions: Option[] = [
{ label: 'CSS', value: 'css' },
{ label: 'CSS Auto Scheme', value: 'css-auto' },
{ label: 'SCSS', value: 'scss' },
{ label: 'Javascript Object', value: 'js_object' },
];
@ -22,6 +23,8 @@ export function SchemeExport({ scheme }: SchemeExportProps) {
switch (activeExport) {
case 'css':
return scheme.schemeStorage.cssVariables;
case 'css-auto':
return scheme.schemeStorage.cssAutoSchemeVariables;
case 'scss':
return scheme.schemeStorage.scssVariables;
case 'js_object':

5
src/page-components/scheme/m2-scheme/Builder.tsx
View File

@ -79,8 +79,9 @@ export function M2SchemeBuilder({ scheme, onBuildComplete }: M2SchemeBuilderProp
dark: { custom_colors: mapToObject(generatedScheme[0].dark.custom_colors) },
});
prev.schemeStorage.cssVariables = generatedScheme[1];
prev.schemeStorage.scssVariables = generatedScheme[2];
prev.schemeStorage.jsVariables = generatedScheme[3];
prev.schemeStorage.cssAutoSchemeVariables = generatedScheme[2];
prev.schemeStorage.scssVariables = generatedScheme[3];
prev.schemeStorage.jsVariables = generatedScheme[4];
return prev;
});

5
src/page-components/scheme/m3-dynamic-scheme/Builder.tsx
View File

@ -103,8 +103,9 @@ export function M3DynamicSchemeBuilder({ scheme, onBuildCompleted }: M3DynamicSc
},
};
prev.schemeStorage.cssVariables = generate_scheme[1];
prev.schemeStorage.scssVariables = generate_scheme[2];
prev.schemeStorage.jsVariables = generate_scheme[3];
prev.schemeStorage.cssAutoSchemeVariables = generate_scheme[2];
prev.schemeStorage.scssVariables = generate_scheme[3];
prev.schemeStorage.jsVariables = generate_scheme[4];
return prev;
});

5
src/page-components/scheme/m3-scheme/Builder.tsx
View File

@ -83,8 +83,9 @@ export function M3SchemeBuilder({ scheme, onBuildCompleted }: M3SchemeBuilderPro
},
} as MaterialDesign3Scheme;
prev.schemeStorage.cssVariables = generatedScheme[1];
prev.schemeStorage.scssVariables = generatedScheme[2];
prev.schemeStorage.jsVariables = generatedScheme[3];
prev.schemeStorage.cssAutoSchemeVariables = generatedScheme[2];
prev.schemeStorage.scssVariables = generatedScheme[3];
prev.schemeStorage.jsVariables = generatedScheme[4];
return prev;
});

5
src/page-components/scheme/q-scheme/Builder.tsx
View File

@ -163,8 +163,9 @@ export function QSchemeBuilder({ scheme, onBuildCompleted }: QSchemeBuilderProps
prev.schemeStorage.source = source;
prev.schemeStorage.scheme = generatedScheme[0];
prev.schemeStorage.cssVariables = generatedScheme[1];
prev.schemeStorage.scssVariables = generatedScheme[2];
prev.schemeStorage.jsVariables = generatedScheme[3];
prev.schemeStorage.cssAutoSchemeVariables = generatedScheme[2];
prev.schemeStorage.scssVariables = generatedScheme[3];
prev.schemeStorage.jsVariables = generatedScheme[4];
return prev;
});
onBuildCompleted?.();

5
src/page-components/scheme/swatch-scheme/Builder.tsx
View File

@ -123,8 +123,9 @@ export function SwatchSchemeBuilder({ scheme, onBuildCompleted }: SwatchSchemeBu
};
prev.schemeStorage.scheme = mapToObject(generatedScheme[0]) as SwatchScheme;
prev.schemeStorage.cssVariables = generatedScheme[1];
prev.schemeStorage.scssVariables = generatedScheme[2];
prev.schemeStorage.jsVariables = generatedScheme[3];
prev.schemeStorage.cssAutoSchemeVariables = generatedScheme[2];
prev.schemeStorage.scssVariables = generatedScheme[3];
prev.schemeStorage.jsVariables = generatedScheme[4];
return prev;
});

1
src/q-scheme.ts
View File

@ -55,6 +55,7 @@ export type QSchemeStorage = {
source?: QSchemeSource;
scheme?: QScheme;
cssVariables?: string;
cssAutoSchemeVariables?: string;
scssVariables?: string;
jsVariables?: string;
};

1
src/swatch_scheme.ts
View File

@ -21,6 +21,7 @@ export type SwatchSchemeStorage = {
source?: SwatchSchemeSource;
scheme?: SwatchScheme;
cssVariables?: string;
cssAutoSchemeVariables?: string;
scssVariables?: string;
jsVariables?: string;
};