@voplus/morpho-document 4.0.3 → 4.0.5

package/es/components/DocumentTree/state.js

@@ -1,165 +1,165 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-const initTreeDate = [
-    {
-        title: "All Document",
-        key: "all-document",
-        isLeaf: true,
-        id: "0-1",
-        name: "All Document",
-        documents: 1,
-        sequence: 0,
-        type: "Document",
-        flag: "None",
-        isSupportVersions: false,
-        readonly: false,
-        system: false,
-        date: "",
-        createDate: "",
-    },
-    {
-        title: "Drive",
-        key: "",
-        id: "",
-        name: "Drive",
-        documents: 1,
-        sequence: 0,
-        type: "Document",
-        flag: "None",
-        isSupportVersions: false,
-        readonly: false,
-        system: false,
-        date: "",
-        createDate: "",
-    },
-];
-export class State {
-    constructor() {
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "treeData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: initTreeDate
-        });
-        Object.defineProperty(this, "initTreeDate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: initTreeDate
-        });
-        /** Click the current element at load time */
-        Object.defineProperty(this, "treeNodeChildren", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** (controlled) expand the specified tree node */
-        Object.defineProperty(this, "expandedKeys", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** (controlled) set the selected tree node */
-        Object.defineProperty(this, "selectedKeys", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** 比较出2个数组中不一样的元素 */
-        Object.defineProperty(this, "diffArray", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (arr1, arr2) => {
-                const arr3 = [];
-                for (const item of arr1) {
-                    if (arr2.indexOf(item) === -1)
-                        arr3.push(item);
-                }
-                for (const item of arr2) {
-                    if (arr1.indexOf(item) === -1)
-                        arr3.push(item);
-                }
-                return arr3;
-            }
-        });
-        makeObservable(this);
-    }
-    /**展开/收起节点时触发*/
-    onExpand(expandedKeys, { expanded, node }) {
-        this.props.onExpand(node.key);
-        //展开的状态
-        if (expanded) {
-            this.expandedKeys = expandedKeys;
-            this.selectedKeys = [];
-        }
-        else {
-            const removeArray = this.diffArray(expandedKeys, this.expandedKeys);
-            //收起的时候需要把里面展开的元素一并移除，不然会造成收起动作无效
-            this.expandedKeys = expandedKeys.filter((ele) => {
-                return !(ele === null || ele === void 0 ? void 0 : ele.includes(removeArray[0]));
-            });
-            this.selectedKeys = [];
-        }
-    }
-    /*点击树节点触发*/
-    onSelect(selectedKeys, { selected, selectedNodes, node, event }) {
-        node.key === "all-document" ? this.props.onExpand([""]) : this.props.onExpand(node.key);
-        if (node.key !== "all-document" && !node.isLeaf) {
-            //选中的状态
-            const selectedKey = selected ? selectedKeys : this.selectedKeys;
-            if (!selectedKey.length)
-                return;
-            const index = this.expandedKeys.indexOf(selectedKey[0]);
-            if (!this.expandedKeys.length)
-                this.expandedKeys = [];
-            //判断是否已经展开，未展开就添加到 expandedKeys 中
-            if (index === -1) {
-                this.expandedKeys.push(selectedKey[0]);
-            }
-            else {
-                this.expandedKeys = this.expandedKeys.filter((ele) => {
-                    return !(ele === null || ele === void 0 ? void 0 : ele.includes(selectedKey[0]));
-                });
-            }
-            selected ? (this.selectedKeys = selectedKeys) : (this.selectedKeys = []);
-        }
-    }
-}
-__decorate([
-    observable
-], State.prototype, "props", void 0);
-__decorate([
-    observable
-], State.prototype, "treeData", void 0);
-__decorate([
-    observable
-], State.prototype, "initTreeDate", void 0);
-__decorate([
-    observable
-], State.prototype, "treeNodeChildren", void 0);
-__decorate([
-    observable
-], State.prototype, "expandedKeys", void 0);
-__decorate([
-    observable
-], State.prototype, "selectedKeys", void 0);
-__decorate([
-    action
-], State.prototype, "onExpand", null);
-__decorate([
-    action
-], State.prototype, "onSelect", null);
-__decorate([
-    action
-], State.prototype, "diffArray", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+const initTreeDate = [
+    {
+        title: "All Document",
+        key: "all-document",
+        isLeaf: true,
+        id: "0-1",
+        name: "All Document",
+        documents: 1,
+        sequence: 0,
+        type: "Document",
+        flag: "None",
+        isSupportVersions: false,
+        readonly: false,
+        system: false,
+        date: "",
+        createDate: "",
+    },
+    {
+        title: "Drive",
+        key: "",
+        id: "",
+        name: "Drive",
+        documents: 1,
+        sequence: 0,
+        type: "Document",
+        flag: "None",
+        isSupportVersions: false,
+        readonly: false,
+        system: false,
+        date: "",
+        createDate: "",
+    },
+];
+export class State {
+    constructor() {
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "treeData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: initTreeDate
+        });
+        Object.defineProperty(this, "initTreeDate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: initTreeDate
+        });
+        /** Click the current element at load time */
+        Object.defineProperty(this, "treeNodeChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** (controlled) expand the specified tree node */
+        Object.defineProperty(this, "expandedKeys", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** (controlled) set the selected tree node */
+        Object.defineProperty(this, "selectedKeys", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** 比较出2个数组中不一样的元素 */
+        Object.defineProperty(this, "diffArray", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (arr1, arr2) => {
+                const arr3 = [];
+                for (const item of arr1) {
+                    if (arr2.indexOf(item) === -1)
+                        arr3.push(item);
+                }
+                for (const item of arr2) {
+                    if (arr1.indexOf(item) === -1)
+                        arr3.push(item);
+                }
+                return arr3;
+            }
+        });
+        makeObservable(this);
+    }
+    /**展开/收起节点时触发*/
+    onExpand(expandedKeys, { expanded, node }) {
+        this.props.onExpand(node.key);
+        //展开的状态
+        if (expanded) {
+            this.expandedKeys = expandedKeys;
+            this.selectedKeys = [];
+        }
+        else {
+            const removeArray = this.diffArray(expandedKeys, this.expandedKeys);
+            //收起的时候需要把里面展开的元素一并移除，不然会造成收起动作无效
+            this.expandedKeys = expandedKeys.filter((ele) => {
+                return !(ele === null || ele === void 0 ? void 0 : ele.includes(removeArray[0]));
+            });
+            this.selectedKeys = [];
+        }
+    }
+    /*点击树节点触发*/
+    onSelect(selectedKeys, { selected, selectedNodes, node, event }) {
+        node.key === "all-document" ? this.props.onExpand([""]) : this.props.onExpand(node.key);
+        if (node.key !== "all-document" && !node.isLeaf) {
+            //选中的状态
+            const selectedKey = selected ? selectedKeys : this.selectedKeys;
+            if (!selectedKey.length)
+                return;
+            const index = this.expandedKeys.indexOf(selectedKey[0]);
+            if (!this.expandedKeys.length)
+                this.expandedKeys = [];
+            //判断是否已经展开，未展开就添加到 expandedKeys 中
+            if (index === -1) {
+                this.expandedKeys.push(selectedKey[0]);
+            }
+            else {
+                this.expandedKeys = this.expandedKeys.filter((ele) => {
+                    return !(ele === null || ele === void 0 ? void 0 : ele.includes(selectedKey[0]));
+                });
+            }
+            selected ? (this.selectedKeys = selectedKeys) : (this.selectedKeys = []);
+        }
+    }
+}
+__decorate([
+    observable
+], State.prototype, "props", void 0);
+__decorate([
+    observable
+], State.prototype, "treeData", void 0);
+__decorate([
+    observable
+], State.prototype, "initTreeDate", void 0);
+__decorate([
+    observable
+], State.prototype, "treeNodeChildren", void 0);
+__decorate([
+    observable
+], State.prototype, "expandedKeys", void 0);
+__decorate([
+    observable
+], State.prototype, "selectedKeys", void 0);
+__decorate([
+    action
+], State.prototype, "onExpand", null);
+__decorate([
+    action
+], State.prototype, "onSelect", null);
+__decorate([
+    action
+], State.prototype, "diffArray", void 0);
 //# sourceMappingURL=state.js.map

