pcm-agents 0.6.11 → 0.6.13

package/dist/collection/components/pcm-card/pcm-card.css

@@ -1,260 +1,260 @@
-: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 {
-  /* 为图标添加SVG背景 */
-  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 {
-  /* 为图标添加SVG背景 */
-  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 {
-  /* 为图标添加SVG背景 */
-  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;
-  }
+: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 {
+  /* 为图标添加SVG背景 */
+  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 {
+  /* 为图标添加SVG背景 */
+  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 {
+  /* 为图标添加SVG背景 */
+  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/collection/components/pcm-card/pcm-card.js

@@ -147,7 +147,7 @@ export class PcmCard {
             authorName,
             authorAvatar
         });
-        return (h("div", { key: '686774ebe2a5e2942c7e41d73a9fd8ae8e427f5d', class: "card-container" }, this.loading ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("div", null, "\u52A0\u8F7D\u4E2D..."))) : this.error ? (h("div", { class: "error-container" }, h("div", { class: "error-icon" }, "!"), h("div", { class: "error-message" }, this.error))) : (h("div", null, h("div", { class: "card-header" }, icon && (h("div", { class: "card-icon" }, h("img", { src: icon, alt: title }))), h("div", { class: "card-info" }, h("div", { class: "title-row" }, h("div", { class: "title-wrapper" }, h("div", { class: "card-title" }, title)), this.showChatTag && hasChatTag && h("div", { class: "chat-tag" }, hasChatTag)), authorName && (h("div", { class: "author-row" }, authorAvatar && (h("img", { class: "author-avatar", src: authorAvatar, alt: authorName })), h("div", { class: "author-name" }, authorName))), desc && (h("div", { class: "card-description" }, desc)))), h("div", { class: "card-footer" }, h("div", { class: "stats-container" }, h("div", { class: "stat-item" }, h("span", { class: "stat-icon user-icon" }), h("div", { class: "stat-value" }, usersCount)), h("div", { class: "stat-item" }, h("span", { class: "stat-icon star-icon" }), h("div", { class: "stat-value" }, starsCount)), h("div", { class: "stat-item" }, h("span", { class: "stat-icon video-icon" }), h("div", { class: "stat-value" }, usageCount))), h("div", { class: "use-button" }, this.useButtonText || '立即使用'))))));
+        return (h("div", { key: '97827af60487bae41aeb80fcea46d8e2dd4b072a', class: "card-container" }, this.loading ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("div", null, "\u52A0\u8F7D\u4E2D..."))) : this.error ? (h("div", { class: "error-container" }, h("div", { class: "error-icon" }, "!"), h("div", { class: "error-message" }, this.error))) : (h("div", null, h("div", { class: "card-header" }, icon && (h("div", { class: "card-icon" }, h("img", { src: icon, alt: title }))), h("div", { class: "card-info" }, h("div", { class: "title-row" }, h("div", { class: "title-wrapper" }, h("div", { class: "card-title" }, title)), this.showChatTag && hasChatTag && h("div", { class: "chat-tag" }, hasChatTag)), authorName && (h("div", { class: "author-row" }, authorAvatar && (h("img", { class: "author-avatar", src: authorAvatar, alt: authorName })), h("div", { class: "author-name" }, authorName))), desc && (h("div", { class: "card-description" }, desc)))), h("div", { class: "card-footer" }, h("div", { class: "stats-container" }, h("div", { class: "stat-item" }, h("span", { class: "stat-icon user-icon" }), h("div", { class: "stat-value" }, usersCount)), h("div", { class: "stat-item" }, h("span", { class: "stat-icon star-icon" }), h("div", { class: "stat-value" }, starsCount)), h("div", { class: "stat-item" }, h("span", { class: "stat-icon video-icon" }), h("div", { class: "stat-value" }, usageCount))), h("div", { class: "use-button" }, this.useButtonText || '立即使用'))))));
     }
     static get is() { return "pcm-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pcm-card/pcm-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"pcm-card.js","sourceRoot":"","sources":["../../../../src/components/pcm-card/pcm-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h,  State, Watch,Event, EventEmitter } from '@stencil/core';\r\nimport { sendHttpRequest } from '../../utils/utils';\r\nimport { authStore } from '../../../store/auth.store';\r\n\r\n/**\r\n * 智能体卡片组件\r\n * 用于展示各业务功能入口，点击后根据回调打开对应的模态框\r\n */\r\n@Component({\r\n    tag: 'pcm-card',\r\n    styleUrl: 'pcm-card.css',\r\n    shadow: true,\r\n})\r\nexport class PcmCard {\r\n    /**\r\n   * SDK鉴权密钥\r\n   */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n    /**\r\n     * 自定义卡片标题\r\n     */\r\n    @Prop() cardTitle: string = '';\r\n\r\n    /**\r\n     * 自定义卡片描述\r\n     */\r\n    @Prop() description: string = '';\r\n\r\n    /**\r\n     * 自定义卡片图标URL\r\n     */\r\n    @Prop() iconUrl: string = '';\r\n\r\n\r\n    /**\r\n     * 自定义作者名称\r\n     */\r\n    @Prop() author: string = '';\r\n\r\n    /**\r\n     * 自定义作者头像URL\r\n     */\r\n    @Prop() authorAvatarUrl: string = '';\r\n\r\n    /**\r\n     * 是否显示右侧对话标签\r\n     */\r\n    @Prop() showChatTag: boolean = false;\r\n\r\n    /**\r\n     * 自定义右侧标签\r\n     */\r\n    @Prop() customChatTag: string = '';\r\n\r\n    /**\r\n     * 自定义立即使用按钮文本\r\n     */\r\n    @Prop() useButtonText: string = '立即使用';\r\n\r\n    /**\r\n     * 智能体ID\r\n     */\r\n    @Prop() botId: string = '';\r\n\r\n    /**\r\n     * 内部状态：用于存储从接口获取的智能体数据\r\n     */\r\n    @State() botData: any = null;\r\n\r\n    /**\r\n     * 内部状态：加载状态\r\n     */\r\n    @State() loading: boolean = false;\r\n\r\n    /**\r\n     * 内部状态：错误信息\r\n     */\r\n    @State() error: string = '';\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    private tokenInvalidListener: () => void;\r\n\r\n    /**\r\n     * 监听 botId 变化，当 botId 改变时重新获取数据\r\n     */\r\n    @Watch('botId')\r\n    watchBotIdHandler(newValue: string) {\r\n        if (newValue) {\r\n            this.fetchBotData();\r\n        }\r\n    }\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * 组件将要加载时，如果有 botId 则获取数据\r\n     */\r\n    componentWillLoad() {\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        if (this.botId) {\r\n            this.fetchBotData();\r\n        }\r\n         // 添加全局token无效事件监听器\r\n         this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n\r\n    /**\r\n     * 获取机器人数据\r\n     */\r\n    private async fetchBotData() {\r\n        if (!this.botId) return;\r\n\r\n        this.loading = true;\r\n        this.error = '';\r\n\r\n        try {\r\n            const response = await sendHttpRequest({\r\n                url: `/sdk/v1/agent/${this.botId}/info`,\r\n                method: 'GET',\r\n            });\r\n\r\n            if (response.success && response.data) {\r\n                this.botData = response.data;\r\n            } else {\r\n                throw new Error(response.message || '获取智能体信息失败');\r\n            }\r\n        } catch (err) {\r\n            this.error = err.message || '获取智能体信息失败';\r\n            console.error('获取智能体信息失败:', err);\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        // 从 botData 中获取信息，如果用户传入的属性存在则优先使用用户传入的\r\n        const title = this.cardTitle || (this.botData?.title || '');\r\n        const desc = this.description || (this.botData?.description || '');\r\n        // 处理图标，可能会在不同属性中\r\n        const iconFromBot = this.botData?.icon || this.botData?.iconUrl || this.botData?.logo || '';\r\n        const icon = this.iconUrl || iconFromBot;\r\n\r\n        const authorName = this.author || (this.botData?.author_name || '');\r\n        const authorAvatar = this.authorAvatarUrl || (this.botData?.author_avatar || '');\r\n        const hasChatTag = this.customChatTag || (this.botData?.flag || '');\r\n        const usersCount = this.botData?.use_count || 0;\r\n        const starsCount = this.botData?.follow_count || 0;\r\n        const usageCount = this.botData?.view_count || 0;\r\n\r\n        console.log('渲染数据:', {\r\n            title,\r\n            icon,\r\n            iconFromBot,\r\n            userIconUrl: this.iconUrl,\r\n            botData: this.botData,\r\n            authorName,\r\n            authorAvatar\r\n        });\r\n\r\n        return (\r\n            <div\r\n                class=\"card-container\"\r\n            >\r\n                {this.loading ? (\r\n                    <div class=\"loading-container\">\r\n                        <div class=\"loading-spinner\"></div>\r\n                        <div>加载中...</div>\r\n                    </div>\r\n                ) : this.error ? (\r\n                    <div class=\"error-container\">\r\n                        <div class=\"error-icon\">!</div>\r\n                        <div class=\"error-message\">{this.error}</div>\r\n                    </div>\r\n                ) : (\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            {icon && (\r\n                                <div class=\"card-icon\">\r\n                                    <img src={icon} alt={title} />\r\n                                </div>\r\n                            )}\r\n                            <div class=\"card-info\">\r\n                                <div class=\"title-row\">\r\n                                    <div class=\"title-wrapper\">\r\n                                        <div class=\"card-title\">{title}</div>\r\n                                    </div>\r\n                                    {this.showChatTag && hasChatTag && <div class=\"chat-tag\">{hasChatTag}</div>}\r\n                                </div>\r\n\r\n                                {authorName && (\r\n                                    <div class=\"author-row\">\r\n                                        {authorAvatar && (\r\n                                            <img class=\"author-avatar\" src={authorAvatar} alt={authorName} />\r\n                                        )}\r\n                                        <div class=\"author-name\">{authorName}</div>\r\n                                    </div>\r\n                                )}\r\n\r\n                                {desc && (\r\n                                    <div class=\"card-description\">{desc}</div>\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"card-footer\">\r\n                            <div class=\"stats-container\">\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon user-icon\"></span>\r\n                                    <div class=\"stat-value\">{usersCount}</div>\r\n                                </div>\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon star-icon\"></span>\r\n                                    <div class=\"stat-value\">{starsCount}</div>\r\n                                </div>\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon video-icon\"></span>\r\n                                    <div class=\"stat-value\">{usageCount}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"use-button\">{this.useButtonText || '立即使用'}</div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n} "]}
+{"version":3,"file":"pcm-card.js","sourceRoot":"","sources":["../../../../src/components/pcm-card/pcm-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h,  State, Watch,Event, EventEmitter } from '@stencil/core';\nimport { sendHttpRequest } from '../../utils/utils';\nimport { authStore } from '../../../store/auth.store';\n\n/**\n * 智能体卡片组件\n * 用于展示各业务功能入口，点击后根据回调打开对应的模态框\n */\n@Component({\n    tag: 'pcm-card',\n    styleUrl: 'pcm-card.css',\n    shadow: true,\n})\nexport class PcmCard {\n    /**\n   * SDK鉴权密钥\n   */\n    @Prop({ attribute: 'token' }) token!: string;\n    /**\n     * 自定义卡片标题\n     */\n    @Prop() cardTitle: string = '';\n\n    /**\n     * 自定义卡片描述\n     */\n    @Prop() description: string = '';\n\n    /**\n     * 自定义卡片图标URL\n     */\n    @Prop() iconUrl: string = '';\n\n\n    /**\n     * 自定义作者名称\n     */\n    @Prop() author: string = '';\n\n    /**\n     * 自定义作者头像URL\n     */\n    @Prop() authorAvatarUrl: string = '';\n\n    /**\n     * 是否显示右侧对话标签\n     */\n    @Prop() showChatTag: boolean = false;\n\n    /**\n     * 自定义右侧标签\n     */\n    @Prop() customChatTag: string = '';\n\n    /**\n     * 自定义立即使用按钮文本\n     */\n    @Prop() useButtonText: string = '立即使用';\n\n    /**\n     * 智能体ID\n     */\n    @Prop() botId: string = '';\n\n    /**\n     * 内部状态：用于存储从接口获取的智能体数据\n     */\n    @State() botData: any = null;\n\n    /**\n     * 内部状态：加载状态\n     */\n    @State() loading: boolean = false;\n\n    /**\n     * 内部状态：错误信息\n     */\n    @State() error: string = '';\n\n    /**\n     * SDK密钥验证失败事件\n     */\n    @Event() tokenInvalid: EventEmitter<void>;\n\n    private tokenInvalidListener: () => void;\n\n    /**\n     * 监听 botId 变化，当 botId 改变时重新获取数据\n     */\n    @Watch('botId')\n    watchBotIdHandler(newValue: string) {\n        if (newValue) {\n            this.fetchBotData();\n        }\n    }\n\n    @Watch('token')\n    handleTokenChange(newToken: string) {\n        // 当传入的 token 变化时，更新 authStore 中的 token\n        if (newToken && newToken !== authStore.getToken()) {\n            authStore.setToken(newToken);\n        }\n    }\n\n    /**\n     * 组件将要加载时，如果有 botId 则获取数据\n     */\n    componentWillLoad() {\n        if (this.token) {\n            authStore.setToken(this.token);\n        }\n        if (this.botId) {\n            this.fetchBotData();\n        }\n         // 添加全局token无效事件监听器\n         this.tokenInvalidListener = () => {\n            this.tokenInvalid.emit();\n        };\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\n    }\n\n    disconnectedCallback() {\n        // 组件销毁时移除事件监听器\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\n    }\n\n\n    /**\n     * 获取机器人数据\n     */\n    private async fetchBotData() {\n        if (!this.botId) return;\n\n        this.loading = true;\n        this.error = '';\n\n        try {\n            const response = await sendHttpRequest({\n                url: `/sdk/v1/agent/${this.botId}/info`,\n                method: 'GET',\n            });\n\n            if (response.success && response.data) {\n                this.botData = response.data;\n            } else {\n                throw new Error(response.message || '获取智能体信息失败');\n            }\n        } catch (err) {\n            this.error = err.message || '获取智能体信息失败';\n            console.error('获取智能体信息失败:', err);\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    render() {\n        // 从 botData 中获取信息，如果用户传入的属性存在则优先使用用户传入的\n        const title = this.cardTitle || (this.botData?.title || '');\n        const desc = this.description || (this.botData?.description || '');\n        // 处理图标，可能会在不同属性中\n        const iconFromBot = this.botData?.icon || this.botData?.iconUrl || this.botData?.logo || '';\n        const icon = this.iconUrl || iconFromBot;\n\n        const authorName = this.author || (this.botData?.author_name || '');\n        const authorAvatar = this.authorAvatarUrl || (this.botData?.author_avatar || '');\n        const hasChatTag = this.customChatTag || (this.botData?.flag || '');\n        const usersCount = this.botData?.use_count || 0;\n        const starsCount = this.botData?.follow_count || 0;\n        const usageCount = this.botData?.view_count || 0;\n\n        console.log('渲染数据:', {\n            title,\n            icon,\n            iconFromBot,\n            userIconUrl: this.iconUrl,\n            botData: this.botData,\n            authorName,\n            authorAvatar\n        });\n\n        return (\n            <div\n                class=\"card-container\"\n            >\n                {this.loading ? (\n                    <div class=\"loading-container\">\n                        <div class=\"loading-spinner\"></div>\n                        <div>加载中...</div>\n                    </div>\n                ) : this.error ? (\n                    <div class=\"error-container\">\n                        <div class=\"error-icon\">!</div>\n                        <div class=\"error-message\">{this.error}</div>\n                    </div>\n                ) : (\n                    <div>\n                        <div class=\"card-header\">\n                            {icon && (\n                                <div class=\"card-icon\">\n                                    <img src={icon} alt={title} />\n                                </div>\n                            )}\n                            <div class=\"card-info\">\n                                <div class=\"title-row\">\n                                    <div class=\"title-wrapper\">\n                                        <div class=\"card-title\">{title}</div>\n                                    </div>\n                                    {this.showChatTag && hasChatTag && <div class=\"chat-tag\">{hasChatTag}</div>}\n                                </div>\n\n                                {authorName && (\n                                    <div class=\"author-row\">\n                                        {authorAvatar && (\n                                            <img class=\"author-avatar\" src={authorAvatar} alt={authorName} />\n                                        )}\n                                        <div class=\"author-name\">{authorName}</div>\n                                    </div>\n                                )}\n\n                                {desc && (\n                                    <div class=\"card-description\">{desc}</div>\n                                )}\n                            </div>\n                        </div>\n\n                        <div class=\"card-footer\">\n                            <div class=\"stats-container\">\n                                <div class=\"stat-item\">\n                                    <span class=\"stat-icon user-icon\"></span>\n                                    <div class=\"stat-value\">{usersCount}</div>\n                                </div>\n                                <div class=\"stat-item\">\n                                    <span class=\"stat-icon star-icon\"></span>\n                                    <div class=\"stat-value\">{starsCount}</div>\n                                </div>\n                                <div class=\"stat-item\">\n                                    <span class=\"stat-icon video-icon\"></span>\n                                    <div class=\"stat-value\">{usageCount}</div>\n                                </div>\n                            </div>\n                            <div class=\"use-button\">{this.useButtonText || '立即使用'}</div>\n                        </div>\n                    </div>\n                )}\n            </div>\n        );\n    }\n} "]}