@lxzy/code-snippet 0.0.8 → 0.0.10

package/.opencode/rules/ts.md

@@ -0,0 +1,11 @@
+- ts 类型不需要写详细，不要在 tsx 文件里定义 interface，组件里的方法参数不要写类型定义
+- 组件的 props 不要直接在入参的地方解构，也不要定义 React.FC
+
+```ts
+const AddDrawer: React.FC = ({ a, b, c }) => {}; // 错误
+
+const AddDrawer = (props) => {
+  // 正确
+  const { a, b, c } = props;
+};
+```

package/README.md

@@ -1,15 +1,43 @@
-# umi project
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ yarn
 ```
+{
+  // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+  // Placeholders with the same ids are connected.
+  "快速打印": {
+    "scope": "javascript,javascriptreact,typescript,typescriptreact",
+    "prefix": "clg",
+    "body": ["console.log($1);"],
+    "description": "快速打印"
+  },
+  "react组件模版": {
+    "scope": "javascript, javascriptreact, typescript, typescriptreact",
+    "prefix": "react",
+    "body": [
+      "import React, {useState} from 'react'",
+      "",
+      "export default function ${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}() {",
+      "  return (",
+      "    <div>",
+      "     $1",
+      "    </div>",
+      "  )",
+      "}",
+    ],
+    "description": "react组件模版"
+  },
+  "formily模版": {
+    "scope": "javascript, javascriptreact, typescript, typescriptreact",
+    "prefix": "formily",
+    "body": [
+      "import { createForm, onFieldInputValueChange } from '@formily/core';",
+      "import { Form, FormItem, FormGrid } from '@formily/next';",
+      "import { Field } from '@formily/react';"
+    ],
+    "description": "formily模版"
+  }
+}
 
-Start the dev server,
-
-```bash
-$ yarn start
 ```

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.8",
+  "version": "0.0.10",
   "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": {
+    "@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,23 @@
+export default [
+  {
+    path: '/home',
+    name: '首页',
+    component: 'home',
+  },
+  {
+    path: '/activityCenter',
+    name: '活动中心',
+    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,46 @@
-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 App: React.FC = () => {
+const componentCache = {};
+const loadComponent = (path) => {
+  if (!componentCache[path]) {
+    componentCache[path] = lazy(() => import(`./pages/${path}`));
+  }
+  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,9 +1,10 @@
 import React from 'react';
-import { useNavigate } from 'react-router-dom';
 import { Avatar, Dropdown, Menu, Space } from 'antd';
 import ProLayout from '@ant-design/pro-layout';
+import history from '@/umi';
+import menuRoutes from '../../routes/menu';
 
-const menuDataRender = (menuList: any[]) => {
+const menuDataRender = (menuList) => {
   return menuList.map((item) => {
     const localItem = {
       ...item,
@@ -13,33 +14,22 @@ const menuDataRender = (menuList: any[]) => {
   });
 };
 
-const BasicLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const navigate = useNavigate();
+const BasicLayout = (props) => {
+  const { children } = props;
 
   return (
     <ProLayout
-      title="Code Snippet"
+      title="管理平台"
       logo={false}
       layout="mix"
-      fixSiderbar
+      fixSiderbar={false}
       fixedHeader
       route={{
         path: '/',
-        routes: [
-          {
-            path: '/activityCenter',
-            name: '活动中心',
-            routes: [
-              {
-                path: '/activityCenter/activitySystemManagement',
-                name: '活动系统管理',
-              },
-            ],
-          },
-        ],
+        routes: 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,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
+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/add.tsx

@@ -29,19 +29,8 @@ const strategyTagOptions = ['常态化', '拉新', '促活', '促销', '品牌
 const ipTagOptions = ['品牌A', '品牌B', '品牌C', '品牌D'];
 const industryTagOptions = ['制造业', '轻工业', '重工业', '服务业', '农业'];
 
-interface AddDrawerProps {
-  visible: boolean;
-  editingItem: any;
-  onClose: () => void;
-  onSuccess: () => void;
-}
-
-const AddDrawer: React.FC<AddDrawerProps> = ({
-  visible,
-  editingItem,
-  onClose,
-  onSuccess,
-}) => {
+const AddDrawer = (props) => {
+  const { visible, editingItem, onClose, onSuccess } = props;
   const formRef = useRef<any>();
 
   const handleSubmit = async (values) => {

package/src/pages/activityCenter/activitySystemManagement/addPages/components/ChannelLinkModal.tsx

@@ -5,23 +5,12 @@ import ProTable from '@ant-design/pro-table';
 import { ModalForm, ProFormText } from '@ant-design/pro-form';
 import axios from 'axios';
 
-interface ChannelLinkModalProps {
-  visible: boolean;
-  pageName: string;
-  pageId: number;
-  onClose: () => void;
-}
-
-const ChannelLinkModal: React.FC<ChannelLinkModalProps> = ({
-  visible,
-  pageName,
-  pageId,
-  onClose,
-}) => {
+const ChannelLinkModal = (props) => {
+  const { visible, pageName, pageId, onClose } = props;
   const actionRef = useRef<any>();
   const [addVisible, setAddVisible] = useState(false);
   const [editVisible, setEditVisible] = useState(false);
-  const [editingItem, setEditingItem] = useState<any>(null);
+  const [editingItem, setEditingItem] = useState(null);
 
   const handleAdd = async (values) => {
     await axios.post('/api/activity/channelLink/add', {