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

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

@@ -0,0 +1,147 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Spin as f, Alert as d, Table as m } from "antd";
+import h from "../index.mjs";
+import { formatFileSize as p } from "../utils.mjs";
+const v = ({
+  zipFiles: r,
+  zipLoading: a,
+  zipError: t,
+  selectedZipFile: o,
+  zipFileContent: n,
+  onFileClick: s,
+  url: c
+}) => a ? /* @__PURE__ */ e("div", {
+  className: "document-viewer-loading",
+  children: /* @__PURE__ */ e(f, {
+    size: "large",
+    tip: "加载 ZIP 文件..."
+  })
+}) : t && r.length === 0 ? /* @__PURE__ */ e(d, {
+  message: "ZIP 加载失败",
+  description: t,
+  type: "error",
+  showIcon: !0,
+  action: /* @__PURE__ */ e("a", {
+    href: c,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: "下载文件"
+  })
+}) : /* @__PURE__ */ i("div", {
+  className: "document-viewer-zip",
+  children: [t && r.length > 0 && /* @__PURE__ */ e(d, {
+    message: "提示",
+    description: t,
+    type: "warning",
+    showIcon: !0,
+    style: {
+      marginBottom: 16
+    }
+  }), /* @__PURE__ */ i("div", {
+    style: {
+      display: "flex",
+      height: "100%",
+      gap: "16px"
+    },
+    children: [/* @__PURE__ */ i("div", {
+      style: {
+        width: "300px",
+        borderRight: "1px solid #e8e8e8",
+        overflow: "auto",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [/* @__PURE__ */ i("div", {
+        style: {
+          padding: "12px",
+          fontWeight: "bold",
+          borderBottom: "1px solid #e8e8e8",
+          flexShrink: 0
+        },
+        children: ["文件列表 (", r.length, ")"]
+      }), /* @__PURE__ */ e("div", {
+        style: {
+          flex: 1,
+          overflow: "auto",
+          minHeight: 0
+        },
+        children: /* @__PURE__ */ e(m, {
+          dataSource: r,
+          size: "small",
+          pagination: !1,
+          scroll: {
+            y: "100%"
+          },
+          onRow: (l) => ({
+            onClick: () => s(l.name),
+            style: {
+              cursor: "pointer",
+              backgroundColor: o === l.name ? "#e6f7ff" : "transparent"
+            }
+          }),
+          columns: [{
+            title: "文件名",
+            dataIndex: "name",
+            key: "name",
+            ellipsis: !0,
+            render: (l) => /* @__PURE__ */ e("span", {
+              title: l,
+              children: l.split("/").pop()
+            })
+          }, {
+            title: "大小",
+            dataIndex: "size",
+            key: "size",
+            width: 80,
+            render: (l) => p(l)
+          }]
+        })
+      })]
+    }), /* @__PURE__ */ e("div", {
+      style: {
+        flex: 1,
+        overflow: "auto",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: o && n ? /* @__PURE__ */ i("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          height: "100%"
+        },
+        children: [/* @__PURE__ */ e("div", {
+          style: {
+            padding: "12px",
+            borderBottom: "1px solid #e8e8e8",
+            fontWeight: "bold",
+            flexShrink: 0
+          },
+          children: n.name
+        }), /* @__PURE__ */ e("div", {
+          style: {
+            flex: 1,
+            overflow: "auto",
+            padding: "16px"
+          },
+          children: /* @__PURE__ */ e(h, {
+            url: n.blobUrl,
+            fileName: n.name
+          })
+        })]
+      }) : /* @__PURE__ */ e("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          color: "#999"
+        },
+        children: "请从左侧列表中选择文件进行预览"
+      })
+    })]
+  })]
+});
+export {
+  v as ZipRenderer
+};

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

@@ -0,0 +1,21 @@
+const _ = 5242880, I = 2097152, S = 2097152, o = 5242880, t = 5242880, E = 2097152, s = 2097152, n = 2097152, A = 2097152, c = 104857600, M = 104857600, X = 1e4, Z = 1e4, L = 5e3, e = 1e3, N = 5242880, P = 3e4, F = ["text", "json", "csv", "tsv", "markdown", "html", "xml", "jsonl", "image", "pdf", "code"];
+export {
+  Z as MAX_CSV_ROWS,
+  o as MAX_CSV_SIZE,
+  X as MAX_DISPLAY_LINES,
+  I as MAX_DISPLAY_SIZE,
+  c as MAX_FALLBACK_SIZE,
+  _ as MAX_FILE_SIZE,
+  A as MAX_HIGHLIGHT_SIZE,
+  L as MAX_JSONL_LINES,
+  E as MAX_JSONL_SIZE,
+  S as MAX_JSON_SIZE,
+  s as MAX_MARKDOWN_SIZE,
+  t as MAX_TSV_SIZE,
+  n as MAX_XML_SIZE,
+  e as MAX_ZIP_FILES,
+  M as MAX_ZIP_FILE_SIZE,
+  F as SAFE_FILE_TYPES,
+  N as ZIP_CHUNK_SIZE,
+  P as ZIP_ENTRIES_TIMEOUT
+};

