pcm-agents 0.3.0 → 0.3.2

package/dist/components/pcm-mnms-modal.js

@@ -1,8 +1,10 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-CgDy4pJp.js';
-import { d as defineCustomElement$3 } from './p-C4l_DOnx.js';
-import { d as defineCustomElement$2 } from './p-D0s1Q-3O.js';
+import { p as proxyCustomElement, H, c as createEvent, u as uploadFileToBackend, a as sendHttpRequest, h } from './index.js';
+import { d as defineCustomElement$3 } from './p-BctfuDvG.js';
+import { d as defineCustomElement$2 } from './p-LkDC0SN2.js';
 
-const pcmMnmsModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:500px;display:flex;flex-direction:column;position:relative;margin:auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.pc-layout{width:80%;max-width:500px;min-width:320px}.mobile-layout{width:100%;height:100%;border-radius:0}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin-top:40px;height:calc(100% - 40px);max-height:calc(100% - 40px);border-radius:16px 16px 0 0}.modal-container.mobile-layout{width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-container{padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;height:calc(100% - 60px);transition:opacity 0.5s ease-out}.upload-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333}.upload-area{border:2px dashed #ddd;border-radius:8px;width:100%;max-width:400px;cursor:pointer;transition:all 0.3s ease;margin-bottom:20px}.upload-area:hover{border-color:#1890ff;background-color:rgba(24, 144, 255, 0.05)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;color:#666}.upload-hint{font-size:0.8rem;color:#999;margin-top:0.5rem}.file-info{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px}.file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px)}.remove-file{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.submit-button{margin-top:10px;padding:10px 30px;background:#1890ff;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.file-input{display:none}.transitioning{position:relative;overflow:hidden}.fade-out{opacity:0.7;transition:opacity 0.5s ease-out}.transition-container{margin-top:20px;width:100%}.progress-bar{width:100%;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background-color:#4285f4;transition:width 0.3s ease-out}.upload-container.fade-out{opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease, transform 0.3s ease}.chat-modal-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.modal-container{position:relative;overflow:hidden}";
+const pcmMnmsModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:500px;display:flex;flex-direction:column;position:relative;margin:auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.pc-layout{width:80%;max-width:500px;min-width:320px}.mobile-layout{width:100%;height:100%;border-radius:0}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin-top:40px;height:calc(100% - 40px);max-height:calc(100% - 40px);border-radius:16px 16px 0 0}.modal-container.mobile-layout{width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-container{padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;height:calc(100% - 60px);transition:opacity 0.5s ease-out}.upload-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333}.submit-button{max-width:400px}.file-input{display:none}.transitioning{position:relative;overflow:hidden}.fade-out{opacity:0.7;transition:opacity 0.5s ease-out}.transition-container{margin-top:20px;width:100%}.progress-bar{width:100%;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background-color:#4285f4;transition:width 0.3s ease-out}.upload-container.fade-out{opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease, transform 0.3s ease}.chat-modal-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.modal-container{position:relative;overflow:hidden}";
+
+const globalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7)}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.pc-layout{width:80%;max-width:500px;min-width:320px}.mobile-layout{width:100%;height:100%;border-radius:0}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin-top:40px;height:calc(100% - 40px);max-height:calc(100% - 40px);border-radius:16px 16px 0 0}.modal-container.mobile-layout{width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-area{border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all 0.3s ease;margin-bottom:20px;width:100%}.upload-area:hover{border-color:#1890ff;background-color:rgba(24, 144, 255, 0.05)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;color:#666}.upload-placeholder svg{color:#1890ff;margin-bottom:8px}.upload-placeholder p{margin:4px 0}.upload-hint{font-size:0.8rem;color:#999;margin-top:0.5rem}.file-info{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px}.file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px)}.remove-file{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:100%;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column;align-items:center}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333;align-self:flex-start}.submit-button{margin-top:10px;padding:10px 30px;background:#1890ff;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center;}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.chat-modal-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}";
 
 const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
     constructor() {
@@ -14,15 +16,16 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
         this.streamComplete = createEvent(this, "streamComplete");
         this.conversationStart = createEvent(this, "conversationStart");
         this.interviewComplete = createEvent(this, "interviewComplete");
+        this.apiKeyInvalid = createEvent(this, "apiKeyInvalid");
     }
     /**
      * 模态框标题
      */
-    modalTitle = '在线客服';
+    modalTitle = '模拟面试';
     /**
      * API鉴权密钥
      */
-    apiKey = '';
+    token = '';
     /**
      * 是否显示聊天模态框
      */
@@ -48,7 +51,7 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
      */
     isNeedClose = true;
     /**
-     * 会话ID
+     * 会话ID，传入继续对话，否则创建新会话
      */
     conversationId;
     /**
@@ -56,15 +59,11 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
      */
     defaultQuery = '';
     /**
-     * 是否以全屏模式打开
+     * 是否以全屏模式打开，移动端建议设置为true
      */
     fullscreen = false;
     /**
-     * 是否为移动端布局
-     */
-    isMobile = false;
-    /**
-     * 自定义输入参数
+     * 自定义输入参数，传入job_info时，会隐藏JD输入区域
      */
     customInputs = {};
     /**
@@ -83,6 +82,10 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
      * 当聊天完成时触发
      */
     interviewComplete;
+    /**
+     * API密钥验证失败事件
+     */
+    apiKeyInvalid;
     selectedFile = null;
     isUploading = false;
     uploadedFileInfo = null;
@@ -91,6 +94,8 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
     isTransitioning = false;
     transitionTimer = null;
     get hostElement() { return this; }
+    jobDescription = '';
+    isSubmitting = false;
     handleClose = () => {
         this.isOpen = false;
         this.modalClosed.emit();
@@ -118,29 +123,12 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
             return;
         this.isUploading = true;
         try {
-            const formData = new FormData();
-            formData.append('file', this.selectedFile);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
+            // 使用 uploadFileToBackend 工具函数上传文件
+            const result = await uploadFileToBackend(this.selectedFile, {
+                'authorization': 'Bearer ' + this.token
             });
-            const result = await response.json();
-            if (!response.ok) {
-                throw new Error(result.message || '文件上传失败');
-            }
-            if (result) {
-                this.uploadedFileInfo = {
-                    cos_key: result.cos_key,
-                    filename: result.filename,
-                    ext: result.ext,
-                    presigned_url: result.presigned_url
-                };
-                // 触发上传成功事件
-                this.uploadSuccess.emit(this.uploadedFileInfo);
-            }
+            this.uploadedFileInfo = result;
+            this.uploadSuccess.emit(result);
         }
         catch (error) {
             console.error('文件上传错误:', error);
@@ -151,39 +139,73 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
             this.isUploading = false;
         }
     }
+    handleJobDescriptionChange = (event) => {
+        const textarea = event.target;
+        this.jobDescription = textarea.value;
+    };
     handleStartInterview = async () => {
         if (!this.selectedFile) {
             alert('请上传简历');
             return;
         }
-        // 如果还没上传，先上传文件
-        if (!this.uploadedFileInfo) {
-            await this.uploadFile();
+        // 如果没有预设的job_info，则需要检查用户输入
+        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {
+            alert('请输入职位描述');
+            return;
+        }
+        this.isSubmitting = true;
+        try {
+            // 如果还没上传，先上传文件
             if (!this.uploadedFileInfo) {
-                return; // 上传失败
+                await this.uploadFile();
+                if (!this.uploadedFileInfo) {
+                    this.isSubmitting = false;
+                    return; // 上传失败
+                }
             }
+            // 使用预设的job_info或用户输入的jobDescription
+            const jobInfo = this.customInputs?.job_info || this.jobDescription;
+            console.log('传递的customInputs:', {
+                ...this.customInputs,
+                file_url: this.uploadedFileInfo.cos_key,
+                job_info: jobInfo
+            });
+            // 直接显示聊天模态框
+            this.showChatModal = true;
+        }
+        catch (error) {
+            console.error('开始面试时出错:', error);
+            alert('开始面试时出错，请重试');
+        }
+        finally {
+            this.isSubmitting = false;
         }
-        console.log('传递的customInputs:', {
-            ...this.customInputs,
-            file_url: this.uploadedFileInfo.cos_key
-        });
-        // 直接显示聊天模态框，不使用过渡动画
-        this.showChatModal = true;
     };
     handleIsOpenChange(newValue) {
         if (!newValue) {
             // 重置状态
             this.clearSelectedFile();
             this.showChatModal = false;
+            this.jobDescription = '';
             // 清除可能存在的计时器
             if (this.transitionTimer) {
                 clearTimeout(this.transitionTimer);
                 this.transitionTimer = null;
             }
         }
-        else if (this.conversationId) {
-            // 如果有会话ID，直接显示聊天模态框
-            this.showChatModal = true;
+        else {
+            // 当模态框打开时，验证API密钥
+            this.verifyApiKey();
+            if (this.conversationId) {
+                // 如果有会话ID，直接显示聊天模态框
+                this.showChatModal = true;
+            }
+        }
+    }
+    componentWillLoad() {
+        // 检查 customInputs 中是否有 job_info
+        if (this.customInputs && this.customInputs.job_info) {
+            this.jobDescription = this.customInputs.job_info;
         }
     }
     // 处理流式输出完成事件
@@ -199,6 +221,33 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
     handleInterviewComplete = (event) => {
         this.interviewComplete.emit(event.detail);
     };
+    /**
+     * 验证API密钥
+     */
+    async verifyApiKey() {
+        if (!this.token) {
+            this.apiKeyInvalid.emit();
+            return;
+        }
+        try {
+            const response = await sendHttpRequest({
+                url: '/sdk/v1/user',
+                method: 'GET',
+                headers: {
+                    'Authorization': `Bearer ${this.token}`
+                }
+            });
+            if (!response.success) {
+                throw new Error(response.message || 'API密钥验证失败');
+            }
+            // 验证成功，继续正常流程
+        }
+        catch (error) {
+            console.error('API密钥验证错误:', error);
+            // 通知父组件API密钥无效
+            this.apiKeyInvalid.emit();
+        }
+    }
     render() {
         if (!this.isOpen)
             return null;
@@ -209,8 +258,7 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
         const containerClass = {
             'modal-container': true,
             'fullscreen': this.fullscreen,
-            'pc-layout': !this.isMobile,
-            'mobile-layout': this.isMobile
+            'pc-layout': true,
         };
         const overlayClass = {
             'modal-overlay': true,
@@ -220,21 +268,24 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
         if (this.conversationId && !this.showChatModal) {
             this.showChatModal = true;
         }
-        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon", alt: "\u5E94\u7528\u56FE\u6807" }), h("div", null, this.modalTitle)), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), !this.showChatModal && !this.conversationId && (h("div", { class: "upload-container" }, h("h3", null, "\u5F00\u59CB\u524D\uFF0C\u8BF7\u4E0A\u4F20\u60A8\u7684\u7B80\u5386"), h("div", { class: "upload-area", onClick: this.handleUploadClick }, this.selectedFile ? (h("div", { class: "file-info" }, h("span", null, this.selectedFile.name), h("button", { class: "remove-file", onClick: (e) => {
+        // 修正这里的逻辑，确保当 customInputs.job_info 存在时，hideJdInput 为 true
+        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);
+        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon", alt: "\u5E94\u7528\u56FE\u6807" }), h("div", null, this.modalTitle)), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), !this.showChatModal && !this.conversationId && (h("div", { class: "input-container" }, !hideJdInput && (h("div", { class: "jd-input-section" }, h("label", { htmlFor: "job-description" }, "\u8BF7\u8F93\u5165\u804C\u4F4D\u63CF\u8FF0 (JD)"), h("textarea", { id: "job-description", class: "job-description-textarea", placeholder: "\u8BF7\u8F93\u5165\u804C\u4F4D\u63CF\u8FF0\uFF0C\u5305\u62EC\u804C\u8D23\u3001\u8981\u6C42\u7B49\u4FE1\u606F...", rows: 6, value: this.jobDescription, onInput: this.handleJobDescriptionChange }))), h("div", { class: "resume-upload-section" }, h("label", null, "\u4E0A\u4F20\u7B80\u5386"), h("div", { class: "upload-area", onClick: this.handleUploadClick }, this.selectedFile ? (h("div", { class: "file-info" }, h("span", null, this.selectedFile.name), h("button", { class: "remove-file", onClick: (e) => {
                 e.stopPropagation();
                 this.clearSelectedFile();
-            } }, "\u00D7"))) : (h("div", { class: "upload-placeholder" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", width: "48", height: "48" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M12 4v16m0-16l-4 4m4-4l4 4" })), h("p", null, "\u70B9\u51FB\u4E0A\u4F20\u7B80\u5386"), h("p", { class: "upload-hint" }, "\u652F\u6301 txt\u3001 markdown\u3001 pdf\u3001 docx\u3001 md \u683C\u5F0F")))), h("button", { class: "submit-button", disabled: !this.selectedFile || this.isUploading, onClick: this.handleStartInterview }, this.isUploading ? '上传中...' : '开始面试'), h("input", { type: "file", class: "file-input", onChange: this.handleFileChange, accept: ".pdf,.doc,.docx,.txt,.md" }))), this.showChatModal && (h("div", { class: "chat-modal-container" }, h("pcm-app-chat-modal", { isOpen: true, modalTitle: this.modalTitle, icon: this.icon, apiKey: this.apiKey, isShowHeader: this.isShowHeader, isNeedClose: this.isShowHeader, zIndex: this.zIndex, fullscreen: this.fullscreen, conversationId: this.conversationId, defaultQuery: this.defaultQuery, enableVoice: false, customInputs: this.conversationId ? undefined : {
+            } }, "\u00D7"))) : (h("div", { class: "upload-placeholder" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", width: "48", height: "48" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M12 4v16m0-16l-4 4m4-4l4 4" })), h("p", null, "\u70B9\u51FB\u4E0A\u4F20\u7B80\u5386"), h("p", { class: "upload-hint" }, "\u652F\u6301 txt\u3001markdown\u3001pdf\u3001docx\u3001md \u683C\u5F0F"))))), h("button", { class: "submit-button", disabled: !this.selectedFile || (!hideJdInput && !this.jobDescription.trim()) || this.isUploading || this.isSubmitting, onClick: this.handleStartInterview }, this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始分析'), h("input", { type: "file", class: "file-input", onChange: this.handleFileChange, accept: ".pdf,.doc,.docx,.txt,.md" }))), this.showChatModal && (h("div", { class: "chat-modal-container" }, h("pcm-app-chat-modal", { isOpen: true, modalTitle: this.modalTitle, icon: this.icon, token: this.token, isShowHeader: this.isShowHeader, isNeedClose: this.isShowHeader, zIndex: this.zIndex, fullscreen: this.fullscreen, botId: "3022316191018884", conversationId: this.conversationId, defaultQuery: this.defaultQuery, enableVoice: false, customInputs: this.conversationId ? undefined : {
                 ...this.customInputs,
-                file_url: this.uploadedFileInfo?.cos_key
+                file_url: this.uploadedFileInfo?.cos_key,
+                job_info: this.customInputs?.job_info || this.jobDescription
             }, interviewMode: "text", onModalClosed: this.handleClose, onStreamComplete: this.handleStreamComplete, onConversationStart: this.handleConversationStart, onInterviewComplete: this.handleInterviewComplete }))))));
     }
     static get watchers() { return {
         "isOpen": ["handleIsOpenChange"]
     }; }
