feat: header bundle

gatsby-node.js

@@ -112,6 +112,7 @@ exports.onCreateWebpackConfig = ({ stage, rules, loaders, plugins, actions }) =>
     actions.setWebpackConfig({
         resolve: {
             alias: {
+                'semi-site-header': process.env.SEMI_SITE_HEADER || '@douyinfe/semi-site-header',
                 '@douyinfe/semi-ui': resolve('packages/semi-ui'),
                 '@douyinfe/semi-foundation': resolve('packages/semi-foundation'),
                 '@douyinfe/semi-icons': resolve('packages/semi-icons/src/'),

package.json

@@ -39,7 +39,7 @@
   "dependencies": {
     "@douyinfe/semi-site-banner": "0.0.1",
     "@douyinfe/semi-site-doc-style": "0.0.1",
-    "@douyinfe/semi-site-header": "0.0.3",
+    "@douyinfe/semi-site-header": "0.0.4",
     "@douyinfe/semi-site-markdown-blocks": "0.0.1",
     "@mdx-js/react": "^1.6.22",
     "@svgr/core": "^5.5.0",

src/components/header.js

@@ -1,23 +1,18 @@
 import React from 'react';
 import { _t } from 'utils/locale';
-import SemiSiteHeader from '@douyinfe/semi-site-header';
-import '@douyinfe/semi-site-header/dist/index.css';
+import SemiSiteHeader from 'semi-site-header';
+import 'semi-site-header/dist/index.css';
 import { navigate } from 'gatsby';
 
 const Header = ({ location, localeCode, style }) => (
     <div>
         <SemiSiteHeader
             style={style}
-            transparent={true}
-            colorReverse={false}
-            location={location}
-            hasSearch={true}
-            onSearch={() => window.showSearch()}
             onDarkChange={(mode)=>{
                 const iframeDOM=document.querySelector('iframe');
-                try{
+                try {
                     iframeDOM?.contentWindow?.semidoc?.setDarkmode(mode==='dark');
-                }catch (e){
+                } catch (e){
 
                 }
             }}