@chenhui996/gg-cli 1.0.2 → 1.0.4

package/dist/template/operations-tem/package.json

@@ -4,9 +4,16 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
+    "dev": "vite --mode development",
+    "build:test": "tsc -b && vite build --mode test",
+    "build:prod": "tsc -b && vite build --mode production",
+    "build": "npm run build:prod",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "analyze": "cross-env ANALYZE=true npm run build:prod",
     "lint": "eslint .",
+    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,less,css,json,md}\"",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -25,19 +32,29 @@
     "@babel/core": "^7.29.0",
     "@eslint/js": "^9.39.4",
     "@rolldown/plugin-babel": "^0.2.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/babel__core": "^7.20.5",
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.0",
+    "@vitest/coverage-v8": "^4.1.4",
     "babel-plugin-react-compiler": "^1.0.0",
+    "cross-env": "^10.1.0",
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.4.0",
+    "jsdom": "^29.0.2",
     "less": "^4.6.4",
+    "prettier": "^3.8.1",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "terser": "^5.46.1",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.56.1",
-    "vite": "^8.0.0"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.4"
   }
 }

package/dist/template/operations-tem/src/api/user.ts

@@ -13,9 +13,9 @@ export const userService = {
   getUserInfo: (userId: number) => {
     return request.get<UserInfo>(`/users/${userId}`);
   },
-  
+
   // 更新用户信息
   updateUserInfo: (userId: number, data: Partial<UserInfo>) => {
     return request.put<UserInfo>(`/users/${userId}`, data);
-  }
+  },
 };

package/dist/template/operations-tem/src/components/ErrorBoundary/index.tsx

@@ -0,0 +1,82 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+import { Result, Button } from 'antd';
+
+interface Props {
+  children?: ReactNode;
+  fallback?: ReactNode;
+}
+
+interface State {
+  hasError: boolean;
+  error?: Error;
+}
+
+/**
+ * 全局错误边界组件 (Error Boundary)
+ * 用于捕获 React 组件树中的渲染错误，防止整个应用白屏崩溃
+ * 同时可在此处进行错误日志上报
+ */
+export class ErrorBoundary extends Component<Props, State> {
+  public state: State = {
+    hasError: false,
+  };
+
+  public static getDerivedStateFromError(error: Error): State {
+    // 更新 state 以致于下一次渲染能够显示降级后的 UI
+    return { hasError: true, error };
+  }
+
+  public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    // 在这里你可以将错误日志上报给服务器
+    console.error('Uncaught error in React component tree:', error, errorInfo);
+
+    // 示例：如果在生产环境，调用监控 SDK
+    // if (import.meta.env.PROD) {
+    //   logService.error('REACT_RENDER_ERROR', { error, errorInfo });
+    // }
+  }
+
+  private handleReset = () => {
+    // 重置错误状态，尝试恢复组件渲染
+    this.setState({ hasError: false, error: undefined });
+    // 也可以选择刷新整个页面
+    // window.location.reload();
+  };
+
+  public render() {
+    if (this.state.hasError) {
+      // 渲染自定义的降级 UI，或者使用默认的 500 页面
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
+      return (
+        <Result
+          status="500"
+          title="抱歉，页面加载出错了"
+          subTitle={
+            import.meta.env.DEV
+              ? this.state.error?.message
+              : "我们正在努力修复此问题，请稍后再试。"
+          }
+          extra={
+            <Button type="primary" onClick={this.handleReset}>
+              重试
+            </Button>
+          }
+          style={{
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            background: '#fff',
+            borderRadius: 8,
+            margin: 24,
+          }}
+        />
+      );
+    }
+
+    return this.props.children;
+  }
+}

package/dist/template/operations-tem/src/layouts/BasicLayout.tsx

@@ -1,13 +1,5 @@
-import { Outlet, Link, useLocation, useNavigate } from "react-router-dom";
-import {
-  Layout,
-  Menu,
-  Avatar,
-  Badge,
-  Space,
-  Typography,
-  Button,
-} from "antd";
+import { Outlet, Link, useLocation, useNavigate } from 'react-router-dom';
+import { Layout, Menu, Avatar, Badge, Space, Typography, Button } from 'antd';
 import {
   MessageOutlined,
   AppstoreOutlined,
@@ -16,7 +8,7 @@ import {
   SettingOutlined,
   BellOutlined,
   UserOutlined,
-} from "@ant-design/icons";
+} from '@ant-design/icons';
 
 const { Header, Content, Sider } = Layout;
 const { Text } = Typography;
