@voplus/morpho-document 5.0.18 → 5.0.19

package/es/components/FileViewer/ImageViewer.js

@@ -1,61 +1,62 @@
-import { Modal, Spin } from "@voplus/antd";
-import React, { useEffect, useRef, useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faMagnifyingGlassPlus, faMagnifyingGlassMinus } from "@fortawesome/pro-light-svg-icons";
-import Panable from "@voplus/morpho-ui/es/controls/Panable";
-import { Scrollbars } from "react-custom-scrollbars";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useFileStore } from "@voplus/morpho-document-core";
-import { useLocalObservable } from "mobx-react-lite";
-import { useRouteMatch } from "react-router";
-const ImageViewer = (props) => {
-    const store = useFileStore();
-    const match = useRouteMatch();
-    const [visible, setVisible] = useState(false);
-    const state = useLocalObservable(() => ({
-        loading: false,
-        error: "",
-        url: "",
-    }));
-    useEffect(() => {
-        getUrl();
-    }, [props.id]);
-    const getUrl = () => {
-        runInAction(() => (state.loading = true));
-        store
-            .download(props.id)
-            .then((blob) => {
-            if (blob) {
-                runInAction(() => (state.url = URL.createObjectURL(blob)));
-            }
-        })
-            .catch((err) => (state.error = err))
-            .finally(() => runInAction(() => (state.loading = false)));
-    };
-    const ref = useRef(null);
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement(Scrollbars, { autoHide: true, style: { minHeight: "50vh" } }, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
-            React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement("div", { className: "image-viewer" },
-            React.createElement("img", { ref: ref, src: state.url, style: { maxWidth: "100%", height: "auto" } }),
-            match.params.id !== props.id && (React.createElement("span", { className: "image-viewer-plus", onClick: () => setVisible(true) },
-                React.createElement(FAIcon, { icon: faMagnifyingGlassPlus }))))) : ("No Url")),
-        React.createElement(Modal, { width: ref && ref.current
-                ? ref.current.naturalWidth > window.innerWidth * 0.8
-                    ? "80vw"
-                    : ref.current.naturalWidth
-                : "50vw", visible: visible, title: "", footer: null, closable: false, onCancel: () => setVisible(false), wrapClassName: "image-viewer-width-fit", style: {
-                height: ref && ref.current
-                    ? ref.current.naturalHeight > window.innerHeight * 0.8
-                        ? "80vh"
-                        : ref.current.naturalHeight
-                    : "50vh",
-            } },
-            React.createElement("div", { className: "zoom-out" },
-                React.createElement(FAIcon, { icon: faMagnifyingGlassMinus, onClick: () => setVisible(false) })),
-            React.createElement(Panable, null,
-                React.createElement("img", { src: state.url, style: { maxWidth: "100%", maxHeight: "100%", pointerEvents: "none" }, onClick: () => setVisible(false) }))))));
-};
-export default ImageViewer;
+import { Modal, Spin } from "antd";
+import React, { useEffect, useRef, useState } from "react";
+import { faMagnifyingGlassMinus, faMagnifyingGlassPlus } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useFileStore } from "@voplus/morpho-document-core";
+import { useLocalObservable } from "mobx-react-lite";
+import { useParams } from "react-router-dom";
+const ImageViewer = (props) => {
+    const store = useFileStore();
+    const params = useParams();
+    const paramsId = params.id;
+    const [visible, setVisible] = useState(false);
+    const state = useLocalObservable(() => ({
+        loading: false,
+        error: "",
+        url: "",
+    }));
+    useEffect(() => {
+        getUrl();
+    }, [props.id]);
+    const getUrl = () => {
+        runInAction(() => (state.loading = true));
+        store
+            .download(props.id)
+            .then((blob) => {
+            if (blob) {
+                runInAction(() => (state.url = URL.createObjectURL(blob)));
+            }
+        })
+            .catch((err) => (state.error = err))
+            .finally(() => runInAction(() => (state.loading = false)));
+    };
+    const ref = useRef(null);
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(Scrollbars, { autoHide: true, style: { minHeight: "50vh" } }, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
+            React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement("div", { className: "image-viewer" },
+            React.createElement("img", { ref: ref, src: state.url, style: { maxWidth: "100%", height: "auto" } }),
+            paramsId !== props.id && (React.createElement("span", { className: "image-viewer-plus", onClick: () => setVisible(true) },
+                React.createElement(FAIcon, { icon: faMagnifyingGlassPlus }))))) : ("No Url")),
+        React.createElement(Modal, { width: ref && ref.current
+                ? ref.current.naturalWidth > window.innerWidth * 0.8
+                    ? "80vw"
+                    : ref.current.naturalWidth
+                : "50vw", open: visible, title: "", footer: null, closable: false, onCancel: () => setVisible(false), wrapClassName: "image-viewer-width-fit", style: {
+                height: ref && ref.current
+                    ? ref.current.naturalHeight > window.innerHeight * 0.8
+                        ? "80vh"
+                        : ref.current.naturalHeight
+                    : "50vh",
+            } },
+            React.createElement("div", { className: "zoom-out" },
+                React.createElement(FAIcon, { icon: faMagnifyingGlassMinus, onClick: () => setVisible(false) })),
+            React.createElement(Panable, null,
+                React.createElement("img", { src: state.url, style: { maxWidth: "100%", maxHeight: "100%", pointerEvents: "none" }, onClick: () => setVisible(false) }))))));
+};
+export default ImageViewer;
 //# sourceMappingURL=ImageViewer.js.map

