feat(projects): add components auto-import

Author: Ohh-889

build/plugins/auto-import.ts

@@ -6,15 +6,20 @@ export function setupAutoImport(viteEnv: Env.ImportMeta) {
   return AutoImport({
     imports: ['react', 'react-router-dom', 'react-i18next', 'ahooks', { from: 'react', imports: ['FC'], type: true }],
     include: [/\.[tj]sx?$/],
-    dirs: ['src/hooks/**'],
+    dirs: ['src/hooks/**','src/components/**'],
     dts: 'src/types/auto-imports.d.ts',
     resolvers: [
       IconsResolver({
         prefix: VITE_ICON_PREFIX,
-        extension: 'jsx',
+        extension: 'tsx',
         customCollections: [collectionName],
         componentPrefix: VITE_ICON_PREFIX
-      })
+      }),
+      // (componentName) => {
+      //   // where `componentName` is always CapitalCase
+      //   if (componentName.startsWith('A'))
+      //     return { name: componentName.slice(1), from: 'antd' }
+      // },
     ]
   });
 }

eslint.config.js

@@ -12,14 +12,8 @@ export default defineConfig(
   },
   {
     rules: {
-      'react/jsx-pascal-case': [
-        'warn',
-        {
-          allowAllCaps: false,
-          ignore: ['/^icon-/']
-        }
-      ],
-      'no-underscore-dangle': 'off'
+      'no-underscore-dangle': 'off',
+      'react/jsx-no-undef': [true, { allowGlobals: true }]
     }
   }
 );

packages/simple-router/src/matcher/shared.ts