@@ -30,30 +22,30 @@ const { Text } = Typography;
  */
 const MENU_ITEMS = [
   {
-    key: "/",
+    key: '/',
     icon: <MessageOutlined />,
-    label: "聊天",
+    label: '聊天',
   },
   {
-    key: "/dashboard",
+    key: '/dashboard',
     icon: <AppstoreOutlined />,
-    label: "功能大厅",
+    label: '功能大厅',
   },
   {
-    key: "/workspace", // 暂未实现
+    key: '/workspace', // 暂未实现
     icon: <FolderOutlined />,
-    label: "工作空间",
+    label: '工作空间',
   },
   {
-    key: "/calendar", // 暂未实现
+    key: '/calendar', // 暂未实现
     icon: <CalendarOutlined />,
-    label: "日历",
+    label: '日历',
   },
 ];
 
 /**
  * 基础布局组件 (BasicLayout)
- * 
+ *
  * 整体布局结构：
  * - Sider (左侧侧边栏)
  *   - Logo
@@ -62,7 +54,7 @@ const MENU_ITEMS = [
  * - Layout (右侧主体)
  *   - Header (顶部导航)
  *   - Content (路由出口 Outlet)
- * 
+ *
  * @returns {JSX.Element} 布局组件
  */
 export default function BasicLayout() {
@@ -75,17 +67,14 @@ export default function BasicLayout() {
   const renderUserProfile = () => (
     <div
       style={{
-        padding: "16px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
+        padding: '16px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
       }}
     >
       <Space>
-        <Avatar
-          src="https://api.dicebear.com/7.x/miniavs/svg?seed=1"
-          icon={<UserOutlined />}
-        />
+        <Avatar src="https://api.dicebear.com/7.x/miniavs/svg?seed=1" icon={<UserOutlined />} />
         <Text strong style={{ fontSize: 14 }}>
           国泰海通-张三
         </Text>
@@ -95,37 +84,39 @@ export default function BasicLayout() {
   );
 
   return (
-    <Layout style={{ minHeight: "100vh", position: "relative" }}>
+    <Layout style={{ minHeight: '100vh', position: 'relative' }}>
       {/* 左侧侧边栏 */}
       <Sider
         width={240}
         theme="light"
         style={{
-          borderRight: "1px solid #f0f0f0",
+          borderRight: '1px solid #f0f0f0',
         }}
       >
-        <div style={{ display: "flex", flexDirection: "column", height: '100%', position: 'relative' }}>
+        <div
+          style={{ display: 'flex', flexDirection: 'column', height: '100%', position: 'relative' }}
+        >
           {/* Logo 区域 */}
           <div
             style={{
               height: 64,
-              display: "flex",
-              alignItems: "center",
+              display: 'flex',
+              alignItems: 'center',
               paddingLeft: 24,
               fontSize: 20,
-              fontWeight: "bold",
-              color: "#333",
+              fontWeight: 'bold',
+              color: '#333',
             }}
           >
             PILOTCORE
           </div>
 
           {/* 菜单区域 - flex: 1 撑满剩余空间 */}
-          <div style={{ flex: 1, overflowY: "auto" }}>
+          <div style={{ flex: 1, overflowY: 'auto' }}>
             <Menu
               mode="inline"
               selectedKeys={[location.pathname]}
-              style={{ borderRight: 0, paddingBottom: 16, borderBottom: "1px solid #f0f0f0" }}
+              style={{ borderRight: 0, paddingBottom: 16, borderBottom: '1px solid #f0f0f0' }}
               items={MENU_ITEMS.map((item) => ({
                 ...item,
                 label: <Link to={item.key}>{item.label}</Link>,
@@ -134,7 +125,7 @@ export default function BasicLayout() {
           </div>
 
           {/* 底部用户信息 */}
-          <div style={{ position: "absolute", bottom: 0, width: '100%' }}>
+          <div style={{ position: 'absolute', bottom: 0, width: '100%' }}>
             {renderUserProfile()}
           </div>
         </div>
@@ -145,11 +136,11 @@ export default function BasicLayout() {
         {/* 顶部导航栏 */}
         <Header
           style={{
-            padding: "0 24px",
-            display: "flex",
-            justifyContent: "flex-end",
-            alignItems: "center",
-            backgroundColor: "transparent", // 透明背景融入整体
+            padding: '0 24px',
+            display: 'flex',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            backgroundColor: 'transparent', // 透明背景融入整体
           }}
         >
           <Space size={24}>
@@ -159,9 +150,9 @@ export default function BasicLayout() {
                 icon={<BellOutlined />}
                 shape="circle"
                 style={{
-                  border: "none",
-                  background: "#fff",
-                  boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
+                  border: 'none',
+                  background: '#fff',
+                  boxShadow: '0 2px 8px rgba(0,0,0,0.05)',
                 }}
               />
             </Badge>
@@ -171,7 +162,7 @@ export default function BasicLayout() {
         {/* 内容区域 */}
         <Content
           style={{
-            margin: "0 24px 24px",
+            margin: '0 24px 24px',
             minHeight: 280,
           }}
         >

package/dist/template/operations-tem/src/main.tsx

@@ -1,14 +1,14 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { RouterProvider } from 'react-router-dom'
-import { ConfigProvider } from 'antd'
-import zhCN from 'antd/locale/zh_CN'
-import { router } from './router'
-import 'antd/dist/reset.css'
-import './style.less'
+import { createRoot } from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { ConfigProvider } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
+import { router } from '@/router';
+import { ErrorBoundary } from '@/components/ErrorBoundary';
+import 'antd/dist/reset.css';
+import './style.less';
 
 createRoot(document.getElementById('root')!).render(
-  <StrictMode>
+  <ErrorBoundary>
     <ConfigProvider
       locale={zhCN}
       theme={{
@@ -34,5 +34,5 @@ createRoot(document.getElementById('root')!).render(
     >
       <RouterProvider router={router} />
     </ConfigProvider>
-  </StrictMode>,
-)
+  </ErrorBoundary>,
+);

package/dist/template/operations-tem/src/pages/404.test.tsx

@@ -0,0 +1,20 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import NotFound from './404';
+import { BrowserRouter } from 'react-router-dom';
+
+describe('NotFound (404) 页面组件', () => {
+  it('应当正确渲染 404 状态码和提示信息', () => {
+    // Arrange: 渲染组件 (需要包裹在 Router 中因为内部使用了 useNavigate)
+    render(
+      <BrowserRouter>
+        <NotFound />
+      </BrowserRouter>
+    );
+
+    // Assert: 验证页面中是否出现了 404 和相关提示文字
+    expect(screen.getByText('404')).toBeInTheDocument();
+    expect(screen.getByText('抱歉，您访问的页面不存在。')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: '返回首页' })).toBeInTheDocument();
+  });
+});

package/dist/template/operations-tem/src/pages/dashboard/index.tsx

@@ -1,5 +1,5 @@
 import { Card, Row, Col } from 'antd';
-import Chart from '../../components/Chart';
+import Chart from '@/components/Chart';
 import type { EChartsOption } from 'echarts';
 
 export default function Dashboard() {

package/dist/template/operations-tem/src/pages/home/index.tsx

@@ -21,9 +21,7 @@ const { Title, Text } = Typography;
  */
 const WelcomeHeader = () => (
   <div className="welcome-header">
-    <Title level={2}>
-      下午好，你有3件待办任务...
-    </Title>
+    <Title level={2}>下午好，你有3件待办任务...</Title>
   </div>
 );
 
@@ -42,25 +40,14 @@ const SearchSection = () => (
         placeholder="输入您想查询的数据、指令或功能，例如：帮我分析一下NVDA的最新财报..."
         className="search-input"
       />
-      <Button
-        type="primary"
-        shape="circle"
-        icon={<ArrowUpOutlined />}
-        className="search-btn"
-      />
+      <Button type="primary" shape="circle" icon={<ArrowUpOutlined />} className="search-btn" />
     </div>
-    
+
     {/* 快捷标签 */}
     <div className="search-tags">
-      <Tag className="tag-item">
-        分析财报
-      </Tag>
-      <Tag className="tag-item">
-        查询头寸
-      </Tag>
-      <Tag className="tag-item">
-        压力测试
-      </Tag>
+      <Tag className="tag-item">分析财报</Tag>
+      <Tag className="tag-item">查询头寸</Tag>
+      <Tag className="tag-item">压力测试</Tag>
     </div>
   </div>
 );
@@ -73,19 +60,52 @@ const SearchSection = () => (
 const QuickActions = () => {
   // 功能入口配置数据
   const actions = [
-    { title: '工作空间', icon: <AppstoreOutlined style={{ fontSize: 24, color: '#4F46E5' }} />, color: '#EEF2FF' },
-    { title: '规则配置', icon: <SettingOutlined style={{ fontSize: 24, color: '#0EA5E9' }} />, color: '#F0F9FF' },
-    { title: '事后风控', icon: <SafetyCertificateOutlined style={{ fontSize: 24, color: '#F59E0B' }} />, color: '#FFFBEB' },
-    { title: '交易审批', icon: <AuditOutlined style={{ fontSize: 24, color: '#10B981' }} />, color: '#ECFDF5' },
-    { title: '证券池管理', icon: <WalletOutlined style={{ fontSize: 24, color: '#3B82F6' }} />, color: '#EFF6FF' },
-    { title: '数据审批', icon: <DatabaseOutlined style={{ fontSize: 24, color: '#06B6D4' }} />, color: '#ECFEFF' },
+    {
+      title: '工作空间',
+      icon: <AppstoreOutlined style={{ fontSize: 24, color: '#4F46E5' }} />,
+      color: '#EEF2FF',
+    },
+    {
+      title: '规则配置',
+      icon: <SettingOutlined style={{ fontSize: 24, color: '#0EA5E9' }} />,
+      color: '#F0F9FF',
+    },
+    {
+      title: '事后风控',
+      icon: <SafetyCertificateOutlined style={{ fontSize: 24, color: '#F59E0B' }} />,
+      color: '#FFFBEB',
+    },
+    {
+      title: '交易审批',
+      icon: <AuditOutlined style={{ fontSize: 24, color: '#10B981' }} />,
+      color: '#ECFDF5',
+    },
+    {
+      title: '证券池管理',
+      icon: <WalletOutlined style={{ fontSize: 24, color: '#3B82F6' }} />,
+      color: '#EFF6FF',
+    },
+    {
+      title: '数据审批',
+      icon: <DatabaseOutlined style={{ fontSize: 24, color: '#06B6D4' }} />,
+      color: '#ECFEFF',
+    },
   ];
 
   return (
     <div style={{ maxWidth: 1000, margin: '0 auto 48px' }}>
-      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16, padding: '0 8px' }}>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          marginBottom: 16,
+          padding: '0 8px',
+        }}
+      >
         <Text type="secondary">常用功能</Text>
-        <Button type="link" size="small" style={{ color: '#999' }}>更多</Button>
+        <Button type="link" size="small" style={{ color: '#999' }}>
+          更多
+        </Button>
       </div>
       <Row gutter={[16, 16]}>
         {actions.map((action) => (
@@ -139,7 +159,9 @@ const TaskList = () => {
 
   return (
     <div style={{ maxWidth: 1000, margin: '0 auto' }}>
-      <Text type="secondary" style={{ marginBottom: 16, display: 'block', paddingLeft: 8 }}>待办任务</Text>
+      <Text type="secondary" style={{ marginBottom: 16, display: 'block', paddingLeft: 8 }}>
+        待办任务
+      </Text>
       <List
         dataSource={tasks}
         renderItem={(item) => (
@@ -155,17 +177,24 @@ const TaskList = () => {
             }}
           >
             <div style={{ display: 'flex', alignItems: 'center', flex: 1 }}>
-              <Text type="secondary" style={{ width: 60, marginRight: 16 }}>{item.time}</Text>
+              <Text type="secondary" style={{ width: 60, marginRight: 16 }}>
+                {item.time}
+              </Text>
               <Text style={{ fontSize: 15, fontWeight: 500 }}>{item.content}</Text>
             </div>
-            
+
             <Space size={16}>
               {item.tag && (
-                <Tag color={item.tagColor} style={{ borderRadius: 4, border: 'none', marginRight: 0 }}>
+                <Tag
+                  color={item.tagColor}
+                  style={{ borderRadius: 4, border: 'none', marginRight: 0 }}
+                >
                   {item.tag}
                 </Tag>
               )}
-              <Button type="link" size="small">处理</Button>
+              <Button type="link" size="small">
+                处理
+              </Button>
             </Space>
           </List.Item>
         )}

package/dist/template/operations-tem/src/router/index.tsx

@@ -2,23 +2,31 @@
  * 路由配置 (React Router Data API)
  * 采用对象配置模式，便于管理和扩展
  */
-import { lazy, Suspense, type ComponentType, type LazyExoticComponent } from "react";
-import { createBrowserRouter } from "react-router-dom";
-import { Spin } from "antd";
-import BasicLayout from "../layouts/BasicLayout";
+import { lazy, Suspense, type ComponentType, type LazyExoticComponent } from 'react';
+import { createBrowserRouter } from 'react-router-dom';
+import { Spin } from 'antd';
+import BasicLayout from '@/layouts/BasicLayout';
 
 // 路由懒加载配置
-const Home = lazy(() => import("../pages/home"));
-const About = lazy(() => import("../pages/about"));
-const Dashboard = lazy(() => import("../pages/dashboard"));
-const Workspace = lazy(() => import("../pages/workspace"));
-const Calendar = lazy(() => import("../pages/calendar"));
-const Settings = lazy(() => import("../pages/settings"));
-const NotFound = lazy(() => import("../pages/404"));
+const Home = lazy(() => import('@/pages/home'));
+const About = lazy(() => import('@/pages/about'));
+const Dashboard = lazy(() => import('@/pages/dashboard'));
+const Workspace = lazy(() => import('@/pages/workspace'));
+const Calendar = lazy(() => import('@/pages/calendar'));
+const Settings = lazy(() => import('@/pages/settings'));
+const NotFound = lazy(() => import('@/pages/404'));
 
 // 全局 Loading 组件
 const Loading = () => (
-  <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%', minHeight: 400 }}>
+  <div
+    style={{
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      height: '100%',
+      minHeight: 400,
+    }}
+  >
     <Spin size="large" />
   </div>
 );
@@ -32,11 +40,9 @@ function withSuspense(Component: LazyExoticComponent<ComponentType<any>>) {
   );
 }
 
-
-
 export const router = createBrowserRouter([
   {
-    path: "/",
+    path: '/',
     // 根布局：BasicLayout (包含侧边栏和 Header)
     element: <BasicLayout />,
     // 子路由：渲染在 BasicLayout 的 <Outlet /> 中
@@ -46,28 +52,28 @@ export const router = createBrowserRouter([
         element: withSuspense(Home),
       },
       {
-        path: "dashboard",
+        path: 'dashboard',
         element: withSuspense(Dashboard),
       },
       {
-        path: "about",
+        path: 'about',
         element: withSuspense(About),
       },
       {
-        path: "workspace",
+        path: 'workspace',
         element: withSuspense(Workspace),
       },
       {
-        path: "calendar",
+        path: 'calendar',
         element: withSuspense(Calendar),
       },
       {
-        path: "settings",
+        path: 'settings',
         element: withSuspense(Settings),
       },
       // 404 页面配置
       {
-        path: "*",
+        path: '*',
         element: withSuspense(NotFound),
       },
     ],

package/dist/template/operations-tem/src/setupTests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/template/operations-tem/src/store/useCounterStore.ts

@@ -1,16 +1,16 @@
-import { create } from 'zustand'
+import { create } from 'zustand';
 
 // 1. 定义状态接口
 interface CounterState {
-  count: number
-  increment: () => void
-  decrement: () => void
+  count: number;
+  increment: () => void;
+  decrement: () => void;
 }
 
 /**
  * 全局计数器状态 (Zustand Store)
  * 这是一个简单的状态管理示例，演示如何使用 Zustand
- * 
+ *
  * @example
  * // 在组件中使用
  * const { count, increment } = useCounterStore()
@@ -21,4 +21,4 @@ export const useCounterStore = create<CounterState>()((set) => ({
   // 修改状态的方法 (Action)
   increment: () => set((state) => ({ count: state.count + 1 })),
   decrement: () => set((state) => ({ count: state.count - 1 })),
-}))
+}));

package/dist/template/operations-tem/src/style.less

@@ -1,3 +1,3 @@
-*{
-    box-sizing: border-box;
-}
+* {
+  box-sizing: border-box;
+}