package/es/components/ExtraDataCardList/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const ExtraDataCardList: (props: {
-    id: string;
-}) => JSX.Element;
-export default ExtraDataCardList;
+/// <reference types="react" />
+declare const ExtraDataCardList: (props: {
+    id: string;
+}) => JSX.Element;
+export default ExtraDataCardList;

package/es/components/ExtraDataCardList/index.js

@@ -1,38 +1,38 @@
-import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import DocumentCard from "../DocumentCard";
-import ListView from "@voplus/morpho-ui/es/components/ExtraDataCardList";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const ExtraDataCardList = (props) => {
-    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. props.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
-        },
-    }, [props.id]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
-    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.parentId === props.id);
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement(ListView, { headerProps: {
-                searchHeader: true,
-                filterViewProps: {
-                    columns: [React.createElement("div", { key: "1" })],
-                },
-                sortOptions: [
-                    { label: "Name", value: "Name" },
-                    { label: "Create Date", value: "CreateDate" },
-                ],
-                addAble: false,
-            }, 
-            // arrowLeft={left}
-            segmentName: "hhhh", renderItem: ({ item }) => React.createElement(DocumentCard, { id: item.id, key: item.id }) }))));
-};
-export default ExtraDataCardList;
+import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import DocumentCard from "../DocumentCard";
+import ListView from "@voplus/morpho-ui/es/components/ExtraDataCardList";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const ExtraDataCardList = (props) => {
+    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. props.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
+        },
+    }, [props.id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === props.id);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                searchHeader: true,
+                filterViewProps: {
+                    columns: [React.createElement("div", { key: "1" })],
+                },
+                sortOptions: [
+                    { label: "Name", value: "Name" },
+                    { label: "Create Date", value: "CreateDate" },
+                ],
+                addAble: false,
+            }, 
+            // arrowLeft={left}
+            segmentName: "hhhh", renderItem: ({ item }) => React.createElement(DocumentCard, { id: item.id, key: item.id }) }))));
+};
+export default ExtraDataCardList;
 //# sourceMappingURL=index.js.map

