@composy/chat-core 0.0.1

package/lib/renderer/style-manager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager.cjs","names":[],"sources":["../../src/renderer/style-manager.ts"],"sourcesContent":["/**\n * @file style-manager.ts\n * @description style-manager 模块\n */\n\nimport type { ThemeTokens } from '../theme/tokens';\nimport {\n  COMPONENT_CSS_VAR_PREFIX,\n  DEFAULT_CLASS_PREFIX,\n  cx,\n  getStyleElementId,\n  normalizeClassPrefix,\n} from '../constants/dom';\n\nconst styleRefs = new Map<string, number>();\n\n/**\n * injectStyles 函数\n * @param tokens - 参数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * injectStyles - inject Styles function\n * @param tokens - 参数说明\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function injectStyles(tokens: ThemeTokens, prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  const styleId = getStyleElementId(normalizedPrefix);\n  styleRefs.set(styleId, (styleRefs.get(styleId) ?? 0) + 1);\n  upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));\n}\n\n/**\n * updateStyles 函数\n * @param tokens - 参数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * updateStyles - update Styles function\n * @param tokens - 参数说明\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function updateStyles(tokens: ThemeTokens, prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  const styleId = getStyleElementId(normalizedPrefix);\n  upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));\n}\n\n/**\n * removeStyles 函数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * removeStyles - remove Styles function\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function removeStyles(prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const styleId = getStyleElementId(prefix);\n  const refs = styleRefs.get(styleId) ?? 0;\n  if (refs > 1) {\n    styleRefs.set(styleId, refs - 1);\n    return;\n  }\n\n  styleRefs.delete(styleId);\n  document.getElementById(styleId)?.remove();\n}\n\n/**\n * cls 函数\n * @param prefix - 参数\n * @param ...parts - 参数\n * @returns 返回值\n */\n/**\n * cls - cls function\n * @param prefix - 参数说明\n * @param ...parts - 参数说明\n * @returns 返回值说明\n */\nexport function cls(prefix: string, ...parts: string[]): string {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  return parts.map((part) => `${normalizedPrefix}-${part}`).join(' ');\n}\n\nexport const clsx = cx;\n\nfunction upsertStyle(styleId: string, cssText: string): void {\n  let style = document.getElementById(styleId) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = styleId;\n    style.dataset.ldesignChat = 'true';\n    document.head.appendChild(style);\n  }\n  style.textContent = cssText;\n}\n\nfunction tokenVars(t: ThemeTokens): string {\n  const vars: Record<string, string> = {\n    bgPrimary: t.bgPrimary,\n    bgSecondary: t.bgSecondary,\n    bgBubbleOutgoing: t.bgBubbleOutgoing,\n    bgBubbleIncoming: t.bgBubbleIncoming,\n    bgInput: t.bgInput,\n    bgMention: t.bgMention,\n    bgMentionHover: t.bgMentionHover,\n    bgMentionActive: t.bgMentionActive,\n    bgLoadMore: t.bgLoadMore,\n    bgSystemMessage: t.bgSystemMessage,\n    bgDropOverlay: t.bgDropOverlay,\n    bgDangerSoft: t.bgDangerSoft,\n    textPrimary: t.textPrimary,\n    textSecondary: t.textSecondary,\n    textBubbleOutgoing: t.textBubbleOutgoing,\n    textBubbleIncoming: t.textBubbleIncoming,\n    textMention: t.textMention,\n    textMentionTag: t.textMentionTag,\n    textTimestamp: t.textTimestamp,\n    textSystem: t.textSystem,\n    textPlaceholder: t.textPlaceholder,\n    borderPrimary: t.borderPrimary,\n    borderInput: t.borderInput,\n    borderInputFocus: t.borderInputFocus,\n    borderMention: t.borderMention,\n    colorSending: t.colorSending,\n    colorSent: t.colorSent,\n    colorDelivered: t.colorDelivered,\n    colorRead: t.colorRead,\n    colorFailed: t.colorFailed,\n    colorLink: t.colorLink,\n    shadowPanel: t.shadowPanel,\n    shadowMention: t.shadowMention,\n    avatarBg: t.avatarBg,\n    avatarText: t.avatarText,\n    btnPrimaryBg: t.btnPrimaryBg,\n    btnPrimaryText: t.btnPrimaryText,\n    btnPrimaryHover: t.btnPrimaryHover,\n    scrollbarThumb: t.scrollbarThumb,\n    scrollbarTrack: t.scrollbarTrack,\n    bgToolbar: t.bgToolbar,\n    borderToolbar: t.borderToolbar,\n    toolbarIconColor: t.toolbarIconColor,\n    toolbarIconHover: t.toolbarIconHover,\n    toolbarVoiceActive: t.toolbarVoiceActive,\n  };\n\n  return Object.entries(vars)\n    .map(([key, value]) => `  ${COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}: ${value};`)\n    .join('\\n');\n}\n\nfunction sizeVars(): string {\n  return `\n  ${COMPONENT_CSS_VAR_PREFIX}-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size: var(--size-font-base);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--size-font-sm);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--size-font-xs);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--size-font-lg);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: var(--size-font-weight-regular);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: var(--size-font-weight-medium);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: var(--size-font-weight-semibold);\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height: var(--size-line-normal);\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: var(--size-line-relaxed);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-1: var(--size-1);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-2: var(--size-2);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-3: var(--size-3);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-4: var(--size-4);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-5: var(--size-5);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-6: var(--size-6);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-8: var(--size-8);\n  ${COMPONENT_CSS_VAR_PREFIX}-avatar-size: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--size-9);\n  ${COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--size-9);\n  ${COMPONENT_CSS_VAR_PREFIX}-input-button-size: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--size-12);\n  ${COMPONENT_CSS_VAR_PREFIX}-image-max-size: calc(var(--size-13) * 5);\n  ${COMPONENT_CSS_VAR_PREFIX}-panel-max-height: calc(var(--size-24) + var(--size-4));\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--size-12) * 3);\n  ${COMPONENT_CSS_VAR_PREFIX}-message-max-width: 65%;\n  ${COMPONENT_CSS_VAR_PREFIX}-system-message-max-width: 80%;\n  ${COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: calc(var(--size-24) + var(--size-4));\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width: var(--size-border-width-thin);\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--size-border-width-medium);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--size-radius-sm);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--size-radius-md);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--size-radius-lg);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--size-radius-xl);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--size-radius-full);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--size-radius-circle);\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-fast: var(--size-duration-fast) var(--size-ease-out);\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-normal: var(--size-duration-normal) var(--size-ease-out);\n  ${COMPONENT_CSS_VAR_PREFIX}-z-overlay: var(--size-z-dropdown);\n  ${COMPONENT_CSS_VAR_PREFIX}-z-mention: var(--size-z-popover);\n`;\n}\n\nfunction generateCSS(tokens: ThemeTokens, p: string): string {\n  return `\n/* @composy/chat-core styles */\n.${p}-container,\n.${p}-container * {\n  box-sizing: border-box;\n}\n\n.${p}-container {\n${tokenVars(tokens)}\n${sizeVars()}\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  background: ${v('bg-primary')};\n  color: ${v('text-primary')};\n  font-family: ${v('font-family')};\n  font-size: ${v('font-size')};\n  line-height: ${v('line-height')};\n  border: ${v('border-width')} solid ${v('border-primary')};\n  border-radius: ${v('radius-md')};\n  box-shadow: ${v('shadow-panel')};\n}\n\n.${p}-message-list {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: ${v('space-6')};\n  scroll-behavior: smooth;\n}\n\n.${p}-message-list::-webkit-scrollbar {\n  width: var(--size-3);\n}\n\n.${p}-message-list::-webkit-scrollbar-thumb {\n  background: ${v('scrollbar-thumb')};\n  border-radius: ${v('radius-pill')};\n}\n\n.${p}-message-list::-webkit-scrollbar-track {\n  background: ${v('scrollbar-track')};\n}\n\n.${p}-load-more {\n  margin-bottom: ${v('space-5')};\n  padding: ${v('space-5')};\n  text-align: center;\n  color: ${v('color-link')};\n  font-size: ${v('font-size-sm')};\n  background: ${v('bg-load-more')};\n  border-radius: ${v('radius-sm')};\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${v('transition-fast')}, background ${v('transition-fast')};\n}\n\n.${p}-load-more:hover {\n  background: ${v('bg-mention-hover')};\n}\n\n.${p}-load-more--loading {\n  cursor: default;\n  opacity: .6;\n}\n\n.${p}-time-divider {\n  padding: ${v('space-4')} 0;\n  color: ${v('text-timestamp')};\n  font-size: ${v('font-size-sm')};\n  text-align: center;\n  user-select: none;\n}\n\n.${p}-time-divider span {\n  padding: ${v('space-1')} ${v('space-5')};\n  background: ${v('bg-secondary')};\n  border-radius: ${v('radius-pill')};\n}\n\n.${p}-message-row {\n  display: flex;\n  align-items: flex-start;\n  gap: ${v('space-4')};\n  margin-bottom: ${v('space-5')};\n}\n\n.${p}-message-row--outgoing {\n  flex-direction: row-reverse;\n}\n\n.${p}-message-row--system {\n  justify-content: center;\n}\n\n.${p}-avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('avatar-size')};\n  height: ${v('avatar-size')};\n  overflow: hidden;\n  flex-shrink: 0;\n  color: ${v('avatar-text')};\n  background: ${v('avatar-bg')};\n  border-radius: ${v('radius-circle')};\n  font-size: ${v('font-size')};\n  font-weight: ${v('font-weight-semibold')};\n}\n\n.${p}-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.${p}-message-body {\n  display: flex;\n  flex-direction: column;\n  max-width: ${v('message-max-width')};\n  min-width: 0;\n}\n\n.${p}-message-row--outgoing .${p}-message-body {\n  align-items: flex-end;\n}\n\n.${p}-nickname {\n  margin-bottom: ${v('space-2')};\n  padding: 0 ${v('space-2')};\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size-sm')};\n}\n\n.${p}-bubble {\n  position: relative;\n  max-width: 100%;\n  padding: ${v('space-5')} ${v('space-6')};\n  border-radius: ${v('radius-lg')};\n  word-break: break-word;\n  overflow-wrap: unknownwhere;\n  white-space: pre-wrap;\n  line-height: ${v('line-height-bubble')};\n}\n\n.${p}-bubble--incoming {\n  color: ${v('text-bubble-incoming')};\n  background: ${v('bg-bubble-incoming')};\n  border-top-left-radius: ${v('radius-xs')};\n}\n\n.${p}-bubble--outgoing {\n  color: ${v('text-bubble-outgoing')};\n  background: ${v('bg-bubble-outgoing')};\n  border-top-right-radius: ${v('radius-xs')};\n}\n\n.${p}-bubble--image {\n  padding: ${v('space-2')};\n  background: unset;\n}\n\n.${p}-bubble--image img {\n  display: block;\n  max-width: ${v('image-max-size')};\n  max-height: ${v('image-max-size')};\n  border-radius: ${v('radius-md')};\n  cursor: pointer;\n}\n\n.${p}-bubble--file {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-5')};\n  min-width: ${v('file-bubble-min-width')};\n}\n\n.${p}-file-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('file-icon-size')};\n  height: ${v('file-icon-size')};\n  flex-shrink: 0;\n  background: ${v('bg-secondary')};\n  border-radius: ${v('radius-sm')};\n  font-size: ${v('font-size-lg')};\n}\n\n.${p}-file-info {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.${p}-file-name {\n  overflow: hidden;\n  font-size: ${v('font-size')};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.${p}-file-size {\n  margin-top: ${v('space-1')};\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size-sm')};\n}\n\n.${p}-system-message {\n  max-width: ${v('system-message-max-width')};\n  padding: ${v('space-2')} ${v('space-6')};\n  color: ${v('text-system')};\n  background: ${v('bg-system-message')};\n  border-radius: ${v('radius-pill')};\n  font-size: ${v('font-size-sm')};\n  text-align: center;\n}\n\n.${p}-message-footer {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-3')};\n  margin-top: ${v('space-1')};\n  padding: 0 ${v('space-2')};\n}\n\n.${p}-message-row--outgoing .${p}-message-footer {\n  flex-direction: row-reverse;\n}\n\n.${p}-timestamp,\n.${p}-status {\n  font-size: ${v('font-size-xs')};\n}\n\n.${p}-timestamp {\n  color: ${v('text-timestamp')};\n}\n\n.${p}-status--sending { color: ${v('color-sending')}; }\n.${p}-status--sent { color: ${v('color-sent')}; }\n.${p}-status--delivered { color: ${v('color-delivered')}; }\n.${p}-status--read { color: ${v('color-read')}; }\n.${p}-status--failed {\n  color: ${v('color-failed')};\n  cursor: pointer;\n}\n\n.${p}-mention-tag,\n.${p}-link {\n  color: ${v('text-mention-tag')};\n  font-weight: ${v('font-weight-medium')};\n}\n\n.${p}-mention-tag {\n  cursor: pointer;\n}\n\n.${p}-mention-tag:hover,\n.${p}-link:hover {\n  text-decoration: underline;\n}\n\n.${p}-input-area {\n  display: flex;\n  align-items: flex-end;\n  gap: ${v('space-4')};\n  position: relative;\n  padding: ${v('space-5')} ${v('space-6')};\n  border-top: ${v('border-width')} solid ${v('border-primary')};\n  background: ${v('bg-input')};\n}\n\n.${p}-input-wrapper {\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n\n.${p}-textarea {\n  width: 100%;\n  min-height: ${v('textarea-min-height')};\n  max-height: ${v('textarea-max-height')};\n  padding: ${v('space-4')} ${v('space-5')};\n  overflow-y: auto;\n  resize: none;\n  outline: none;\n  color: ${v('text-primary')};\n  background: ${v('bg-primary')};\n  border: ${v('border-width')} solid ${v('border-input')};\n  border-radius: ${v('radius-md')};\n  font-family: inherit;\n  font-size: ${v('font-size')};\n  line-height: ${v('line-height')};\n  transition: border-color ${v('transition-fast')}, box-shadow ${v('transition-fast')};\n}\n\n.${p}-textarea:focus {\n  border-color: ${v('border-input-focus')};\n  box-shadow: 0 0 0 ${v('border-width-drop')} ${v('bg-drop-overlay')};\n}\n\n.${p}-textarea::placeholder {\n  color: ${v('text-placeholder')};\n}\n\n.${p}-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('input-button-size')};\n  height: ${v('input-button-size')};\n  flex-shrink: 0;\n  color: ${v('btn-primary-text')};\n  background: ${v('btn-primary-bg')};\n  border: 0;\n  border-radius: ${v('radius-md')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')}, opacity ${v('transition-fast')};\n}\n\n.${p}-send-btn:hover {\n  background: ${v('btn-primary-hover')};\n}\n\n.${p}-send-btn:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n.${p}-send-btn svg {\n  width: var(--size-7);\n  height: var(--size-7);\n}\n\n.${p}-mention-panel {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 100%;\n  z-index: ${v('z-mention')};\n  max-height: ${v('panel-max-height')};\n  margin-bottom: ${v('space-2')};\n  overflow-y: auto;\n  background: ${v('bg-mention')};\n  border: ${v('border-width')} solid ${v('border-mention')};\n  border-radius: ${v('radius-md')};\n  box-shadow: ${v('shadow-mention')};\n}\n\n.${p}-mention-item {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-4')};\n  padding: ${v('space-4')} ${v('space-5')};\n  color: ${v('text-mention')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')};\n}\n\n.${p}-mention-item:hover {\n  background: ${v('bg-mention-hover')};\n}\n\n.${p}-mention-item--active {\n  background: ${v('bg-mention-active')};\n}\n\n.${p}-mention-item-avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('mention-avatar-size')};\n  height: ${v('mention-avatar-size')};\n  flex-shrink: 0;\n  overflow: hidden;\n  color: ${v('avatar-text')};\n  background: ${v('avatar-bg')};\n  border-radius: ${v('radius-circle')};\n  font-size: ${v('font-size-sm')};\n  font-weight: ${v('font-weight-semibold')};\n}\n\n.${p}-mention-item-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.${p}-mention-item-name {\n  font-size: ${v('font-size')};\n}\n\n.${p}-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size')};\n}\n\n.${p}-toolbar {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-1')};\n  padding: ${v('space-3')} ${v('space-4')};\n  background: ${v('bg-toolbar')};\n  border-bottom: ${v('border-width')} solid ${v('border-toolbar')};\n  border-radius: ${v('radius-md')} ${v('radius-md')} 0 0;\n}\n\n.${p}-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('toolbar-button-size')};\n  height: ${v('toolbar-button-size')};\n  flex-shrink: 0;\n  padding: 0;\n  color: ${v('toolbar-icon-color')};\n  background: unset;\n  border: 0;\n  border-radius: ${v('radius-sm')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')}, color ${v('transition-fast')};\n}\n\n.${p}-toolbar-btn svg {\n  width: var(--size-6);\n  height: var(--size-6);\n}\n\n.${p}-toolbar-btn:hover {\n  color: ${v('toolbar-icon-hover')};\n  background: ${v('bg-drop-overlay')};\n}\n\n.${p}-toolbar-btn--active {\n  color: ${v('toolbar-voice-active')};\n  background: ${v('bg-danger-soft')};\n}\n\n.${p}-toolbar-btn--active:hover {\n  color: ${v('toolbar-voice-active')};\n  background: ${v('bg-danger-soft')};\n}\n\n.${p}-drop-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: ${v('z-overlay')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  background: ${v('bg-drop-overlay')};\n  border: ${v('border-width-drop')} dashed ${v('toolbar-icon-hover')};\n  border-radius: ${v('radius-md')};\n}\n\n.${p}-drop-overlay span {\n  color: ${v('toolbar-icon-hover')};\n  font-size: ${v('font-size-sm')};\n  font-weight: ${v('font-weight-medium')};\n}\n\n@keyframes ${p}-blink {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0; }\n}\n\n.${p}-bubble--streaming::after {\n  content: '';\n  display: inline-block;\n  width: ${v('border-width-drop')};\n  height: 1em;\n  margin-left: ${v('space-1')};\n  vertical-align: text-bottom;\n  background: currentColor;\n  animation: ${p}-blink 800ms infinite;\n}\n`;\n}\n\nfunction v(name: string): string {\n  return `var(${COMPONENT_CSS_VAR_PREFIX}-${name})`;\n}\n\nfunction toKebab(key: string): string {\n  return key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n}\n"],"mappings":"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"}

