避免Scheme在构建之前点击预览和导出。

src/page-components/scheme/M2Scheme.tsx

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Tab } from '../../components/Tab';
 import { MaterialDesign2SchemeStorage } from '../../material-2-scheme';
 import { SchemeContent } from '../../models';
+import { isNilOrEmpty } from '../../utls';
 import { SchemeExport } from './Export';
 import { M2SchemeBuilder } from './m2-scheme/Builder';
 import { M2SchemePreview } from './m2-scheme/Preview';
@@ -24,7 +25,15 @@ export function M2Scheme({ scheme }: M2SchemeProps) {
 
   return (
     <>
-      <Tab tabs={tabOptions} activeTab={activeTab} onActive={(v) => setActiveTab(v as string)} />
+      <Tab
+        tabs={tabOptions}
+        activeTab={activeTab}
+        onActive={(v) => setActiveTab(v as string)}
+        disabled={{
+          overview: isNilOrEmpty(scheme.schemeStorage?.scheme),
+          export: isNilOrEmpty(scheme.schemeStorage?.cssVariables),
+        }}
+      />
       {isEqual(activeTab, 'overview') && <M2SchemePreview scheme={scheme} />}
       {isEqual(activeTab, 'builder') && (
         <M2SchemeBuilder scheme={scheme} onBuildComplete={() => setActiveTab('overview')} />