@glodon-aiot/react-components 3.11.0 → 3.11.1-alpha.1765331460

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

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