@huyooo/ai-chat-frontend-vue 0.2.13 → 0.2.14

package/src/components/message/parts/index.ts

@@ -1,11 +1,15 @@
 /**
  * Part 渲染组件导出
+ * 
+ * 内置 Part 类型：text, thinking, search, tool_call, image, error
+ * 自定义 Part 类型（如 weather, stock）通过 partRenderers 注册
+ * 
+ * 注意：代码块由 TextPart 内部处理（通过 parseContent 解析 markdown 中的代码块）
  */
 export { default as TextPart } from './TextPart.vue'
 export { default as ThinkingPart } from './ThinkingPart.vue'
 export { default as SearchPart } from './SearchPart.vue'
 export { default as ToolCallPart } from './ToolCallPart.vue'
-export { default as ToolResultPart } from './ToolResultPart.vue'
 export { default as ImagePart } from './ImagePart.vue'
 export { default as ErrorPart } from './ErrorPart.vue'
 

package/src/components/message/parts/visual-predicate.ts

@@ -0,0 +1,43 @@
+function normalizeLanguage(lang?: string): string {
+  return (lang || '').trim().toLowerCase()
+}
+
+export function isMermaidLanguage(lang?: string): boolean {
+  return normalizeLanguage(lang) === 'mermaid'
+}
+
+export function isLatexLanguage(lang?: string): boolean {
+  const l = normalizeLanguage(lang)
+  return l === 'latex' || l === 'katex' || l === 'tex'
+}
+
+export function isLatexDocument(code: string): boolean {
+  const t = (code || '').trim()
+  return /\\documentclass\b|\\usepackage\b|\\begin\{document\}|\\end\{document\}/.test(t)
+}
+
+export function canVisualizeLatex(code: string): boolean {
+  const t = (code || '').trim()
+  if (!t) return false
+  if (isLatexDocument(t)) return false
+  return true
+}
+
+export function hasLatexDelimiters(code: string): boolean {
+  const t = (code || '').trim()
+  if (!t) return false
+  return (
+    /\$\$[\s\S]*\$\$/.test(t) ||
+    /\\\[[\s\S]*\\\]/.test(t) ||
+    /\\\([\s\S]*\\\)/.test(t) ||
+    /(?<!\$)\$(?!\$)[\s\S]*?\$(?!\$)/.test(t)
+  )
+}
+
+export function shouldShowVisualToggle(lang?: string, code?: string): boolean {
+  if (isMermaidLanguage(lang)) return true
+  if (isLatexLanguage(lang)) return canVisualizeLatex(code || '')
+  return false
+}
+
+

package/src/components/message/parts/visual-render.ts

@@ -0,0 +1,19 @@
+import { renderMarkdown } from '@huyooo/ai-chat-shared'
+import { canVisualizeLatex, hasLatexDelimiters } from './visual-predicate'
+
+export function renderFencedLatexToHtml(code: string): string {
+  const t = (code || '').trim()
+  if (!t) return ''
+
+  if (!canVisualizeLatex(t)) {
+    return renderMarkdown(
+      `> 不支持将完整 LaTeX 文档作为公式渲染，请切换到代码视图查看。\n\n\`\`\`latex\n${t}\n\`\`\``
+    )
+  }
+
+  if (hasLatexDelimiters(t)) return renderMarkdown(t)
+
+  return renderMarkdown(`$$\n${t}\n$$`)
+}
+
+

package/src/components/message/parts/visual.ts

@@ -0,0 +1,12 @@
+export {
+  isMermaidLanguage,
+  isLatexLanguage,
+  isLatexDocument,
+  canVisualizeLatex,
+  hasLatexDelimiters,
+  shouldShowVisualToggle,
+} from './visual-predicate'
+
+export { renderFencedLatexToHtml } from './visual-render'
+
+