fix: 默认导出

Author: wangqian

components/footer/index.tsx

@@ -28,7 +28,7 @@ export interface IFooterProps {
   publicNumber: string; // 公安备案号
 }
 
-export const Footer: FC<IFooterProps> = ({
+const Footer: FC<IFooterProps> = ({
                                            title,
                                            linkList,
                                            qrCode,
@@ -110,3 +110,5 @@ export const Footer: FC<IFooterProps> = ({
     </div>
   );
 };
+
+export default Footer;

components/layout/index.tsx

@@ -1,14 +1,16 @@
 import {FC} from "react";
-import {Footer, IFooterProps} from "../footer/index";
-import {INavBarProps, NavBar} from "../navbar/index";
+import type {IFooterProps} from "../footer/index";
+import Footer from "../footer/index";
+import type {INavBarProps} from "../navbar/index";
+import NavBar from "../navbar/index";
 import styles from "./styles.module.scss";
 
 export interface ILayoutProps {
   navbarData: INavBarProps;
   footerData: IFooterProps;
 }
 
-export const Layout: FC<ILayoutProps & { children: JSX.Element }> = ({
+const Layout: FC<ILayoutProps & { children: JSX.Element }> = ({
                                                                        navbarData,
                                                                        footerData,
                                                                        children,
@@ -21,3 +23,5 @@ export const Layout: FC<ILayoutProps & { children: JSX.Element }> = ({
     </div>
   );
 };
+
+export default Layout;

components/navbar/index.tsx

@@ -11,7 +11,7 @@ import {Themes} from "@/constants/enum";
 export interface INavBarProps {
 }
 
-export const NavBar: FC<INavBarProps> = ({}) => {
+const NavBar: FC<INavBarProps> = ({}) => {
   const {setTheme, theme} = useContext(ThemeContext);
   const icon = theme === Themes.light ? logoTextDark : logoText;
   const iconTheme = theme === Themes.light ? <IconMoon size="extra-large"/> : <IconSun size="extra-large"/>;
@@ -47,3 +47,5 @@ export const NavBar: FC<INavBarProps> = ({}) => {
     </div>
   );
 };
+
+export default NavBar;

pages/_app.tsx

@@ -1,7 +1,8 @@
 import type {AppContext, AppProps} from 'next/app';
 import App from 'next/app';
 import React from 'react';
-import {ILayoutProps, Layout} from '@/components/layout';
+import type {ILayoutProps} from '@/components/layout';
+import Layout from '@/components/layout';
 import Head from 'next/head';
 import {getIsMobile, getIsSupportWebp} from '@/utils';
 import {ThemeContextProvider} from '@/stores/theme';

pages/components/banner/index.tsx

@@ -11,7 +11,7 @@ import {ThemeContext} from "@/stores/theme";
 export interface IBannerProps {
 }
 
-export const Banner: FC<IBannerProps> = ({}) => {
+const Banner: FC<IBannerProps> = ({}) => {
   const mainRef = useRef<HTMLDivElement>(null);
   const {theme} = useContext(ThemeContext);
 
@@ -47,3 +47,5 @@ export const Banner: FC<IBannerProps> = ({}) => {
     </div>
   );
 };
+
+export default Banner;

pages/components/contributors/index.tsx

@@ -5,7 +5,7 @@ import styles from "./styles.module.scss";
 export interface IContributorsProps {
 }
 
-export const Contributors: FC<IContributorsProps> = ({}) => {
+const Contributors: FC<IContributorsProps> = ({}) => {
   return (
     <div className={styles.contributorsContainer}>
       <Row className={styles.row} type="flex" align="middle">
@@ -25,3 +25,5 @@ export const Contributors: FC<IContributorsProps> = ({}) => {
     </div>
   );
 };
+
+export default Contributors;

pages/components/features/index.tsx

@@ -9,7 +9,7 @@ import InformationIcon from "@/public/information.svg";
 export interface IFeaturesProps {
 }
 
-export const Features: FC<IFeaturesProps> = ({}) => {
+const Features: FC<IFeaturesProps> = ({}) => {
   const Options = [{
     icon: SafetyIcon,
     title: '安全'
@@ -41,3 +41,5 @@ export const Features: FC<IFeaturesProps> = ({}) => {
     </div>
   );
 };
+
+export default Features;

pages/components/platform/index.tsx

@@ -11,7 +11,7 @@ import styles from "./styles.module.scss";
 export interface IPlatformProps {
 }
 
-export const Platform: FC<IPlatformProps> = ({}) => {
+const Platform: FC<IPlatformProps> = ({}) => {
   const popupRef = useRef<IPopupRef>(null);
   const [currentImage, setCurrentImage] = useState(null)
   const Options = [{
@@ -62,3 +62,5 @@ export const Platform: FC<IPlatformProps> = ({}) => {
     </div>
   );
 };
+
+export default Platform;

pages/components/technology/index.tsx

@@ -6,7 +6,7 @@ import styles from "./styles.module.scss";
 export interface ITechnologyProps {
 }
 
-export const Technology: FC<ITechnologyProps> = ({}) => {
+const Technology: FC<ITechnologyProps> = ({}) => {
   const Options = [{
     title: '数字孪生',
     description: '通过服务侧、客户端侧属性、遥测数据、RPC 等实现了数字孪生， 实现了所有设备统一接口提供给业务调用。',
@@ -45,3 +45,5 @@ export const Technology: FC<ITechnologyProps> = ({}) => {
     </div>
   );
 };
+
+export default Technology;

pages/index.tsx

@@ -1,11 +1,11 @@
 import React, {useContext, useEffect, useRef} from 'react';
 import type {NextPage} from 'next';
 import styles from './index.module.scss';
-import {Banner} from "@/pages/components/banner";
-import {Technology} from "@/pages/components/technology";
-import {Features} from "@/pages/components/features";
-import {Platform} from "@/pages/components/platform";
-import {Contributors} from "@/pages/components/contributors";
+import Banner from "@/pages/components/banner";
+import Technology from "@/pages/components/technology";
+import Features from "@/pages/components/features";
+import Platform from "@/pages/components/platform";
+import Contributors from "@/pages/components/contributors";
 import cName from 'classnames';
 import {ThemeContext} from '@/stores/theme';
 import {IComponentProps} from './_app';