@chenhui996/gg-cli 1.0.7 → 1.0.9

package/dist/template/{zhiguan → main-app}/src/pages/home/index.tsx

@@ -36,7 +36,7 @@ const SearchSection = () => (
     <div className="search-box">
       <PaperClipOutlined className="search-icon" />
       <Input
-        bordered={false}
+        variant="borderless"
         placeholder="输入您想查询的数据、指令或功能，例如：帮我分析一下NVDA的最新财报..."
         className="search-input"
       />
@@ -112,15 +112,7 @@ const QuickActions = () => {
           <Col span={4} key={action.title}>
             <Card
               hoverable
-              bordered={false}
-              bodyStyle={{
-                padding: '24px 12px',
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: 12,
-              }}
+              variant="borderless"
               style={{ boxShadow: '0 2px 8px rgba(0,0,0,0.02)' }}
             >
               <div
@@ -145,63 +137,6 @@ const QuickActions = () => {
   );
 };
 
-/**
- * 待办任务组件 (TaskList)
- * 展示用户今日待办事项，支持紧急程度标记
- */
-const TaskList = () => {
-  // 模拟任务数据
-  const tasks = [
-    { time: '16:30', content: '确认：交易对手方授信额度调整', tag: '紧急', tagColor: '#EF4444' },
-    { time: '17:00', content: '复核：昨日异常交易流水', tag: '', tagColor: '' },
-    { time: '17:12', content: '复核：昨日异常交易流水', tag: '', tagColor: '' },
-  ];
-
-  return (
-    <div style={{ maxWidth: 1000, margin: '0 auto' }}>
-      <Text type="secondary" style={{ marginBottom: 16, display: 'block', paddingLeft: 8 }}>
-        待办任务
-      </Text>
-      <List
-        dataSource={tasks}
-        renderItem={(item) => (
-          <List.Item
-            style={{
-              background: '#fff',
-              borderRadius: 12,
-              marginBottom: 12,
-              padding: '20px 24px',
-              border: '1px solid #f0f0f0',
-              display: 'flex',
-              alignItems: 'center',
-            }}
-          >
-            <div style={{ display: 'flex', alignItems: 'center', flex: 1 }}>
-              <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 }}
-                >
-                  {item.tag}
-                </Tag>
-              )}
-              <Button type="link" size="small">
-                处理
-              </Button>
-            </Space>
-          </List.Item>
-        )}
-      />
-    </div>
-  );
-};
 
 // --- Main Page ---
 
@@ -211,7 +146,6 @@ export default function Home() {
       <WelcomeHeader />
       <SearchSection />
       <QuickActions />
-      <TaskList />
     </div>
   );
 }

package/dist/template/main-app/src/pages/login/index.tsx

@@ -0,0 +1,97 @@
+import { useState } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { Card, Form, Input, Button, Typography, message } from 'antd';
+import { UserOutlined, LockOutlined } from '@ant-design/icons';
+import { useGlobalStore } from '@/store/useGlobalStore';
+
+const { Title } = Typography;
+
+export default function Login() {
+  const [loading, setLoading] = useState(false);
+  const navigate = useNavigate();
+  const location = useLocation();
+  const setLoginState = useGlobalStore((state) => state.setLoginState);
+
+  // 获取用户原本想访问的页面，默认为首页
+  const from = location.state?.from?.pathname || '/';
+
+  const onFinish = async (values: any) => {
+    setLoading(true);
+    try {
+      // 模拟一个登录请求的延迟
+      await new Promise((resolve) => setTimeout(resolve, 800));
+      
+      // 模拟成功后从后端拿到的数据
+      const mockToken = 'Bearer mock-jwt-token-12345';
+      const mockUser = {
+        name: values.username || '国泰海通-张三',
+        role: 'admin',
+        dept: '交易部',
+      };
+
+      // 1. 将 Token 和用户信息存入全局 Store
+      setLoginState(mockUser, mockToken);
+      
+      message.success('登录成功！');
+      
+      // 2. 跳转回原本的页面
+      navigate(from, { replace: true });
+    } catch (error) {
+      message.error('登录失败，请重试');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div
+      style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100vh',
+        backgroundColor: '#f0f2f5',
+      }}
+    >
+      <Card
+        style={{
+          width: 400,
+          boxShadow: '0 4px 12px rgba(0,0,0,0.1)',
+          borderRadius: 8,
+        }}
+      >
+        <div style={{ textAlign: 'center', marginBottom: 32 }}>
+          <Title level={3}>PILOTCORE</Title>
+          <span style={{ color: '#8c8c8c' }}>微前端业务基座登录</span>
+        </div>
+
+        <Form
+          name="login"
+          initialValues={{ remember: true }}
+          onFinish={onFinish}
+          size="large"
+        >
+          <Form.Item
+            name="username"
+            rules={[{ required: true, message: '请输入用户名！' }]}
+          >
+            <Input prefix={<UserOutlined />} placeholder="用户名 (任意输入)" />
+          </Form.Item>
+
+          <Form.Item
+            name="password"
+            rules={[{ required: true, message: '请输入密码！' }]}
+          >
+            <Input.Password prefix={<LockOutlined />} placeholder="密码 (任意输入)" />
+          </Form.Item>
+
+          <Form.Item>
+            <Button type="primary" htmlType="submit" block loading={loading}>
+              登 录
+            </Button>
+          </Form.Item>
+        </Form>
+      </Card>
+    </div>
+  );
+}

