@glodon-aiot/react-components 3.9.0-beta.9 → 3.11.0-snapshot.1765331440

package/dist/es/components/DocumentViewer/components/DownloadButton.mjs

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as t } from "antd";
+import { DownloadOutlined as e } from "@ant-design/icons";
+const m = ({
+  url: r,
+  fileName: n
+}) => /* @__PURE__ */ o(t, {
+  type: "link",
+  icon: /* @__PURE__ */ o(e, {}),
+  href: r,
+  download: n,
+  target: "_blank",
+  rel: "noopener noreferrer",
+  children: "下载文件"
+});
+export {
+  m as DownloadButton
+};

package/dist/es/components/DocumentViewer/components/ErrorAlert.mjs

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Alert as i, Button as c } from "antd";
+import { DownloadOutlined as a } from "@ant-design/icons";
+const u = ({
+  message: t,
+  description: e,
+  action: n,
+  url: o,
+  fileName: l
+}) => /* @__PURE__ */ r(i, {
+  message: t,
+  description: e,
+  type: "error",
+  showIcon: !0,
+  action: n || (o ? /* @__PURE__ */ r(c, {
+    type: "link",
+    icon: /* @__PURE__ */ r(a, {}),
+    href: o,
+    download: l,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: "下载文件"
+  }) : null)
+});
+export {
+  u as ErrorAlert
+};

package/dist/es/components/DocumentViewer/components/FileRenderers.mjs

