@jiangood/open-admin 2.5.8 → 3.0.0

package/src/layouts/admin/TabPageRender.jsx

@@ -1,210 +0,0 @@
-import React, {useState, useEffect, useRef} from "react";
-import {history} from "umi";
-import {PageRender} from "../PageRender";
-import {UrlUtils, ContextMenu} from "../../framework";
-
-const MAX_TABS = 20;
-
-function getLabel(pathname, search, pathMenuMap) {
-    if (pathname === '/') return '首页';
-    const params = UrlUtils.getParams(search);
-    if (params._label) return params._label;
-    const menu = pathMenuMap[pathname];
-    if (menu) return menu.name;
-    return '未命名';
-}
-
-export function TabPageRender({pathMenuMap}) {
-    const [tabs, setTabs] = useState([]);
-    const [activeKey, setActiveKey] = useState(null);
-    const [contextMenu, setContextMenu] = useState(null);
-    const accessOrderRef = useRef([]);
-    const lastClickTimeRef = useRef({});
-    const activeKeyRef = useRef(activeKey);
-    activeKeyRef.current = activeKey;
-    const pathMenuMapRef = useRef(pathMenuMap);
-    pathMenuMapRef.current = pathMenuMap;
-
-    const recordAccess = (key) => {
-        accessOrderRef.current = accessOrderRef.current.filter(k => k !== key);
-        accessOrderRef.current.push(key);
-    };
-
-    // Use history.listen to monitor route changes
-    useEffect(() => {
-        const unlisten = history.listen(({location}) => {
-            const {pathname, search} = location;
-            const key = pathname + (search || '');
-            recordAccess(key);
-
-            setTabs(prev => {
-                if (prev.find(t => t.key === key)) return prev;
-                const content = <PageRender pathname={pathname}/>;
-                const label = getLabel(pathname, search, pathMenuMapRef.current);
-                const next = [...prev, {key, label, closable: true, content}];
-                if (next.length > MAX_TABS) {
-                    const keep = new Set([key, ...accessOrderRef.current.slice(-3)]);
-                    const removeIdx = next.findIndex(t => !keep.has(t.key));
-                    if (removeIdx > -1) next.splice(removeIdx, 1);
-                }
-                return next;
-            });
-
-            setActiveKey(key);
-        });
-
-        // Trigger for initial route
-        const {pathname, search} = history.location;
-        const key = pathname + (search || '');
-        recordAccess(key);
-        setTabs([{key, label: getLabel(pathname, search, pathMenuMap), closable: true, content: <PageRender pathname={pathname}/>}]);
-        setActiveKey(key);
-
-        return unlisten;
-    }, []);
-
-    // Listen for close-page-event (stable listener, no re-registration)
-    useEffect(() => {
-        const handler = (e) => {
-            const url = e.detail.url;
-            setTabs(prev => {
-                const next = prev.filter(t => t.key !== url);
-                accessOrderRef.current = accessOrderRef.current.filter(k => k !== url);
-                if (url === activeKeyRef.current && next.length > 0) {
-                    history.push(next[next.length - 1].key);
-                }
-                return next;
-            });
-        };
-        document.addEventListener('close-page-event', handler);
-        return () => document.removeEventListener('close-page-event', handler);
-    }, []);
-
-    const handleTabRefresh = (key) => {
-        setTabs(prev => {
-            const idx = prev.findIndex(t => t.key === key);
-            if (idx === -1) return prev;
-            const originalContent = prev[idx].content;
-            const next = [...prev];
-            next[idx] = {...next[idx], content: '刷新中...'};
-            requestAnimationFrame(() => {
-                setTabs(prev2 => {
-                    const idx2 = prev2.findIndex(t => t.key === key);
-                    if (idx2 === -1) return prev2;
-                    const next2 = [...prev2];
-                    next2[idx2] = {...next2[idx2], content: originalContent};
-                    return next2;
-                });
-            });
-            return next;
-        });
-    };
-
-    const handleTabClick = (key) => {
-        const now = Date.now();
-        const last = lastClickTimeRef.current[key] || 0;
-        lastClickTimeRef.current[key] = now;
-        if (now - last < 300) {
-            handleTabRefresh(key);
-        } else if (key !== activeKey) {
-            history.push(key);
-        }
-    };
-
-    const closeTab = (key) => {
-        setTabs(prev => {
-            const next = prev.filter(t => t.key !== key);
-            accessOrderRef.current = accessOrderRef.current.filter(k => k !== key);
-            if (next.length === 0) {
-                history.push('/');
-            } else if (key === activeKeyRef.current) {
-                history.push(next[next.length - 1].key);
-            }
-            return next;
-        });
-    };
-
-    const handleClose = (key, e) => {
-        e.stopPropagation();
-        closeTab(key);
-    };
-
-    const handleTabContextMenu = (e, key) => {
-        e.preventDefault();
-        setContextMenu({x: e.clientX, y: e.clientY, tabKey: key});
-    };
-
-    const handleContextMenuClick = ({key: actionKey}) => {
-        const {tabKey} = contextMenu;
-        setContextMenu(null);
-        if (actionKey === 'refresh') {
-            handleTabRefresh(tabKey);
-        } else if (actionKey === 'close') {
-            closeTab(tabKey);
-        } else if (actionKey === 'closeOthers') {
-            setTabs(prev => {
-                const next = prev.filter(t => t.key === tabKey || !t.closable);
-                accessOrderRef.current = [tabKey];
-                if (tabKey !== activeKeyRef.current) {
-                    history.push(tabKey);
-                }
-                return next;
-            });
-        } else if (actionKey === 'closeAll') {
-            accessOrderRef.current = [];
-            setTabs([]);
-            setTimeout(() => history.push('/'), 0);
-        }
-    };
-
-    if (tabs.length === 0) return null;
-
-    return (
-        <div className="oa-tabs">
-            <div className="oa-tab-bar">
-                {tabs.map(tab => (
-                    <div
-                        key={tab.key}
-                        className={'oa-tab' + (tab.key === activeKey ? ' active' : '')}
-                        onClick={() => handleTabClick(tab.key)}
-                        onContextMenu={(e) => handleTabContextMenu(e, tab.key)}
-                    >
-                        <span className="oa-tab-label">{tab.label}</span>
-                        {tab.closable && tabs.length > 1 && (
-                            <span className="oa-tab-close" onClick={(e) => handleClose(tab.key, e)}>×</span>
-                        )}
-                    </div>
-                ))}
-            </div>
-            {contextMenu && (() => {
-                const tab = tabs.find(t => t.key === contextMenu.tabKey);
-                const closableCount = tabs.filter(t => t.closable).length;
-                return (
-                    <ContextMenu
-                        x={contextMenu.x}
-                        y={contextMenu.y}
-                        items={[
-                            {key: 'refresh', label: '刷新'},
-                            {key: 'close', label: '关闭', disabled: !tab?.closable},
-                            {key: 'closeOthers', label: '关闭其他', disabled: tabs.length <= 1},
-                            {key: 'closeAll', label: '关闭全部', disabled: closableCount === 0},
-                        ]}
-                        onClick={handleContextMenuClick}
-                        onClose={() => setContextMenu(null)}
-                    />
-                );
-            })()}
-            <div className="oa-tabs-content">
-                {tabs.map(tab => (
-                    <div
-                        key={tab.key}
-                        style={{display: tab.key === activeKey ? undefined : 'none'}}
-                        className="oa-tab-pane"
-                    >
-                        {tab.content}
-                    </div>
-                ))}
-            </div>
-        </div>
-    );
-}