package/dist/template/main-app/src/pages/micro-app/index.tsx

@@ -0,0 +1,12 @@
+export default function MicroApp() {
+  return (
+    <div
+      id="subApp"
+      style={{
+        width: '100%',
+        height: '100%',
+        minHeight: '400px',
+      }}
+    />
+  );
+}

package/dist/template/{zhiguan → main-app}/src/router/index.tsx

@@ -6,8 +6,10 @@ import { lazy, Suspense, type ComponentType, type LazyExoticComponent } from 're
 import { createBrowserRouter } from 'react-router-dom';
 import { Spin } from 'antd';
 import BasicLayout from '@/layouts/BasicLayout';
+import AuthRoute from '@/components/AuthRoute';
 
 // 路由懒加载配置
+const Login = lazy(() => import('@/pages/login'));
 const Home = lazy(() => import('@/pages/home'));
 const About = lazy(() => import('@/pages/about'));
 const Dashboard = lazy(() => import('@/pages/dashboard'));
@@ -15,6 +17,7 @@ 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 MicroApp = lazy(() => import('@/pages/micro-app'));
 
 // 全局 Loading 组件
 const Loading = () => (
@@ -41,10 +44,18 @@ function withSuspense(Component: LazyExoticComponent<ComponentType<any>>) {
 }
 
 export const router = createBrowserRouter([
+  {
+    path: '/login',
+    element: withSuspense(Login),
+  },
   {
     path: '/',
-    // 根布局：BasicLayout (包含侧边栏和 Header)
-    element: <BasicLayout />,
+    // 根布局：BasicLayout (包含侧边栏和 Header)，用 AuthRoute 保护
+    element: (
+      <AuthRoute>
+        <BasicLayout />
+      </AuthRoute>
+    ),
     // 子路由：渲染在 BasicLayout 的 <Outlet /> 中
     children: [
       {
@@ -71,6 +82,11 @@ export const router = createBrowserRouter([
         path: 'settings',
         element: withSuspense(Settings),
       },
+      // 子应用路由：匹配所有 /micro-react-1 及之后的路径
+      {
+        path: 'micro-react-1/*',
+        element: withSuspense(MicroApp),
+      },
       // 404 页面配置
       {
         path: '*',

package/dist/template/main-app/src/store/useGlobalStore.ts

@@ -0,0 +1,29 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+export interface UserInfo {
+  name: string;
+  role: string;
+  dept: string;
+}
+
+interface GlobalState {
+  user: UserInfo | null;
+  token: string | null;
+  setLoginState: (user: UserInfo, token: string) => void;
+  clearLoginState: () => void;
+}
+
+export const useGlobalStore = create<GlobalState>()(
+  persist(
+    (set) => ({
+      user: null,
+      token: null,
+      setLoginState: (user, token) => set({ user, token }),
+      clearLoginState: () => set({ user: null, token: null }),
+    }),
+    {
+      name: 'main-app-storage', // 持久化到 localStorage 的 key
+    }
+  )
+);

package/dist/template/main-app/src/style.less

@@ -0,0 +1,40 @@
+* {
+  box-sizing: border-box;
+}
+
+/* ==========================================================================
+   全局自定义滚动条样式
+   统一 Windows 和 Mac 系统的滚动条视觉体验 (扁平化、简约风格)
+   ========================================================================== */
+
+/* 针对 WebKit 浏览器 (Chrome, Safari, Edge) */
+::-webkit-scrollbar {
+  width: 8px; /* 垂直滚动条宽度 */
+  height: 8px; /* 水平滚动条高度 */
+  background-color: transparent; /* 滚动条背景透明 */
+}
+
+/* 滚动条轨道 */
+::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+
+/* 滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144, 147, 153, 0.3); /* 默认浅灰色 */
+  border-radius: 4px;
+  border: 2px solid transparent; /* 通过透明边框让滑块看起来更细 */
+  background-clip: padding-box; /* 配合 border 实现视觉变细 */
+}
+
+/* 鼠标悬停在滑块上时 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144, 147, 153, 0.5); /* 悬停时加深颜色 */
+}
+
+/* 针对 Firefox (目前仅支持部分属性) */
+* {
+  scrollbar-width: thin; /* 设置滚动条为细条 */
+  scrollbar-color: rgba(144, 147, 153, 0.3) transparent; /* 滑块颜色 轨道颜色 */
+}

package/dist/template/main-app/src/utils/request/index.ts

@@ -0,0 +1,113 @@
+/**
+ * 通用网络请求工具 (Axios Encapsulation)
+ * 封装了全局请求拦截、响应处理和错误统一处理
+ */
+import axios, { type AxiosRequestConfig, type AxiosResponse } from 'axios';
+import { message } from 'antd';
+import { useGlobalStore } from '@/store/useGlobalStore';
+
+// 定义通用的后端响应结构
+export interface BaseResponse<T = unknown> {
+  code: number; // 业务状态码 (0/200: 成功, 其他: 失败)
+  data: T; // 业务数据
+  message: string; // 提示信息
+}
+
+// 创建 Axios 实例的工厂函数
+function createRequest(config: AxiosRequestConfig) {
+  const instance = axios.create(config);
+
+  // 请求拦截器
+  instance.interceptors.request.use(
+    (reqConfig) => {
+      // 在发送请求之前，从 zustand 获取 token
+      const token = useGlobalStore.getState().token;
+      if (token && reqConfig.headers) {
+        reqConfig.headers.Authorization = `Bearer ${token}`;
+      }
+      return reqConfig;
+    },
+    (error) => {
+      return Promise.reject(error);
+    },
+  );
+
+  // 响应拦截器
+  instance.interceptors.response.use(
+    (response: AxiosResponse<BaseResponse>) => {
+      const { data } = response;
+      // 根据自定义的 code 判断请求是否成功 (假设 0 或 200 为成功)
+      if (data.code === 0 || data.code === 200) {
+        return data.data as any; // 拆包返回 data
+      } else {
+        // 处理业务错误，例如提示用户
+        const errorMsg = data.message || '请求失败';
+        message.error(errorMsg);
+        return Promise.reject(new Error(errorMsg));
+      }
+    },
+    (error) => {
+      // 处理 HTTP 错误，例如 401, 404, 500 等
+      if (error.response) {
+        const status = error.response.status;
+        switch (status) {
+          case 401:
+            message.error('登录状态已过期，请重新登录');
+            // 清除登录状态并跳转到登录页
+            useGlobalStore.getState().clearLoginState();
+            window.location.href = '/login';
+            break;
+          case 403:
+            message.error('拒绝访问');
+            break;
+          case 404:
+            message.error('请求接口不存在');
+            break;
+          case 500:
+            message.error('服务器内部错误');
+            break;
+          default:
+            message.error(`网络错误: ${status}`);
+        }
+      } else {
+        message.error('网络连接异常，请检查网络设置!');
+      }
+      return Promise.reject(error);
+    },
+  );
+
+  // 返回封装好的请求方法对象
+  return {
+    /**
+     * 发送 GET 请求
+     * @param url 请求地址
+     * @param config Axios 配置
+     */
+    get: <T = unknown>(url: string, config?: AxiosRequestConfig): Promise<T> => {
+      return instance.get(url, config);
+    },
+    /**
+     * 发送 POST 请求
+     * @param url 请求地址
+     * @param data 请求体数据
+     * @param config Axios 配置
+     */
+    post: <T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> => {
+      return instance.post(url, data, config);
+    },
+    put: <T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> => {
+      return instance.put(url, data, config);
+    },
+    delete: <T = unknown>(url: string, config?: AxiosRequestConfig): Promise<T> => {
+      return instance.delete(url, config);
+    },
+  };
+}
+
+// 导出默认 request 实例
+// 可以直接 import { request } from '@/utils/request' 使用
+export const request = createRequest({
+  // 从环境变量 VITE_API_BASE_URL 获取基础地址，默认为 /api
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
+  timeout: 10000, // 超时时间 10s
+});

package/dist/template/{zhiguan → main-app}/src/vite-env.d.ts

@@ -5,6 +5,7 @@ interface ImportMetaEnv {
   readonly VITE_ENV: string;
   readonly VITE_API_BASE_URL: string;
   readonly VITE_APP_TITLE: string;
+  readonly VITE_MICRO_APP_REACT_ENTRY: string;
 }
 
 interface ImportMeta {

package/dist/template/{zhiguan → main-app}/vite.config.ts

@@ -3,11 +3,39 @@ import react, { reactCompilerPreset } from '@vitejs/plugin-react'
 import babel from '@rolldown/plugin-babel'
 import path from 'path'
 import { visualizer } from 'rollup-plugin-visualizer'
+// import cdn from 'vite-plugin-cdn-import'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     react(),
+    // 暂时注释 CDN 抽离配置，因为内网环境暂不支持
+    /*
+    cdn({
+      modules: [
+        {
+          name: 'react',
+          var: 'React',
+          path: `https://unpkg.com/react@19.2.4/umd/react.production.min.js`,
+        },
+        {
+          name: 'react-dom',
+          var: 'ReactDOM',
+          path: `https://unpkg.com/react-dom@19.2.4/umd/react-dom.production.min.js`,
+        },
+        {
+          name: 'dayjs',
+          var: 'dayjs',
+          path: `https://unpkg.com/dayjs@1.11.10/dayjs.min.js`,
+        },
+        {
+          name: 'antd',
+          var: 'antd',
+          path: `https://unpkg.com/antd@6.3.3/dist/antd.min.js`,
+        }
+      ]
+    }),
+    */
     babel({ presets: [reactCompilerPreset()] }),
     process.env.ANALYZE === 'true' && visualizer({
       open: true,

package/dist/template/micro-app/.editorconfig

@@ -0,0 +1,16 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

package/dist/template/micro-app/.env

@@ -0,0 +1 @@
+VITE_API_BASE_URL=/api

package/dist/template/micro-app/.env.test

@@ -0,0 +1,4 @@
+# 测试环境配置
+VITE_ENV=test
+VITE_API_BASE_URL=https://test-api.example.com
+VITE_APP_TITLE=Operations Template (Test)

package/dist/template/micro-app/.prettierignore

@@ -0,0 +1,34 @@
+# 忽略格式化的目录和文件
+node_modules
+dist
+build
+coverage
+
+# 忽略特定类型的文件
+*.png
+*.jpg
+*.jpeg
+*.gif
+*.svg
+*.ico
+*.eot
+*.ttf
+*.woff
+*.woff2
+*.mp4
+*.webm
+*.ogg
+*.mp3
+*.wav
+*.flac
+*.aac
+
+# 忽略锁定文件
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+
+# 其他忽略
+.DS_Store
+.idea
+.vscode

package/dist/template/micro-app/.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}