package/es/components/FileViewer/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/ImageViewer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/ImageViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAG,CAAC;IAE5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,EAAE;QACT,GAAG,EAAE,EAAE;KACP,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1C,KAAK;aACH,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;aAClB,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE;gBACT,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aAC3D;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;aAC3C,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAE9B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;YACpC,oBAAC,IAAI,OAAG,CACH,CACN,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAE,cAAc;YAC7B,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI;YAE7E,QAAQ,KAAK,KAAK,CAAC,EAAE,IAAI,CACzB,8BAAM,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;gBAElE,oBAAC,MAAM,IAAC,IAAI,EAAE,qBAAqB,GAAI,CACjC,CACP,CACI,CACN,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACW;QAEb,oBAAC,KAAK,IACL,KAAK,EACJ,GAAG,IAAI,GAAG,CAAC,OAAO;gBACjB,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG;oBACnD,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY;gBAC3B,CAAC,CAAC,MAAM,EAEV,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,EAAE,EACR,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,aAAa,EAAC,wBAAwB,EACtC,KAAK,EAAE;gBACN,MAAM,EACL,GAAG,IAAI,GAAG,CAAC,OAAO;oBACjB,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG;wBACrD,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa;oBAC5B,CAAC,CAAC,MAAM;aACV;YAED,6BAAK,SAAS,EAAC,UAAU;gBACxB,oBAAC,MAAM,IAAC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI,CAErE;YACN,oBAAC,OAAO;gBAEP,6BACC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAC/B,CAEO,CACH,CACQ,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/components/FileViewer/PDF/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { PDFViewerProps } from "../../../controls/PDFViewer/props";
-declare const PDFFileViewer: (props: {
-    id: string;
-    /** props for internal pdf viewer  */
-    viewerProps?: Partial<PDFViewerProps>;
-    /** 指定 download api function */
-    download?: () => Promise<Blob>;
-}) => JSX.Element;
-export default PDFFileViewer;
+import { PDFViewerProps } from "../../../controls/PDFViewer/props";
+import React from "react";
+declare const PDFFileViewer: (props: {
+    id: string;
+    /** props for internal pdf viewer  */
+    viewerProps?: Partial<PDFViewerProps>;
+    /** 指定 download api function */
+    download?: () => Promise<Blob>;
+}) => React.JSX.Element;
+export default PDFFileViewer;

package/es/components/FileViewer/PDF/index.js