package/lib/renderer/style-manager.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @file style-manager.ts
+ * @description style-manager 模块
+ */
+import type { ThemeTokens } from '../theme/tokens';
+import { cx } from '../constants/dom';
+/**
+ * injectStyles 函数
+ * @param tokens - 参数
+ * @param prefix - 参数
+ * @returns 返回值
+ */
+/**
+ * injectStyles - inject Styles function
+ * @param tokens - 参数说明
+ * @param prefix - 参数说明
+ * @returns 返回值说明
+ */
+export declare function injectStyles(tokens: ThemeTokens, prefix?: string): void;
+/**
+ * updateStyles 函数
+ * @param tokens - 参数
+ * @param prefix - 参数
+ * @returns 返回值
+ */
+/**
+ * updateStyles - update Styles function
+ * @param tokens - 参数说明
+ * @param prefix - 参数说明
+ * @returns 返回值说明
+ */
+export declare function updateStyles(tokens: ThemeTokens, prefix?: string): void;
+/**
+ * removeStyles 函数
+ * @param prefix - 参数
+ * @returns 返回值
+ */
+/**
+ * removeStyles - remove Styles function
+ * @param prefix - 参数说明
+ * @returns 返回值说明
+ */
+export declare function removeStyles(prefix?: string): void;
+/**
+ * cls 函数
+ * @param prefix - 参数
+ * @param ...parts - 参数
+ * @returns 返回值
+ */
+/**
+ * cls - cls function
+ * @param prefix - 参数说明
+ * @param ...parts - 参数说明
+ * @returns 返回值说明
+ */
+export declare function cls(prefix: string, ...parts: string[]): string;
+export declare const clsx: typeof cx;
+//# sourceMappingURL=style-manager.d.ts.map

