From 639b6b223efd6c972aefb77ef24a4c2ddfdc69cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Mon, 17 Feb 2025 10:10:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=81=BF=E5=85=8DScheme=E5=9C=A8=E6=9E=84?=
 =?UTF-8?q?=E5=BB=BA=E4=B9=8B=E5=89=8D=E7=82=B9=E5=87=BB=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=92=8C=E5=AF=BC=E5=87=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page-components/scheme/M2Scheme.tsx        | 11 ++++++++++-
 src/page-components/scheme/M3DynamicScheme.tsx | 11 ++++++++++-
 src/page-components/scheme/M3Scheme.tsx        | 11 ++++++++++-
 src/page-components/scheme/QScheme.tsx         | 11 ++++++++++-
 src/page-components/scheme/SwatchScheme.tsx    | 11 ++++++++++-
 5 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/page-components/scheme/M2Scheme.tsx b/src/page-components/scheme/M2Scheme.tsx
index 9a50c66..d480cb3 100644
--- a/src/page-components/scheme/M2Scheme.tsx
+++ b/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')} />
diff --git a/src/page-components/scheme/M3DynamicScheme.tsx b/src/page-components/scheme/M3DynamicScheme.tsx
index 9ec474d..f3e7b04 100644
--- a/src/page-components/scheme/M3DynamicScheme.tsx
+++ b/src/page-components/scheme/M3DynamicScheme.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Tab } from '../../components/Tab';
 import { MaterialDesign3DynamicSchemeStorage } from '../../material-3-scheme';
 import { SchemeContent } from '../../models';
+import { isNilOrEmpty } from '../../utls';
 import { SchemeExport } from './Export';
 import { M3DynamicSchemeBuilder } from './m3-dynamic-scheme/Builder';
 import { M3SchemePreview } from './m3-scheme/Preview';
@@ -24,7 +25,15 @@ export function M3DynamicScheme({ scheme }: M3SchemeProps) {
 
   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') && <M3SchemePreview scheme={scheme.schemeStorage.scheme} />}
       {isEqual(activeTab, 'builder') && (
         <M3DynamicSchemeBuilder scheme={scheme} onBuildCompleted={() => setActiveTab('overview')} />
diff --git a/src/page-components/scheme/M3Scheme.tsx b/src/page-components/scheme/M3Scheme.tsx
index 1d804bc..f83120d 100644
--- a/src/page-components/scheme/M3Scheme.tsx
+++ b/src/page-components/scheme/M3Scheme.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Tab } from '../../components/Tab';
 import { MaterialDesign3SchemeStorage } from '../../material-3-scheme';
 import { SchemeContent } from '../../models';
+import { isNilOrEmpty } from '../../utls';
 import { SchemeExport } from './Export';
 import { M3SchemeBuilder } from './m3-scheme/Builder';
 import { M3SchemePreview } from './m3-scheme/Preview';
@@ -24,7 +25,15 @@ export function M3Scheme({ scheme }: M3SchemeProps) {
 
   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') && <M3SchemePreview scheme={scheme.schemeStorage.scheme} />}
       {isEqual(activeTab, 'builder') && (
         <M3SchemeBuilder scheme={scheme} onBuildCompleted={() => setActiveTab('overview')} />
diff --git a/src/page-components/scheme/QScheme.tsx b/src/page-components/scheme/QScheme.tsx
index 6ed0730..b2dd09c 100644
--- a/src/page-components/scheme/QScheme.tsx
+++ b/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')} />
diff --git a/src/page-components/scheme/SwatchScheme.tsx b/src/page-components/scheme/SwatchScheme.tsx
index dc942c7..2512224 100644
--- a/src/page-components/scheme/SwatchScheme.tsx
+++ b/src/page-components/scheme/SwatchScheme.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Tab } from '../../components/Tab';
 import { SchemeContent } from '../../models';
 import { SwatchSchemeStorage } from '../../swatch_scheme';
+import { isNilOrEmpty } from '../../utls';
 import { SchemeExport } from './Export';
 import { SwatchSchemeBuilder } from './swatch-scheme/Builder';
 import { SwatchSchemePreview } from './swatch-scheme/Preview';
@@ -24,7 +25,15 @@ export function SwatchScheme({ scheme }: SwatchSchemeProps) {
 
   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') && <SwatchSchemePreview scheme={scheme} />}
       {isEqual(activeTab, 'builder') && (
         <SwatchSchemeBuilder scheme={scheme} onBuildCompleted={() => setActiveTab('overview')} />