@@ -1,38 +1,38 @@
-import React from "react";
-import { Spin } from "@voplus/antd";
-import Viewer from "../../../controls/PDFViewer";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "../index.less";
-import { useEffect } from "react";
-import { useFileStore } from "@voplus/morpho-document-core";
-import { useLocalObservable } from "mobx-react-lite";
-const PDFFileViewer = (props) => {
-    const store = useFileStore();
-    const state = useLocalObservable(() => ({
-        url: "",
-        error: "",
-        loading: true,
-    }));
-    useEffect(() => {
-        getUrl();
-    }, [props.id]);
-    return observe(() => {
-        var _a;
-        return (React.createElement(React.Fragment, null, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
-            React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement(Viewer, { url: state.url, toolbar: (_a = props.viewerProps) === null || _a === void 0 ? void 0 : _a.toolbar })) : ("No Url")));
-    });
-    function getUrl() {
-        runInAction(() => (state.loading = true));
-        (props.download ? props.download() : store.download(props.id))
-            .then((blob) => {
-            if (blob) {
-                state.url = URL.createObjectURL(blob);
-            }
-        })
-            .catch((err) => (state.error = err))
-            .finally(() => runInAction(() => (state.loading = false)));
-    }
-};
-export default PDFFileViewer;
+import React from "react";
+import { Spin } from "antd";
+import Viewer from "../../../controls/PDFViewer";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "../index.less";
+import { useEffect } from "react";
+import { useFileStore } from "@voplus/morpho-document-core";
+import { useLocalObservable } from "mobx-react-lite";
+const PDFFileViewer = (props) => {
+    const store = useFileStore();
+    const state = useLocalObservable(() => ({
+        url: "",
+        error: "",
+        loading: true,
+    }));
+    useEffect(() => {
+        getUrl();
+    }, [props.id]);
+    return observe(() => {
+        var _a;
+        return (React.createElement(React.Fragment, null, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
+            React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement(Viewer, { url: state.url, toolbar: (_a = props.viewerProps) === null || _a === void 0 ? void 0 : _a.toolbar })) : ("No Url")));
+    });
+    function getUrl() {
+        runInAction(() => (state.loading = true));
+        (props.download ? props.download() : store.download(props.id))
+            .then((blob) => {
+            if (blob) {
+                state.url = URL.createObjectURL(blob);
+            }
+        })
+            .catch((err) => (state.error = err))
+            .finally(() => runInAction(() => (state.loading = false)));
+    }
+};
+export default PDFFileViewer;
 //# sourceMappingURL=index.js.map

package/es/components/FileViewer/PDF/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FileViewer/PDF/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,aAAa,GAAG,CAAC,KAMtB,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,IAAI;KACb,CAAC,CAAC,CAAC;IACJ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;YACpC,oBAAC,IAAI,OAAG,CACH,CACN,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,GAAI,CAC/D,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACe,CACjB,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,MAAM;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC5D,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE;gBACT,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aACtC;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;aAC3C,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FileViewer/PDF/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,aAAa,GAAG,CAAC,KAMtB,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,IAAI;KACb,CAAC,CAAC,CAAC;IACJ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;YACpC,oBAAC,IAAI,OAAG,CACH,CACN,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,GAAI,CAC/D,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACe,CACjB,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,MAAM;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC5D,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE;gBACT,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aACtC;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;aAC3C,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/components/FileViewer/Preview.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import "./index.less";
-declare const FilePreview: (props: {
-    id: string;
-    visible?: boolean;
-    onClose?: any;
-    /** url of open new page */
-    url?: string;
-}) => JSX.Element;
-export default FilePreview;
+import "./index.less";
+import React from "react";
+declare const FilePreview: (props: {
+    id: string;
+    visible?: boolean;
+    onClose?: any;
+    /** url of open new page */
+    url?: string;
+}) => React.JSX.Element;
+export default FilePreview;

package/es/components/FileViewer/Preview.js

