feat(site): support theme generator

Author: RylanBot

package.json

@@ -152,6 +152,7 @@
     "rollup-plugin-typescript2": "^0.31.2",
     "tdesign-icons-view": "^0.3.5",
     "tdesign-site-components": "^0.15.6",
+    "tdesign-theme-generator": "^1.1.0",
     "typescript": "^4.5.3",
     "vite": "^2.7.0",
     "vite-plugin-pwa": "^0.11.11",

site/web/App.jsx

@@ -1,8 +1,9 @@
-import React, { useEffect, useRef, useState, lazy, Suspense } from 'react';
-import { BrowserRouter, Routes, Navigate, Route, useLocation, useNavigate, Outlet } from 'react-router-dom';
-import siteConfig from './site.config';
-import { getRoute, filterVersions } from './utils';
+import React, { lazy, Suspense, useEffect, useRef, useState } from 'react';
+import { BrowserRouter, Navigate, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
+
 import packageJson from '@/package.json';
+import siteConfig from './site.config';
+import { filterVersions, getRoute } from './utils';
 
 const LazyDemo = lazy(() => import('./Demo'));
 
@@ -114,6 +115,8 @@ function Components() {
         <Outlet />
         <td-doc-footer slot="doc-footer" platform="mobile"></td-doc-footer>
       </td-doc-content>
+
+      <td-theme-generator device="mobile" />
     </td-doc-layout>
   );
 }

site/web/main.jsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { registerLocaleChange } from 'tdesign-site-components';
-import App from './App';
-
-import '../style/web/index.less';
 
-import 'tdesign-site-components/lib/styles/style.css';
-import 'tdesign-site-components/lib/styles/prism-theme.less';
+import { registerLocaleChange } from 'tdesign-site-components';
 import 'tdesign-site-components/lib/styles/prism-theme-dark.less';
+import 'tdesign-site-components/lib/styles/prism-theme.less';
+import 'tdesign-site-components/lib/styles/style.css';
 
-// import icons webcomponents
 import 'tdesign-icons-view';
+import 'tdesign-theme-generator';
+
+import App from './App';
+import '../style/web/index.less';
 
 registerLocaleChange();
 ReactDOM.render(