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
Download Patch File Download Diff File Expand all files Collapse all files

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;
});