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

src/page-components/scheme/QScheme.tsx

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Tab } from '../../components/Tab';
 import { SchemeContent } from '../../models';
 import { QSchemeStorage } from '../../q-scheme';
+import { isNilOrEmpty } from '../../utls';
 import { SchemeExport } from './Export';
 import { QSchemeBuilder } from './q-scheme/Builder';
 import { QSchemePreview } from './q-scheme/Preview';
@@ -24,7 +25,15 @@ export function QScheme({ scheme }: QSchemeProps) {
 
   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') && <QSchemePreview scheme={scheme} />}
       {isEqual(activeTab, 'builder') && (
         <QSchemeBuilder scheme={scheme} onBuildCompleted={() => setActiveTab('overview')} />