light-chaser-pro 1.0.0

package/light-chaser-app/src/index.tsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {createRoot} from "react-dom/client";
+import './index.less';
+import './theme/default.less';
+import {lazy, Suspense} from "react";
+import Loading from "light-chaser-ui/lib/loading/Loading.tsx";
+import {createBrowserRouter, RouterProvider} from "react-router-dom";
+import {ConfigProvider} from "antd";
+import routerConfig from "./router/router.tsx";
+import {setFavicon} from "./util/LogoUtil.ts";
+import logo from './images/login-logo.png';
+import {antdComponentTheme, studioDarkAlgorithm} from "./theme/AntdTheme.ts";
+import AuthReminders from "./pages/auth-reminder/AuthReminders.tsx";
+import zhCN from 'antd/locale/zh_CN';
+import dayjs from "dayjs";
+
+const GlobalMessage = lazy(() => import('light-chaser-ui/lib/message/GlobalMessage.tsx'));
+const GlobalModal = lazy(() => import('light-chaser-ui/lib/message/GlobalModal.tsx'));
+
+setFavicon('/static/logo/logo.png', logo)
+
+// 设置 dayjs 本地化
+dayjs.locale('zh-cn');
+
+createRoot(document.getElementById('root')!).render(
+    <Suspense fallback={<Loading/>}>
+        <ConfigProvider locale={zhCN} theme={{
+            algorithm: studioDarkAlgorithm,
+            components: antdComponentTheme
+        }}>
+            <RouterProvider router={createBrowserRouter(routerConfig)}/>
+            <GlobalMessage/>
+            <GlobalModal/>
+            <AuthReminders/>
+        </ConfigProvider>
+    </Suspense>
+);

package/light-chaser-app/src/pages/auth-reminder/AuthReminders.less

