pcm-agents 0.6.11 → 0.6.13

package/dist/collection/components/pcm-mobile-input-btn/pcm-mobile-input-btn.css

@@ -0,0 +1,140 @@
+.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;
+}

package/dist/collection/components/pcm-mobile-input-btn/pcm-mobile-input-btn.js

@@ -0,0 +1,307 @@
+import { h } from "@stencil/core";
+import { Byte, Encoder } from "@nuintun/qrcode";
+import { isMobile, sendHttpRequest, PCM_DOMAIN } from "../../utils/utils";
+import { Message } from "../../services/message.service";
+import uploadNumberSDK from "./uploadNumberSDK";
+export class MobileUploadBtn {
+    // 标题
+    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 is() { return "pcm-mobile-input-btn"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pcm-mobile-input-btn.css", "../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pcm-mobile-input-btn.css", "../../global/global.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "rows": {
+                "type": "number",
+                "attribute": "rows",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6700\u5927\u6587\u4EF6\u6570"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "8"
+            },
+            "maxLength": {
+                "type": "number",
+                "attribute": "max-length",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6700\u5927\u6587\u4EF6\u5927\u5C0F"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "uploadHeaders": {
+                "type": "unknown",
+                "attribute": "upload-headers",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, any>",
+                    "resolved": "{ [x: string]: any; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u586B\u5199\u8BF7\u6C42\u5934"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "uploadParams": {
+                "type": "unknown",
+                "attribute": "upload-params",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, any>",
+                    "resolved": "{ [x: string]: any; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u586B\u5199\u8BF7\u6C42\u53C2\u6570"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "QR_CODE_VALID_TIME": {},
+            "open": {},
+            "mobileUrl": {},
+            "setStartMobileUpload": {},
+            "startMobileUploadLoading": {},
+            "qrcodeStatus": {},
+            "value": {},
+            "qrcodeUrl": {},
+            "cancelLoading": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "ok",
+                "name": "ok",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=pcm-mobile-input-btn.js.map

package/dist/collection/components/pcm-mobile-input-btn/pcm-mobile-input-btn.js.map

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

package/dist/collection/components/pcm-mobile-input-btn/uploadNumberSDK.js

@@ -0,0 +1,25 @@
+import { sendHttpRequest } from "../../utils/utils";
+// 文件上传流水号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?.();
+            }
+        }
+    }
+};
+export default uploadNumberSDK;
+//# sourceMappingURL=uploadNumberSDK.js.map

package/dist/collection/components/pcm-mobile-input-btn/uploadNumberSDK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadNumberSDK.js","sourceRoot":"","sources":["../../../../src/components/pcm-mobile-input-btn/uploadNumberSDK.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,aAAa;AACb,MAAM,eAAe,GAAG;IACpB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,KAAK,WAAW,MAGtB;QACG,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;QACvC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACxB,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC;gBACjC,GAAG,EAAE,uBAAuB,MAAM,EAAE;gBACpC,MAAM,EAAE,QAAQ;aACnB,CAAC,CAAC;YACH,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjB,IAAI,EAAE,EAAE,CAAC;YACb,CAAC;iBAAM,CAAC;gBACJ,OAAO,EAAE,EAAE,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC;CACJ,CAAA;AAED,eAAe,eAAe,CAAC","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;"]}

package/dist/collection/components/pcm-mobile-upload-btn/pcm-mobile-upload-btn.css

@@ -0,0 +1,127 @@
+.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;
+}