-    static get style() { return pcmMnmsModalCss; }
+    static get style() { return pcmMnmsModalCss + globalCss; }
 }, [1, "pcm-mnms-modal", {
         "modalTitle": [1, "modal-title"],
-        "apiKey": [1, "api-key"],
+        "token": [1],
         "isOpen": [1028, "is-open"],
         "icon": [1],
         "zIndex": [2, "z-index"],
@@ -243,14 +294,15 @@ const MnmsModal = /*@__PURE__*/ proxyCustomElement(class MnmsModal extends H {
         "conversationId": [1025, "conversation-id"],
         "defaultQuery": [1, "default-query"],
         "fullscreen": [4],
-        "isMobile": [4, "is-mobile"],
         "customInputs": [16],
         "selectedFile": [32],
         "isUploading": [32],
         "uploadedFileInfo": [32],
         "showChatModal": [32],
         "isTransitioning": [32],
-        "transitionTimer": [32]
+        "transitionTimer": [32],
+        "jobDescription": [32],
+        "isSubmitting": [32]
     }, undefined, {
         "isOpen": ["handleIsOpenChange"]
     }]);

package/dist/components/pcm-mnms-modal.js.map

@@ -1 +1 @@
-{"file":"pcm-mnms-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-mnms-modal/pcm-mnms-modal.css?tag=pcm-mnms-modal&encapsulation=shadow","src/components/pcm-mnms-modal/pcm-mnms-modal.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n}\r\n\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: auto;\r\n  transition: all 0.3s ease-out;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100vw;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n  width: 80%;\r\n  max-width: 500px;\r\n  min-width: 320px;\r\n}\r\n\r\n/* 移动端布局 */\r\n.mobile-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 0;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 支持 iOS Safari */\r\n    height: -webkit-fill-available;\r\n    max-height: -webkit-fill-available;\r\n    /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n     margin-top: 40px;\r\n     height: calc(100% - 40px);\r\n     max-height: calc(100% - 40px);\r\n     border-radius: 16px 16px 0 0;\r\n  }\r\n\r\n  .modal-container.mobile-layout {\r\n    width: 100%;\r\n    height: 100vh;\r\n    max-height: 100vh;\r\n    min-height: 100vh;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 4px 16px;\r\n  height: 50px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  flex-shrink: 0; /* 防止头部被压缩 */\r\n}\r\n\r\n.header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.header-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.close-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n  color: #666;\r\n}\r\n\r\n.upload-container {\r\n  padding: 30px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  height: calc(100% - 60px); /* 减去header高度 */\r\n  transition: opacity 0.5s ease-out;\r\n}\r\n\r\n.upload-container h3 {\r\n  margin-top: 0;\r\n  margin-bottom: 20px;\r\n  font-size: 18px;\r\n  color: #333;\r\n}\r\n\r\n.upload-area {\r\n  border: 2px dashed #ddd;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.upload-area:hover {\r\n  border-color: #1890ff;\r\n  background-color: rgba(24, 144, 255, 0.05);\r\n}\r\n\r\n.upload-placeholder {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #666;\r\n}\r\n\r\n.upload-hint {\r\n  font-size: 0.8rem;\r\n  color: #999;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.file-info {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px;\r\n  background: #f9f9f9;\r\n  border: 1px solid #e8e8e8;\r\n  border-radius: 4px;\r\n}\r\n\r\n.file-info span {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  max-width: calc(100% - 30px);\r\n}\r\n\r\n.remove-file {\r\n  background: transparent;\r\n  border: none;\r\n  color: #999;\r\n  cursor: pointer;\r\n  padding: 4px 8px;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n  background-color: #f0f0f0;\r\n  color: #666;\r\n}\r\n\r\n.submit-button {\r\n  margin-top: 10px;\r\n  padding: 10px 30px;\r\n  background: #1890ff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.submit-button:disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.submit-button:hover:not(:disabled) {\r\n  background: #40a9ff;\r\n}\r\n\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n.transitioning {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fade-out {\r\n  opacity: 0.7;\r\n  transition: opacity 0.5s ease-out;\r\n}\r\n\r\n.transition-container {\r\n  margin-top: 20px;\r\n  width: 100%;\r\n}\r\n\r\n.progress-bar {\r\n  width: 100%;\r\n  height: 6px;\r\n  background-color: #f0f0f0;\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.progress-fill {\r\n  height: 100%;\r\n  background-color: #4285f4;\r\n  transition: width 0.3s ease-out;\r\n}\r\n\r\n/* 淡出动画 */\r\n.upload-container.fade-out {\r\n  opacity: 0;\r\n  transform: translateY(-20px);\r\n  transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n/* 淡入动画 */\r\n.chat-modal-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* 确保容器有相对定位，以便绝对定位的子元素能够正确定位 */\r\n.modal-container {\r\n  position: relative;\r\n  overflow: hidden;\r\n} ","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'pcm-mnms-modal',\r\n    styleUrl: 'pcm-mnms-modal.css',\r\n    shadow: true,\r\n})\r\nexport class MnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '在线客服';\r\n\r\n    /**\r\n     * API鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'api-key' }) apiKey: string = '';\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '';\r\n\r\n    /**\r\n     * 是否以全屏模式打开\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 是否为移动端布局\r\n     */\r\n    @Prop() isMobile: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数\r\n     */\r\n    @Prop() customInputs: { [key: string]: any } = {};\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<{\r\n        cos_key: string;\r\n        filename: string;\r\n        ext: string;\r\n        presigned_url: string;\r\n    }>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<{\r\n        conversation_id: string;\r\n        total_questions: number;\r\n    }>;\r\n\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: { cos_key: string, filename: string, ext: string, presigned_url: string } | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 添加新的状态来控制过渡动画\r\n    @State() isTransitioning: boolean = false;\r\n    @State() transitionTimer: any = null;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    private handleClose = () => {\r\n        this.isOpen = false;\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleFileChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        if (input.files && input.files.length > 0) {\r\n            this.selectedFile = input.files[0];\r\n        }\r\n    };\r\n\r\n    private handleUploadClick = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        this.selectedFile = null;\r\n        this.uploadedFileInfo = null;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile() {\r\n        if (!this.selectedFile) return;\r\n\r\n        this.isUploading = true;\r\n\r\n        try {\r\n            const formData = new FormData();\r\n            formData.append('file', this.selectedFile);\r\n\r\n            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'authorization': 'Bearer ' + this.apiKey\r\n                },\r\n                body: formData\r\n            });\r\n\r\n            const result = await response.json();\r\n            if (!response.ok) {\r\n                throw new Error(result.message || '文件上传失败');\r\n            }\r\n\r\n            if (result) {\r\n                this.uploadedFileInfo = {\r\n                    cos_key: result.cos_key,\r\n                    filename: result.filename,\r\n                    ext: result.ext,\r\n                    presigned_url: result.presigned_url\r\n                };\r\n\r\n                // 触发上传成功事件\r\n                this.uploadSuccess.emit(this.uploadedFileInfo);\r\n            }\r\n        } catch (error) {\r\n            console.error('文件上传错误:', error);\r\n            this.clearSelectedFile();\r\n            alert(error instanceof Error ? error.message : '文件上传失败，请重试');\r\n        } finally {\r\n            this.isUploading = false;\r\n        }\r\n    }\r\n\r\n    private handleStartInterview = async () => {\r\n        if (!this.selectedFile) {\r\n            alert('请上传简历');\r\n            return;\r\n        }\r\n\r\n        // 如果还没上传，先上传文件\r\n        if (!this.uploadedFileInfo) {\r\n            await this.uploadFile();\r\n            if (!this.uploadedFileInfo) {\r\n                return; // 上传失败\r\n            }\r\n        }\r\n\r\n        console.log('传递的customInputs:', {\r\n            ...this.customInputs,\r\n            file_url: this.uploadedFileInfo.cos_key\r\n        });\r\n\r\n        // 直接显示聊天模态框，不使用过渡动画\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    @Watch('isOpen')\r\n    handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.clearSelectedFile();\r\n            this.showChatModal = false;\r\n            \r\n            // 清除可能存在的计时器\r\n            if (this.transitionTimer) {\r\n                clearTimeout(this.transitionTimer);\r\n                this.transitionTimer = null;\r\n            }\r\n        } else if (this.conversationId) {\r\n            // 如果有会话ID，直接显示聊天模态框\r\n            this.showChatModal = true;\r\n        }\r\n    }\r\n\r\n    // 处理流式输出完成事件\r\n    private handleStreamComplete = (event: CustomEvent) => {\r\n        // 将事件转发出去\r\n        this.streamComplete.emit(event.detail);\r\n    };\r\n\r\n    // 处理会话开始事件\r\n    private handleConversationStart = (event: CustomEvent) => {\r\n        this.conversationStart.emit(event.detail);\r\n    };\r\n\r\n    // 处理面试完成事件\r\n    private handleInterviewComplete = (event: CustomEvent) => {\r\n        this.interviewComplete.emit(event.detail);\r\n    };\r\n\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        console.log('showChatModal:', this.showChatModal);\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': !this.isMobile,\r\n            'mobile-layout': this.isMobile\r\n        };\r\n        \r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 检查是否有会话ID，如果有则直接显示聊天模态框\r\n        if (this.conversationId && !this.showChatModal) {\r\n            this.showChatModal = true;\r\n        }\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"upload-container\">\r\n                            <h3>开始前，请上传您的简历</h3>\r\n                            <div class=\"upload-area\" onClick={this.handleUploadClick}>\r\n                                {this.selectedFile ? (\r\n                                    <div class=\"file-info\">\r\n                                        <span>{this.selectedFile.name}</span>\r\n                                        <button class=\"remove-file\" onClick={(e) => {\r\n                                            e.stopPropagation();\r\n                                            this.clearSelectedFile();\r\n                                        }}>×</button>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div class=\"upload-placeholder\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" width=\"48\" height=\"48\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m0-16l-4 4m4-4l4 4\" />\r\n                                        </svg>\r\n                                        <p>点击上传简历</p>\r\n                                        <p class=\"upload-hint\">支持 txt、 markdown、 pdf、 docx、 md 格式</p>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={!this.selectedFile || this.isUploading}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : '开始面试'}\r\n                            </button>\r\n\r\n                            <input\r\n                                type=\"file\"\r\n                                class=\"file-input\"\r\n                                onChange={this.handleFileChange}\r\n                                accept=\".pdf,.doc,.docx,.txt,.md\"\r\n                            />\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div class=\"chat-modal-container\">\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                apiKey={this.apiKey}\r\n                                isShowHeader={this.isShowHeader} // 不显示内部的标题栏，因为外部已有\r\n                                isNeedClose={this.isShowHeader} // 不显示内部的关闭按钮，因为外部已有\r\n                                zIndex={this.zIndex}\r\n                                fullscreen={this.fullscreen}\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                enableVoice={false}\r\n                                customInputs={this.conversationId ? undefined : {\r\n                                    ...this.customInputs,\r\n                                    file_url: this.uploadedFileInfo?.cos_key\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                                onModalClosed={this.handleClose}\r\n                                onStreamComplete={this.handleStreamComplete}\r\n                                onConversationStart={this.handleConversationStart}\r\n                                onInterviewComplete={this.handleInterviewComplete}\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} "],"version":3}
+{"file":"pcm-mnms-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-mnms-modal/pcm-mnms-modal.css?tag=pcm-mnms-modal&encapsulation=shadow","src/global/global.css?tag=pcm-mnms-modal&encapsulation=shadow","src/components/pcm-mnms-modal/pcm-mnms-modal.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n}\r\n\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: auto;\r\n  transition: all 0.3s ease-out;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100vw;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n  width: 80%;\r\n  max-width: 500px;\r\n  min-width: 320px;\r\n}\r\n\r\n/* 移动端布局 */\r\n.mobile-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 0;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 支持 iOS Safari */\r\n    height: -webkit-fill-available;\r\n    max-height: -webkit-fill-available;\r\n    /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n     margin-top: 40px;\r\n     height: calc(100% - 40px);\r\n     max-height: calc(100% - 40px);\r\n     border-radius: 16px 16px 0 0;\r\n  }\r\n\r\n  .modal-container.mobile-layout {\r\n    width: 100%;\r\n    height: 100vh;\r\n    max-height: 100vh;\r\n    min-height: 100vh;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 4px 16px;\r\n  height: 50px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  flex-shrink: 0; /* 防止头部被压缩 */\r\n}\r\n\r\n.header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.header-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.close-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n  color: #666;\r\n}\r\n\r\n.upload-container {\r\n  padding: 30px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  height: calc(100% - 60px); /* 减去header高度 */\r\n  transition: opacity 0.5s ease-out;\r\n}\r\n\r\n.upload-container h3 {\r\n  margin-top: 0;\r\n  margin-bottom: 20px;\r\n  font-size: 18px;\r\n  color: #333;\r\n}\r\n\r\n\r\n.submit-button {\r\n  max-width: 400px;\r\n}\r\n\r\n\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n.transitioning {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fade-out {\r\n  opacity: 0.7;\r\n  transition: opacity 0.5s ease-out;\r\n}\r\n\r\n.transition-container {\r\n  margin-top: 20px;\r\n  width: 100%;\r\n}\r\n\r\n.progress-bar {\r\n  width: 100%;\r\n  height: 6px;\r\n  background-color: #f0f0f0;\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.progress-fill {\r\n  height: 100%;\r\n  background-color: #4285f4;\r\n  transition: width 0.3s ease-out;\r\n}\r\n\r\n/* 淡出动画 */\r\n.upload-container.fade-out {\r\n  opacity: 0;\r\n  transform: translateY(-20px);\r\n  transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n/* 淡入动画 */\r\n.chat-modal-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* 确保容器有相对定位，以便绝对定位的子元素能够正确定位 */\r\n.modal-container {\r\n  position: relative;\r\n  overflow: hidden;\r\n} ","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n    padding: 20px;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n    width: 100vw;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100vh;\r\n    max-height: 100vh;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 500px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 移动端布局 */\r\n.mobile-layout {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 0;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 0;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 支持 iOS Safari */\r\n        height: -webkit-fill-available;\r\n        max-height: -webkit-fill-available;\r\n        /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n        margin-top: 40px;\r\n        height: calc(100% - 40px);\r\n        max-height: calc(100% - 40px);\r\n        border-radius: 16px 16px 0 0;\r\n    }\r\n\r\n    .modal-container.mobile-layout {\r\n        width: 100%;\r\n        height: 100vh;\r\n        max-height: 100vh;\r\n        min-height: 100vh;\r\n        border-radius: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    border: 2px dashed #ddd;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n}\r\n\r\n.upload-area:hover {\r\n    border-color: #1890ff;\r\n    background-color: rgba(24, 144, 255, 0.05);\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #666;\r\n}\r\n\r\n.upload-placeholder svg {\r\n    color: #1890ff;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.upload-placeholder p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.upload-hint {\r\n    font-size: 0.8rem;\r\n    color: #999;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n.file-info {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 8px;\r\n    background: #f9f9f9;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 4px;\r\n}\r\n\r\n.file-info span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    max-width: calc(100% - 30px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #999;\r\n    cursor: pointer;\r\n    padding: 4px 8px;\r\n    font-size: 16px;\r\n    line-height: 1;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f0f0f0;\r\n    color: #666;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: 100%;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n    align-self: flex-start;\r\n}\r\n\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #1890ff;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n    /* 确保按钮居中 */\r\n}\r\n\r\n.submit-button:disabled {\r\n    background: #ccc;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.submit-button:hover:not(:disabled) {\r\n    background: #40a9ff;\r\n}\r\n\r\n/* 聊天模态框容器 */\r\n.chat-modal-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { uploadFileToBackend, FileUploadResponse, sendHttpRequest } from '../../utils/utils';\r\n\r\n@Component({\r\n    tag: 'pcm-mnms-modal',\r\n    styleUrls: ['pcm-mnms-modal.css', '../../global/global.css'],\r\n    shadow: true,\r\n})\r\nexport class MnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * API鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token: string = '';\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，传入job_info时，会隐藏JD输入区域\r\n     */\r\n    @Prop() customInputs: { [key: string]: any } = {};\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<{\r\n        conversation_id: string;\r\n        total_questions: number;\r\n    }>;\r\n\r\n    /**\r\n     * API密钥验证失败事件\r\n     */\r\n    @Event() apiKeyInvalid: EventEmitter<void>;\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 添加新的状态来控制过渡动画\r\n    @State() isTransitioning: boolean = false;\r\n    @State() transitionTimer: any = null;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private handleClose = () => {\r\n        this.isOpen = false;\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleFileChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        if (input.files && input.files.length > 0) {\r\n            this.selectedFile = input.files[0];\r\n        }\r\n    };\r\n\r\n    private handleUploadClick = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        this.selectedFile = null;\r\n        this.uploadedFileInfo = null;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile() {\r\n        if (!this.selectedFile) return;\r\n\r\n        this.isUploading = true;\r\n\r\n        try {\r\n            // 使用 uploadFileToBackend 工具函数上传文件\r\n            const result = await uploadFileToBackend(this.selectedFile, {\r\n                'authorization': 'Bearer ' + this.token\r\n            });\r\n\r\n            this.uploadedFileInfo = result;\r\n            this.uploadSuccess.emit(result);\r\n        } catch (error) {\r\n            console.error('文件上传错误:', error);\r\n            this.clearSelectedFile();\r\n            alert(error instanceof Error ? error.message : '文件上传失败，请重试');\r\n        } finally {\r\n            this.isUploading = false;\r\n        }\r\n    }\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        if (!this.selectedFile) {\r\n            alert('请上传简历');\r\n            return;\r\n        }\r\n\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            alert('请输入职位描述');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n\r\n        try {\r\n            // 如果还没上传，先上传文件\r\n            if (!this.uploadedFileInfo) {\r\n                await this.uploadFile();\r\n                if (!this.uploadedFileInfo) {\r\n                    this.isSubmitting = false;\r\n                    return; // 上传失败\r\n                }\r\n            }\r\n\r\n            // 使用预设的job_info或用户输入的jobDescription\r\n            const jobInfo = this.customInputs?.job_info || this.jobDescription;\r\n\r\n            console.log('传递的customInputs:', {\r\n                ...this.customInputs,\r\n                file_url: this.uploadedFileInfo.cos_key,\r\n                job_info: jobInfo\r\n            });\r\n\r\n            // 直接显示聊天模态框\r\n            this.showChatModal = true;\r\n        } catch (error) {\r\n            console.error('开始面试时出错:', error);\r\n            alert('开始面试时出错，请重试');\r\n        } finally {\r\n            this.isSubmitting = false;\r\n        }\r\n    };\r\n\r\n    @Watch('isOpen')\r\n    handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.clearSelectedFile();\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n\r\n            // 清除可能存在的计时器\r\n            if (this.transitionTimer) {\r\n                clearTimeout(this.transitionTimer);\r\n                this.transitionTimer = null;\r\n            }\r\n        } else {\r\n            // 当模态框打开时，验证API密钥\r\n            this.verifyApiKey();\r\n            \r\n            if (this.conversationId) {\r\n                // 如果有会话ID，直接显示聊天模态框\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n        // 检查 customInputs 中是否有 job_info\r\n        if (this.customInputs && this.customInputs.job_info) {\r\n            this.jobDescription = this.customInputs.job_info;\r\n        }\r\n    }\r\n\r\n    // 处理流式输出完成事件\r\n    private handleStreamComplete = (event: CustomEvent) => {\r\n        // 将事件转发出去\r\n        this.streamComplete.emit(event.detail);\r\n    };\r\n\r\n    // 处理会话开始事件\r\n    private handleConversationStart = (event: CustomEvent) => {\r\n        this.conversationStart.emit(event.detail);\r\n    };\r\n\r\n    // 处理面试完成事件\r\n    private handleInterviewComplete = (event: CustomEvent) => {\r\n        this.interviewComplete.emit(event.detail);\r\n    };\r\n\r\n    /**\r\n     * 验证API密钥\r\n     */\r\n    private async verifyApiKey() {\r\n        if (!this.token) {\r\n            this.apiKeyInvalid.emit();\r\n            return;\r\n        }\r\n        \r\n        try {\r\n            const response = await sendHttpRequest({\r\n                url: '/sdk/v1/user',\r\n                method: 'GET',\r\n                headers: {\r\n                    'Authorization': `Bearer ${this.token}`\r\n                }\r\n            });\r\n\r\n            if (!response.success) {\r\n                throw new Error(response.message || 'API密钥验证失败');\r\n            }\r\n            \r\n            // 验证成功，继续正常流程\r\n        } catch (error) {\r\n            console.error('API密钥验证错误:', error);\r\n            // 通知父组件API密钥无效\r\n            this.apiKeyInvalid.emit();\r\n        }\r\n    }\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        console.log('showChatModal:', this.showChatModal);\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 检查是否有会话ID，如果有则直接显示聊天模态框\r\n        if (this.conversationId && !this.showChatModal) {\r\n            this.showChatModal = true;\r\n        }\r\n\r\n        // 修正这里的逻辑，确保当 customInputs.job_info 存在时，hideJdInput 为 true\r\n        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 - 仅在没有customInputs.job_info时显示 */}\r\n                            {!hideJdInput && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    <textarea \r\n                                        id=\"job-description\"\r\n                                        class=\"job-description-textarea\"\r\n                                        placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                        rows={6}\r\n                                        value={this.jobDescription}\r\n                                        onInput={this.handleJobDescriptionChange}\r\n                                    ></textarea>\r\n                                </div>\r\n                            )}\r\n                            \r\n                            {/* 简历上传区域 */}\r\n                            <div class=\"resume-upload-section\">\r\n                                <label>上传简历</label>\r\n                                <div class=\"upload-area\" onClick={this.handleUploadClick}>\r\n                                    {this.selectedFile ? (\r\n                                        <div class=\"file-info\">\r\n                                            <span>{this.selectedFile.name}</span>\r\n                                            <button class=\"remove-file\" onClick={(e) => {\r\n                                                e.stopPropagation();\r\n                                                this.clearSelectedFile();\r\n                                            }}>×</button>\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div class=\"upload-placeholder\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" width=\"48\" height=\"48\">\r\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m0-16l-4 4m4-4l4 4\" />\r\n                                            </svg>\r\n                                            <p>点击上传简历</p>\r\n                                            <p class=\"upload-hint\">支持 txt、markdown、pdf、docx、md 格式</p>\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                            </div>\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={!this.selectedFile || (!hideJdInput && !this.jobDescription.trim()) || this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <input\r\n                                type=\"file\"\r\n                                class=\"file-input\"\r\n                                onChange={this.handleFileChange}\r\n                                accept=\".pdf,.doc,.docx,.txt,.md\"\r\n                            />\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div class=\"chat-modal-container\">\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                token={this.token}\r\n                                isShowHeader={this.isShowHeader} // 不显示内部的标题栏，因为外部已有\r\n                                isNeedClose={this.isShowHeader} // 不显示内部的关闭按钮，因为外部已有\r\n                                zIndex={this.zIndex}\r\n                                fullscreen={this.fullscreen}\r\n                                botId=\"3022316191018884\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                enableVoice={false}\r\n                                customInputs={this.conversationId ? undefined : {\r\n                                    ...this.customInputs,\r\n                                    file_url: this.uploadedFileInfo?.cos_key,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                                onModalClosed={this.handleClose}\r\n                                onStreamComplete={this.handleStreamComplete}\r\n                                onConversationStart={this.handleConversationStart}\r\n                                onInterviewComplete={this.handleInterviewComplete}\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} "],"version":3}