feat: 文件命名规则修改

template/src/App.tsx

@@ -1,5 +1,5 @@
 import Layout from '@/layout';
-import { toPascalCase } from '@/utils';
+import withPage from '@/utils/withPage';
 import { lazy } from 'react';
 import {
   createBrowserRouter,
@@ -18,12 +18,11 @@ const parseMeta2Routes = (meta: Meta[]) => {
       routes.push(...parseMeta2Routes(item._children));
       return;
     }
-    const Element = lazy(
-      () => import(`@/pages/${item._fullpath}/${toPascalCase(item._path)}`),
-    );
+    const Element = lazy(() => import(`@/pages/${item._fullpath}`));
+    const PageElement = withPage(Element);
     const route: RouteObject = {
       path: item._fullroute,
-      element: <Element />,
+      element: <PageElement />,
     };
     routes.push(route);
   });

template/src/Root.tsx

@@ -0,0 +1,5 @@
+const Root: React.FC<React.HTMLAttributes<HTMLDivElement>> = (props) => {
+  return <div {...props} />;
+};
+
+export default Root;

template/src/app/store.ts

@@ -1,4 +1,4 @@
-import demoReducer from '@/pages/demo/demoSlice';
+import demoReducer from '@/pages/demo/slice';
 import { Action, configureStore, ThunkAction } from '@reduxjs/toolkit';
 import commonReducer from './common';
 

template/src/pages/demo/index.tsx

@@ -1,7 +1,7 @@
 import { useAppDispatch, useAppSelector } from '@/app/hooks';
-import { User } from '@/pages/demo/demoAPI';
-import { fetchUsers, selectDemo } from '@/pages/demo/demoSlice';
-import withPage from '@/utils/withPage';
+import { User } from '@/pages/demo/api';
+import { fetchUsers, selectDemo } from '@/pages/demo/slice';
+import Root from '@/Root';
 import { EditTableColumnsType, Table } from '@df/toco-ui';
 import { useEffect } from 'react';
 
@@ -40,8 +40,10 @@ const Demo = () => {
   }, [dispatch]);
 
   return (
-    <Table id="demoTable" value={users} columns={columns} editMode="none" />
+    <Root>
+      <Table id="demoTable" value={users} columns={columns} editMode="none" />
+    </Root>
   );
 };
 
-export default withPage(Demo);
+export default Demo;

template/src/pages/demo/slice.ts

@@ -1,5 +1,5 @@
 import { AppThunk, RootState } from '@/app/store';
-import { getUsers, User } from '@/pages/demo/demoAPI';
+import { getUsers, User } from '@/pages/demo/api';
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 
 export interface DemoState {
@@ -11,7 +11,7 @@ const initialState: DemoState = {
   users: [],
 };
 
-export const demoSlice = createSlice({
+export const slice = createSlice({
   name: 'demo',
   initialState,
   reducers: {
@@ -21,7 +21,7 @@ export const demoSlice = createSlice({
   },
 });
 
-export const { setUsers } = demoSlice.actions;
+export const { setUsers } = slice.actions;
 
 export const fetchUsers = (): AppThunk => async (dispatch, getState) => {
   const data = await getUsers();
@@ -30,4 +30,4 @@ export const fetchUsers = (): AppThunk => async (dispatch, getState) => {
 
 export const selectDemo = (state: RootState) => state.demo;
 
-export default demoSlice.reducer;
+export default slice.reducer;

template/src/pages/test/index.js

@@ -1,7 +1,7 @@
 import { useAppSelector } from '@/app/hooks';
-import withPage from '@/utils/withPage';
+import Root from '@/Root';
 import { useEffect } from 'react';
-import * as tocoServices from './testAPI';
+import * as tocoServices from './api';
 
 const Test = (props) => {
   const tocoStore = useAppSelector((state) => state);
@@ -16,7 +16,7 @@ const Test = (props) => {
   }, [props, tocoStore]);
 
   return (
-    <div>
+    <Root>
       <h1>Store</h1>
       <p>the primary color is: {tocoStore.common.primaryColor}</p>
       <h1>Service</h1>
@@ -24,8 +24,8 @@ const Test = (props) => {
       <div>
         <p>children page</p>
       </div>
-    </div>
+    </Root>
   );
 };
 
-export default withPage(Test);
+export default Test;

template/src/pages/yyy/xxx/index.js

@@ -1,7 +1,7 @@
 import { useAppSelector } from '@/app/hooks';
-import withPage from '@/utils/withPage';
+import Root from '@/Root';
 import { useEffect } from 'react';
-import * as tocoServices from './xxxAPI';
+import * as tocoServices from './api';
 
 const Xxx = (props) => {
   const tocoStore = useAppSelector((state) => state);
@@ -16,10 +16,10 @@ const Xxx = (props) => {
   }, [props, tocoStore]);
 
   return (
-    <div>
+    <Root>
       <h1>xxx</h1>
-    </div>
+    </Root>
   );
 };
 
-export default withPage(Xxx);
+export default Xxx;