jettask 0.2.1__py3-none-any.whl → 0.2.4__py3-none-any.whl

jettask/webui/frontend/src/components/layout/UserInfo.jsx

@@ -0,0 +1,197 @@
+import React, { useState } from 'react';
+import { Dropdown, Menu, Avatar, Badge, Space, Button, Modal, Tooltip } from 'antd';
+import {
+  UserOutlined,
+  BellOutlined,
+  SettingOutlined,
+  LogoutOutlined,
+  QuestionCircleOutlined,
+  InfoCircleOutlined,
+  LockOutlined,
+  GlobalOutlined,
+  SkinOutlined,
+  FullscreenOutlined,
+  FullscreenExitOutlined,
+  GithubOutlined,
+  FileTextOutlined,
+} from '@ant-design/icons';
+import './UserInfo.css';
+
+const UserInfo = () => {
+  const [fullscreen, setFullscreen] = useState(false);
+  const [notifications, setNotifications] = useState([
+    { id: 1, title: '任务执行失败', description: '队列 payment_queue 有5个任务执行失败', time: '5分钟前', read: false },
+    { id: 2, title: '系统性能警告', description: 'CPU使用率超过80%', time: '10分钟前', read: false },
+    { id: 3, title: '定时任务完成', description: '数据备份任务已完成', time: '1小时前', read: true },
+  ]);
+
+  const unreadCount = notifications.filter(n => !n.read).length;
+
+  const handleFullscreen = () => {
+    if (!fullscreen) {
+      document.documentElement.requestFullscreen();
+    } else {
+      document.exitFullscreen();
+    }
+    setFullscreen(!fullscreen);
+  };
+
+  const handleLogout = () => {
+    Modal.confirm({
+      title: '确认退出',
+      content: '您确定要退出系统吗？',
+      okText: '确定',
+      cancelText: '取消',
+      onOk: () => {
+        // 这里处理退出逻辑
+        console.log('Logout');
+      },
+    });
+  };
+
+  const handleMarkAllRead = () => {
+    setNotifications(notifications.map(n => ({ ...n, read: true })));
+  };
+
+  const handleClearAll = () => {
+    setNotifications([]);
+  };
+
+  const userMenu = (
+    <Menu className="user-dropdown-menu">
+      <Menu.Item key="profile" icon={<UserOutlined />}>
+        个人中心
+      </Menu.Item>
+      <Menu.Item key="password" icon={<LockOutlined />}>
+        修改密码
+      </Menu.Item>
+      <Menu.Item key="settings" icon={<SettingOutlined />}>
+        个人设置
+      </Menu.Item>
+      <Menu.Divider />
+      <Menu.Item key="theme" icon={<SkinOutlined />}>
+        <Space>
+          主题设置
+          <span className="theme-badge">深色</span>
+        </Space>
+      </Menu.Item>
+      <Menu.Item key="language" icon={<GlobalOutlined />}>
+        <Space>
+          语言
+          <span className="language-badge">中文</span>
+        </Space>
+      </Menu.Item>
+      <Menu.Divider />
+      <Menu.Item key="logout" icon={<LogoutOutlined />} onClick={handleLogout}>
+        退出登录
+      </Menu.Item>
+    </Menu>
+  );
+
+  const notificationMenu = (
+    <div className="notification-dropdown">
+      <div className="notification-header">
+        <span>通知</span>
+        <Space>
+          <Button type="link" size="small" onClick={handleMarkAllRead}>
+            全部已读
+          </Button>
+          <Button type="link" size="small" onClick={handleClearAll}>
+            清空
+          </Button>
+        </Space>
+      </div>
+      <Menu className="notification-menu">
+        {notifications.length > 0 ? (
+          notifications.map(notification => (
+            <Menu.Item key={notification.id} className={notification.read ? 'read' : 'unread'}>
+              <div className="notification-item">
+                <div className="notification-title">{notification.title}</div>
+                <div className="notification-description">{notification.description}</div>
+                <div className="notification-time">{notification.time}</div>
+              </div>
+            </Menu.Item>
+          ))
+        ) : (
+          <div className="empty-notification">暂无通知</div>
+        )}
+      </Menu>
+      <div className="notification-footer">
+        <Button type="link" size="small">查看更多</Button>
+      </div>
+    </div>
+  );
+
+  const helpMenu = (
+    <Menu className="help-dropdown-menu">
+      <Menu.Item key="docs" icon={<FileTextOutlined />}>
+        使用文档
+      </Menu.Item>
+      <Menu.Item key="api" icon={<InfoCircleOutlined />}>
+        API文档
+      </Menu.Item>
+      <Menu.Item key="github" icon={<GithubOutlined />}>
+        GitHub
+      </Menu.Item>
+      <Menu.Divider />
+      <Menu.Item key="about" icon={<InfoCircleOutlined />}>
+        关于系统
+      </Menu.Item>
+    </Menu>
+  );
+
+  return (
+    <div className="user-info-container">
+      <Space size={16}>
+        {/* 全屏按钮 */}
+        <Tooltip title={fullscreen ? '退出全屏' : '全屏'}>
+          <Button
+            type="text"
+            icon={fullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}
+            onClick={handleFullscreen}
+            className="header-icon-btn"
+          />
+        </Tooltip>
+
+        {/* 帮助菜单 */}
+        <Dropdown overlay={helpMenu} placement="bottomRight" arrow>
+          <Button
+            type="text"
+            icon={<QuestionCircleOutlined />}
+            className="header-icon-btn"
+          />
+        </Dropdown>
+
+        {/* 通知中心 */}
+        <Dropdown 
+          overlay={notificationMenu} 
+          placement="bottomRight" 
+          trigger={['click']}
+          overlayClassName="notification-dropdown-container"
+        >
+          <Badge count={unreadCount} size="small">
+            <Button
+              type="text"
+              icon={<BellOutlined />}
+              className="header-icon-btn"
+            />
+          </Badge>
+        </Dropdown>
+
+        {/* 用户信息 */}
+        <Dropdown overlay={userMenu} placement="bottomRight" arrow>
+          <div className="user-avatar-container">
+            <Avatar
+              size={32}
+              icon={<UserOutlined />}
+              style={{ backgroundColor: '#1890ff' }}
+            />
+            <span className="username">管理员</span>
+          </div>
+        </Dropdown>
+      </Space>
+    </div>
+  );
+};
+
+export default UserInfo;

