jettask 0.2.14__py3-none-any.whl → 0.2.16__py3-none-any.whl

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

@@ -1,245 +0,0 @@
-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/index.css

@@ -1,114 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-:root {
-  --primary-color: #1890ff;
-  --success-color: #52c41a;
-  --warning-color: #faad14;
-  --error-color: #ff4d4f;
-  --bg-primary: #ffffff;
-  --bg-secondary: #f5f5f5;
-  --bg-card: #ffffff;
-  --border-color: rgba(0, 0, 0, 0.06);
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  background: #f5f5f5;
-  min-height: 100vh;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-/* 背景动画 - 移除 */
-
-#root {
-  position: relative;
-  z-index: 1;
-  min-height: 100vh;
-}
-
-/* 自定义滚动条 */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: rgba(0, 0, 0, 0.05);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: rgba(0, 0, 0, 0.3);
-}
-
-/* Ant Design 自定义样式覆盖 */
-.ant-layout {
-  background: transparent !important;
-}
-
-.ant-card {
-  background: #ffffff !important;
-  border: 1px solid #f0f0f0;
-}
-
-.stats-card {
-  background: #ffffff;
-  border-radius: 8px;
-  border: 1px solid #f0f0f0;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
-  position: relative;
-}
-
-.stats-card::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 4px;
-  background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-
-.stats-card:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  border-color: #e8e8e8;
-}
-
-.stats-card:hover::before {
-  opacity: 1;
-}
-
-/* 图表容器样式 */
-.chart-container {
-  position: relative;
-  height: 100%;
-  min-height: 300px;
-}
-
-/* 加载动画 */
-.loading-spinner {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  border: 2px solid rgba(0, 0, 0, 0.1);
-  border-top-color: var(--primary-color);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}

jettask/webui/frontend/src/main.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { ConfigProvider } from 'antd'
-import zhCN from 'antd/locale/zh_CN'
-import dayjs from 'dayjs'
-import 'dayjs/locale/zh-cn'
-import App from './App'
-import './index.css'
-import './utils/suppressWarnings'
-// 初始化 API 配置（必须在其他组件之前）
-import './services/api'
-
-// 设置 dayjs 为中文
-dayjs.locale('zh-cn')
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <ConfigProvider locale={zhCN}>
-      <App />
-    </ConfigProvider>
-  </React.StrictMode>,
-)