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-zygh-modal/pcm-zygh-modal.js ADDED Viewed

@@ -0,0 +1,613 @@
+import { h } from "@stencil/core";
+import { uploadFileToBackend, sendHttpRequest } from "../../utils/utils";
+export class ZyghModal {
+    /**
+     * 模态框标题
+     */
+    modalTitle = '职业规划助手';
+    /**
+     * API鉴权密钥
+     */
+    token = '';
+    /**
+     * 是否显示聊天模态框
+     */
+    isOpen = false;
+    /**
+     * 当点击模态框关闭时触发
+     */
+    modalClosed;
+    /**
+     * 应用图标URL
+     */
+    icon;
+    /**
+     * 聊天框的页面层级
+     */
+    zIndex = 1000;
+    /**
+     * 是否展示顶部标题栏
+     */
+    isShowHeader = true;
+    /**
+     * 是否展示右上角的关闭按钮
+     */
+    isNeedClose = true;
+    /**
+     * 会话ID，传入继续对话，否则创建新会话
+     */
+    conversationId;
+    /**
+     * 默认查询文本
+     */
+    defaultQuery = '';
+    /**
+     * 是否以全屏模式打开，移动端建议设置为true
+     */
+    fullscreen = false;
+    /**
+     * 自定义输入参数
+     */
+    customInputs = {};
+    /**
+     * 上传成功事件
+     */
+    uploadSuccess;
+    /**
+     * 流式输出完成事件
+     */
+    streamComplete;
+    /**
+     * 新会话开始的回调，只会在一轮对话开始时触发一次
+     */
+    conversationStart;
+    /**
+     * 当聊天完成时触发
+     */
+    planningComplete;
+    /**
+     * API密钥验证失败事件
+     */
+    apiKeyInvalid;
+    selectedFile = null;
+    isUploading = false;
+    uploadedFileInfo = null;
+    showChatModal = false;
+    isSubmitting = false;
+    selectedPlanType = '长期规划';
+    // 添加新的状态来控制过渡动画
+    isTransitioning = false;
+    transitionTimer = null;
+    // 使用 @Element 装饰器获取组件的 host 元素
+    hostElement;
+    handleClose = () => {
+        this.isOpen = false;
+        this.modalClosed.emit();
+    };
+    handleFileChange = (event) => {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.selectedFile = input.files[0];
+        }
+    };
+    handleUploadClick = () => {
+        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input');
+        fileInput?.click();
+    };
+    clearSelectedFile = () => {
+        this.selectedFile = null;
+        this.uploadedFileInfo = null;
+        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input');
+        if (fileInput) {
+            fileInput.value = '';
+        }
+    };
+    handlePlanTypeChange = (type) => {
+        this.selectedPlanType = type;
+    };
+    async uploadFile() {
+        if (!this.selectedFile)
+            return;
+        this.isUploading = true;
+        try {
+            const result = await uploadFileToBackend(this.selectedFile, {
+                'authorization': 'Bearer ' + this.token
+            });
+            this.uploadedFileInfo = result;
+            this.uploadSuccess.emit(result);
+        }
+        catch (error) {
+            console.error('文件上传错误:', error);
+            this.clearSelectedFile();
+            alert(error instanceof Error ? error.message : '文件上传失败，请重试');
+        }
+        finally {
+            this.isUploading = false;
+        }
+    }
+    handleStartPlanning = async () => {
+        if (!this.selectedFile) {
+            alert('请上传简历');
+            return;
+        }
+        this.isSubmitting = true;
+        try {
+            // 如果还没上传，先上传文件
+            if (!this.uploadedFileInfo) {
+                await this.uploadFile();
+                if (!this.uploadedFileInfo) {
+                    this.isSubmitting = false;
+                    return; // 上传失败
+                }
+            }
+            console.log('传递的customInputs:', {
+                ...this.customInputs,
+                file_url: this.uploadedFileInfo.cos_key,
+                plan_type: this.selectedPlanType
+            });
+            // 直接显示聊天模态框
+            this.showChatModal = true;
+        }
+        catch (error) {
+            console.error('开始规划时出错:', error);
+            alert('开始规划时出错，请重试');
+        }
+        finally {
+            this.isSubmitting = false;
+        }
+    };
+    handleIsOpenChange(newValue) {
+        if (!newValue) {
+            // 重置状态
+            this.clearSelectedFile();
+            this.showChatModal = false;
+            // 清除可能存在的计时器
+            if (this.transitionTimer) {
+                clearTimeout(this.transitionTimer);
+                this.transitionTimer = null;
+            }
+        }
+        else {
+            // 当模态框打开时，验证API密钥
+            this.verifyApiKey();
+            if (this.conversationId) {
+                // 如果有会话ID，直接显示聊天模态框
+                this.showChatModal = true;
+            }
+        }
+    }
+    /**
+     * 验证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();
+        }
+    }
+    componentWillLoad() {
+        // 检查 customInputs 中是否有 plan_type
+        if (this.customInputs && this.customInputs.plan_type) {
+            this.selectedPlanType = this.customInputs.plan_type;
+        }
+    }
+    // 处理流式输出完成事件
+    handleStreamComplete = (event) => {
+        // 将事件转发出去
+        this.streamComplete.emit(event.detail);
+    };
+    // 处理会话开始事件
+    handleConversationStart = (event) => {
+        this.conversationStart.emit(event.detail);
+    };
+    // 处理规划完成事件
+    handlePlanningComplete = (event) => {
+        this.planningComplete.emit({
+            ...event.detail,
+            plan_type: this.selectedPlanType
+        });
+    };
+    render() {
+        if (!this.isOpen)
+            return null;
+        const modalStyle = {
+            zIndex: String(this.zIndex)
+        };
+        const containerClass = {
+            'modal-container': true,
+            'fullscreen': this.fullscreen,
+            'pc-layout': true,
+        };
+        const overlayClass = {
+            'modal-overlay': true,
+            'fullscreen-overlay': this.fullscreen
+        };
+        // 检查是否有会话ID，如果有则直接显示聊天模态框
+        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: "input-container" }, h("div", { class: "plan-type-section" }, h("label", null, "\u9009\u62E9\u89C4\u5212\u7C7B\u578B"), h("div", { class: "plan-type-options" }, h("div", { class: `plan-type-option ${this.selectedPlanType === '长期规划' ? 'selected' : ''}`, onClick: () => this.handlePlanTypeChange('长期规划') }, h("div", { class: "option-icon" }, "\uD83D\uDCC8"), h("div", { class: "option-label" }, "\u957F\u671F\u89C4\u5212")), h("div", { class: `plan-type-option ${this.selectedPlanType === '转行建议' ? 'selected' : ''}`, onClick: () => this.handlePlanTypeChange('转行建议') }, h("div", { class: "option-icon" }, "\uD83D\uDD04"), h("div", { class: "option-label" }, "\u8F6C\u884C\u5EFA\u8BAE")), h("div", { class: `plan-type-option ${this.selectedPlanType === '晋升路径' ? 'selected' : ''}`, onClick: () => this.handlePlanTypeChange('晋升路径') }, h("div", { class: "option-icon" }, "\uD83D\uDE80"), h("div", { class: "option-label" }, "\u664B\u5347\u8DEF\u5F84")))), 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\u3001markdown\u3001pdf\u3001docx\u3001md \u683C\u5F0F"))))), h("button", { class: "submit-button", disabled: !this.selectedFile || this.isUploading || this.isSubmitting, onClick: this.handleStartPlanning }, 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, botId: "3022316191018898", fullscreen: this.fullscreen, conversationId: this.conversationId, defaultQuery: this.defaultQuery, enableVoice: false, customInputs: this.conversationId ? undefined : {
+                ...this.customInputs,
+                file_url: this.uploadedFileInfo?.cos_key,
+                type: this.selectedPlanType
+            }, interviewMode: "text", onModalClosed: this.handleClose, onStreamComplete: this.handleStreamComplete, onConversationStart: this.handleConversationStart, onInterviewComplete: this.handlePlanningComplete }))))));
+    }
+    static get is() { return "pcm-zygh-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pcm-zygh-modal.css", "../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pcm-zygh-modal.css", "../../global/global.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "modalTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6A21\u6001\u6846\u6807\u9898"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "modal-title",
+                "reflect": false,
+                "defaultValue": "'\u804C\u4E1A\u89C4\u5212\u52A9\u624B'"
+            },
+            "token": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "API\u9274\u6743\u5BC6\u94A5"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "token",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "isOpen": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u663E\u793A\u804A\u5929\u6A21\u6001\u6846"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "is-open",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5E94\u7528\u56FE\u6807URL"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "icon",
+                "reflect": false
+            },
+            "zIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u804A\u5929\u6846\u7684\u9875\u9762\u5C42\u7EA7"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "z-index",
+                "reflect": false,
+                "defaultValue": "1000"
+            },
+            "isShowHeader": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u5C55\u793A\u9876\u90E8\u6807\u9898\u680F"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "is-show-header",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "isNeedClose": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u5C55\u793A\u53F3\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "is-need-close",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "conversationId": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u4F1A\u8BDDID\uFF0C\u4F20\u5165\u7EE7\u7EED\u5BF9\u8BDD\uFF0C\u5426\u5219\u521B\u5EFA\u65B0\u4F1A\u8BDD"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "conversation-id",
+                "reflect": false
+            },
+            "defaultQuery": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u9ED8\u8BA4\u67E5\u8BE2\u6587\u672C"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "default-query",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fullscreen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00\uFF0C\u79FB\u52A8\u7AEF\u5EFA\u8BAE\u8BBE\u7F6E\u4E3Atrue"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "fullscreen",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "customInputs": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ [key: string]: any }",
+                    "resolved": "{ [key: string]: any; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u81EA\u5B9A\u4E49\u8F93\u5165\u53C2\u6570"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "selectedFile": {},
+            "isUploading": {},
+            "uploadedFileInfo": {},
+            "showChatModal": {},
+            "isSubmitting": {},
+            "selectedPlanType": {},
+            "isTransitioning": {},
+            "transitionTimer": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "modalClosed",
+                "name": "modalClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5F53\u70B9\u51FB\u6A21\u6001\u6846\u5173\u95ED\u65F6\u89E6\u53D1"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "uploadSuccess",
+                "name": "uploadSuccess",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u4E0A\u4F20\u6210\u529F\u4E8B\u4EF6"
+                },
+                "complexType": {
+                    "original": "FileUploadResponse",
+                    "resolved": "FileUploadResponse",
+                    "references": {
+                        "FileUploadResponse": {
+                            "location": "import",
+                            "path": "../../utils/utils",
+                            "id": "src/utils/utils.ts::FileUploadResponse"
+                        }
+                    }
+                }
+            }, {
+                "method": "streamComplete",
+                "name": "streamComplete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6D41\u5F0F\u8F93\u51FA\u5B8C\u6210\u4E8B\u4EF6"
+                },
+                "complexType": {
+                    "original": "{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }",
+                    "resolved": "{ conversation_id: string; event: string; message_id: string; id: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "conversationStart",
+                "name": "conversationStart",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u65B0\u4F1A\u8BDD\u5F00\u59CB\u7684\u56DE\u8C03\uFF0C\u53EA\u4F1A\u5728\u4E00\u8F6E\u5BF9\u8BDD\u5F00\u59CB\u65F6\u89E6\u53D1\u4E00\u6B21"
+                },
+                "complexType": {
+                    "original": "{\r\n        conversation_id: string;\r\n        event: string;\r\n        message_id: string;\r\n        id: string;\r\n    }",
+                    "resolved": "{ conversation_id: string; event: string; message_id: string; id: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "planningComplete",
+                "name": "planningComplete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5F53\u804A\u5929\u5B8C\u6210\u65F6\u89E6\u53D1"
+                },
+                "complexType": {
+                    "original": "{\r\n        conversation_id: string;\r\n        plan_type: CareerPlanType;\r\n    }",
+                    "resolved": "{ conversation_id: string; plan_type: CareerPlanType; }",
+                    "references": {
+                        "CareerPlanType": {
+                            "location": "local",
+                            "path": "D:/code/sdk/packages/pcm-agents/src/components/pcm-zygh-modal/pcm-zygh-modal.tsx",
+                            "id": "src/components/pcm-zygh-modal/pcm-zygh-modal.tsx::CareerPlanType"
+                        }
+                    }
+                }
+            }, {
+                "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"; }
+    static get watchers() {
+        return [{
+                "propName": "isOpen",
+                "methodName": "handleIsOpenChange"
+            }];
+    }
+}
+//# sourceMappingURL=pcm-zygh-modal.js.map

package/dist/collection/components/pcm-zygh-modal/pcm-zygh-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pcm-zygh-modal.js","sourceRoot":"","sources":["../../../src/components/pcm-zygh-modal/pcm-zygh-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/**\r\n * 职业规划类型枚举\r\n */\r\nexport type CareerPlanType = '长期规划' | '转行建议' | '晋升路径';\r\n\r\n@Component({\r\n tag: 'pcm-zygh-modal',\r\n styleUrls: ['pcm-zygh-modal.css','../../global/global.css'],\r\n shadow: true,\r\n})\r\nexport class ZyghModal {\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 /**\r\n * 自定义输入参数\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() planningComplete: EventEmitter<{\r\n conversation_id: string;\r\n plan_type: CareerPlanType;\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 @State() isSubmitting: boolean = false;\r\n @State() selectedPlanType: CareerPlanType = '长期规划';\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 handlePlanTypeChange = (type: CareerPlanType) => {\r\n this.selectedPlanType = type;\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 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 handleStartPlanning = async () => {\r\n if (!this.selectedFile) {\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 console.log('传递的customInputs:', {\r\n ...this.customInputs,\r\n file_url: this.uploadedFileInfo.cos_key,\r\n plan_type: this.selectedPlanType\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 \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 /**\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 componentWillLoad() {\r\n // 检查 customInputs 中是否有 plan_type\r\n if (this.customInputs && this.customInputs.plan_type) {\r\n this.selectedPlanType = this.customInputs.plan_type;\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 handlePlanningComplete = (event: CustomEvent) => {\r\n this.planningComplete.emit({\r\n ...event.detail,\r\n plan_type: this.selectedPlanType\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 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 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 \r\n {/* 规划类型选择 */}\r\n <div class=\"plan-type-section\">\r\n <label>选择规划类型</label>\r\n <div class=\"plan-type-options\">\r\n <div \r\n class={`plan-type-option ${this.selectedPlanType === '长期规划' ? 'selected' : ''}`}\r\n onClick={() => this.handlePlanTypeChange('长期规划')}\r\n >\r\n <div class=\"option-icon\">📈</div>\r\n <div class=\"option-label\">长期规划</div>\r\n </div>\r\n <div \r\n class={`plan-type-option ${this.selectedPlanType === '转行建议' ? 'selected' : ''}`}\r\n onClick={() => this.handlePlanTypeChange('转行建议')}\r\n >\r\n <div class=\"option-icon\">🔄</div>\r\n <div class=\"option-label\">转行建议</div>\r\n </div>\r\n <div \r\n class={`plan-type-option ${this.selectedPlanType === '晋升路径' ? 'selected' : ''}`}\r\n onClick={() => this.handlePlanTypeChange('晋升路径')}\r\n >\r\n <div class=\"option-icon\">🚀</div>\r\n <div class=\"option-label\">晋升路径</div>\r\n </div>\r\n </div>\r\n </div>\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 || this.isUploading || this.isSubmitting}\r\n onClick={this.handleStartPlanning}\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 botId=\"3022316191018898\"\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 type: this.selectedPlanType\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.handlePlanningComplete}\r\n ></pcm-app-chat-modal>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n} "]}