@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/{C_Chat-DO1ZBA_0.css.map → C_Chat-DeUv6uuI.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Chat-DO1ZBA_0.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=2bbae884&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-2bbae884] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-online-color: #22c55e;\n  --chat-unread-bg: #ef4444;\n  --chat-unread-color: #fff;\n  --chat-failed-color: #ef4444;\n  --chat-shadow: rgba(0, 0, 0, 0.06);\n  --chat-shadow-light: rgba(0, 0, 0, 0.03);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px var(--chat-shadow);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px var(--chat-shadow-light);\n}\n.c-chat__sidebar-header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-2bbae884] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-2bbae884]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-2bbae884] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-2bbae884] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-2bbae884] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--chat-online-color);\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-2bbae884] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: var(--chat-unread-bg);\n  color: var(--chat-unread-color);\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px var(--chat-shadow-light);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-2bbae884] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-2bbae884] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-2bbae884] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-2bbae884] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-2bbae884] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-2bbae884] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-2bbae884] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-2bbae884] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-2bbae884] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-2bbae884] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-2bbae884] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-2bbae884] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-2bbae884] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-2bbae884] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-2bbae884] {\n  color: var(--chat-failed-color);\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-2bbae884] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-2bbae884] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-2bbae884] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-2bbae884] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-2bbae884] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-2bbae884],\n  .c-chat__search[data-v-2bbae884],\n  .c-chat__unread[data-v-2bbae884] {\n    display: none;\n}\n.c-chat__contact[data-v-2bbae884] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Chat-DeUv6uuI.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=5b4bf8dc&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-5b4bf8dc] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-online-color: #22c55e;\n  --chat-unread-bg: #ef4444;\n  --chat-unread-color: #fff;\n  --chat-failed-color: #ef4444;\n  --chat-shadow: rgba(0, 0, 0, 0.06);\n  --chat-shadow-light: rgba(0, 0, 0, 0.03);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px var(--chat-shadow);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-5b4bf8dc] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px var(--chat-shadow-light);\n}\n.c-chat__sidebar-header[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-5b4bf8dc] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-5b4bf8dc] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-5b4bf8dc]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-5b4bf8dc] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-5b4bf8dc] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-5b4bf8dc] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-5b4bf8dc] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-5b4bf8dc] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--chat-online-color);\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-5b4bf8dc] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-5b4bf8dc] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-5b4bf8dc] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-5b4bf8dc] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: var(--chat-unread-bg);\n  color: var(--chat-unread-color);\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-5b4bf8dc] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px var(--chat-shadow-light);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-5b4bf8dc] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-5b4bf8dc] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-5b4bf8dc] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-5b4bf8dc] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-5b4bf8dc] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-5b4bf8dc] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-5b4bf8dc] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-5b4bf8dc] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-5b4bf8dc] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-5b4bf8dc] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-5b4bf8dc] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-5b4bf8dc] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-5b4bf8dc] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-5b4bf8dc] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-5b4bf8dc] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-5b4bf8dc] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-5b4bf8dc] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-5b4bf8dc] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-5b4bf8dc] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-5b4bf8dc] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-5b4bf8dc] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-5b4bf8dc] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-5b4bf8dc] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-5b4bf8dc] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-5b4bf8dc] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-5b4bf8dc] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-5b4bf8dc] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-5b4bf8dc] {\n  color: var(--chat-failed-color);\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-5b4bf8dc] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-5b4bf8dc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-5b4bf8dc] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-5b4bf8dc] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-5b4bf8dc] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-5b4bf8dc] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-5b4bf8dc] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-5b4bf8dc] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-5b4bf8dc],\n  .c-chat__search[data-v-5b4bf8dc],\n  .c-chat__unread[data-v-5b4bf8dc] {\n    display: none;\n}\n.c-chat__contact[data-v-5b4bf8dc] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Chat.css

@@ -1,5 +1,5 @@
 /* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
-.c-chat[data-v-2bbae884] {
+.c-chat[data-v-5b4bf8dc] {
   --chat-bg: var(--card-color);
   --chat-sidebar-bg: var(--body-color);
   --chat-sidebar-width: 280px;
@@ -37,7 +37,7 @@
 }
 
 /* ─── 联系人侧栏 ──────────────────────────────────────── */