package/dist/es/components/DocumentViewer/hooks/usePdfViewer.mjs

@@ -0,0 +1,31 @@
+import { useState as f, useRef as d, useEffect as i } from "react";
+const L = (t) => {
+  const [l, u] = f(null), [s, n] = f(!0), [a, o] = f(null), r = d(null);
+  return i(() => {
+    if (!t) {
+      o("文件URL不能为空"), n(!1);
+      return;
+    }
+    return r.current && (URL.revokeObjectURL(r.current), r.current = null, u(null)), n(!0), o(null), fetch(t).then((e) => {
+      if (!e.ok)
+        throw new Error(`HTTP error! status: ${e.status}`);
+      return e.blob();
+    }).then((e) => {
+      if (e.type && e.type !== "application/pdf" && !t.toLowerCase().endsWith(".pdf"))
+        throw new Error("文件不是有效的 PDF 格式");
+      const c = URL.createObjectURL(e);
+      r.current = c, u(c), n(!1);
+    }).catch((e) => {
+      o(e.message || "加载 PDF 失败"), n(!1);
+    }), () => {
+      r.current && (URL.revokeObjectURL(r.current), r.current = null);
+    };
+  }, [t]), {
+    pdfBlobUrl: l,
+    pdfLoading: s,
+    pdfError: a
+  };
+};
+export {
+  L as usePdfViewer
+};

package/dist/es/components/DocumentViewer/hooks/useZipViewer.mjs