@@ -1,70 +1,70 @@
-import "./index.less";
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { Button, Tooltip } from "@voplus/antd";
-import { QuickSubContent, QuickSubTab } from "../QuickViewDialog/QuickSubTab";
-import React, { useState } from "react";
-import { useFile, useFileStore } from "@voplus/morpho-document-core";
-import DocumentHeader from "../DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FileViewer from "./FileViewer";
-import FlexDialog from "../FlexDialog";
-import { faExternalLink, faXmark, faArrowDownToBracket } from "@fortawesome/pro-light-svg-icons";
-import { saveAs } from "file-saver";
-import { useLayout } from "@voplus/morpho-data";
-const FilePreview = (props) => {
-    const layout = useLayout();
-    const store = useFileStore();
-    const file = useFile(props.id);
-    const [subTab, setSubTab] = useState(false);
-    const [asideContext] = useState(AsideContent.createContext());
-    const download = () => {
-        store.download(props.id).then((blob) => {
-            if (blob) {
-                const url = URL.createObjectURL(blob);
-                if (url) {
-                    saveAs(url, file.name);
-                }
-            }
-        });
-    };
-    return observe(() => (React.createElement(FlexDialog, { modalProps: {
-            className: "quickView-modal-style",
-            visible: props.visible,
-            destroyOnClose: true,
-            closable: false,
-            footer: false,
-            width: subTab ? "1000px" : "650px",
-            onCancel: props.onClose,
-        }, closeAside: props.onClose },
-        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
-            React.createElement("div", { className: "perview-content" },
-                React.createElement("div", { className: "perview-head" }, file ? (React.createElement(React.Fragment, null,
-                    React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
-                    React.createElement("div", { className: "preview-tab" },
-                        props.url && (React.createElement(Tooltip, { title: "Open New Tab" },
-                            React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
-                                React.createElement(FAIcon, { icon: faExternalLink })))),
-                        React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
-                        React.createElement(Tooltip, { title: "Download" },
-                            React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faArrowDownToBracket }), onClick: download })),
-                        !layout.ui.mobile && (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faXmark }), onClick: props.onClose }))))) : ("File not found")),
-                file.loaded ? (React.createElement(FileViewer, { id: props.id, style: {
-                        height: "70vh",
-                        display: "flex",
-                        flexDirection: "column",
-                        textAlign: "center",
-                        flex: 1,
-                    } })) : ("File not found"))))));
-    function showSubTab(key) {
-        setSubTab(true);
-        asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, shape: true, onCancel: () => {
-                asideContext.closeAside();
-                setSubTab(false);
-            } }), { span: 12 });
-    }
-    function openTab() {
-        layout.history.push(props.url);
-    }
-};
-export default FilePreview;
+import "./index.less";
+import { AsideContent, observe } from "@voplus/morpho-ui";
+import { Button, Tooltip } from "antd";
+import { QuickSubContent, QuickSubTab } from "../QuickViewDialog/QuickSubTab";
+import React, { useState } from "react";
+import { faArrowDownToBracket, faExternalLink, faXmark } from "@fortawesome/pro-light-svg-icons";
+import { useFile, useFileStore } from "@voplus/morpho-document-core";
+import DocumentHeader from "../DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FileViewer from "./FileViewer";
+import FlexDialog from "../FlexDialog";
+import { saveAs } from "file-saver";
+import { useLayout } from "@voplus/morpho-data";
+const FilePreview = (props) => {
+    const layout = useLayout();
+    const store = useFileStore();
+    const file = useFile(props.id);
+    const [subTab, setSubTab] = useState(false);
+    const [asideContext] = useState(AsideContent.createContext());
+    const download = () => {
+        store.download(props.id).then((blob) => {
+            if (blob) {
+                const url = URL.createObjectURL(blob);
+                if (url) {
+                    saveAs(url, file.name);
+                }
+            }
+        });
+    };
+    return observe(() => (React.createElement(FlexDialog, { modalProps: {
+            className: "quickView-modal-style",
+            open: props.visible,
+            destroyOnClose: true,
+            closable: false,
+            footer: false,
+            width: subTab ? "1000px" : "650px",
+            onCancel: props.onClose,
+        }, closeAside: props.onClose },
+        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
+            React.createElement("div", { className: "perview-content" },
+                React.createElement("div", { className: "perview-head" }, file ? (React.createElement(React.Fragment, null,
+                    React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
+                    React.createElement("div", { className: "preview-tab" },
+                        props.url && (React.createElement(Tooltip, { title: "Open New Tab" },
+                            React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
+                                React.createElement(FAIcon, { icon: faExternalLink })))),
+                        React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
+                        React.createElement(Tooltip, { title: "Download" },
+                            React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faArrowDownToBracket }), onClick: download })),
+                        !layout.ui.mobile && (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faXmark }), onClick: props.onClose }))))) : ("File not found")),
+                file.loaded ? (React.createElement(FileViewer, { id: props.id, style: {
+                        height: "70vh",
+                        display: "flex",
+                        flexDirection: "column",
+                        textAlign: "center",
+                        flex: 1,
+                    } })) : ("File not found"))))));
+    function showSubTab(key) {
+        setSubTab(true);
+        asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, shape: true, onCancel: () => {
+                asideContext.closeAside();
+                setSubTab(false);
+            } }), { span: 12 });
+    }
+    function openTab() {
+        layout.history.push(props.url);
+    }
+};
+export default FilePreview;
 //# sourceMappingURL=Preview.js.map

