light-chaser-pro 1.0.0

package/light-chaser-app/src/pages/login/Login.less

@@ -0,0 +1,282 @@
+/*
+ * 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-login {
+  color: #a0a0b2;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: url('./bg.png') center/cover no-repeat;
+  overflow: hidden;
+  background-size: cover;
+  position: relative;
+
+  .lc-login-container {
+    z-index: 2;
+    width: 440px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
+    0 0 0 1px rgba(79, 184, 255, 0.1);
+    background: rgba(44, 44, 62, 0.95);
+    backdrop-filter: blur(10px);
+    border-radius: 12px;
+    padding: 48px 0 40px;
+    border: 1px solid rgba(79, 184, 255, 0.2);
+    transform: translateY(0);
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -2px;
+      left: -2px;
+      right: -2px;
+      bottom: -2px;
+      background: linear-gradient(45deg, transparent, transparent, rgba(79, 184, 255, 0.1), transparent, transparent);
+      z-index: -1;
+      animation: borderGlow 4s ease-in-out infinite;
+    }
+
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5),
+      0 0 0 1px rgba(79, 184, 255, 0.3);
+    }
+
+    .login-header {
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: 32px;
+      position: relative;
+
+      .header-logo {
+        display: flex;
+        align-items: center;
+        width: 80px;
+        height: 80px;
+        margin-bottom: 20px;
+        background: linear-gradient(145deg, #2c2c3e, #3a3a4e);
+        border-radius: 16px;
+        padding: 12px;
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+        border: 1px solid rgba(79, 184, 255, 0.2);
+        transition: all 0.3s ease;
+
+        &:hover {
+          transform: scale(1.05);
+          box-shadow: 0 6px 20px rgba(79, 184, 255, 0.3);
+        }
+
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+          filter: brightness(1.2) drop-shadow(0 0 8px rgba(79, 184, 255, 0.4));
+        }
+      }
+
+      .header-des {
+        margin-bottom: 0;
+        color: #ffffff;
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: 500;
+        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+        background: linear-gradient(135deg, #4fb8ff, #3ced92);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+      }
+    }
+
+    .login-body {
+      padding: 0 40px;
+
+      .login-item {
+        margin-bottom: 20px;
+        position: relative;
+
+        .ant-input-affix-wrapper {
+          background: rgba(44, 44, 62, 0.8);
+          border: 2px solid #3a3a4e;
+          border-radius: 8px;
+          transition: all 0.3s ease;
+          backdrop-filter: blur(5px);
+
+          input:-webkit-autofill,
+          input:-webkit-autofill:hover,
+          input:-webkit-autofill:focus,
+          input:-webkit-autofill:active {
+            -webkit-box-shadow: 0 0 0 1000px #2c2c3e inset !important; /* 背景颜色 */
+            -webkit-text-fill-color: #cfcfcf !important; /* 文本颜色 */
+            border: none !important;
+            outline: none !important;
+            box-shadow: 0 0 0 1000px #2c2c3e inset !important;
+          }
+
+          &:hover {
+            border-color: #4fb8ff;
+            box-shadow: 0 0 20px rgba(79, 184, 255, 0.3);
+            transform: translateY(-1px);
+
+          }
+
+          &:focus,
+          .ant-input-affix-wrapper-focused {
+            border-color: #4fb8ff;
+            box-shadow: 0 0 30px rgba(79, 184, 255, 0.4);
+            transform: translateY(-2px);
+          }
+
+          .ant-input-prefix {
+            margin-inline-end: 12px;
+            display: flex;
+            align-items: center;
+
+            img {
+              width: 20px;
+              height: 20px;
+              filter: brightness(1.2) drop-shadow(0 0 4px rgba(79, 184, 255, 0.3));
+              transition: all 0.3s ease;
+            }
+          }
+
+          &:hover .ant-input-prefix img {
+            filter: brightness(1.5) drop-shadow(0 0 8px rgba(79, 184, 255, 0.5));
+          }
+
+          .ant-input {
+            color: #ffffff;
+            font-size: 14px;
+            line-height: 20px;
+            background: transparent;
+
+            &::placeholder {
+              color: #a0a0b2;
+              font-size: 14px;
+              transition: all 0.3s ease;
+            }
+          }
+
+          &:hover .ant-input::placeholder {
+            color: #4fb8ff;
+          }
+
+          input {
+            transition: background-color 9999s ease-in-out 0s !important;
+          }
+
+
+        }
+
+        .ant-btn {
+          border-radius: 8px;
+          font-size: 16px;
+          font-weight: 600;
+          border: none;
+          background: linear-gradient(135deg, #4fb8ff, #3aa8ff);
+          box-shadow: 0 4px 16px rgba(79, 184, 255, 0.4);
+          transition: all 0.3s ease;
+          position: relative;
+          overflow: hidden;
+
+          &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: left 0.5s ease;
+          }
+
+          &:hover {
+            background: linear-gradient(135deg, #3aa8ff, #2c98ff);
+            box-shadow: 0 6px 24px rgba(79, 184, 255, 0.6);
+            transform: translateY(-2px);
+
+            &::before {
+              left: 100%;
+            }
+          }
+
+          &:active {
+            transform: translateY(0);
+            box-shadow: 0 2px 8px rgba(79, 184, 255, 0.3);
+          }
+        }
+      }
+
+      .service-terms {
+        text-align: center;
+        margin-top: 24px;
+        font-size: 12px;
+        line-height: 16px;
+        color: #a0a0b2;
+
+        span {
+          cursor: pointer;
+          color: #4fb8ff;
+          font-weight: 600;
+          transition: all 0.3s ease;
+          position: relative;
+
+          &::after {
+            content: '';
+            position: absolute;
+            bottom: -2px;
+            left: 0;
+            width: 0;
+            height: 1px;
+            background: linear-gradient(90deg, #4fb8ff, #3ced92);
+            transition: width 0.3s ease;
+          }
+
+          &:hover {
+            color: #3ced92;
+            text-shadow: 0 0 8px rgba(60, 237, 146, 0.4);
+
+            &::after {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes shimmer {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes borderGlow {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+}

package/light-chaser-app/src/pages/login/Login.tsx

@@ -0,0 +1,77 @@
+/*
+ * 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 './Login.less';
+import {useNavigate} from "react-router-dom";
+import {memo, useRef, useState} from "react";
+import FetchUtil from "../../util/FetchUtil.ts";
+import AuthTools, {IUserInfo} from "../../../../light-chaser-util/lib/AuthTools.ts";
+import {Button, Input} from 'antd';
+import logo from '../../images/login-logo.png';
+import user from '../../images/user.svg';
+import lock from '../../images/lock.svg';
+import ServiceTerms from "./ServiceTerms.tsx";
+import {HybridCryptoUtil} from "../../util/HybridCryptoUtil.ts";
+
+const Login = memo(() => {
+    const navigate = useNavigate();
+    const usernameRef = useRef("");
+    const passwordRef = useRef("");
+    const [logoSrc, setLogoSrc] = useState("/static/logo/logo.png")
+
+    const [serviceTerms, setServiceTerms] = useState(false);
+
+    const login = async () => {
+        const pwd = await HybridCryptoUtil.encryptRequest(passwordRef.current);
+        FetchUtil.post<IUserInfo>("/api/authenticate/login",
+            {username: usernameRef.current, password: pwd},
+        ).then(res => {
+            if (res !== null) {
+                AuthTools.setUserInfo(res, true);
+                navigate('/home/server');
+            }
+        })
+    }
+    console.log('ddd')
+
+    return (
+        <div className={'lc-login'}>
+            <div className={'lc-login-container'}>
+                <div className={'login-header'}>
+                    <div className={'header-logo'}><img src={logoSrc} onError={() => setLogoSrc(logo)} alt={'logo'}/></div>
+                    <p className={'header-des'}>快捷，高效的数据可视化设计工具</p>
+                </div>
+                <div className={'login-body'}>
+                    <div className={'login-item'}>
+                        <Input prefix={<img alt={'user'} src={user}/>} size={'large'}
+                               onChange={e => usernameRef.current = e.target.value}
+                               placeholder={'用户名'}
+                               defaultValue={usernameRef.current}/>
+                    </div>
+                    <div className={'login-item'}>
+                        <Input prefix={<img alt={'lock'} src={lock}/>} size={'large'}
+                               onChange={e => passwordRef.current = e.target.value}
+                               placeholder={'密码'}
+                               defaultValue={passwordRef.current}
+                               type={'password'}/>
+                    </div>
+                    <div className={'login-item'}><Button size={'large'} style={{width: '100%'}} type="primary"
+                                                          onClick={login}>登录</Button>
+                    </div>
+                    <div className="service-terms">点击[登录]表示已阅读并同意<span onClick={() => setServiceTerms(true)}>《服务条款》</span></div>
+                </div>
+            </div>
+            {serviceTerms && <ServiceTerms onClose={() => setServiceTerms(false)}/>}
+        </div>
+    );
+})
+
+export default Login;

package/light-chaser-app/src/pages/login/ServiceTerms.tsx

@@ -0,0 +1,118 @@
+/*
+ * 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 {Modal} from "antd";
+
+export default function ServiceTerms(props: { onClose: () => void }) {
+    return (
+        <Modal title={'LIGHT CHASER PRO数据可视化服务协议'} open={true} footer={null} width={800} onCancel={props.onClose}>
+            <div style={{height: 600, overflowY: 'auto', color: '#bcbcbc'}}>
+                <p>以下条款及协议是您与LIGHT CHASER RPO的软件开发者（以下简称“我们”）就使用LIGHT CHASER
+                    PRO数据可视化服务（以下简称“LCP服务”）的相关事项签订的协议。您通过盖章、网络页面点击确认或以其他方式选择接受本服务协议，包括但不限于未点击确认本服务协议而事实上使用了LCP服务，即表示您与我们已达成协议并同意接受本服务协议的全部约定内容。请您务必认真阅读本声明，在确认充分了解后并同意后使用服务。
+                </p>
+                <p>1. 定义</p>
+                <p>1.1．本协议中的“您”是指：所有使用LCP服务的主体（包括但不限于个人、团队、公司、组织等），或称“用户”。</p>
+                <p>1.2．LCP服务指由我们独立研发并拥有自主知识产权的软件服务产品。</p>
+                <p>2. 协议范围与确认</p>
+                <p>2.1．本协议有助于您了解我们为您提供的LCP服务内容及您使用该服务的权利和义务，请您仔细阅读本协议（特别是以粗体及/或下划线标注的内容）。</p>
+                <p>2.2．我们可根据国家法律法规变化及服务内容升级、业务发展等需要，不时地修改本协议，本协议一经修订，修订后的协议版本将替代修订前的协议版本，并通过适当的方式（如网站公告、站内信等）向所有用户公布。您应当及时关注和了解本协议的修订情况，若您在协议生效后继续使用LCP服务的，表示您接受变更后的协议。若您不同意变更修改后的协议内容，您有权停止使用相关服务；双方协商一致的，也可另行变更相关服务和对应协议内容。</p>
+                <p>2.3.如果您对本服务协议的条款有疑问的，请通过网站（http://www.lcdesigner.cn:9000）公布的联系方式进行询问，我们将向您解释条款内容。如果您不同意本服务协议的任意内容，或者无法准确理解我们对条款的解释，请不要进行后续操作。</p>
+                <p>3. 购买与使用</p>
+                <p>3.1.一旦您使用了LCP服务，即视为您认可该项服务标明之价格；您购买成功后，该项服务即时生效，我们将授予您LCP服务的使用权限。</p>
+                <p>3.2.收费费用标准：具体收费服务的标准以购买合同实际支付标价为准。</p>
+                <p>3.3.我们保留您未按照约定支付全部费用之前不向您提供相对应的服务和技术支持，或者终止服务和技术支持的权利。</p>
+                <p>3.4.您同意开通LCP服务的使用权限后，您已支付的购买LCP服务的服务费均不作退返。</p>
+                <p>3.5.服务到期后，您将无法继续使用LCP服务的相关服务。为避免影响您的正常使用，若您需要继续使用本协议提供的服务，请在服务到期日前提前续费；若因您未及时续费导致的后果及责任由您承担。</p>
+                <p>3.6.用户仅可通过授权license +
+                    账户（用户登陆名+密码）登录的方式使用LCP服务。我们根据用户使用的license和登录账户来确认使用LCP服务的用户身份。开通LCP服务使用权限的账户仅限于用户内部使用，用户不得将该license和账户以任何形式向任何第三方转让、出售、出租、出借等。</p>
+                <p>3.7.用户应妥善保管授权license和用户登录名、密码，并对其使用及其遗失自行承担责任。如license、用户登录名、密码遭到未获授权的使用或发生其他安全问题时，用户应立即通知我们，我们对因上述情形产生的遗失或损害不承担责任。</p>
+                <p>4. 权利义务</p>
+                <p>4.1.您的权利、义务</p>
+                <p>4.1.1.您同意遵守本服务协议以及服务展示页面的相关管理规范及流程。上述协议及规范等的内容可能会不时变更。如本服务协议的任何内容发生变动，我们应提前30天通过在网站（www.lcdesigner.cn:9000
+                    ）的适当版面公告的方式向您提示修改内容。如您不同意我们对本服务协议相关条款所做的修改，您有权停止使用LCP服务。如您继续使用LCP服务，则视为您接受我们对本服务协议相关条款所做的修改。
+                </p>
+                <p>4.1.2.您应按照本服务协议的约定支付相应服务费用。</p>
+                <p>4.1.3.您使用LCP服务进行存储、编辑、计算的信息、数据应为符合国家规定的合法数据。</p>
+                <p>4.1.4.您不得修改、翻译、改编、出租、在信息网络上传播或转让乙方提供的软件，也不得逆向工程、反编译或试图以其他方式发现乙方提供的软件的源代码。</p>
+                <p>4.1.5.您保证并承诺不利用我们提供的服务上传、下载、储存、发布违反法律法规、部门规章或国家政策的内容，不为他人发布该等信息提供任何便利。</p>
+                <p>4.1.6.您保证并承诺不进行任何破坏或试图破坏网络安全的行为（包括但不限于黑客，网络诈骗，网站或空间中含有或涉嫌散播：病毒、木马、恶意代码，及通过虚拟服务器对其他网站、服务器进行涉嫌攻击行为如扫描、嗅探、ARP欺骗、DOS等）。</p>
+                <p>4.1.7.您在LCP服务中上传、运行的数据及程序，不得包括并禁止任何直接或间接含有下列之目的功能或组件：</p>
+                <p>4.1.7.1.避开或试图避开LCP服务及我们所提供的系统防御工具；</p>
+                <p>4.1.7.2.含有可能对LCP服务产生不良影响的任何病毒或破坏性数据或程序；</p>
+                <p>4.1.7.3.以任何方式干扰或试图干扰LCP服务任何部分或功能的正常运行。</p>
+                <p>4.1.8.我们有权审查您的使用行为是否违反上述服务协议，如发现您违反上述条款的约定，我们有权采取包括但不限于立即删除相应信息、中止服务、终止服务等措施。如因您违反上述承诺而给我们造成损失的，您还应自行承担一切法律责任并赔偿损失。</p>
+                <p>4.1.9.您不应在LCP服务之上安装、使用盗版软件；您对自己行为（如自行安装的软件和进行的操作）所引起的结果承担全部责任。</p>
+                <p>4.1.10.您对自己存放在我们平台上的数据以及进入和管理我们平台上各类产品与服务的口令、密码的完整性和保密性负责。因您维护不当、保密不当或操作不当致使上述数据、密码等丢失或泄漏所引起的一切损失和后果均由您自行承担。</p>
+                <p>4.1.11.您须依照《互联网信息服务管理办法》、《互联网电子公告服务管理规定》等法律法规的规定保留自己网站的访问日志记录，包括发布的信息内容及其发布时间、互联网地址（IP）、域名等，国家有关机关依法查询时应配合提供。您自行承担未按规定保留相关记录而引起的全部法律责任。</p>
+                <p>4.1.12.您应自行备份存储于我们LCP服务中的数据，我们不负责数据备份。</p>
+                <p>4.1.13.为保证您对LCP服务的正常使用，您应仔细阅读我们就LCP服务在网站（https://xiaopujun.github.io/light-chaser-doc） 上的服务说明，依照相关操作指引进行操作。</p>
+                <p>4.1.14.您应自行上传需要使用我们LCP服务处理的相关数据。因您的原因致使数据在上传过程中出现的泄漏、丢失等任何风险，均由您自行承担责任。</p>
+                <p>4.2.我们的权利、义务</p>
+                <p>4.2.1.我们应按照本服务协议的约定及产品页面的服务标准，为您提供服务。</p>
+                <p>4.2.2.我们应按照本服务协议的约定，为您开通LCP服务的使用权限。</p>
+                <p>4.2.3.服务期限内我们将为您提供如下客户服务：我们为付费用户提供法定工作日内的售后故障服务，并为付费用户提供有效的联系方式并保证付费用户能够联系到故障联系人。故障联系人在明确故障后及时进行反馈。</p>
+                <p>4.2.4.我们提供本服务协议规定的技术支持，但不承担因您的原因（包括但不限于代码质量，人为管理疏漏，自身安全管理等）和/或不可抗力以及我们控制范围之外的事项引起的故障，造成的影响和损失。</p>
+                <p>5. 用户数据的保存、披露与删除</p>
+                <p>5.1.您的用户数据将在下述情况下部分或全部被披露：</p>
+                <p>5.1.1.经您同意，向第三方披露；</p>
+                <p>5.1.2.根据有管辖权的法律法规、监管机构、司法机构或仲裁机构要求，向第三方或者行政、司法机构披露；</p>
+                <p>5.1.3.如果您出现违反中国有关法律法规的情况，需要向第三方披露；</p>
+                <p>5.1.4.为提供您所要求的软件或服务，而必须和第三方分享您的数据；</p>
+                <p>6. 知识产权</p>
+                <p>6.1.您应保证上传到LCP服务的内容、对LCP服务的使用及使用LCP服务所产生的成果未侵犯任何第三方的合法权益。如有第三方基于侵犯版权、侵犯第三人之权益等原因而向我们提起索赔、诉讼,
+                    您应自行处理上述索赔、诉讼事宜。如因您的行为造成我们损失的，您应赔偿我们因此承担的费用或损失。</p>
+                <p>6.2.如果第三方机构提出我们所提供的服务成果有侵权行为，则您应在知情后通知我们，向我们提供相关信息，并允许我们控制辩护与和解（包括减损措施），并在此过程中合理配合。</p>
+                <p>6.3.本服务协议签订前已经存在的设计方案图纸、各种说明书、测试数据资料、计算机软件、技术诀窍以及其他技术文档，其知识产权归属原权利人所有。除原权利人明示同意外，您无权复制、传播、转让、许可或提供他人使用上述资源，否则应承担相应的责任。</p>
+                <p>7. 保密</p>
+                <p>7.1.保密资料指由一方向另一方披露的所有技术及非技术信息(包括但不限于前述知识产权信息、技术资料、技术诀窍、业务经营信息、产品资料、产品计划、价格、客户信息、客户数据、技术说明、设计、特殊公式、算法等)。</p>
+                <p>7.2.本服务协议任何一方不得对外披露已获悉的对方的保密资料，并严格限制接触上述保密信息的员工遵守保密义务。</p>
+                <p>7.3.双方明确认可各自用户信息和业务数据等是各自的重要资产及重点保密信息。本服务协议双方同意尽最大的努力保护上述保密信息等不被披露。一旦发现有上述保密信息泄露事件，双方应合作采取一切合理措施避免或者减轻损害后果的产生。</p>
+                <p>7.4.在下列情形下，披露保密信息的一方不承担法律责任：</p>
+                <p>7.4.1.该等披露是根据有管辖权的法律法规、监管机构、司法机构或仲裁机构要求所作出的；</p>
+                <p>7.4.2.此信息由一方非基于保密义务获得且不知晓提供此信息的第三方对本合同另一方负有保密义务；</p>
+                <p>7.4.3.在没有保密义务的情况下，披露信息的一方在另一方向其提供之前就已获知的信息；</p>
+                <p>7.4.4.保密信息已进入公众领域，且这不是披露信息的一方之违约结果；</p>
+                <p>7.4.5.经另一方事先批准披露的信息。</p>
+                <p>7.5.保密期限不受本合同期限的限制，也不因本合同的变更、中止、解除而丧失对双方的约束力。在本合同履行完毕后两年内，保密信息接受方仍应承担保密义务。</p>
+                <p>8. 违约责任</p>
+                <p>8.1.除本服务协议另有约定外，双方任何一方不履行本服务协议义务或者履行本服务协议义务不符合约定的，均视为违约，违约方应当承担继续履行、采取补救措施或者赔偿损失等违约责任。</p>
+                <p>8.2.下述情形不属于我们违约：</p>
+                <p>8.2.1.我们在进行服务器配置、升级、维护时，短时间中断服务的行为；</p>
+                <p>8.2.2.由于互联网通路阻塞造成的网站访问速度下降。</p>
+                <p>8.3.在法律所允许的最大程度下，对任何一方可能在本服务协议项下所导致的间接的，特定的，偶发的，惩罚性的，超过实际损失的或后果性的损失(包括但不限于购买保险的支出，利润损失，数据丢失，业务损失，商誉损失或收入损失)
+                    ，另一方将不负责赔偿（无论基于何种法律理论，包括但不限于合同，疏忽，严格侵权责任或任何形式的保证），即使另一方已被告知存在导致此类损失可能性。</p>
+                <p>8.4.在任何情况下，我们对本服务协议所承担的违约赔偿责任总额不超过向您收取的该违约行为所对应的LCP服务之服务费总额。</p>
+                <p>9. 不可抗力</p>
+                <p>9.1.不可抗力是指本合同各方由于地震、台风、水灾、火灾、瘟疫流行、战争、网络主干线路中断、黑客攻击、病毒侵袭、网路堵塞、电信部门技术调整和政府管制以及其它不能预见、且对其发生和后果不能防止或不能避免且不可克服的客观情况。</p>
+                <p>9.2.因不可抗力或者其他意外事件，使得本服务协议的履行不可能、不必要或者无意义的，遭受不可抗力、意外事件的一方不承担责任。</p>
+                <p>9.3.一方迟延履行本合同义务后发生不可抗力的，不能免除责任。</p>
+                <p>10. 期限与终止</p>
+                <p>10.1.我们LCP服务自您开通服务之日起即可使用，至法律规定或本服务协议约定的终止情形出现之时终止。</p>
+                <p>10.2.发生下列情形，LCP服务终止：</p>
+                <p>10.2.1.双方协商一致终止；</p>
+                <p>10.2.2.您不再使用LCP服务而终止；</p>
+                <p>10.3.我们由于自身经营政策的变动，可提前30天通过发布公告、在网站内合适版面发通知或给您发站内通知、书面通知的方式，终止本服务协议项下的服务。</p>
+                <p>10.4.如果您严重违反本服务协议，我们有权按本服务协议的相关约定单方面终止服务，并不退还您已经支付的费用（如有）：</p>
+                <p>10.4.1.您未按照本服务协议的约定履行付款义务；</p>
+                <p>10.4.2.您严重违反本服务协议中所做的承诺；</p>
+                <p>10.4.3.您严重违反法律规定等。</p>
+                <p>11. 法律适用及争议解决</p>
+                <p>11.1.本服务协议的成立、有效性、解释、履行及由此产生的争议的解决，均受中华人民共和国法律管辖。</p>
+                <p>11.2.在执行本服务协议过程中如发生纠纷，双方应本着友好合作的态度协商解决；如协商不成，任何一方有权向被告所在地有管辖权的法院提起诉讼。</p>
+                <p>12. 附则</p>
+                <p>12.1.我们在网站（http://www.lcdesigner.cn:9000）相关页面上的服务说明、价格说明和您确认同意的订购页面是本服务协议不可分割的一部分,如果我们在网站（http://www.lcdesigner.cn:9000）相关页面上的服务说明、价格说明和您确认同意的订购页面与本服务协议有不一致之处，以本服务协议为准。</p>
+                <p>12.2.本服务协议的知识产权条款（第5条）、保密条款（第6条）、违约责任（第7条）、法律适用及争议解决条款（第10条）在本服务协议终止或被解除后继续有效。</p>
+                <p>12.3.本服务协议项下，我们对您的所有通知均可通过网站内通知、手机短信等任一方式进行；该等通知于发送之日即视为已送达收件人。</p>
+                <p>12.4.本协议的标题仅为 方便阅读所设，非对条款的定义、限制、解释或描述其范围或界限。</p>
+            </div>
+        </Modal>
+    )
+}

package/light-chaser-app/src/pages/preview/DesignerViewPage.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 DesignerView from "../../designer/view/DesignerView.tsx";
+
+export default function DesignerViewPage() {
+    const {id} = URLUtil.parseUrlParams();
+    return <DesignerView id={id}/>
+}

package/light-chaser-app/src/pages/release/DesignerReleasePage.tsx

@@ -0,0 +1,19 @@
+/*
+ * 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 {useParams} from "react-router-dom";
+import DesignerRelease from "../../designer/release/DesignerRelease.tsx";
+import Base64Util from "light-chaser-util/lib/Base64Util.ts";
+
+export default function DesignerReleasePage() {
+    const params = useParams();
+    return <DesignerRelease id={Base64Util.fromBase64(params.id as string)}/>
+}

package/light-chaser-app/src/pages/result/Error.tsx

@@ -0,0 +1,24 @@
+/*
+ * 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 {useNavigate} from "react-router-dom";
+import {Button, Result} from "antd";
+
+export default function Error() {
+    const navigate = useNavigate();
+    return (
+        <Result
+            status="500"
+            subTitle="服务器错误，请联系管理员"
+            extra={<Button type="primary" onClick={() => navigate('/home/server')}>返回首页</Button>}
+        />
+    );
+}

package/light-chaser-app/src/pages/result/NoAuth.tsx

@@ -0,0 +1,24 @@
+/*
+ * 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 {Button, Result} from "antd";
+import {useNavigate} from "react-router-dom";
+
+export default function NoAuth() {
+    const navigate = useNavigate();
+    return (
+        <Result
+            status="403"
+            subTitle="没有权限访问此页面，请联系管理员申请权限。"
+            extra={<Button type="primary" onClick={() => navigate('/home/server')}>返回首页</Button>}
+        />
+    );
+}

package/light-chaser-app/src/pages/result/NotFound.tsx

@@ -0,0 +1,24 @@
+/*
+ * 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 {useNavigate} from "react-router-dom";
+import {Button, Result} from "antd";
+
+export default function NotFound() {
+    const navigate = useNavigate();
+    return (
+        <Result
+            status="404"
+            subTitle="找不到页面"
+            extra={<Button type="primary" onClick={() => navigate('/home/server')}>返回首页</Button>}
+        />
+    );
+}