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

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

@@ -1,20 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Alert as i, Button as c } from "antd";
-import { DownloadOutlined as a } from "@ant-design/icons";
-const u = ({
-  message: t,
-  description: e,
+import { Alert as i, Button as a } from "antd";
+import { DownloadOutlined as c } from "@ant-design/icons";
+const p = ({
+  message: e,
+  description: t,
   action: n,
   url: o,
   fileName: l
 }) => /* @__PURE__ */ r(i, {
-  message: t,
-  description: e,
+  className: "document-viewer-alert-full",
+  message: e,
+  description: t,
   type: "error",
   showIcon: !0,
-  action: n || (o ? /* @__PURE__ */ r(c, {
+  action: n || (o ? /* @__PURE__ */ r(a, {
     type: "link",
-    icon: /* @__PURE__ */ r(a, {}),
+    icon: /* @__PURE__ */ r(c, {}),
     href: o,
     download: l,
     target: "_blank",
@@ -23,5 +24,5 @@ const u = ({
   }) : null)
 });
 export {
-  u as ErrorAlert
+  p as ErrorAlert
 };

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

@@ -1,11 +1,11 @@
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { useMemo as B } from "react";
-import { Alert as l, Table as z } from "antd";
-import { Prism as N } from "react-syntax-highlighter";
-import { Markdown as T } from "../../Markdown/index.mjs";
-import { getFileExtension as _ } from "../../../utils/file.mjs";
-import { MAX_DISPLAY_SIZE as $, MAX_DISPLAY_LINES as w, MAX_JSON_SIZE as A, MAX_CSV_SIZE as J, MAX_CSV_ROWS as y, MAX_TSV_SIZE as O, MAX_JSONL_SIZE as X, MAX_JSONL_LINES as L, MAX_MARKDOWN_SIZE as E, MAX_XML_SIZE as k, MAX_HIGHLIGHT_SIZE as b } from "../constants.mjs";
-import { DownloadButton as d } from "./DownloadButton.mjs";
+import { Alert as d, Table as _ } from "antd";
+import { Prism as b } from "react-syntax-highlighter";
+import { Markdown as N } from "../../Markdown/index.mjs";
+import { getFileExtension as z } from "../../../utils/file.mjs";
+import { MAX_DISPLAY_SIZE as T, MAX_DISPLAY_LINES as w, MAX_JSON_SIZE as $, MAX_CSV_SIZE as A, MAX_CSV_ROWS as S, MAX_TSV_SIZE as J, MAX_JSONL_SIZE as O, MAX_JSONL_LINES as L, MAX_MARKDOWN_SIZE as X, MAX_XML_SIZE as E, MAX_HIGHLIGHT_SIZE as k } from "../constants.mjs";
+import { DownloadButton as l } from "./DownloadButton.mjs";
 const R = ({
   fileContent: e,
   fileSize: i,
@@ -14,18 +14,18 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  if ((i || new Blob([e.content]).size) > $) {
+  if ((i || new Blob([e.content]).size) > T) {
     const r = e.content.split(`
 `), m = r.length > w, a = (m ? r.slice(0, w) : r).join(`
 `);
-    return /* @__PURE__ */ v("div", {
+    return /* @__PURE__ */ x("div", {
       style: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
         overflow: "hidden"
       },
-      children: [m && /* @__PURE__ */ n(l, {
+      children: [m && /* @__PURE__ */ n(d, {
         message: "文件过大",
         description: `文件包含 ${r.length} 行，仅显示前 ${w} 行。请下载完整文件查看。`,
         type: "warning",
@@ -34,7 +34,7 @@ const R = ({
           marginBottom: 16,
           flexShrink: 0
         },
-        action: /* @__PURE__ */ n(d, {
+        action: /* @__PURE__ */ n(l, {
           url: s,
           fileName: t
         })
@@ -56,14 +56,14 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  if (c > A)
-    return /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  if (o > $)
+    return /* @__PURE__ */ n(d, {
       message: "JSON文件过大",
-      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
       type: "warning",
       showIcon: !0,
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -75,11 +75,11 @@ const R = ({
       children: JSON.stringify(r, null, 2)
     });
   } catch (r) {
-    return /* @__PURE__ */ n(l, {
+    return /* @__PURE__ */ n(d, {
       message: "JSON解析失败",
       description: "文件内容不是有效的JSON格式",
       type: "error",
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -93,52 +93,52 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  if (c > J)
-    return /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  if (o > A)
+    return /* @__PURE__ */ n(d, {
       message: "CSV文件过大",
-      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
       type: "warning",
       showIcon: !0,
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
     });
   try {
     const r = e.content.split(`
-`).filter((o) => o.trim());
+`).filter((c) => c.trim());
     if (r.length === 0)
       return null;
-    const m = r.length > y, u = m ? r.slice(0, y) : r, a = u[0].split(",").map((o) => o.trim()), h = u.slice(1).map((o, x) => {
-      const M = o.split(",").map((g) => g.trim()), S = {
-        key: String(x)
+    const m = r.length > S, u = m ? r.slice(0, S) : r, a = u[0].split(",").map((c) => c.trim()), p = u.slice(1).map((c, v) => {
+      const M = c.split(",").map((g) => g.trim()), y = {
+        key: String(v)
       };
       return a.forEach((g, I) => {
-        S[g] = M[I] || "";
-      }), S;
-    }), p = a.map((o) => ({
-      title: o,
-      dataIndex: o,
-      key: o
+        y[g] = M[I] || "";
+      }), y;
+    }), h = a.map((c) => ({
+      title: c,
+      dataIndex: c,
+      key: c
     }));
-    return /* @__PURE__ */ v("div", {
+    return /* @__PURE__ */ x("div", {
       style: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
         overflow: "hidden"
       },
-      children: [m && /* @__PURE__ */ n(l, {
+      children: [m && /* @__PURE__ */ n(d, {
         message: "文件过大",
-        description: `CSV文件包含 ${r.length} 行，仅显示前 ${y} 行。请下载完整文件查看。`,
+        description: `CSV文件包含 ${r.length} 行，仅显示前 ${S} 行。请下载完整文件查看。`,
         type: "warning",
         showIcon: !0,
         style: {
           marginBottom: 16,
           flexShrink: 0
         },
-        action: /* @__PURE__ */ n(d, {
+        action: /* @__PURE__ */ n(l, {
           url: s,
           fileName: t
         })
@@ -148,9 +148,9 @@ const R = ({
           overflow: "auto",
           minHeight: 0
         },
-        children: /* @__PURE__ */ n(z, {
-          dataSource: h,
-          columns: p,
+        children: /* @__PURE__ */ n(_, {
+          dataSource: p,
+          columns: h,
           pagination: !1,
           scroll: {
             x: "max-content",
@@ -161,11 +161,11 @@ const R = ({
       })]
     });
   } catch (r) {
-    return /* @__PURE__ */ n(l, {
+    return /* @__PURE__ */ n(d, {
       message: "CSV解析失败",
       description: "文件内容不是有效的CSV格式",
       type: "error",
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -179,52 +179,52 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  if (c > O)
-    return /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  if (o > J)
+    return /* @__PURE__ */ n(d, {
       message: "TSV文件过大",
-      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
       type: "warning",
       showIcon: !0,
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
     });
   try {
     const r = e.content.split(`
-`).filter((o) => o.trim());
+`).filter((c) => c.trim());
     if (r.length === 0)
       return null;
-    const m = r.length > y, u = m ? r.slice(0, y) : r, a = u[0].split("	").map((o) => o.trim()), h = u.slice(1).map((o, x) => {
-      const M = o.split("	").map((g) => g.trim()), S = {
-        key: String(x)
+    const m = r.length > S, u = m ? r.slice(0, S) : r, a = u[0].split("	").map((c) => c.trim()), p = u.slice(1).map((c, v) => {
+      const M = c.split("	").map((g) => g.trim()), y = {
+        key: String(v)
       };
       return a.forEach((g, I) => {
-        S[g] = M[I] || "";
-      }), S;
-    }), p = a.map((o) => ({
-      title: o,
-      dataIndex: o,
-      key: o
+        y[g] = M[I] || "";
+      }), y;
+    }), h = a.map((c) => ({
+      title: c,
+      dataIndex: c,
+      key: c
     }));
-    return /* @__PURE__ */ v("div", {
+    return /* @__PURE__ */ x("div", {
       style: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
         overflow: "hidden"
       },
-      children: [m && /* @__PURE__ */ n(l, {
+      children: [m && /* @__PURE__ */ n(d, {
         message: "文件过大",
-        description: `TSV文件包含 ${r.length} 行，仅显示前 ${y} 行。请下载完整文件查看。`,
+        description: `TSV文件包含 ${r.length} 行，仅显示前 ${S} 行。请下载完整文件查看。`,
         type: "warning",
         showIcon: !0,
         style: {
           marginBottom: 16,
           flexShrink: 0
         },
-        action: /* @__PURE__ */ n(d, {
+        action: /* @__PURE__ */ n(l, {
           url: s,
           fileName: t
         })
@@ -234,9 +234,9 @@ const R = ({
           overflow: "auto",
           minHeight: 0
         },
-        children: /* @__PURE__ */ n(z, {
-          dataSource: h,
-          columns: p,
+        children: /* @__PURE__ */ n(_, {
+          dataSource: p,
+          columns: h,
           pagination: !1,
           scroll: {
             x: "max-content",
@@ -247,11 +247,11 @@ const R = ({
       })]
     });
   } catch (r) {
-    return /* @__PURE__ */ n(l, {
+    return /* @__PURE__ */ n(d, {
       message: "TSV解析失败",
       description: "文件内容不是有效的TSV格式",
       type: "error",
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -265,14 +265,14 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  if (c > X)
-    return /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  if (o > O)
+    return /* @__PURE__ */ n(d, {
       message: "JSONL文件过大",
-      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
       type: "warning",
       showIcon: !0,
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -280,14 +280,15 @@ const R = ({
   try {
     const r = e.content.split(`
 `).filter((a) => a.trim()), m = r.length > L, u = m ? r.slice(0, L) : r;
-    return /* @__PURE__ */ v("div", {
+    return /* @__PURE__ */ x("div", {
       style: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
+        width: "100%",
         overflow: "hidden"
       },
-      children: [m && /* @__PURE__ */ n(l, {
+      children: [m && /* @__PURE__ */ n(d, {
         message: "文件过大",
         description: `JSONL文件包含 ${r.length} 行，仅显示前 ${L} 行。请下载完整文件查看。`,
         type: "warning",
@@ -296,38 +297,38 @@ const R = ({
           marginBottom: 16,
           flexShrink: 0
         },
-        action: /* @__PURE__ */ n(d, {
+        action: /* @__PURE__ */ n(l, {
           url: s,
           fileName: t
         })
       }), /* @__PURE__ */ n("div", {
         className: "document-viewer-jsonl",
-        children: u.map((a, h) => {
+        children: u.map((a, p) => {
           try {
-            const p = JSON.parse(a);
+            const h = JSON.parse(a);
             return /* @__PURE__ */ n("div", {
               className: "document-viewer-jsonl-item",
               children: /* @__PURE__ */ n("pre", {
-                children: JSON.stringify(p, null, 2)
+                children: JSON.stringify(h, null, 2)
               })
-            }, h);
-          } catch (p) {
+            }, p);
+          } catch (h) {
             return /* @__PURE__ */ n("div", {
               className: "document-viewer-jsonl-item",
               children: /* @__PURE__ */ n("pre", {
                 children: a
               })
-            }, h);
+            }, p);
           }
         })
       })]
     });
   } catch (r) {
-    return /* @__PURE__ */ n(l, {
+    return /* @__PURE__ */ n(d, {
       message: "JSONL解析失败",
       description: "文件内容解析出错",
       type: "error",
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -341,13 +342,13 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  return c > E ? /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  return o > X ? /* @__PURE__ */ n(d, {
     message: "Markdown文件过大",
-    description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+    description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
     type: "warning",
     showIcon: !0,
-    action: /* @__PURE__ */ n(d, {
+    action: /* @__PURE__ */ n(l, {
       url: s,
       fileName: t
     })
@@ -357,7 +358,7 @@ const R = ({
       overflow: "auto",
       padding: "16px"
     },
-    children: /* @__PURE__ */ n(T, {
+    children: /* @__PURE__ */ n(N, {
       children: e.content
     })
   });
@@ -376,14 +377,14 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const c = i || new Blob([e.content]).size;
-  if (c > k)
-    return /* @__PURE__ */ n(l, {
+  const o = i || new Blob([e.content]).size;
+  if (o > E)
+    return /* @__PURE__ */ n(d, {
       message: "XML文件过大",
-      description: `文件大小 ${Math.round(c / 1024 / 1024)}MB，无法预览。请下载后查看。`,
+      description: `文件大小 ${Math.round(o / 1024 / 1024)}MB，无法预览。请下载后查看。`,
       type: "warning",
       showIcon: !0,
-      action: /* @__PURE__ */ n(d, {
+      action: /* @__PURE__ */ n(l, {
         url: s,
         fileName: t
       })
@@ -411,14 +412,14 @@ const R = ({
 }) => {
   if (!(e != null && e.content))
     return null;
-  const r = B(() => t ? _(t) : _(s), [t, s]) || "text";
-  if ((i || new Blob([e.content]).size) > b) {
+  const r = B(() => t ? z(t) : z(s), [t, s]) || "text";
+  if ((i || new Blob([e.content]).size) > k) {
     const u = e.content.split(`
-`), a = u.length > w, p = (a ? u.slice(0, w) : u).join(`
+`), a = u.length > w, h = (a ? u.slice(0, w) : u).join(`
 `);
-    return /* @__PURE__ */ v("div", {
+    return /* @__PURE__ */ x("div", {
       className: "document-viewer-code",
-      children: [a && /* @__PURE__ */ n(l, {
+      children: [a && /* @__PURE__ */ n(d, {
         message: "文件过大",
         description: `文件包含 ${u.length} 行，仅显示前 ${w} 行。请下载完整文件查看。`,
         type: "warning",
@@ -427,21 +428,24 @@ const R = ({
           marginBottom: 16,
           flexShrink: 0
         },
-        action: /* @__PURE__ */ n(d, {
+        action: /* @__PURE__ */ n(l, {
           url: s,
           fileName: t
         })
       }), /* @__PURE__ */ n("div", {
         style: {
           overflow: "auto",
-          flex: 1
+          flex: 1,
+          width: "100%"
         },
         children: /* @__PURE__ */ n("pre", {
           className: "document-viewer-text",
           style: {
-            fontSize: "12px"
+            fontSize: "12px",
+            width: "100%",
+            boxSizing: "border-box"
           },
-          children: p
+          children: h
         })
       })]
     });
@@ -451,13 +455,19 @@ const R = ({
     children: /* @__PURE__ */ n("div", {
       style: {
         overflow: "auto",
-        flex: 1
+        flex: 1,
+        width: "100%"
       },
-      children: /* @__PURE__ */ n(N, {
+      children: /* @__PURE__ */ n(b, {
         language: r,
         wrapLongLines: !0,
         showLineNumbers: !0,
         PreTag: "div",
+        customStyle: {
+          width: "100%",
+          margin: 0,
+          boxSizing: "border-box"
+        },
         children: e.content
       })
     })

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

@@ -2,12 +2,17 @@ import { jsx as e } from "react/jsx-runtime";
 import { Image as i } from "antd";
 const c = ({
   url: r,
-  fileName: d
+  fileName: t
 }) => /* @__PURE__ */ e("div", {
   className: "document-viewer-image",
   children: /* @__PURE__ */ e(i, {
     src: r,
-    alt: d || "Image"
+    alt: t || "Image",
+    style: {
+      maxWidth: "100%",
+      maxHeight: "100%",
+      objectFit: "contain"
+    }
   })
 }), n = ({
   url: r

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

@@ -1,24 +1,25 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Spin as f, Alert as d, Table as m } from "antd";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+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: r,
+  zipFiles: t,
   zipLoading: a,
-  zipError: t,
-  selectedZipFile: o,
-  zipFileContent: n,
+  zipError: i,
+  selectedZipFile: n,
+  zipFileContent: o,
   onFileClick: s,
   url: c
 }) => a ? /* @__PURE__ */ e("div", {
   className: "document-viewer-loading",
-  children: /* @__PURE__ */ e(f, {
+  children: /* @__PURE__ */ e(m, {
     size: "large",
     tip: "加载 ZIP 文件..."
   })
-}) : t && r.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", {
@@ -27,23 +28,24 @@ const v = ({
     rel: "noopener noreferrer",
     children: "下载文件"
   })
-}) : /* @__PURE__ */ i("div", {
+}) : /* @__PURE__ */ r("div", {
   className: "document-viewer-zip",
-  children: [t && r.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: {
       marginBottom: 16
     }
-  }), /* @__PURE__ */ i("div", {
+  }), /* @__PURE__ */ r("div", {
     style: {
       display: "flex",
       height: "100%",
       gap: "16px"
     },
-    children: [/* @__PURE__ */ i("div", {
+    children: [/* @__PURE__ */ r("div", {
       style: {
         width: "300px",
         borderRight: "1px solid #e8e8e8",
@@ -51,22 +53,22 @@ const v = ({
         display: "flex",
         flexDirection: "column"
       },
-      children: [/* @__PURE__ */ i("div", {
+      children: [/* @__PURE__ */ r("div", {
         style: {
           padding: "12px",
           fontWeight: "bold",
           borderBottom: "1px solid #e8e8e8",
           flexShrink: 0
         },
-        children: ["文件列表 (", r.length, ")"]
+        children: ["文件列表 (", t.length, ")"]
       }), /* @__PURE__ */ e("div", {
         style: {
           flex: 1,
           overflow: "auto",
           minHeight: 0
         },
-        children: /* @__PURE__ */ e(m, {
-          dataSource: r,
+        children: /* @__PURE__ */ e(f, {
+          dataSource: t,
           size: "small",
           pagination: !1,
           scroll: {
@@ -76,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: [{
@@ -104,7 +106,7 @@ const v = ({
         display: "flex",
         flexDirection: "column"
       },
-      children: o && n ? /* @__PURE__ */ i("div", {
+      children: n && o ? /* @__PURE__ */ r("div", {
         style: {
           display: "flex",
           flexDirection: "column",
@@ -117,7 +119,7 @@ const v = ({
             fontWeight: "bold",
             flexShrink: 0
           },
-          children: n.name
+          children: o.name
         }), /* @__PURE__ */ e("div", {
           style: {
             flex: 1,
@@ -125,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", {