@voplus/morpho-document 4.0.3 → 4.0.5

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

@@ -1,21 +1,21 @@
-import React, { Children, cloneElement } from "react";
-import styles from "./tree-node-renderer.less";
-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;
-    return connectDropTarget(React.createElement("div", { ...otherProps, className: styles.node, style: { height: "auto" } }, Children.map(children, (child) => cloneElement(child, {
-        isOver,
-        canDrop,
-        draggedNode,
-        lowerSiblingCounts,
-        listIndex,
-        swapFrom,
-        swapLength,
-        swapDepth,
-    }))));
-};
-export default FileThemeTreeNodeRenderer;
+import React, { Children, cloneElement } from "react";
+import styles from "./tree-node-renderer.less";
+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;
+    return connectDropTarget(React.createElement("div", { ...otherProps, className: styles.node, style: { height: "auto" } }, Children.map(children, (child) => cloneElement(child, {
+        isOver,
+        canDrop,
+        draggedNode,
+        lowerSiblingCounts,
+        listIndex,
+        swapFrom,
+        swapLength,
+        swapDepth,
+    }))));
+};
+export default FileThemeTreeNodeRenderer;
 //# sourceMappingURL=tree-node-renderer.js.map

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.less

@@ -1,4 +1,4 @@
-.node {
-  min-width: 100%;
-  position: relative;
-}
+.node {
+  min-width: 100%;
+  position: relative;
+}

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/index.d.ts

@@ -1,4 +1,4 @@
-import "@voplus/react-sortable-tree/style.css";
-import { ThemeProps } from "@voplus/react-sortable-tree";
-declare const SortableTreeDocumentTheme: ThemeProps;
-export default SortableTreeDocumentTheme;
+import "@voplus/react-sortable-tree/style.css";
+import { ThemeProps } from "@voplus/react-sortable-tree";
+declare const SortableTreeDocumentTheme: ThemeProps;
+export default SortableTreeDocumentTheme;

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/index.js

@@ -1,23 +1,23 @@
-// Can override the following:
-//
-// style: PropTypes.shape({}),
-// innerStyle: PropTypes.shape({}),
-// reactVirtualizedListProps: PropTypes.shape({}),
-// scaffoldBlockPxWidth: PropTypes.number,
-// slideRegionSize: PropTypes.number,
-// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-// treeNodeRenderer: PropTypes.func,
-// nodeContentRenderer: PropTypes.func,
-// placeholderRenderer: PropTypes.func,
-import "@voplus/react-sortable-tree/style.css";
-import nodeContentRenderer from "./node-content-renderer";
-import treeNodeRenderer from "./tree-node-renderer";
-const SortableTreeDocumentTheme = {
-    nodeContentRenderer,
-    treeNodeRenderer,
-    scaffoldBlockPxWidth: 44,
-    rowHeight: 80,
-    slideRegionSize: 50,
-};
-export default SortableTreeDocumentTheme;
+// Can override the following:
+//
+// style: PropTypes.shape({}),
+// innerStyle: PropTypes.shape({}),
+// reactVirtualizedListProps: PropTypes.shape({}),
+// scaffoldBlockPxWidth: PropTypes.number,
+// slideRegionSize: PropTypes.number,
+// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+// treeNodeRenderer: PropTypes.func,
+// nodeContentRenderer: PropTypes.func,
+// placeholderRenderer: PropTypes.func,
+import "@voplus/react-sortable-tree/style.css";
+import nodeContentRenderer from "./node-content-renderer";
+import treeNodeRenderer from "./tree-node-renderer";
+const SortableTreeDocumentTheme = {
+    nodeContentRenderer,
+    treeNodeRenderer,
+    scaffoldBlockPxWidth: 44,
+    rowHeight: 80,
+    slideRegionSize: 50,
+};
+export default SortableTreeDocumentTheme;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/node-content-renderer.d.ts

@@ -1,3 +1,3 @@
-import { NodeRenderer } from "@voplus/react-sortable-tree";
-declare const FileThemeNodeContentRenderer: NodeRenderer;
-export default FileThemeNodeContentRenderer;
+import { NodeRenderer } from "@voplus/react-sortable-tree";
+declare const FileThemeNodeContentRenderer: NodeRenderer;
+export default FileThemeNodeContentRenderer;

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

