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

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

@@ -285,6 +285,7 @@ const R = ({
         display: "flex",
         flexDirection: "column",
         height: "100%",
+        width: "100%",
         overflow: "hidden"
       },
       children: [m && /* @__PURE__ */ n(d, {

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

@@ -1,12 +1,13 @@
 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 = ({
+const f = ({
   pdfBlobUrl: r,
   pdfLoading: c,
   pdfError: i,
   url: t,
-  fileName: o
+  fileName: o,
+  page: a = 1
 }) => c ? /* @__PURE__ */ e("div", {
   className: "document-viewer-loading",
   children: /* @__PURE__ */ e(m, {
@@ -25,7 +26,7 @@ const u = ({
 }) : r ? /* @__PURE__ */ e("div", {
   className: "document-viewer-pdf",
   children: /* @__PURE__ */ e("iframe", {
-    src: r,
+    src: `${r}#page=${a}`,
     className: "document-viewer-iframe",
     title: "PDF Preview"
   })
@@ -40,5 +41,5 @@ const u = ({
   })
 });
 export {
-  u as PdfRenderer
+  f as PdfRenderer
 };

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

@@ -3,11 +3,11 @@ import { Spin as m, Alert as d, Table as f } from "antd";
 import h from "../index.mjs";
 import { formatFileSize as p } from "../utils.mjs";
 const v = ({
-  zipFiles: i,
+  zipFiles: t,
   zipLoading: a,
-  zipError: t,
-  selectedZipFile: o,
-  zipFileContent: n,
+  zipError: i,
+  selectedZipFile: n,
+  zipFileContent: o,
   onFileClick: s,
   url: c
 }) => a ? /* @__PURE__ */ e("div", {
@@ -16,10 +16,10 @@ const v = ({
     size: "large",
     tip: "加载 ZIP 文件..."
   })
-}) : t && i.length === 0 ? /* @__PURE__ */ e(d, {
+}) : i && t.length === 0 ? /* @__PURE__ */ e(d, {
   className: "document-viewer-alert-full",
   message: "ZIP 加载失败",
-  description: t,
+  description: i,
   type: "error",
   showIcon: !0,
   action: /* @__PURE__ */ e("a", {
@@ -30,10 +30,10 @@ const v = ({
   })
 }) : /* @__PURE__ */ r("div", {
   className: "document-viewer-zip",
-  children: [t && i.length > 0 && /* @__PURE__ */ e(d, {
+  children: [i && t.length > 0 && /* @__PURE__ */ e(d, {
     className: "document-viewer-alert-full",
     message: "提示",
-    description: t,
+    description: i,
     type: "warning",
     showIcon: !0,
     style: {
@@ -60,7 +60,7 @@ const v = ({
           borderBottom: "1px solid #e8e8e8",
           flexShrink: 0
         },
-        children: ["文件列表 (", i.length, ")"]
+        children: ["文件列表 (", t.length, ")"]
       }), /* @__PURE__ */ e("div", {
         style: {
           flex: 1,
@@ -68,7 +68,7 @@ const v = ({
           minHeight: 0
         },
         children: /* @__PURE__ */ e(f, {
-          dataSource: i,
+          dataSource: t,
           size: "small",
           pagination: !1,
           scroll: {
@@ -78,7 +78,7 @@ const v = ({
             onClick: () => s(l.name),
             style: {
               cursor: "pointer",
-              backgroundColor: o === l.name ? "#e6f7ff" : "transparent"
+              backgroundColor: n === l.name ? "#e6f7ff" : "transparent"
             }
           }),
           columns: [{
@@ -106,7 +106,7 @@ const v = ({
         display: "flex",
         flexDirection: "column"
       },
-      children: o && n ? /* @__PURE__ */ r("div", {
+      children: n && o ? /* @__PURE__ */ r("div", {
         style: {
           display: "flex",
           flexDirection: "column",
@@ -119,7 +119,7 @@ const v = ({
             fontWeight: "bold",
             flexShrink: 0
           },
-          children: n.name
+          children: o.name
         }), /* @__PURE__ */ e("div", {
           style: {
             flex: 1,
@@ -127,8 +127,13 @@ const v = ({
             padding: "16px"
           },
           children: /* @__PURE__ */ e(h, {
-            url: n.blobUrl,
-            fileName: n.name
+            url: o.blobUrl,
+            fileName: o.name,
+            showToolbar: !1,
+            style: {
+              height: "100%",
+              width: "100%"
+            }
           })
         })]
       }) : /* @__PURE__ */ e("div", {

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

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