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

src/material-2-scheme.ts

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

src/material-3-scheme.ts

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

src/page-components/scheme/Export.tsx

@@ -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':

src/page-components/scheme/m2-scheme/Builder.tsx

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

src/page-components/scheme/m3-dynamic-scheme/Builder.tsx

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

src/page-components/scheme/m3-scheme/Builder.tsx

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

src/page-components/scheme/q-scheme/Builder.tsx

@@ -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?.();

src/page-components/scheme/swatch-scheme/Builder.tsx

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

src/q-scheme.ts

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

src/swatch_scheme.ts

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