@hkyhy/marsun-components-core 0.1.10 → 0.1.12

package/dist/components/File/FilePreview/FilePreviewContent.js

@@ -1,83 +1,90 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Empty as u, Spin as N } from "antd";
-import { useRef as v, useState as h, useEffect as x } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Empty as u, Spin as x } from "antd";
+import { useRef as h, useState as g, useEffect as N } from "react";
 import { getPreviewKind as E, needsBlobPreview as P } from "../previewKind.js";
-import s from "./style.module.scss.js";
+import o from "./style.module.scss.js";
 import b from "classnames";
-async function B(i) {
-  const e = await fetch(i);
+async function H(r) {
+  const e = await fetch(r);
   if (!e.ok) throw new Error(`预览加载失败 (${e.status})`);
   return e.arrayBuffer();
 }
-async function T(i, e) {
-  const [{ default: o }] = await Promise.all([
+async function B(r, e) {
+  var d;
+  const [{ default: s }] = await Promise.all([
     import("@js-preview/excel"),
     Promise.resolve({                                               })
-  ]), n = o.init(i);
-  return await n.preview(e), () => n.destroy();
+  ]), a = Math.max(
+    ((d = r.parentElement) == null ? void 0 : d.clientHeight) ?? 0,
+    Math.round(window.innerHeight * 0.65),
+    480
+  );
+  r.style.height = `${a}px`;
+  const t = s.init(r);
+  return await t.preview(e), () => t.destroy();
 }
-async function W(i, e) {
-  const { renderAsync: o } = await import("docx-preview"), n = new Blob([e]);
-  await o(n, i, i, {
+async function C(r, e) {
+  const { renderAsync: s } = await import("docx-preview"), a = new Blob([e]);
+  await s(a, r, r, {
     inWrapper: !0,
     ignoreWidth: !1,
     ignoreHeight: !1,
     breakPages: !0
   });
 }
-async function k(i, e, o) {
-  const { init: n } = await import("pptx-preview"), a = n(i, { width: o, height: Math.round(o * 0.5625), mode: "list" });
-  return await a.preview(e), () => a.destroy();
+async function M(r, e, s) {
+  const { init: a } = await import("pptx-preview"), t = a(r, { width: s, height: Math.round(s * 0.5625), mode: "list" });
+  return await t.preview(e), () => t.destroy();
 }
-function C(i, e) {
-  const o = new TextDecoder("utf-8"), n = document.createElement("pre");
-  n.className = s["file-preview-text"], n.textContent = o.decode(e), i.appendChild(n);
+function T(r, e) {
+  const s = new TextDecoder("utf-8"), a = document.createElement("pre");
+  a.className = o["file-preview-text"], a.textContent = s.decode(e), r.appendChild(a);
 }
-const F = ({
-  file: i,
+const D = ({
+  file: r,
   previewUrl: e,
-  unsupportedMessage: o = "暂不支持预览此文件类型"
+  unsupportedMessage: s = "暂不支持预览此文件类型"
 }) => {
-  const n = v(null), a = v(void 0), [g, l] = h(!1), [m, p] = h(null), r = E(i);
-  return x(() => {
-    var w;
-    const f = n.current;
+  const a = h(null), t = h(void 0), [d, m] = g(!1), [p, w] = g(null), i = E(r);
+  return N(() => {
+    var v;
+    const f = a.current;
     if (!f || !e) return;
-    let d = !1;
-    return (w = a.current) == null || w.call(a), a.current = void 0, f.innerHTML = "", p(null), (async () => {
-      if (r !== "image" && !(r === "pdf" || r === "iframe") && !(r === "video" || r === "audio") && r !== "unsupported") {
-        l(!0);
+    let l = !1;
+    return (v = t.current) == null || v.call(t), t.current = void 0, f.innerHTML = "", w(null), (async () => {
+      if (i !== "image" && !(i === "pdf" || i === "iframe") && !(i === "video" || i === "audio") && i !== "unsupported") {
+        m(!0);
         try {
-          const c = await B(e);
-          if (d) return;
-          if (r === "excel")
-            a.current = await T(f, c);
-          else if (r === "word")
-            await W(f, c);
-          else if (r === "ppt") {
+          const c = await H(e);
+          if (l) return;
+          if (i === "excel")
+            t.current = await B(f, c);
+          else if (i === "word")
+            await C(f, c);
+          else if (i === "ppt") {
             const y = f.clientWidth || 852;
-            a.current = await k(f, c, y);
-          } else r === "text" && C(f, c);
+            t.current = await M(f, c, y);
+          } else i === "text" && T(f, c);
         } catch (c) {
-          d || p(c instanceof Error ? c.message : "预览加载失败");
+          l || w(c instanceof Error ? c.message : "预览加载失败");
         } finally {
-          d || l(!1);
+          l || m(!1);
         }
       }
     })(), () => {
       var c;
-      d = !0, (c = a.current) == null || c.call(a), a.current = void 0, f.innerHTML = "";
+      l = !0, (c = t.current) == null || c.call(t), t.current = void 0, f.innerHTML = "";
     };
-  }, [e, r, i.id, i.name]), e ? r === "image" ? /* @__PURE__ */ t("div", { className: s["file-preview-media-wrap"], children: /* @__PURE__ */ t("img", { src: e, alt: i.name, className: s["file-preview-image"] }) }) : r === "pdf" || r === "iframe" ? /* @__PURE__ */ t(
+  }, [e, i, r.id, r.name]), e ? i === "image" ? /* @__PURE__ */ n("div", { className: o["file-preview-media-wrap"], children: /* @__PURE__ */ n("img", { src: e, alt: r.name, className: o["file-preview-image"] }) }) : i === "pdf" || i === "iframe" ? /* @__PURE__ */ n(
     "iframe",
     {
       src: e,
-      title: i.name,
-      className: s["file-preview-iframe"]
+      title: r.name,
+      className: o["file-preview-iframe"]
     }
-  ) : r === "video" ? /* @__PURE__ */ t("div", { className: s["file-preview-media-wrap"], children: /* @__PURE__ */ t("video", { src: e, controls: !0, className: s["file-preview-video"] }) }) : r === "audio" ? /* @__PURE__ */ t("div", { className: s["file-preview-audio-wrap"], children: /* @__PURE__ */ t("audio", { src: e, controls: !0, className: s["file-preview-audio"] }) }) : r === "unsupported" ? /* @__PURE__ */ t(u, { description: o }) : P(r) ? /* @__PURE__ */ t("div", { className: b(s["file-preview-office"], s["file-preview-office-wrap"]), children: /* @__PURE__ */ t(N, { spinning: g, children: m ? /* @__PURE__ */ t(u, { description: m }) : /* @__PURE__ */ t("div", { ref: n, className: s["file-preview-office-inner"] }) }) }) : /* @__PURE__ */ t(u, { description: o }) : /* @__PURE__ */ t(u, { description: "无可预览地址" });
+  ) : i === "video" ? /* @__PURE__ */ n("div", { className: o["file-preview-media-wrap"], children: /* @__PURE__ */ n("video", { src: e, controls: !0, className: o["file-preview-video"] }) }) : i === "audio" ? /* @__PURE__ */ n("div", { className: o["file-preview-audio-wrap"], children: /* @__PURE__ */ n("audio", { src: e, controls: !0, className: o["file-preview-audio"] }) }) : i === "unsupported" ? /* @__PURE__ */ n(u, { description: s }) : P(i) ? /* @__PURE__ */ n("div", { className: b(o["file-preview-office"], o["file-preview-office-wrap"]), children: /* @__PURE__ */ n(x, { spinning: d, wrapperClassName: o["file-preview-office-spin"], children: p ? /* @__PURE__ */ n(u, { description: p }) : /* @__PURE__ */ n("div", { ref: a, className: o["file-preview-office-inner"] }) }) }) : /* @__PURE__ */ n(u, { description: s }) : /* @__PURE__ */ n(u, { description: "无可预览地址" });
 };
 export {
-  F as default
+  D as default
 };
 //# sourceMappingURL=FilePreviewContent.js.map

package/dist/components/File/FilePreview/FilePreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewContent.js","sources":["../../../../src/components/File/FilePreview/FilePreviewContent.tsx"],"sourcesContent":["import { Empty, Spin } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getPreviewKind, needsBlobPreview } from '../previewKind';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilePreviewContentProps {\n  file: FileDisplayItem;\n  previewUrl?: string;\n  unsupportedMessage?: string;\n}\n\nasync function fetchPreviewBlob(url: string): Promise<ArrayBuffer> {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`预览加载失败 (${res.status})`);\n  return res.arrayBuffer();\n}\n\nasync function renderExcel(container: HTMLElement, data: ArrayBuffer) {\n  const [{ default: jsPreviewExcel }] = await Promise.all([\n    import('@js-preview/excel'),\n    import('@js-preview/excel/lib/index.css'),\n  ]);\n  const instance = jsPreviewExcel.init(container);\n  await instance.preview(data);\n  return () => instance.destroy();\n}\n\nasync function renderWord(container: HTMLElement, data: ArrayBuffer) {\n  const { renderAsync } = await import('docx-preview');\n  const blob = new Blob([data]);\n  await renderAsync(blob, container, container, {\n    inWrapper: true,\n    ignoreWidth: false,\n    ignoreHeight: false,\n    breakPages: true,\n  });\n}\n\nasync function renderPpt(container: HTMLElement, data: ArrayBuffer, width: number) {\n  const { init } = await import('pptx-preview');\n  const previewer = init(container, { width, height: Math.round(width * 0.5625), mode: 'list' });\n  await previewer.preview(data);\n  return () => previewer.destroy();\n}\n\nfunction renderText(container: HTMLElement, data: ArrayBuffer) {\n  const decoder = new TextDecoder('utf-8');\n  const pre = document.createElement('pre');\n  pre.className = styles['file-preview-text'] ?? '';\n  pre.textContent = decoder.decode(data);\n  container.appendChild(pre);\n}\n\nconst FilePreviewContent: React.FC<FilePreviewContentProps> = ({\n  file,\n  previewUrl,\n  unsupportedMessage = '暂不支持预览此文件类型',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const kind = getPreviewKind(file);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || !previewUrl) return undefined;\n\n    let cancelled = false;\n    cleanupRef.current?.();\n    cleanupRef.current = undefined;\n    container.innerHTML = '';\n    setError(null);\n\n    const run = async () => {\n      if (kind === 'image') return;\n      if (kind === 'pdf' || kind === 'iframe') return;\n      if (kind === 'video' || kind === 'audio') return;\n      if (kind === 'unsupported') return;\n\n      setLoading(true);\n      try {\n        const data = await fetchPreviewBlob(previewUrl);\n        if (cancelled) return;\n\n        if (kind === 'excel') {\n          cleanupRef.current = await renderExcel(container, data);\n        } else if (kind === 'word') {\n          await renderWord(container, data);\n        } else if (kind === 'ppt') {\n          const width = container.clientWidth || 852;\n          cleanupRef.current = await renderPpt(container, data, width);\n        } else if (kind === 'text') {\n          renderText(container, data);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : '预览加载失败');\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n\n    void run();\n\n    return () => {\n      cancelled = true;\n      cleanupRef.current?.();\n      cleanupRef.current = undefined;\n      container.innerHTML = '';\n    };\n  }, [previewUrl, kind, file.id, file.name]);\n\n  if (!previewUrl) {\n    return <Empty description=\"无可预览地址\" />;\n  }\n\n  if (kind === 'image') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <img src={previewUrl} alt={file.name} className={styles['file-preview-image']} />\n      </div>\n    );\n  }\n\n  if (kind === 'pdf' || kind === 'iframe') {\n    return (\n      <iframe\n        src={previewUrl}\n        title={file.name}\n        className={styles['file-preview-iframe']}\n      />\n    );\n  }\n\n  if (kind === 'video') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <video src={previewUrl} controls className={styles['file-preview-video']} />\n      </div>\n    );\n  }\n\n  if (kind === 'audio') {\n    return (\n      <div className={styles['file-preview-audio-wrap']}>\n        <audio src={previewUrl} controls className={styles['file-preview-audio']} />\n      </div>\n    );\n  }\n\n  if (kind === 'unsupported') {\n    return <Empty description={unsupportedMessage} />;\n  }\n\n  if (needsBlobPreview(kind)) {\n    return (\n      <div className={classNames(styles['file-preview-office'], styles['file-preview-office-wrap'])}>\n        <Spin spinning={loading}>\n          {error ? <Empty description={error} /> : <div ref={containerRef} className={styles['file-preview-office-inner']} />}\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Empty description={unsupportedMessage} />;\n};\n\nexport default FilePreviewContent;\n"],"names":["fetchPreviewBlob","url","res","renderExcel","container","data","jsPreviewExcel","instance","renderWord","renderAsync","blob","renderPpt","width","init","previewer","renderText","decoder","pre","styles","FilePreviewContent","file","previewUrl","unsupportedMessage","containerRef","useRef","cleanupRef","loading","setLoading","useState","error","setError","kind","getPreviewKind","useEffect","cancelled","_a","err","jsx","Empty","needsBlobPreview","classNames","Spin"],"mappings":"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"}
+{"version":3,"file":"FilePreviewContent.js","sources":["../../../../src/components/File/FilePreview/FilePreviewContent.tsx"],"sourcesContent":["import { Empty, Spin } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getPreviewKind, needsBlobPreview } from '../previewKind';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilePreviewContentProps {\n  file: FileDisplayItem;\n  previewUrl?: string;\n  unsupportedMessage?: string;\n}\n\nasync function fetchPreviewBlob(url: string): Promise<ArrayBuffer> {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`预览加载失败 (${res.status})`);\n  return res.arrayBuffer();\n}\n\nasync function renderExcel(container: HTMLElement, data: ArrayBuffer) {\n  const [{ default: jsPreviewExcel }] = await Promise.all([\n    import('@js-preview/excel'),\n    import('@js-preview/excel/lib/index.css'),\n  ]);\n  const height = Math.max(\n    container.parentElement?.clientHeight ?? 0,\n    Math.round(window.innerHeight * 0.65),\n    480,\n  );\n  container.style.height = `${height}px`;\n  const instance = jsPreviewExcel.init(container);\n  await instance.preview(data);\n  return () => instance.destroy();\n}\n\nasync function renderWord(container: HTMLElement, data: ArrayBuffer) {\n  const { renderAsync } = await import('docx-preview');\n  const blob = new Blob([data]);\n  await renderAsync(blob, container, container, {\n    inWrapper: true,\n    ignoreWidth: false,\n    ignoreHeight: false,\n    breakPages: true,\n  });\n}\n\nasync function renderPpt(container: HTMLElement, data: ArrayBuffer, width: number) {\n  const { init } = await import('pptx-preview');\n  const previewer = init(container, { width, height: Math.round(width * 0.5625), mode: 'list' });\n  await previewer.preview(data);\n  return () => previewer.destroy();\n}\n\nfunction renderText(container: HTMLElement, data: ArrayBuffer) {\n  const decoder = new TextDecoder('utf-8');\n  const pre = document.createElement('pre');\n  pre.className = styles['file-preview-text'] ?? '';\n  pre.textContent = decoder.decode(data);\n  container.appendChild(pre);\n}\n\nconst FilePreviewContent: React.FC<FilePreviewContentProps> = ({\n  file,\n  previewUrl,\n  unsupportedMessage = '暂不支持预览此文件类型',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const kind = getPreviewKind(file);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || !previewUrl) return undefined;\n\n    let cancelled = false;\n    cleanupRef.current?.();\n    cleanupRef.current = undefined;\n    container.innerHTML = '';\n    setError(null);\n\n    const run = async () => {\n      if (kind === 'image') return;\n      if (kind === 'pdf' || kind === 'iframe') return;\n      if (kind === 'video' || kind === 'audio') return;\n      if (kind === 'unsupported') return;\n\n      setLoading(true);\n      try {\n        const data = await fetchPreviewBlob(previewUrl);\n        if (cancelled) return;\n\n        if (kind === 'excel') {\n          cleanupRef.current = await renderExcel(container, data);\n        } else if (kind === 'word') {\n          await renderWord(container, data);\n        } else if (kind === 'ppt') {\n          const width = container.clientWidth || 852;\n          cleanupRef.current = await renderPpt(container, data, width);\n        } else if (kind === 'text') {\n          renderText(container, data);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : '预览加载失败');\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n\n    void run();\n\n    return () => {\n      cancelled = true;\n      cleanupRef.current?.();\n      cleanupRef.current = undefined;\n      container.innerHTML = '';\n    };\n  }, [previewUrl, kind, file.id, file.name]);\n\n  if (!previewUrl) {\n    return <Empty description=\"无可预览地址\" />;\n  }\n\n  if (kind === 'image') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <img src={previewUrl} alt={file.name} className={styles['file-preview-image']} />\n      </div>\n    );\n  }\n\n  if (kind === 'pdf' || kind === 'iframe') {\n    return (\n      <iframe\n        src={previewUrl}\n        title={file.name}\n        className={styles['file-preview-iframe']}\n      />\n    );\n  }\n\n  if (kind === 'video') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <video src={previewUrl} controls className={styles['file-preview-video']} />\n      </div>\n    );\n  }\n\n  if (kind === 'audio') {\n    return (\n      <div className={styles['file-preview-audio-wrap']}>\n        <audio src={previewUrl} controls className={styles['file-preview-audio']} />\n      </div>\n    );\n  }\n\n  if (kind === 'unsupported') {\n    return <Empty description={unsupportedMessage} />;\n  }\n\n  if (needsBlobPreview(kind)) {\n    return (\n      <div className={classNames(styles['file-preview-office'], styles['file-preview-office-wrap'])}>\n        <Spin spinning={loading} wrapperClassName={styles['file-preview-office-spin']}>\n          {error ? <Empty description={error} /> : <div ref={containerRef} className={styles['file-preview-office-inner']} />}\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Empty description={unsupportedMessage} />;\n};\n\nexport default FilePreviewContent;\n"],"names":["fetchPreviewBlob","url","res","renderExcel","container","data","jsPreviewExcel","height","_a","instance","renderWord","renderAsync","blob","renderPpt","width","init","previewer","renderText","decoder","pre","styles","FilePreviewContent","file","previewUrl","unsupportedMessage","containerRef","useRef","cleanupRef","loading","setLoading","useState","error","setError","kind","getPreviewKind","useEffect","cancelled","err","jsx","Empty","needsBlobPreview","classNames","Spin"],"mappings":"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"}

package/dist/components/File/FilePreview/style.module.scss.js

@@ -1,20 +1,21 @@
 const e = {
-  "file-preview": "_file-preview_irbqy_1",
-  "file-preview-header": "_file-preview-header_irbqy_139",
-  "file-preview-info": "_file-preview-info_irbqy_148",
-  "file-preview-icon": "_file-preview-icon_irbqy_156",
-  "file-preview-name": "_file-preview-name_irbqy_161",
-  "file-preview-size": "_file-preview-size_irbqy_168",
-  "file-preview-body": "_file-preview-body_irbqy_174",
-  "file-preview-iframe": "_file-preview-iframe_irbqy_178",
-  "file-preview-media-wrap": "_file-preview-media-wrap_irbqy_186",
-  "file-preview-image": "_file-preview-image_irbqy_192",
-  "file-preview-video": "_file-preview-video_irbqy_198",
-  "file-preview-audio-wrap": "_file-preview-audio-wrap_irbqy_204",
-  "file-preview-audio": "_file-preview-audio_irbqy_204",
-  "file-preview-office-wrap": "_file-preview-office-wrap_irbqy_216",
-  "file-preview-office-inner": "_file-preview-office-inner_irbqy_221",
-  "file-preview-text": "_file-preview-text_irbqy_228"
+  "file-preview": "_file-preview_m0qyk_1",
+  "file-preview-header": "_file-preview-header_m0qyk_139",
+  "file-preview-info": "_file-preview-info_m0qyk_148",
+  "file-preview-icon": "_file-preview-icon_m0qyk_156",
+  "file-preview-name": "_file-preview-name_m0qyk_161",
+  "file-preview-size": "_file-preview-size_m0qyk_168",
+  "file-preview-body": "_file-preview-body_m0qyk_174",
+  "file-preview-iframe": "_file-preview-iframe_m0qyk_178",
+  "file-preview-media-wrap": "_file-preview-media-wrap_m0qyk_186",
+  "file-preview-image": "_file-preview-image_m0qyk_192",
+  "file-preview-video": "_file-preview-video_m0qyk_198",
+  "file-preview-audio-wrap": "_file-preview-audio-wrap_m0qyk_204",
+  "file-preview-audio": "_file-preview-audio_m0qyk_204",
+  "file-preview-office-wrap": "_file-preview-office-wrap_m0qyk_216",
+  "file-preview-office-spin": "_file-preview-office-spin_m0qyk_222",
+  "file-preview-office-inner": "_file-preview-office-inner_m0qyk_233",
+  "file-preview-text": "_file-preview-text_m0qyk_240"
 };
 export {
   e as default

package/dist/components/File/FilePreview/style.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/File/FilePreviewLink/index.d.ts

@@ -7,6 +7,8 @@ export interface FilePreviewLinkProps {
     onDownload?: (file: FileDisplayItem) => void;
     disabled?: boolean;
     showType?: boolean;
+    /** 文件名超长时换行展示（默认单行省略） */
+    nameWrap?: boolean;
     className?: string;
 }
 declare const FilePreviewLink: React.FC<FilePreviewLinkProps>;

package/dist/components/File/FilePreviewLink/index.js

@@ -1,61 +1,74 @@
-import { jsxs as n, jsx as l, Fragment as h } from "react/jsx-runtime";
-import { normalizeFileDisplayItem as N, getFileIcon as p, getFileTypeName as t } from "../fileDisplay.js";
-import y from "../FilePreviewModal/index.js";
-import { useState as u } from "react";
+import { jsxs as a, jsx as l, Fragment as y } from "react/jsx-runtime";
+import { normalizeFileDisplayItem as u, getFileIcon as o, getFileTypeName as c } from "../fileDisplay.js";
+import F from "../FilePreviewModal/index.js";
+import { useState as T } from "react";
 import i from "./style.module.scss.js";
-import f from "classnames";
-const D = ({
-  file: o,
-  url: a,
-  downloadUrl: c,
+import r from "classnames";
+const P = ({
+  file: v,
+  url: s,
+  downloadUrl: w,
   onDownload: d,
-  disabled: v = !1,
-  showType: r = !0,
-  className: m
+  disabled: k = !1,
+  showType: m = !0,
+  nameWrap: n = !1,
+  className: p
 }) => {
-  const [k, s] = u(!1), e = N(o);
-  return v ? /* @__PURE__ */ n(
+  const [N, t] = T(!1), e = u(v), f = r(
+    i["file-preview-link-name"],
+    n && i["file-preview-link-name-wrap"]
+  );
+  return k ? /* @__PURE__ */ a(
     "span",
     {
-      className: f(i["file-preview-link-disabled"], m),
+      className: r(
+        i["file-preview-link-disabled"],
+        p,
+        n && i["file-preview-link-wrap"]
+      ),
       title: e.name,
       children: [
-        /* @__PURE__ */ l("span", { className: i["file-preview-link-inner"], children: p(e.name, e.mimeType) }),
-        /* @__PURE__ */ l("span", { className: i["file-preview-link-name"], children: e.name }),
-        r && /* @__PURE__ */ l("span", { className: i["file-preview-link-type"], children: t(e.name, e.mimeType) })
+        /* @__PURE__ */ l("span", { className: i["file-preview-link-inner"], children: o(e.name, e.mimeType) }),
+        /* @__PURE__ */ l("span", { className: f, children: e.name }),
+        m && /* @__PURE__ */ l("span", { className: i["file-preview-link-type"], children: c(e.name, e.mimeType) })
       ]
     }
-  ) : /* @__PURE__ */ n(h, { children: [
-    /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(y, { children: [
+    /* @__PURE__ */ a(
       "a",
       {
-        className: f("file-preview-link", i["file-preview-link"], m),
-        onClick: (w) => {
-          w.preventDefault(), s(!0);
+        className: r(
+          "file-preview-link",
+          i["file-preview-link"],
+          p,
+          n && i["file-preview-link-wrap"]
+        ),
+        onClick: (h) => {
+          h.preventDefault(), t(!0);
         },
-        href: a ?? e.url ?? "#",
+        href: s ?? e.url ?? "#",
         title: e.name,
         children: [
-          /* @__PURE__ */ l("span", { className: i["file-preview-link-inner"], children: p(e.name, e.mimeType) }),
-          /* @__PURE__ */ l("span", { className: i["file-preview-link-name"], children: e.name }),
-          r && /* @__PURE__ */ l("span", { className: i["file-preview-link-type"], children: t(e.name, e.mimeType) })
+          /* @__PURE__ */ l("span", { className: i["file-preview-link-inner"], children: o(e.name, e.mimeType) }),
+          /* @__PURE__ */ l("span", { className: f, children: e.name }),
+          m && /* @__PURE__ */ l("span", { className: i["file-preview-link-type"], children: c(e.name, e.mimeType) })
         ]
       }
     ),
     /* @__PURE__ */ l(
-      y,
+      F,
       {
-        open: k,
+        open: N,
         file: e,
-        url: a,
-        downloadUrl: c,
+        url: s,
+        downloadUrl: w,
         onDownload: d,
-        onClose: () => s(!1)
+        onClose: () => t(!1)
       }
     )
   ] });
 };
 export {
-  D as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/File/FilePreviewLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/File/FilePreviewLink/index.tsx"],"sourcesContent":["import type { FileDisplayItem } from '../types';\nimport { getFileIcon, getFileTypeName, normalizeFileDisplayItem } from '../fileDisplay';\nimport FilePreviewModal from '../FilePreviewModal';\nimport React, { useState } from 'react';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface FilePreviewLinkProps {\n  file: FileDisplayItem;\n  url?: string;\n  downloadUrl?: string;\n  onDownload?: (file: FileDisplayItem) => void;\n  disabled?: boolean;\n  showType?: boolean;\n  className?: string;\n}\n\nconst FilePreviewLink: React.FC<FilePreviewLinkProps> = ({\n  file,\n  url,\n  downloadUrl,\n  onDownload,\n  disabled = false,\n  showType = true,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n  const resolvedFile = normalizeFileDisplayItem(file);\n\n  if (disabled) {\n    return (\n      <span\n        className={classNames(styles['file-preview-link-disabled'], className)}\n        title={resolvedFile.name}\n      >\n        <span className={styles['file-preview-link-inner']}>\n          {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n        </span>\n        <span className={styles['file-preview-link-name']}>{resolvedFile.name}</span>\n        {showType && (\n          <span className={styles['file-preview-link-type']}>\n            {getFileTypeName(resolvedFile.name, resolvedFile.mimeType)}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <a\n        className={classNames('file-preview-link', styles['file-preview-link'], className)}\n        onClick={(e) => {\n          e.preventDefault();\n          setOpen(true);\n        }}\n        href={url ?? resolvedFile.url ?? '#'}\n        title={resolvedFile.name}\n      >\n        <span className={styles['file-preview-link-inner']}>\n          {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n        </span>\n        <span className={styles['file-preview-link-name']}>{resolvedFile.name}</span>\n        {showType && (\n          <span className={styles['file-preview-link-type']}>\n            {getFileTypeName(resolvedFile.name, resolvedFile.mimeType)}\n          </span>\n        )}\n      </a>\n      <FilePreviewModal\n        open={open}\n        file={resolvedFile}\n        url={url}\n        downloadUrl={downloadUrl}\n        onDownload={onDownload}\n        onClose={() => setOpen(false)}\n      />\n    </>\n  );\n};\n\nexport default FilePreviewLink;\n"],"names":["FilePreviewLink","file","url","downloadUrl","onDownload","disabled","showType","className","open","setOpen","useState","resolvedFile","normalizeFileDisplayItem","jsxs","classNames","styles","jsx","getFileTypeName","Fragment","e","FilePreviewModal"],"mappings":";;;;;;AAiBA,MAAMA,IAAkD,CAAC;AAAA,EACvD,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAeC,EAAyBX,CAAI;AAElD,SAAII,IAEA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,4BAA4B,GAAGR,CAAS;AAAA,MACrE,OAAOI,EAAa;AAAA,MAEpB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,yBAAyB,GAC9C,YAAYJ,EAAa,MAAMA,EAAa,QAAQ,EAAA,CACvD;AAAA,0BACC,QAAA,EAAK,WAAWI,EAAO,wBAAwB,GAAI,YAAa,MAAK;AAAA,QACrET,KACC,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,wBAAwB,GAC7C,UAAAE,EAAgBN,EAAa,MAAMA,EAAa,QAAQ,EAAA,CAC3D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAON,gBAAAE,EAAAK,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAW,qBAAqBC,EAAO,mBAAmB,GAAGR,CAAS;AAAA,QACjF,SAAS,CAACY,MAAM;AACd,UAAAA,EAAE,eAAA,GACFV,EAAQ,EAAI;AAAA,QACd;AAAA,QACA,MAAMP,KAAOS,EAAa,OAAO;AAAA,QACjC,OAAOA,EAAa;AAAA,QAEpB,UAAA;AAAA,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,yBAAyB,GAC9C,YAAYJ,EAAa,MAAMA,EAAa,QAAQ,EAAA,CACvD;AAAA,4BACC,QAAA,EAAK,WAAWI,EAAO,wBAAwB,GAAI,YAAa,MAAK;AAAA,UACrET,KACC,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,wBAAwB,GAC7C,UAAAE,EAAgBN,EAAa,MAAMA,EAAa,QAAQ,EAAA,CAC3D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAAZ;AAAA,QACA,MAAMG;AAAA,QACN,KAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,SAAS,MAAMK,EAAQ,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/File/FilePreviewLink/index.tsx"],"sourcesContent":["import type { FileDisplayItem } from '../types';\nimport { getFileIcon, getFileTypeName, normalizeFileDisplayItem } from '../fileDisplay';\nimport FilePreviewModal from '../FilePreviewModal';\nimport React, { useState } from 'react';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface FilePreviewLinkProps {\n  file: FileDisplayItem;\n  url?: string;\n  downloadUrl?: string;\n  onDownload?: (file: FileDisplayItem) => void;\n  disabled?: boolean;\n  showType?: boolean;\n  /** 文件名超长时换行展示（默认单行省略） */\n  nameWrap?: boolean;\n  className?: string;\n}\n\nconst FilePreviewLink: React.FC<FilePreviewLinkProps> = ({\n  file,\n  url,\n  downloadUrl,\n  onDownload,\n  disabled = false,\n  showType = true,\n  nameWrap = false,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n  const resolvedFile = normalizeFileDisplayItem(file);\n\n  const nameClassName = classNames(\n    styles['file-preview-link-name'],\n    nameWrap && styles['file-preview-link-name-wrap'],\n  );\n\n  if (disabled) {\n    return (\n      <span\n        className={classNames(\n          styles['file-preview-link-disabled'],\n          className,\n          nameWrap && styles['file-preview-link-wrap'],\n        )}\n        title={resolvedFile.name}\n      >\n        <span className={styles['file-preview-link-inner']}>\n          {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n        </span>\n        <span className={nameClassName}>{resolvedFile.name}</span>\n        {showType && (\n          <span className={styles['file-preview-link-type']}>\n            {getFileTypeName(resolvedFile.name, resolvedFile.mimeType)}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <a\n        className={classNames(\n          'file-preview-link',\n          styles['file-preview-link'],\n          className,\n          nameWrap && styles['file-preview-link-wrap'],\n        )}\n        onClick={(e) => {\n          e.preventDefault();\n          setOpen(true);\n        }}\n        href={url ?? resolvedFile.url ?? '#'}\n        title={resolvedFile.name}\n      >\n        <span className={styles['file-preview-link-inner']}>\n          {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n        </span>\n        <span className={nameClassName}>{resolvedFile.name}</span>\n        {showType && (\n          <span className={styles['file-preview-link-type']}>\n            {getFileTypeName(resolvedFile.name, resolvedFile.mimeType)}\n          </span>\n        )}\n      </a>\n      <FilePreviewModal\n        open={open}\n        file={resolvedFile}\n        url={url}\n        downloadUrl={downloadUrl}\n        onDownload={onDownload}\n        onClose={() => setOpen(false)}\n      />\n    </>\n  );\n};\n\nexport default FilePreviewLink;\n"],"names":["FilePreviewLink","file","url","downloadUrl","onDownload","disabled","showType","nameWrap","className","open","setOpen","useState","resolvedFile","normalizeFileDisplayItem","nameClassName","classNames","styles","jsxs","jsx","getFileTypeName","Fragment","e","FilePreviewModal"],"mappings":";;;;;;AAmBA,MAAMA,IAAkD,CAAC;AAAA,EACvD,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAeC,EAAyBZ,CAAI,GAE5Ca,IAAgBC;AAAA,IACpBC,EAAO,wBAAwB;AAAA,IAC/BT,KAAYS,EAAO,6BAA6B;AAAA,EAAA;AAGlD,SAAIX,IAEA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACTC,EAAO,4BAA4B;AAAA,QACnCR;AAAA,QACAD,KAAYS,EAAO,wBAAwB;AAAA,MAAA;AAAA,MAE7C,OAAOJ,EAAa;AAAA,MAEpB,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,yBAAyB,GAC9C,YAAYJ,EAAa,MAAMA,EAAa,QAAQ,EAAA,CACvD;AAAA,QACA,gBAAAM,EAAC,QAAA,EAAK,WAAWJ,GAAgB,YAAa,MAAK;AAAA,QAClDR,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAWF,EAAO,wBAAwB,GAC7C,UAAAG,EAAgBP,EAAa,MAAMA,EAAa,QAAQ,EAAA,CAC3D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAON,gBAAAK,EAAAG,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAC,EAAO,mBAAmB;AAAA,UAC1BR;AAAA,UACAD,KAAYS,EAAO,wBAAwB;AAAA,QAAA;AAAA,QAE7C,SAAS,CAACK,MAAM;AACd,UAAAA,EAAE,eAAA,GACFX,EAAQ,EAAI;AAAA,QACd;AAAA,QACA,MAAMR,KAAOU,EAAa,OAAO;AAAA,QACjC,OAAOA,EAAa;AAAA,QAEpB,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,yBAAyB,GAC9C,YAAYJ,EAAa,MAAMA,EAAa,QAAQ,EAAA,CACvD;AAAA,UACA,gBAAAM,EAAC,QAAA,EAAK,WAAWJ,GAAgB,YAAa,MAAK;AAAA,UAClDR,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAWF,EAAO,wBAAwB,GAC7C,UAAAG,EAAgBP,EAAa,MAAMA,EAAa,QAAQ,EAAA,CAC3D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAM;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAAb;AAAA,QACA,MAAMG;AAAA,QACN,KAAAV;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,SAAS,MAAMM,EAAQ,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GACF;AAEJ;"}

package/dist/components/File/FilePreviewLink/style.module.scss.js

@@ -1,9 +1,11 @@
 const e = {
-  "file-preview-link": "_file-preview-link_1rk52_1",
-  "file-preview-link-disabled": "_file-preview-link-disabled_1rk52_12",
-  "file-preview-link-inner": "_file-preview-link-inner_1rk52_21",
-  "file-preview-link-name": "_file-preview-link-name_1rk52_25",
-  "file-preview-link-type": "_file-preview-link-type_1rk52_31"
+  "file-preview-link": "_file-preview-link_1q16r_1",
+  "file-preview-link-wrap": "_file-preview-link-wrap_1q16r_12",
+  "file-preview-link-disabled": "_file-preview-link-disabled_1q16r_17",
+  "file-preview-link-inner": "_file-preview-link-inner_1q16r_26",
+  "file-preview-link-name": "_file-preview-link-name_1q16r_30",
+  "file-preview-link-name-wrap": "_file-preview-link-name-wrap_1q16r_36",
+  "file-preview-link-type": "_file-preview-link-type_1q16r_44"
 };
 export {
   e as default

package/dist/components/File/FilePreviewLink/style.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/LlmFormattedText/LlmFormattedText/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface LlmFormattedTextProps {
+    text?: string;
+    loading?: boolean;
+    className?: string;
+}
+declare const LlmFormattedText: React.FC<LlmFormattedTextProps>;
+export default LlmFormattedText;

package/dist/components/LlmFormattedText/LlmFormattedText/index.js

@@ -0,0 +1,42 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import r from "classnames";
+import { parseLlmText as o } from "../parseLlmText.js";
+import t from "./style.module.scss.js";
+const p = {
+  causes: "◆",
+  suggestions: "✓",
+  summary: "●"
+}, y = ({
+  text: m = "",
+  loading: d,
+  className: i
+}) => {
+  const s = o(m);
+  return d || s.loading ? /* @__PURE__ */ l("div", { className: r("llm-formatted-text", t["llm-formatted-text"], t["is-loading"], i), children: [
+    /* @__PURE__ */ e("span", { className: t["ft-spinner"], "aria-hidden": !0 }),
+    /* @__PURE__ */ e("span", { children: m || "正在生成..." })
+  ] }) : s.summary || s.sections.length > 0 ? /* @__PURE__ */ l("div", { className: r("llm-formatted-text", t["llm-formatted-text"], i), children: [
+    s.summary ? /* @__PURE__ */ e("p", { className: t["ft-summary"], children: s.summary }) : null,
+    s.sections.map((a) => /* @__PURE__ */ l(
+      "section",
+      {
+        className: r(t["ft-section"], t[`ft-${a.type}`]),
+        children: [
+          /* @__PURE__ */ l("h4", { className: t["ft-section-title"], children: [
+            /* @__PURE__ */ e("span", { className: t["ft-section-icon"], "aria-hidden": !0, children: p[a.type] || "•" }),
+            a.title
+          ] }),
+          a.items.length > 1 ? /* @__PURE__ */ e("ul", { className: t["ft-list"], children: a.items.map((c, n) => /* @__PURE__ */ l("li", { children: [
+            /* @__PURE__ */ e("span", { className: t["ft-num"], children: n + 1 }),
+            /* @__PURE__ */ e("span", { className: t["ft-item-text"], children: c })
+          ] }, n)) }) : /* @__PURE__ */ e("p", { className: t["ft-paragraph"], children: a.items[0] })
+        ]
+      },
+      `${a.type}-${a.title}`
+    ))
+  ] }) : /* @__PURE__ */ e("div", { className: r("llm-formatted-text", t["llm-formatted-text"], i), children: /* @__PURE__ */ e("p", { className: t["ft-paragraph"], children: m }) });
+};
+export {
+  y as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/LlmFormattedText/LlmFormattedText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/LlmFormattedText/LlmFormattedText/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport { parseLlmText } from '../parseLlmText';\nimport styles from './style.module.scss';\n\nconst SECTION_ICONS: Record<string, string> = {\n  causes: '◆',\n  suggestions: '✓',\n  summary: '●',\n};\n\nexport interface LlmFormattedTextProps {\n  text?: string;\n  loading?: boolean;\n  className?: string;\n}\n\nconst LlmFormattedText: React.FC<LlmFormattedTextProps> = ({\n  text = '',\n  loading: loadingProp,\n  className,\n}) => {\n  const parsed = parseLlmText(text);\n  const loading = loadingProp || parsed.loading;\n\n  if (loading) {\n    return (\n      <div className={classNames('llm-formatted-text', styles['llm-formatted-text'], styles['is-loading'], className)}>\n        <span className={styles['ft-spinner']} aria-hidden />\n        <span>{text || '正在生成...'}</span>\n      </div>\n    );\n  }\n\n  const hasStructure = parsed.summary || parsed.sections.length > 0;\n  if (!hasStructure) {\n    return (\n      <div className={classNames('llm-formatted-text', styles['llm-formatted-text'], className)}>\n        <p className={styles['ft-paragraph']}>{text}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames('llm-formatted-text', styles['llm-formatted-text'], className)}>\n      {parsed.summary ? <p className={styles['ft-summary']}>{parsed.summary}</p> : null}\n      {parsed.sections.map((sec: { type: string; title: string; items: string[] }) => (\n        <section\n          key={`${sec.type}-${sec.title}`}\n          className={classNames(styles['ft-section'], styles[`ft-${sec.type}`])}\n        >\n          <h4 className={styles['ft-section-title']}>\n            <span className={styles['ft-section-icon']} aria-hidden>\n              {SECTION_ICONS[sec.type] || '•'}\n            </span>\n            {sec.title}\n          </h4>\n          {sec.items.length > 1 ? (\n            <ul className={styles['ft-list']}>\n              {sec.items.map((item: string, i: number) => (\n                <li key={i}>\n                  <span className={styles['ft-num']}>{i + 1}</span>\n                  <span className={styles['ft-item-text']}>{item}</span>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <p className={styles['ft-paragraph']}>{sec.items[0]}</p>\n          )}\n        </section>\n      ))}\n    </div>\n  );\n};\n\nexport default LlmFormattedText;\n"],"names":["SECTION_ICONS","LlmFormattedText","text","loadingProp","className","parsed","parseLlmText","jsxs","classNames","styles","jsx","sec","item","i"],"mappings":";;;;AAKA,MAAMA,IAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AACX,GAQMC,IAAoD,CAAC;AAAA,EACzD,MAAAC,IAAO;AAAA,EACP,SAASC;AAAA,EACT,WAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,EAAaJ,CAAI;AAGhC,SAFgBC,KAAeE,EAAO,UAIlC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAW,sBAAsBC,EAAO,oBAAoB,GAAGA,EAAO,YAAY,GAAGL,CAAS,GAC5G,UAAA;AAAA,IAAA,gBAAAM,EAAC,UAAK,WAAWD,EAAO,YAAY,GAAG,eAAW,IAAC;AAAA,IACnD,gBAAAC,EAAC,QAAA,EAAM,UAAAR,KAAQ,UAAA,CAAU;AAAA,EAAA,GAC3B,IAIiBG,EAAO,WAAWA,EAAO,SAAS,SAAS,IAU9D,gBAAAE,EAAC,SAAI,WAAWC,EAAW,sBAAsBC,EAAO,oBAAoB,GAAGL,CAAS,GACrF,UAAA;AAAA,IAAAC,EAAO,4BAAW,KAAA,EAAE,WAAWI,EAAO,YAAY,GAAI,UAAAJ,EAAO,QAAA,CAAQ,IAAO;AAAA,IAC5EA,EAAO,SAAS,IAAI,CAACM,MACpB,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAWC,EAAO,YAAY,GAAGA,EAAO,MAAME,EAAI,IAAI,EAAE,CAAC;AAAA,QAEpE,UAAA;AAAA,UAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWE,EAAO,kBAAkB,GACtC,UAAA;AAAA,YAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAiB,GAAG,eAAW,IACpD,UAAAT,EAAcW,EAAI,IAAI,KAAK,IAAA,CAC9B;AAAA,YACCA,EAAI;AAAA,UAAA,GACP;AAAA,UACCA,EAAI,MAAM,SAAS,IAClB,gBAAAD,EAAC,QAAG,WAAWD,EAAO,SAAS,GAC5B,YAAI,MAAM,IAAI,CAACG,GAAcC,wBAC3B,MAAA,EACC,UAAA;AAAA,YAAA,gBAAAH,EAAC,UAAK,WAAWD,EAAO,QAAQ,GAAI,cAAI,GAAE;AAAA,8BACzC,QAAA,EAAK,WAAWA,EAAO,cAAc,GAAI,UAAAG,EAAA,CAAK;AAAA,UAAA,EAAA,GAFxCC,CAGT,CACD,EAAA,CACH,IAEA,gBAAAH,EAAC,KAAA,EAAE,WAAWD,EAAO,cAAc,GAAI,UAAAE,EAAI,MAAM,CAAC,EAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBjD,GAAGA,EAAI,IAAI,IAAIA,EAAI,KAAK;AAAA,IAAA,CAsBhC;AAAA,EAAA,GACH,sBAlCG,OAAA,EAAI,WAAWH,EAAW,sBAAsBC,EAAO,oBAAoB,GAAGL,CAAS,GACtF,4BAAC,KAAA,EAAE,WAAWK,EAAO,cAAc,GAAI,aAAK,GAC9C;AAkCN;"}

package/dist/components/LlmFormattedText/LlmFormattedText/style.module.scss.js

@@ -0,0 +1,17 @@
+const t = {
+  "llm-formatted-text": "_llm-formatted-text_1mo0r_1",
+  "is-loading": "_is-loading_1mo0r_7",
+  "ft-spinner": "_ft-spinner_1mo0r_14",
+  "llm-ft-spin": "_llm-ft-spin_1mo0r_1",
+  "ft-summary": "_ft-summary_1mo0r_28",
+  "ft-section": "_ft-section_1mo0r_33",
+  "ft-section-title": "_ft-section-title_1mo0r_37",
+  "ft-section-icon": "_ft-section-icon_1mo0r_46",
+  "ft-list": "_ft-list_1mo0r_50",
+  "ft-num": "_ft-num_1mo0r_62",
+  "ft-paragraph": "_ft-paragraph_1mo0r_69"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/LlmFormattedText/LlmFormattedText/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/LlmFormattedText/index.d.ts

@@ -0,0 +1,4 @@
+export { default as LlmFormattedText } from './LlmFormattedText';
+export type { LlmFormattedTextProps } from './LlmFormattedText';
+export { parseLlmText, formatLlmTextToHtml } from './parseLlmText';
+export type { ParsedLlmText, LlmTextSection } from './parseLlmText';

package/dist/components/LlmFormattedText/parseLlmText.d.ts

@@ -0,0 +1,14 @@
+/** 将 LLM 纯文本解析为带层级的内容块 */
+export type LlmTextSection = {
+    type: string;
+    title: string;
+    items: string[];
+};
+export type ParsedLlmText = {
+    summary: string;
+    sections: LlmTextSection[];
+    loading?: boolean;
+};
+export declare function parseLlmText(text: string): ParsedLlmText;
+/** 供静态 HTML 报告使用的排版 HTML */
+export declare function formatLlmTextToHtml(text: string): string;

package/dist/components/LlmFormattedText/parseLlmText.js

@@ -0,0 +1,77 @@
+const g = [
+  { type: "causes", titles: ["可能原因", "原因分析", "主要原因", "异常原因"] },
+  { type: "suggestions", titles: ["建议", "改进建议", "处置建议", "应对措施", "整改建议"] },
+  { type: "summary", titles: ["异常说明", "情况说明", "分析结论", "结论"] }
+], d = new RegExp("(?:^|\\s)(?:[（(]?\\d+[)）]|[①②③④⑤⑥⑦⑧⑨⑩⑪⑫]|(?<!\\d)\\d+[、.．])(?=\\s*[^\\d])", "g");
+function h(l) {
+  return String(l || "").replace(/\r\n/g, `
+`).replace(/[ \t]+\n/g, `
+`).replace(/\n{3,}/g, `
+
+`).trim();
+}
+function x(l) {
+  const t = l.trim();
+  if (!t) return [];
+  const i = t.split(d).map((n) => n.trim()).filter(Boolean);
+  if (i.length > 1) return i;
+  const e = t.split(/\n+/).map((n) => n.replace(/^[（(]?\d+[)）]\s*|^[①②③④⑤⑥⑦⑧⑨⑩]\s*|\d+[、.．]\s*/, "").trim()).filter(Boolean);
+  return e.length > 1 ? e : [t];
+}
+function y(l) {
+  const t = h(l);
+  if (!t) return { summary: "", sections: [] };
+  if (/^(正在|思考中|分析中|加载)/.test(t) && t.length < 40)
+    return { summary: t, sections: [], loading: !0 };
+  const i = [];
+  let e = "";
+  const n = [];
+  for (const s of g)
+    for (const r of s.titles) {
+      const p = new RegExp(`(${r})[：:\\s]*`, "g");
+      let c;
+      for (; (c = p.exec(t)) !== null; )
+        n.push({ type: s.type, title: r, index: c.index, len: c[0].length });
+    }
+  if (n.sort((s, r) => s.index - r.index), n.length === 0)
+    return { summary: t, sections: [] };
+  const a = n[0];
+  a.index > 0 && (e = t.slice(0, a.index).replace(/[：:\s]+$/, "").trim());
+  for (let s = 0; s < n.length; s += 1) {
+    const r = n[s], p = r.index + r.len, c = n[s + 1], u = c ? c.index : t.length, m = t.slice(p, u).trim(), f = x(m);
+    i.push({
+      type: r.type,
+      title: r.title,
+      items: f.length ? f : [m]
+    });
+  }
+  if (!e && i.length) {
+    const s = a.index;
+    s > 80 && (e = t.slice(0, s).trim());
+  }
+  return !e && i.length === 0 && (e = t), { summary: e, sections: i };
+}
+function o(l) {
+  return l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function $(l) {
+  const t = y(l);
+  if (t.loading)
+    return `<p class="ft-loading">${o(t.summary)}</p>`;
+  const i = [];
+  t.summary && i.push(`<p class="ft-summary">${o(t.summary)}</p>`);
+  for (const e of t.sections) {
+    const n = `ft-section ft-${e.type}`, a = e.items.length > 1 ? `<ul class="ft-list">${e.items.map(
+      (s, r) => `<li><span class="ft-num">${r + 1}</span><span class="ft-item-text">${o(s)}</span></li>`
+    ).join("")}</ul>` : `<p class="ft-paragraph">${o(e.items[0] || "")}</p>`;
+    i.push(
+      `<section class="${n}"><h4 class="ft-section-title">${o(e.title)}</h4>${a}</section>`
+    );
+  }
+  return i.length ? `<div class="formatted-text">${i.join("")}</div>` : `<p class="ft-paragraph">${o(l || "")}</p>`;
+}
+export {
+  $ as formatLlmTextToHtml,
+  y as parseLlmText
+};
+//# sourceMappingURL=parseLlmText.js.map