@@ -0,0 +1,476 @@
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { useMemo as B } from "react";
+import { Alert as l, Table as z } from "antd";
+import { Prism as N } from "react-syntax-highlighter";
+import { Markdown as T } from "../../Markdown/index.mjs";
+import { getFileExtension as _ } from "../../../utils/file.mjs";
+import { MAX_DISPLAY_SIZE as $, MAX_DISPLAY_LINES as w, MAX_JSON_SIZE as A, MAX_CSV_SIZE as J, MAX_CSV_ROWS as y, MAX_TSV_SIZE as O, MAX_JSONL_SIZE as X, MAX_JSONL_LINES as L, MAX_MARKDOWN_SIZE as E, MAX_XML_SIZE as k, MAX_HIGHLIGHT_SIZE as b } from "../constants.mjs";
+import { DownloadButton as d } from "./DownloadButton.mjs";
+const R = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  if ((i || new Blob([e.content]).size) > $) {
+    const r = e.content.split(`
+`), m = r.length > w, a = (m ? r.slice(0, w) : r).join(`
+`);
+    return /* @__PURE__ */ v("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: [m && /* @__PURE__ */ n(l, {
+        message: "文件过大",
+        description: `文件包含 ${r.length} 行，仅显示前 ${w} 行。请下载完整文件查看。`,
+        type: "warning",
+        showIcon: !0,
+        style: {
+          marginBottom: 16,
+          flexShrink: 0
+        },
+        action: /* @__PURE__ */ n(d, {
+          url: s,
+          fileName: t
+        })
+      }), /* @__PURE__ */ n("pre", {
+        className: "document-viewer-text",
+        children: a
+      })]
+    });
+  }
+  return /* @__PURE__ */ n("pre", {
+    className: "document-viewer-text",
+    children: e.content
+  });
+}, Y = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  if (c > A)
+    return /* @__PURE__ */ n(l, {
+      message: "JSON文件过大",
+      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      type: "warning",
+      showIcon: !0,
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  try {
+    const r = JSON.parse(e.content);
+    return /* @__PURE__ */ n("pre", {
+      className: "document-viewer-json",
+      children: JSON.stringify(r, null, 2)
+    });
+  } catch (r) {
+    return /* @__PURE__ */ n(l, {
+      message: "JSON解析失败",
+      description: "文件内容不是有效的JSON格式",
+      type: "error",
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  }
+}, F = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  if (c > J)
+    return /* @__PURE__ */ n(l, {
+      message: "CSV文件过大",
+      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      type: "warning",
+      showIcon: !0,
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  try {
+    const r = e.content.split(`
+`).filter((o) => o.trim());
+    if (r.length === 0)
+      return null;
+    const m = r.length > y, u = m ? r.slice(0, y) : r, a = u[0].split(",").map((o) => o.trim()), h = u.slice(1).map((o, x) => {
+      const M = o.split(",").map((g) => g.trim()), S = {
+        key: String(x)
+      };
+      return a.forEach((g, I) => {
+        S[g] = M[I] || "";
+      }), S;
+    }), p = a.map((o) => ({
+      title: o,
+      dataIndex: o,
+      key: o
+    }));
+    return /* @__PURE__ */ v("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: [m && /* @__PURE__ */ n(l, {
+        message: "文件过大",
+        description: `CSV文件包含 ${r.length} 行，仅显示前 ${y} 行。请下载完整文件查看。`,
+        type: "warning",
+        showIcon: !0,
+        style: {
+          marginBottom: 16,
+          flexShrink: 0
+        },
+        action: /* @__PURE__ */ n(d, {
+          url: s,
+          fileName: t
+        })
+      }), /* @__PURE__ */ n("div", {
+        style: {
+          flex: 1,
+          overflow: "auto",
+          minHeight: 0
+        },
+        children: /* @__PURE__ */ n(z, {
+          dataSource: h,
+          columns: p,
+          pagination: !1,
+          scroll: {
+            x: "max-content",
+            y: "100%"
+          },
+          size: "small"
+        })
+      })]
+    });
+  } catch (r) {
+    return /* @__PURE__ */ n(l, {
+      message: "CSV解析失败",
+      description: "文件内容不是有效的CSV格式",
+      type: "error",
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  }
+}, K = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  if (c > O)
+    return /* @__PURE__ */ n(l, {
+      message: "TSV文件过大",
+      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      type: "warning",
+      showIcon: !0,
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  try {
+    const r = e.content.split(`
+`).filter((o) => o.trim());
+    if (r.length === 0)
+      return null;
+    const m = r.length > y, u = m ? r.slice(0, y) : r, a = u[0].split("	").map((o) => o.trim()), h = u.slice(1).map((o, x) => {
+      const M = o.split("	").map((g) => g.trim()), S = {
+        key: String(x)
+      };
+      return a.forEach((g, I) => {
+        S[g] = M[I] || "";
+      }), S;
+    }), p = a.map((o) => ({
+      title: o,
+      dataIndex: o,
+      key: o
+    }));
+    return /* @__PURE__ */ v("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: [m && /* @__PURE__ */ n(l, {
+        message: "文件过大",
+        description: `TSV文件包含 ${r.length} 行，仅显示前 ${y} 行。请下载完整文件查看。`,
+        type: "warning",
+        showIcon: !0,
+        style: {
+          marginBottom: 16,
+          flexShrink: 0
+        },
+        action: /* @__PURE__ */ n(d, {
+          url: s,
+          fileName: t
+        })
+      }), /* @__PURE__ */ n("div", {
+        style: {
+          flex: 1,
+          overflow: "auto",
+          minHeight: 0
+        },
+        children: /* @__PURE__ */ n(z, {
+          dataSource: h,
+          columns: p,
+          pagination: !1,
+          scroll: {
+            x: "max-content",
+            y: "100%"
+          },
+          size: "small"
+        })
+      })]
+    });
+  } catch (r) {
+    return /* @__PURE__ */ n(l, {
+      message: "TSV解析失败",
+      description: "文件内容不是有效的TSV格式",
+      type: "error",
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  }
+}, q = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  if (c > X)
+    return /* @__PURE__ */ n(l, {
+      message: "JSONL文件过大",
+      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      type: "warning",
+      showIcon: !0,
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  try {
+    const r = e.content.split(`
+`).filter((a) => a.trim()), m = r.length > L, u = m ? r.slice(0, L) : r;
+    return /* @__PURE__ */ v("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: [m && /* @__PURE__ */ n(l, {
+        message: "文件过大",
+        description: `JSONL文件包含 ${r.length} 行，仅显示前 ${L} 行。请下载完整文件查看。`,
+        type: "warning",
+        showIcon: !0,
+        style: {
+          marginBottom: 16,
+          flexShrink: 0
+        },
+        action: /* @__PURE__ */ n(d, {
+          url: s,
+          fileName: t
+        })
+      }), /* @__PURE__ */ n("div", {
+        className: "document-viewer-jsonl",
+        children: u.map((a, h) => {
+          try {
+            const p = JSON.parse(a);
+            return /* @__PURE__ */ n("div", {
+              className: "document-viewer-jsonl-item",
+              children: /* @__PURE__ */ n("pre", {
+                children: JSON.stringify(p, null, 2)
+              })
+            }, h);
+          } catch (p) {
+            return /* @__PURE__ */ n("div", {
+              className: "document-viewer-jsonl-item",
+              children: /* @__PURE__ */ n("pre", {
+                children: a
+              })
+            }, h);
+          }
+        })
+      })]
+    });
+  } catch (r) {
+    return /* @__PURE__ */ n(l, {
+      message: "JSONL解析失败",
+      description: "文件内容解析出错",
+      type: "error",
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  }
+}, Q = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  return c > E ? /* @__PURE__ */ n(l, {
+    message: "Markdown文件过大",
+    description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+    type: "warning",
+    showIcon: !0,
+    action: /* @__PURE__ */ n(d, {
+      url: s,
+      fileName: t
+    })
+  }) : /* @__PURE__ */ n("div", {
+    style: {
+      height: "100%",
+      overflow: "auto",
+      padding: "16px"
+    },
+    children: /* @__PURE__ */ n(T, {
+      children: e.content
+    })
+  });
+}, U = ({
+  fileContent: e
+}) => e != null && e.content ? /* @__PURE__ */ n("iframe", {
+  srcDoc: e.content,
+  className: "document-viewer-iframe",
+  title: "HTML Preview",
+  sandbox: "allow-same-origin allow-scripts"
+}) : null, f = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const c = i || new Blob([e.content]).size;
+  if (c > k)
+    return /* @__PURE__ */ n(l, {
+      message: "XML文件过大",
+      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      type: "warning",
+      showIcon: !0,
+      action: /* @__PURE__ */ n(d, {
+        url: s,
+        fileName: t
+      })
+    });
+  try {
+    const r = e.content.replace(/></g, `>
+<`).replace(/^\s+/gm, "");
+    return /* @__PURE__ */ n("pre", {
+      className: "document-viewer-xml",
+      children: r
+    });
+  } catch (r) {
+    return /* @__PURE__ */ n(R, {
+      fileContent: e,
+      fileSize: i,
+      url: s,
+      fileName: t
+    });
+  }
+}, C = ({
+  fileContent: e,
+  fileSize: i,
+  url: s,
+  fileName: t
+}) => {
+  if (!(e != null && e.content))
+    return null;
+  const r = B(() => t ? _(t) : _(s), [t, s]) || "text";
+  if ((i || new Blob([e.content]).size) > b) {
+    const u = e.content.split(`
+`), a = u.length > w, p = (a ? u.slice(0, w) : u).join(`
+`);
+    return /* @__PURE__ */ v("div", {
+      className: "document-viewer-code",
+      children: [a && /* @__PURE__ */ n(l, {
+        message: "文件过大",
+        description: `文件包含 ${u.length} 行，仅显示前 ${w} 行。请下载完整文件查看。`,
+        type: "warning",
+        showIcon: !0,
+        style: {
+          marginBottom: 16,
+          flexShrink: 0
+        },
+        action: /* @__PURE__ */ n(d, {
+          url: s,
+          fileName: t
+        })
+      }), /* @__PURE__ */ n("div", {
+        style: {
+          overflow: "auto",
+          flex: 1
+        },
+        children: /* @__PURE__ */ n("pre", {
+          className: "document-viewer-text",
+          style: {
+            fontSize: "12px"
+          },
+          children: p
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */ n("div", {
+    className: "document-viewer-code",
+    children: /* @__PURE__ */ n("div", {
+      style: {
+        overflow: "auto",
+        flex: 1
+      },
+      children: /* @__PURE__ */ n(N, {
+        language: r,
+        wrapLongLines: !0,
+        showLineNumbers: !0,
+        PreTag: "div",
+        children: e.content
+      })
+    })
+  });
+};
+export {
+  C as CodeRenderer,
+  F as CsvRenderer,
+  U as HtmlRenderer,
+  Y as JsonRenderer,
+  q as JsonlRenderer,
+  Q as MarkdownRenderer,
+  R as TextRenderer,
+  K as TsvRenderer,
+  f as XmlRenderer
+};

package/dist/es/components/DocumentViewer/components/MediaRenderers.mjs

@@ -0,0 +1,41 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Image as i } from "antd";
+const c = ({
+  url: r,
+  fileName: d
+}) => /* @__PURE__ */ e("div", {
+  className: "document-viewer-image",
+  children: /* @__PURE__ */ e(i, {
+    src: r,
+    alt: d || "Image"
+  })
+}), n = ({
+  url: r
+}) => /* @__PURE__ */ e("div", {
+  className: "document-viewer-video",
+  children: /* @__PURE__ */ e("video", {
+    src: r,
+    controls: !0,
+    style: {
+      maxWidth: "100%"
+    },
+    children: "您的浏览器不支持视频播放"
+  })
+}), s = ({
+  url: r
+}) => /* @__PURE__ */ e("div", {
+  className: "document-viewer-audio",
+  children: /* @__PURE__ */ e("audio", {
+    src: r,
+    controls: !0,
+    style: {
+      width: "100%"
+    },
+    children: "您的浏览器不支持音频播放"
+  })
+});
+export {
+  s as AudioRenderer,
+  c as ImageRenderer,
+  n as VideoRenderer
+};

package/dist/es/components/DocumentViewer/components/PdfRenderer.mjs

@@ -0,0 +1,44 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Spin as m, Alert as n } from "antd";
+import { DownloadButton as s } from "./DownloadButton.mjs";
+const u = ({
+  pdfBlobUrl: r,
+  pdfLoading: c,
+  pdfError: i,
+  url: t,
+  fileName: o
+}) => c ? /* @__PURE__ */ e("div", {
+  className: "document-viewer-loading",
+  children: /* @__PURE__ */ e(m, {
+    size: "large",
+    tip: "加载 PDF 中..."
+  })
+}) : i ? /* @__PURE__ */ e(n, {
+  message: "PDF 加载失败",
+  description: i,
+  type: "error",
+  showIcon: !0,
+  action: /* @__PURE__ */ e(s, {
+    url: t,
+    fileName: o
+  })
+}) : r ? /* @__PURE__ */ e("div", {
+  className: "document-viewer-pdf",
+  children: /* @__PURE__ */ e("iframe", {
+    src: r,
+    className: "document-viewer-iframe",
+    title: "PDF Preview"
+  })
+}) : /* @__PURE__ */ e(n, {
+  message: "PDF 加载失败",
+  description: "无法创建 PDF 预览",
+  type: "error",
+  showIcon: !0,
+  action: /* @__PURE__ */ e(s, {
+    url: t,
+    fileName: o
+  })
+});
+export {
+  u as PdfRenderer
+};