@@ -1,60 +1,60 @@
-import React, { useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Spin } from "antd";
-import TreeDocumentItem from "../../../DocumentItem/TreeDocumentItem";
-import classnames from "classnames";
-import { faBars } from "@fortawesome/pro-light-svg-icons";
-import styles from "./node-content-renderer.less";
-/**
- * Check if a node is a descendant of another node.
- *
- * @param {!Object} older - Potential ancestor of younger node
- * @param {!Object} younger - Potential descendant of older node
- *
- * @return {boolean}
- */
-function isDescendant(older, younger) {
-    return (!!older.children &&
-        typeof older.children !== "function" &&
-        older.children.some((child) => child === younger || isDescendant(child, younger)));
-}
-const FileThemeNodeContentRenderer = (props) => {
-    const { scaffoldBlockPxWidth, toggleChildrenVisibility, connectDragPreview, connectDragSource, isDragging, canDrop, canDrag, node, title, subtitle, draggedNode, path, treeIndex, isSearchMatch, isSearchFocus, icons, buttons, className, style, didDrop, lowerSiblingCounts, listIndex, swapFrom, swapLength, swapDepth, treeId, // Not needed, but preserved for other renderers
-    isOver, // Not needed, but preserved for other renderers
-    parentNode, // Needed for dndManager
-    rowDirection, ...otherProps } = props;
-    const [isHover, setIsHover] = useState(false);
-    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
-    const isLandingPadActive = !didDrop && isDragging;
-    const buttonStyle = { left: -0.5 * scaffoldBlockPxWidth };
-    const handle = (React.createElement(React.Fragment, null,
-        React.createElement(React.Fragment, null, node.childrenListLoading && node.expanded ? (
-        // Show a loading symbol on the handle when the children are expanded
-        React.createElement("div", { className: styles["doc-moveHandle"] },
-            React.createElement(Spin, null))) : (
-        // Show the handle used to initiate a drag-and-drop
-        React.createElement(React.Fragment, null, canDrag ? (connectDragSource(React.createElement("div", { className: styles["doc-moveHandle"] },
-            React.createElement(FAIcon, { icon: faBars })), {
-            dropEffect: "copy",
-        })) : (React.createElement("div", { className: styles["doc-moveHandle"] },
-            React.createElement(FAIcon, { icon: faBars }))))))));
-    return (React.createElement("div", { style: { height: "100%" }, className: styles["theme-nodeContent"], ...otherProps },
-        toggleChildrenVisibility &&
-            node.children &&
-            (node.children.length > 0 || typeof node.children === "function") && (React.createElement("div", null,
-            React.createElement("button", { type: "button", "aria-label": node.expanded ? "Collapse" : "Expand", className: classnames(node.expanded ? "rst__collapseButton" : "rst__expandButton"), style: buttonStyle, onClick: () => toggleChildrenVisibility({
-                    node,
-                    path,
-                    treeIndex,
-                }) }),
-            node.expanded && !isDragging && (React.createElement("div", { style: { width: scaffoldBlockPxWidth }, className: classnames("rst__lineChildren") })))),
-        React.createElement("div", { className: classnames("rst__rowWrapper") }, connectDragPreview(React.createElement("div", { className: classnames("doc-row", isLandingPadActive && "rst__rowLandingPad", isLandingPadActive && !canDrop && "rst__rowCancelPad", isSearchMatch && "rst__rowSearchMatch", isSearchFocus && "rst__rowSearchFocus", className), style: {
-                opacity: isDraggedDescendant ? 0.5 : 1,
-                ...style,
-            } },
-            handle,
-            React.createElement("div", { className: classnames("doc-rowContents") },
-                React.createElement(TreeDocumentItem, { id: node.id })))))));
-};
-export default FileThemeNodeContentRenderer;
+import React, { useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Spin } from "antd";
+import TreeDocumentItem from "../../../DocumentItem/TreeDocumentItem";
+import classnames from "classnames";
+import { faBars } from "@fortawesome/pro-light-svg-icons";
+import styles from "./node-content-renderer.less";
+/**
+ * Check if a node is a descendant of another node.
+ *
+ * @param {!Object} older - Potential ancestor of younger node
+ * @param {!Object} younger - Potential descendant of older node
+ *
+ * @return {boolean}
+ */
+function isDescendant(older, younger) {
+    return (!!older.children &&
+        typeof older.children !== "function" &&
+        older.children.some((child) => child === younger || isDescendant(child, younger)));
+}
+const FileThemeNodeContentRenderer = (props) => {
+    const { scaffoldBlockPxWidth, toggleChildrenVisibility, connectDragPreview, connectDragSource, isDragging, canDrop, canDrag, node, title, subtitle, draggedNode, path, treeIndex, isSearchMatch, isSearchFocus, icons, buttons, className, style, didDrop, lowerSiblingCounts, listIndex, swapFrom, swapLength, swapDepth, treeId, // Not needed, but preserved for other renderers
+    isOver, // Not needed, but preserved for other renderers
+    parentNode, // Needed for dndManager
+    rowDirection, ...otherProps } = props;
+    const [isHover, setIsHover] = useState(false);
+    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
+    const isLandingPadActive = !didDrop && isDragging;
+    const buttonStyle = { left: -0.5 * scaffoldBlockPxWidth };
+    const handle = (React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null, node.childrenListLoading && node.expanded ? (
+        // Show a loading symbol on the handle when the children are expanded
+        React.createElement("div", { className: styles["doc-moveHandle"] },
+            React.createElement(Spin, null))) : (
+        // Show the handle used to initiate a drag-and-drop
+        React.createElement(React.Fragment, null, canDrag ? (connectDragSource(React.createElement("div", { className: styles["doc-moveHandle"] },
+            React.createElement(FAIcon, { icon: faBars })), {
+            dropEffect: "copy",
+        })) : (React.createElement("div", { className: styles["doc-moveHandle"] },
+            React.createElement(FAIcon, { icon: faBars }))))))));
+    return (React.createElement("div", { style: { height: "100%" }, className: styles["theme-nodeContent"], ...otherProps },
+        toggleChildrenVisibility &&
+            node.children &&
+            (node.children.length > 0 || typeof node.children === "function") && (React.createElement("div", null,
+            React.createElement("button", { type: "button", "aria-label": node.expanded ? "Collapse" : "Expand", className: classnames(node.expanded ? "rst__collapseButton" : "rst__expandButton"), style: buttonStyle, onClick: () => toggleChildrenVisibility({
+                    node,
+                    path,
+                    treeIndex,
+                }) }),
+            node.expanded && !isDragging && (React.createElement("div", { style: { width: scaffoldBlockPxWidth }, className: classnames("rst__lineChildren") })))),
+        React.createElement("div", { className: classnames("rst__rowWrapper") }, connectDragPreview(React.createElement("div", { className: classnames("doc-row", isLandingPadActive && "rst__rowLandingPad", isLandingPadActive && !canDrop && "rst__rowCancelPad", isSearchMatch && "rst__rowSearchMatch", isSearchFocus && "rst__rowSearchFocus", className), style: {
+                opacity: isDraggedDescendant ? 0.5 : 1,
+                ...style,
+            } },
+            handle,
+            React.createElement("div", { className: classnames("doc-rowContents") },
+                React.createElement(TreeDocumentItem, { id: node.id })))))));
+};
+export default FileThemeNodeContentRenderer;
 //# sourceMappingURL=node-content-renderer.js.map

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/node-content-renderer.less