package/es/components/FilePropertiesView/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const FilePropertiesView: (props: {
-    id: string;
-}) => JSX.Element;
-export default FilePropertiesView;
+/// <reference types="react" />
+declare const FilePropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default FilePropertiesView;

package/es/components/FilePropertiesView/index.js

@@ -1,12 +1,12 @@
-import DocumentHeader from "../DocumentHeader";
-import DocumentTabs from "../DocumentTabs";
-import FileViewer from "../FileViewer";
-import React from "react";
-const FilePropertiesView = (props) => {
-    const { id } = props;
-    return (React.createElement("div", { className: "module-detail-view" },
-        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, toolBarProps: { closeAside: true } }),
-        React.createElement(DocumentTabs, { id: id, details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
-};
-export default FilePropertiesView;
+import DocumentHeader from "../DocumentHeader";
+import DocumentTabs from "../DocumentTabs";
+import FileViewer from "../FileViewer";
+import React from "react";
+const FilePropertiesView = (props) => {
+    const { id } = props;
+    return (React.createElement("div", { className: "module-detail-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, toolBarProps: { closeAside: true } }),
+        React.createElement(DocumentTabs, { id: id, details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
+};
+export default FilePropertiesView;
 //# sourceMappingURL=index.js.map

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

@@ -1,18 +1,18 @@
-import React from "react";
-export interface IFileViewerProps {
-    id: string;
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const FileViewer: {
-    (props: IFileViewerProps): JSX.Element;
-    PDF: (props: {
-        id: string;
-        viewerProps?: Partial<import("../../controls/PDFViewer/props").PDFViewerProps> | undefined;
-        download?: (() => Promise<Blob>) | undefined;
-    }) => JSX.Element;
-    Image: (props: {
-        id: string;
-    }) => JSX.Element;
-};
-export default FileViewer;
+import React from "react";
+export interface IFileViewerProps {
+    id: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const FileViewer: {
+    (props: IFileViewerProps): JSX.Element;
+    PDF: (props: {
+        id: string;
+        viewerProps?: Partial<import("../../controls/PDFViewer/props").PDFViewerProps> | undefined;
+        download?: (() => Promise<Blob>) | undefined;
+    }) => JSX.Element;
+    Image: (props: {
+        id: string;
+    }) => JSX.Element;
+};
+export default FileViewer;

package/es/components/FileViewer/FileViewer.js

@@ -1,38 +1,38 @@
-import ImageViewer from "./ImageViewer";
-import PDFFileViewer from "./PDF";
-import React from "react";
-import VideoViewer from "./VideoViewer";
-import WOPIViewer from "./WOPIViewer";
-import { observe } from "@voplus/morpho-ui";
-import { useFile } from "@voplus/morpho-document-core";
-const FileViewer = (props) => {
-    const file = useFile(props.id);
-    const styles = Object.assign({}, props.style);
-    const renderViewer = () => {
-        if (file.mimetype.startsWith("video/")) {
-            styles["display"] = "flex";
-            return React.createElement(VideoViewer, { id: file.id, mime: file.mimetype });
-        }
-        else if (file.mimetype === "application/pdf") {
-            return React.createElement(PDFFileViewer, { id: file.id });
-        }
-        else if (file.mimetype.startsWith("image/")) {
-            styles["overflowY"] = "auto";
-            return React.createElement(ImageViewer, { id: file.id });
-        }
-        else if (/^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(file.mimetype)) {
-            return React.createElement(WOPIViewer, { id: file.id });
-        }
-        else if (file.name.includes(".wopitest")) {
-            return React.createElement(WOPIViewer, { id: file.id });
-        }
-        else {
-            return "File type not supported! :(";
-        }
-    };
-    return observe(() => (React.createElement(React.Fragment, null, file.loaded && (React.createElement("div", { className: props.className, style: styles }, renderViewer())))));
-};
-FileViewer.PDF = PDFFileViewer;
-FileViewer.Image = ImageViewer;
-export default FileViewer;
+import ImageViewer from "./ImageViewer";
+import PDFFileViewer from "./PDF";
+import React from "react";
+import VideoViewer from "./VideoViewer";
+import WOPIViewer from "./WOPIViewer";
+import { observe } from "@voplus/morpho-ui";
+import { useFile } from "@voplus/morpho-document-core";
+const FileViewer = (props) => {
+    const file = useFile(props.id);
+    const styles = Object.assign({}, props.style);
+    const renderViewer = () => {
+        if (file.mimetype.startsWith("video/")) {
+            styles["display"] = "flex";
+            return React.createElement(VideoViewer, { id: file.id, mime: file.mimetype });
+        }
+        else if (file.mimetype === "application/pdf") {
+            return React.createElement(PDFFileViewer, { id: file.id });
+        }
+        else if (file.mimetype.startsWith("image/")) {
+            styles["overflowY"] = "auto";
+            return React.createElement(ImageViewer, { id: file.id });
+        }
+        else if (/^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(file.mimetype)) {
+            return React.createElement(WOPIViewer, { id: file.id });
+        }
+        else if (file.name.includes(".wopitest")) {
+            return React.createElement(WOPIViewer, { id: file.id });
+        }
+        else {
+            return "File type not supported! :(";
+        }
+    };
+    return observe(() => (React.createElement(React.Fragment, null, file.loaded && (React.createElement("div", { className: props.className, style: styles }, renderViewer())))));
+};
+FileViewer.PDF = PDFFileViewer;
+FileViewer.Image = ImageViewer;
+export default FileViewer;
 //# sourceMappingURL=FileViewer.js.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const ImageViewer: (props: {
-    id: string;
-}) => JSX.Element;
-export default ImageViewer;
+/// <reference types="react" />
+declare const ImageViewer: (props: {
+    id: string;
+}) => JSX.Element;
+export default ImageViewer;