@voplus/morpho-document 1.4.97 → 1.4.99

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/tree-node-renderer.js

@@ -1,95 +1,95 @@
-import React, { Children, cloneElement, useCallback, useRef, useState } from "react";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./tree-node-renderer.less";
-import { useSortableTreeContext } from "../../SortableTreeContext";
-const FileThemeTreeNodeRenderer = (props) => {
-    const { children, listIndex, swapFrom, swapLength, swapDepth, scaffoldBlockPxWidth, lowerSiblingCounts, connectDropTarget, isOver, draggedNode, canDrop, treeIndex, treeId, // Delete from otherProps
-    getPrevRow, // Delete from otherProps
-    node, // Delete from otherProps
-    path, // Delete from otherProps
-    rowDirection, ...otherProps } = props;
-    const ref = useRef(null);
-    const tree = useSortableTreeContext();
-    const [width, setWidth] = useState(0);
-    // Construct the scaffold representing the structure of the tree
-    const scaffoldBlockCount = lowerSiblingCounts.length;
-    const scaffold = [];
-    lowerSiblingCounts.forEach((lowerSiblingCount, i) => {
-        let lineClass = "";
-        if (lowerSiblingCount > 0) {
-            // At this level in the tree, the nodes had sibling nodes further down
-            if (listIndex === 0) {
-                // Top-left corner of the tree
-                lineClass = "rst__lineHalfHorizontalRight rst__lineHalfVerticalBottom";
-            }
-            else if (i === scaffoldBlockCount - 1) {
-                // Last scaffold block in the row, right before the row content
-                lineClass = "rst__lineHalfHorizontalRight rst__lineFullVertical";
-            }
-            else {
-                // Simply connecting the line extending down to the next sibling on this level
-                lineClass = "rst__lineFullVertical";
-            }
-        }
-        else if (listIndex === 0) {
-            // Top-left corner of the tree, but has no siblings
-            lineClass = "rst__lineHalfHorizontalRight";
-        }
-        else if (i === scaffoldBlockCount - 1) {
-            // The last or only node in this level of the tree
-            lineClass = "rst__lineHalfVerticalTop rst__lineHalfHorizontalRight";
-        }
-        scaffold.push(React.createElement("div", { key: `pre_${1 + i}`, style: { width: scaffoldBlockPxWidth }, className: classnames("rst__lineBlock", lineClass) }));
-        if (treeIndex !== listIndex && i === swapDepth) {
-            // This row has been shifted, and is at the depth of
-            // the line pointing to the new destination
-            let highlightLineClass = "";
-            if (listIndex === swapFrom + swapLength - 1) {
-                // This block is on the bottom (target) line
-                // This block points at the target block (where the row will go when released)
-                highlightLineClass = "rst__highlightBottomLeftCorner";
-            }
-            else if (treeIndex === swapFrom) {
-                // This block is on the top (source) line
-                highlightLineClass = "rst__highlightTopLeftCorner";
-            }
-            else {
-                // This block is between the bottom and top
-                highlightLineClass = "rst__highlightLineVertical";
-            }
-            const style = {
-                width: scaffoldBlockPxWidth,
-                left: scaffoldBlockPxWidth * i,
-            };
-            scaffold.push(React.createElement("div", { key: i, style: style, className: classnames("rst__absoluteLineBlock", highlightLineClass) }));
-        }
-    });
-    const nodeRef = useCallback((node) => {
-        if (node !== null) {
-            setTimeout(() => {
-                setWidth(node.getBoundingClientRect().width);
-            }, 500);
-        }
-    }, [tree.isAside]);
-    return observe(() => {
-        var _a, _b;
-        return connectDropTarget(React.createElement("div", { ...otherProps, ref: nodeRef, className: classnames("rst__node", styles["documenet-node"]), style: {
-                width: "100%",
-                height: 98,
-            } },
-            scaffold,
-            React.createElement("div", { className: "rst__nodeContent", style: {
-                    left: scaffoldBlockPxWidth * scaffoldBlockCount,
-                    width: ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) < width - scaffoldBlockPxWidth * scaffoldBlockCount - 10
-                        ? (_b = ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth
-                        : width - scaffoldBlockPxWidth * scaffoldBlockCount - 10,
-                }, ref: ref }, Children.map(children, (child) => cloneElement(child, {
-                isOver,
-                canDrop,
-                draggedNode,
-            })))));
-    });
-};
-export default FileThemeTreeNodeRenderer;
+import React, { Children, cloneElement, useCallback, useRef, useState } from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./tree-node-renderer.less";
+import { useSortableTreeContext } from "../../SortableTreeContext";
+const FileThemeTreeNodeRenderer = (props) => {
+    const { children, listIndex, swapFrom, swapLength, swapDepth, scaffoldBlockPxWidth, lowerSiblingCounts, connectDropTarget, isOver, draggedNode, canDrop, treeIndex, treeId, // Delete from otherProps
+    getPrevRow, // Delete from otherProps
+    node, // Delete from otherProps
+    path, // Delete from otherProps
+    rowDirection, ...otherProps } = props;
+    const ref = useRef(null);
+    const tree = useSortableTreeContext();
+    const [width, setWidth] = useState(0);
+    // Construct the scaffold representing the structure of the tree
+    const scaffoldBlockCount = lowerSiblingCounts.length;
+    const scaffold = [];
+    lowerSiblingCounts.forEach((lowerSiblingCount, i) => {
+        let lineClass = "";
+        if (lowerSiblingCount > 0) {
+            // At this level in the tree, the nodes had sibling nodes further down
+            if (listIndex === 0) {
+                // Top-left corner of the tree
+                lineClass = "rst__lineHalfHorizontalRight rst__lineHalfVerticalBottom";
+            }
+            else if (i === scaffoldBlockCount - 1) {
+                // Last scaffold block in the row, right before the row content
+                lineClass = "rst__lineHalfHorizontalRight rst__lineFullVertical";
+            }
+            else {
+                // Simply connecting the line extending down to the next sibling on this level
+                lineClass = "rst__lineFullVertical";
+            }
+        }
+        else if (listIndex === 0) {
+            // Top-left corner of the tree, but has no siblings
+            lineClass = "rst__lineHalfHorizontalRight";
+        }
+        else if (i === scaffoldBlockCount - 1) {
+            // The last or only node in this level of the tree
+            lineClass = "rst__lineHalfVerticalTop rst__lineHalfHorizontalRight";
+        }
+        scaffold.push(React.createElement("div", { key: `pre_${1 + i}`, style: { width: scaffoldBlockPxWidth }, className: classnames("rst__lineBlock", lineClass) }));
+        if (treeIndex !== listIndex && i === swapDepth) {
+            // This row has been shifted, and is at the depth of
+            // the line pointing to the new destination
+            let highlightLineClass = "";
+            if (listIndex === swapFrom + swapLength - 1) {
+                // This block is on the bottom (target) line
+                // This block points at the target block (where the row will go when released)
+                highlightLineClass = "rst__highlightBottomLeftCorner";
+            }
+            else if (treeIndex === swapFrom) {
+                // This block is on the top (source) line
+                highlightLineClass = "rst__highlightTopLeftCorner";
+            }
+            else {
+                // This block is between the bottom and top
+                highlightLineClass = "rst__highlightLineVertical";
+            }
+            const style = {
+                width: scaffoldBlockPxWidth,
+                left: scaffoldBlockPxWidth * i,
+            };
+            scaffold.push(React.createElement("div", { key: i, style: style, className: classnames("rst__absoluteLineBlock", highlightLineClass) }));
+        }
+    });
+    const nodeRef = useCallback((node) => {
+        if (node !== null) {
+            setTimeout(() => {
+                setWidth(node.getBoundingClientRect().width);
+            }, 500);
+        }
+    }, [tree.isAside]);
+    return observe(() => {
+        var _a, _b;
+        return connectDropTarget(React.createElement("div", { ...otherProps, ref: nodeRef, className: classnames("rst__node", styles["documenet-node"]), style: {
+                width: "100%",
+                height: 98,
+            } },
+            scaffold,
+            React.createElement("div", { className: "rst__nodeContent", style: {
+                    left: scaffoldBlockPxWidth * scaffoldBlockCount,
+                    width: ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) < width - scaffoldBlockPxWidth * scaffoldBlockCount - 10
+                        ? (_b = ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth
+                        : width - scaffoldBlockPxWidth * scaffoldBlockCount - 10,
+                }, ref: ref }, Children.map(children, (child) => cloneElement(child, {
+                isOver,
+                canDrop,
+                draggedNode,
+            })))));
+    });
+};
+export default FileThemeTreeNodeRenderer;
 //# sourceMappingURL=tree-node-renderer.js.map

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