jettask/webui/frontend/src/contexts/NamespaceContext.jsx

@@ -0,0 +1,72 @@
+/**
+ * 命名空间上下文
+ * 用于全局管理当前选中的命名空间
+ */
+import React, { createContext, useState, useContext, useEffect } from 'react';
+
+const NamespaceContext = createContext();
+
+export const useNamespace = () => {
+  const context = useContext(NamespaceContext);
+  if (!context) {
+    throw new Error('useNamespace must be used within NamespaceProvider');
+  }
+  return context;
+};
+
+export const NamespaceProvider = ({ children }) => {
+  // 从localStorage读取上次选择的命名空间
+  const [currentNamespace, setCurrentNamespaceState] = useState(() => {
+    const saved = localStorage.getItem('selectedNamespace');
+    console.log('🔧 NamespaceContext初始化，从localStorage读取:', saved);
+    return saved || 'default'; // 默认使用default命名空间
+  });
+
+  // 添加一个刷新触发器状态
+  const [refreshTrigger, setRefreshTrigger] = useState(0);
+
+  // 当命名空间改变时，保存到localStorage
+  useEffect(() => {
+    console.log('🔧 NamespaceContext命名空间变化:', currentNamespace);
+    if (currentNamespace) {
+      localStorage.setItem('selectedNamespace', currentNamespace);
+    }
+  }, [currentNamespace]);
+
+  const setCurrentNamespace = (namespace) => {
+    console.log('🔧 NamespaceContext.setCurrentNamespace被调用:', namespace);
+    console.log('🔧 当前值:', currentNamespace);
+    setCurrentNamespaceState(namespace);
+  };
+
+  // 添加刷新命名空间列表的方法
+  const refreshNamespaceList = () => {
+    console.log('🔧 NamespaceContext.refreshNamespaceList被调用');
+    setRefreshTrigger(prev => prev + 1);
+  };
+
+  const value = {
+    currentNamespace,
+    setCurrentNamespace,
+    refreshTrigger,  // 暴露刷新触发器
+    refreshNamespaceList,  // 暴露刷新方法
+    // 辅助方法：构建带命名空间的API URL
+    getApiUrl: (path) => {
+      if (!currentNamespace) {
+        throw new Error('No namespace selected');
+      }
+      // 如果路径中包含{namespace}占位符，替换它
+      if (path.includes('{namespace}')) {
+        return path.replace('{namespace}', currentNamespace);
+      }
+      // 否则在路径前添加命名空间
+      return `/api/data/${currentNamespace}${path}`;
+    }
+  };
+
+  return (
+    <NamespaceContext.Provider value={value}>
+      {children}
+    </NamespaceContext.Provider>
+  );
+};

