@jiangood/open-admin 2.5.9 → 3.0.1

package/src/framework/utils/system/ThemeUtils.js

@@ -1,52 +0,0 @@
-export class ThemeUtils {
-    static defaultTheme = {
-        "primary-color": "#1961AC",
-        "success-color": "#52c41a",
-        "warning-color": "#faad14",
-        "error-color": "#ff4d4f",
-        "background-color": "#f5f5f5",
-        "primary-color-hover": "#4990CD",
-        "primary-color-click": "#124B93"
-    };
-
-    static cachedTheme = null;
-
-    static get theme() {
-        if (this.cachedTheme) return this.cachedTheme;
-        this.cachedTheme = this.loadTheme();
-        return this.cachedTheme;
-    }
-
-    /** 调亮/调暗十六进制颜色 */
-    static _lightenHex(hex, percent) {
-        const num = parseInt(hex.replace('#', ''), 16);
-        const r = num >> 16 & 255, g = num >> 8 & 255, b = num & 255;
-        const t = percent < 0 ? 0 : 255;
-        const p = Math.abs(percent) / 100;
-        return '#' + (0x1000000 + (Math.round((t - r) * p) + r) * 0x10000
-            + (Math.round((t - g) * p) + g) * 0x100 + (Math.round((t - b) * p) + b)).toString(16).slice(1);
-    }
-
-    static loadTheme() {
-        let custom = {};
-        try {
-            if (typeof OPEN_ADMIN_THEME !== 'undefined' && OPEN_ADMIN_THEME) {
-                custom = OPEN_ADMIN_THEME;
-            }
-        } catch (e) {}
-        const result = {...this.defaultTheme, ...custom};
-        if (custom["primary-color"]) {
-            if (!custom["primary-color-hover"]) {
-                result["primary-color-hover"] = ThemeUtils._lightenHex(result["primary-color"], 20);
-            }
-            if (!custom["primary-color-click"]) {
-                result["primary-color-click"] = ThemeUtils._lightenHex(result["primary-color"], -10);
-            }
-        }
-        return result;
-    }
-
-    static getColor(key) {
-        return ThemeUtils.theme[key];
-    }
-}

package/src/layouts/PageRender.tsx

@@ -1,29 +0,0 @@
-import {matchRoutes, useAppData} from "umi";
-import {Result} from "antd";
-
-interface PageRenderProps {
-    pathname: string;
-}
-
-/**
- * 通过指定 pathname 渲染页面
- */
-export function PageRender({pathname}: PageRenderProps) {
-    const appData = useAppData()
-    const matchArr = matchRoutes(appData.clientRoutes, pathname)
-
-    if (matchArr != null) {
-        const matchResult = matchArr[matchArr.length - 1].route
-        if (matchResult && matchResult.element) {
-            return matchResult.element
-        }
-    }
-
-    return (
-        <Result
-            status={404}
-            title='页面不存在！'
-            subTitle={<div>路由地址：{pathname}</div>}
-        />
-    )
-}

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,120 +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);
-                GlobalData.setSiteArticles(data.siteArticles);
-
-                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,16 +0,0 @@
-import React from "react";
-import {history} from "umi";
-import {Page} from "../framework";
-
-export default class extends React.Component {
-
-    componentDidMount() {
-        history.push('/article/about')
-    }
-
-    render() {
-        return <Page title="关于系统">
-            <div>跳转中...</div>
-        </Page>
-    }
-}