@jiangood/open-admin 2.5.5 → 2.5.7

package/src/framework/utils/system/ThemeUtils.d.ts

@@ -0,0 +1,6 @@
+declare const OPEN_ADMIN_THEME: Record<string, string> | undefined;
+
+export class ThemeUtils {
+    static readonly theme: Record<string, string>;
+    static getColor(key: string): string | undefined;
+}

package/src/framework/utils/system/{ThemeUtils.ts → ThemeUtils.js}

@@ -1,9 +1,5 @@
-import {ColorsUtils} from '../ColorsUtils';
-
-declare const OPEN_ADMIN_THEME: Record<string, string> | undefined;
-
 export class ThemeUtils {
-    private static readonly defaultTheme: Record<string, string> = {
+    static defaultTheme = {
         "primary-color": "#1961AC",
         "success-color": "#52c41a",
         "warning-color": "#faad14",
@@ -13,40 +9,44 @@ export class ThemeUtils {
         "primary-color-click": "#124B93"
     };
 
-    private static cachedTheme: Record<string, string> | null = null;
+    static cachedTheme = null;
 
-    static get theme(): Record<string, string> {
+    static get theme() {
         if (this.cachedTheme) return this.cachedTheme;
         this.cachedTheme = this.loadTheme();
         return this.cachedTheme;
     }
 
-    private static loadTheme(): Record<string, string> {
-        let custom: Record<string, string> = {};
+    /** 调亮/调暗十六进制颜色 */
+    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 {}
-
+        } catch (e) {}
         const result = {...this.defaultTheme, ...custom};
-
-        // Auto-derive hover/click from primary if not explicitly set
         if (custom["primary-color"]) {
             if (!custom["primary-color-hover"]) {
-                result["primary-color-hover"] = ColorsUtils.lighten(result["primary-color"], 20);
+                result["primary-color-hover"] = ThemeUtils._lightenHex(result["primary-color"], 20);
             }
             if (!custom["primary-color-click"]) {
-                result["primary-color-click"] = ColorsUtils.lighten(result["primary-color"], -10);
+                result["primary-color-click"] = ThemeUtils._lightenHex(result["primary-color"], -10);
             }
         }
-
         return result;
     }
 
-    public static getColor(key: string): string | undefined {
+    static getColor(key) {
         return ThemeUtils.theme[key];
     }
 }
-
-

package/src/framework/utils/system/index.ts

@@ -1,7 +1,6 @@
 export * from './DictUtils'
 export * from './PermUtils'
 export * from './PageUtils'
-export * from "./SysUtils"
 export * from './HttpUtils'
-export * from './FormRegistryUtils'
+export * from './FormRegistry'
 export * from './ThemeUtils'

package/src/framework/views/ViewFile/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import {Carousel, Empty} from 'antd';
+import {UrlUtils} from '../../utils';
 
 
 export class ViewFile extends React.Component {
@@ -14,7 +15,7 @@ export class ViewFile extends React.Component {
 
         const arr = fileId.split(',');
 
-        const urlList = arr.map(id => 'admin/sysFile/preview/' + id);
+        const urlList = arr.map(id => UrlUtils.contextPath('/admin/sysFile/preview/' + id));
         const height = this.props.height;
 
         if(urlList.length === 1){
@@ -29,9 +30,8 @@ export class ViewFile extends React.Component {
 
         // 多个文件则用走马灯
         const iframeList = urlList.map((url) => {
-            return <div style={{height}}>
+            return <div key={url} style={{height}}>
                 <iframe
-                    key={url}
                     src={url}
                     width='99%'
                     frameBorder={0}

package/src/framework/views/ViewImage/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Modal} from 'antd';
-import {SysUtils} from '../../utils';
+import {UrlUtils} from '../../utils';
 
 
 export class ViewImage extends React.Component {
@@ -27,11 +27,11 @@ export class ViewImage extends React.Component {
       }
 
       if (isId) {
-        urlList.push(SysUtils.contextPath('/admin/sysFile/preview/' + v));
+        urlList.push(UrlUtils.contextPath('/admin/sysFile/preview/' + v));
         continue;
       }
 
-      urlList.push(SysUtils.contextPath(v));
+      urlList.push(UrlUtils.contextPath(v));
     }
 
     const imgs = urlList.map((url) => (

package/src/framework/views/{ViewBooleanEnableDisable → ViewSwitch}/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Tag } from 'antd';
 
-export class ViewBooleanEnableDisable extends React.Component {
+export class ViewSwitch extends React.Component {
 
     render() {
         const { value } = this.props;

package/src/framework/views/index.ts

@@ -3,10 +3,9 @@ export * from './types';
 export * from './ViewPassword';
 export * from './ViewBoolean';
 export * from './ViewApproveStatus'
-export * from './ViewProcessInstanceProgress'
-export * from './ViewProcessInstanceProgressButton'
-export * from './ViewBooleanEnableDisable'
+export * from './ViewSwitch'
 export * from './ViewImage'
 export * from  './ViewFile'
 export * from './ViewText'
-export * from './ViewFileButton'
+export * from './ViewFileButton'
+export * from './ViewRange'

package/src/layouts/admin/HeaderRight.jsx

@@ -1,11 +1,8 @@
-import {Badge, Dropdown} from "antd";
-import {NotificationOutlined, SettingOutlined, UserOutlined} from "@ant-design/icons";
+import {Avatar, Dropdown} from "antd";
 import React from "react";
 import {history} from "umi";
-import {DeviceUtils, HttpUtils, MessageUtils,  PageUtils, SysUtils} from "../../framework";
+import {DeviceUtils, HttpUtils, MessageUtils, PageUtils, GlobalData} from "../../framework";
 
-
-const ID = 'header-right';
 export class HeaderRight extends React.Component {
 
     state = {
@@ -13,7 +10,6 @@ export class HeaderRight extends React.Component {
     };
 
     componentDidMount() {
-        document.dispatchEvent(new CustomEvent('componentDidMount', {detail: ID}))
         if (DeviceUtils.isMobileDevice()) {
             this.setState({isMobileDevice: true})
         }
@@ -36,12 +32,12 @@ export class HeaderRight extends React.Component {
         })
     }
 
-    userCenter = () => {
-        PageUtils.open('/userCenter', '个人中心')
+    account = () => {
+        PageUtils.open('/account', '个人中心')
     }
 
     render() {
-        const info = SysUtils.getLoginInfo()
+        const info = GlobalData.getLoginInfo()
 
         if (this.state.isMobileDevice) {
             return <div className='header-right'>
@@ -51,44 +47,33 @@ export class HeaderRight extends React.Component {
 
         return <div className='header-right'>
 
-            <div className='item'>
-                <UserOutlined/> {info.name}
-            </div>
-
-
-            <div className='item' onClick={() => PageUtils.open('/userCenter/message', '我的消息')}>
-                <Badge count={info.messageCount} size="small">
-                    <NotificationOutlined/>
-                </Badge>
-            </div>
-
-            <div className='item'>
-
-                <Dropdown menu={{
-                    onClick: ({key}) => {
-                        switch (key) {
-                            case 'userCenter':
-                                this.userCenter()
-                                break;
-                            case 'logout':
-                                this.logout();
-                                break;
-                            case 'about':
-                                this.about()
-                                break
-                        }
-                    },
-                    items: [
-                        {key: 'userCenter', label: '个人中心'},
-                        {key: 'about', label: '关于系统'},
-                        {key: 'logout', label: '退出登录'},
-
-                    ]
-                }}><SettingOutlined/>
-
-                </Dropdown>
-
-            </div>
+            <Dropdown menu={{
+                onClick: ({key}) => {
+                    switch (key) {
+                        case 'account':
+                            this.account()
+                            break;
+                        case 'logout':
+                            this.logout();
+                            break;
+                        case 'about':
+                            this.about()
+                            break
+                    }
+                },
+                items: [
+                    {key: 'account', label: '个人中心'},
+                    {key: 'about', label: '关于系统'},
+                    {key: 'logout', label: '退出登录'},
+                ]
+            }}>
+                <div className='item' style={{cursor: 'pointer'}}>
+                    <Avatar size="small" style={{backgroundColor: '#1677ff', verticalAlign: 'middle'}}>
+                        {info.name?.charAt(0)}
+                    </Avatar>
+                    <span style={{marginLeft: 8}}>{info.name}</span>
+                </div>
+            </Dropdown>
 
         </div>
     }

package/src/layouts/admin/index.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import {Badge, Layout, Menu, Skeleton, Watermark} from 'antd';
+import {Layout, Menu, Skeleton, Watermark} from 'antd';
 
 import {history, Link} from 'umi';
 import "./index.less"
-import {ErrorBoundary, HttpUtils, NamedIcon, PageUtils, SysUtils, ThemeUtils, TreeUtils} from "../../framework";
+import {HttpUtils, NamedIcon, PageUtils, GlobalData, ThemeUtils, TreeUtils} from "../../framework";
 
 import { HeaderRight } from "./HeaderRight";
 import { TabPageRender } from "./TabPageRender";
@@ -37,8 +37,8 @@ export default class extends React.Component {
         // 判断是否手机端，自动收起菜单
 
 
-        const siteInfo = SysUtils.getSiteInfo();
-        const loginInfo = SysUtils.getLoginInfo()
+        const siteInfo = GlobalData.getSiteInfo();
+        const loginInfo = GlobalData.getLoginInfo()
         this.setState({siteInfo, loginInfo})
 
         this.initMenu()
@@ -84,7 +84,6 @@ export default class extends React.Component {
 
             this.setState({menuTree, pathMenuMap, topMenus, sideMenus, activeTopMenuKey, currentMenuKey})
 
-            this.loadBadge(menuMap)
         }).catch(err => {
             console.error('加载菜单失败:', err)
             this.setState({menuTree: [], topMenus: [], sideMenus: []})
@@ -170,27 +169,6 @@ export default class extends React.Component {
         );
     }
 
-    loadBadge = menuMap => {
-        for (let id in menuMap) {
-            const item = menuMap[id]
-            const {messageCountUrl} = item;
-            if (!messageCountUrl) {
-                continue
-            }
-            HttpUtils.get(messageCountUrl).then(rs => {
-                const {menuTree} = this.state
-                const menu = TreeUtils.findByKey(id, menuTree, 'key')
-                if (menu) {
-                    menu.icon = <Badge dot count={rs} size={"small"}>{menu.icon}</Badge>
-                    this.setState({menuTree: [...menuTree]})
-                }
-            }).catch(e => {
-                console.error('[Layout] 加载消息数失败:', e);
-            })
-        }
-    };
-
-
     render() {
         const {siteInfo, loginInfo} = this.state
 
@@ -217,9 +195,7 @@ export default class extends React.Component {
                 </Header>
 
                 <Content id='admin-layout-content'>
-                    <ErrorBoundary>
-                        {this.renderCenterContent(loginInfo)}
-                    </ErrorBoundary>
+                    {this.renderCenterContent(loginInfo)}
                 </Content>
 
             </Layout>

package/src/layouts/index.jsx

@@ -3,10 +3,11 @@ import {App, ConfigProvider} from "antd";
 import zhCN from 'antd/locale/zh_CN';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
-import {Outlet, useLocation} from "umi";
+import {Outlet, useLocation, history} from "umi";
 
 import AdminLayout from "./admin"
-import {HttpUtils, PageLoading, PageUtils, SysUtils, ThemeUtils} from "../framework";
+import {HttpUtils, PageLoading, PageUtils, GlobalData, ThemeUtils, DownloadModal} from "../framework";
+import {ErrorBoundary} from "../framework";
 
 import '../style/global.less'
 import './index.less'
@@ -36,12 +37,12 @@ const configProps = {
 };
 
 function AppWrapper({children}) {
-    return <ConfigProvider {...configProps}><App>{children}</App></ConfigProvider>;
+    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'];
+    return raw ? raw.split(',').map(s => s.trim()) : ['/login', '/test', '/forceUpdatePwd'];
 })();
 
 function isPublicPage(pathname, search) {
@@ -60,7 +61,8 @@ function isPublicPage(pathname, search) {
 }
 
 export function Layouts() {
-    const {pathname, search} = useLocation();
+    const location = useLocation();
+    const {pathname, search} = location;
     const [siteInfoLoaded, setSiteInfoLoaded] = useState(false);
     const [loginChecked, setLoginChecked] = useState(false);
 
@@ -77,31 +79,39 @@ export function Layouts() {
 
         Promise.all([
             HttpUtils.get("/admin/public/site-info").then(data => {
-                SysUtils.setSiteInfo(data);
+                GlobalData.setSiteInfo(data);
                 setSiteInfoLoaded(true);
             }),
-            HttpUtils.get('/admin/public/check-login').then(data => {
-                SysUtils.setDictInfo(data.dictInfo);
-                SysUtils.setLoginInfo(data.loginInfo);
+            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();
         });
-    }, [pathname]);
+    }, [location]);
 
-    if (isPublic) return <AppWrapper><Outlet/></AppWrapper>;
+    if (isPublic) return <ErrorBoundary minimal><AppWrapper><Outlet/></AppWrapper></ErrorBoundary>;
 
     return (
-        <AppWrapper>
-            {ready ? <AdminLayout/> : (
-                <PageLoading messages={[
-                    !siteInfoLoaded && '加载站点信息...',
-                    !loginChecked && '检查登录中...',
-                ].filter(Boolean)}/>
-            )}
-        </AppWrapper>
+        <ErrorBoundary minimal>
+            <AppWrapper>
+                {ready ? <AdminLayout/> : (
+                    <PageLoading messages={[
+                        !siteInfoLoaded && '加载站点信息...',
+                        !loginChecked && '检查登录中...',
+                    ].filter(Boolean)}/>
+                )}
+            </AppWrapper>
+        </ErrorBoundary>
     );
 }
 

package/src/pages/about.jsx

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

package/src/pages/{userCenter/ChangePassword.jsx → account/changePassword.jsx}

@@ -1,7 +1,7 @@
 import React from "react";
 import {Button, Form, Input, Modal} from "antd";
 import {history} from 'umi'
-import {HttpUtils, SysUtils} from "../../framework";
+import {HttpUtils} from "../../framework";
 
 export default class extends React.Component {
 
@@ -12,7 +12,6 @@ export default class extends React.Component {
                 title: '提示',
                 content: '修改密码成功',
                 onOk: () => {
-                    SysUtils.setToken(null)
                     history.push('/login')
                 }
             })

package/src/pages/{userCenter → account}/index.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {Avatar, Card, Col, Row, Tabs} from "antd";
-import ChangePassword from "./ChangePassword";
+import ChangePassword from "./changePassword";
 import {HttpUtils, Page} from "../../framework";
 
 export default class extends React.Component {
@@ -71,11 +71,7 @@ export default class extends React.Component {
                                         <ChangePassword/>
                                     </div>
                                 },
-                                {
-                                    label: '消息订阅', key: 'topic', children: <div>
-                                        当账号管理邮箱后，系统消息会发送邮件给您
-                                    </div>
-                                }
+
                             ]}
                             tabPlacement='left'
                         >

package/src/pages/forceUpdatePwd.jsx

@@ -0,0 +1,89 @@
+import React from "react";
+import {Button, Form, Input, message} from "antd";
+import {history} from 'umi'
+import {HttpUtils, PageUtils, GlobalData} from "../framework";
+
+export default class extends React.Component {
+
+    state = {
+        checking: true
+    }
+
+    async componentDidMount() {
+        try {
+            const rs = await HttpUtils.get('/admin/public/user-info', null, {showError: false});
+            if (!rs.login) {
+                PageUtils.redirectToLogin();
+                return;
+            }
+            GlobalData.setLoginInfo(rs.loginInfo);
+            this.setState({checking: false});
+        } catch (e) {
+            PageUtils.redirectToLogin();
+        }
+    }
+
+    onFinish = (values) => {
+        HttpUtils.post('admin/userCenter/update-pwd', values).then(() => {
+            message.success('修改密码成功，请重新登录');
+            history.push('/login');
+        })
+    }
+
+    validator = (rule, value) => {
+        return new Promise((resolve, reject) => {
+            HttpUtils.get("admin/sysUser/pwd-strength", {password: value}).then(response => {
+                const rs = response.data
+                if (!rs.success) {
+                    reject(rs.message)
+                }
+                resolve()
+            })
+        })
+    }
+
+    render() {
+        if (this.state.checking) return null;
+
+        return (
+            <div style={{
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                minHeight: '100vh',
+                background: '#f0f2f5'
+            }}>
+                <div style={{
+                    background: '#fff',
+                    padding: '40px',
+                    borderRadius: '8px',
+                    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
+                    maxWidth: 400,
+                    width: '100%'
+                }}>
+                    <h2 style={{textAlign: 'center', marginBottom: 24}}>修改密码</h2>
+                    <p style={{textAlign: 'center', color: '#999', marginBottom: 24}}>
+                        首次登录或密码已被重置，请修改密码后重新登录
+                    </p>
+                    <Form onFinish={this.onFinish}>
+                        <Form.Item name='newPassword'
+                                   label='新密码'
+                                   extra={'请输入字母、数字、特殊字符'}
+                                   rules={[
+                                       {required: true, message: '请输入新密码'},
+                                       {validator: this.validator}
+                                   ]}
+                        >
+                            <Input.Password/>
+                        </Form.Item>
+                        <Form.Item style={{marginTop: 40}}>
+                            <Button type="primary" htmlType="submit" block size='large'>
+                                确定
+                            </Button>
+                        </Form.Item>
+                    </Form>
+                </div>
+            </div>
+        )
+    }
+}

package/src/pages/login.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {Button, Form, Input, message} from 'antd';
 import {LockOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';
 import {history} from 'umi';
-import {EventBusUtils, HttpUtils, PageUtils, SysUtils} from "../framework/utils";
+import {EventBus, HttpUtils, PageUtils, GlobalData} from "../framework";
 
 import "./login.less"
 
@@ -19,7 +19,7 @@ function getRedirect() {
 function postLogin(values) {
     return new Promise((resolve, reject) => {
         HttpUtils.post('/admin/auth/login', values).then(rs => {
-            EventBusUtils.emit('loginSuccess')
+            EventBus.emit('loginSuccess')
             history.push(getRedirect())
             resolve(rs)
         }).catch(e => {
@@ -44,15 +44,15 @@ export default class extends React.Component {
     }
 
     async componentDidMount() {
-        const siteInfo = SysUtils.getSiteInfo()
+        const siteInfo = GlobalData.getSiteInfo()
         if (siteInfo && siteInfo.title) {
             this.setState({siteInfo})
             return
         }
         // localStorage 中无站点信息，从服务端重新加载
         try {
-            const rs = await HttpUtils.get('/admin/public/site-info')
-            SysUtils.setSiteInfo(rs)
+            const rs = await HttpUtils.get('/admin/public/site-info', null, { showError: false })
+            GlobalData.setSiteInfo(rs)
             this.setState({siteInfo: rs})
         } catch (e) {
             console.error('[Login] 加载站点信息失败:', e);

package/src/pages/system/dict/index.jsx

@@ -2,13 +2,13 @@ import {DeleteOutlined, EditOutlined, PlusOutlined} from '@ant-design/icons';
 import {Button, Card, Descriptions, Empty, Form, Input, InputNumber, Modal, Popconfirm, Splitter, Tree, Tag, TreeSelect, Typography} from 'antd';
 import React from 'react';
 import {
-    ButtonList,
+    PermActions,
     FieldBoolean,
     FieldDictSelect,
     HttpUtils,
     Page,
     ProTable,
-    ViewBooleanEnableDisable,
+    ViewSwitch,
 } from "../../../framework";
 
 export default class extends React.Component {
@@ -139,7 +139,7 @@ export default class extends React.Component {
         {
             title: '启用', dataIndex: 'enabled',
             render(v) {
-                return <ViewBooleanEnableDisable value={v}/>
+                return <ViewSwitch value={v}/>
             }
         },
         {title: '序号', dataIndex: 'seq'},
@@ -147,14 +147,14 @@ export default class extends React.Component {
             title: '操作', dataIndex: 'option',
             render: (_, record) => {
                 return (
-                    <ButtonList>
+                    <PermActions>
                         <Button size='small' perm='sys-dict:update'
                                 onClick={() => this.handleItemEdit(record)}>编辑</Button>
                         <Popconfirm perm='sys-dict:delete' title='是否确定删除字典项'
                                     onConfirm={() => this.handleItemDelete(record)}>
                             <Button size='small'>删除</Button>
                         </Popconfirm>
-                    </ButtonList>
+                    </PermActions>
                 );
             },
         },
@@ -204,7 +204,7 @@ export default class extends React.Component {
                             <Descriptions.Item label="类型编码">{selectedType.typeCode}</Descriptions.Item>
                             <Descriptions.Item label="分类">{this.getParentLabel() || '-'}</Descriptions.Item>
                             <Descriptions.Item label="序号">{selectedType.seq}</Descriptions.Item>
-                            <Descriptions.Item label="启用"><ViewBooleanEnableDisable value={selectedType.enabled}/></Descriptions.Item>
+                            <Descriptions.Item label="启用"><ViewSwitch value={selectedType.enabled}/></Descriptions.Item>
                         </Descriptions>}
                     </Card>
                     <Card size='small'>