pcm-agents 0.6.11 → 0.6.13

package/dist/components/p-RD3mwuBX.js

@@ -0,0 +1,226 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-BdiUKin5.js';
+import { s as sendHttpRequest, P as PCM_DOMAIN, i as isMobile } from './p-B0WOTw9J.js';
+import { E as Encoder, B as Byte, M as Message } from './p-Dv8qvK0w.js';
+import { d as defineCustomElement$1 } from './p-njngFX_n.js';
+
+// 文件上传流水号SDK
+const uploadNumberSDK = {
+    number: '',
+    isWorking: false,
+    close: async function (params) {
+        const { onOk, onError } = params ?? {};
+        const { number } = this;
+        if (number) {
+            const result = await sendHttpRequest({
+                url: `/resource/update_id/${number}`,
+                method: 'delete',
+            });
+            if (result.success) {
+                this.number = '';
+                onOk?.();
+            }
+            else {
+                onError?.();
+            }
+        }
+    }
+};
+
+const pcmMobileInputBtnCss = ".mobile-upload{display:flex;justify-content:flex-end;margin-bottom:4px}.btn{position:relative;padding:4px 8px;border-radius:4px;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center;white-space:nowrap}.btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.btn:hover::after{background-color:rgba(0,0,0,0.04)}.btn-link{color:#0D75FB}.btn-default{background-color:#ffffff;color:#0D75FB;border:1px solid #0D75FB}.btn-primary{background-color:#0D75FB;color:#ffffff}.loading{font-size:12px;color:#999999}.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:10000}.mask .upload-wrapper{width:540px;max-width:80%;max-height:80%;background-color:#ffffff;padding:32px 24px;border-radius:16px;overflow-y:auto}.mask .upload-wrapper .upload-box{display:flex;flex-direction:column;align-items:center}.time-expire{margin:8px 0;text-align:center;font-size:12px;color:#555555}.time-count-down{margin-left:8px;color:#0D75FB}.alert-tip{margin-top:8px;text-align:center;font-size:12px;color:#999999}.qrcode-wrapper{width:160px;height:160px;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;border-radius:4px;padding:1px}.qrcode-wrapper .qrcode{width:100%;height:100%}.modal-footer{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:8px}.modal-footer .btn{min-width:100px}.qrcode-textarea{width:calc(100% - 16px);min-height:120px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}";
+
+const globalCss = ":host{font-size:16px}.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);position:absolute;width:100%;height:calc(100% - 10px)}.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:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;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:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.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:#0D75FB;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:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+const MobileUploadBtn = /*@__PURE__*/ proxyCustomElement(class MobileUploadBtn extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.ok = createEvent(this, "ok");
+    }
+    // 标题
+    name = '';
+    /**
+     * 最大文件数
+     */
+    rows = 8;
+    /**
+     * 最大文件大小
+     */
+    maxLength = undefined;
+    /**
+     * 填写请求头
+     */
+    uploadHeaders;
+    /**
+     * 填写请求参数
+     */
+    uploadParams;
+    QR_CODE_VALID_TIME = 0;
+    open = false;
+    mobileUrl = '';
+    setStartMobileUpload = false;
+    startMobileUploadLoading = false;
+    qrcodeStatus = 'loading';
+    value = '';
+    ok;
+    setStartMobileUploadWrapper = (e) => {
+        uploadNumberSDK.isWorking = e;
+        this.setStartMobileUpload = e;
+    };
+    qrcodeUrl = '';
+    setMobileUrlWrapper = (e) => {
+        this.mobileUrl = e;
+        if (e) {
+            const encoder = new Encoder();
+            const qrcode = encoder.encode(new Byte(e));
+            this.qrcodeUrl = qrcode.toDataURL();
+        }
+        else {
+            this.qrcodeUrl = '';
+        }
+    };
+    // 轮询流水号数据
+    pollingQueryNumberInfo = async (num) => {
+        const res = await sendHttpRequest({
+            url: `/sdk/v1/update_id/${num}/status`,
+            method: 'get',
+        });
+        if (res?.success) {
+            const resData = res.data ?? {};
+            const { custom_data } = resData;
+            this.value = custom_data ?? '';
+        }
+        if (uploadNumberSDK.isWorking) {
+            setTimeout(() => {
+                this.pollingQueryNumberInfo(num);
+            }, 3000);
+        }
+    };
+    handleStartMobileUpload = async () => {
+        const that = this;
+        this.qrcodeStatus = 'loading';
+        this.startMobileUploadLoading = true;
+        const params = this.uploadParams ?? {};
+        const reqData = {
+            cfg: {
+                fromUserName: '',
+                fromUserId: '',
+                upload: that.uploadParams,
+                name: that.name,
+                rows: that.rows,
+                maxLength: that.maxLength,
+                params,
+            },
+        };
+        const res = await sendHttpRequest({
+            url: `/sdk/v1/update_id`,
+            method: 'post',
+            data: reqData,
+        });
+        if (res?.success) {
+            const resData = res.data ?? {};
+            uploadNumberSDK.number = resData.update_id;
+            this.QR_CODE_VALID_TIME = Number(resData.exp) - Number(resData.now);
+            const theMobileUrl = `${PCM_DOMAIN}/agents/inputByCode?num=${uploadNumberSDK.number}`;
+            this.setMobileUrlWrapper(theMobileUrl);
+            this.setStartMobileUploadWrapper(true);
+            this.qrcodeStatus = 'active';
+            // 开启轮询
+            this.pollingQueryNumberInfo(uploadNumberSDK.number);
+        }
+        this.startMobileUploadLoading = false;
+    };
+    // 取消手机填写
+    cancelLoading = false;
+    cancelMobileUpload = async () => {
+        this.cancelLoading = true;
+        await uploadNumberSDK.close({
+            onError() {
+                Message.info('取消失败');
+            }
+        });
+        this.cancelLoading = false;
+        this.QR_CODE_VALID_TIME = 0;
+        this.setStartMobileUploadWrapper(false);
+        this.setMobileUrlWrapper('');
+        this.qrcodeStatus = 'expired';
+        this.value = '';
+        this.open = false;
+    };
+    render() {
+        const mobile = isMobile();
+        if (mobile) {
+            return null;
+        }
+        else {
+            return (h("div", null, h("div", { class: "mobile-upload" }, h("div", { class: "btn btn-link", onClick: () => {
+                    this.open = true;
+                    this.handleStartMobileUpload();
+                } }, "\u626B\u7801\u586B\u5199")), this.open && h("div", { class: "mask" }, h("div", { class: "upload-wrapper" }, this.setStartMobileUpload ? h("div", { class: "upload-box" }, h("div", { class: "qrcode-wrapper" }, this.qrcodeStatus === 'active' && h("img", { class: "qrcode", src: this.qrcodeUrl }), this.qrcodeStatus === 'loading' && h("span", { class: "loading" }, "\u52A0\u8F7D\u4E2D..."), this.qrcodeStatus === 'expired' && h("div", { class: "btn btn-link", onClick: this.handleStartMobileUpload }, "\u91CD\u65B0\u83B7\u53D6")), h("div", { class: "time-expire" }, "\u4E8C\u7EF4\u7801\u6709\u6548\u671F", h("span", { class: "time-count-down" }, !!this.QR_CODE_VALID_TIME && h("pcm-time-count-down", { time: this.QR_CODE_VALID_TIME, onFinished: () => {
+                    this.qrcodeStatus = 'expired';
+                } }))), h("div", { class: "alert-tip" }, "\u586B\u5199\u8FC7\u7A0B\u4E2D\u8BF7\u4E0D\u8981\u5173\u95ED\u6B64\u5F39\u7A97"), this.qrcodeStatus === 'active' && h("div", { style: { marginTop: '12px', fontSize: '12px' }, class: "btn btn-link", onClick: () => {
+                    navigator.clipboard
+                        .writeText(this.mobileUrl)
+                        .then(() => {
+                        Message.success("已复制到剪贴板");
+                    })
+                        .catch(() => {
+                        Message.error("复制失败");
+                    });
+                } }, "\u590D\u5236\u4E8C\u7EF4\u7801\u5730\u5740")) : (this.startMobileUploadLoading && h("span", { class: "loading" }, "\u52A0\u8F7D\u4E2D...")), h("div", { style: { marginTop: '12px' } }, !!this.value?.length && h("textarea", { readOnly: true, class: "qrcode-textarea", value: this.value, onChange: (e) => {
+                    this.value = e.target.value;
+                } })), h("div", { class: "modal-footer" }, h("div", { class: "btn btn-default", onClick: this.cancelMobileUpload }, "\u53D6\u6D88"), h("div", { class: "btn btn-primary", onClick: () => {
+                    if (!this.value) {
+                        Message.info(`请输入内容`);
+                        return;
+                    }
+                    if (this.value.length > this.maxLength) {
+                        Message.info(`输入内容不能超过${this.maxLength}个字符`);
+                        return;
+                    }
+                    this.ok.emit(this.value);
+                    this.cancelMobileUpload();
+                } }, "\u5B8C\u6210"))))));
+        }
+    }
+    static get style() { return pcmMobileInputBtnCss + globalCss; }
+}, [1, "pcm-mobile-input-btn", {
+        "name": [1],
+        "rows": [2],
+        "maxLength": [2, "max-length"],
+        "uploadHeaders": [16, "upload-headers"],
+        "uploadParams": [16, "upload-params"],
+        "QR_CODE_VALID_TIME": [32],
+        "open": [32],
+        "mobileUrl": [32],
+        "setStartMobileUpload": [32],
+        "startMobileUploadLoading": [32],
+        "qrcodeStatus": [32],
+        "value": [32],
+        "qrcodeUrl": [32],
+        "cancelLoading": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["pcm-mobile-input-btn", "pcm-time-count-down"];
+    components.forEach(tagName => { switch (tagName) {
+        case "pcm-mobile-input-btn":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MobileUploadBtn);
+            }
+            break;
+        case "pcm-time-count-down":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { MobileUploadBtn as M, defineCustomElement as d };
+//# sourceMappingURL=p-RD3mwuBX.js.map
+
+//# sourceMappingURL=p-RD3mwuBX.js.map

package/dist/components/p-RD3mwuBX.js.map

@@ -0,0 +1 @@
+{"file":"p-RD3mwuBX.js","mappings":";;;;;AAEA;AACA,MAAM,eAAe,GAAG;AACpB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,gBAAgB,MAGtB,EAAA;QACG,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,EAAE;AACtC,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;QACvB,IAAI,MAAM,EAAE;AACR,YAAA,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC;gBACjC,GAAG,EAAE,CAAuB,oBAAA,EAAA,MAAM,CAAE,CAAA;AACpC,gBAAA,MAAM,EAAE,QAAQ;AACnB,aAAA,CAAC;AACF,YAAA,IAAI,MAAM,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,MAAM,GAAG,EAAE;gBAChB,IAAI,IAAI;;iBACL;gBACH,OAAO,IAAI;;;;CAI1B;;ACzBD,MAAM,oBAAoB,GAAG,ooDAAooD;;ACAjqD,MAAM,SAAS,GAAG,43JAA43J;;MCWj4J,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;IAEhB,IAAI,GAAW,EAAE;AACzB;;AAEG;IACK,IAAI,GAAW,CAAC;AACxB;;AAEG;IACK,SAAS,GAAW,SAAS;AACrC;;AAEG;AACK,IAAA,aAAa;AACrB;;AAEG;AACK,IAAA,YAAY;IAEX,kBAAkB,GAAW,CAAC;IAC9B,IAAI,GAAY,KAAK;IACrB,SAAS,GAAW,EAAE;IACtB,oBAAoB,GAAY,KAAK;IACrC,wBAAwB,GAAY,KAAK;IACzC,YAAY,GAAiD,SAAS;IACtE,KAAK,GAAW,EAAE;AAElB,IAAA,EAAE;AAEH,IAAA,2BAA2B,GAAG,CAAC,CAAU,KAAI;AACjD,QAAA,eAAe,CAAC,SAAS,GAAG,CAAC;AAC7B,QAAA,IAAI,CAAC,oBAAoB,GAAG,CAAC;AACjC,KAAC;IAEQ,SAAS,GAAW,EAAE;AACvB,IAAA,mBAAmB,GAAG,CAAC,CAAS,KAAI;AACxC,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;QAClB,IAAI,CAAC,EAAE;AACH,YAAA,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE;AAC7B,YAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1C,YAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE;;aAChC;AACH,YAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAE3B,KAAC;;AAGO,IAAA,sBAAsB,GAAG,OAAO,GAAQ,KAAI;AAChD,QAAA,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC;YAC9B,GAAG,EAAE,CAAqB,kBAAA,EAAA,GAAG,CAAS,OAAA,CAAA;AACtC,YAAA,MAAM,EAAE,KAAK;AAChB,SAAA,CAAC;AACF,QAAA,IAAI,GAAG,EAAE,OAAO,EAAE;AACd,YAAA,MAAM,OAAO,GAUT,GAAG,CAAC,IAAI,IAAI,EAAE;AAClB,YAAA,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO;AAC/B,YAAA,IAAI,CAAC,KAAK,GAAG,WAAW,IAAI,EAAE;;AAElC,QAAA,IAAI,eAAe,CAAC,SAAS,EAAE;YAC3B,UAAU,CAAC,MAAK;AACZ,gBAAA,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC;aACnC,EAAE,IAAI,CAAC;;AAEhB,KAAC;IAEO,uBAAuB,GAAG,YAAW;QACzC,MAAM,IAAI,GAAG,IAAI;AACjB,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI;AACpC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,IAAI,EAAE;AACtC,QAAA,MAAM,OAAO,GAET;AACA,YAAA,GAAG,EAAE;AACD,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,IAAI,CAAC,YAAY;gBACzB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,MAAM;AACT,aAAA;SACJ;AACD,QAAA,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC;AAC9B,YAAA,GAAG,EAAE,CAAmB,iBAAA,CAAA;AACxB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,IAAI,EAAE,OAAO;AAChB,SAAA,CAAC;AACF,QAAA,IAAI,GAAG,EAAE,OAAO,EAAE;AACd,YAAA,MAAM,OAAO,GAUT,GAAG,CAAC,IAAI,IAAI,EAAE;AAClB,YAAA,eAAe,CAAC,MAAM,GAAG,OAAO,CAAC,SAAS;AAC1C,YAAA,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;YACnE,MAAM,YAAY,GAAG,CAAG,EAAA,UAAU,2BAA2B,eAAe,CAAC,MAAM,CAAA,CAAE;AACrF,YAAA,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC;AACtC,YAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC;AACtC,YAAA,IAAI,CAAC,YAAY,GAAG,QAAQ;;AAE5B,YAAA,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,MAAM,CAAC;;AAEvD,QAAA,IAAI,CAAC,wBAAwB,GAAG,KAAK;AACzC,KAAC;;IAGQ,aAAa,GAAG,KAAK;IACtB,kBAAkB,GAAG,YAAW;AACpC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QACzB,MAAM,eAAe,CAAC,KAAK,CAAC;YACxB,OAAO,GAAA;AACH,gBAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;;AAE3B,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC;AACvC,QAAA,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC;AAC5B,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACrB,KAAC;IAGD,MAAM,GAAA;AACF,QAAA,MAAM,MAAM,GAAG,QAAQ,EAAE;QACzB,IAAI,MAAM,EAAE;AACR,YAAA,OAAO,IAAI;;aACR;AACH,YAAA,QACI,CAAA,CAAA,KAAA,EAAA,IAAA,EACI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACtB,CAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,MAAK;AACV,oBAAA,IAAI,CAAC,IAAI,GAAG,IAAI;oBAChB,IAAI,CAAC,uBAAuB,EAAE;AAClC,iBAAC,+BACM,CACT,EAEF,IAAI,CAAC,IAAI,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAEnB,IAAI,CAAC,oBAAoB,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAC/C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAEnB,IAAI,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAI,CAAA,EAG7E,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAc,EAAA,uBAAA,CAAA,EAGtE,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,WAC/B,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,+BAC9B,CAEb,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,0CAEpB,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAErB,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,2BACzB,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAC7B,UAAU,EAAE,MAAK;AACb,oBAAA,IAAI,CAAC,YAAY,GAAG,SAAS;iBAChC,EAAA,CACH,CAEH,CACL,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAEhB,EAAA,gFAAA,CAAA,EAEF,IAAI,CAAC,YAAY,KAAK,QAAQ,IAAI,WAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC9C,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,MAAK;AACV,oBAAA,SAAS,CAAC;AACL,yBAAA,SAAS,CAAC,IAAI,CAAC,SAAS;yBACxB,IAAI,CAAC,MAAK;AACP,wBAAA,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;AAC9B,qBAAC;yBACA,KAAK,CAAC,MAAK;AACR,wBAAA,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AACzB,qBAAC,CAAC;AACV,iBAAC,EACS,EAAA,4CAAA,CAAA,CAEhB,IAAI,IAAI,CAAC,wBAAwB,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,SAAS,4BAAc,CAAC,EAGnF,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAEzB,EAAA,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA,CAAA,UAAA,EAAA,EACpB,QAAQ,EAAA,IAAA,EACR,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAM,KAAI;oBACjB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;iBAC9B,GACH,CAEJ,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAU,EAAA,cAAA,CAAA,EACvE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAK;AACvC,oBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACb,wBAAA,OAAO,CAAC,IAAI,CAAC,CAAA,KAAA,CAAO,CAAC;wBACrB;;oBAEJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE;wBACpC,OAAO,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,SAAS,CAAK,GAAA,CAAA,CAAC;wBAC5C;;oBAEJ,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;oBACxB,IAAI,CAAC,kBAAkB,EAAE;iBAC5B,mBAAU,CACT,CACJ,CACJ,CAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-mobile-input-btn/uploadNumberSDK.ts","src/components/pcm-mobile-input-btn/pcm-mobile-input-btn.css?tag=pcm-mobile-input-btn&encapsulation=shadow","src/global/global.css?tag=pcm-mobile-input-btn&encapsulation=shadow","src/components/pcm-mobile-input-btn/pcm-mobile-input-btn.tsx"],"sourcesContent":["import { sendHttpRequest } from \"../../utils/utils\";\n\n// 文件上传流水号SDK\nconst uploadNumberSDK = {\n    number: '',\n    isWorking: false,\n    close: async function (params?: {\n        onOk?: () => void;\n        onError?: () => void;\n    }) {\n        const { onOk, onError } = params ?? {};\n        const { number } = this;\n        if (number) {\n            const result = await sendHttpRequest({\n                url: `/resource/update_id/${number}`,\n                method: 'delete',\n            });\n            if (result.success) {\n                this.number = '';\n                onOk?.();\n            } else {\n                onError?.();\n            }\n        }\n    }\n}\n\nexport default uploadNumberSDK;",".mobile-upload {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 4px;\n}\n\n.btn {\n    position: relative;\n    padding: 4px 8px;\n    border-radius: 4px;\n    cursor: pointer;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    white-space: nowrap;\n}\n\n.btn::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.btn:hover::after {\n    background-color: rgba(0,0,0,0.04);\n}\n\n.btn-link {\n    color: #0D75FB;\n}\n\n.btn-default {\n    background-color: #ffffff;\n    color: #0D75FB;\n    border: 1px solid #0D75FB;\n}\n\n.btn-primary {\n    background-color: #0D75FB;\n    color: #ffffff;\n}\n\n\n.loading {\n    font-size: 12px;\n    color: #999999;\n}\n\n.mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0,0,0,0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 10000;\n}\n\n.mask .upload-wrapper {\n    width: 540px;\n    max-width: 80%;\n    max-height: 80%;\n    background-color: #ffffff;\n    padding: 32px 24px;\n    border-radius: 16px;\n    overflow-y: auto;\n}\n\n.mask .upload-wrapper .upload-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.time-expire {\n    margin: 8px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #555555;\n}\n\n.time-count-down {\n    margin-left: 8px;\n    color: #0D75FB;\n}\n\n.alert-tip {\n    margin-top: 8px;\n    text-align: center;\n    font-size: 12px;\n    color: #999999;\n}\n\n.qrcode-wrapper {\n    width: 160px;\n    height: 160px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid #e5e5e5;\n    border-radius: 4px;\n    padding: 1px;\n}\n\n.qrcode-wrapper .qrcode {\n    width: 100%;\n    height: 100%;\n}\n\n.modal-footer {\n    margin-top: 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n}\n\n.modal-footer .btn {\n    min-width: 100px;\n}\n\n.qrcode-textarea {\n    width: calc(100% - 16px);\n    min-height: 120px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    resize: vertical;\n    font-family: inherit;\n    font-size: 14px;\n    line-height: 1.5;\n    transition: border-color 0.3s;\n    padding: 8px;\n}",":host {\n    font-size: 16px;\n}\n\n/* 模态框基础样式 */\n.modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\n.fullscreen-overlay {\n    padding: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    /* 改为基于父组件的全屏 */\n    position: absolute;\n    width: 100%;\n    height: calc(100% - 10px);\n}\n\n.modal-container {\n    background-color: #fff;\n    border-radius: 8px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    margin: auto;\n    transition: all 0.3s ease-out;\n    overflow: hidden;\n}\n\n/* 全屏模式样式 - 改为基于父组件 */\n.modal-container.fullscreen {\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    border-radius: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n}\n\n/* PC端布局 */\n.pc-layout {\n    width: 80%;\n    max-width: 600px;\n    min-width: 320px;\n}\n\n/* 响应式布局 */\n@media screen and (max-width: 768px) {\n    .pc-layout {\n        width: 95%;\n    }\n\n    .modal-overlay {\n        padding: 10px 0px 0px 0px;\n    }\n\n    .modal-container.fullscreen {\n        /* 移动端也基于父组件尺寸 */\n        width: 100%;\n        height: 100%;\n        max-height: 100%;\n        border-radius: 16px 16px 0 0;\n        /* 保留安全区域支持 */\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\n    }\n}\n\n/* 模态框头部样式 */\n.modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 4px 16px;\n    height: 50px;\n    border-bottom: 1px solid #e8e8e8;\n    flex-shrink: 0;\n}\n\n.header-left {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #333;\n}\n\n.header-icon {\n    width: 24px;\n    height: 24px;\n}\n\n.close-button {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 4px;\n}\n\n.close-button:hover {\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.close-button span {\n    font-size: 24px;\n    line-height: 1;\n    color: #999;\n}\n\n.close-button:hover span {\n    color: #666;\n}\n\n\n/* 文件上传区域通用样式 */\n.upload-area {\n    cursor: pointer;\n    width: 100%;\n}\n\n\n.upload-placeholder {\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background: rgba(0, 0, 0, 0.02);\n    border: 1px dashed #d9d9d9;\n    border-radius: 8px;\n}\n\n.upload-placeholder:hover {\n    border: 1px dashed #1890ff;\n}\n\n.upload-placeholder img {\n    margin-top: 8px;\n    width: 50px;\n    height: 50px;\n}\n\n.upload-placeholder .upload-text {\n    margin: 4px 0;\n    color: #332F39;\n    font-size: 14px;\n}\n\n.upload-placeholder .upload-hint {\n    font-size: 14px;\n    color: #949AA5;\n    margin-top: 8px;\n    padding: 0px 10px;\n    text-align: center;\n}\n\n\n/* 文件项样式 */\n.file-item {\n    position: relative;\n    padding: 16px;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    transition: border-color 0.3s;\n    cursor: pointer;\n    margin-bottom: 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.file-item:hover {\n    border-color: #0D75FB;\n}\n\n.file-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.file-icon {\n    color: #0D75FB;\n    flex-shrink: 0;\n}\n\n.file-name {\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: calc(100% - 50px);\n}\n\n.remove-file {\n    background: transparent;\n    border: none;\n    color: #94a3b8;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px;\n    margin-left: 8px;\n    border-radius: 4px;\n    transition: all 0.2s;\n    min-width: 30px;\n    min-height: 30px;\n}\n\n.remove-file:hover {\n    background-color: #f1f5f9;\n    color: #475569;\n}\n\n.file-input {\n    display: none;\n}\n\n\n\n/* 输入容器样式 */\n.input-container {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    height: calc(100% - 50px);\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\n    /* 减去header高度 */\n    overflow-y: auto;\n}\n\n.input-container h3 {\n    margin-top: 0;\n    margin-bottom: 20px;\n    font-size: 18px;\n    color: #333;\n    text-align: center;\n}\n\n/* JD输入区域样式 */\n.jd-input-section {\n    margin-bottom: 20px;\n}\n\n.jd-input-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n}\n\n.job-description-textarea {\n    width: calc(100% - 16px);\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    resize: vertical;\n    font-family: inherit;\n    font-size: 14px;\n    line-height: 1.5;\n    transition: border-color 0.3s;\n    padding: 8px;\n}\n\n.job-description-textarea:focus {\n    outline: none;\n    border-color: #1890ff;\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n\n/* 简历上传区域样式 */\n.resume-upload-section {\n    margin-bottom: 20px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.resume-upload-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n    align-self: flex-start;\n}\n\n\n/* 提交按钮通用样式 */\n.submit-button {\n    margin-top: 10px;\n    padding: 10px 30px;\n    background: #0D75FB;\n    color: white;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    width: 100%;\n    max-width: 400px;\n    align-self: center;\n}\n\n.submit-button:hover {\n    background-color: #40a9ff;\n}\n\n.submit-button:disabled {\n    background-color: rgba(0,0,0,0.04);\n    color: rgba(0,0,0,0.25);\n    cursor: not-allowed;\n}\n\n\n\n/* AI免责声明和备案信息样式 */\n.ai-disclaimer {\n    margin-top: 16px;\n    text-align: center;\n    font-size: 12px;\n    color: #999;\n    line-height: 1.5;\n}\n\n.ai-disclaimer p {\n    margin: 4px 0;\n}\n\n.beian-info {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.ai-disclaimer a {\n    color: #666;\n    text-decoration: none;\n    transition: color 0.2s ease;\n}\n\n.ai-disclaimer a:hover {\n    color: #1890ff;\n    text-decoration: underline;\n}\n\n/* 添加加载状态的样式 */\n.loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 24px;\n  }\n  \n  .loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 4px solid rgba(0, 0, 0, 0.1);\n    border-radius: 50%;\n    border-top-color: var(--pcm-primary-color, #1890ff);\n    animation: spin 1s linear infinite;\n    margin-bottom: 16px;\n  }\n  \n  .loading-text {\n    font-size: 16px;\n    color: var(--pcm-text-color, #333);\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n  \n  ","import { Component, Prop, State, Event, h, EventEmitter } from \"@stencil/core\";\nimport { Byte, Encoder } from '@nuintun/qrcode'\nimport { isMobile, sendHttpRequest, PCM_DOMAIN } from \"../../utils/utils\";\nimport { Message } from \"../../services/message.service\";\nimport uploadNumberSDK from \"./uploadNumberSDK\";\n\n@Component({\n    tag: 'pcm-mobile-input-btn',\n    styleUrls: ['pcm-mobile-input-btn.css', '../../global/global.css'],\n    shadow: true,\n})\nexport class MobileUploadBtn {\n    // 标题\n    @Prop() name: string = '';\n    /**\n     * 最大文件数\n     */\n    @Prop() rows: number = 8;\n    /**\n     * 最大文件大小\n     */\n    @Prop() maxLength: number = undefined;\n    /**\n     * 填写请求头\n     */\n    @Prop() uploadHeaders?: Record<string, any>;\n    /**\n     * 填写请求参数\n     */\n    @Prop() uploadParams?: Record<string, any>;\n\n    @State() QR_CODE_VALID_TIME: number = 0;\n    @State() open: boolean = false;\n    @State() mobileUrl: string = '';\n    @State() setStartMobileUpload: boolean = false;\n    @State() startMobileUploadLoading: boolean = false;\n    @State() qrcodeStatus: 'active' | 'expired' | 'loading' | undefined = 'loading';\n    @State() value: string = '';\n\n    @Event() ok: EventEmitter<string>;\n\n    private setStartMobileUploadWrapper = (e: boolean) => {\n        uploadNumberSDK.isWorking = e;\n        this.setStartMobileUpload = e;\n    }\n\n    @State() qrcodeUrl: string = '';\n    private setMobileUrlWrapper = (e: string) => {\n        this.mobileUrl = e;\n        if (e) {\n            const encoder = new Encoder();\n            const qrcode = encoder.encode(new Byte(e));\n            this.qrcodeUrl = qrcode.toDataURL();\n        } else {\n            this.qrcodeUrl = '';\n        }\n    }\n\n    // 轮询流水号数据\n    private pollingQueryNumberInfo = async (num: any) => {\n        const res = await sendHttpRequest({\n            url: `/sdk/v1/update_id/${num}/status`,\n            method: 'get',\n        });\n        if (res?.success) {\n            const resData: {\n                update_id?: any;\n                tags?: any;\n                status?: any;\n                file_list?: any;\n                user_id?: any;\n                cfg?: any;\n                iat?: any;\n                exp?: any;\n                custom_data?: any;\n            } = res.data ?? {};\n            const { custom_data } = resData;\n            this.value = custom_data ?? '';\n        }\n        if (uploadNumberSDK.isWorking) {\n            setTimeout(() => {\n                this.pollingQueryNumberInfo(num);\n            }, 3000);\n        }\n    }\n\n    private handleStartMobileUpload = async () => {\n        const that = this;\n        this.qrcodeStatus = 'loading';\n        this.startMobileUploadLoading = true;\n        const params = this.uploadParams ?? {};\n        const reqData: {\n            cfg?: Record<string, any>;\n        } = {\n            cfg: {\n                fromUserName: '',\n                fromUserId: '',\n                upload: that.uploadParams,\n                name: that.name,\n                rows: that.rows,\n                maxLength: that.maxLength,\n                params,\n            },\n        }\n        const res = await sendHttpRequest({\n            url: `/sdk/v1/update_id`,\n            method: 'post',\n            data: reqData,\n        });\n        if (res?.success) {\n            const resData: {\n                update_id?: any;\n                tags?: any;\n                status?: any;\n                file_list?: any;\n                user_id?: any;\n                cfg?: any;\n                iat?: any;\n                exp?: any;\n                now?: any;\n            } = res.data ?? {};\n            uploadNumberSDK.number = resData.update_id;\n            this.QR_CODE_VALID_TIME = Number(resData.exp) - Number(resData.now);\n            const theMobileUrl = `${PCM_DOMAIN}/agents/inputByCode?num=${uploadNumberSDK.number}`;\n            this.setMobileUrlWrapper(theMobileUrl)\n            this.setStartMobileUploadWrapper(true);\n            this.qrcodeStatus = 'active';\n            // 开启轮询\n            this.pollingQueryNumberInfo(uploadNumberSDK.number);\n        }\n        this.startMobileUploadLoading = false;\n    }\n\n    // 取消手机填写\n    @State() cancelLoading = false;\n    private cancelMobileUpload = async () => {\n        this.cancelLoading = true;\n        await uploadNumberSDK.close({\n            onError() {\n                Message.info('取消失败');\n            }\n        })\n        this.cancelLoading = false;\n        this.QR_CODE_VALID_TIME = 0;\n        this.setStartMobileUploadWrapper(false);\n        this.setMobileUrlWrapper('');\n        this.qrcodeStatus = 'expired';\n        this.value = '';\n        this.open = false;\n    }\n\n\n    render() {\n        const mobile = isMobile();\n        if (mobile) {\n            return null\n        } else {\n            return (\n                <div>\n                    <div class=\"mobile-upload\">\n                        <div\n                            class=\"btn btn-link\"\n                            onClick={() => {\n                                this.open = true;\n                                this.handleStartMobileUpload();\n                            }}\n                        >扫码填写</div>\n                    </div>\n                    {\n                        this.open && <div class=\"mask\">\n                            <div class=\"upload-wrapper\">\n                                {\n                                    this.setStartMobileUpload ? <div class=\"upload-box\">\n                                        <div class=\"qrcode-wrapper\">\n                                            {\n                                                this.qrcodeStatus === 'active' && <img class=\"qrcode\" src={this.qrcodeUrl} />\n                                            }\n                                            {\n                                                this.qrcodeStatus === 'loading' && <span class=\"loading\">加载中...</span>\n                                            }\n                                            {\n                                                this.qrcodeStatus === 'expired' && <div\n                                                    class=\"btn btn-link\"\n                                                    onClick={this.handleStartMobileUpload}\n                                                >重新获取</div>\n                                            }\n                                        </div>\n                                        <div class=\"time-expire\">\n                                            二维码有效期\n                                            <span class=\"time-count-down\">\n                                                {\n                                                    !!this.QR_CODE_VALID_TIME && <pcm-time-count-down\n                                                        time={this.QR_CODE_VALID_TIME}\n                                                        onFinished={() => {\n                                                            this.qrcodeStatus = 'expired';\n                                                        }}\n                                                    />\n                                                }\n                                            </span>\n                                        </div>\n                                        <div class=\"alert-tip\">\n                                            填写过程中请不要关闭此弹窗\n                                        </div>\n                                        {\n                                            this.qrcodeStatus === 'active' && <div\n                                                style={{ marginTop: '12px', fontSize: '12px' }}\n                                                class=\"btn btn-link\"\n                                                onClick={() => {\n                                                    navigator.clipboard\n                                                        .writeText(this.mobileUrl)\n                                                        .then(() => {\n                                                            Message.success(\"已复制到剪贴板\");\n                                                        })\n                                                        .catch(() => {\n                                                            Message.error(\"复制失败\");\n                                                        });\n                                                }}\n                                            >复制二维码地址</div>\n                                        }\n                                    </div> : (this.startMobileUploadLoading && <span class=\"loading\">加载中...</span>)\n                                }\n                                {/* 填写文件列表 */}\n                                <div style={{ marginTop: '12px' }}>\n                                    {\n                                        !!this.value?.length && <textarea\n                                            readOnly\n                                            class=\"qrcode-textarea\"\n                                            value={this.value}\n                                            onChange={(e: any) => {\n                                                this.value = e.target.value;\n                                            }}\n                                        />\n                                    }\n                                </div>\n                                <div class=\"modal-footer\">\n                                    <div class=\"btn btn-default\" onClick={this.cancelMobileUpload}>取消</div>\n                                    <div class=\"btn btn-primary\" onClick={() => {\n                                        if (!this.value) {\n                                            Message.info(`请输入内容`);\n                                            return;\n                                        }\n                                        if (this.value.length > this.maxLength) {\n                                            Message.info(`输入内容不能超过${this.maxLength}个字符`);\n                                            return;\n                                        }\n                                        this.ok.emit(this.value);\n                                        this.cancelMobileUpload();\n                                    }}>完成</div>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                </div>\n            )\n        }\n    }\n}"],"version":3}

package/dist/components/p-njngFX_n.js

@@ -0,0 +1,80 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-BdiUKin5.js';
+
+const pcmTimeCountDownCss = "";
+
+const globalCss = ":host{font-size:16px}.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);position:absolute;width:100%;height:calc(100% - 10px)}.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:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;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:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.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:#0D75FB;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:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+const formatNumber = (n) => {
+    const str = n.toString();
+    return str[1] ? str : `0${str}`;
+};
+// 时间转时分秒
+const timeToHMS = (time) => {
+    const hour = Math.floor(time / 3600);
+    const minute = Math.floor((time - hour * 3600) / 60);
+    const second = time - hour * 3600 - minute * 60;
+    return `${formatNumber(hour)}:${formatNumber(minute)}:${formatNumber(second)}`;
+};
+const TimeCountDown = /*@__PURE__*/ proxyCustomElement(class TimeCountDown extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.finished = createEvent(this, "finished");
+    }
+    /**
+     * 倒计时总秒数
+     */
+    time;
+    /**
+     * 倒计时结束事件
+     */
+    finished;
+    currentTime;
+    componentWillLoad() {
+        this.currentTime = this.time;
+    }
+    watchStateHandler(currentTime) {
+        let timer;
+        if (currentTime > 0) {
+            timer = setTimeout(() => {
+                this.currentTime = currentTime - 1;
+                clearTimeout(timer);
+            }, 1000);
+        }
+        else {
+            this.finished.emit();
+        }
+    }
+    render() {
+        return h("span", { key: '88065e0a7955b893f71110ae8389ee1d1d37bdf6' }, timeToHMS(this.currentTime));
+    }
+    static get watchers() { return {
+        "currentTime": ["watchStateHandler"]
+    }; }
+    static get style() { return pcmTimeCountDownCss + globalCss; }
+}, [1, "pcm-time-count-down", {
+        "time": [2],
+        "currentTime": [32]
+    }, undefined, {
+        "currentTime": ["watchStateHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["pcm-time-count-down"];
+    components.forEach(tagName => { switch (tagName) {
+        case "pcm-time-count-down":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TimeCountDown);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TimeCountDown as T, defineCustomElement as d };
+//# sourceMappingURL=p-njngFX_n.js.map
+
+//# sourceMappingURL=p-njngFX_n.js.map

package/dist/components/p-njngFX_n.js.map

@@ -0,0 +1 @@
+{"file":"p-njngFX_n.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,EAAE;;ACA9B,MAAM,SAAS,GAAG,43JAA43J;;ACE94J,MAAM,YAAY,GAAG,CAAC,CAAS,KAAI;AAC/B,IAAA,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE;AACxB,IAAA,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAI,CAAA,EAAA,GAAG,EAAE;AACnC,CAAC;AAED;AACA,MAAM,SAAS,GAAG,CAAC,IAAY,KAAI;IAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AACpC,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACpD,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,EAAE;AAC/C,IAAA,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;AAClF,CAAC;MAOY,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,IAAI;AACZ;;AAEG;AACM,IAAA,QAAQ;AAER,IAAA,WAAW;IAEpB,iBAAiB,GAAA;AACb,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI;;AAIhC,IAAA,iBAAiB,CAAC,WAAW,EAAA;AACzB,QAAA,IAAI,KAAK;AACT,QAAA,IAAI,WAAW,GAAG,CAAC,EAAE;AACjB,YAAA,KAAK,GAAG,UAAU,CAAC,MAAK;AACpB,gBAAA,IAAI,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC;gBAClC,YAAY,CAAC,KAAK,CAAC;aACtB,EAAE,IAAI,CAAC;;aACL;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;IAI5B,MAAM,GAAA;AACF,QAAA,OAAO,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-time-count-down/pcm-time-count-down.css?tag=pcm-time-count-down&encapsulation=shadow","src/global/global.css?tag=pcm-time-count-down&encapsulation=shadow","src/components/pcm-time-count-down/pcm-time-count-down.tsx"],"sourcesContent":["",":host {\n    font-size: 16px;\n}\n\n/* 模态框基础样式 */\n.modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\n.fullscreen-overlay {\n    padding: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    /* 改为基于父组件的全屏 */\n    position: absolute;\n    width: 100%;\n    height: calc(100% - 10px);\n}\n\n.modal-container {\n    background-color: #fff;\n    border-radius: 8px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    margin: auto;\n    transition: all 0.3s ease-out;\n    overflow: hidden;\n}\n\n/* 全屏模式样式 - 改为基于父组件 */\n.modal-container.fullscreen {\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    border-radius: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n}\n\n/* PC端布局 */\n.pc-layout {\n    width: 80%;\n    max-width: 600px;\n    min-width: 320px;\n}\n\n/* 响应式布局 */\n@media screen and (max-width: 768px) {\n    .pc-layout {\n        width: 95%;\n    }\n\n    .modal-overlay {\n        padding: 10px 0px 0px 0px;\n    }\n\n    .modal-container.fullscreen {\n        /* 移动端也基于父组件尺寸 */\n        width: 100%;\n        height: 100%;\n        max-height: 100%;\n        border-radius: 16px 16px 0 0;\n        /* 保留安全区域支持 */\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\n    }\n}\n\n/* 模态框头部样式 */\n.modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 4px 16px;\n    height: 50px;\n    border-bottom: 1px solid #e8e8e8;\n    flex-shrink: 0;\n}\n\n.header-left {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #333;\n}\n\n.header-icon {\n    width: 24px;\n    height: 24px;\n}\n\n.close-button {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 4px;\n}\n\n.close-button:hover {\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.close-button span {\n    font-size: 24px;\n    line-height: 1;\n    color: #999;\n}\n\n.close-button:hover span {\n    color: #666;\n}\n\n\n/* 文件上传区域通用样式 */\n.upload-area {\n    cursor: pointer;\n    width: 100%;\n}\n\n\n.upload-placeholder {\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background: rgba(0, 0, 0, 0.02);\n    border: 1px dashed #d9d9d9;\n    border-radius: 8px;\n}\n\n.upload-placeholder:hover {\n    border: 1px dashed #1890ff;\n}\n\n.upload-placeholder img {\n    margin-top: 8px;\n    width: 50px;\n    height: 50px;\n}\n\n.upload-placeholder .upload-text {\n    margin: 4px 0;\n    color: #332F39;\n    font-size: 14px;\n}\n\n.upload-placeholder .upload-hint {\n    font-size: 14px;\n    color: #949AA5;\n    margin-top: 8px;\n    padding: 0px 10px;\n    text-align: center;\n}\n\n\n/* 文件项样式 */\n.file-item {\n    position: relative;\n    padding: 16px;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    transition: border-color 0.3s;\n    cursor: pointer;\n    margin-bottom: 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.file-item:hover {\n    border-color: #0D75FB;\n}\n\n.file-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.file-icon {\n    color: #0D75FB;\n    flex-shrink: 0;\n}\n\n.file-name {\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: calc(100% - 50px);\n}\n\n.remove-file {\n    background: transparent;\n    border: none;\n    color: #94a3b8;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px;\n    margin-left: 8px;\n    border-radius: 4px;\n    transition: all 0.2s;\n    min-width: 30px;\n    min-height: 30px;\n}\n\n.remove-file:hover {\n    background-color: #f1f5f9;\n    color: #475569;\n}\n\n.file-input {\n    display: none;\n}\n\n\n\n/* 输入容器样式 */\n.input-container {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    height: calc(100% - 50px);\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\n    /* 减去header高度 */\n    overflow-y: auto;\n}\n\n.input-container h3 {\n    margin-top: 0;\n    margin-bottom: 20px;\n    font-size: 18px;\n    color: #333;\n    text-align: center;\n}\n\n/* JD输入区域样式 */\n.jd-input-section {\n    margin-bottom: 20px;\n}\n\n.jd-input-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n}\n\n.job-description-textarea {\n    width: calc(100% - 16px);\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    resize: vertical;\n    font-family: inherit;\n    font-size: 14px;\n    line-height: 1.5;\n    transition: border-color 0.3s;\n    padding: 8px;\n}\n\n.job-description-textarea:focus {\n    outline: none;\n    border-color: #1890ff;\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n\n/* 简历上传区域样式 */\n.resume-upload-section {\n    margin-bottom: 20px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.resume-upload-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n    align-self: flex-start;\n}\n\n\n/* 提交按钮通用样式 */\n.submit-button {\n    margin-top: 10px;\n    padding: 10px 30px;\n    background: #0D75FB;\n    color: white;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    width: 100%;\n    max-width: 400px;\n    align-self: center;\n}\n\n.submit-button:hover {\n    background-color: #40a9ff;\n}\n\n.submit-button:disabled {\n    background-color: rgba(0,0,0,0.04);\n    color: rgba(0,0,0,0.25);\n    cursor: not-allowed;\n}\n\n\n\n/* AI免责声明和备案信息样式 */\n.ai-disclaimer {\n    margin-top: 16px;\n    text-align: center;\n    font-size: 12px;\n    color: #999;\n    line-height: 1.5;\n}\n\n.ai-disclaimer p {\n    margin: 4px 0;\n}\n\n.beian-info {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.ai-disclaimer a {\n    color: #666;\n    text-decoration: none;\n    transition: color 0.2s ease;\n}\n\n.ai-disclaimer a:hover {\n    color: #1890ff;\n    text-decoration: underline;\n}\n\n/* 添加加载状态的样式 */\n.loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 24px;\n  }\n  \n  .loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 4px solid rgba(0, 0, 0, 0.1);\n    border-radius: 50%;\n    border-top-color: var(--pcm-primary-color, #1890ff);\n    animation: spin 1s linear infinite;\n    margin-bottom: 16px;\n  }\n  \n  .loading-text {\n    font-size: 16px;\n    color: var(--pcm-text-color, #333);\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n  \n  ","import { Component, EventEmitter, Prop, Event, h, State, Watch } from \"@stencil/core\";\n\nconst formatNumber = (n: number) => {\n    const str = n.toString();\n    return str[1] ? str : `0${str}`;\n}\n\n// 时间转时分秒\nconst timeToHMS = (time: number) => {\n    const hour = Math.floor(time / 3600);\n    const minute = Math.floor((time - hour * 3600) / 60);\n    const second = time - hour * 3600 - minute * 60;\n    return `${formatNumber(hour)}:${formatNumber(minute)}:${formatNumber(second)}`;\n}\n\n@Component({\n    tag: 'pcm-time-count-down',\n    styleUrls: ['pcm-time-count-down.css', '../../global/global.css'],\n    shadow: true,\n})\nexport class TimeCountDown {\n    /**\n     * 倒计时总秒数\n     */\n    @Prop() time: number;\n    /**\n     * 倒计时结束事件\n     */\n    @Event() finished: EventEmitter;\n\n    @State() currentTime: number;\n\n    componentWillLoad() {\n        this.currentTime = this.time;\n    }\n\n    @Watch('currentTime')\n    watchStateHandler(currentTime) {\n        let timer;\n        if (currentTime > 0) {\n            timer = setTimeout(() => {\n                this.currentTime = currentTime - 1;\n                clearTimeout(timer);\n            }, 1000);\n        } else {\n            this.finished.emit();\n        }\n    }\n\n    render() {\n        return <span>{timeToHMS(this.currentTime)}</span>\n    }\n}\n"],"version":3}

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

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, v as verifyApiKey } from './p-AYWZDCn8.js';
-import { d as defineCustomElement$3, E as ErrorEventBus } from './p-CjbFHLT7.js';
-import { c as configStore } from './p-DUQ46MUh.js';
-import { d as defineCustomElement$4 } from './p-FjtoYPVY.js';
-import { d as defineCustomElement$2 } from './p-D2Z8casl.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-BdiUKin5.js';
+import { a as authStore, v as verifyApiKey } from './p-B0WOTw9J.js';
+import { d as defineCustomElement$3, E as ErrorEventBus } from './p-De3VHEUn.js';
+import { c as configStore } from './p-BGXbWUJg.js';
+import { d as defineCustomElement$4 } from './p-BywzltXy.js';
+import { d as defineCustomElement$2 } from './p-CuIvbaWY.js';
 
 const pcm1zhanshiMnmsModalCss = "";
 
-const globalCss = ":host{font-size:16px}.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);position:absolute;width:100%;height:calc(100% - 10px)}.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:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;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:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.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:#0D75FB;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:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+const globalCss = ":host{font-size:16px}.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);position:absolute;width:100%;height:calc(100% - 10px)}.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:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;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:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.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:#0D75FB;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:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 
 const ZhanshiMnmsModal = /*@__PURE__*/ proxyCustomElement(class ZhanshiMnmsModal extends H {
     constructor() {

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

@@ -1 +1 @@
-{"file":"pcm-1zhanshi-mnms-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/global/global.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.tsx"],"sourcesContent":["",":host {\r\n    font-size: 16px;\r\n}\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    z-index: 1000;\r\n    overflow-y: auto;\r\n    padding: 20px;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: calc(100% - 10px);\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: 100%;\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    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\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: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\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    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\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    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\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    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\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: calc(100% - 16px);\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    padding: 8px;\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: #0D75FB;\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.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n  \r\n  ","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport {FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport { \r\n  StreamCompleteEventData, \r\n  ConversationStartEventData, \r\n  InterviewCompleteEventData,\r\n  RecordingErrorEventData,\r\n} from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\n\r\n/**\r\n * 模拟面试\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-1zhanshi-mnms-modal',\r\n    styleUrls: ['pcm-1zhanshi-mnms-modal.css', '../../global/global.css'],\r\n    shadow: true,\r\n})\r\nexport class ZhanshiMnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * SDK鉴权密钥\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     * 视频录制最大时长（秒）默认120\r\n     */\r\n    @Prop() maxRecordingTime: number = 120;\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，传入customInputs.job_info时，会隐藏JD输入区域<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\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<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 录制错误事件\r\n     */\r\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\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    // 使用 @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 tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        \r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n            this.showChatModal = true;\r\n        }\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        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\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                     {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isShowHeader}\r\n                                fullscreen={this.fullscreen}\r\n                                botId=\"3022316191018903\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                maxRecordingTime={this.maxRecordingTime}\r\n                                enableTTS={false}\r\n                                customInputs={this.conversationId ? {} : {\r\n                                    ...this.customInputs,\r\n                                    file_url: this.uploadedFileInfo?.cos_key,\r\n                                    file_name: this.uploadedFileInfo?.file_name,\r\n                                }}\r\n                                interviewMode='video'\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-1zhanshi-mnms-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/global/global.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.tsx"],"sourcesContent":["",":host {\n    font-size: 16px;\n}\n\n/* 模态框基础样式 */\n.modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\n.fullscreen-overlay {\n    padding: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    /* 改为基于父组件的全屏 */\n    position: absolute;\n    width: 100%;\n    height: calc(100% - 10px);\n}\n\n.modal-container {\n    background-color: #fff;\n    border-radius: 8px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    margin: auto;\n    transition: all 0.3s ease-out;\n    overflow: hidden;\n}\n\n/* 全屏模式样式 - 改为基于父组件 */\n.modal-container.fullscreen {\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    border-radius: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n}\n\n/* PC端布局 */\n.pc-layout {\n    width: 80%;\n    max-width: 600px;\n    min-width: 320px;\n}\n\n/* 响应式布局 */\n@media screen and (max-width: 768px) {\n    .pc-layout {\n        width: 95%;\n    }\n\n    .modal-overlay {\n        padding: 10px 0px 0px 0px;\n    }\n\n    .modal-container.fullscreen {\n        /* 移动端也基于父组件尺寸 */\n        width: 100%;\n        height: 100%;\n        max-height: 100%;\n        border-radius: 16px 16px 0 0;\n        /* 保留安全区域支持 */\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\n    }\n}\n\n/* 模态框头部样式 */\n.modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 4px 16px;\n    height: 50px;\n    border-bottom: 1px solid #e8e8e8;\n    flex-shrink: 0;\n}\n\n.header-left {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #333;\n}\n\n.header-icon {\n    width: 24px;\n    height: 24px;\n}\n\n.close-button {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 4px;\n}\n\n.close-button:hover {\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.close-button span {\n    font-size: 24px;\n    line-height: 1;\n    color: #999;\n}\n\n.close-button:hover span {\n    color: #666;\n}\n\n\n/* 文件上传区域通用样式 */\n.upload-area {\n    cursor: pointer;\n    width: 100%;\n}\n\n\n.upload-placeholder {\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background: rgba(0, 0, 0, 0.02);\n    border: 1px dashed #d9d9d9;\n    border-radius: 8px;\n}\n\n.upload-placeholder:hover {\n    border: 1px dashed #1890ff;\n}\n\n.upload-placeholder img {\n    margin-top: 8px;\n    width: 50px;\n    height: 50px;\n}\n\n.upload-placeholder .upload-text {\n    margin: 4px 0;\n    color: #332F39;\n    font-size: 14px;\n}\n\n.upload-placeholder .upload-hint {\n    font-size: 14px;\n    color: #949AA5;\n    margin-top: 8px;\n    padding: 0px 10px;\n    text-align: center;\n}\n\n\n/* 文件项样式 */\n.file-item {\n    position: relative;\n    padding: 16px;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    transition: border-color 0.3s;\n    cursor: pointer;\n    margin-bottom: 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.file-item:hover {\n    border-color: #0D75FB;\n}\n\n.file-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.file-icon {\n    color: #0D75FB;\n    flex-shrink: 0;\n}\n\n.file-name {\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: calc(100% - 50px);\n}\n\n.remove-file {\n    background: transparent;\n    border: none;\n    color: #94a3b8;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px;\n    margin-left: 8px;\n    border-radius: 4px;\n    transition: all 0.2s;\n    min-width: 30px;\n    min-height: 30px;\n}\n\n.remove-file:hover {\n    background-color: #f1f5f9;\n    color: #475569;\n}\n\n.file-input {\n    display: none;\n}\n\n\n\n/* 输入容器样式 */\n.input-container {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    height: calc(100% - 50px);\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\n    /* 减去header高度 */\n    overflow-y: auto;\n}\n\n.input-container h3 {\n    margin-top: 0;\n    margin-bottom: 20px;\n    font-size: 18px;\n    color: #333;\n    text-align: center;\n}\n\n/* JD输入区域样式 */\n.jd-input-section {\n    margin-bottom: 20px;\n}\n\n.jd-input-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n}\n\n.job-description-textarea {\n    width: calc(100% - 16px);\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    resize: vertical;\n    font-family: inherit;\n    font-size: 14px;\n    line-height: 1.5;\n    transition: border-color 0.3s;\n    padding: 8px;\n}\n\n.job-description-textarea:focus {\n    outline: none;\n    border-color: #1890ff;\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n\n/* 简历上传区域样式 */\n.resume-upload-section {\n    margin-bottom: 20px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.resume-upload-section label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #333;\n    align-self: flex-start;\n}\n\n\n/* 提交按钮通用样式 */\n.submit-button {\n    margin-top: 10px;\n    padding: 10px 30px;\n    background: #0D75FB;\n    color: white;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    width: 100%;\n    max-width: 400px;\n    align-self: center;\n}\n\n.submit-button:hover {\n    background-color: #40a9ff;\n}\n\n.submit-button:disabled {\n    background-color: rgba(0,0,0,0.04);\n    color: rgba(0,0,0,0.25);\n    cursor: not-allowed;\n}\n\n\n\n/* AI免责声明和备案信息样式 */\n.ai-disclaimer {\n    margin-top: 16px;\n    text-align: center;\n    font-size: 12px;\n    color: #999;\n    line-height: 1.5;\n}\n\n.ai-disclaimer p {\n    margin: 4px 0;\n}\n\n.beian-info {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.ai-disclaimer a {\n    color: #666;\n    text-decoration: none;\n    transition: color 0.2s ease;\n}\n\n.ai-disclaimer a:hover {\n    color: #1890ff;\n    text-decoration: underline;\n}\n\n/* 添加加载状态的样式 */\n.loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 24px;\n  }\n  \n  .loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 4px solid rgba(0, 0, 0, 0.1);\n    border-radius: 50%;\n    border-top-color: var(--pcm-primary-color, #1890ff);\n    animation: spin 1s linear infinite;\n    margin-bottom: 16px;\n  }\n  \n  .loading-text {\n    font-size: 16px;\n    color: var(--pcm-text-color, #333);\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n  \n  ","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport {FileUploadResponse, verifyApiKey } from '../../utils/utils';\nimport { \n  StreamCompleteEventData, \n  ConversationStartEventData, \n  InterviewCompleteEventData,\n  RecordingErrorEventData,\n} from '../../interfaces/events';\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\nimport { authStore } from '../../../store/auth.store';\nimport { configStore } from '../../../store/config.store';\n\n/**\n * 模拟面试\n */\n\n@Component({\n    tag: 'pcm-1zhanshi-mnms-modal',\n    styleUrls: ['pcm-1zhanshi-mnms-modal.css', '../../global/global.css'],\n    shadow: true,\n})\nexport class ZhanshiMnmsModal {\n    /**\n     * 模态框标题\n     */\n    @Prop() modalTitle: string = '模拟面试';\n\n    /**\n     * SDK鉴权密钥\n     */\n    @Prop({ attribute: 'token' }) token!: string;\n\n    /**\n     * 是否显示聊天模态框\n     */\n    @Prop({ mutable: true }) isOpen: boolean = false;\n\n    /**\n     * 当点击模态框关闭时触发\n     */\n    @Event() modalClosed: EventEmitter<void>;\n\n    /**\n     * 应用图标URL\n     */\n    @Prop() icon?: string;\n\n    /**\n     * 聊天框的页面层级\n     */\n    @Prop() zIndex?: number = 1000;\n\n    /**\n     * 是否展示顶部标题栏\n     */\n    @Prop() isShowHeader: boolean = true;\n\n    /**\n     * 是否展示右上角的关闭按钮\n     */\n    @Prop() isNeedClose: boolean = true;\n\n    /**\n     * 会话ID，传入继续对话，否则创建新会话\n     */\n    @Prop({ mutable: true }) conversationId?: string;\n\n    /**\n     * 默认查询文本\n     */\n    @Prop() defaultQuery: string = '请开始模拟面试';\n\n    /**\n     * 视频录制最大时长（秒）默认120\n     */\n    @Prop() maxRecordingTime: number = 120;\n\n    /**\n     * 是否以全屏模式打开，移动端建议设置为true\n     */\n    @Prop() fullscreen: boolean = false;\n\n    /**\n     * 自定义输入参数，传入customInputs.job_info时，会隐藏JD输入区域<br>\n     */\n    @Prop() customInputs: Record<string, string> = {};\n\n    /**\n     * 上传成功事件\n     */\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\n\n    /**\n     * 流式输出完成事件\n     */\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\n\n    /**\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\n     */\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\n\n    /**\n     * 当聊天完成时触发\n     */\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\n\n    /**\n     * SDK密钥验证失败事件\n     */\n    @Event() tokenInvalid: EventEmitter<void>;\n\n    /**\n     * 错误事件\n     */\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\n\n    /**\n     * 录制错误事件\n     */\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\n\n    @State() selectedFile: File | null = null;\n    @State() isUploading: boolean = false;\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\n    @State() showChatModal: boolean = false;\n\n    // 使用 @Element 装饰器获取组件的 host 元素\n    @Element() hostElement: HTMLElement;\n\n    @State() jobDescription: string = '';\n    @State() isSubmitting: boolean = false;\n\n    private tokenInvalidListener: () => void;\n    private removeErrorListener: () => void;\n\n    @Watch('token')\n    handleTokenChange(newToken: string) {\n        // 当传入的 token 变化时，更新 authStore 中的 token\n        if (newToken && newToken !== authStore.getToken()) {\n            authStore.setToken(newToken);\n        }\n    }\n\n    componentWillLoad() {\n\n        // 将 zIndex 存入配置缓存\n        if (this.zIndex) {\n            configStore.setItem('modal-zIndex', this.zIndex);\n        }\n\n        if (this.token) {\n            authStore.setToken(this.token);\n        }\n        \n        // 添加全局token无效事件监听器\n        this.tokenInvalidListener = () => {\n            this.tokenInvalid.emit();\n        };\n        // 添加全局错误监听\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\n            this.someErrorEvent.emit(errorDetail);\n        });\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\n    }\n\n    disconnectedCallback() {\n        // 组件销毁时移除事件监听器\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\n        // 移除错误监听器\n        if (this.removeErrorListener) {\n            this.removeErrorListener();\n        }\n    }\n\n    private handleClose = () => {\n        this.modalClosed.emit();\n    };\n\n\n    @Watch('isOpen')\n    async handleIsOpenChange(newValue: boolean) {\n        if (!newValue) {\n            // 重置状态\n            this.showChatModal = false;\n            this.jobDescription = '';\n        } else {\n            await verifyApiKey(this.token);\n            this.showChatModal = true;\n        }\n    }\n\n\n    render() {\n        if (!this.isOpen) return null;\n\n        const modalStyle = {\n            zIndex: String(this.zIndex)\n        };\n\n        const containerClass = {\n            'modal-container': true,\n            'fullscreen': this.fullscreen,\n            'pc-layout': true,\n        };\n\n        const overlayClass = {\n            'modal-overlay': true,\n            'fullscreen-overlay': this.fullscreen\n        };\n\n        // 显示加载状态\n        const isLoading = this.conversationId && !this.showChatModal;\n\n\n        return (\n            <div class={overlayClass} style={modalStyle}>\n                <div class={containerClass}>\n                    {this.isShowHeader && (\n                        <div class=\"modal-header\">\n                            <div class=\"header-left\">\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\n                                <div>{this.modalTitle}</div>\n                            </div>\n                            {this.isNeedClose && (\n                                <button class=\"close-button\" onClick={this.handleClose}>\n                                    <span>×</span>\n                                </button>\n                            )}\n                        </div>\n                    )}\n\n                     {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\n                     {isLoading && (\n                        <div class=\"loading-container\">\n                            <div class=\"loading-spinner\"></div>\n                            <p class=\"loading-text\">正在加载对话...</p>\n                        </div>\n                    )}\n\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\n                    {this.showChatModal && (\n                        <div >\n                            <pcm-app-chat-modal\n                                isOpen={true}\n                                modalTitle={this.modalTitle}\n                                icon={this.icon}\n                                isShowHeader={this.isShowHeader}\n                                isNeedClose={this.isShowHeader}\n                                fullscreen={this.fullscreen}\n                                botId=\"3022316191018903\"\n                                conversationId={this.conversationId}\n                                defaultQuery={this.defaultQuery}\n                                maxRecordingTime={this.maxRecordingTime}\n                                enableTTS={false}\n                                customInputs={this.conversationId ? {} : {\n                                    ...this.customInputs,\n                                    file_url: this.uploadedFileInfo?.cos_key,\n                                    file_name: this.uploadedFileInfo?.file_name,\n                                }}\n                                interviewMode='video'\n                            ></pcm-app-chat-modal>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    }\n} "],"version":3}

package/dist/components/pcm-app-chat-modal.js

@@ -1,4 +1,4 @@
-import { C as ChatAPPModal, d as defineCustomElement$1 } from './p-FjtoYPVY.js';
+import { C as ChatAPPModal, d as defineCustomElement$1 } from './p-BywzltXy.js';
 
 const PcmAppChatModal = ChatAPPModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/pcm-button.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-CR7WLzmM.js';
+import { p as proxyCustomElement, H, h } from './p-BdiUKin5.js';
 
 const pcmButtonCss = ":host{display:inline-block}.pcm-button{display:inline-flex;align-items:center;justify-content:center;font-weight:400;white-space:nowrap;text-align:center;background-image:none;border:1px solid transparent;cursor:pointer;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);user-select:none;touch-action:manipulation;height:32px;padding:0 15px;font-size:14px;border-radius:4px;color:rgba(0, 0, 0, 0.85);background-color:white;border-color:#d9d9d9;outline:none}.pcm-button:hover{border-color:#40a9ff;color:#40a9ff}.pcm-button:active{border-color:#096dd9;color:#096dd9}.pcm-button-default{background-color:white;border-color:#d9d9d9;color:rgba(0, 0, 0, 0.85)}.pcm-button-primary{background-color:#1677FF;border-color:#1677FF;color:white}.pcm-button-primary:hover{background-color:#40a9ff;border-color:#40a9ff;color:white}.pcm-button-primary:active{background-color:#096dd9;border-color:#096dd9;color:white}.pcm-button-dashed{background-color:white;border-color:#d9d9d9;border-style:dashed}.pcm-button-text{background-color:transparent;border-color:transparent;color:rgba(0, 0, 0, 0.85);box-shadow:none}.pcm-button-text:hover{background-color:rgba(0, 0, 0, 0.05);border-color:transparent;color:rgba(0, 0, 0, 0.85)}.pcm-button-link{background-color:transparent;border-color:transparent;color:#1677FF;box-shadow:none}.pcm-button-link:hover{color:#40a9ff;background-color:transparent;border-color:transparent}.pcm-button-large{height:40px;padding:0 20px;font-size:16px}.pcm-button-small{height:24px;padding:0 7px;font-size:12px}.pcm-button-circle{min-width:32px;padding:0;border-radius:50%}.pcm-button-large.pcm-button-circle{min-width:40px}.pcm-button-small.pcm-button-circle{min-width:24px}.pcm-button-round{border-radius:40px}.pcm-button-loading{opacity:0.65;cursor:default}.loading-icon{width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:loading-spin 1s infinite linear;display:inline-block}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pcm-button-disabled{cursor:not-allowed;opacity:0.65}.pcm-button-disabled:hover,.pcm-button-disabled:active{color:rgba(0, 0, 0, 0.25);background-color:#f5f5f5;border-color:#d9d9d9}.pcm-button-primary.pcm-button-disabled:hover,.pcm-button-primary.pcm-button-disabled:active{background-color:#1677FF;border-color:#1677FF;color:white}.button-icon{margin-right:8px;display:inline-flex;align-items:center}.button-icon img{width:16px;height:16px}.pcm-button-small .button-icon img{width:12px;height:12px}.pcm-button-large .button-icon img{width:18px;height:18px}.pcm-button-block{width:100%;display:flex}";
 
@@ -96,7 +96,7 @@ const PcmButton$1 = /*@__PURE__*/ proxyCustomElement(class PcmButton extends H {
         if (this.borderStyle) {
             customStyle['borderStyle'] = this.borderStyle;
         }
-        return (h("button", { key: 'f8105a4e08d60af62e77185726b2d67f8378ad2a', class: Object.keys(classes).filter(key => classes[key]).join(' '), style: customStyle, disabled: this.disabled, type: "button" }, this.loading && (h("span", { key: '713aaf3ed2e05e933e3813128146cad481179055', class: "loading-icon" })), this.icon && !this.loading && (h("span", { key: 'f680ccc5a0481c8c2eddaef84497475426eba8fb', class: "button-icon" }, h("img", { key: '888b1a7ba7427a91f4c53732ba4583e3cc68fbe5', src: this.icon, alt: "" }))), h("slot", { key: '1ee6ce028c10949dd2d0bc761c52b9e01d8fc673' })));
+        return (h("button", { key: '370d4d7a0676a5d6abdeec7c14b3d15ba3ce9410', class: Object.keys(classes).filter(key => classes[key]).join(' '), style: customStyle, disabled: this.disabled, type: "button" }, this.loading && (h("span", { key: 'c9624a3e95ffb9a325fd3b606689b9176e82930c', class: "loading-icon" })), this.icon && !this.loading && (h("span", { key: 'd2061865c930901f83b0ffc2adc535c13a8c6220', class: "button-icon" }, h("img", { key: '63a726785f5ffe74283915bd69b26a8552c1a593', src: this.icon, alt: "" }))), h("slot", { key: 'e57fecba739bce61f48ffc18c052a5b5923e63d5' })));
     }
     static get style() { return pcmButtonCss; }
 }, [1, "pcm-button", {