@lxzy/code-snippet 0.0.9 → 0.0.11

package/.opencode/commands/push-yw.md

@@ -4,5 +4,5 @@ agent: build
 model: opencode/mimo-v2.5-free
 ---
 
-修改 package.json 里的 version 字段，版本号加 1
+修改 package.json 里的 version 字段，版本号根据 patch bump 规则加 1
 执行`pnpm pub`

package/mock/activity.ts

@@ -1,9 +1,30 @@
 import { MockMethod } from 'vite-plugin-mock';
 
 let channelLinkList = [
-  { id: 1, pageId: 1, nameCn: '商家A', nameEn: 'a', link: '/paths/detail?id=1&filed=a', createTime: '2026-03-01 10:00:00' },
-  { id: 2, pageId: 1, nameCn: '商家B', nameEn: 'b', link: '/paths/detail?id=1&filed=b', createTime: '2026-03-02 11:00:00' },
-  { id: 3, pageId: 1, nameCn: '商家C', nameEn: 'c', link: '/paths/detail?id=1&filed=c', createTime: '2026-03-03 12:00:00' },
+  {
+    id: 1,
+    pageId: 1,
+    nameCn: '商家A',
+    nameEn: 'a',
+    link: '/paths/detail?id=1&filed=a',
+    createTime: '2026-03-01 10:00:00',
+  },
+  {
+    id: 2,
+    pageId: 1,
+    nameCn: '商家B',
+    nameEn: 'b',
+    link: '/paths/detail?id=1&filed=b',
+    createTime: '2026-03-02 11:00:00',
+  },
+  {
+    id: 3,
+    pageId: 1,
+    nameCn: '商家C',
+    nameEn: 'c',
+    link: '/paths/detail?id=1&filed=c',
+    createTime: '2026-03-03 12:00:00',
+  },
 ];
 let channelLinkIdCounter = 4;
 