package/es/components/FileViewer/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"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"}

package/es/components/FileViewer/VideoViewer.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const VideoViewer: (props: {
-    id: string;
-    mime: string;
-}) => JSX.Element;
-export default VideoViewer;
+import React from "react";
+declare const VideoViewer: (props: {
+    id: string;
+    mime: string;
+}) => React.JSX.Element;
+export default VideoViewer;

package/es/components/FileViewer/VideoViewer.js

@@ -1,26 +1,26 @@
-import React, { useEffect, useState } from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
-const VideoViewer = (props) => {
-    const api = useApplicationContext();
-    const path = `/api/files/${props.id}/content?access_token=${encodeURIComponent(api.user.info.accessToken)}`;
-    const [loaded, setLoaded] = useState(true);
-    useEffect(() => {
-        /** [fix] propertiesView 显示video时内容不正常
-         * 场景:list里有两个以上的video,点击item,propertiesView 显示video,始终都是只显示第一次点击显示的video,video没刷新
-         */
-        onReload();
-    }, [props.id]);
-    return observe(() => (React.createElement(Scrollbars, { autoHide: true }, loaded ? (React.createElement("video", { style: { maxWidth: "100%", height: "100%" }, controls: true },
-        React.createElement("source", { src: `${api.api.currentEndPoint.url(path)}`, type: props.mime }))) : null)));
-    /** reload data */
-    function onReload() {
-        setLoaded(false);
-        setTimeout(() => {
-            setLoaded(true);
-        }, 50);
-    }
-};
-export default VideoViewer;
+import React, { useEffect, useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+const VideoViewer = (props) => {
+    const api = useApplicationContext();
+    const path = `/api/files/${props.id}/content?access_token=${encodeURIComponent(api.user.info.accessToken)}`;
+    const [loaded, setLoaded] = useState(true);
+    useEffect(() => {
+        /** [fix] propertiesView 显示video时内容不正常
+         * 场景:list里有两个以上的video,点击item,propertiesView 显示video,始终都是只显示第一次点击显示的video,video没刷新
+         */
+        onReload();
+    }, [props.id]);
+    return observe(() => (React.createElement(Scrollbars, { autoHide: true }, loaded ? (React.createElement("video", { style: { maxWidth: "100%", height: "100%" }, controls: true },
+        React.createElement("source", { src: `${api.api.currentEndPoint.url(path)}`, type: props.mime }))) : null)));
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 50);
+    }
+};
+export default VideoViewer;
 //# sourceMappingURL=VideoViewer.js.map

package/es/components/FileViewer/WOPIViewer.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export interface IWOPIViewerProps {
-    id: string;
-    wopiAction?: string;
-}
-declare const WOPIViewer: (props: IWOPIViewerProps) => JSX.Element;
-export default WOPIViewer;
+import React from "react";
+export interface IWOPIViewerProps {
+    id: string;
+    wopiAction?: string;
+}
+declare const WOPIViewer: (props: IWOPIViewerProps) => React.JSX.Element;
+export default WOPIViewer;