npm - pcm-agents - Versions diffs - 0.3.0 → 0.3.2 - Mend

pcm-agents 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/dist/collection/components/pcm-mnms-modal/pcm-mnms-modal.css CHANGED Viewed

@@ -161,90 +161,11 @@
   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;

package/dist/collection/components/pcm-mnms-modal/pcm-mnms-modal.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { h } from "@stencil/core";
+import { uploadFileToBackend, sendHttpRequest } from "../../utils/utils";
 export class MnmsModal {
     /**
      * 模态框标题
      */
-    modalTitle = '在线客服';
+    modalTitle = '模拟面试';
     /**
      * API鉴权密钥
      */
-    apiKey = '';
+    token = '';
     /**
      * 是否显示聊天模态框
      */
@@ -33,7 +34,7 @@ export class MnmsModal {
      */
     isNeedClose = true;
     /**
-     * 会话ID
+     * 会话ID，传入继续对话，否则创建新会话
      */
     conversationId;
     /**
@@ -41,15 +42,11 @@ export class MnmsModal {
      */
     defaultQuery = '';
     /**
-     * 是否以全屏模式打开
+     * 是否以全屏模式打开，移动端建议设置为true
      */
     fullscreen = false;
     /**
-     * 是否为移动端布局
-     */
-    isMobile = false;
-    /**
-     * 自定义输入参数
+     * 自定义输入参数，传入job_info时，会隐藏JD输入区域
      */
     customInputs = {};
     /**
@@ -68,6 +65,10 @@ export class MnmsModal {
      * 当聊天完成时触发
      */
     interviewComplete;
+    /**
+     * API密钥验证失败事件
+     */
+    apiKeyInvalid;
     selectedFile = null;
     isUploading = false;
     uploadedFileInfo = null;
@@ -77,6 +78,8 @@ export class MnmsModal {
     transitionTimer = null;
     // 使用 @Element 装饰器获取组件的 host 元素
     hostElement;
+    jobDescription = '';
+    isSubmitting = false;
     handleClose = () => {
         this.isOpen = false;
         this.modalClosed.emit();
@@ -104,29 +107,12 @@ export class MnmsModal {
             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);
@@ -137,39 +123,73 @@ export class MnmsModal {
             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;
         }
     }
     // 处理流式输出完成事件
@@ -185,6 +205,33 @@ export class MnmsModal {
     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;
@@ -195,8 +242,7 @@ export class MnmsModal {
         const containerClass = {
             'modal-container': true,
             'fullscreen': this.fullscreen,
-            'pc-layout': !this.isMobile,
-            'mobile-layout': this.isMobile
+            'pc-layout': true,
         };
         const overlayClass = {
             'modal-overlay': true,
@@ -206,24 +252,27 @@ export class MnmsModal {
         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 is() { return "pcm-mnms-modal"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["pcm-mnms-modal.css"]
+            "$": ["pcm-mnms-modal.css", "../../global/global.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["pcm-mnms-modal.css"]
+            "$": ["pcm-mnms-modal.css", "../../global/global.css"]
         };
     }
     static get properties() {
@@ -246,9 +295,9 @@ export class MnmsModal {
                 "setter": false,
                 "attribute": "modal-title",
                 "reflect": false,
-                "defaultValue": "'\u5728\u7EBF\u5BA2\u670D'"
+                "defaultValue": "'\u6A21\u62DF\u9762\u8BD5'"
             },
-            "apiKey": {
+            "token": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -264,7 +313,7 @@ export class MnmsModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "api-key",
+                "attribute": "token",
                 "reflect": false,
                 "defaultValue": "''"
             },
@@ -379,7 +428,7 @@ export class MnmsModal {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u4F1A\u8BDDID"
+                    "text": "\u4F1A\u8BDDID\uFF0C\u4F20\u5165\u7EE7\u7EED\u5BF9\u8BDD\uFF0C\u5426\u5219\u521B\u5EFA\u65B0\u4F1A\u8BDD"
                 },
                 "getter": false,
                 "setter": false,
@@ -418,7 +467,7 @@ export class MnmsModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00"
+                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00\uFF0C\u79FB\u52A8\u7AEF\u5EFA\u8BAE\u8BBE\u7F6E\u4E3Atrue"
                 },
                 "getter": false,
                 "setter": false,
@@ -426,26 +475,6 @@ export class MnmsModal {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "isMobile": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "\u662F\u5426\u4E3A\u79FB\u52A8\u7AEF\u5E03\u5C40"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "is-mobile",
-                "reflect": false,
-                "defaultValue": "false"
-            },
             "customInputs": {
                 "type": "unknown",
                 "mutable": false,
@@ -458,7 +487,7 @@ export class MnmsModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u81EA\u5B9A\u4E49\u8F93\u5165\u53C2\u6570"
+                    "text": "\u81EA\u5B9A\u4E49\u8F93\u5165\u53C2\u6570\uFF0C\u4F20\u5165job_info\u65F6\uFF0C\u4F1A\u9690\u85CFJD\u8F93\u5165\u533A\u57DF"
                 },
                 "getter": false,
                 "setter": false,
@@ -473,7 +502,9 @@ export class MnmsModal {
             "uploadedFileInfo": {},
             "showChatModal": {},
             "isTransitioning": {},
-            "transitionTimer": {}
+            "transitionTimer": {},
+            "jobDescription": {},
+            "isSubmitting": {}
         };
     }
     static get events() {
@@ -503,9 +534,15 @@ export class MnmsModal {
                     "text": "\u4E0A\u4F20\u6210\u529F\u4E8B\u4EF6"
                 },
                 "complexType": {
-                    "original": "{\r\n        cos_key: string;\r\n        filename: string;\r\n        ext: string;\r\n        presigned_url: string;\r\n    }",
-                    "resolved": "{ cos_key: string; filename: string; ext: string; presigned_url: string; }",
-                    "references": {}
+                    "original": "FileUploadResponse",
+                    "resolved": "FileUploadResponse",
+                    "references": {
+                        "FileUploadResponse": {
+                            "location": "import",
+                            "path": "../../utils/utils",
+                            "id": "src/utils/utils.ts::FileUploadResponse"
+                        }
+                    }
                 }
             }, {
                 "method": "streamComplete",
@@ -552,6 +589,21 @@ export class MnmsModal {
                     "resolved": "{ conversation_id: string; total_questions: number; }",
                     "references": {}
                 }
+            }, {
+                "method": "apiKeyInvalid",
+                "name": "apiKeyInvalid",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "API\u5BC6\u94A5\u9A8C\u8BC1\u5931\u8D25\u4E8B\u4EF6"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "hostElement"; }

package/dist/collection/components/pcm-mnms-modal/pcm-mnms-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pcm-mnms-modal.js","sourceRoot":"","sources":["../../../src/components/pcm-mnms-modal/pcm-mnms-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["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} "]}
1	+ {"version":3,"file":"pcm-mnms-modal.js","sourceRoot":"","sources":["../../../src/components/pcm-mnms-modal/pcm-mnms-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["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} "]}