@@ -164,7 +185,10 @@ export default [
         activityList[index] = {
           ...activityList[index],
           ...rest,
-          status: calcStatus(rest.startTime || activityList[index].startTime, rest.endTime || activityList[index].endTime),
+          status: calcStatus(
+            rest.startTime || activityList[index].startTime,
+            rest.endTime || activityList[index].endTime,
+          ),
         };
         return { success: true, data: activityList[index] };
       } else {
@@ -187,9 +211,27 @@ export default [
     response: ({ query }) => {
       const { current = 1, pageSize = 10, name } = query;
       let list = [
-        { id: 1, name: '春季内购会-工业品专场', path: '/paths/detail?id=1', status: '已通过', updateTime: '' },
-        { id: 2, name: '春季内购会-进口设备', path: '/paths/detail?id=2', status: '待提审', updateTime: '' },
-        { id: 3, name: '春季内购会-新机专场', path: '/paths/detail?id=3', status: '已通过', updateTime: '' },
+        {
+          id: 1,
+          name: '春季内购会-工业品专场',
+          path: '/paths/detail?id=1',
+          status: '已通过',
+          updateTime: '',
+        },
+        {
+          id: 2,
+          name: '春季内购会-进口设备',
+          path: '/paths/detail?id=2',
+          status: '待提审',
+          updateTime: '',
+        },
+        {
+          id: 3,
+          name: '春季内购会-新机专场',
+          path: '/paths/detail?id=3',
+          status: '已通过',
+          updateTime: '',
+        },
       ];
       if (name) {
         list = list.filter((item) => item.name.includes(name));
@@ -197,7 +239,10 @@ export default [
       const start = (Number(current) - 1) * Number(pageSize);
       return {
         success: true,
-        data: { list: list.slice(start, start + Number(pageSize)), total: list.length },
+        data: {
+          list: list.slice(start, start + Number(pageSize)),
+          total: list.length,
+        },
       };
     },
   },
@@ -207,9 +252,33 @@ export default [
     response: ({ query }) => {
       const { current = 1, pageSize = 10, name, id: pageId } = query;
       let list = [
-        { id: 1, name: '春季内购会-工业品专场', path: '/paths/detail?id=1', status: '已通过', activity: '春季内购会', canShare: true, updateTime: '' },
-        { id: 2, name: '春季内购会-进口设备', path: '/paths/detail?id=2', status: '待提审', activity: '春季内购会', canShare: true, updateTime: '' },
-        { id: 3, name: '年终大促-主会场', path: '/paths/detail?id=3', status: '已通过', activity: '年终大促', canShare: false, updateTime: '' },
+        {
+          id: 1,
+          name: '春季内购会-工业品专场',
+          path: '/paths/detail?id=1',
+          status: '已通过',
+          activity: '春季内购会',
+          canShare: true,
+          updateTime: '',
+        },
+        {
+          id: 2,
+          name: '春季内购会-进口设备',
+          path: '/paths/detail?id=2',
+          status: '待提审',
+          activity: '春季内购会',
+          canShare: true,
+          updateTime: '',
+        },
+        {
+          id: 3,
+          name: '年终大促-主会场',
+          path: '/paths/detail?id=3',
+          status: '已通过',
+          activity: '年终大促',
+          canShare: false,
+          updateTime: '',
+        },
       ];
       if (name) {
         list = list.filter((item) => item.name.includes(name));
@@ -220,7 +289,10 @@ export default [
       const start = (Number(current) - 1) * Number(pageSize);
       return {
         success: true,
-        data: { list: list.slice(start, start + Number(pageSize)), total: list.length },
+        data: {
+          list: list.slice(start, start + Number(pageSize)),
+          total: list.length,
+        },
       };
     },
   },
@@ -237,7 +309,10 @@ export default [
       const start = (Number(current) - 1) * Number(pageSize);
       return {
         success: true,
-        data: { list: list.slice(start, start + Number(pageSize)), total: list.length },
+        data: {
+          list: list.slice(start, start + Number(pageSize)),
+          total: list.length,
+        },
       };
     },
   },
@@ -247,9 +322,30 @@ export default [
     response: ({ query }) => {
       const { current = 1, pageSize = 10, pageId } = query;
       let list = [
-        { id: 1, pageId: 1, nameCn: '商家A', nameEn: 'a', link: '/paths/detail?id=1&filed=a', createTime: '2026-03-01 10:00:00' },
-        { id: 2, pageId: 1, nameCn: '商家B', nameEn: 'b', link: '/paths/detail?id=1&filed=b', createTime: '2026-03-02 11:00:00' },
-        { id: 3, pageId: 1, nameCn: '商家C', nameEn: 'c', link: '/paths/detail?id=1&filed=c', createTime: '2026-03-03 12:00:00' },
+        {
+          id: 1,
+          pageId: 1,
+          nameCn: '商家A',
+          nameEn: 'a',
+          link: '/paths/detail?id=1&filed=a',
+          createTime: '2026-03-01 10:00:00',
+        },
+        {
+          id: 2,
+          pageId: 1,
+          nameCn: '商家B',
+          nameEn: 'b',
+          link: '/paths/detail?id=1&filed=b',
+          createTime: '2026-03-02 11:00:00',
+        },
+        {
+          id: 3,
+          pageId: 1,
+          nameCn: '商家C',
+          nameEn: 'c',
+          link: '/paths/detail?id=1&filed=c',
+          createTime: '2026-03-03 12:00:00',
+        },
       ];
       if (pageId) {
         list = list.filter((item) => String(item.pageId) === String(pageId));
@@ -257,7 +353,10 @@ export default [
       const start = (Number(current) - 1) * Number(pageSize);
       return {
         success: true,
-        data: { list: list.slice(start, start + Number(pageSize)), total: list.length },
+        data: {
+          list: list.slice(start, start + Number(pageSize)),
+          total: list.length,
+        },
       };
     },
   },
@@ -286,7 +385,9 @@ export default [
         channelLinkList[index] = {
           ...channelLinkList[index],
           ...rest,
-          link: `/paths/detail?id=${channelLinkList[index].pageId}&filed=${rest.nameEn || channelLinkList[index].nameEn}`,
+          link: `/paths/detail?id=${channelLinkList[index].pageId}&filed=${
+            rest.nameEn || channelLinkList[index].nameEn
+          }`,
         };
         return { success: true, data: channelLinkList[index] };
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lxzy/code-snippet",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "files": [
     "*",
     "!dist",
@@ -39,6 +39,7 @@
     "exceljs": "^4.3.0",
     "fs-extra": "^10.0.0",
     "got": "^11.8.2",
+    "history-with-query": "^4.10.4",
     "jotai": "^1.6.1",
     "lodash": "^4.17.0",
     "lodash-es": "^4.17.21",
@@ -55,23 +56,26 @@
     "react-dom": "^17.0.0",
     "react-helmet-async": "^1.2.0",
     "react-infinite-scroll-component": "^6.1.0",
-    "react-router-dom": "^6.3.0",
+    "react-router-dom": "5",
     "swagger-typescript-api": "10.0.2",
+    "tslib": "^2.8.1",
     "unstated-next": "^1.1.0",
     "validator": "^13.7.0",
     "wangeditor": "^4.7.11"
   },
   "devDependencies": {
-    "@types/node": "^22.1.0", 
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.29.7",
+    "@types/node": "^22.1.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/react-router-dom": "5",
     "@vitejs/plugin-react": "^6.0.0",
-    "esbuild": "^0.28.0",
     "less": "^4.6.7",
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.0",
-    "typescript": "^4.1.2",
-    "vite": "^8.0.10",
+    "typescript": "^5.0.0",
+    "vite": "^8.1.4",
     "vite-plugin-mock": "^3.0.2",
     "yorkie": "^2.0.0"
   }

package/routes/index.ts

@@ -0,0 +1,19 @@
+import menuRoutes from './menu';
+
+const flattenRoutes = (routes) => {
+  const result = [];
+  routes.forEach((route) => {
+    if (route.component) {
+      result.push({ path: route.path, component: route.component });
+    }
+    if (route.routes) {
+      result.push(...flattenRoutes(route.routes));
+    }
+  });
+  return result;
+};
+
+export default [
+  ...flattenRoutes(menuRoutes),
+  { path: '/404', component: '404' },
+];

package/routes/menu.ts

@@ -0,0 +1,25 @@
+export default [
+  {
+    path: '/home',
+    name: '首页',
+    component: 'home',
+    icon: 'smile',
+  },
+  {
+    path: '/activityCenter',
+    name: '活动中心',
+    icon: 'sound',
+    routes: [
+      {
+        path: '/activityCenter/activitySystemManagement',
+        name: '活动系统管理',
+        component: 'activityCenter/activitySystemManagement',
+      },
+      {
+        path: '/activityCenter/activitySystemManagement/addPages',
+        hideInMenu: true,
+        component: 'activityCenter/activitySystemManagement/addPages',
+      },
+    ],
+  },
+];

package/src/App.tsx

@@ -1,33 +1,54 @@
-import React from 'react';
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import React, { Suspense, lazy } from 'react';
+import { Switch, Route, Redirect } from 'react-router-dom';
+import { Router } from 'react-router-dom';
+import history from '@/umi';
 import BasicLayout from '@/layouts/index';
-import ActivitySystemManagement from '@/pages/activityCenter/activitySystemManagement';
-import ActivitySystemManagementAddPages from '@/pages/activityCenter/activitySystemManagement/addPages';
-import Page404 from '@/pages/404';
+import routes from '../routes';
+
+const pageModules = import.meta.glob('./pages/**/*.tsx');
+
+const componentCache = {};
+const loadComponent = (path) => {
+  if (!componentCache[path]) {
+    const factory: any =
+      pageModules[`./pages/${path}.tsx`] ||
+      pageModules[`./pages/${path}/index.tsx`];
+    if (!factory) {
+      throw new Error(`Page component not found: ${path}`);
+    }
+    componentCache[path] = lazy(factory);
+  }
+  return componentCache[path];
+};
 
 const App = () => {
   return (
-    <BrowserRouter>
+    <Router history={history}>
       <BasicLayout>
-        <Routes>
-          <Route
-            path="/"
-            element={
-              <Navigate to="/activityCenter/activitySystemManagement" replace />
-            }
-          />
-          <Route
-            path="/activityCenter/activitySystemManagement"
-            element={<ActivitySystemManagement />}
-          />
-          <Route
-            path="/activityCenter/activitySystemManagement/addPages"
-            element={<ActivitySystemManagementAddPages />}
-          />
-          <Route path="*" element={<Page404 />} />
-        </Routes>
+        <Suspense fallback={null}>
+          <Switch>
+            {routes.map((route, i) =>
+              route.redirect ? (
+                <Route key={route.path || i} path={route.path} exact>
+                  <Redirect to={route.redirect} />
+                </Route>
+              ) : (
+                <Route
+                  key={route.path || i}
+                  path={route.path}
+                  exact={route.path !== '/404'}
+                  render={() => {
+                    const Component = loadComponent(route.component);
+                    return <Component />;
+                  }}
+                />
+              ),
+            )}
+            <Redirect to="/404" />
+          </Switch>
+        </Suspense>
       </BasicLayout>
-    </BrowserRouter>
+    </Router>
   );
 };
 

package/src/global.css

@@ -1,4 +1,6 @@
-html, body, #root {
+html,
+body,
+#root {
   height: 100%;
   margin: 0;
   padding: 0;
@@ -8,37 +10,3 @@ html, body, #root {
 #root > div {
   height: 100%;
 }
-
-.ant-pro-layout,
-.ant-layout {
-  height: 100% !important;
-}
-
-.ant-pro-layout .ant-layout-content {
-  display: flex !important;
-  flex-direction: column !important;
-  flex: 1 !important;
-  min-height: 0 !important;
-  overflow: auto !important;
-}
-
-.ant-pro-page-container {
-  display: flex !important;
-  flex-direction: column !important;
-  flex: 1 !important;
-  min-height: 0 !important;
-  height: auto !important;
-}
-
-.ant-pro-page-container .ant-pro-page-container-children-content {
-  display: flex !important;
-  flex-direction: column !important;
-  flex: 1 !important;
-  min-height: 0 !important;
-  margin: 0 !important;
-  padding: 24px !important;
-}
-
-.ant-pro-page-container .ant-pro-page-container-children-content > div {
-  flex: 1 !important;
-}

package/src/layouts/index.tsx

@@ -1,12 +1,15 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import React, { useState, useEffect } from 'react';
 import { Avatar, Dropdown, Menu, Space } from 'antd';
 import ProLayout from '@ant-design/pro-layout';
+import history from '@/umi';
+import menuRoutes from '../../routes/menu';
+import getIcon from '@/utils/getIcon';
 
-const menuDataRender = (menuList: any[]) => {
+const menuDataRender = (menuList) => {
   return menuList.map((item) => {
     const localItem = {
       ...item,
+      icon: item.icon ? getIcon(item.icon) : undefined,
       children: item.children ? menuDataRender(item.children) : undefined,
     };
     return localItem;
@@ -15,32 +18,29 @@ const menuDataRender = (menuList: any[]) => {
 
 const BasicLayout = (props) => {
   const { children } = props;
-  const navigate = useNavigate();
+  const [location, setLocation] = useState(history.location);
+
+  useEffect(() => {
+    const unlisten = history.listen((location) => {
+      setLocation(location);
+    });
+    return () => unlisten();
+  }, []);
 
   return (
     <ProLayout
-      title="Code Snippet"
+      title="管理平台"
       logo={false}
       layout="mix"
-      fixSiderbar
+      fixSiderbar={false}
       fixedHeader
+      location={location}
       route={{
         path: '/',
-        routes: [
-          {
-            path: '/activityCenter',
-            name: '活动中心',
-            routes: [
-              {
-                path: '/activityCenter/activitySystemManagement',
-                name: '活动系统管理',
-              },
-            ],
-          },
-        ],
+        routes: menuDataRender(menuRoutes),
       }}
       menuItemRender={(item, dom) => (
-        <a onClick={() => navigate(item.path || '/')}>{dom}</a>
+        <a onClick={() => history.push(item.path || '/')}>{dom}</a>
       )}
     >
       {children}

package/src/main.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
-import 'antd/dist/antd.css';
+import 'antd/es/notification/style';
 import './global.css';
 
 ReactDOM.render(

package/src/pages/404.tsx

@@ -1,5 +1,17 @@
-import { Result } from 'antd';
+import history from '@/umi';
+import { Button, Result } from 'antd';
 
 export default function Page() {
-  return <Result title="404"></Result>;
+  return (
+    <Result
+      title="404"
+      extra={
+        <Button
+          onClick={() => {
+            history.push('/');
+          }}
+        ></Button>
+      }
+    ></Result>
+  );
 }

package/src/pages/activityCenter/activitySystemManagement/addPages/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { PageContainer } from '@ant-design/pro-layout';
 import SystemPage from './components/SystemPage';
 import CustomPage from './components/CustomPage';

package/src/pages/activityCenter/activitySystemManagement/index.tsx

@@ -1,14 +1,21 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Button, DatePicker, message, Modal, Select, Space } from 'antd';
+import {
+  Button,
+  DatePicker,
+  message,
+  Modal,
+  notification,
+  Select,
+  Space,
+} from 'antd';
 import ProTable, { ActionType } from '@ant-design/pro-table';
-import { useNavigate } from 'react-router-dom';
 import axios from 'axios';
 import AddDrawer from './add';
+import history from '@/umi';
 
 const ipTagOptions = ['品牌A', '品牌B', '品牌C', '品牌D'];
 
 const ActivitySystemManagement = () => {
-  const navigate = useNavigate();
   const actionRef = useRef<ActionType>();
   const [drawerVisible, setDrawerVisible] = useState(false);
   const [editingItem, setEditingItem] = useState(null);
@@ -159,7 +166,7 @@ const ActivitySystemManagement = () => {
                   type="link"
                   size="small"
                   onClick={() =>
-                    navigate(
+                    history.push(
                       '/activityCenter/activitySystemManagement/addPages',
                     )
                   }

package/src/pages/home.tsx

@@ -0,0 +1,5 @@
+import React, { useState } from 'react';
+
+export default function Home() {
+  return <div>home</div>;
+}

package/src/umi/dispatcher.ts

@@ -0,0 +1,17 @@
+class Dispatcher {
+  data = {};
+  callbacks = {};
+
+  update(namespace) {
+    if (this.callbacks[namespace]) {
+      this.callbacks[namespace].forEach((cb) => cb(this.data[namespace]));
+    }
+  }
+
+  setData(namespace, data) {
+    this.data[namespace] = data;
+    this.update(namespace);
+  }
+}
+
+export default new Dispatcher();

package/src/umi/index.ts

@@ -0,0 +1,7 @@
+import { createHashHistory } from 'history-with-query';
+import { useModel, ModelProvider } from './useModel';
+
+const history = createHashHistory();
+
+export { history, useModel, ModelProvider };
+export default history;

package/src/umi/useModel.tsx

@@ -0,0 +1,52 @@
+import React, { useState, useEffect } from 'react';
+import dispatcher from './dispatcher';
+
+function useModel(namespace) {
+  const [state, setState] = useState(() => dispatcher.data[namespace]);
+
+  useEffect(() => {
+    const handler = (data) => setState(data);
+    dispatcher.callbacks[namespace] = dispatcher.callbacks[namespace] || [];
+    dispatcher.callbacks[namespace].push(handler);
+    return () => {
+      dispatcher.callbacks[namespace] = dispatcher.callbacks[namespace].filter(
+        (h) => h !== handler,
+      );
+    };
+  }, [namespace]);
+
+  return state;
+}
+
+function Executor(props) {
+  const { hook, namespace } = props;
+  const data = hook();
+  useEffect(() => {
+    dispatcher.setData(namespace, data);
+  }, [data, namespace]);
+  return null;
+}
+
+function ModelProvider(props) {
+  const { children } = props;
+  const modules = import.meta.glob('/src/models/**/*.ts', { eager: true });
+  const modelList = Object.entries(modules)
+    .filter(([path, module]) => {
+      return module && module.default;
+    })
+    .map(([path, module]) => {
+      const namespace = path.replace(/^\/src\/models\//, '').replace(/\.ts$/, '');
+      return { namespace, hook: module.default };
+    });
+
+  return (
+    <>
+      {modelList.map(({ namespace, hook }) => (
+        <Executor key={namespace} hook={hook} namespace={namespace} />
+      ))}
+      {children}
+    </>
+  );
+}
+
+export { useModel, ModelProvider };

package/src/utils/getIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import * as Icons from '@ant-design/icons';
+
+const getIcon = (name) => {
+  if (!name) return undefined;
+  const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+  const parts = name.split('-');
+  const baseName = parts.map(capitalize).join('');
+  const hasSuffix = name.endsWith('Filled') || name.endsWith('TwoTone');
+  const componentName = hasSuffix ? baseName : baseName + 'Outlined';
+  const IconComp = Icons[componentName];
+  if (!IconComp) return undefined;
+  return React.createElement(IconComp);
+};
+
+export default getIcon;

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -1,8 +1,9 @@
 {
   "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["DOM", "ESNext", "DOM.Iterable"],
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "importHelpers": true,
     "jsx": "react-jsx",
@@ -12,12 +13,13 @@
     "strict": false,
     "noImplicitAny": false,
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "umi": ["src/umi"]
     },
     "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true,
-    "types": ["node"]
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true
   },
-  "include": ["mock/**/*", "src/**/*", "typings.d.ts", "vite.*.ts"],
-  "exclude": ["node_modules", "lib", "es", "dist", "typings"]
+  "include": ["mock/**/*", "src/**/*", "routes/**/*", "typings.d.ts", "vite.*.ts"]
 }

package/vite.config.ts

@@ -4,8 +4,14 @@ import { viteMockServe } from 'vite-plugin-mock';
 import path from 'path';
 
 export default defineConfig(({ command }) => ({
+  define: {
+    'process.env': {},
+    'process.env.NODE_ENV': JSON.stringify(
+      command === 'serve' ? 'development' : 'production',
+    ),
+  },
   plugins: [
-    react(),
+    react({}),
     viteMockServe({
       mockPath: 'mock',
       enable: command === 'serve',
@@ -14,6 +20,7 @@ export default defineConfig(({ command }) => ({
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
+      umi: path.resolve(__dirname, './src/umi'),
       '~antd': path.resolve(__dirname, './node_modules/antd'),
     },
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
@@ -23,10 +30,14 @@ export default defineConfig(({ command }) => ({
       less: {
         javascriptEnabled: true,
         math: 'always',
+        modifyVars: {
+          '@root-entry-name': 'default',
+        },
       },
     },
   },
   server: {
     port: 8000,
+    open: true,
   },
 }));