@@ -1,64 +1,64 @@
-.theme-nodeContent {
-	:global {
-		.rst__collapseButton,
-		.rst__expandButton {
-			box-shadow: 0 0 0 1px #cccccc;
-		}
-		.rst__lineChildren::after {
-			background-color: #cccccc;
-		}
-		.doc-row {
-			height: 100%;
-			// white-space: nowrap;
-			display: flex;
-			border: solid #bbb 1px;
-			box-shadow: 0 2px 2px -2px;
-			padding: 0 5px 0 10px;
-			border-radius: 2px;
-			.doc-rowContents {
-				position: relative;
-				height: 100%;
-				min-width: 230px;
-				// flex: 1 0 auto;
-				flex: 1;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				cursor: pointer;
-				> div:before {
-					border-bottom: none;
-				}
-			}
-		}
-		.document-header-default {
-			&:after {
-				border-bottom: none !important;
-			}
-			.document-name-content > div {
-				display: flex;
-			}
-			.document-name {
-				text-overflow: -o-ellipsis-lastline;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				display: -webkit-box;
-				-webkit-line-clamp: 2;
-				line-clamp: 2;
-				-webkit-box-orient: vertical;
-			}
-			.document-pre {
-				padding-top: 3px;
-			}
-		}
-	}
-}
-.doc-moveHandle {
-	width: 20px;
-	font-size: 20px;
-	color: #ccc;
-	cursor: move;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 1;
-}
+.theme-nodeContent {
+	:global {
+		.rst__collapseButton,
+		.rst__expandButton {
+			box-shadow: 0 0 0 1px #cccccc;
+		}
+		.rst__lineChildren::after {
+			background-color: #cccccc;
+		}
+		.doc-row {
+			height: 100%;
+			// white-space: nowrap;
+			display: flex;
+			border: solid #bbb 1px;
+			box-shadow: 0 2px 2px -2px;
+			padding: 0 5px 0 10px;
+			border-radius: 2px;
+			.doc-rowContents {
+				position: relative;
+				height: 100%;
+				min-width: 230px;
+				// flex: 1 0 auto;
+				flex: 1;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				cursor: pointer;
+				> div:before {
+					border-bottom: none;
+				}
+			}
+		}
+		.document-header-default {
+			&:after {
+				border-bottom: none !important;
+			}
+			.document-name-content > div {
+				display: flex;
+			}
+			.document-name {
+				text-overflow: -o-ellipsis-lastline;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				display: -webkit-box;
+				-webkit-line-clamp: 2;
+				line-clamp: 2;
+				-webkit-box-orient: vertical;
+			}
+			.document-pre {
+				padding-top: 3px;
+			}
+		}
+	}
+}
+.doc-moveHandle {
+	width: 20px;
+	font-size: 20px;
+	color: #ccc;
+	cursor: move;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 1;
+}

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