package/lib/renderer/style-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager.d.ts","sourceRoot":"","sources":["../../src/renderer/style-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAGL,EAAE,EAGH,MAAM,kBAAkB,CAAC;AAI1B;;;;;GAKG;AACH;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,GAAE,MAA6B,GAAG,IAAI,CAK7F;AAED;;;;;GAKG;AACH;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,GAAE,MAA6B,GAAG,IAAI,CAI7F;AAED;;;;GAIG;AACH;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,GAAE,MAA6B,GAAG,IAAI,CAUxE;AAED;;;;;GAKG;AACH;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAG9D;AAED,eAAO,MAAM,IAAI,WAAK,CAAC"}

package/lib/theme/theme-manager.cjs

@@ -0,0 +1,71 @@
+/*!
+* ***********************************
+* @composy/chat-core v0.0.1       *
+* Built with rollup               *
+* Build time: 2024-08-17 11:30:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_tokens = require("./tokens.cjs");
+//#region src/theme/theme-manager.ts
+var ThemeManager = class {
+	constructor(emitter, mode) {
+		this.mode = "light";
+		this.mediaQuery = null;
+		this.mediaHandler = null;
+		this.emitter = emitter;
+		if (mode) this.setTheme(mode);
+	}
+	/** 获取当前模式 */
+	getMode() {
+		return this.mode;
+	}
+	/** 获取当前实际主题（auto 时解析为 light/dark） */
+	getResolvedTheme() {
+		if (this.mode === "auto") return this.getSystemTheme();
+		return this.mode;
+	}
+	/** 获取当前主题令牌 */
+	getTokens() {
+		return this.getResolvedTheme() === "dark" ? require_tokens.darkTokens : require_tokens.lightTokens;
+	}
+	/** 设置主题 */
+	setTheme(mode) {
+		this.cleanupMediaListener();
+		this.mode = mode;
+		if (mode === "auto") this.setupMediaListener();
+		this.emitter.emit("theme-change", this.getResolvedTheme(), this.getTokens());
+	}
+	/** 获取系统主题偏好 */
+	getSystemTheme() {
+		if (typeof window === "undefined") return "light";
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	/** 监听系统主题变化 */
+	setupMediaListener() {
+		if (typeof window === "undefined") return;
+		this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		this.mediaHandler = () => {
+			this.emitter.emit("theme-change", this.getResolvedTheme(), this.getTokens());
+		};
+		this.mediaQuery.addEventListener("change", this.mediaHandler);
+	}
+	/** 清理监听器 */
+	cleanupMediaListener() {
+		if (this.mediaQuery && this.mediaHandler) {
+			this.mediaQuery.removeEventListener("change", this.mediaHandler);
+			this.mediaQuery = null;
+			this.mediaHandler = null;
+		}
+	}
+	/** 销毁 */
+	destroy() {
+		this.cleanupMediaListener();
+	}
+};
+//#endregion
+exports.ThemeManager = ThemeManager;
+/*! End of @composy/chat-core | Powered by @composy/builder */
+//# sourceMappingURL=theme-manager.cjs.map