@@ -0,0 +1,151 @@
+var U = (c, R, f) => new Promise((Z, u) => {
+  var I = (w) => {
+    try {
+      d(f.next(w));
+    } catch (r) {
+      u(r);
+    }
+  }, p = (w) => {
+    try {
+      d(f.throw(w));
+    } catch (r) {
+      u(r);
+    }
+  }, d = (w) => w.done ? Z(w.value) : Promise.resolve(w.value).then(I, p);
+  d((f = f.apply(c, R)).next());
+});
+import { useState as h, useEffect as L, useCallback as F } from "react";
+import { configure as M, BlobReader as T, ZipReader as S, HttpRangeReader as k, BlobWriter as H } from "@zip.js/zip.js";
+import { ZIP_CHUNK_SIZE as A, MAX_FALLBACK_SIZE as y, MAX_ZIP_FILES as m, ZIP_ENTRIES_TIMEOUT as B, MAX_ZIP_FILE_SIZE as C, SAFE_FILE_TYPES as O } from "../constants.mjs";
+import { checkRangeSupport as j, getFileSize as D } from "../utils.mjs";
+import { getFileExtension as v, getFileType as x } from "../../../utils/file.mjs";
+const J = (c) => {
+  const [R, f] = h([]), [Z, u] = h(!0), [I, p] = h(null), [d, w] = h(null), [r, P] = h(null);
+  L(() => {
+    if (!c) {
+      p("文件URL不能为空"), u(!1);
+      return;
+    }
+    u(!0), p(null), f([]), w(null), r != null && r.blobUrl && (URL.revokeObjectURL(r.blobUrl), P(null));
+    let e = null;
+    U(void 0, null, function* () {
+      try {
+        M({
+          chunkSize: A,
+          useWebWorkers: !1
+        });
+        const {
+          supportsRange: n,
+          fileSize: t
+        } = yield j(c);
+        if (n) {
+          const o = new k(c);
+          e = new S(o);
+          const b = (yield Promise.race([e.getEntries(), new Promise((i, a) => setTimeout(() => a(new Error("读取 ZIP 目录结构超时")), B))])).filter((i) => !i.directory).map((i) => ({
+            name: i.filename,
+            size: i.uncompressedSize || 0,
+            isDirectory: !1
+          }));
+          b.sort((i, a) => i.name.localeCompare(a.name)), b.length > m ? (p(`ZIP 文件包含 ${b.length} 个文件，仅显示前 ${m} 个`), f(b.slice(0, m))) : f(b);
+        } else {
+          if (t > y)
+            throw new Error(`服务器不支持 HTTP Range 请求，且文件过大（${Math.round(t / 1024 / 1024)}MB），无法预览。请下载后查看。`);
+          const o = yield fetch(c);
+          if (!o.ok)
+            throw new Error(`HTTP error! status: ${o.status}`);
+          const g = yield o.blob(), b = new T(g);
+          e = new S(b);
+          const a = (yield e.getEntries()).filter((s) => !s.directory).map((s) => ({
+            name: s.filename,
+            size: s.uncompressedSize || 0,
+            isDirectory: !1
+          }));
+          a.sort((s, l) => s.name.localeCompare(l.name)), a.length > m ? (p(`ZIP 文件包含 ${a.length} 个文件，仅显示前 ${m} 个`), f(a.slice(0, m))) : f(a);
+        }
+        e && (yield e.close()), u(!1);
+      } catch (n) {
+        if (e)
+          try {
+            yield e.close();
+          } catch (o) {
+          }
+        const t = n.message || n.toString() || "加载 ZIP 文件失败";
+        if (t.includes("Range") || t.includes("range") || t.includes("HTTP Range not supported") || t.includes("超时"))
+          try {
+            const o = yield D(c);
+            if (o > y)
+              throw new Error(`文件过大（${Math.round(o / 1024 / 1024)}MB），无法通过 Range 请求加载，且文件过大无法下载整个文件预览。请下载后查看。`);
+            const g = yield fetch(c);
+            if (!g.ok)
+              throw new Error(`HTTP error! status: ${g.status}`);
+            const b = yield g.blob(), i = new T(b);
+            e = new S(i);
+            const s = (yield e.getEntries()).filter((l) => !l.directory).map((l) => ({
+              name: l.filename,
+              size: l.uncompressedSize || 0,
+              isDirectory: !1
+            }));
+            s.sort((l, E) => l.name.localeCompare(E.name)), s.length > m ? (p(`ZIP 文件包含 ${s.length} 个文件，仅显示前 ${m} 个`), f(s.slice(0, m))) : f(s), e && (yield e.close()), u(!1);
+            return;
+          } catch (o) {
+            const g = o.message || o.toString();
+            p(`ZIP 文件加载失败: ${t}。Fallback 方案也失败: ${g}`);
+          }
+        else
+          p(t);
+        u(!1);
+      }
+    });
+  }, [c]);
+  const z = F((e) => U(void 0, null, function* () {
+    if (d === e && r) {
+      w(null), r.blobUrl && URL.revokeObjectURL(r.blobUrl), P(null);
+      return;
+    }
+    w(e);
+    try {
+      let n = null, t;
+      try {
+        const s = new k(c);
+        n = new S(s), t = (yield n.getEntries()).find((E) => E.filename === e);
+      } catch (s) {
+        const l = yield fetch(c);
+        if (!l.ok)
+          throw new Error(`HTTP error! status: ${l.status}`);
+        const E = yield l.blob(), _ = new T(E);
+        n = new S(_), t = (yield n.getEntries()).find(($) => $.filename === e);
+      }
+      if (!t)
+        throw new Error("文件不存在");
+      if (t.directory)
+        throw new Error("无法预览目录");
+      if ((t.uncompressedSize || 0) > C)
+        throw new Error("文件过大（超过 100MB），无法预览");
+      const g = yield t.getData(new H()), b = URL.createObjectURL(g), i = v(e), a = x(i);
+      if (!O.includes(a))
+        throw new Error(`不支持预览 ${i || "未知"} 格式的文件`);
+      P({
+        name: e,
+        blobUrl: b,
+        type: a
+      }), n && (yield n.close());
+    } catch (n) {
+      const t = n.message || n.toString() || "预览文件失败";
+      p(t);
+    }
+  }), [c, d, r]);
+  return L(() => () => {
+    r != null && r.blobUrl && URL.revokeObjectURL(r.blobUrl);
+  }, [r]), {
+    zipFiles: R,
+    zipLoading: Z,
+    zipError: I,
+    selectedZipFile: d,
+    zipFileContent: r,
+    handleFileClick: z,
+    setSelectedZipFile: w
+  };
+};
+export {
+  J as useZipViewer
+};

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