@@ -42,7 +42,7 @@ export function generatePath(pathTemplate: string, params: { [key: string]: stri
  */
 export function normalizeRouteRecord(record: ElegantConstRoute): RouteRecordNormalized {
   return {
-    redirect: record.redirectTo,
+    redirect: record.redirect,
     path: record.path || '',
     name: record.name,
     meta: record.meta || {},

src/App.tsx

@@ -8,7 +8,7 @@ import MenuProvider from '@/components/common/MenuProvider.tsx';
 import { router } from '@/router';
 import { antdLocales } from './locales/antd';
 import AppProvider from './components/common/AppProvider.tsx';
-import GlobalLoading from './components/common/GlobalLoading.tsx';
+
 
 const App = () => {
   const locale = useAppSelector(getLocale);

src/components/common/system-logo.tsx

@@ -1,7 +1,7 @@
 import type { SVGProps } from 'react';
 
 const SystemLogo = memo((props: SVGProps<SVGSVGElement>) => {
-  return IconLocalLogo({ ...props });
+  return <IconLocalLogo {...props} />;
 });
 
 export default SystemLogo;

src/types/auto-imports.d.ts

@@ -5,26 +5,47 @@
 // Generated by unplugin-auto-import
 export {}
 declare global {
-  const IconAntDesignReloadOutlined: typeof import('~icons/ant-design/reload-outlined.jsx')['default']
-  const IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined.jsx')['default']
-  const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen.jsx')['default']
-  const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit.jsx')['default']
-  const IconIcRoundDelete: typeof import('~icons/ic/round-delete.jsx')['default']
-  const IconIcRoundPlus: typeof import('~icons/ic/round-plus.jsx')['default']
-  const IconIcRoundRefresh: typeof import('~icons/ic/round-refresh.jsx')['default']
-  const IconIcRoundSearch: typeof import('~icons/ic/round-search.jsx')['default']
-  const IconLocalBanner: typeof import('~icons/local/banner.jsx')['default']
-  const IconLocalLogo: typeof import('~icons/local/logo.jsx')['default']
-  const IconMdiDrag: typeof import('~icons/mdi/drag.jsx')['default']
-  const IconMdiRefresh: typeof import('~icons/mdi/refresh.jsx')['default']
-  const IconUilSearch: typeof import('~icons/uil/search.jsx')['default']
+  const AppProvider: typeof import('../components/common/AppProvider')['default']
+  const BetterScroll: typeof import('../components/custom/BetterScroll')['default']
+  const BeyondHiding: typeof import('../components/custom/BeyondHiding')['default']
+  const DarkModeContainer: typeof import('../components/common/DarkModeContainer')['default']
+  const DragContent: typeof import('../components/advanced/DragContent')['default']
+  const ErrorBoundary: typeof import('../components/common/ErrorBoundary')['default']
+  const ExceptionBase: typeof import('../components/common/ExceptionBase')['default']
+  const FullScreen: typeof import('../components/common/FullScreen')['default']
+  const GlobalLoading: typeof import('../components/common/GlobalLoading')['default']
+  const IconAntDesignReloadOutlined: typeof import('~icons/ant-design/reload-outlined.tsx')['default']
+  const IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined.tsx')['default']
+  const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen.tsx')['default']
+  const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit.tsx')['default']
+  const IconIcRoundDelete: typeof import('~icons/ic/round-delete.tsx')['default']
+  const IconIcRoundPlus: typeof import('~icons/ic/round-plus.tsx')['default']
+  const IconIcRoundRefresh: typeof import('~icons/ic/round-refresh.tsx')['default']
+  const IconIcRoundSearch: typeof import('~icons/ic/round-search.tsx')['default']
+  const IconLocalBanner: typeof import('~icons/local/banner.tsx')['default']
+  const IconLocalLogo: typeof import('~icons/local/logo.tsx')['default']
+  const IconMdiDrag: typeof import('~icons/mdi/drag.tsx')['default']
+  const IconMdiRefresh: typeof import('~icons/mdi/refresh.tsx')['default']
+  const IconUilSearch: typeof import('~icons/uil/search.tsx')['default']
+  const LangSwitch: typeof import('../components/common/LangSwitch')['default']
   const Link: typeof import('react-router-dom')['Link']
+  const LookForward: typeof import('../components/custom/LookForward')['default']
+  const MenuContext: typeof import('../components/common/MenuProvider')['MenuContext']
+  const MenuProvider: typeof import('../components/common/MenuProvider')['default']
+  const MenuToggler: typeof import('../components/common/MenuToggler')['default']
   const NavLink: typeof import('react-router-dom')['NavLink']
   const Navigate: typeof import('react-router-dom')['Navigate']
   const Outlet: typeof import('react-router-dom')['Outlet']
+  const PinToggler: typeof import('../components/common/PinToggler')['default']
+  const ReloadButton: typeof import('../components/common/ReloadButton')['default']
   const Route: typeof import('react-router-dom')['Route']
   const Routes: typeof import('react-router-dom')['Routes']
+  const SoybeanAvatar: typeof import('../components/custom/SoybeanAvatar')['default']
+  const TableColumnSetting: typeof import('../components/advanced/TableColumnSetting')['default']
+  const TableHeaderOperation: typeof import('../components/advanced/TableHeaderOperation')['default']
+  const ThemeSchemaSwitch: typeof import('../components/common/ThemeSchemaSwitch')['default']
   const addThemeVarsToHtml: typeof import('../hooks/business/useTheme/shared')['addThemeVarsToHtml']
+  const buttonIcon: typeof import('../components/custom/button-icon')['default']
   const createRef: typeof import('react')['createRef']
   const createThemeToken: typeof import('../hooks/business/useTheme/shared')['createThemeToken']
   const forwardRef: typeof import('react')['forwardRef']
@@ -35,6 +56,8 @@ declare global {
   const memo: typeof import('react')['memo']
   const reducer: typeof import('../hooks/common/echarts')['reducer']
   const startTransition: typeof import('react')['startTransition']
+  const svgIcon: typeof import('../components/custom/svg-icon')['default']
+  const systemLogo: typeof import('../components/common/system-logo')['default']
   const toggleCssDarkMode: typeof import('../hooks/business/useTheme/shared')['toggleCssDarkMode']
   const useAntdTable: typeof import('ahooks')['useAntdTable']
   const useApp: typeof import('../hooks/business/useApp')['default']
@@ -160,6 +183,7 @@ declare global {
   const useVirtualList: typeof import('ahooks')['useVirtualList']
   const useWebSocket: typeof import('ahooks')['useWebSocket']
   const useWhyDidYouUpdate: typeof import('ahooks')['useWhyDidYouUpdate']
+  const waveBg: typeof import('../components/custom/wave-bg')['default']
 }
 // for type re-export
 declare global {