package/lib/theme/theme-manager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.cjs","names":[],"sources":["../../src/theme/theme-manager.ts"],"sourcesContent":["/**\n * 主题管理器\n */\n\nimport type { ThemeMode } from '../types';\nimport type { ThemeTokens } from './tokens';\nimport { lightTokens, darkTokens } from './tokens';\nimport { EventEmitter } from '../core/event-emitter';\n\n/**\n * ThemeManager - Theme Manager class\n */\nexport class ThemeManager {\n  private mode: ThemeMode = 'light';\n  private emitter: EventEmitter;\n  private mediaQuery: MediaQueryList | null = null;\n  private mediaHandler: ((e: MediaQueryListEvent) => void) | null = null;\n\n  constructor(emitter: EventEmitter, mode?: ThemeMode) {\n    this.emitter = emitter;\n    if (mode) this.setTheme(mode);\n  }\n\n  /** 获取当前模式 */\n  getMode(): ThemeMode {\n    return this.mode;\n  }\n\n  /** 获取当前实际主题（auto 时解析为 light/dark） */\n  getResolvedTheme(): 'light' | 'dark' {\n    if (this.mode === 'auto') {\n      return this.getSystemTheme();\n    }\n    return this.mode;\n  }\n\n  /** 获取当前主题令牌 */\n  getTokens(): ThemeTokens {\n    return this.getResolvedTheme() === 'dark' ? darkTokens : lightTokens;\n  }\n\n  /** 设置主题 */\n  setTheme(mode: ThemeMode): void {\n    this.cleanupMediaListener();\n    this.mode = mode;\n\n    if (mode === 'auto') {\n      this.setupMediaListener();\n    }\n\n    this.emitter.emit('theme-change', this.getResolvedTheme(), this.getTokens());\n  }\n\n  /** 获取系统主题偏好 */\n  private getSystemTheme(): 'light' | 'dark' {\n    if (typeof window === 'undefined') return 'light';\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n\n  /** 监听系统主题变化 */\n  private setupMediaListener(): void {\n    if (typeof window === 'undefined') return;\n    this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    this.mediaHandler = () => {\n      this.emitter.emit('theme-change', this.getResolvedTheme(), this.getTokens());\n    };\n    this.mediaQuery.addEventListener('change', this.mediaHandler);\n  }\n\n  /** 清理监听器 */\n  private cleanupMediaListener(): void {\n    if (this.mediaQuery && this.mediaHandler) {\n      this.mediaQuery.removeEventListener('change', this.mediaHandler);\n      this.mediaQuery = null;\n      this.mediaHandler = null;\n    }\n  }\n\n  /** 销毁 */\n  destroy(): void {\n    this.cleanupMediaListener();\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAYO,IAAM,eAAN,MAAmB;CAMxB,YAAY,SAAuB,MAAkB;EALrD,KAAQ,OAAkB;EAE1B,KAAQ,aAAoC;EAC5C,KAAQ,eAA0D;EAGhE,KAAK,UAAU;EACf,IAAI,MAAM,KAAK,SAAS,IAAI;CAC9B;;CAGA,UAAqB;EACnB,OAAO,KAAK;CACd;;CAGA,mBAAqC;EACnC,IAAI,KAAK,SAAS,QAChB,OAAO,KAAK,eAAe;EAE7B,OAAO,KAAK;CACd;;CAGA,YAAyB;EACvB,OAAO,KAAK,iBAAiB,MAAM,SAAS,eAAA,aAAa,eAAA;CAC3D;;CAGA,SAAS,MAAuB;EAC9B,KAAK,qBAAqB;EAC1B,KAAK,OAAO;EAEZ,IAAI,SAAS,QACX,KAAK,mBAAmB;EAG1B,KAAK,QAAQ,KAAK,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,UAAU,CAAC;CAC7E;;CAGQ,iBAAmC;EACzC,IAAI,OAAO,WAAW,aAAa,OAAO;EAC1C,OAAO,OAAO,WAAW,8BAA8B,CAAA,CAAE,UAAU,SAAS;CAC9E;;CAGQ,qBAA2B;EACjC,IAAI,OAAO,WAAW,aAAa;EACnC,KAAK,aAAa,OAAO,WAAW,8BAA8B;EAClE,KAAK,qBAAqB;GACxB,KAAK,QAAQ,KAAK,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,UAAU,CAAC;EAC7E;EACA,KAAK,WAAW,iBAAiB,UAAU,KAAK,YAAY;CAC9D;;CAGQ,uBAA6B;EACnC,IAAI,KAAK,cAAc,KAAK,cAAc;GACxC,KAAK,WAAW,oBAAoB,UAAU,KAAK,YAAY;GAC/D,KAAK,aAAa;GAClB,KAAK,eAAe;EACtB;CACF;;CAGA,UAAgB;EACd,KAAK,qBAAqB;CAC5B;AACF"}

package/lib/theme/theme-manager.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 主题管理器
+ */
+import type { ThemeMode } from '../types';
+import type { ThemeTokens } from './tokens';
+import { EventEmitter } from '../core/event-emitter';
+/**
+ * ThemeManager - Theme Manager class
+ */
+export declare class ThemeManager {
+    private mode;
+    private emitter;
+    private mediaQuery;
+    private mediaHandler;
+    constructor(emitter: EventEmitter, mode?: ThemeMode);
+    /** 获取当前模式 */
+    getMode(): ThemeMode;
+    /** 获取当前实际主题（auto 时解析为 light/dark） */
+    getResolvedTheme(): 'light' | 'dark';
+    /** 获取当前主题令牌 */
+    getTokens(): ThemeTokens;
+    /** 设置主题 */
+    setTheme(mode: ThemeMode): void;
+    /** 获取系统主题偏好 */
+    private getSystemTheme;
+    /** 监听系统主题变化 */
+    private setupMediaListener;
+    /** 清理监听器 */
+    private cleanupMediaListener;
+    /** 销毁 */
+    destroy(): void;
+}
+//# sourceMappingURL=theme-manager.d.ts.map

package/lib/theme/theme-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.d.ts","sourceRoot":"","sources":["../../src/theme/theme-manager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,IAAI,CAAsB;IAClC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAAmD;gBAE3D,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,SAAS;IAKnD,aAAa;IACb,OAAO,IAAI,SAAS;IAIpB,qCAAqC;IACrC,gBAAgB,IAAI,OAAO,GAAG,MAAM;IAOpC,eAAe;IACf,SAAS,IAAI,WAAW;IAIxB,WAAW;IACX,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI;IAW/B,eAAe;IACf,OAAO,CAAC,cAAc;IAKtB,eAAe;IACf,OAAO,CAAC,kBAAkB;IAS1B,YAAY;IACZ,OAAO,CAAC,oBAAoB;IAQ5B,SAAS;IACT,OAAO,IAAI,IAAI;CAGhB"}

package/lib/theme/tokens.cjs

@@ -0,0 +1,110 @@
+/*!
+* ***********************************
+* @composy/chat-core v0.0.1       *
+* Built with rollup               *
+* Build time: 2024-08-17 11:30:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/theme/tokens.ts
+const lightTokens = {
+	bgPrimary: "var(--color-gray-50)",
+	bgSecondary: "var(--color-gray-100)",
+	bgBubbleOutgoing: "var(--color-primary-default)",
+	bgBubbleIncoming: "var(--color-gray-100)",
+	bgInput: "var(--color-gray-50)",
+	bgMention: "var(--color-gray-50)",
+	bgMentionHover: "var(--color-primary-50)",
+	bgMentionActive: "var(--color-primary-100)",
+	bgLoadMore: "var(--color-gray-100)",
+	bgSystemMessage: "var(--color-gray-100)",
+	bgDropOverlay: "color-mix(in srgb, var(--color-primary-default) 10%, var(--color-gray-50))",
+	bgDangerSoft: "color-mix(in srgb, var(--color-danger-default) 12%, var(--color-gray-50))",
+	textPrimary: "var(--color-gray-900)",
+	textSecondary: "var(--color-gray-600)",
+	textBubbleOutgoing: "var(--color-gray-50)",
+	textBubbleIncoming: "var(--color-gray-900)",
+	textMention: "var(--color-gray-900)",
+	textMentionTag: "var(--color-primary-default)",
+	textTimestamp: "var(--color-gray-500)",
+	textSystem: "var(--color-gray-600)",
+	textPlaceholder: "var(--color-gray-400)",
+	borderPrimary: "var(--color-gray-200)",
+	borderInput: "var(--color-gray-300)",
+	borderInputFocus: "var(--color-primary-default)",
+	borderMention: "var(--color-gray-200)",
+	colorSending: "var(--color-gray-400)",
+	colorSent: "var(--color-gray-500)",
+	colorDelivered: "var(--color-primary-default)",
+	colorRead: "var(--color-success-default)",
+	colorFailed: "var(--color-danger-default)",
+	colorLink: "var(--color-primary-default)",
+	shadowPanel: "var(--size-shadow-2)",
+	shadowMention: "var(--size-shadow-4)",
+	avatarBg: "var(--color-primary-default)",
+	avatarText: "var(--color-gray-50)",
+	btnPrimaryBg: "var(--color-primary-default)",
+	btnPrimaryText: "var(--color-gray-50)",
+	btnPrimaryHover: "var(--color-primary-hover)",
+	scrollbarThumb: "var(--color-gray-300)",
+	scrollbarTrack: "var(--color-gray-100)",
+	bgToolbar: "var(--color-gray-100)",
+	borderToolbar: "var(--color-gray-200)",
+	toolbarIconColor: "var(--color-gray-600)",
+	toolbarIconHover: "var(--color-primary-default)",
+	toolbarVoiceActive: "var(--color-danger-default)"
+};
+const darkTokens = {
+	bgPrimary: "var(--color-gray-900)",
+	bgSecondary: "var(--color-gray-800)",
+	bgBubbleOutgoing: "var(--color-primary-default)",
+	bgBubbleIncoming: "var(--color-gray-800)",
+	bgInput: "var(--color-gray-900)",
+	bgMention: "var(--color-gray-900)",
+	bgMentionHover: "var(--color-gray-800)",
+	bgMentionActive: "var(--color-primary-900)",
+	bgLoadMore: "var(--color-gray-800)",
+	bgSystemMessage: "var(--color-gray-800)",
+	bgDropOverlay: "color-mix(in srgb, var(--color-primary-default) 16%, var(--color-gray-900))",
+	bgDangerSoft: "color-mix(in srgb, var(--color-danger-default) 18%, var(--color-gray-900))",
+	textPrimary: "var(--color-gray-50)",
+	textSecondary: "var(--color-gray-300)",
+	textBubbleOutgoing: "var(--color-gray-50)",
+	textBubbleIncoming: "var(--color-gray-50)",
+	textMention: "var(--color-gray-50)",
+	textMentionTag: "var(--color-primary-300)",
+	textTimestamp: "var(--color-gray-400)",
+	textSystem: "var(--color-gray-300)",
+	textPlaceholder: "var(--color-gray-500)",
+	borderPrimary: "var(--color-gray-700)",
+	borderInput: "var(--color-gray-700)",
+	borderInputFocus: "var(--color-primary-default)",
+	borderMention: "var(--color-gray-700)",
+	colorSending: "var(--color-gray-500)",
+	colorSent: "var(--color-gray-400)",
+	colorDelivered: "var(--color-primary-300)",
+	colorRead: "var(--color-success-default)",
+	colorFailed: "var(--color-danger-default)",
+	colorLink: "var(--color-primary-300)",
+	shadowPanel: "var(--size-shadow-3)",
+	shadowMention: "var(--size-shadow-6)",
+	avatarBg: "var(--color-primary-default)",
+	avatarText: "var(--color-gray-50)",
+	btnPrimaryBg: "var(--color-primary-default)",
+	btnPrimaryText: "var(--color-gray-50)",
+	btnPrimaryHover: "var(--color-primary-hover)",
+	scrollbarThumb: "var(--color-gray-700)",
+	scrollbarTrack: "var(--color-gray-800)",
+	bgToolbar: "var(--color-gray-800)",
+	borderToolbar: "var(--color-gray-700)",
+	toolbarIconColor: "var(--color-gray-300)",
+	toolbarIconHover: "var(--color-primary-300)",
+	toolbarVoiceActive: "var(--color-danger-default)"
+};
+//#endregion
+exports.darkTokens = darkTokens;
+exports.lightTokens = lightTokens;
+/*! End of @composy/chat-core | Powered by @composy/builder */
+//# sourceMappingURL=tokens.cjs.map

package/lib/theme/tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.cjs","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\n * @file tokens.ts\n * @description tokens 模块\n */\n\n/**\n * ThemeTokens interface\n */\nexport interface ThemeTokens {\n  bgPrimary: string;\n  bgSecondary: string;\n  bgBubbleOutgoing: string;\n  bgBubbleIncoming: string;\n  bgInput: string;\n  bgMention: string;\n  bgMentionHover: string;\n  bgMentionActive: string;\n  bgLoadMore: string;\n  bgSystemMessage: string;\n  bgDropOverlay: string;\n  bgDangerSoft: string;\n\n  textPrimary: string;\n  textSecondary: string;\n  textBubbleOutgoing: string;\n  textBubbleIncoming: string;\n  textMention: string;\n  textMentionTag: string;\n  textTimestamp: string;\n  textSystem: string;\n  textPlaceholder: string;\n\n  borderPrimary: string;\n  borderInput: string;\n  borderInputFocus: string;\n  borderMention: string;\n\n  colorSending: string;\n  colorSent: string;\n  colorDelivered: string;\n  colorRead: string;\n  colorFailed: string;\n  colorLink: string;\n\n  shadowPanel: string;\n  shadowMention: string;\n\n  avatarBg: string;\n  avatarText: string;\n\n  btnPrimaryBg: string;\n  btnPrimaryText: string;\n  btnPrimaryHover: string;\n\n  scrollbarThumb: string;\n  scrollbarTrack: string;\n\n  bgToolbar: string;\n  borderToolbar: string;\n  toolbarIconColor: string;\n  toolbarIconHover: string;\n  toolbarVoiceActive: string;\n}\n\nexport const lightTokens: ThemeTokens = {\n  bgPrimary: 'var(--color-gray-50)',\n  bgSecondary: 'var(--color-gray-100)',\n  bgBubbleOutgoing: 'var(--color-primary-default)',\n  bgBubbleIncoming: 'var(--color-gray-100)',\n  bgInput: 'var(--color-gray-50)',\n  bgMention: 'var(--color-gray-50)',\n  bgMentionHover: 'var(--color-primary-50)',\n  bgMentionActive: 'var(--color-primary-100)',\n  bgLoadMore: 'var(--color-gray-100)',\n  bgSystemMessage: 'var(--color-gray-100)',\n  bgDropOverlay: 'color-mix(in srgb, var(--color-primary-default) 10%, var(--color-gray-50))',\n  bgDangerSoft: 'color-mix(in srgb, var(--color-danger-default) 12%, var(--color-gray-50))',\n\n  textPrimary: 'var(--color-gray-900)',\n  textSecondary: 'var(--color-gray-600)',\n  textBubbleOutgoing: 'var(--color-gray-50)',\n  textBubbleIncoming: 'var(--color-gray-900)',\n  textMention: 'var(--color-gray-900)',\n  textMentionTag: 'var(--color-primary-default)',\n  textTimestamp: 'var(--color-gray-500)',\n  textSystem: 'var(--color-gray-600)',\n  textPlaceholder: 'var(--color-gray-400)',\n\n  borderPrimary: 'var(--color-gray-200)',\n  borderInput: 'var(--color-gray-300)',\n  borderInputFocus: 'var(--color-primary-default)',\n  borderMention: 'var(--color-gray-200)',\n\n  colorSending: 'var(--color-gray-400)',\n  colorSent: 'var(--color-gray-500)',\n  colorDelivered: 'var(--color-primary-default)',\n  colorRead: 'var(--color-success-default)',\n  colorFailed: 'var(--color-danger-default)',\n  colorLink: 'var(--color-primary-default)',\n\n  shadowPanel: 'var(--size-shadow-2)',\n  shadowMention: 'var(--size-shadow-4)',\n\n  avatarBg: 'var(--color-primary-default)',\n  avatarText: 'var(--color-gray-50)',\n\n  btnPrimaryBg: 'var(--color-primary-default)',\n  btnPrimaryText: 'var(--color-gray-50)',\n  btnPrimaryHover: 'var(--color-primary-hover)',\n\n  scrollbarThumb: 'var(--color-gray-300)',\n  scrollbarTrack: 'var(--color-gray-100)',\n\n  bgToolbar: 'var(--color-gray-100)',\n  borderToolbar: 'var(--color-gray-200)',\n  toolbarIconColor: 'var(--color-gray-600)',\n  toolbarIconHover: 'var(--color-primary-default)',\n  toolbarVoiceActive: 'var(--color-danger-default)',\n};\n\nexport const darkTokens: ThemeTokens = {\n  bgPrimary: 'var(--color-gray-900)',\n  bgSecondary: 'var(--color-gray-800)',\n  bgBubbleOutgoing: 'var(--color-primary-default)',\n  bgBubbleIncoming: 'var(--color-gray-800)',\n  bgInput: 'var(--color-gray-900)',\n  bgMention: 'var(--color-gray-900)',\n  bgMentionHover: 'var(--color-gray-800)',\n  bgMentionActive: 'var(--color-primary-900)',\n  bgLoadMore: 'var(--color-gray-800)',\n  bgSystemMessage: 'var(--color-gray-800)',\n  bgDropOverlay: 'color-mix(in srgb, var(--color-primary-default) 16%, var(--color-gray-900))',\n  bgDangerSoft: 'color-mix(in srgb, var(--color-danger-default) 18%, var(--color-gray-900))',\n\n  textPrimary: 'var(--color-gray-50)',\n  textSecondary: 'var(--color-gray-300)',\n  textBubbleOutgoing: 'var(--color-gray-50)',\n  textBubbleIncoming: 'var(--color-gray-50)',\n  textMention: 'var(--color-gray-50)',\n  textMentionTag: 'var(--color-primary-300)',\n  textTimestamp: 'var(--color-gray-400)',\n  textSystem: 'var(--color-gray-300)',\n  textPlaceholder: 'var(--color-gray-500)',\n\n  borderPrimary: 'var(--color-gray-700)',\n  borderInput: 'var(--color-gray-700)',\n  borderInputFocus: 'var(--color-primary-default)',\n  borderMention: 'var(--color-gray-700)',\n\n  colorSending: 'var(--color-gray-500)',\n  colorSent: 'var(--color-gray-400)',\n  colorDelivered: 'var(--color-primary-300)',\n  colorRead: 'var(--color-success-default)',\n  colorFailed: 'var(--color-danger-default)',\n  colorLink: 'var(--color-primary-300)',\n\n  shadowPanel: 'var(--size-shadow-3)',\n  shadowMention: 'var(--size-shadow-6)',\n\n  avatarBg: 'var(--color-primary-default)',\n  avatarText: 'var(--color-gray-50)',\n\n  btnPrimaryBg: 'var(--color-primary-default)',\n  btnPrimaryText: 'var(--color-gray-50)',\n  btnPrimaryHover: 'var(--color-primary-hover)',\n\n  scrollbarThumb: 'var(--color-gray-700)',\n  scrollbarTrack: 'var(--color-gray-800)',\n\n  bgToolbar: 'var(--color-gray-800)',\n  borderToolbar: 'var(--color-gray-700)',\n  toolbarIconColor: 'var(--color-gray-300)',\n  toolbarIconHover: 'var(--color-primary-300)',\n  toolbarVoiceActive: 'var(--color-danger-default)',\n};\n"],"mappings":";;;;;;;;;;;AAgEO,MAAM,cAA2B;CACtC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,cAAc;CAEd,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB;AAEO,MAAM,aAA0B;CACrC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,cAAc;CAEd,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB"}

package/lib/theme/tokens.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @file tokens.ts
+ * @description tokens 模块
+ */
+/**
+ * ThemeTokens interface
+ */
+export interface ThemeTokens {
+    bgPrimary: string;
+    bgSecondary: string;
+    bgBubbleOutgoing: string;
+    bgBubbleIncoming: string;
+    bgInput: string;
+    bgMention: string;
+    bgMentionHover: string;
+    bgMentionActive: string;
+    bgLoadMore: string;
+    bgSystemMessage: string;
+    bgDropOverlay: string;
+    bgDangerSoft: string;
+    textPrimary: string;
+    textSecondary: string;
+    textBubbleOutgoing: string;
+    textBubbleIncoming: string;
+    textMention: string;
+    textMentionTag: string;
+    textTimestamp: string;
+    textSystem: string;
+    textPlaceholder: string;
+    borderPrimary: string;
+    borderInput: string;
+    borderInputFocus: string;
+    borderMention: string;
+    colorSending: string;
+    colorSent: string;
+    colorDelivered: string;
+    colorRead: string;
+    colorFailed: string;
+    colorLink: string;
+    shadowPanel: string;
+    shadowMention: string;
+    avatarBg: string;
+    avatarText: string;
+    btnPrimaryBg: string;
+    btnPrimaryText: string;
+    btnPrimaryHover: string;
+    scrollbarThumb: string;
+    scrollbarTrack: string;
+    bgToolbar: string;
+    borderToolbar: string;
+    toolbarIconColor: string;
+    toolbarIconHover: string;
+    toolbarVoiceActive: string;
+}
+export declare const lightTokens: ThemeTokens;
+export declare const darkTokens: ThemeTokens;
+//# sourceMappingURL=tokens.d.ts.map

package/lib/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IAExB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IAEtB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IAExB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IAEvB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,WAsDzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,WAsDxB,CAAC"}

package/lib/types/index.cjs

@@ -0,0 +1,11 @@
+/*!
+* ***********************************
+* @composy/chat-core v0.0.1       *
+* Built with rollup               *
+* Build time: 2024-08-17 11:30:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/*! End of @composy/chat-core | Powered by @composy/builder */

package/lib/types/index.d.ts

@@ -0,0 +1,204 @@
+/**
+ * @composy/chat-core types
+ */
+/** 消息类型 */
+export type MessageType = 'text' | 'image' | 'file' | 'system' | 'custom';
+/** 工具栏按钮类型 */
+export type ToolbarAction = 'image' | 'file' | 'voice';
+/** 消息发送状态 */
+export type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
+/** 消息方向 */
+export type MessageDirection = 'incoming' | 'outgoing';
+/** 用户信息 */
+export interface ChatUser {
+    /** 用户 ID */
+    id: string;
+    /** 昵称 */
+    nickname: string;
+    /** 头像 URL */
+    avatar?: string;
+}
+/** @提及项 */
+export interface MentionItem {
+    /** 用户 ID */
+    id: string;
+    /** 显示名称 */
+    name: string;
+    /** 头像 */
+    avatar?: string;
+}
+/** 文件附件 */
+export interface FileAttachment {
+    /** 文件名 */
+    name: string;
+    /** 文件大小（字节） */
+    size: number;
+    /** 文件 URL */
+    url: string;
+    /** MIME 类型 */
+    mimeType?: string;
+}
+/** 图片附件 */
+export interface ImageAttachment {
+    /** 图片 URL */
+    url: string;
+    /** 缩略图 URL */
+    thumbUrl?: string;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+}
+/** 聊天消息 */
+export interface ChatMessage {
+    /** 消息唯一 ID */
+    id: string;
+    /** 消息类型 */
+    type: MessageType;
+    /** 消息方向 */
+    direction: MessageDirection;
+    /** 发送者信息 */
+    sender: ChatUser;
+    /** 文本内容（text 类型） */
+    content?: string;
+    /** 图片附件（image 类型） */
+    image?: ImageAttachment;
+    /** 文件附件（file 类型） */
+    file?: FileAttachment;
+    /** 自定义数据（custom 类型） */
+    customData?: Record<string, unknown>;
+    /** 自定义渲染 HTML（custom 类型） */
+    customHtml?: string;
+    /** 提及列表 */
+    mentions?: MentionItem[];
+    /** 发送状态 */
+    status?: MessageStatus;
+    /** 消息时间戳（毫秒） */
+    timestamp: number;
+    /** 是否已撤回 */
+    revoked?: boolean;
+    /** 是否正在流式输出（AI 风格） */
+    streaming?: boolean;
+}
+/** 主题模式 */
+export type ThemeMode = 'light' | 'dark' | 'auto';
+/** 工具栏配置 */
+export interface ToolbarConfig {
+    /** 启用图片上传按钮 */
+    image?: boolean;
+    /** 启用文件上传按钮 */
+    file?: boolean;
+    /** 启用语音输入按钮 */
+    voice?: boolean;
+}
+/** 聊天组件配置 */
+export interface ChatConfig {
+    /** 挂载容器 */
+    container: HTMLElement | string;
+    /** 当前用户 ID（用于判断消息方向） */
+    currentUserId: string;
+    /** 初始消息列表 */
+    messages?: ChatMessage[];
+    /** 主题模式 */
+    theme?: ThemeMode;
+    /** 是否显示头像 */
+    showAvatar?: boolean;
+    /** 是否显示昵称 */
+    showNickname?: boolean;
+    /** 是否显示时间 */
+    showTimestamp?: boolean;
+    /** 时间分组间隔（毫秒），默认 300000 (5分钟) */
+    timeGroupInterval?: number;
+    /** 是否显示消息状态 */
+    showStatus?: boolean;
+    /** 是否显示输入框 */
+    showInput?: boolean;
+    /** 输入框占位文本 */
+    inputPlaceholder?: string;
+    /** 是否启用 @提及 */
+    enableMention?: boolean;
+    /** @提及候选人列表 */
+    mentionMembers?: MentionItem[];
+    /** 是否支持加载更多 */
+    enableLoadMore?: boolean;
+    /** 加载更多文本 */
+    loadMoreText?: string;
+    /** CSS class 前缀 */
+    classPrefix?: string;
+    enterToSend?: boolean;
+    clearInputOnSend?: boolean;
+    maxInputLength?: number;
+    voiceLang?: string;
+    /** 日期格式化函数 */
+    formatTime?: (timestamp: number) => string;
+    /** 是否启用工具栏 */
+    enableToolbar?: boolean;
+    /** 工具栏配置 */
+    toolbarConfig?: ToolbarConfig;
+    /** 发送消息回调 */
+    onSend?: (content: string, mentions: MentionItem[]) => void;
+    /** 加载更多回调 */
+    onLoadMore?: () => void | Promise<void>;
+    /** 消息点击回调 */
+    onMessageClick?: (message: ChatMessage) => void;
+    /** @提及选择回调 */
+    onMentionSelect?: (member: MentionItem) => void;
+    /** 图片上传回调（接收 File 列表） */
+    onImageUpload?: (files: File[]) => void;
+    /** 文件上传回调（接收 File 列表） */
+    onFileUpload?: (files: File[]) => void;
+    /** 粘贴回调（接收文件列表） */
+    onPaste?: (files: File[]) => void;
+    /** 拖放回调（接收文件列表） */
+    onDrop?: (files: File[]) => void;
+    /** 语音开始回调 */
+    onVoiceStart?: () => void;
+    /** 语音结束回调（接收识别文本） */
+    onVoiceEnd?: (transcript: string) => void;
+    onVoiceUnsupported?: () => void;
+    onVoiceError?: (error: unknown) => void;
+    onInputChange?: (content: string) => void;
+}
+/** 聊天实例 */
+export interface ChatInstance {
+    /** 添加消息 */
+    addMessage(message: ChatMessage): void;
+    /** 批量添加消息（在列表顶部插入，用于加载更多） */
+    prependMessages(messages: ChatMessage[]): void;
+    /** 更新消息 */
+    updateMessage(id: string, updates: Partial<ChatMessage>): void;
+    /** 删除消息 */
+    removeMessage(id: string): void;
+    /** 设置完整消息列表 */
+    setMessages(messages: ChatMessage[]): void;
+    /** 清空所有消息 */
+    clearMessages(): void;
+    /** 滚动到底部 */
+    scrollToBottom(smooth?: boolean): void;
+    /** 设置主题 */
+    setTheme(theme: ThemeMode): void;
+    /** 更新 @提及候选人 */
+    setMentionMembers(members: MentionItem[]): void;
+    /** 设置加载更多状态 */
+    setLoadingMore(loading: boolean): void;
+    /** 聚焦输入框 */
+    focusInput(): void;
+    /** 设置输入框内容 */
+    setInputContent(content: string): void;
+    /** 获取输入框内容 */
+    getInputContent(): string;
+    clearInput(): void;
+    isAtBottom(threshold?: number): boolean;
+    /** 监听事件 */
+    on(event: string, handler: (...args: unknown[]) => void): () => void;
+    /** 获取所有消息 */
+    getMessages(): ChatMessage[];
+    /** 追加流式消息内容（AI 模式） */
+    appendMessageContent(id: string, chunk: string): void;
+    /** 完成流式消息 */
+    finishStreaming(id: string): void;
+    getMessage(id: string): ChatMessage | undefined;
+    /** 销毁实例 */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map