@@ -1,30 +1,30 @@
-import { ReactNode } from "react";
-declare const DocumentTabs: {
-    (props: {
-        id: string;
-        /** 初始显示 tab 面板的 key */
-        active?: string;
-        /** pre tab 数据 */
-        preData?: {
-            key: string;
-            title: string | ReactNode;
-            content: ReactNode;
-        }[];
-        /** title of details */
-        detailTitle?: string | ReactNode;
-        details?: ReactNode;
-        docTab?: boolean;
-        docTabOptions?: {
-            title?: string | ReactNode;
-            exclude?: any[];
-        };
-        isActivities?: boolean;
-        isLinks?: boolean;
-    }): JSX.Element;
-    defaultProps: {
-        docTab: boolean;
-        isActivities: boolean;
-        isLinks: boolean;
-    };
-};
-export default DocumentTabs;
+import { ReactNode } from "react";
+declare const DocumentTabs: {
+    (props: {
+        id: string;
+        /** 初始显示 tab 面板的 key */
+        active?: string;
+        /** pre tab 数据 */
+        preData?: {
+            key: string;
+            title: string | ReactNode;
+            content: ReactNode;
+        }[];
+        /** title of details */
+        detailTitle?: string | ReactNode;
+        details?: ReactNode;
+        docTab?: boolean;
+        docTabOptions?: {
+            title?: string | ReactNode;
+            exclude?: any[];
+        };
+        isActivities?: boolean;
+        isLinks?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        docTab: boolean;
+        isActivities: boolean;
+        isLinks: boolean;
+    };
+};
+export default DocumentTabs;

package/es/components/DocumentTabs/index.js

@@ -1,35 +1,35 @@
-import React, { useEffect, useState } from "react";
-import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
-import DocumentList from "../DocumentList";
-import Links from "../Links";
-import { Tabs } from "@voplus/antd";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-const DocumentTabs = (props) => {
-    const { id, detailTitle, details, docTab, isActivities, isLinks, preData, active } = props;
-    /**Tabs 当前激活 tab 面板的 key */
-    const [activeKey, setActiveKey] = useState(active ? active : details ? "Details" : docTab ? "Document" : "Activities");
-    useEffect(() => {
-        setActiveKey(active ? active : details ? "Details" : docTab ? "Document" : "Activities");
-    }, [props.id]);
-    return observe(() => {
-        var _a, _b, _c;
-        return (React.createElement(Tabs, { activeKey: activeKey, onChange: onChange, className: styles.element }, preData === null || preData === void 0 ? void 0 :
-            preData.map((item) => (React.createElement(Tabs.TabPane, { tab: item.title, key: item.key }, item.content))),
-            details && (React.createElement(Tabs.TabPane, { tab: detailTitle !== null && detailTitle !== void 0 ? detailTitle : "Details", key: "Details" }, details)),
-            docTab && (React.createElement(Tabs.TabPane, { tab: (_b = (_a = props.docTabOptions) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : "Document", key: "Document" }, activeKey === "Document" && (React.createElement(DocumentList, { id: id, exclude: (_c = props.docTabOptions) === null || _c === void 0 ? void 0 : _c.exclude, multiple: true, viewTitle: " ", total: false })))),
-            isActivities && (React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id, isTitle: false }))),
-            isLinks && (React.createElement(Tabs.TabPane, { tab: "Links", key: "Links" }, activeKey === "Links" && React.createElement(Links, { id: id, isTitle: false })))));
-    });
-    /**切换面板的回调*/
-    function onChange(activeKey) {
-        setActiveKey(activeKey);
-    }
-};
-DocumentTabs.defaultProps = {
-    docTab: true,
-    isActivities: true,
-    isLinks: true,
-};
-export default DocumentTabs;
+import React, { useEffect, useState } from "react";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "../DocumentList";
+import Links from "../Links";
+import { Tabs } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const DocumentTabs = (props) => {
+    const { id, detailTitle, details, docTab, isActivities, isLinks, preData, active } = props;
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState(active ? active : details ? "Details" : docTab ? "Document" : "Activities");
+    useEffect(() => {
+        setActiveKey(active ? active : details ? "Details" : docTab ? "Document" : "Activities");
+    }, [props.id]);
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement(Tabs, { activeKey: activeKey, onChange: onChange, className: styles.element }, preData === null || preData === void 0 ? void 0 :
+            preData.map((item) => (React.createElement(Tabs.TabPane, { tab: item.title, key: item.key }, item.content))),
+            details && (React.createElement(Tabs.TabPane, { tab: detailTitle !== null && detailTitle !== void 0 ? detailTitle : "Details", key: "Details" }, details)),
+            docTab && (React.createElement(Tabs.TabPane, { tab: (_b = (_a = props.docTabOptions) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : "Document", key: "Document" }, activeKey === "Document" && (React.createElement(DocumentList, { id: id, exclude: (_c = props.docTabOptions) === null || _c === void 0 ? void 0 : _c.exclude, multiple: true, viewTitle: " ", total: false })))),
+            isActivities && (React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id, isTitle: false }))),
+            isLinks && (React.createElement(Tabs.TabPane, { tab: "Links", key: "Links" }, activeKey === "Links" && React.createElement(Links, { id: id, isTitle: false })))));
+    });
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+DocumentTabs.defaultProps = {
+    docTab: true,
+    isActivities: true,
+    isLinks: true,
+};
+export default DocumentTabs;
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DocumentTreeProps } from "./state";
-declare const DocumentTree: (props: DocumentTreeProps) => JSX.Element;
-export default DocumentTree;
+/// <reference types="react" />
+import { DocumentTreeProps } from "./state";
+declare const DocumentTree: (props: DocumentTreeProps) => JSX.Element;
+export default DocumentTree;

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/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[];
+}