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

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

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