pcm-agents 0.6.76 → 0.6.78

package/dist/components/{p--B9t4xVs.js.map → p-QwH3TimN.js.map}

@@ -1 +1 @@
-{"file":"p--B9t4xVs.js","mappings":";;;;AAAA,MAAM,6BAA6B,GAAG,giKAAgiK;;ACAtkK,MAAM,SAAS,GAAG,o+MAAo+M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-position-selector/components-position-selector.css?tag=components-position-selector&encapsulation=shadow","src/global/global.css?tag=components-position-selector&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.position-selector-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #fff;\r\n}\r\n\r\n/* 搜索栏样式 */\r\n.search-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-input-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 200px;\r\n  max-width: 500px;\r\n}\r\n\r\n.search-icon {\r\n  position: absolute;\r\n  left: 12px;\r\n  color: #bfbfbf;\r\n  pointer-events: none;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  height: 36px;\r\n  padding: 4px 36px 4px 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  background-image: none;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.search-input:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-input:focus {\r\n  border-color: #40a9ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.search-input::placeholder {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.clear-button {\r\n  position: absolute;\r\n  right: 12px;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #bfbfbf;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.clear-button:hover {\r\n  color: #8c8c8c;\r\n}\r\n\r\n.search-button {\r\n  padding: 4px 15px;\r\n  height: 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\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  padding: 40px;\r\n  gap: 16px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top-color: #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  gap: 16px;\r\n}\r\n\r\n.empty-icon {\r\n  opacity: 0.5;\r\n}\r\n\r\n.empty-text {\r\n  margin: 0;\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n/* 职位列表 */\r\n.position-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  min-height: 0;\r\n}\r\n\r\n.table-container {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n}\r\n\r\n.position-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n}\r\n\r\n.position-table thead {\r\n  background-color: #fafafa;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.position-table th {\r\n  padding: 12px 16px;\r\n  text-align: left;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  border-bottom: 1px solid #f0f0f0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.position-table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.position-table tbody tr {\r\n  transition: background-color 0.3s;\r\n}\r\n\r\n.position-table tbody tr:hover {\r\n  background-color: #fafafa;\r\n}\r\n\r\n.position-table tbody tr.selected-row {\r\n  background-color: #e6f7ff;\r\n}\r\n\r\n/* 列宽设置 */\r\n.checkbox-column {\r\n  width: 50px;\r\n  text-align: center;\r\n}\r\n\r\n.title-column {\r\n  min-width: 150px;\r\n  max-width: 200px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.company-column {\r\n  min-width: 120px;\r\n  max-width: 180px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.location-column {\r\n  min-width: 100px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.requirements-column {\r\n  min-width: 200px;\r\n  max-width: 300px;\r\n}\r\n\r\n.requirements-text {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  white-space: normal;\r\n  word-break: break-word;\r\n  line-height: 1.5;\r\n}\r\n\r\n.salary-column {\r\n  min-width: 100px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.action-column {\r\n  width: 100px;\r\n  text-align: center;\r\n}\r\n\r\n/* 复选框样式 */\r\n.position-checkbox {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n  accent-color: #1890ff;\r\n}\r\n\r\n/* 选择按钮 */\r\n.select-button {\r\n  padding: 4px 15px;\r\n  height: 28px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.select-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.select-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n  .search-bar {\r\n    padding: 12px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .search-input-wrapper {\r\n    min-width: auto;\r\n    max-width: none;\r\n  }\r\n\r\n  .search-input {\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .search-button {\r\n    height: 40px;\r\n    padding: 4px 12px;\r\n  }\r\n\r\n  .table-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .position-table {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .position-table th,\r\n  .position-table td {\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .title-column,\r\n  .company-column,\r\n  .location-column {\r\n    min-width: 100px;\r\n  }\r\n\r\n  .select-button {\r\n    padding: 4px 12px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n/* 分页器样式 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  padding: 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.pagination-button {\r\n  padding: 4px 15px;\r\n  height: 32px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  border: 1px solid #d9d9d9;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.pagination-button:hover:not(:disabled) {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-button:active:not(:disabled) {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.pagination-button:disabled {\r\n  color: rgba(0, 0, 0, 0.25);\r\n  background-color: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-info {\r\n  font-size: 14px;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n/* 滚动条样式 */\r\n.position-list::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb {\r\n  background: #888;\r\n  border-radius: 4px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb:hover {\r\n  background: #555;\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    z-index: 1000;\r\n    overflow-y: auto;\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: auto;\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    cursor: pointer;\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    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\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    min-width: 30px;\r\n    min-height: 30px;\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}\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}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\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  "],"version":3}
+{"file":"p-QwH3TimN.js","mappings":";;;;AAAA,MAAM,6BAA6B,GAAG,giKAAgiK;;ACAtkK,MAAM,SAAS,GAAG,o+MAAo+M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-position-selector/components-position-selector.css?tag=components-position-selector&encapsulation=shadow","src/global/global.css?tag=components-position-selector&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.position-selector-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #fff;\r\n}\r\n\r\n/* 搜索栏样式 */\r\n.search-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-input-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 200px;\r\n  max-width: 500px;\r\n}\r\n\r\n.search-icon {\r\n  position: absolute;\r\n  left: 12px;\r\n  color: #bfbfbf;\r\n  pointer-events: none;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  height: 36px;\r\n  padding: 4px 36px 4px 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  background-image: none;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.search-input:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-input:focus {\r\n  border-color: #40a9ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.search-input::placeholder {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.clear-button {\r\n  position: absolute;\r\n  right: 12px;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #bfbfbf;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.clear-button:hover {\r\n  color: #8c8c8c;\r\n}\r\n\r\n.search-button {\r\n  padding: 4px 15px;\r\n  height: 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\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  padding: 40px;\r\n  gap: 16px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top-color: #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  gap: 16px;\r\n}\r\n\r\n.empty-icon {\r\n  opacity: 0.5;\r\n}\r\n\r\n.empty-text {\r\n  margin: 0;\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n/* 职位列表 */\r\n.position-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  min-height: 0;\r\n}\r\n\r\n.table-container {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n}\r\n\r\n.position-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n}\r\n\r\n.position-table thead {\r\n  background-color: #fafafa;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.position-table th {\r\n  padding: 12px 16px;\r\n  text-align: left;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  border-bottom: 1px solid #f0f0f0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.position-table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.position-table tbody tr {\r\n  transition: background-color 0.3s;\r\n}\r\n\r\n.position-table tbody tr:hover {\r\n  background-color: #fafafa;\r\n}\r\n\r\n.position-table tbody tr.selected-row {\r\n  background-color: #e6f7ff;\r\n}\r\n\r\n/* 列宽设置 */\r\n.checkbox-column {\r\n  width: 50px;\r\n  text-align: center;\r\n}\r\n\r\n.title-column {\r\n  min-width: 150px;\r\n  max-width: 200px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.company-column {\r\n  min-width: 120px;\r\n  max-width: 180px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.location-column {\r\n  min-width: 100px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.requirements-column {\r\n  min-width: 200px;\r\n  max-width: 300px;\r\n}\r\n\r\n.requirements-text {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  white-space: normal;\r\n  word-break: break-word;\r\n  line-height: 1.5;\r\n}\r\n\r\n.salary-column {\r\n  min-width: 100px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.action-column {\r\n  width: 100px;\r\n  text-align: center;\r\n}\r\n\r\n/* 复选框样式 */\r\n.position-checkbox {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n  accent-color: #1890ff;\r\n}\r\n\r\n/* 选择按钮 */\r\n.select-button {\r\n  padding: 4px 15px;\r\n  height: 28px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.select-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.select-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n  .search-bar {\r\n    padding: 12px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .search-input-wrapper {\r\n    min-width: auto;\r\n    max-width: none;\r\n  }\r\n\r\n  .search-input {\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .search-button {\r\n    height: 40px;\r\n    padding: 4px 12px;\r\n  }\r\n\r\n  .table-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .position-table {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .position-table th,\r\n  .position-table td {\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .title-column,\r\n  .company-column,\r\n  .location-column {\r\n    min-width: 100px;\r\n  }\r\n\r\n  .select-button {\r\n    padding: 4px 12px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n/* 分页器样式 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  padding: 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.pagination-button {\r\n  padding: 4px 15px;\r\n  height: 32px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  border: 1px solid #d9d9d9;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.pagination-button:hover:not(:disabled) {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-button:active:not(:disabled) {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.pagination-button:disabled {\r\n  color: rgba(0, 0, 0, 0.25);\r\n  background-color: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-info {\r\n  font-size: 14px;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n/* 滚动条样式 */\r\n.position-list::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb {\r\n  background: #888;\r\n  border-radius: 4px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb:hover {\r\n  background: #555;\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    z-index: 1000;\r\n    overflow-y: auto;\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: auto;\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    cursor: pointer;\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    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\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    min-width: 30px;\r\n    min-height: 30px;\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}\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}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\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  "],"version":3}

