@glodon-aiot/react-components 3.11.0-snapshot.1765331440 → 3.11.0-snapshot.1765331443

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

@@ -1,236 +1,365 @@
-var x = (a, e, t) => new Promise((w, m) => {
-  var n = (o) => {
+var y = (o, e, r) => new Promise((b, p) => {
+  var C = (c) => {
     try {
-      d(t.next(o));
-    } catch (l) {
-      m(l);
+      u(r.next(c));
+    } catch (v) {
+      p(v);
     }
-  }, h = (o) => {
+  }, s = (c) => {
     try {
-      d(t.throw(o));
-    } catch (l) {
-      m(l);
+      u(r.throw(c));
+    } catch (v) {
+      p(v);
     }
-  }, d = (o) => o.done ? w(o.value) : Promise.resolve(o.value).then(n, h);
-  d((t = t.apply(a, e)).next());
+  }, u = (c) => c.done ? b(c.value) : Promise.resolve(c.value).then(C, s);
+  u((r = r.apply(o, 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 { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useMemo as g, useState as w, useEffect as ie, useCallback as z } from "react";
+import { message as h, Space as ae, Button as se, Dropdown as ce, Spin as le, Alert as de } from "antd";
+import { DownloadOutlined as ue, CopyOutlined as pe } from "@ant-design/icons";
+import { getFileExtension as A, getFileType as me } from "../../utils/file.mjs";
+import { MAX_FILE_SIZE as S } from "./constants.mjs";
+import { usePdfViewer as fe } from "./hooks/usePdfViewer.mjs";
+import { useZipViewer as we } from "./hooks/useZipViewer.mjs";
+import { TextRenderer as P, CodeRenderer as he, XmlRenderer as ve, HtmlRenderer as ye, MarkdownRenderer as xe, JsonlRenderer as be, TsvRenderer as ge, CsvRenderer as Ce, JsonRenderer as ke } from "./components/FileRenderers.mjs";
+import { AudioRenderer as Re, VideoRenderer as Fe, ImageRenderer as Te } from "./components/MediaRenderers.mjs";
+import { PdfRenderer as Ee } from "./components/PdfRenderer.mjs";
+import { ZipRenderer as Ne } from "./components/ZipRenderer.mjs";
+import { ErrorAlert as ze } from "./components/ErrorAlert.mjs";
 import "./style.less.mjs";
-const oe = (a) => {
+const Se = (o) => {
+  if (!o)
+    return "unknown";
+  const e = o.split(";")[0].trim().toLowerCase();
+  return e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e === "application/pdf" ? "pdf" : e === "text/markdown" || e === "text/x-markdown" ? "markdown" : e === "application/json" ? "json" : e === "application/jsonl" ? "jsonl" : e === "text/csv" || e === "application/csv" ? "csv" : e === "text/tab-separated-values" ? "tsv" : e === "application/javascript" || e === "text/javascript" ? "code" : e === "application/xml" || e === "text/xml" ? "xml" : e === "text/html" || e === "application/xhtml+xml" ? "html" : e === "text/plain" ? "text" : "unknown";
+}, Be = (o) => !o || Number.isNaN(o) ? "大小未知" : o < 1024 ? `${o}B` : o < 1024 * 1024 ? `${(o / 1024).toFixed(1)}KB` : o < 1024 * 1024 * 1024 ? `${(o / 1024 / 1024).toFixed(1)}MB` : `${(o / 1024 / 1024 / 1024).toFixed(1)}GB`, Le = (o, e) => {
+  if (e)
+    return e;
+  try {
+    const p = new URL(o).pathname.split("/").filter(Boolean).pop();
+    return decodeURIComponent(p || o);
+  } catch (r) {
+    return o;
+  }
+}, je = (o) => {
   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);
+    fileName: r,
+    className: b,
+    style: p,
+    showToolbar: C = !0
+  } = o, s = g(() => {
+    const a = A(e), n = r ? A(r) : void 0;
+    return me(a || n);
+  }, [e, r]), [u, c] = w(s), {
+    pdfBlobUrl: v,
+    pdfLoading: V,
+    pdfError: W
+  } = fe(s === "pdf" ? e : ""), {
+    zipFiles: H,
+    zipLoading: Z,
+    zipError: _,
+    selectedZipFile: J,
+    zipFileContent: X,
+    handleFileClick: G
+  } = we(s === "zip" ? e : ""), [K, d] = w(!0), [B, m] = w(null), [i, L] = w(null), [l, j] = w(0), [q, M] = w(!1), $ = g(() => Le(e, r), [r, e]), Q = g(() => Be(l), [l]), k = !!(i != null && i.content), Y = !k && !e, ee = g(() => [{
+    key: "copy-content",
+    label: "复制内容",
+    disabled: !k
+  }, {
+    key: "copy-url",
+    label: "复制地址",
+    disabled: !e
+  }], [k, e]);
+  ie(() => {
+    if (c(s), s === "pdf" || s === "zip") {
+      d(!1);
       return;
     }
     if (!e) {
-      f("文件URL不能为空"), c(!1);
+      m("文件URL不能为空"), d(!1);
       return;
     }
-    if (["image", "video", "audio", "office", "unknown"].includes(n)) {
-      c(!1);
+    if (["image", "video", "audio", "office"].includes(s)) {
+      d(!1);
       return;
     }
-    c(!0), f(null), x(void 0, null, function* () {
+    d(!0), m(null), y(void 0, null, function* () {
       try {
-        const z = (yield fetch(e, {
+        if (e.startsWith("blob:") || e.startsWith("data:")) {
+          const f = yield fetch(e);
+          if (!f.ok)
+            throw new Error(`HTTP error! status: ${f.status}`);
+          const O = yield f.blob(), N = O.size;
+          if (j(N), N > S) {
+            m(`文件过大（${Math.round(N / 1024 / 1024)}MB），无法预览。请下载后查看。`), d(!1);
+            return;
+          }
+          const oe = yield O.text();
+          s === "unknown" && c("text"), L({
+            content: oe
+          }), d(!1);
+          return;
+        }
+        const n = 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);
+        }), F = n.headers.get("Content-Length"), ne = n.headers.get("Content-Type"), T = F ? parseInt(F, 10) : 0;
+        if (j(T), s === "unknown") {
+          const f = Se(ne);
+          f !== "unknown" && c(f);
+        }
+        if (T > S) {
+          m(`文件过大（${Math.round(T / 1024 / 1024)}MB），无法预览。请下载后查看。`), d(!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);
+        const E = yield fetch(e);
+        if (!E.ok)
+          throw new Error(`HTTP error! status: ${E.status}`);
+        const D = yield E.text(), I = new Blob([D]).size;
+        if (I > S) {
+          m(`文件过大（${Math.round(I / 1024 / 1024)}MB），无法预览。请下载后查看。`), d(!1);
           return;
         }
-        T({
-          content: E
-        }), c(!1);
-      } catch (u) {
-        f(u.message || "加载文件失败"), c(!1);
+        u === "unknown" && c("text"), L({
+          content: D
+        }), d(!1);
+      } catch (a) {
+        m(a.message || "加载文件失败"), d(!1);
       }
     });
-  }, [e, n]);
-  const $ = () => {
-    if (I)
-      return /* @__PURE__ */ r("div", {
+  }, [e, s]);
+  const R = z(() => y(void 0, null, function* () {
+    var a;
+    if (!(i != null && i.content)) {
+      h.warning("暂无可复制的内容");
+      return;
+    }
+    try {
+      if (M(!0), (a = navigator == null ? void 0 : navigator.clipboard) != null && a.writeText)
+        yield navigator.clipboard.writeText(i.content);
+      else {
+        const n = document.createElement("textarea");
+        n.value = i.content, n.style.position = "fixed", n.style.opacity = "0", document.body.appendChild(n), n.select(), document.execCommand("copy"), document.body.removeChild(n);
+      }
+      h.success("内容已复制到剪贴板");
+    } catch (n) {
+      h.error((n == null ? void 0 : n.message) || "复制失败，请手动复制");
+    } finally {
+      M(!1);
+    }
+  }), [i]), U = z(() => y(void 0, null, function* () {
+    var a;
+    if (!e) {
+      h.warning("暂无可复制的地址");
+      return;
+    }
+    try {
+      if ((a = navigator == null ? void 0 : navigator.clipboard) != null && a.writeText)
+        yield navigator.clipboard.writeText(e);
+      else {
+        const n = document.createElement("textarea");
+        n.value = e, n.style.position = "fixed", n.style.opacity = "0", document.body.appendChild(n), n.select(), document.execCommand("copy"), document.body.removeChild(n);
+      }
+      h.success("链接已复制到剪贴板");
+    } catch (n) {
+      h.error((n == null ? void 0 : n.message) || "复制失败，请手动复制");
+    }
+  }), [e]), te = z((n) => y(void 0, [n], function* ({
+    key: a
+  }) {
+    a === "copy-content" && (yield R()), a === "copy-url" && (yield U());
+  }), [R, U]), re = () => {
+    if (K)
+      return /* @__PURE__ */ t("div", {
         className: "document-viewer-loading",
-        children: /* @__PURE__ */ r(U, {
+        children: /* @__PURE__ */ t(le, {
           size: "large",
           tip: "加载中..."
         })
       });
-    if (R)
-      return /* @__PURE__ */ r(ne, {
+    if (B)
+      return /* @__PURE__ */ t(ze, {
         message: "加载失败",
-        description: R,
+        description: B,
         url: e,
-        fileName: t
+        fileName: r
       });
-    switch (n) {
+    if (u === "unknown" && (i != null && i.content))
+      return /* @__PURE__ */ t(P, {
+        fileContent: i,
+        fileSize: l,
+        url: e,
+        fileName: r
+      });
+    switch (u) {
       case "text":
-        return /* @__PURE__ */ r(Q, {
+        return /* @__PURE__ */ t(P, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "json":
-        return /* @__PURE__ */ r(K, {
+        return /* @__PURE__ */ t(ke, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "csv":
-        return /* @__PURE__ */ r(G, {
+        return /* @__PURE__ */ t(Ce, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "tsv":
-        return /* @__PURE__ */ r(q, {
+        return /* @__PURE__ */ t(ge, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "jsonl":
-        return /* @__PURE__ */ r(X, {
+        return /* @__PURE__ */ t(be, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "markdown":
-        return /* @__PURE__ */ r(O, {
+        return /* @__PURE__ */ t(xe, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "html":
-        return /* @__PURE__ */ r(J, {
+        return /* @__PURE__ */ t(ye, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "xml":
-        return /* @__PURE__ */ r(_, {
+        return /* @__PURE__ */ t(ve, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "code":
-        return /* @__PURE__ */ r(H, {
+        return /* @__PURE__ */ t(he, {
           fileContent: i,
-          fileSize: s,
+          fileSize: l,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "image":
-        return /* @__PURE__ */ r(ee, {
+        return /* @__PURE__ */ t(Te, {
           url: e,
-          fileName: t
+          fileName: r
         });
       case "video":
-        return /* @__PURE__ */ r(Y, {
+        return /* @__PURE__ */ t(Fe, {
           url: e,
-          fileName: t
+          fileName: r
         });
       case "audio":
-        return /* @__PURE__ */ r(W, {
+        return /* @__PURE__ */ t(Re, {
           url: e,
-          fileName: t
+          fileName: r
         });
       case "pdf":
-        return /* @__PURE__ */ r(re, {
-          pdfBlobUrl: h,
-          pdfLoading: d,
-          pdfError: o,
+        return /* @__PURE__ */ t(Ee, {
+          pdfBlobUrl: v,
+          pdfLoading: V,
+          pdfError: W,
           url: e,
-          fileName: t
+          fileName: r
         });
       case "office":
-        return /* @__PURE__ */ r(ie, {
+        return /* @__PURE__ */ t(Me, {
           url: e
         });
       case "zip":
-        return /* @__PURE__ */ r(te, {
-          zipFiles: l,
-          zipLoading: C,
-          zipError: S,
-          selectedZipFile: N,
-          zipFileContent: M,
-          onFileClick: y,
+        return /* @__PURE__ */ t(Ne, {
+          zipFiles: H,
+          zipLoading: Z,
+          zipError: _,
+          selectedZipFile: J,
+          zipFileContent: X,
+          onFileClick: G,
           url: e
         });
       case "unknown":
       default:
-        return /* @__PURE__ */ r(se, {
+        return /* @__PURE__ */ t($e, {
           url: e
         });
     }
   };
-  return /* @__PURE__ */ r("div", {
-    className: `document-viewer ${w || ""}`,
-    style: m,
-    children: $()
+  return /* @__PURE__ */ x("div", {
+    className: `document-viewer ${b || ""}`,
+    style: p,
+    children: [C && /* @__PURE__ */ x("div", {
+      className: "document-viewer-toolbar",
+      children: [/* @__PURE__ */ x("div", {
+        className: "document-viewer-toolbar-meta",
+        children: [/* @__PURE__ */ t("span", {
+          className: "document-viewer-toolbar-name",
+          title: $,
+          children: $
+        }), /* @__PURE__ */ t("span", {
+          className: "document-viewer-toolbar-size",
+          children: Q
+        })]
+      }), /* @__PURE__ */ x(ae, {
+        size: 8,
+        wrap: !0,
+        children: [/* @__PURE__ */ t(se, {
+          icon: /* @__PURE__ */ t(ue, {}),
+          size: "small",
+          href: e,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          download: r || void 0,
+          children: "下载"
+        }), /* @__PURE__ */ t(ce.Button, {
+          size: "small",
+          icon: /* @__PURE__ */ t(pe, {}),
+          menu: {
+            items: ee,
+            onClick: te
+          },
+          disabled: Y,
+          loading: q,
+          onClick: R,
+          children: "复制"
+        })]
+      })]
+    }), /* @__PURE__ */ t("div", {
+      className: "document-viewer-body",
+      children: re()
+    })]
   });
-}, ie = ({
-  url: a
+}, Me = ({
+  url: o
 }) => {
-  const e = `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(a)}`;
-  return /* @__PURE__ */ b("div", {
+  const e = `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(o)}`;
+  return /* @__PURE__ */ x("div", {
     className: "document-viewer-office",
-    children: [/* @__PURE__ */ r("iframe", {
+    children: [/* @__PURE__ */ t("iframe", {
       src: e,
       className: "document-viewer-iframe",
       title: "Office Document Preview"
-    }), /* @__PURE__ */ r("div", {
+    }), /* @__PURE__ */ t("div", {
       className: "document-viewer-fallback",
-      children: /* @__PURE__ */ r(j, {
+      children: /* @__PURE__ */ t(de, {
         message: "预览可能不可用",
-        description: /* @__PURE__ */ r("a", {
-          href: a,
+        description: /* @__PURE__ */ t("a", {
+          href: o,
           target: "_blank",
           rel: "noopener noreferrer",
           children: "点击下载文件"
@@ -240,16 +369,16 @@ const oe = (a) => {
       })
     })]
   });
-}, se = ({
-  url: a
-}) => /* @__PURE__ */ r("div", {
+}, $e = ({
+  url: o
+}) => /* @__PURE__ */ t("div", {
   className: "document-viewer-unknown",
-  children: /* @__PURE__ */ r("iframe", {
-    src: a,
+  children: /* @__PURE__ */ t("iframe", {
+    src: o,
     className: "document-viewer-iframe",
     title: "File Preview"
   })
-}), Ee = oe;
+}), qe = je;
 export {
-  Ee as default
+  qe as default
 };