@voplus/morpho-document 1.4.95 → 1.4.97

package/es/components/DocumentTree/index.js

@@ -1,62 +1,62 @@
-import { State } from "./state";
-import React, { useState } from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { Tree } from "@voplus/antd";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useDocumentListEffect } from "@voplus/morpho-document-core";
-const DocumentTree = (props) => {
-    const context = useApplicationContext();
-    const [state] = useState(new State());
-    const [rootId, setRootId] = useState(context.user.info.driveId); //加载时的id
-    state.props = props;
-    state.initTreeDate[1].key = state.initTreeDate[1].id = context.user.info.driveId;
-    const [treeData, setTreeData] = useState(state.initTreeDate);
-    useDocumentListEffect(null, (list) => {
-        const docList = list || [];
-        docList.map((item) => {
-            item.title = item.name;
-            item.key = item.id;
-            item.isLeaf = item.documents === 0;
-        });
-        setTreeData((origin) => updateTreeData(origin, rootId, docList));
-    }, {
-        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: rootId }],
-    });
-    /**异步加载数据*/
-    const onLoadData = (treeNode) => {
-        return new Promise((resolve) => {
-            if (treeNode.children) {
-                resolve();
-                return;
-            }
-            setRootId(treeNode.key);
-            resolve();
-        });
-    };
-    // It's just a simple demo. You can use tree map to optimize update perf.
-    function updateTreeData(list, key, children) {
-        return list.map((node) => {
-            if (node.key === key) {
-                return {
-                    ...node,
-                    children,
-                };
-            }
-            else if (node.children) {
-                return {
-                    ...node,
-                    children: updateTreeData(node.children, key, children),
-                };
-            }
-            return node;
-        });
-    }
-    return observe(() => (React.createElement(Scrollbars, null,
-        React.createElement("div", { className: classnames(styles["document-tree"], props.className) },
-            React.createElement(Tree, { showLine: true, loadData: onLoadData, treeData: treeData, onSelect: (selectedKeys, params) => state.onSelect(selectedKeys, params), onExpand: (expandedKeys, params) => state.onExpand(expandedKeys, params), expandedKeys: state.expandedKeys })))));
-};
-export default DocumentTree;
+import { State } from "./state";
+import React, { useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { Tree } from "@voplus/antd";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+const DocumentTree = (props) => {
+    const context = useApplicationContext();
+    const [state] = useState(new State());
+    const [rootId, setRootId] = useState(context.user.info.driveId); //加载时的id
+    state.props = props;
+    state.initTreeDate[1].key = state.initTreeDate[1].id = context.user.info.driveId;
+    const [treeData, setTreeData] = useState(state.initTreeDate);
+    useDocumentListEffect(null, (list) => {
+        const docList = list || [];
+        docList.map((item) => {
+            item.title = item.name;
+            item.key = item.id;
+            item.isLeaf = item.documents === 0;
+        });
+        setTreeData((origin) => updateTreeData(origin, rootId, docList));
+    }, {
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: rootId }],
+    });
+    /**异步加载数据*/
+    const onLoadData = (treeNode) => {
+        return new Promise((resolve) => {
+            if (treeNode.children) {
+                resolve();
+                return;
+            }
+            setRootId(treeNode.key);
+            resolve();
+        });
+    };
+    // It's just a simple demo. You can use tree map to optimize update perf.
+    function updateTreeData(list, key, children) {
+        return list.map((node) => {
+            if (node.key === key) {
+                return {
+                    ...node,
+                    children,
+                };
+            }
+            else if (node.children) {
+                return {
+                    ...node,
+                    children: updateTreeData(node.children, key, children),
+                };
+            }
+            return node;
+        });
+    }
+    return observe(() => (React.createElement(Scrollbars, null,
+        React.createElement("div", { className: classnames(styles["document-tree"], props.className) },
+            React.createElement(Tree, { showLine: true, loadData: onLoadData, treeData: treeData, onSelect: (selectedKeys, params) => state.onSelect(selectedKeys, params), onExpand: (expandedKeys, params) => state.onExpand(expandedKeys, params), expandedKeys: state.expandedKeys })))));
+};
+export default DocumentTree;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentTree/index.less

@@ -0,0 +1,4 @@
+.document-tree {
+	height: 100%;
+	padding: 4px 10px 4px 0;
+}

package/es/components/DocumentTree/state.d.ts

@@ -1,28 +1,28 @@
-import { IDocument } from "@voplus/morpho-document-core";
-export declare type DocumentTreeProps = {
-    className?: string;
-    onExpand?: (params?: any) => void;
-};
-export interface DataNode extends IDocument {
-    title: string;
-    key: string;
-    isLeaf?: boolean;
-    children?: DataNode[];
-}
-export declare class State {
-    props: DocumentTreeProps;
-    treeData: DataNode[];
-    initTreeDate: DataNode[];
-    /** Click the current element at load time */
-    treeNodeChildren: any;
-    /** (controlled) expand the specified tree node */
-    expandedKeys: any[];
-    /** (controlled) set the selected tree node */
-    selectedKeys: any[];
-    constructor();
-    /**展开/收起节点时触发*/
-    onExpand(expandedKeys: any, { expanded, node }: any): void;
-    onSelect(selectedKeys: any, { selected, selectedNodes, node, event }: any): void;
-    /** 比较出2个数组中不一样的元素 */
-    diffArray: (arr1: any, arr2: any) => any[];
-}
+import { IDocument } from "@voplus/morpho-document-core";
+export declare type DocumentTreeProps = {
+    className?: string;
+    onExpand?: (params?: any) => void;
+};
+export interface DataNode extends IDocument {
+    title: string;
+    key: string;
+    isLeaf?: boolean;
+    children?: DataNode[];
+}
+export declare class State {
+    props: DocumentTreeProps;
+    treeData: DataNode[];
+    initTreeDate: DataNode[];
+    /** Click the current element at load time */
+    treeNodeChildren: any;
+    /** (controlled) expand the specified tree node */
+    expandedKeys: any[];
+    /** (controlled) set the selected tree node */
+    selectedKeys: any[];
+    constructor();
+    /**展开/收起节点时触发*/
+    onExpand(expandedKeys: any, { expanded, node }: any): void;
+    onSelect(selectedKeys: any, { selected, selectedNodes, node, event }: any): void;
+    /** 比较出2个数组中不一样的元素 */
+    diffArray: (arr1: any, arr2: any) => any[];
+}

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,14 +1,14 @@
-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, 
-            // docTab={false}
-            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, 
+            // docTab={false}
+            details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
+};
+export default FilePropertiesView;
 //# sourceMappingURL=index.js.map