package/src/layouts/index.jsx

@@ -1,119 +0,0 @@
-import {useState, useEffect} from "react";
-import {App, ConfigProvider} from "antd";
-import zhCN from 'antd/locale/zh_CN';
-import dayjs from 'dayjs';
-import 'dayjs/locale/zh-cn';
-import {Outlet, useLocation, history} from "umi";
-
-import AdminLayout from "./admin"
-import {HttpUtils, PageLoading, PageUtils, GlobalData, ThemeUtils, DownloadModal} from "../framework";
-import {ErrorBoundary} from "../framework";
-
-import '../style/global.less'
-import './index.less'
-
-dayjs.locale('zh-cn');
-
-const configProps = {
-    input: {autoComplete: 'off'},
-    form: {validateMessages: {required: '必填项'}, colon: false},
-    button: {autoInsertSpace: false},
-    locale: zhCN,
-    theme: {
-        token: {
-            colorPrimary: ThemeUtils.getColor("primary-color"),
-            colorSuccess: ThemeUtils.getColor("success-color"),
-            colorWarning: ThemeUtils.getColor("warning-color"),
-            colorError: ThemeUtils.getColor("error-color"),
-            borderRadius: 4,
-        },
-        components: {
-            Layout: {
-                headerBg: 'white',
-                triggerHeight: 32,
-            },
-        },
-    },
-};
-
-function AppWrapper({children}) {
-    return <ConfigProvider {...configProps}><App><DownloadModal />{children}</App></ConfigProvider>;
-}
-
-const PUBLIC_PAGES = (() => {
-    const raw = typeof OPEN_ADMIN_PUBLIC_PAGES !== 'undefined' && OPEN_ADMIN_PUBLIC_PAGES;
-    return raw ? raw.split(',').map(s => s.trim()) : ['/login', '/test', '/forceUpdatePwd'];
-})();
-
-function isPublicPage(pathname, search) {
-    if (pathname === '/' || pathname === '/index') return false;
-
-    for (const pattern of PUBLIC_PAGES) {
-        if (pattern.endsWith('/**')) {
-            if (pathname.startsWith(pattern.slice(0, -3))) return true;
-        } else if (pathname === pattern) {
-            return true;
-        }
-    }
-
-    if (new URLSearchParams(search).has('_noLayout')) return true;
-    return false;
-}
-
-export function Layouts() {
-    const location = useLocation();
-    const {pathname, search} = location;
-    const [siteInfoLoaded, setSiteInfoLoaded] = useState(false);
-    const [loginChecked, setLoginChecked] = useState(false);
-
-    const ready = siteInfoLoaded && loginChecked;
-    const isPublic = isPublicPage(pathname, search);
-
-    useEffect(() => {
-        if (isPublic) {
-            setSiteInfoLoaded(false);
-            setLoginChecked(false);
-            return;
-        }
-        if (ready) return;
-
-        Promise.all([
-            HttpUtils.get("/admin/public/site-info").then(data => {
-                GlobalData.setSiteInfo(data);
-                setSiteInfoLoaded(true);
-            }),
-            HttpUtils.get('/admin/public/user-info').then(data => {
-                GlobalData.setDictInfo(data.dictInfo);
-                GlobalData.setLoginInfo(data.loginInfo);
-
-                if (data.needUpdatePwd && pathname !== '/forceUpdatePwd') {
-                    history.push('/forceUpdatePwd');
-                    return;
-                }
-
-                setLoginChecked(true);
-            }),
-        ]).catch(() => {
-            console.error('[Layout] 初始化应用失败');
-            PageUtils.redirectToLogin();
-        });
-    }, [location]);
-
-    if (isPublic) return <ErrorBoundary minimal><AppWrapper><Outlet/></AppWrapper></ErrorBoundary>;
-
-    return (
-        <ErrorBoundary minimal>
-            <AppWrapper>
-                {ready ? <AdminLayout/> : (
-                    <PageLoading messages={[
-                        !siteInfoLoaded && '加载站点信息...',
-                        !loginChecked && '检查登录中...',
-                    ].filter(Boolean)}/>
-                )}
-            </AppWrapper>
-        </ErrorBoundary>
-    );
-}
-
-export default Layouts;
-export * from './PageRender'

package/src/loading.jsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { Spin } from "antd";
-import { ThemeUtils } from "./framework";
-
-const Loading = () => (
-  <div
-    style={{
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      height: '100vh',
-      background: ThemeUtils.getColor("background-color")
-    }}
-  >
-    <Spin size='large' />
-  </div>
-);
-
-export default Loading;

package/src/pages/about.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import {Page} from "../framework";
-
-export default class extends React.Component {
-
-    render() {
-        return <Page title="关于" description="了解系统版本与相关信息">
-            <h1>关于</h1>
-        </Page>
-    }
-}