jettask/webui/frontend/src/contexts/TabsContext.backup.jsx

@@ -0,0 +1,245 @@
+import { createContext, useContext, useState, useCallback, useEffect, useRef } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+const TabsContext = createContext();
+
+export const useTabs = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error('useTabs must be used within TabsProvider');
+  }
+  return context;
+};
+
+// 生成标签页的唯一ID
+const generateTabId = (path, params = {}) => {
+  // 对于队列详情页等需要区分不同参数的页面，将参数包含在ID中
+  const paramStr = Object.keys(params).sort().map(key => `${key}=${params[key]}`).join('&');
+  return paramStr ? `${path}?${paramStr}` : path;
+};
+
+// 获取页面标题
+const getPageTitle = (path, params = {}) => {
+  if (path === '/dashboard') return '概览';
+  if (path === '/queues') return '队列';
+  if (path === '/workers') return 'Workers';
+  if (path === '/scheduled-tasks') return '定时任务';
+  if (path === '/alerts') return '监控告警';
+  if (path.startsWith('/queue/')) {
+    const queueName = path.replace('/queue/', '');
+    // 如果有scheduled_task_id参数，说明是从定时任务页面跳转过来的历史记录
+    if (params.scheduled_task_id) {
+      return `历史记录 (ID:${params.scheduled_task_id})`;
+    }
+    return `队列: ${decodeURIComponent(queueName)}`;
+  }
+  return '未知页面';
+};
+
+export const TabsProvider = ({ children }) => {
+  const [tabs, setTabs] = useState([]);
+  const [activeTabId, setActiveTabId] = useState(null);
+  const [tabStates, setTabStates] = useState({}); // 保存每个标签页的状态
+  const location = useLocation();
+  const navigate = useNavigate();
+  const isNavigatingRef = useRef(false); // 标记是否正在通过addOrActivateTab导航
+
+  // 添加或激活标签页
+  const addOrActivateTab = useCallback((path, title, params = {}, state = {}) => {
+    const tabId = generateTabId(path, params);
+    
+    // 设置导航标记，防止useEffect重复创建标签页
+    isNavigatingRef.current = true;
+    
+    setTabs(prevTabs => {
+      const existingTab = prevTabs.find(tab => tab.id === tabId);
+      
+      if (existingTab) {
+        // 标签页已存在，不需要创建新的
+        return prevTabs;
+      }
+      
+      // 创建新标签页
+      const newTab = {
+        id: tabId,
+        path,
+        title: title || getPageTitle(path, params),
+        params,
+        closable: true, // 除了某些页面外都可以关闭
+      };
+      
+      // 限制最大标签页数量
+      const maxTabs = 10;
+      if (prevTabs.length >= maxTabs) {
+        // 关闭最早的可关闭标签页
+        const closableTab = prevTabs.find(tab => tab.closable);
+        if (closableTab) {
+              return [...prevTabs.filter(tab => tab.id !== closableTab.id), newTab];
+        }
+      }
+      return [...prevTabs, newTab];
+    });
+    
+    // 保存标签页状态
+    if (state && Object.keys(state).length > 0) {
+      setTabStates(prev => ({
+        ...prev,
+        [tabId]: state
+      }));
+    }
+    // 无论标签页是否已存在，都激活并导航
+    setActiveTabId(tabId);
+    
+    // 导航到新标签页的路径
+    const fullPath = params && Object.keys(params).length > 0 
+      ? `${path}?${new URLSearchParams(params).toString()}`
+      : path;
+    navigate(fullPath);
+    
+    // 导航完成后重置标记
+    setTimeout(() => {
+      isNavigatingRef.current = false;
+    }, 100);
+  }, [navigate]);
+
+  // 关闭标签页
+  const closeTab = useCallback((tabId, event) => {
+    if (event) {
+      event.stopPropagation();
+    }
+    
+    setTabs(prevTabs => {
+      const tabIndex = prevTabs.findIndex(tab => tab.id === tabId);
+      const newTabs = prevTabs.filter(tab => tab.id !== tabId);
+      
+      // 如果关闭的是当前激活的标签页，需要切换到其他标签页
+      if (tabId === activeTabId && newTabs.length > 0) {
+        // 优先切换到右边的标签页，如果没有则切换到左边
+        const newActiveTab = newTabs[Math.min(tabIndex, newTabs.length - 1)];
+        setActiveTabId(newActiveTab.id);
+        navigate(newActiveTab.path);
+      }
+      
+      return newTabs;
+    });
+    
+    // 清除标签页状态
+    setTabStates(prev => {
+      const newStates = { ...prev };
+      delete newStates[tabId];
+      return newStates;
+    });
+  }, [activeTabId, navigate]);
+
+  // 切换标签页
+  const switchTab = useCallback((tabId) => {
+    const tab = tabs.find(t => t.id === tabId);
+    if (tab) {
+      setActiveTabId(tabId);
+      navigate(tab.path);
+    }
+  }, [tabs, navigate]);
+
+  // 保存当前标签页状态
+  const saveTabState = useCallback((state) => {
+    if (activeTabId) {
+      setTabStates(prev => ({
+        ...prev,
+        [activeTabId]: {
+          ...prev[activeTabId],
+          ...state
+        }
+      }));
+    }
+  }, [activeTabId]);
+
+  // 获取当前标签页状态
+  const getTabState = useCallback(() => {
+    return activeTabId ? (tabStates[activeTabId] || {}) : {};
+  }, [activeTabId, tabStates]);
+
+  // 关闭所有标签页
+  const closeAllTabs = useCallback(() => {
+    setTabs([]);
+    setTabStates({});
+    setActiveTabId(null);
+  }, []);
+
+  // 关闭其他标签页
+  const closeOtherTabs = useCallback((tabId) => {
+    const tab = tabs.find(t => t.id === tabId);
+    if (tab) {
+      setTabs([tab]);
+      setTabStates(prev => ({
+        [tabId]: prev[tabId]
+      }));
+      setActiveTabId(tabId);
+    }
+  }, [tabs]);
+
+  // 监听路由变化
+  useEffect(() => {
+    // 如果是通过addOrActivateTab导航的，跳过处理
+    if (isNavigatingRef.current) {
+      return;
+    }
+    
+    const path = location.pathname;
+    const search = location.search;
+    const params = Object.fromEntries(new URLSearchParams(search));
+    
+    // 生成标签页ID
+    const tabId = generateTabId(path, params);
+    const existingTab = tabs.find(tab => tab.id === tabId);
+    
+    if (!existingTab) {
+      // 如果标签页不存在，创建新的（但不再调用navigate，因为已经在这个路径了）
+      setTabs(prevTabs => {
+        // 再次检查避免重复
+        if (prevTabs.find(tab => tab.id === tabId)) {
+          return prevTabs;
+        }
+        
+        const newTab = {
+          id: tabId,
+          path,
+          title: getPageTitle(path, params),
+          params,
+          closable: true,
+        };
+        
+        const maxTabs = 10;
+        if (prevTabs.length >= maxTabs) {
+          const closableTab = prevTabs.find(tab => tab.closable);
+          if (closableTab) {
+            return [...prevTabs.filter(tab => tab.id !== closableTab.id), newTab];
+          }
+        }
+        
+        return [...prevTabs, newTab];
+      });
+      setActiveTabId(tabId);
+    } else {
+      // 如果标签页存在，激活它
+      setActiveTabId(tabId);
+    }
+  }, [location, tabs]);
+
+  const value = {
+    tabs,
+    activeTabId,
+    addOrActivateTab,
+    closeTab,
+    switchTab,
+    saveTabState,
+    getTabState,
+    closeAllTabs,
+    closeOtherTabs,
+  };
+
+  return (
+    <TabsContext.Provider value={value}>
+      {children}
+    </TabsContext.Provider>
+  );
+};

jettask/webui/frontend/src/main.jsx

@@ -6,6 +6,7 @@ import dayjs from 'dayjs'
 import 'dayjs/locale/zh-cn'
 import App from './App'
 import './index.css'
+import './utils/suppressWarnings'
 
 // 设置 dayjs 为中文
 dayjs.locale('zh-cn')