@@ -0,0 +1,255 @@
+var x = (a, e, t) => new Promise((w, m) => {
+  var n = (o) => {
+    try {
+      d(t.next(o));
+    } catch (l) {
+      m(l);
+    }
+  }, h = (o) => {
+    try {
+      d(t.throw(o));
+    } catch (l) {
+      m(l);
+    }
+  }, d = (o) => o.done ? w(o.value) : Promise.resolve(o.value).then(n, h);
+  d((t = t.apply(a, e)).next());
+});
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { useMemo as A, useState as p, useEffect as P } from "react";
+import { Spin as U, Alert as j } from "antd";
+import { getFileExtension as F, getFileType as B } from "../../utils/file.mjs";
+import { MAX_FILE_SIZE as L } from "./constants.mjs";
+import { usePdfViewer as D } from "./hooks/usePdfViewer.mjs";
+import { useZipViewer as Z } from "./hooks/useZipViewer.mjs";
+import { CodeRenderer as H, XmlRenderer as _, HtmlRenderer as J, MarkdownRenderer as O, JsonlRenderer as X, TsvRenderer as q, CsvRenderer as G, JsonRenderer as K, TextRenderer as Q } from "./components/FileRenderers.mjs";
+import { AudioRenderer as W, VideoRenderer as Y, ImageRenderer as ee } from "./components/MediaRenderers.mjs";
+import { PdfRenderer as re } from "./components/PdfRenderer.mjs";
+import { ZipRenderer as te } from "./components/ZipRenderer.mjs";
+import { ErrorAlert as ne } from "./components/ErrorAlert.mjs";
+import "./style.less.mjs";
+const oe = (a) => {
+  const {
+    url: e,
+    fileName: t,
+    className: w,
+    style: m
+  } = a, n = A(() => {
+    const u = t ? F(t) : F(e);
+    return B(u);
+  }, [e, t]), {
+    pdfBlobUrl: h,
+    pdfLoading: d,
+    pdfError: o
+  } = D(n === "pdf" ? e : ""), {
+    zipFiles: l,
+    zipLoading: C,
+    zipError: S,
+    selectedZipFile: N,
+    zipFileContent: M,
+    handleFileClick: y
+  } = Z(n === "zip" ? e : ""), [I, c] = p(!0), [R, f] = p(null), [i, T] = p(null), [s, V] = p(0);
+  P(() => {
+    if (n === "pdf" || n === "zip") {
+      c(!1);
+      return;
+    }
+    if (!e) {
+      f("文件URL不能为空"), c(!1);
+      return;
+    }
+    if (["image", "video", "audio", "office", "unknown"].includes(n)) {
+      c(!1);
+      return;
+    }
+    c(!0), f(null), x(void 0, null, function* () {
+      try {
+        const z = (yield fetch(e, {
+          method: "HEAD"
+        })).headers.get("Content-Length"), g = z ? parseInt(z, 10) : 0;
+        if (V(g), g > L) {
+          f(`文件过大（${Math.round(g / 1024 / 1024)}MB），无法预览。请下载后查看。`), c(!1);
+          return;
+        }
+        const v = yield fetch(e);
+        if (!v.ok)
+          throw new Error(`HTTP error! status: ${v.status}`);
+        const E = yield v.text(), k = new Blob([E]).size;
+        if (k > L) {
+          f(`文件过大（${Math.round(k / 1024 / 1024)}MB），无法预览。请下载后查看。`), c(!1);
+          return;
+        }
+        T({
+          content: E
+        }), c(!1);
+      } catch (u) {
+        f(u.message || "加载文件失败"), c(!1);
+      }
+    });
+  }, [e, n]);
+  const $ = () => {
+    if (I)
+      return /* @__PURE__ */ r("div", {
+        className: "document-viewer-loading",
+        children: /* @__PURE__ */ r(U, {
+          size: "large",
+          tip: "加载中..."
+        })
+      });
+    if (R)
+      return /* @__PURE__ */ r(ne, {
+        message: "加载失败",
+        description: R,
+        url: e,
+        fileName: t
+      });
+    switch (n) {
+      case "text":
+        return /* @__PURE__ */ r(Q, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "json":
+        return /* @__PURE__ */ r(K, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "csv":
+        return /* @__PURE__ */ r(G, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "tsv":
+        return /* @__PURE__ */ r(q, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "jsonl":
+        return /* @__PURE__ */ r(X, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "markdown":
+        return /* @__PURE__ */ r(O, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "html":
+        return /* @__PURE__ */ r(J, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "xml":
+        return /* @__PURE__ */ r(_, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "code":
+        return /* @__PURE__ */ r(H, {
+          fileContent: i,
+          fileSize: s,
+          url: e,
+          fileName: t
+        });
+      case "image":
+        return /* @__PURE__ */ r(ee, {
+          url: e,
+          fileName: t
+        });
+      case "video":
+        return /* @__PURE__ */ r(Y, {
+          url: e,
+          fileName: t
+        });
+      case "audio":
+        return /* @__PURE__ */ r(W, {
+          url: e,
+          fileName: t
+        });
+      case "pdf":
+        return /* @__PURE__ */ r(re, {
+          pdfBlobUrl: h,
+          pdfLoading: d,
+          pdfError: o,
+          url: e,
+          fileName: t
+        });
+      case "office":
+        return /* @__PURE__ */ r(ie, {
+          url: e
+        });
+      case "zip":
+        return /* @__PURE__ */ r(te, {
+          zipFiles: l,
+          zipLoading: C,
+          zipError: S,
+          selectedZipFile: N,
+          zipFileContent: M,
+          onFileClick: y,
+          url: e
+        });
+      case "unknown":
+      default:
+        return /* @__PURE__ */ r(se, {
+          url: e
+        });
+    }
+  };
+  return /* @__PURE__ */ r("div", {
+    className: `document-viewer ${w || ""}`,
+    style: m,
+    children: $()
+  });
+}, ie = ({
+  url: a
+}) => {
+  const e = `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(a)}`;
+  return /* @__PURE__ */ b("div", {
+    className: "document-viewer-office",
+    children: [/* @__PURE__ */ r("iframe", {
+      src: e,
+      className: "document-viewer-iframe",
+      title: "Office Document Preview"
+    }), /* @__PURE__ */ r("div", {
+      className: "document-viewer-fallback",
+      children: /* @__PURE__ */ r(j, {
+        message: "预览可能不可用",
+        description: /* @__PURE__ */ r("a", {
+          href: a,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "点击下载文件"
+        }),
+        type: "info",
+        showIcon: !0
+      })
+    })]
+  });
+}, se = ({
+  url: a
+}) => /* @__PURE__ */ r("div", {
+  className: "document-viewer-unknown",
+  children: /* @__PURE__ */ r("iframe", {
+    src: a,
+    className: "document-viewer-iframe",
+    title: "File Preview"
+  })
+}), Ee = oe;
+export {
+  Ee as default
+};

package/dist/es/components/DocumentViewer/style.less.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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

@@ -0,0 +1,60 @@
+var i = (s, n, e) => new Promise((t, c) => {
+  var o = (a) => {
+    try {
+      r(e.next(a));
+    } catch (g) {
+      c(g);
+    }
+  }, h = (a) => {
+    try {
+      r(e.throw(a));
+    } catch (g) {
+      c(g);
+    }
+  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(o, h);
+  r((e = e.apply(s, n)).next());
+});
+const p = (s) => {
+  if (s === 0)
+    return "0 B";
+  const n = 1024, e = ["B", "KB", "MB", "GB"], t = Math.floor(Math.log(s) / Math.log(n));
+  return Math.round(s / Math.pow(n, t) * 100) / 100 + " " + e[t];
+}, d = (s) => i(void 0, null, function* () {
+  let n = !1, e = 0;
+  try {
+    const t = yield fetch(s, {
+      method: "HEAD",
+      headers: {
+        Range: "bytes=0-0"
+      }
+    }), c = t.headers.get("Accept-Ranges"), o = t.headers.get("Content-Range"), h = t.headers.get("Content-Length");
+    if (o) {
+      const r = o.match(/bytes \d+-\d+\/(\d+)/);
+      r && (e = parseInt(r[1], 10));
+    } else
+      h && (e = parseInt(h, 10));
+    return n = t.status === 206 || c === "bytes" || o !== null && o.startsWith("bytes"), {
+      supportsRange: n,
+      fileSize: e
+    };
+  } catch (t) {
+    return console.warn("Range 支持检测失败:", t), {
+      supportsRange: !1,
+      fileSize: 0
+    };
+  }
+}), f = (s) => i(void 0, null, function* () {
+  try {
+    const e = (yield fetch(s, {
+      method: "HEAD"
+    })).headers.get("Content-Length");
+    return e ? parseInt(e, 10) : 0;
+  } catch (n) {
+    return console.warn("无法获取文件大小:", n), 0;
+  }
+});
+export {
+  d as checkRangeSupport,
+  p as formatFileSize,
+  f as getFileSize
+};