package/dist/components/{p-BjKpPzZZ.js → p-ikx6J73I.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { s as sendHttpRequest } from './p-DtCXILg5.js';
+import { s as sendHttpRequest } from './p-C4KAf-6-.js';
 
 const pcmDigitalHumanCss = ".digital-human-container{position:relative;border-radius:8px;overflow:hidden;transition:box-shadow 0.3s;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.digital-human-container video{width:100%;height:100%;display:block;object-fit:cover;background:transparent;border-radius:8px}.generating-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.7);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width: 768px){.digital-human-container{border-radius:6px}.digital-human-container video{border-radius:6px}}";
 
@@ -325,6 +325,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PcmDigitalHuman as P, defineCustomElement as d };
-//# sourceMappingURL=p-BjKpPzZZ.js.map
+//# sourceMappingURL=p-ikx6J73I.js.map
 
-//# sourceMappingURL=p-BjKpPzZZ.js.map
+//# sourceMappingURL=p-ikx6J73I.js.map

package/dist/components/{p-BjKpPzZZ.js.map → p-ikx6J73I.js.map}

@@ -1 +1 @@
-{"file":"p-BjKpPzZZ.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,i4BAAi4B;;ACA55B,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-digital-human/pcm-digital-human.css?tag=pcm-digital-human&encapsulation=shadow","src/global/host.css?tag=pcm-digital-human&encapsulation=shadow"],"sourcesContent":[".digital-human-container {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.digital-human-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    background: transparent;\r\n    border-radius: 8px;\r\n}\r\n\r\n.generating-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: rgba(0, 0, 0, 0.7);\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.loading-spinner {\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ffffff;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n/* 移动端样式 */\r\n@media screen and (max-width: 768px) {\r\n  .digital-human-container {\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .digital-human-container video {\r\n    border-radius: 6px;\r\n  }\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}
+{"file":"p-ikx6J73I.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,i4BAAi4B;;ACA55B,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-digital-human/pcm-digital-human.css?tag=pcm-digital-human&encapsulation=shadow","src/global/host.css?tag=pcm-digital-human&encapsulation=shadow"],"sourcesContent":[".digital-human-container {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.digital-human-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    background: transparent;\r\n    border-radius: 8px;\r\n}\r\n\r\n.generating-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: rgba(0, 0, 0, 0.7);\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.loading-spinner {\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ffffff;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n/* 移动端样式 */\r\n@media screen and (max-width: 768px) {\r\n  .digital-human-container {\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .digital-human-container video {\r\n    border-radius: 6px;\r\n  }\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}

package/dist/components/{p-CvHWzHdd.js → p-qUBE1daM.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { s as sendHttpRequest, i as getCosPresignedUrl } from './p-DtCXILg5.js';
+import { s as sendHttpRequest, i as getCosPresignedUrl } from './p-C4KAf-6-.js';
 
 const pcmExportRecordsModalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.45);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-container{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:min(1000px, calc(100vw - 40px));max-height:calc(100vh - 40px);width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.modal-title{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;color:#262626}.modal-close{background:none;border:none;font-size:18px;color:#8c8c8c;cursor:pointer;padding:4px;border-radius:4px;transition:all 0.2s}.modal-close:hover{background-color:#f5f5f5;color:#262626}.modal-body{padding:24px;flex:1;overflow:auto}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-small{padding:4px 8px;font-size:12px}.btn-medium{padding:8px 16px}.btn-primary{background-color:#1890ff;color:white;border:1px solid #1890ff}.btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.btn-default{background-color:white;color:#595959;border:1px solid #d9d9d9}.btn-default:hover{background-color:#f5f5f5;border-color:#40a9ff;color:#40a9ff}.btn-danger{background-color:#f5222d;color:white;border:1px solid #f5222d}.btn-danger:hover{background-color:#cf1322;border-color:#cf1322}.table-container{border:1px solid #f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:16px}.table{width:100%;border-collapse:collapse;background:white}.table th{background-color:#fafafa;padding:12px 16px;font-weight:600;color:#262626;border-bottom:1px solid #f0f0f0;font-size:14px}.table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#595959;font-size:14px}.table tbody tr:hover{background-color:#f5f5f5}.table tbody tr:last-child td{border-bottom:none}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:400;color:white;text-align:center;min-width:60px}.action-buttons{display:flex;gap:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8c8c8c}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8c8c8c}.empty-icon{font-size:48px;margin-bottom:16px;opacity:0.6}.empty-text{font-size:14px;color:#8c8c8c}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #f0f0f0}.pagination-info{color:#8c8c8c;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{padding:6px 12px;border:1px solid #d9d9d9;background:white;color:#595959;border-radius:4px;cursor:pointer;font-size:14px;transition:all 0.2s}.pagination-btn:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.pagination-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed;border-color:#f0f0f0}.pagination-current{color:#262626;font-size:14px;font-weight:500;padding:0 8px}.pagination-size-select{padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;background:white;color:#595959;font-size:14px;cursor:pointer;transition:all 0.2s}.pagination-size-select:hover{border-color:#40a9ff}.pagination-size-select:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.message{position:fixed;top:24px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;z-index:1100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);animation:messageSlideIn 0.3s ease-out}.message-success{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.message-error{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}@keyframes messageSlideIn{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width: 768px){.modal-container{margin:20px;max-width:calc(100vw - 40px)}.modal-header{padding:12px 16px}.modal-body{padding:16px}.table th,.table td{padding:8px 12px;font-size:13px}.pagination-container{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls{justify-content:center}.modal-title{font-size:14px;gap:8px}}@media (max-width: 480px){.table-container{overflow-x:auto}.table{min-width:600px}.action-buttons{flex-direction:column;gap:4px}}";
 
@@ -203,6 +203,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PcmExportRecordsModal as P, defineCustomElement as d };
-//# sourceMappingURL=p-CvHWzHdd.js.map
+//# sourceMappingURL=p-qUBE1daM.js.map
 
-//# sourceMappingURL=p-CvHWzHdd.js.map
+//# sourceMappingURL=p-qUBE1daM.js.map

package/dist/components/{p-CvHWzHdd.js.map → p-qUBE1daM.js.map}

@@ -1 +1 @@
-{"file":"p-CvHWzHdd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-export-records-modal/pcm-export-records-modal.css?tag=pcm-export-records-modal&encapsulation=shadow","src/components/pcm-export-records-modal/pcm-export-records-modal.tsx"],"sourcesContent":["/* 模态框遮罩层 */\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.45);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n/* 模态框容器 */\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  max-width: min(1000px, calc(100vw - 40px));\r\n  max-height: calc(100vh - 40px);\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 模态框头部 */\r\n.modal-header {\r\n  padding: 16px 24px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: #fafafa;\r\n}\r\n\r\n.modal-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n}\r\n\r\n.modal-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 18px;\r\n  color: #8c8c8c;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.modal-close:hover {\r\n  background-color: #f5f5f5;\r\n  color: #262626;\r\n}\r\n\r\n/* 模态框主体 */\r\n.modal-body {\r\n  padding: 24px;\r\n  flex: 1;\r\n  overflow: auto;\r\n}\r\n\r\n/* 按钮样式 */\r\n.btn {\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  transition: all 0.2s;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n}\r\n\r\n.btn-small {\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n}\r\n\r\n.btn-medium {\r\n  padding: 8px 16px;\r\n}\r\n\r\n.btn-primary {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: 1px solid #1890ff;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.btn-default {\r\n  background-color: white;\r\n  color: #595959;\r\n  border: 1px solid #d9d9d9;\r\n}\r\n\r\n.btn-default:hover {\r\n  background-color: #f5f5f5;\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.btn-danger {\r\n  background-color: #f5222d;\r\n  color: white;\r\n  border: 1px solid #f5222d;\r\n}\r\n\r\n.btn-danger:hover {\r\n  background-color: #cf1322;\r\n  border-color: #cf1322;\r\n}\r\n\r\n/* 表格容器 */\r\n.table-container {\r\n  border: 1px solid #f0f0f0;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n/* 表格样式 */\r\n.table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  background: white;\r\n}\r\n\r\n.table th {\r\n  background-color: #fafafa;\r\n  padding: 12px 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  font-size: 14px;\r\n}\r\n\r\n.table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: #595959;\r\n  font-size: 14px;\r\n}\r\n\r\n.table tbody tr:hover {\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.table tbody tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n/* 标签样式 */\r\n.tag {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: white;\r\n  text-align: center;\r\n  min-width: 60px;\r\n}\r\n\r\n/* 操作按钮容器 */\r\n.action-buttons {\r\n  display: flex;\r\n  gap: 8px;\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  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n  margin-bottom: 16px;\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/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.empty-icon {\r\n  font-size: 48px;\r\n  margin-bottom: 16px;\r\n  opacity: 0.6;\r\n}\r\n\r\n.empty-text {\r\n  font-size: 14px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n/* 分页容器 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 0;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.pagination-info {\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n.pagination-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.pagination-btn {\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  background: white;\r\n  color: #595959;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-btn:hover:not(:disabled) {\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.pagination-btn:disabled {\r\n  background-color: #f5f5f5;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  border-color: #f0f0f0;\r\n}\r\n\r\n.pagination-current {\r\n  color: #262626;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  padding: 0 8px;\r\n}\r\n\r\n.pagination-size-select {\r\n  padding: 6px 8px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 4px;\r\n  background: white;\r\n  color: #595959;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-size-select:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-size-select:focus {\r\n  outline: none;\r\n  border-color: #40a9ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 消息提示 */\r\n.message {\r\n  position: fixed;\r\n  top: 24px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  padding: 12px 24px;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  z-index: 1100;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  animation: messageSlideIn 0.3s ease-out;\r\n}\r\n\r\n.message-success {\r\n  background-color: #f6ffed;\r\n  color: #52c41a;\r\n  border: 1px solid #b7eb8f;\r\n}\r\n\r\n.message-error {\r\n  background-color: #fff2f0;\r\n  color: #ff4d4f;\r\n  border: 1px solid #ffccc7;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-50%) translateY(-20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .modal-container {\r\n    margin: 20px;\r\n    max-width: calc(100vw - 40px);\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 12px 16px;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .table th,\r\n  .table td {\r\n    padding: 8px 12px;\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .pagination-container {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: stretch;\r\n  }\r\n  \r\n  .pagination-controls {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .modal-title {\r\n    font-size: 14px;\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .table-container {\r\n    overflow-x: auto;\r\n  }\r\n  \r\n  .table {\r\n    min-width: 600px;\r\n  }\r\n  \r\n  .action-buttons {\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n}","import { Component, Prop, State, h, Watch, Event, EventEmitter } from '@stencil/core';\r\nimport { getCosPresignedUrl, sendHttpRequest } from '../../utils/utils';\r\n\r\ninterface ExportRecord {\r\n  id: string;\r\n  file_name: string;\r\n  status: number;\r\n  created_at: string;\r\n  cos_key?: string;\r\n}\r\n\r\ninterface PaginationType {\r\n  page: number;\r\n  size: number;\r\n  total?: number;\r\n}\r\n\r\nconst DEFAULT_PAGINATION = {\r\n  page: 1,\r\n  size: 10,\r\n};\r\n\r\nconst EXPORT_BATCH_STATUS_MAP: Record<string, { text: string; color: string }> = {\r\n  '0': { text: '处理中', color: '#1890ff' },\r\n  '1': { text: '已完成', color: '#52c41a' },\r\n  '-1': { text: '失败', color: '#ff4d4f' },\r\n};\r\n\r\n@Component({\r\n  tag: 'pcm-export-records-modal',\r\n  styleUrl: 'pcm-export-records-modal.css',\r\n  shadow: true,\r\n})\r\nexport class PcmExportRecordsModal {\r\n  @Prop() botId?: string;\r\n  @Prop() sourceId?: string;\r\n  @Prop() open: boolean = false;\r\n  @Event() cancel: EventEmitter<void>;\r\n\r\n  @State() loading: boolean = true;\r\n  @State() pagination: PaginationType = DEFAULT_PAGINATION;\r\n  @State() data: ExportRecord[] = [];\r\n  @State() showMessage: boolean = false;\r\n  @State() messageText: string = '';\r\n  @State() messageType: 'success' | 'error' = 'success';\r\n\r\n  @Watch('open')\r\n  watchOpen(newValue: boolean) {\r\n    if (newValue) {\r\n      this.fetchData(this.pagination);\r\n    }\r\n  }\r\n\r\n  private async fetchData(p: PaginationType) {\r\n    this.loading = true;\r\n    try {\r\n      // 模拟API调用\r\n      const response = await sendHttpRequest({\r\n        url: '/sdk/v1/export_batch/page',\r\n        method: 'GET',\r\n        params: {\r\n          page: p.page,\r\n          size: p.size,\r\n          bot_id: this.botId,\r\n          source_id: this.sourceId,\r\n        },\r\n      });\r\n      if (response.success && response.data) {\r\n        const records = response?.data?.records ?? [];\r\n        this.data = records;\r\n        this.pagination = {\r\n          ...p,\r\n          total: response?.data?.total ?? 0,\r\n        };\r\n      }\r\n    } catch (error) {\r\n      console.error('Failed to fetch data:', error);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  private async handleDownload(record: ExportRecord) {\r\n    try {\r\n      const downloadUrl = await getCosPresignedUrl(record.cos_key);\r\n      const fileName = record.file_name;\r\n      if (downloadUrl) {\r\n          const link = document.createElement(\"a\");\r\n          link.href = downloadUrl;\r\n          link.setAttribute(\"download\", fileName);\r\n          document.body.appendChild(link);\r\n          link.click();\r\n          link.remove();\r\n          this.showMessageToast('下载成功', 'success');\r\n      } else {\r\n          this.showMessageToast('获取下载链接失败', 'error');\r\n      }\r\n      \r\n    } catch (error) {\r\n      this.showMessageToast('下载失败', 'error');\r\n    }\r\n  }\r\n\r\n  private async handleDelete(record: ExportRecord) {\r\n    try {\r\n      const response = await sendHttpRequest({\r\n        url: `/sdk/v1/export_batch/delete/${record.id}`,\r\n        method: \"DELETE\",\r\n      });\r\n      if (response?.success) {\r\n        this.showMessageToast('删除成功', 'success');\r\n        setTimeout(() => {\r\n          this.fetchData(this.pagination);\r\n        }, 100);\r\n      }\r\n    } catch (error) {\r\n      this.showMessageToast(`删除失败: ${error.message}`, 'error');\r\n    }\r\n  }\r\n\r\n  private showMessageToast(text: string, type: 'success' | 'error') {\r\n    this.messageText = text;\r\n    this.messageType = type;\r\n    this.showMessage = true;\r\n    setTimeout(() => {\r\n      this.showMessage = false;\r\n    }, 3000);\r\n  }\r\n\r\n  private handleRefresh = () => {\r\n    this.fetchData(this.pagination);\r\n  };\r\n\r\n  private handlePageChange = (page: number, size: number) => {\r\n    const newPagination = {\r\n      ...this.pagination,\r\n      page,\r\n      size,\r\n    };\r\n    this.fetchData(newPagination);\r\n  };\r\n\r\n  private formatDate(dateString: string): string {\r\n    const date = new Date(dateString);\r\n    return date.toLocaleString('zh-CN', {\r\n      year: 'numeric',\r\n      month: '2-digit',\r\n      day: '2-digit',\r\n      hour: '2-digit',\r\n      minute: '2-digit',\r\n      second: '2-digit',\r\n    });\r\n  }\r\n\r\n  private renderEmpty() {\r\n    return (\r\n      <div class=\"empty-container\">\r\n        <div class=\"empty-icon\">📄</div>\r\n        <div class=\"empty-text\">暂无任务</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderTag(status: number) {\r\n    const statusInfo = EXPORT_BATCH_STATUS_MAP[status.toString()] || { text: '未知', color: '#d9d9d9' };\r\n    return (\r\n      <span class=\"tag\" style={{ backgroundColor: statusInfo.color }}>\r\n        {statusInfo.text}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderButton(text: string, onClick: () => void, variant: 'primary' | 'default' | 'danger' = 'default', size: 'small' | 'medium' = 'medium') {\r\n    return (\r\n      <button\r\n        class={`btn btn-${variant} btn-${size}`}\r\n        onClick={onClick}\r\n      >\r\n        {text}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  private renderTable() {\r\n    if (this.loading) {\r\n      return (\r\n        <div class=\"loading-container\">\r\n          <div class=\"loading-spinner\"></div>\r\n          <div>加载中...</div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (!this.data || this.data.length === 0) {\r\n      return this.renderEmpty();\r\n    }\r\n\r\n    return (\r\n      <div class=\"table-container\">\r\n        <table class=\"table\">\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: '300px', textAlign: 'center' }}>文件名</th>\r\n              <th style={{ width: '100px', textAlign: 'center' }}>状态</th>\r\n              <th style={{ width: '180px', textAlign: 'center' }}>创建时间</th>\r\n              <th style={{ width: '100px', textAlign: 'left' }}>操作</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {this.data.map((record) => (\r\n              <tr key={record.id}>\r\n                <td style={{ textAlign: 'center' }}>{record.file_name}</td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.renderTag(record.status)}\r\n                </td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.formatDate(record.created_at)}\r\n                </td>\r\n                <td style={{ textAlign: 'left' }}>\r\n                  <div class=\"action-buttons\">\r\n                    {record.status !== 0 && this.renderButton(\r\n                      '删除',\r\n                      () => this.handleDelete(record),\r\n                      'danger',\r\n                      'small'\r\n                    )}\r\n                    {record.cos_key && this.renderButton(\r\n                      '下载',\r\n                      () => this.handleDownload(record),\r\n                      'primary',\r\n                      'small'\r\n                    )}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderPagination() {\r\n    if (!this.pagination.total || this.pagination.total === 0) {\r\n      return null;\r\n    }\r\n\r\n    const totalPages = Math.ceil(this.pagination.total / this.pagination.size);\r\n    const currentPage = this.pagination.page;\r\n\r\n    return (\r\n      <div class=\"pagination-container\">\r\n        <div class=\"pagination-info\">\r\n          共{this.pagination.total}条\r\n        </div>\r\n        <div class=\"pagination-controls\">\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage <= 1}\r\n            onClick={() => this.handlePageChange(currentPage - 1, this.pagination.size)}\r\n          >\r\n            上一页\r\n          </button>\r\n          <span class=\"pagination-current\">\r\n            {currentPage} / {totalPages}\r\n          </span>\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage >= totalPages}\r\n            onClick={() => this.handlePageChange(currentPage + 1, this.pagination.size)}\r\n          >\r\n            下一页\r\n          </button>\r\n          <select\r\n            class=\"pagination-size-select\"\r\n            onChange={(e) => this.handlePageChange(1, parseInt((e.target as HTMLSelectElement).value))}\r\n          >\r\n            <option value=\"10\" selected={this.pagination.size === 10}>10条/页</option>\r\n            <option value=\"20\" selected={this.pagination.size === 20}>20条/页</option>\r\n            <option value=\"50\" selected={this.pagination.size === 50}>50条/页</option>\r\n          </select>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderMessage() {\r\n    if (!this.showMessage) return null;\r\n\r\n    return (\r\n      <div class={`message message-${this.messageType}`}>\r\n        {this.messageText}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.open) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div class=\"modal-overlay\" onClick={() => this.cancel.emit()}>\r\n        <div class=\"modal-container\" onClick={(e) => e.stopPropagation()}>\r\n          <div class=\"modal-header\">\r\n            <div class=\"modal-title\">\r\n              <span>导出任务列表</span>\r\n              {this.renderButton(\r\n                '🔄 刷新',\r\n                this.handleRefresh,\r\n                'default',\r\n                'small'\r\n              )}\r\n            </div>\r\n            <button class=\"modal-close\" onClick={() => this.cancel.emit()}>\r\n              ✕\r\n            </button>\r\n          </div>\r\n          <div class=\"modal-body\">\r\n            {this.renderTable()}\r\n            {this.renderPagination()}\r\n          </div>\r\n          {this.renderMessage()}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}
+{"file":"p-qUBE1daM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/pcm-export-records-modal/pcm-export-records-modal.css?tag=pcm-export-records-modal&encapsulation=shadow","src/components/pcm-export-records-modal/pcm-export-records-modal.tsx"],"sourcesContent":["/* 模态框遮罩层 */\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.45);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n/* 模态框容器 */\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  max-width: min(1000px, calc(100vw - 40px));\r\n  max-height: calc(100vh - 40px);\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 模态框头部 */\r\n.modal-header {\r\n  padding: 16px 24px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: #fafafa;\r\n}\r\n\r\n.modal-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n}\r\n\r\n.modal-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 18px;\r\n  color: #8c8c8c;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.modal-close:hover {\r\n  background-color: #f5f5f5;\r\n  color: #262626;\r\n}\r\n\r\n/* 模态框主体 */\r\n.modal-body {\r\n  padding: 24px;\r\n  flex: 1;\r\n  overflow: auto;\r\n}\r\n\r\n/* 按钮样式 */\r\n.btn {\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  transition: all 0.2s;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n}\r\n\r\n.btn-small {\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n}\r\n\r\n.btn-medium {\r\n  padding: 8px 16px;\r\n}\r\n\r\n.btn-primary {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: 1px solid #1890ff;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.btn-default {\r\n  background-color: white;\r\n  color: #595959;\r\n  border: 1px solid #d9d9d9;\r\n}\r\n\r\n.btn-default:hover {\r\n  background-color: #f5f5f5;\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.btn-danger {\r\n  background-color: #f5222d;\r\n  color: white;\r\n  border: 1px solid #f5222d;\r\n}\r\n\r\n.btn-danger:hover {\r\n  background-color: #cf1322;\r\n  border-color: #cf1322;\r\n}\r\n\r\n/* 表格容器 */\r\n.table-container {\r\n  border: 1px solid #f0f0f0;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n/* 表格样式 */\r\n.table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  background: white;\r\n}\r\n\r\n.table th {\r\n  background-color: #fafafa;\r\n  padding: 12px 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  font-size: 14px;\r\n}\r\n\r\n.table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: #595959;\r\n  font-size: 14px;\r\n}\r\n\r\n.table tbody tr:hover {\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.table tbody tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n/* 标签样式 */\r\n.tag {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: white;\r\n  text-align: center;\r\n  min-width: 60px;\r\n}\r\n\r\n/* 操作按钮容器 */\r\n.action-buttons {\r\n  display: flex;\r\n  gap: 8px;\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  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n  margin-bottom: 16px;\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/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.empty-icon {\r\n  font-size: 48px;\r\n  margin-bottom: 16px;\r\n  opacity: 0.6;\r\n}\r\n\r\n.empty-text {\r\n  font-size: 14px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n/* 分页容器 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 0;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.pagination-info {\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n.pagination-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.pagination-btn {\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  background: white;\r\n  color: #595959;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-btn:hover:not(:disabled) {\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.pagination-btn:disabled {\r\n  background-color: #f5f5f5;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  border-color: #f0f0f0;\r\n}\r\n\r\n.pagination-current {\r\n  color: #262626;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  padding: 0 8px;\r\n}\r\n\r\n.pagination-size-select {\r\n  padding: 6px 8px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 4px;\r\n  background: white;\r\n  color: #595959;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-size-select:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-size-select:focus {\r\n  outline: none;\r\n  border-color: #40a9ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 消息提示 */\r\n.message {\r\n  position: fixed;\r\n  top: 24px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  padding: 12px 24px;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  z-index: 1100;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  animation: messageSlideIn 0.3s ease-out;\r\n}\r\n\r\n.message-success {\r\n  background-color: #f6ffed;\r\n  color: #52c41a;\r\n  border: 1px solid #b7eb8f;\r\n}\r\n\r\n.message-error {\r\n  background-color: #fff2f0;\r\n  color: #ff4d4f;\r\n  border: 1px solid #ffccc7;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-50%) translateY(-20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .modal-container {\r\n    margin: 20px;\r\n    max-width: calc(100vw - 40px);\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 12px 16px;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .table th,\r\n  .table td {\r\n    padding: 8px 12px;\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .pagination-container {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: stretch;\r\n  }\r\n  \r\n  .pagination-controls {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .modal-title {\r\n    font-size: 14px;\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .table-container {\r\n    overflow-x: auto;\r\n  }\r\n  \r\n  .table {\r\n    min-width: 600px;\r\n  }\r\n  \r\n  .action-buttons {\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n}","import { Component, Prop, State, h, Watch, Event, EventEmitter } from '@stencil/core';\r\nimport { getCosPresignedUrl, sendHttpRequest } from '../../utils/utils';\r\n\r\ninterface ExportRecord {\r\n  id: string;\r\n  file_name: string;\r\n  status: number;\r\n  created_at: string;\r\n  cos_key?: string;\r\n}\r\n\r\ninterface PaginationType {\r\n  page: number;\r\n  size: number;\r\n  total?: number;\r\n}\r\n\r\nconst DEFAULT_PAGINATION = {\r\n  page: 1,\r\n  size: 10,\r\n};\r\n\r\nconst EXPORT_BATCH_STATUS_MAP: Record<string, { text: string; color: string }> = {\r\n  '0': { text: '处理中', color: '#1890ff' },\r\n  '1': { text: '已完成', color: '#52c41a' },\r\n  '-1': { text: '失败', color: '#ff4d4f' },\r\n};\r\n\r\n@Component({\r\n  tag: 'pcm-export-records-modal',\r\n  styleUrl: 'pcm-export-records-modal.css',\r\n  shadow: true,\r\n})\r\nexport class PcmExportRecordsModal {\r\n  @Prop() botId?: string;\r\n  @Prop() sourceId?: string;\r\n  @Prop() open: boolean = false;\r\n  @Event() cancel: EventEmitter<void>;\r\n\r\n  @State() loading: boolean = true;\r\n  @State() pagination: PaginationType = DEFAULT_PAGINATION;\r\n  @State() data: ExportRecord[] = [];\r\n  @State() showMessage: boolean = false;\r\n  @State() messageText: string = '';\r\n  @State() messageType: 'success' | 'error' = 'success';\r\n\r\n  @Watch('open')\r\n  watchOpen(newValue: boolean) {\r\n    if (newValue) {\r\n      this.fetchData(this.pagination);\r\n    }\r\n  }\r\n\r\n  private async fetchData(p: PaginationType) {\r\n    this.loading = true;\r\n    try {\r\n      // 模拟API调用\r\n      const response = await sendHttpRequest({\r\n        url: '/sdk/v1/export_batch/page',\r\n        method: 'GET',\r\n        params: {\r\n          page: p.page,\r\n          size: p.size,\r\n          bot_id: this.botId,\r\n          source_id: this.sourceId,\r\n        },\r\n      });\r\n      if (response.success && response.data) {\r\n        const records = response?.data?.records ?? [];\r\n        this.data = records;\r\n        this.pagination = {\r\n          ...p,\r\n          total: response?.data?.total ?? 0,\r\n        };\r\n      }\r\n    } catch (error) {\r\n      console.error('Failed to fetch data:', error);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  private async handleDownload(record: ExportRecord) {\r\n    try {\r\n      const downloadUrl = await getCosPresignedUrl(record.cos_key);\r\n      const fileName = record.file_name;\r\n      if (downloadUrl) {\r\n          const link = document.createElement(\"a\");\r\n          link.href = downloadUrl;\r\n          link.setAttribute(\"download\", fileName);\r\n          document.body.appendChild(link);\r\n          link.click();\r\n          link.remove();\r\n          this.showMessageToast('下载成功', 'success');\r\n      } else {\r\n          this.showMessageToast('获取下载链接失败', 'error');\r\n      }\r\n      \r\n    } catch (error) {\r\n      this.showMessageToast('下载失败', 'error');\r\n    }\r\n  }\r\n\r\n  private async handleDelete(record: ExportRecord) {\r\n    try {\r\n      const response = await sendHttpRequest({\r\n        url: `/sdk/v1/export_batch/delete/${record.id}`,\r\n        method: \"DELETE\",\r\n      });\r\n      if (response?.success) {\r\n        this.showMessageToast('删除成功', 'success');\r\n        setTimeout(() => {\r\n          this.fetchData(this.pagination);\r\n        }, 100);\r\n      }\r\n    } catch (error) {\r\n      this.showMessageToast(`删除失败: ${error.message}`, 'error');\r\n    }\r\n  }\r\n\r\n  private showMessageToast(text: string, type: 'success' | 'error') {\r\n    this.messageText = text;\r\n    this.messageType = type;\r\n    this.showMessage = true;\r\n    setTimeout(() => {\r\n      this.showMessage = false;\r\n    }, 3000);\r\n  }\r\n\r\n  private handleRefresh = () => {\r\n    this.fetchData(this.pagination);\r\n  };\r\n\r\n  private handlePageChange = (page: number, size: number) => {\r\n    const newPagination = {\r\n      ...this.pagination,\r\n      page,\r\n      size,\r\n    };\r\n    this.fetchData(newPagination);\r\n  };\r\n\r\n  private formatDate(dateString: string): string {\r\n    const date = new Date(dateString);\r\n    return date.toLocaleString('zh-CN', {\r\n      year: 'numeric',\r\n      month: '2-digit',\r\n      day: '2-digit',\r\n      hour: '2-digit',\r\n      minute: '2-digit',\r\n      second: '2-digit',\r\n    });\r\n  }\r\n\r\n  private renderEmpty() {\r\n    return (\r\n      <div class=\"empty-container\">\r\n        <div class=\"empty-icon\">📄</div>\r\n        <div class=\"empty-text\">暂无任务</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderTag(status: number) {\r\n    const statusInfo = EXPORT_BATCH_STATUS_MAP[status.toString()] || { text: '未知', color: '#d9d9d9' };\r\n    return (\r\n      <span class=\"tag\" style={{ backgroundColor: statusInfo.color }}>\r\n        {statusInfo.text}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderButton(text: string, onClick: () => void, variant: 'primary' | 'default' | 'danger' = 'default', size: 'small' | 'medium' = 'medium') {\r\n    return (\r\n      <button\r\n        class={`btn btn-${variant} btn-${size}`}\r\n        onClick={onClick}\r\n      >\r\n        {text}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  private renderTable() {\r\n    if (this.loading) {\r\n      return (\r\n        <div class=\"loading-container\">\r\n          <div class=\"loading-spinner\"></div>\r\n          <div>加载中...</div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (!this.data || this.data.length === 0) {\r\n      return this.renderEmpty();\r\n    }\r\n\r\n    return (\r\n      <div class=\"table-container\">\r\n        <table class=\"table\">\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: '300px', textAlign: 'center' }}>文件名</th>\r\n              <th style={{ width: '100px', textAlign: 'center' }}>状态</th>\r\n              <th style={{ width: '180px', textAlign: 'center' }}>创建时间</th>\r\n              <th style={{ width: '100px', textAlign: 'left' }}>操作</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {this.data.map((record) => (\r\n              <tr key={record.id}>\r\n                <td style={{ textAlign: 'center' }}>{record.file_name}</td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.renderTag(record.status)}\r\n                </td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.formatDate(record.created_at)}\r\n                </td>\r\n                <td style={{ textAlign: 'left' }}>\r\n                  <div class=\"action-buttons\">\r\n                    {record.status !== 0 && this.renderButton(\r\n                      '删除',\r\n                      () => this.handleDelete(record),\r\n                      'danger',\r\n                      'small'\r\n                    )}\r\n                    {record.cos_key && this.renderButton(\r\n                      '下载',\r\n                      () => this.handleDownload(record),\r\n                      'primary',\r\n                      'small'\r\n                    )}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderPagination() {\r\n    if (!this.pagination.total || this.pagination.total === 0) {\r\n      return null;\r\n    }\r\n\r\n    const totalPages = Math.ceil(this.pagination.total / this.pagination.size);\r\n    const currentPage = this.pagination.page;\r\n\r\n    return (\r\n      <div class=\"pagination-container\">\r\n        <div class=\"pagination-info\">\r\n          共{this.pagination.total}条\r\n        </div>\r\n        <div class=\"pagination-controls\">\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage <= 1}\r\n            onClick={() => this.handlePageChange(currentPage - 1, this.pagination.size)}\r\n          >\r\n            上一页\r\n          </button>\r\n          <span class=\"pagination-current\">\r\n            {currentPage} / {totalPages}\r\n          </span>\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage >= totalPages}\r\n            onClick={() => this.handlePageChange(currentPage + 1, this.pagination.size)}\r\n          >\r\n            下一页\r\n          </button>\r\n          <select\r\n            class=\"pagination-size-select\"\r\n            onChange={(e) => this.handlePageChange(1, parseInt((e.target as HTMLSelectElement).value))}\r\n          >\r\n            <option value=\"10\" selected={this.pagination.size === 10}>10条/页</option>\r\n            <option value=\"20\" selected={this.pagination.size === 20}>20条/页</option>\r\n            <option value=\"50\" selected={this.pagination.size === 50}>50条/页</option>\r\n          </select>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderMessage() {\r\n    if (!this.showMessage) return null;\r\n\r\n    return (\r\n      <div class={`message message-${this.messageType}`}>\r\n        {this.messageText}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.open) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div class=\"modal-overlay\" onClick={() => this.cancel.emit()}>\r\n        <div class=\"modal-container\" onClick={(e) => e.stopPropagation()}>\r\n          <div class=\"modal-header\">\r\n            <div class=\"modal-title\">\r\n              <span>导出任务列表</span>\r\n              {this.renderButton(\r\n                '🔄 刷新',\r\n                this.handleRefresh,\r\n                'default',\r\n                'small'\r\n              )}\r\n            </div>\r\n            <button class=\"modal-close\" onClick={() => this.cancel.emit()}>\r\n              ✕\r\n            </button>\r\n          </div>\r\n          <div class=\"modal-body\">\r\n            {this.renderTable()}\r\n            {this.renderPagination()}\r\n          </div>\r\n          {this.renderMessage()}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, v as verifyApiKey } from './p-DtCXILg5.js';
+import { a as authStore, v as verifyApiKey } from './p-C4KAf-6-.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
-import { d as defineCustomElement$8 } from './p-Caxrsbp0.js';
-import { d as defineCustomElement$7 } from './p-CGRQB-kz.js';
+import { d as defineCustomElement$8 } from './p-Da-8BxdM.js';
+import { d as defineCustomElement$7 } from './p-9hnllPbt.js';
 import { d as defineCustomElement$6 } from './p-B_-12Bju.js';
-import { d as defineCustomElement$5 } from './p-BjKpPzZZ.js';
+import { d as defineCustomElement$5 } from './p-ikx6J73I.js';
 import { d as defineCustomElement$4 } from './p-0JWThH-A.js';
 import { d as defineCustomElement$3 } from './p-D-vhTSlS.js';
-import { d as defineCustomElement$2 } from './p-BZeNORff.js';
+import { d as defineCustomElement$2 } from './p-BnkPmLIU.js';
 
 const pcm1zhanshiMnmsModalCss = "";
 

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

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

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, v as verifyApiKey } from './p-DtCXILg5.js';
+import { a as authStore, v as verifyApiKey } from './p-C4KAf-6-.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
-import { d as defineCustomElement$8 } from './p-Caxrsbp0.js';
-import { d as defineCustomElement$7 } from './p-CGRQB-kz.js';
+import { d as defineCustomElement$8 } from './p-Da-8BxdM.js';
+import { d as defineCustomElement$7 } from './p-9hnllPbt.js';
 import { d as defineCustomElement$6 } from './p-B_-12Bju.js';
-import { d as defineCustomElement$5 } from './p-BjKpPzZZ.js';
+import { d as defineCustomElement$5 } from './p-ikx6J73I.js';
 import { d as defineCustomElement$4 } from './p-0JWThH-A.js';
 import { d as defineCustomElement$3 } from './p-D-vhTSlS.js';
-import { d as defineCustomElement$2 } from './p-BZeNORff.js';
+import { d as defineCustomElement$2 } from './p-BnkPmLIU.js';
 
 const pcmAtsMnmsModalCss = "";
 

package/dist/components/pcm-card.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, s as sendHttpRequest } from './p-DtCXILg5.js';
+import { a as authStore, s as sendHttpRequest } from './p-C4KAf-6-.js';
 
 const pcmCardCss = ":host{display:block}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;width:100%;color:#86909C;font-size:14px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #1677FF;border-radius:50%;margin-bottom:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-icon{width:32px;height:32px;background-color:#FFF0F0;color:#F53F3F;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;margin-bottom:12px}.error-message{color:#86909C;max-width:80%}.card-container{border-radius:8px;padding:16px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;background-color:#ffffff;border:1px solid #E5E6EB;position:relative;height:100%;min-width:300px}.card-container:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0, 21, 41, 0.08)}.card-header{display:flex;width:100%;padding-bottom:16px;gap:12px}.card-icon{width:64px;height:64px;margin-right:12px;flex-shrink:0;overflow:hidden;border-radius:2px;background-color:#f8f9fa}.card-icon img{width:100%;height:100%;object-fit:contain}.card-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.title-row{display:flex;align-items:center}.title-wrapper{flex:1;margin-right:8px;overflow:hidden}.card-title{font-size:18px;font-weight:700;color:#1D2129;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.chat-tag{display:flex;align-items:center;justify-content:center;height:24px;padding:0 8px;background-color:#F2F7E8;color:#56961F;font-size:12px;border-radius:4px;font-weight:500;flex-shrink:0}.author-row{display:flex;align-items:center;margin-top:8px}.author-avatar{width:16px;height:16px;border-radius:50%;margin-right:4px;background-color:#f8f9fa;overflow:hidden}.author-name{font-size:12px;color:#86909C}.card-description{font-size:12px;color:#86909C;margin-top:8px;line-height:18px;height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;word-break:break-word}.card-footer{padding-top:16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E5E6EB}.stats-container{display:flex;align-items:center;flex:1}.stat-item{display:flex;align-items:center;margin-right:8px;color:#86909C}.stat-icon{width:16px;height:16px;margin-right:4px;background-repeat:no-repeat;background-position:center;background-size:contain}.user-icon{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath d='M12 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6Zm0-10C9.8 4 8 5.8 8 8s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M21.9 20.6c-.1-.2-2.3-5.6-9.9-5.6-7.6 0-9.8 5.4-9.9 5.6-.2.5 0 1.1.6 1.3.5.2 1.1 0 1.3-.5 0-.2 1.8-4.4 8-4.4s8 4.2 8.1 4.4c.2.5.8.8 1.3.5.5-.2.7-.8.5-1.3Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.star-icon{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.03 9.57 9.1c-.17.3-.46.5-.8.55l-4.3.79 3 3.46c.22.26.32.6.28.93l-.62 4.46 4.41-1.9c.3-.12.63-.12.92 0l4.4 1.9-.6-4.46c-.05-.34.05-.67.27-.93l3-3.46-4.3-.79a1.17 1.17 0 0 1-.8-.55L12 5.03Zm-1-2.46a1.16 1.16 0 0 1 2 0l3.03 5.07 5.51 1c.89.17 1.26 1.24.68 1.92l-3.8 4.4.77 5.71c.13.9-.78 1.6-1.61 1.23L12 19.5l-5.58 2.4a1.17 1.17 0 0 1-1.61-1.23l.78-5.7-3.8-4.4a1.17 1.17 0 0 1 .67-1.92l5.51-1L11 2.56Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.video-icon{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm0 2h16v16H4V4Zm5.5 3.13A1 1 0 0 0 8 8v8a1 1 0 0 0 1.5.87l7-4a1 1 0 0 0 0-1.74l-7-4ZM13.98 12 10 14.28V9.72L13.98 12Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.stat-value{font-size:12px}.use-button{font-size:12px;color:#86909C;cursor:pointer;white-space:nowrap}.use-button:hover{color:#1677FF}@media screen and (max-width: 768px){.card-container{padding:12px}.card-header{gap:8px;padding-bottom:12px}.card-icon{width:48px;height:48px}.card-title{font-size:16px;line-height:20px}.card-description{font-size:12px;line-height:16px;height:48px}}";
 

package/dist/components/pcm-chat-message.js

@@ -1,4 +1,4 @@
-import { C as ChatMessageComponent, d as defineCustomElement$1 } from './p-CGRQB-kz.js';
+import { C as ChatMessageComponent, d as defineCustomElement$1 } from './p-9hnllPbt.js';
 
 const PcmChatMessage = ChatMessageComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/pcm-digital-human.js

@@ -1,4 +1,4 @@
-import { P as PcmDigitalHuman$1, d as defineCustomElement$1 } from './p-BjKpPzZZ.js';
+import { P as PcmDigitalHuman$1, d as defineCustomElement$1 } from './p-ikx6J73I.js';
 
 const PcmDigitalHuman = PcmDigitalHuman$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/pcm-export-records-modal.js

@@ -1,4 +1,4 @@
-import { P as PcmExportRecordsModal$1, d as defineCustomElement$1 } from './p-CvHWzHdd.js';
+import { P as PcmExportRecordsModal$1, d as defineCustomElement$1 } from './p-qUBE1daM.js';
 
 const PcmExportRecordsModal = PcmExportRecordsModal$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, e as uploadFileToBackend, c as sendSSERequest, h as synthesizeAudio, s as sendHttpRequest, v as verifyApiKey } from './p-DtCXILg5.js';
+import { a as authStore, e as uploadFileToBackend, c as sendSSERequest, h as synthesizeAudio, s as sendHttpRequest, v as verifyApiKey } from './p-C4KAf-6-.js';
+import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
 import { S as SentryReporter } from './p-DC-AWTHS.js';
-import { d as defineCustomElement$2 } from './p-CGRQB-kz.js';
+import { d as defineCustomElement$2 } from './p-9hnllPbt.js';
 
 const pcmHrChatModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:800px;display:flex;flex-direction:column;position:relative;margin:auto}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.modal-container.fullscreen>div:not(.modal-header):not(.initial-upload){display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.pc-layout{width:80%;max-width:800px;min-width:320px;min-height:400px}@media screen and (max-width: 768px){.pc-layout{width:95%;}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.video-preview.placeholder{display:flex;justify-content:center;align-items:center;background:#EAEAEA}.placeholder-status{color:#00000066}.placeholder-status p{font-size:16px}.waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-area{width:100%;display:flex;flex-direction:column;align-items:center}.stop-recording-button{width:100%;height:100%;font-size:16px;background:#f44336;border-radius:6px;color:white;border:none;cursor:pointer}.stop-recording-button:hover{background:#d32f2f}.play-audio-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-left div{font-size:16px}.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}.chat-history{position:relative;flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;min-height:200px;background:url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);background-size:100%}.fullscreen .chat-history{height:auto;flex:1 1 auto}.message-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center}.message-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color 0.2s ease}.message-input input:focus{border-color:#bbb}.message{margin-bottom:16px;opacity:1;transition:opacity 0.3s ease}.message-content{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word}.message-content p{margin:0;word-break:break-word}.user-message{display:flex;justify-content:flex-end}.agent-message{display:flex;justify-content:flex-start}.user-message .message-content{background-color:#007bff;color:white}.agent-message .message-content{background-color:#f1f1f1}.message-time{font-size:12px;color:#999;margin-top:4px;display:block}.send-button{background-color:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.98);z-index:1;opacity:1;transition:opacity 0.3s ease}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.messages-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.messages-wrapper.has-overflow{justify-content:flex-start}.suggested-questions{display:flex;flex-direction:column;gap:8px;padding:16px}.suggested-question{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:background-color 0.2s}.suggested-question:hover{background-color:#e5e7eb}.arrow-right{margin-left:8px}.loading-suggestions{display:flex;justify-content:center;padding:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite}.upload-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background-color 0.2s}.upload-button:hover{background-color:rgba(0, 0, 0, 0.04)}.upload-button svg{width:20px;height:20px}.file-input{display:none}.selected-file{font-size:12px;color:#666;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0 4px;background:white}.input-wrapper input{border:none;flex:1;padding:8px;outline:none}.input-wrapper:focus-within{border-color:#bbb}.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:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.initial-upload{padding:16px;display:flex;flex-direction:column;align-items:center;height:100%}.upload-section{max-width:600px;width:100%;text-align:center}.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}.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}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.category-select,.dimension-select{margin:30px 0}.category-options,.dimension-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-button,.dimension-button{padding:12px 16px;border:1px solid #E5E5E5;border-radius:6px;background:white;cursor:pointer;transition:all 0.3s}.category-button:hover,.dimension-button:hover{background:#f5f5f5}.category-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.dimension-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.recording-section{border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:14px 14px 0 0;flex:0 0 auto}.recording-section .video-preview{width:100%;height:200px;max-width:400px;position:relative;margin-bottom:10px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recording-section video{width:100%;height:100%;object-fit:cover}.recording-status{position:absolute;top:10px;left:10px;background-color:rgba(0, 0, 0, 0.6);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:14px;z-index:2}.recording-status .recording-dot{display:inline-block;width:10px;height:10px;background-color:red;border-radius:50%;margin-right:5px;animation:blink 1s infinite}.recording-status.warning{color:#ff4d4f;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.recording-section .stop-recording-button{background-color:#f44336;color:white;border:none;cursor:pointer;font-weight:bold}.recording-section .stop-recording-button:hover{background-color:#d32f2f}.fullscreen{width:100vw;border-radius:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.recording-controls{margin-top:10px;height:53px;width:100%;max-width:400px;display:flex;justify-content:center}.recording-controls .waiting-message{text-align:center;color:white;font-size:16px;background-image:linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);width:95%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recording-controls .waiting-message.loading{background:#faad14}.recording-controls .waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-controls .stop-recording-button{background-color:#dc3545;color:white;border:none;cursor:pointer;font-size:16px}.recording-controls .stop-recording-button:hover{background-color:#c82333}.recording-controls .stop-recording-button.disabled{background:#ccc;cursor:not-allowed}.recording-controls .stop-recording-button.disabled:hover{background:#ccc}.progress-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:10px;padding:0 5px}.progress-bar-container{height:4px;background-color:#E5E5E5;border-radius:2px;overflow:hidden;margin-right:10px;width:75px}.progress-bar{height:100%;background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);border-radius:2px;transition:width 0.3s ease}.progress-text{font-size:14px;color:#666;white-space:nowrap}";
 
@@ -440,6 +441,22 @@ const ChatHRModal = /*@__PURE__*/ proxyCustomElement(class ChatHRModal extends H
                         }
                     }
                 }
+                if (data.event === 'error') {
+                    const errorMessage = data.data?.message || data.message || '请求失败';
+                    this.messages = [...this.messages, {
+                            ...newMessage,
+                            answer: errorMessage,
+                            error: data.data,
+                            isStreaming: false,
+                        }];
+                    this.currentStreamingMessage = null;
+                    this.isLoading = false;
+                    ErrorEventBus.emitError({
+                        error: data.data,
+                        message: errorMessage,
+                    });
+                    return;
+                }
                 if (data.event === "message_end") {
                     this.streamComplete.emit({
                         conversation_id: data.conversation_id || '',

package/dist/components/pcm-hr-chat-modal.js.map

@@ -1 +1 @@
-{"file":"pcm-hr-chat-modal.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,yiVAAyiV;;ACAnkV,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-hr-chat-modal/pcm-hr-chat-modal.css?tag=pcm-hr-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-hr-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n}\r\n\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 800px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: auto;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100vw;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n}\r\n\r\n/* 确保内容区域也使用 flex 布局并占满剩余空间 */\r\n.modal-container.fullscreen > div:not(.modal-header):not(.initial-upload) {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  overflow: hidden; /* 防止内容溢出 */\r\n  height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n  width: 80%;\r\n  max-width: 800px;\r\n  /* height: 80vh; */\r\n  /* max-height: 700px; */\r\n  min-width: 320px;\r\n  min-height: 400px;\r\n}\r\n\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n    /* height: 90vh; */\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 支持 iOS Safari */\r\n    height: -webkit-fill-available;\r\n    max-height: -webkit-fill-available;\r\n    /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n\r\n}\r\n.video-preview.placeholder {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: #EAEAEA;\r\n}\r\n\r\n.placeholder-status {\r\n  color: #00000066;\r\n}\r\n\r\n.placeholder-status p{\r\n  font-size: 16px;\r\n}\r\n\r\n.waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\r\n.video-area {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.stop-recording-button {\r\n  width: 100%;\r\n  height: 100%;\r\n  font-size: 16px;\r\n  background: #f44336;\r\n  border-radius: 6px;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.stop-recording-button:hover {\r\n  background: #d32f2f;\r\n}\r\n\r\n.play-audio-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 4px 16px;\r\n  height: 50px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  flex-shrink: 0; /* 防止头部被压缩 */\r\n}\r\n\r\n.header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.header-left div {\r\n  font-size: 16px;\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.chat-history {\r\n  position: relative;\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  scroll-behavior: smooth;\r\n  min-height: 200px;\r\n  background: url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);\r\n  background-size: 100%;\r\n}\r\n\r\n/* 添加全屏模式下的样式 */\r\n.fullscreen .chat-history {\r\n  height: auto;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n\r\n.message-input {\r\n  padding: 16px;\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  outline: none;\r\n  transition: border-color 0.2s ease;\r\n}\r\n\r\n.message-input input:focus {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 消息样式 */\r\n.message {\r\n  margin-bottom: 16px;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.message-content {\r\n  max-width: 70%;\r\n  padding: 8px 12px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.message-content p {\r\n  margin: 0;\r\n  word-break: break-word;\r\n}\r\n\r\n.user-message {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.agent-message {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.user-message .message-content {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.agent-message .message-content {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n.message-time {\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin-top: 4px;\r\n  display: block;\r\n}\r\n\r\n.send-button {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 8px 16px;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n}\r\n\r\n.send-button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.empty-state {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #999;\r\n  text-align: center;\r\n}\r\n\r\n.loading-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(255, 255, 255, 0.98);\r\n  z-index: 1;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.loading-container p {\r\n  margin-top: 16px;\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #f3f3f3;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* 修改 messages-wrapper 的样式 */\r\n.messages-wrapper {\r\n  width: 100%;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* 当内容少时，将内容放在底部 */\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* 当有很多消息时，取消固定在底部 */\r\n.messages-wrapper.has-overflow {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.suggested-questions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 16px;\r\n}\r\n\r\n.suggested-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 12px;\r\n  background-color: #f3f4f6;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #374151;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.suggested-question:hover {\r\n  background-color: #e5e7eb;\r\n}\r\n\r\n.arrow-right {\r\n  margin-left: 8px;\r\n}\r\n\r\n.loading-suggestions {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 16px;\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-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  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\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: #999;\r\n  cursor: pointer;\r\n  padding: 4px 8px;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n  background-color: #f0f0f0;\r\n  color: #666;\r\n}\r\n\r\n.initial-upload {\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.upload-section {\r\n  max-width: 600px;\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.upload-area {\r\n  cursor: pointer;\r\n  width: 100%;\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.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\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.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}\r\n\r\n.submit-button:disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.submit-button:hover:not(:disabled) {\r\n  background: #40a9ff;\r\n}\r\n\r\n.category-select,\r\n.dimension-select {\r\n  margin: 30px 0;\r\n}\r\n\r\n.category-options,\r\n.dimension-options {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.category-button,\r\n.dimension-button {\r\n  padding: 12px 16px;\r\n  border: 1px solid #E5E5E5;\r\n  border-radius: 6px;\r\n  background: white;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.category-button:hover,\r\n.dimension-button:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.category-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\r\n}\r\n\r\n.dimension-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 2;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-image: linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);\r\n  border-radius: 6px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #E5E5E5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}
+{"file":"pcm-hr-chat-modal.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,yiVAAyiV;;ACAnkV,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-hr-chat-modal/pcm-hr-chat-modal.css?tag=pcm-hr-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-hr-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n}\r\n\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 800px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: auto;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100vw;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n}\r\n\r\n/* 确保内容区域也使用 flex 布局并占满剩余空间 */\r\n.modal-container.fullscreen > div:not(.modal-header):not(.initial-upload) {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  overflow: hidden; /* 防止内容溢出 */\r\n  height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n  width: 80%;\r\n  max-width: 800px;\r\n  /* height: 80vh; */\r\n  /* max-height: 700px; */\r\n  min-width: 320px;\r\n  min-height: 400px;\r\n}\r\n\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n    /* height: 90vh; */\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 支持 iOS Safari */\r\n    height: -webkit-fill-available;\r\n    max-height: -webkit-fill-available;\r\n    /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n\r\n}\r\n.video-preview.placeholder {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: #EAEAEA;\r\n}\r\n\r\n.placeholder-status {\r\n  color: #00000066;\r\n}\r\n\r\n.placeholder-status p{\r\n  font-size: 16px;\r\n}\r\n\r\n.waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\r\n.video-area {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.stop-recording-button {\r\n  width: 100%;\r\n  height: 100%;\r\n  font-size: 16px;\r\n  background: #f44336;\r\n  border-radius: 6px;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.stop-recording-button:hover {\r\n  background: #d32f2f;\r\n}\r\n\r\n.play-audio-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 4px 16px;\r\n  height: 50px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  flex-shrink: 0; /* 防止头部被压缩 */\r\n}\r\n\r\n.header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.header-left div {\r\n  font-size: 16px;\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.chat-history {\r\n  position: relative;\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  scroll-behavior: smooth;\r\n  min-height: 200px;\r\n  background: url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);\r\n  background-size: 100%;\r\n}\r\n\r\n/* 添加全屏模式下的样式 */\r\n.fullscreen .chat-history {\r\n  height: auto;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n\r\n.message-input {\r\n  padding: 16px;\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  outline: none;\r\n  transition: border-color 0.2s ease;\r\n}\r\n\r\n.message-input input:focus {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 消息样式 */\r\n.message {\r\n  margin-bottom: 16px;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.message-content {\r\n  max-width: 70%;\r\n  padding: 8px 12px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.message-content p {\r\n  margin: 0;\r\n  word-break: break-word;\r\n}\r\n\r\n.user-message {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.agent-message {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.user-message .message-content {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.agent-message .message-content {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n.message-time {\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin-top: 4px;\r\n  display: block;\r\n}\r\n\r\n.send-button {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 8px 16px;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n}\r\n\r\n.send-button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.empty-state {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #999;\r\n  text-align: center;\r\n}\r\n\r\n.loading-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(255, 255, 255, 0.98);\r\n  z-index: 1;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.loading-container p {\r\n  margin-top: 16px;\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #f3f3f3;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* 修改 messages-wrapper 的样式 */\r\n.messages-wrapper {\r\n  width: 100%;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* 当内容少时，将内容放在底部 */\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* 当有很多消息时，取消固定在底部 */\r\n.messages-wrapper.has-overflow {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.suggested-questions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 16px;\r\n}\r\n\r\n.suggested-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 12px;\r\n  background-color: #f3f4f6;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #374151;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.suggested-question:hover {\r\n  background-color: #e5e7eb;\r\n}\r\n\r\n.arrow-right {\r\n  margin-left: 8px;\r\n}\r\n\r\n.loading-suggestions {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 16px;\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-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  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\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: #999;\r\n  cursor: pointer;\r\n  padding: 4px 8px;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n  background-color: #f0f0f0;\r\n  color: #666;\r\n}\r\n\r\n.initial-upload {\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.upload-section {\r\n  max-width: 600px;\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.upload-area {\r\n  cursor: pointer;\r\n  width: 100%;\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.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\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.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}\r\n\r\n.submit-button:disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.submit-button:hover:not(:disabled) {\r\n  background: #40a9ff;\r\n}\r\n\r\n.category-select,\r\n.dimension-select {\r\n  margin: 30px 0;\r\n}\r\n\r\n.category-options,\r\n.dimension-options {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.category-button,\r\n.dimension-button {\r\n  padding: 12px 16px;\r\n  border: 1px solid #E5E5E5;\r\n  border-radius: 6px;\r\n  background: white;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.category-button:hover,\r\n.dimension-button:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.category-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\r\n}\r\n\r\n.dimension-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 2;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-image: linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);\r\n  border-radius: 6px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #E5E5E5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}

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

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, v as verifyApiKey } from './p-DtCXILg5.js';
+import { a as authStore, v as verifyApiKey } from './p-C4KAf-6-.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
 import { M as Message } from './p-DXVhHj6-.js';
-import { d as defineCustomElement$9 } from './p-Caxrsbp0.js';
-import { d as defineCustomElement$8 } from './p-CGRQB-kz.js';
+import { d as defineCustomElement$9 } from './p-Da-8BxdM.js';
+import { d as defineCustomElement$8 } from './p-9hnllPbt.js';
 import { d as defineCustomElement$7 } from './p-B_-12Bju.js';
-import { d as defineCustomElement$6 } from './p-BjKpPzZZ.js';
+import { d as defineCustomElement$6 } from './p-ikx6J73I.js';
 import { d as defineCustomElement$5 } from './p-0JWThH-A.js';
-import { d as defineCustomElement$4 } from './p-BJnD41Qm.js';
-import { d as defineCustomElement$3 } from './p-pTzOe1-b.js';
-import { d as defineCustomElement$2 } from './p-nFix5BDn.js';
+import { d as defineCustomElement$4 } from './p-DHwXxizT.js';
+import { d as defineCustomElement$3 } from './p-C6OdIxkm.js';
+import { d as defineCustomElement$2 } from './p-B7cdvqSY.js';
 
 const pcmHtwsModalCss = ".input-mode-toggle{display:flex;align-items:center;margin-bottom:16px}.input-mode-toggle span{color:#333;margin-right:12px}.toggle-button{display:flex;align-items:center;background:none;border:none;color:#2E6EDF;cursor:pointer;font-size:14px;padding:4px 8px}.toggle-button svg{margin-right:4px}.free-input{width:100%}.textarea-container{margin-bottom:16px}.textarea-container label{display:block;margin-bottom:8px;font-weight:500;color:#333}.textarea-container textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;background-color:#f9f9f9;min-height:150px;width:100%;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.textarea-container textarea:focus{outline:none;border-color:#2E6EDF;box-shadow:0 0 0 2px rgba(46, 110, 223, 0.2)}.required{color:#f56c6c}.input-guide{background-color:#f5f7fa;border-radius:4px;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.guide-title{font-weight:500;color:#333;margin-bottom:8px}.guide-content{color:#666;font-size:13px;max-width:100%;word-wrap:break-word}.guide-content div{margin-bottom:4px}";
 

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, v as verifyApiKey, e as uploadFileToBackend } from './p-DtCXILg5.js';
+import { a as authStore, v as verifyApiKey, e as uploadFileToBackend } from './p-C4KAf-6-.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
 import { S as SentryReporter } from './p-DC-AWTHS.js';
-import { d as defineCustomElement$6 } from './p-Caxrsbp0.js';
-import { d as defineCustomElement$5 } from './p-CGRQB-kz.js';
+import { d as defineCustomElement$6 } from './p-Da-8BxdM.js';
+import { d as defineCustomElement$5 } from './p-9hnllPbt.js';
 import { d as defineCustomElement$4 } from './p-B_-12Bju.js';
-import { d as defineCustomElement$3 } from './p-BjKpPzZZ.js';
+import { d as defineCustomElement$3 } from './p-ikx6J73I.js';
 import { d as defineCustomElement$2 } from './p-0JWThH-A.js';
 
 const pcmHyzjModalCss = "";