@@ -0,0 +1,218 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+.authorization-modal {
+  // 模态框整体样式
+  .ant-modal-content {
+    background: linear-gradient(45deg, #282833 0%, #2C2C3E 100%);
+    border-radius: 8px;
+    overflow: hidden;
+
+    .ant-modal-body {
+      padding: 0;
+    }
+  }
+
+  // 头部横幅
+  .modal-header {
+    padding: 24px 32px;
+    border-bottom: 1px solid #3A3A4E;
+    position: relative;
+    overflow: hidden;
+
+    .header-content {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-bottom: 8px;
+
+      .header-icon {
+        width: 48px;
+        height: 48px;
+        background: linear-gradient(135deg, #4FB8FF 0%, #3CED92 100%);
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .header-text {
+        h1 {
+          font-size: 24px;
+          font-weight: 700;
+          color: #FFFFFF;
+          margin: 0;
+          line-height: 32px;
+        }
+
+        p {
+          font-size: 14px;
+          color: #A0A0B2;
+          margin: 0;
+          line-height: 20px;
+        }
+      }
+    }
+  }
+
+  // 主体内容
+  .modal-body {
+    padding: 32px;
+
+    .cards-container {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+      margin-bottom: 24px;
+
+      .i-icon {
+        margin-right: 10px;
+        position: relative;
+        top: 2px;
+      }
+    }
+
+    // 卡片通用样式
+    .ant-card {
+      background: #2C2C3E;
+      border: 1px solid #3A3A4E;
+      border-radius: 8px;
+
+      .ant-card-head {
+        border-bottom: 1px solid #3A3A4E;
+        padding: 16px 20px;
+
+        .ant-card-head-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          font-size: 16px;
+          font-weight: 600;
+          color: #FFFFFF;
+          padding: 0;
+        }
+      }
+
+      .ant-card-body {
+        padding: 20px;
+      }
+    }
+
+    // 表单样式
+    .ant-form-item {
+      margin-bottom: 16px;
+
+      .ant-form-item-label {
+        label {
+          font-size: 14px;
+          font-weight: 500;
+          color: #FFFFFF;
+          margin-bottom: 8px;
+        }
+      }
+
+      .ant-input {
+        background: #1E1E2F;
+        color: #FFFFFF;
+        border-radius: 4px;
+        font-size: 14px;
+        height: 40px;
+
+        &:read-only {
+          background: #2C2C3E;
+        }
+      }
+
+      .helper-text {
+        font-size: 12px;
+        color: #A0A0B2;
+        margin-top: 8px;
+        line-height: 16px;
+      }
+
+      .file-selected {
+        font-size: 12px;
+        color: #3CED92;
+        margin-top: 8px;
+      }
+    }
+
+    // 按钮样式
+    .ant-btn {
+      border-radius: 4px;
+      height: 32px;
+      padding: 0 16px;
+      font-size: 14px;
+      border: none;
+
+      &.secondary-btn {
+        background: transparent;
+        border: 1px solid #4FB8FF;
+        color: #4FB8FF;
+      }
+
+      &.primary-btn {
+        background: #4FB8FF;
+        color: #FFFFFF;
+      }
+
+      &.text-btn {
+        color: #4FB8FF;
+        font-size: 12px;
+        height: auto;
+        padding: 0 8px;
+      }
+
+      &.upload-btn {
+        background: #2C2C3E;
+        border: 1px solid #3A3A4E;
+        color: #FFFFFF;
+      }
+    }
+
+    // 底部说明区域
+    .footer-note {
+      padding: 16px 20px;
+      border-radius: 8px;
+      border: 1px solid #3A3A4E;
+
+      .note-content {
+        display: flex;
+        align-items: flex-start;
+        gap: 12px;
+
+        .note-icon {
+          margin-top: 2px;
+        }
+
+        .note-text {
+          .note-title {
+            font-size: 14px;
+            font-weight: 600;
+            color: #FFFFFF;
+            margin-bottom: 4px;
+          }
+
+          .note-description {
+            font-size: 12px;
+            color: #A0A0B2;
+            line-height: 18px;
+          }
+        }
+      }
+    }
+  }
+
+  .ant-modal-footer {
+    display: flex;
+    justify-content: center;
+  }
+}

package/light-chaser-app/src/pages/auth-reminder/AuthReminders.tsx

@@ -0,0 +1,174 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {useEffect, useState} from 'react';
+import {Button, Card, Form, Input, message, Modal, Upload} from 'antd';
+import {KeyOne, Protect, Shield, Upload as UploadIcon} from "@icon-park/react";
+import './AuthReminders.less';
+import {observer} from "mobx-react";
+import authRemindersStore from "./AuthRemindersStore.ts";
+import baseApi from "../../api/engineering/BaseApi.ts";
+import {RcFile} from "antd/es/upload";
+import {globalMessage} from "light-chaser-ui/lib/message/GlobalMessage.tsx";
+
+const AuthReminders = observer(() => {
+    const [form] = Form.useForm();
+    const [loading, setLoading] = useState(false);
+    const [authCode, setAuthCode] = useState<string>('');
+    const [licenseFile, setLicenseFile] = useState<RcFile | null>(null);
+    const {visible} = authRemindersStore;
+
+    useEffect(() => {
+        if (visible) {
+            baseApi.getAuthCode().then(authCode => {
+                setAuthCode(authCode);
+            });
+        }
+    }, [visible]);
+
+    const handleUpload = async (file: RcFile) => {
+        setLicenseFile(file);
+        return false;
+    };
+
+    const handleSubmit = async () => {
+        if (!licenseFile) {
+            message.error('请先选择授权文件');
+            return;
+        }
+        setLoading(true);
+        try {
+            const formData = new FormData();
+            formData.append('file', licenseFile);
+            const authRes = await baseApi.uploadSystemAuthFile(formData);
+            //等待1-3s后进行后续操作
+            await new Promise(resolve => setTimeout(resolve, Math.floor(Math.random() * 1000) + 1000));
+            if (authRes) {
+                globalMessage.messageApi?.success('授权成功');
+                authRemindersStore.setVisible(false);
+                window.location.reload();
+            } else
+                globalMessage.messageApi?.error('授权失败，请检查授权文件或联系管理员');
+        } catch (error) {
+            globalMessage.messageApi?.error('授权文件上传失败，请检查文件格式');
+            console.error(error)
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const uploadProps = {
+        beforeUpload: (file: RcFile) => {
+            const isLicense = file.name.endsWith('.zip') || file.type === 'application/octet-stream';
+            if (!isLicense) {
+                message.error('请上传有效的授权文件 (.zip 格式)');
+                return false;
+            }
+            handleUpload(file);
+            return false;
+        },
+        maxCount: 1,
+        showUploadList: false
+    };
+
+    return (
+        <Modal title={null}
+               closeIcon={null}
+               open={visible}
+               footer={[
+                   <Button key="submit" type="primary" loading={loading} onClick={handleSubmit} className="primary-btn">
+                       提交授权
+                   </Button>
+               ]}
+               centered
+               width={800}
+               className="authorization-modal">
+            <div className="modal-header">
+                <div className="header-content">
+                    <div className="header-icon">
+                        <Protect size={28} fill="#fff" style={{position: 'relative', top: '2px'}}/>
+                    </div>
+                    <div className="header-text">
+                        <h1>系统授权激活</h1>
+                        <p>请完成授权验证以解锁完整功能</p>
+                    </div>
+                </div>
+            </div>
+
+            <div className="modal-body">
+                <div className="cards-container">
+                    <Card title={
+                        <div>
+                            <KeyOne theme="filled" size={20} fill="#4FB8FF"/>
+                            授权码
+                        </div>
+                    }>
+                        <Form form={form} layout="vertical" requiredMark={false}>
+                            <Form.Item label="唯一授权码" style={{marginBottom: '16px'}}>
+                                <Input value={authCode} readOnly suffix={
+                                    <Button type="text" size="small" onClick={() => {
+                                        navigator.clipboard.writeText(authCode);
+                                        message.success('已复制到剪贴板');
+                                    }} className="text-btn">
+                                        复制
+                                    </Button>
+                                }/>
+                                <div className="helper-text">
+                                    请将此授权码发送给系统管理员以获取授权文件
+                                </div>
+                            </Form.Item>
+                        </Form>
+                    </Card>
+
+                    <Card title={
+                        <div>
+                            <UploadIcon theme="filled" size={20} fill="#4FB8FF"/>
+                            上传授权文件
+                        </div>
+                    }>
+                        <Form form={form} layout="vertical" requiredMark={false}>
+                            <Form.Item label="上传授权文件" required style={{marginBottom: '8px'}}>
+                                <Upload {...uploadProps} accept=".zip">
+                                    <Button icon={<UploadIcon/>} className="upload-btn">
+                                        选择授权文件
+                                    </Button>
+                                </Upload>
+                                <div className="helper-text">
+                                    支持 .zip 格式文件
+                                </div>
+                                {licenseFile && (
+                                    <div className="file-selected">
+                                        已选择文件: {licenseFile.name}
+                                    </div>
+                                )}
+                            </Form.Item>
+                        </Form>
+                    </Card>
+                </div>
+
+                <div className="footer-note">
+                    <div className="note-content">
+                        <Shield theme="filled" size={18} fill="#4FB8FF" className="note-icon"/>
+                        <div className="note-text">
+                            <div className="note-title">授权说明</div>
+                            <div className="note-description">
+                                LCP 是商业软件，需要有效的授权文件才能使用完整功能。授权文件与服务器识别码绑定，
+                                请确保上传的授权文件与当前服务器匹配。如有任何授权问题，请联系系统管理员获取技术支持。
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </Modal>
+    );
+});
+
+export default AuthReminders;

package/light-chaser-app/src/pages/auth-reminder/AuthRemindersStore.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {action, makeObservable, observable} from "mobx";
+
+class AuthRemindersStore {
+    constructor() {
+        makeObservable(this, {
+            visible: observable,
+            setVisible: action,
+        });
+    }
+
+    visible: boolean = false;
+
+    setVisible(visible: boolean) {
+        this.visible = visible;
+    }
+}
+
+const authRemindersStore = new AuthRemindersStore();
+export default authRemindersStore;

package/light-chaser-app/src/pages/designer/DesignerPage.tsx

@@ -0,0 +1,18 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import URLUtil from "../../../../light-chaser-util/lib/URLUtil.ts";
+import Designer from "../../designer/Designer.tsx";
+
+export default function DesignerPage() {
+    const {id} = URLUtil.parseUrlParams();
+    return <Designer id={id}/>
+}

package/light-chaser-app/src/pages/home/Home.less

@@ -0,0 +1,123 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+.lc-home {
+  display: flex;
+  height: 100vh;
+  background: #1e1e2f;
+  font-family: 'Inter', 'Roboto', 'Helvetica Neue', sans-serif;
+  color: #ffffff;
+
+  .home-left {
+    width: 240px;
+    background: #2c2c3e;
+    border-right: 1px solid #3a3a4e;
+    display: flex;
+    flex-direction: column;
+
+    .home-logo-container {
+      padding: 24px 20px 20px;
+      border-bottom: 1px solid #3a3a4e;
+
+      .home-logo {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 32px;
+
+        img {
+          height: 100%;
+          filter: brightness(1.2);
+        }
+      }
+    }
+
+    .lc-home-body-left {
+      flex: 1;
+      padding: 16px 0;
+    }
+  }
+
+  .home-right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: #1e1e2f;
+
+    .home-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+
+      .ant-drawer-right {
+        overflow: hidden;
+      }
+
+      .content-header {
+        background: #2c2c3e;
+        border-bottom: 1px solid #3a3a4e;
+        padding: 16px 24px;
+
+        .content-header-content {
+          .ant-breadcrumb {
+            font-size: 14px;
+            line-height: 20px;
+
+            .ant-breadcrumb-link {
+              color: #a0a0b2;
+              transition: color 0.2s ease;
+
+              &:hover {
+                color: #4fb8ff;
+              }
+            }
+
+            .ant-breadcrumb-separator {
+              color: #3a3a4e;
+              margin: 0 8px;
+            }
+
+            span:last-child {
+              color: #ffffff;
+              font-weight: 500;
+            }
+
+            a {
+              color: #4fb8ff;
+              text-decoration: none;
+              transition: color 0.2s ease;
+
+              &:hover {
+                color: #3ced92;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .home-footer {
+      height: 48px;
+      background: #2c2c3e;
+      border-top: 1px solid #3a3a4e;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .footer-content {
+        color: #a0a0b2;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+  }
+}

package/light-chaser-app/src/pages/home/Home.tsx

@@ -0,0 +1,81 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {memo, Suspense, useState} from 'react';
+import './Home.less';
+import {Link, Outlet, useLocation} from 'react-router-dom';
+import {Breadcrumb} from "antd";
+import {HomeMenus} from "./menus/HomeMenus.tsx";
+import logo from '../../images/logo.png';
+import Loading from "light-chaser-ui/lib/loading/Loading.tsx";
+import routerConfig from '../../router/router.tsx';
+
+
+function parseRouter(paths: string[], routers: any[], result: { title: string, path: string }[]) {
+    if (!result)
+        result = [];
+    paths.forEach((path) => {
+        for (let i = 0; i < routers.length; i++) {
+            const router = routers[i];
+            if (router?.children)
+                parseRouter([path], router.children, result)
+            if (router?.path?.includes(path)) {
+                result.push({title: router.id, path: path});
+                break;
+            }
+        }
+    })
+    return result;
+}
+
+const Home = memo(() => {
+    const {pathname} = useLocation();
+    const path = pathname.split("/").filter((item) => item !== '');
+    const breadcrumb = parseRouter(path, routerConfig, []);
+    const [logoSrc, setLogoSrc] = useState('/static/logo/main-logo.png');
+
+    return (
+        <div className="lc-home">
+            <div className="home-left">
+                <div className="home-logo-container">
+                    <div className="home-logo"><img src={logoSrc} onError={() => setLogoSrc(logo)} alt={'logo'}/></div>
+                </div>
+                <div className={'lc-home-body-left'}><HomeMenus/></div>
+            </div>
+            <div className="home-right">
+                <div className="home-content">
+                    <div className="content-header">
+                        <div className="content-header-content">
+                            <Breadcrumb items={breadcrumb} itemRender={(currentRoute, params, items, paths) => {
+                                const isLast = currentRoute?.path === items[items.length - 1]?.path;
+                                return isLast ? (
+                                    <span>{currentRoute.title}</span>
+                                ) : (
+                                    <Link to={`/${paths.join('/')}`}>{currentRoute.title}</Link>
+                                );
+                            }}/>
+                        </div>
+                    </div>
+                    <Suspense fallback={<Loading/>}>
+                        <Outlet/>
+                    </Suspense>
+                </div>
+                <div className="home-footer">
+                    <div className="footer-content">©2023-2025 POWERED BY LIGHT CHASER PRO</div>
+                </div>
+            </div>
+        </div>
+    );
+})
+
+export default Home;
+
+