@@ -1,3 +1,3 @@
-import { TreeRenderer } from "@voplus/react-sortable-tree";
-declare const FileThemeTreeNodeRenderer: TreeRenderer;
-export default FileThemeTreeNodeRenderer;
+import { TreeRenderer } from "@voplus/react-sortable-tree";
+declare const FileThemeTreeNodeRenderer: TreeRenderer;
+export default FileThemeTreeNodeRenderer;

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/DocumentSortableTree/themes/SortableTreeDocumentTheme/tree-node-renderer.less

@@ -1,18 +1,18 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.documenet-node {
-	white-space: normal;
-	:global {
-		.rst__lineHalfHorizontalRight::before,
-		.rst__lineFullVertical::after,
-		.rst__lineHalfVerticalTop::after,
-		.rst__lineHalfVerticalBottom::after {
-			position: absolute;
-			content: "";
-			background-color: #cccccc !important;
-		}
-		.document-item .file-type svg {
-			color: @primary-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.documenet-node {
+	white-space: normal;
+	:global {
+		.rst__lineHalfHorizontalRight::before,
+		.rst__lineFullVertical::after,
+		.rst__lineHalfVerticalTop::after,
+		.rst__lineHalfVerticalBottom::after {
+			position: absolute;
+			content: "";
+			background-color: #cccccc !important;
+		}
+		.document-item .file-type svg {
+			color: @primary-color;
+		}
+	}
+}

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

@@ -1,14 +1,15 @@
-import { ReactNode } from "react";
-import type { TabsProps } from "antd";
-declare const DocumentTabs: (props: {
-    id: string;
-    /** 初始显示 tab 面板的 key */
-    active?: string;
-    tabItems?: TabsProps["items"];
-    details?: ReactNode;
-    docTabOptions?: {
-        title?: string | ReactNode;
-        exclude?: any[];
-    };
-}) => JSX.Element;
-export default DocumentTabs;
+import { ReactNode } from "react";
+import type { TabsProps } from "antd";
+declare const DocumentTabs: (props: {
+    id: string;
+    /** 初始显示 tab 面板的 key */
+    active?: string | undefined;
+    tabItems?: TabsProps["items"];
+    details?: ReactNode;
+    docTabOptions?: {
+        title?: string | ReactNode;
+        exclude?: any[] | undefined;
+    } | undefined;
+    onChange?: ((activeKey: string) => void) | undefined;
+}) => JSX.Element;
+export default DocumentTabs;