-.c-chat__sidebar[data-v-2bbae884] {
+.c-chat__sidebar[data-v-5b4bf8dc] {
   display: flex;
   flex-direction: column;
   width: var(--chat-sidebar-width);
@@ -46,7 +46,7 @@
   border-right: 1px solid var(--chat-border);
   box-shadow: 2px 0 8px var(--chat-shadow-light);
 }
-.c-chat__sidebar-header[data-v-2bbae884] {
+.c-chat__sidebar-header[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -56,22 +56,22 @@
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__search[data-v-2bbae884] {
+.c-chat__search[data-v-5b4bf8dc] {
   padding: 8px 12px;
 }
-.c-chat__contact-list[data-v-2bbae884] {
+.c-chat__contact-list[data-v-5b4bf8dc] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar {
+.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar-thumb {
+.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__contact[data-v-2bbae884] {
+.c-chat__contact[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -79,24 +79,24 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-chat__contact[data-v-2bbae884]:hover {
+.c-chat__contact[data-v-5b4bf8dc]:hover {
   background: color-mix(in srgb, var(--primary-color) 6%, transparent);
 }
-.c-chat__contact.is-active[data-v-2bbae884] {
+.c-chat__contact.is-active[data-v-5b4bf8dc] {
   background: color-mix(in srgb, var(--primary-color) 12%, transparent);
 }
-.c-chat__contact-avatar[data-v-2bbae884] {
+.c-chat__contact-avatar[data-v-5b4bf8dc] {
   position: relative;
   flex-shrink: 0;
 }
-.c-chat__avatar[data-v-2bbae884] {
+.c-chat__avatar[data-v-5b4bf8dc] {
   width: var(--chat-avatar-size);
   height: var(--chat-avatar-size);
   border-radius: 50%;
   object-fit: cover;
   background: color-mix(in srgb, var(--border-color) 50%, transparent);
 }
-.c-chat__avatar-fallback[data-v-2bbae884] {
+.c-chat__avatar-fallback[data-v-5b4bf8dc] {
   width: var(--chat-avatar-size);
   height: var(--chat-avatar-size);
   border-radius: 50%;
@@ -108,7 +108,7 @@
   font-weight: 600;
   color: var(--app-text-primary);
 }
-.c-chat__online-dot[data-v-2bbae884] {
+.c-chat__online-dot[data-v-5b4bf8dc] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -118,24 +118,24 @@
   background: var(--chat-online-color);
   border: 2px solid var(--chat-sidebar-bg);
 }
-.c-chat__contact-info[data-v-2bbae884] {
+.c-chat__contact-info[data-v-5b4bf8dc] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__contact-name[data-v-2bbae884] {
+.c-chat__contact-name[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 13px;
   font-weight: 500;
 }
-.c-chat__contact-time[data-v-2bbae884] {
+.c-chat__contact-time[data-v-5b4bf8dc] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-left: 8px;
   flex-shrink: 0;
 }
-.c-chat__contact-last[data-v-2bbae884] {
+.c-chat__contact-last[data-v-5b4bf8dc] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   white-space: nowrap;
@@ -143,7 +143,7 @@
   text-overflow: ellipsis;
   margin-top: 2px;
 }
-.c-chat__unread[data-v-2bbae884] {
+.c-chat__unread[data-v-5b4bf8dc] {
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
@@ -159,13 +159,13 @@
 }
 
 /* ─── 主聊天区域 ──────────────────────────────────────── */
-.c-chat__main[data-v-2bbae884] {
+.c-chat__main[data-v-5b4bf8dc] {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__header[data-v-2bbae884] {
+.c-chat__header[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -177,14 +177,14 @@
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__header-status[data-v-2bbae884] {
+.c-chat__header-status[data-v-5b4bf8dc] {
   font-size: 12px;
   font-weight: 400;
   color: var(--chat-text-secondary);
 }
 
 /* ─── 消息区域 ────────────────────────────────────────── */
-.c-chat__messages[data-v-2bbae884] {
+.c-chat__messages[data-v-5b4bf8dc] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -194,18 +194,18 @@
   gap: 12px;
   background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));
 }
-.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar {
+.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar-thumb {
+.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__load-more[data-v-2bbae884] {
+.c-chat__load-more[data-v-5b4bf8dc] {
   text-align: center;
   padding: 8px;
 }
-.c-chat__empty[data-v-2bbae884] {
+.c-chat__empty[data-v-5b4bf8dc] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -215,73 +215,73 @@
 }
 
 /* ─── 消息气泡 ────────────────────────────────────────── */
-.c-chat__msg[data-v-2bbae884] {
+.c-chat__msg[data-v-5b4bf8dc] {
   display: flex;
   gap: 8px;
   max-width: 75%;
 }
-.c-chat__msg.is-self[data-v-2bbae884] {
+.c-chat__msg.is-self[data-v-5b4bf8dc] {
   margin-left: auto;
   flex-direction: row-reverse;
 }
-.c-chat__msg.is-system[data-v-2bbae884] {
+.c-chat__msg.is-system[data-v-5b4bf8dc] {
   max-width: 100%;
   justify-content: center;
   align-self: center;
 }
-.c-chat__msg-avatar[data-v-2bbae884] {
+.c-chat__msg-avatar[data-v-5b4bf8dc] {
   flex-shrink: 0;
   margin-top: 2px;
 }
-.c-chat__msg-body[data-v-2bbae884] {
+.c-chat__msg-body[data-v-5b4bf8dc] {
   display: flex;
   flex-direction: column;
 }
-.c-chat__msg-username[data-v-2bbae884] {
+.c-chat__msg-username[data-v-5b4bf8dc] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   margin-bottom: 2px;
 }
-.is-self .c-chat__msg-username[data-v-2bbae884] {
+.is-self .c-chat__msg-username[data-v-5b4bf8dc] {
   text-align: right;
 }
-.c-chat__bubble[data-v-2bbae884] {
+.c-chat__bubble[data-v-5b4bf8dc] {
   padding: 10px 14px;
   border-radius: 16px;
   line-height: 1.5;
   word-break: break-word;
   white-space: pre-wrap;
 }
-.is-other .c-chat__bubble[data-v-2bbae884] {
+.is-other .c-chat__bubble[data-v-5b4bf8dc] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__bubble[data-v-2bbae884] {
+.is-self .c-chat__bubble[data-v-5b4bf8dc] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.is-system .c-chat__bubble[data-v-2bbae884] {
+.is-system .c-chat__bubble[data-v-5b4bf8dc] {
   background: var(--chat-bubble-system);
   color: var(--chat-text-secondary);
   font-size: 12px;
   padding: 4px 12px;
 }
-.c-chat__msg-image[data-v-2bbae884] {
+.c-chat__msg-image[data-v-5b4bf8dc] {
   max-width: 240px;
   max-height: 180px;
   border-radius: 12px;
   cursor: pointer;
   object-fit: cover;
 }
-.is-self .c-chat__msg-image[data-v-2bbae884] {
+.is-self .c-chat__msg-image[data-v-5b4bf8dc] {
   border-top-right-radius: 4px;
 }
-.is-other .c-chat__msg-image[data-v-2bbae884] {
+.is-other .c-chat__msg-image[data-v-5b4bf8dc] {
   border-top-left-radius: 4px;
 }
-.c-chat__msg-file[data-v-2bbae884] {
+.c-chat__msg-file[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -289,55 +289,55 @@
   border-radius: 12px;
   cursor: pointer;
 }
-.is-other .c-chat__msg-file[data-v-2bbae884] {
+.is-other .c-chat__msg-file[data-v-5b4bf8dc] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__msg-file[data-v-2bbae884] {
+.is-self .c-chat__msg-file[data-v-5b4bf8dc] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.c-chat__file-info[data-v-2bbae884] {
+.c-chat__file-info[data-v-5b4bf8dc] {
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__file-name[data-v-2bbae884] {
+.c-chat__file-name[data-v-5b4bf8dc] {
   font-size: 13px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.c-chat__file-size[data-v-2bbae884] {
+.c-chat__file-size[data-v-5b4bf8dc] {
   font-size: 11px;
   opacity: 0.6;
 }
-.c-chat__msg-time[data-v-2bbae884] {
+.c-chat__msg-time[data-v-5b4bf8dc] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-top: 4px;
 }
-.is-self .c-chat__msg-time[data-v-2bbae884] {
+.is-self .c-chat__msg-time[data-v-5b4bf8dc] {
   text-align: right;
 }
-.c-chat__msg-status[data-v-2bbae884] {
+.c-chat__msg-status[data-v-5b4bf8dc] {
   font-size: 11px;
   margin-top: 2px;
   text-align: right;
 }
-.c-chat__msg-status.is-sending[data-v-2bbae884] {
+.c-chat__msg-status.is-sending[data-v-5b4bf8dc] {
   color: var(--chat-text-secondary);
 }
-.c-chat__msg-status.is-failed[data-v-2bbae884] {
+.c-chat__msg-status.is-failed[data-v-5b4bf8dc] {
   color: var(--chat-failed-color);
   cursor: pointer;
 }
 
 /* ─── 时间分割线 ──────────────────────────────────────── */
-.c-chat__time-divider[data-v-2bbae884] {
+.c-chat__time-divider[data-v-5b4bf8dc] {
   text-align: center;
   font-size: 11px;
   color: var(--chat-text-secondary);
@@ -345,7 +345,7 @@
 }
 
 /* ─── 输入区域 ────────────────────────────────────────── */
-.c-chat__input-area[data-v-2bbae884] {
+.c-chat__input-area[data-v-5b4bf8dc] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -354,21 +354,21 @@
   background: var(--chat-input-bg);
   border-top: 1px solid var(--chat-border);
 }
-.c-chat__input-actions[data-v-2bbae884] {
+.c-chat__input-actions[data-v-5b4bf8dc] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
 }
-.c-chat__input-wrap[data-v-2bbae884] {
+.c-chat__input-wrap[data-v-5b4bf8dc] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__send-btn[data-v-2bbae884] {
+.c-chat__send-btn[data-v-5b4bf8dc] {
   flex-shrink: 0;
 }
 
 /* ─── 空态 ────────────────────────────────────────────── */
-.c-chat__no-chat[data-v-2bbae884] {
+.c-chat__no-chat[data-v-5b4bf8dc] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -377,25 +377,25 @@
   gap: 12px;
   color: var(--chat-text-secondary);
 }
-.c-chat__no-chat-icon[data-v-2bbae884] {
+.c-chat__no-chat-icon[data-v-5b4bf8dc] {
   font-size: 48px;
   opacity: 0.3;
 }
 
 /* ─── 响应式 ──────────────────────────────────────────── */
 @media (max-width: 640px) {
-.c-chat[data-v-2bbae884] {
+.c-chat[data-v-5b4bf8dc] {
     --chat-sidebar-width: 72px;
 }
-.c-chat__contact-info[data-v-2bbae884],
-  .c-chat__search[data-v-2bbae884],
-  .c-chat__unread[data-v-2bbae884] {
+.c-chat__contact-info[data-v-5b4bf8dc],
+  .c-chat__search[data-v-5b4bf8dc],
+  .c-chat__unread[data-v-5b4bf8dc] {
     display: none;
 }
-.c-chat__contact[data-v-2bbae884] {
+.c-chat__contact[data-v-5b4bf8dc] {
     justify-content: center;
     padding: 10px 8px;
 }
 }
 
-/*# sourceMappingURL=C_Chat-Csjz_BFw.css.map*/
+/*# sourceMappingURL=C_Chat-CF1SU7mc.css.map*/

package/dist/C_Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Chat.js","names":[],"sources":["../src/components/C_Chat/types.ts","../src/components/C_Chat/index.vue"],"sourcesContent":["/**\n * @Description: C_Chat 通用聊天组件 - 类型定义\n */\n\n// ================= 消息类型 =================\n\n/** 消息类型 */\nexport type MessageType = 'text' | 'image' | 'file' | 'system'\n\n/** 消息发送方 */\nexport type MessageSender = 'self' | 'other' | 'system'\n\n/** 消息状态 */\nexport type MessageStatus = 'sending' | 'sent' | 'failed'\n\n/** 单条消息 */\nexport interface ChatMessage {\n  /** 唯一标识 */\n  id: string\n  /** 消息内容（文本 / 图片 URL / 文件信息 JSON） */\n  content: string\n  /** 消息类型 */\n  type: MessageType\n  /** 发送方 */\n  sender: MessageSender\n  /** 发送时间（ISO 字符串 或 时间戳） */\n  timestamp: string | number\n  /** 发送者头像 URL */\n  avatar?: string\n  /** 发送者用户名 */\n  username?: string\n  /** 消息状态 */\n  status?: MessageStatus\n  /** 文件名（type = 'file' 时使用） */\n  fileName?: string\n  /** 文件大小（字节） */\n  fileSize?: number\n}\n\n// ================= 联系人 =================\n\n/** 联系人 / 会话 */\nexport interface ChatContact {\n  /** 唯一标识 */\n  id: string\n  /** 显示名称 */\n  name: string\n  /** 头像 URL */\n  avatar?: string\n  /** 最后一条消息摘要 */\n  lastMessage?: string\n  /** 最后消息时间 */\n  lastTime?: string | number\n  /** 未读数 */\n  unread?: number\n  /** 是否在线 */\n  online?: boolean\n}\n\n// ================= 组件 Props =================\n\nexport interface ChatProps {\n  /** 联系人列表 */\n  contacts?: ChatContact[]\n  /** 消息列表 */\n  messages?: ChatMessage[]\n  /** 当前选中的联系人 ID */\n  currentContactId?: string\n  /** 输入框占位符 */\n  placeholder?: string\n  /** 是否显示联系人侧栏 */\n  showContacts?: boolean\n  /** 是否显示消息时间戳 */\n  showTimestamp?: boolean\n  /** 当前用户头像 */\n  selfAvatar?: string\n  /** 当前用户名 */\n  selfName?: string\n  /** 是否显示发送按钮 */\n  showSendBtn?: boolean\n  /** 是否正在加载历史消息 */\n  loadingHistory?: boolean\n  /** 标题（无联系人模式时显示） */\n  title?: string\n}\n\n// ================= 默认值 =================\n\nexport const DEFAULT_CHAT_PROPS: Required<\n  Pick<\n    ChatProps,\n    | 'placeholder'\n    | 'showContacts'\n    | 'showTimestamp'\n    | 'showSendBtn'\n    | 'loadingHistory'\n    | 'title'\n  >\n> = {\n  placeholder: '输入消息...',\n  showContacts: true,\n  showTimestamp: true,\n  showSendBtn: true,\n  loadingHistory: false,\n  title: '聊天',\n}\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_Chat.js","names":[],"sources":["../src/components/C_Chat/types.ts","../src/components/C_Chat/index.vue","../src/components/C_Chat/index.vue"],"sourcesContent":["/**\n * @Description: C_Chat 通用聊天组件 - 类型定义\n */\n\n// ================= 消息类型 =================\n\n/** 消息类型 */\nexport type MessageType = 'text' | 'image' | 'file' | 'system'\n\n/** 消息发送方 */\nexport type MessageSender = 'self' | 'other' | 'system'\n\n/** 消息状态 */\nexport type MessageStatus = 'sending' | 'sent' | 'failed'\n\n/** 单条消息 */\nexport interface ChatMessage {\n  /** 唯一标识 */\n  id: string\n  /** 消息内容（文本 / 图片 URL / 文件信息 JSON） */\n  content: string\n  /** 消息类型 */\n  type: MessageType\n  /** 发送方 */\n  sender: MessageSender\n  /** 发送时间（ISO 字符串 或 时间戳） */\n  timestamp: string | number\n  /** 发送者头像 URL */\n  avatar?: string\n  /** 发送者用户名 */\n  username?: string\n  /** 消息状态 */\n  status?: MessageStatus\n  /** 文件名（type = 'file' 时使用） */\n  fileName?: string\n  /** 文件大小（字节） */\n  fileSize?: number\n}\n\n// ================= 联系人 =================\n\n/** 联系人 / 会话 */\nexport interface ChatContact {\n  /** 唯一标识 */\n  id: string\n  /** 显示名称 */\n  name: string\n  /** 头像 URL */\n  avatar?: string\n  /** 最后一条消息摘要 */\n  lastMessage?: string\n  /** 最后消息时间 */\n  lastTime?: string | number\n  /** 未读数 */\n  unread?: number\n  /** 是否在线 */\n  online?: boolean\n}\n\n// ================= 组件 Props =================\n\nexport interface ChatProps {\n  /** 联系人列表 */\n  contacts?: ChatContact[]\n  /** 消息列表 */\n  messages?: ChatMessage[]\n  /** 当前选中的联系人 ID */\n  currentContactId?: string\n  /** 输入框占位符 */\n  placeholder?: string\n  /** 是否显示联系人侧栏 */\n  showContacts?: boolean\n  /** 是否显示消息时间戳 */\n  showTimestamp?: boolean\n  /** 当前用户头像 */\n  selfAvatar?: string\n  /** 当前用户名 */\n  selfName?: string\n  /** 是否显示发送按钮 */\n  showSendBtn?: boolean\n  /** 是否正在加载历史消息 */\n  loadingHistory?: boolean\n  /** 标题（无联系人模式时显示） */\n  title?: string\n}\n\n// ================= 默认值 =================\n\nexport const DEFAULT_CHAT_PROPS: Required<\n  Pick<\n    ChatProps,\n    | 'placeholder'\n    | 'showContacts'\n    | 'showTimestamp'\n    | 'showSendBtn'\n    | 'loadingHistory'\n    | 'title'\n  >\n> = {\n  placeholder: '输入消息...',\n  showContacts: true,\n  showTimestamp: true,\n  showSendBtn: true,\n  loadingHistory: false,\n  title: '聊天',\n}\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}