@voplus/morpho-document 1.0.0-dev275 → 1.0.0-dev278

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.js

@@ -0,0 +1,82 @@
+import { faChevronRight, faSitemap } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Spin } from "@voplus/antd";
+import UnitName from "../../../UnitName";
+import classnames from "classnames";
+import styles from "./node-content-renderer.less";
+import { useUnitContext } from "../../../../data/UnitContext";
+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, 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 store = useUnitContext();
+    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
+    const isLandingPadActive = !didDrop && isDragging;
+    // Construct the scaffold representing the structure of the tree
+    const scaffold = [];
+    lowerSiblingCounts.forEach((lowerSiblingCount, i) => {
+        scaffold.push(React.createElement("div", { key: `pre_${1 + i}`, style: { width: scaffoldBlockPxWidth }, className: "lineBlock" }));
+        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 = "highlightBottomLeftCorner";
+            }
+            else if (treeIndex === swapFrom) {
+                // This block is on the top (source) line
+                highlightLineClass = "highlightTopLeftCorner";
+            }
+            else {
+                // This block is between the bottom and top
+                highlightLineClass = "highlightLineVertical";
+            }
+            scaffold.push(React.createElement("div", { key: `highlight_${1 + i}`, style: {
+                    width: scaffoldBlockPxWidth,
+                    left: scaffoldBlockPxWidth * i
+                }, className: classnames("absoluteLineBlock", "highlightLineClass") }));
+        }
+    });
+    const nodeContent = (React.createElement("div", Object.assign({ className: styles["file-explorer-theme"] }, otherProps),
+        toggleChildrenVisibility && node.children && node.children.length > 0 && (React.createElement("button", { type: "button", className: node.expanded ? "collapseButton" : "expandButton", style: {
+                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth
+            }, onClick: () => toggleChildrenVisibility({
+                node,
+                path,
+                treeIndex
+            }) },
+            React.createElement("span", { className: "arrows" },
+                React.createElement(FAIcon, { icon: faChevronRight })))),
+        node.childrenListLoading && node.expanded && (React.createElement("div", { className: "doc-spin", style: {
+                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth
+            } },
+            React.createElement(Spin, { size: "small" }))),
+        React.createElement("div", { className: classnames("rowWrapper", !canDrag ? "rowWrapperDragDisabled" : "") }, connectDragPreview(React.createElement("div", { style: { display: "flex" } },
+            scaffold,
+            React.createElement("div", { className: classnames("row", {
+                    rowLandingPad: isLandingPadActive,
+                    rowCancelPad: isLandingPadActive && !canDrop,
+                    rowSearchMatch: isSearchMatch,
+                    rowSearchFocus: isSearchFocus
+                }, className), style: {
+                    opacity: isDraggedDescendant ? 0.5 : 1,
+                    ...style
+                } },
+                React.createElement("div", { className: classnames("rowContents", { rowContentsDragDisabled: !canDrag }) },
+                    React.createElement("div", { className: "rowLabel" }, node.id === "" ? (React.createElement("div", { className: "file-document-name", onClick: () => { var _a; return (_a = store === null || store === void 0 ? void 0 : store.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, node.id); } },
+                        React.createElement("div", { className: "file-type" },
+                            React.createElement(FAIcon, { icon: faSitemap })),
+                        React.createElement("div", { className: "file-name" }, node.name))) : (React.createElement(UnitName, { id: node.id }))))))))));
+    return canDrag ? connectDragSource(nodeContent, { dropEffect: "copy" }) : nodeContent;
+};
+export default FileThemeNodeContentRenderer;
+//# sourceMappingURL=node-content-renderer.js.map

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-content-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.less

@@ -0,0 +1,316 @@
+.file-explorer-theme {
+	height: 100%;
+	:global {
+		.doc-spin {
+			z-index: 2;
+			position: absolute;
+			top: 50%;
+			width: 30px;
+			height: 30px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			transform: translate3d(-50%, -50%, 0);
+		}
+		.collapseButton,
+		.expandButton {
+			appearance: none;
+			border: none;
+			background: transparent;
+			padding: 0;
+			z-index: 2;
+			position: absolute;
+			top: 45%;
+			width: 30px;
+			height: 30px;
+			transform: translate3d(-50%, -50%, 0);
+			cursor: pointer;
+			.arrows {
+				display: inline-block;
+				font-size: 10px;
+				transform: translate3d(50%, 0, 0) rotateZ(90deg);
+			}
+			&:focus {
+				outline: none;
+			}
+		}
+		.expandButton .arrows {
+			display: inline-block;
+			font-size: 10px;
+			transform: translate3d(50%, 0, 0);
+		}
+		.rowWrapper {
+			height: 100%;
+			box-sizing: border-box;
+			// cursor: move;
+			&:hover {
+				opacity: 0.7;
+			}
+
+			&:active {
+				opacity: 1;
+			}
+		}
+		.rowWrapperDragDisabled {
+			cursor: default;
+		}
+		.row {
+			height: 100%;
+			white-space: nowrap;
+			display: flex;
+			position: relative;
+
+			& > * {
+				box-sizing: border-box;
+			}
+		}
+
+		/**
+		 * The outline of where the element will go if dropped, displayed while dragging
+		 */
+		.rowLandingPad {
+			border: none;
+			box-shadow: none;
+			outline: none;
+
+			* {
+				opacity: 0 !important;
+			}
+
+			&::before {
+				background-color: lightblue;
+				border: 2px dotted black;
+				content: "";
+				position: absolute;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+				z-index: -1;
+			}
+		}
+
+		/**
+		 * Alternate appearance of the landing pad when the dragged location is invalid
+		 */
+		.rowCancelPad {
+			// @extend .rowLandingPad;
+
+			&::before {
+				background-color: #e6a8ad;
+			}
+		}
+
+		/**
+		 * Nodes matching the search conditions are highlighted
+		 */
+		.rowSearchMatch {
+			box-shadow: inset 0 -7px 7px -3px #0080ff;
+		}
+
+		/**
+		 * The node that matches the search conditions and is currently focused
+		 */
+		.rowSearchFocus {
+			box-shadow: inset 0 -7px 7px -3px #fc6421;
+		}
+
+		// %rowItem {
+		//   display: inline-block;
+		//   vertical-align: middle;
+		// }
+
+		.rowContents {
+			// @extend %rowItem;
+			position: relative;
+			height: 100%;
+			flex: 1 0 auto;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+		}
+
+		.rowLabel {
+			// @extend %rowItem;
+			display: flex;
+			flex: 0 1 auto;
+			padding-right: 20px;
+			// .doc-spin{
+			// 	padding-right: 6px;
+			// }
+		}
+
+		.file-document-name {
+			display: flex;
+			align-items: center;
+			.file-type {
+				display: flex;
+				align-items: center;
+				width: 22px;
+			}
+			.file-name {
+				display: inline-block;
+				color: #000;
+				font-size: 15px;
+				font-weight: 500;
+				z-index: 100;
+				cursor: pointer;
+			}
+		}
+
+		// .rowToolbar {
+		//   // @extend %rowItem;
+		//   flex: 0 1 auto;
+		//   display: flex;
+		// }
+
+		.toolbarButton {
+			// @extend %rowItem;
+		}
+
+		/**
+ * Line for under a node with children
+ */
+		.lineChildren {
+			height: 100%;
+			display: inline-block;
+		}
+
+		/* ==========================================================================
+   Scaffold
+
+    Line-overlaid blocks used for showing the tree structure
+   ========================================================================== */
+		.lineBlock {
+			height: 100%;
+			position: relative;
+			display: inline-block;
+			flex: 0 0 auto;
+		}
+
+		.absoluteLineBlock {
+			// @extend .lineBlock;
+			position: absolute;
+			top: 0;
+		}
+
+		/* Highlight line for pointing to dragged row destination
+   ========================================================================== */
+		// $highlight-color: #36c2f6;
+		// $highlight-line-size: 6px; // Make it an even number for clean rendering
+
+		/**
+ * +--+--+
+ * |  |  |
+ * |  |  |
+ * |  |  |
+ * +--+--+
+ */
+		.highlightLineVertical {
+			z-index: 3;
+
+			&::before {
+				position: absolute;
+				content: "";
+				// background-color: $highlight-color;
+				// width: $highlight-line-size;
+				// margin-left: $highlight-line-size / -2;
+				left: 50%;
+				top: 0;
+				height: 100%;
+			}
+
+			// @keyframes arrow-pulse {
+			//   $base-multiplier: 10;
+			//   0% {
+			//     transform: translate(0, 0);
+			//     opacity: 0;
+			//   }
+			//   30% {
+			//     transform: translate(0, 30% * $base-multiplier);
+			//     opacity: 1;
+			//   }
+			//   70% {
+			//     transform: translate(0, 70% * $base-multiplier);
+			//     opacity: 1;
+			//   }
+			//   100% {
+			//     transform: translate(0, 100% * $base-multiplier);
+			//     opacity: 0;
+			//   }
+			// }
+
+			&::after {
+				content: "";
+				position: absolute;
+				height: 0;
+				// margin-left: -1 * $highlight-line-size / 2;
+				left: 50%;
+				top: 0;
+				// border-left: $highlight-line-size / 2 solid transparent;
+				// border-right: $highlight-line-size / 2 solid transparent;
+				// border-top: $highlight-line-size / 2 solid white;
+				animation: arrow-pulse 1s infinite linear both;
+			}
+		}
+
+		/**
+ * +-----+
+ * |     |
+ * |  +--+
+ * |  |  |
+ * +--+--+
+ */
+		.highlightTopLeftCorner {
+			&::before {
+				z-index: 3;
+				content: "";
+				position: absolute;
+				// border-top: solid $highlight-line-size $highlight-color;
+				// border-left: solid $highlight-line-size $highlight-color;
+				box-sizing: border-box;
+				// height: calc(50% + #{$highlight-line-size / 2});
+				// top: 50%;
+				// margin-top: $highlight-line-size / -2;
+				// right: 0;
+				// width: calc(50% + #{$highlight-line-size / 2});
+			}
+		}
+
+		/**
+ * +--+--+
+ * |  |  |
+ * |  |  |
+ * |  +->|
+ * +-----+
+ */
+		.highlightBottomLeftCorner {
+			// $arrow-size: 7px;
+			z-index: 3;
+
+			&::before {
+				content: "";
+				position: absolute;
+				// border-bottom: solid $highlight-line-size $highlight-color;
+				// border-left: solid $highlight-line-size $highlight-color;
+				box-sizing: border-box;
+				// height: calc(100% + #{$highlight-line-size / 2});
+				// top: 0;
+				// right: $arrow-size;
+				// width: calc(50% - #{$arrow-size - ($highlight-line-size / 2)});
+			}
+
+			&::after {
+				content: "";
+				position: absolute;
+				height: 0;
+				right: 0;
+				top: 100%;
+				// margin-top: -1 * $arrow-size;
+				// border-top: $arrow-size solid transparent;
+				// border-bottom: $arrow-size solid transparent;
+				// border-left: $arrow-size solid $highlight-color;
+			}
+		}
+	}
+}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.js

@@ -0,0 +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", Object.assign({}, otherProps, { className: styles.node }), 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/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,yBAAyB,GAAiB,CAAC,KAAwB,EAAE,EAAE;IAC5E,MAAM,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EAAE,yBAAyB;IACjC,UAAU,EAAE,yBAAyB;IACrC,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE,yBAAyB;IAC/B,YAAY,EACZ,GAAG,UAAU,EACb,GAAG,KAAK,CAAC;IACV,OAAO,iBAAiB,CACvB,6CAAS,UAAU,IAAE,SAAS,EAAE,MAAM,CAAC,IAAI,KACzC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC/B,YAAY,CAAC,KAAK,EAAE;QACnB,MAAM;QACN,OAAO;QACP,WAAW;QACX,kBAAkB;QAClB,SAAS;QACT,QAAQ;QACR,UAAU;QACV,SAAS;KACT,CAAC,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.less

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

package/es/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,EAAE;AACF,8BAA8B;AAC9B,mCAAmC;AACnC,kDAAkD;AAClD,0CAA0C;AAC1C,qCAAqC;AACrC,sEAAsE;AACtE,oCAAoC;AACpC,uCAAuC;AACvC,uCAAuC;AAEvC,OAAO,+BAA+B,CAAC;AAGvC,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,MAAM,qBAAqB,GAAe;IACzC,mBAAmB;IACnB,gBAAgB;IAChB,oBAAoB,EAAE,EAAE;IACxB,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,EAAE;CACnB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/node-content-renderer.d.ts

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

package/es/modules/unit/components/{SortableTreeUnitTheme → UnitSortableTree/themes/SortableTreeUnitTheme}/node-content-renderer.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { Spin } from "@voplus/antd";
-import UnitItem from "../UnitItem/DefaultUnitItem";
+import UnitItem from "../../../UnitItem";
 import classnames from "classnames";
 import { faBars } from "@fortawesome/pro-light-svg-icons";
 import styles from "./node-content-renderer.less";
@@ -52,7 +52,7 @@ const FileThemeNodeContentRenderer = (props) => {
             } },
             handle,
             React.createElement("div", { className: classnames("doc-rowContents", !canDrag && "rst__rowContentsDragDisabled") },
-                React.createElement(UnitItem, { id: node.id, className: "unit-tree-item" })))))));
+                React.createElement(UnitItem, { id: node.id, type: "tree", className: "unit-tree-item" })))))));
 };
 export default FileThemeNodeContentRenderer;
 //# sourceMappingURL=node-content-renderer.js.map

package/es/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/node-content-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-content-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/node-content-renderer.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/{SortableTreeUnitTheme → UnitSortableTree/themes/SortableTreeUnitTheme}/node-content-renderer.less

@@ -28,7 +28,6 @@
 			.unit-tree-item {
 				min-width: 100%;
 				margin: 0;
-				padding: 10px 15px;
 				border-bottom: none;
 			}
 		}

package/es/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/tree-node-renderer.d.ts

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

package/es/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/tree-node-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/SortableTreeUnitTheme/tree-node-renderer.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/UnitTabs/index.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from "react";
 import ActivityLog from "../ActivityLog";
+import ContactUserInfoView from "../ContactUserInfoView";
 import DocumentList from "../../../../components/DocumentList";
 import Members from "../Members";
 import SubUnitList from "../SubUnitList";
@@ -16,10 +17,12 @@ const UnitTabs = (props) => {
     }, [id]);
     return useObserver(() => (React.createElement(Tabs, { activeKey: activeKey, onChange: onChange },
         details && (React.createElement(Tabs.TabPane, { tab: "Details", key: "Details" }, details)),
-        contact.isGroup && (React.createElement(Tabs.TabPane, { tab: "SubUnits", key: "SubUnits" }, activeKey === "SubUnits" && React.createElement(SubUnitList, { parentId: id }))),
+        contact.isGroup && (React.createElement(Tabs.TabPane, { tab: "SubUnits", key: "SubUnits" }, activeKey === "SubUnits" && React.createElement(SubUnitList, { parentId: id, multiple: true }))),
         contact.type === "Team" && (React.createElement(Tabs.TabPane, { tab: "Members", key: "Members" }, activeKey === "Members" && React.createElement(Members, { parentId: id }))),
         React.createElement(Tabs.TabPane, { tab: "Document", key: "Document" }, activeKey === "Document" && (React.createElement(DocumentList, { id: contact.containerId, parentName: contact.name, multiple: true }))),
-        React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })))));
+        React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })),
+        contact.type === "User" && (React.createElement(Tabs.TabPane, { tab: "UserInfo", key: "UserInfo" },
+            React.createElement(ContactUserInfoView, null))))));
     /**切换面板的回调*/
     function onChange(activeKey) {
         setActiveKey(activeKey);

package/es/modules/unit/components/UnitTabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,CAAC,KAGjB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7E,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;QAC5C,OAAO,IAAI,CACX,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,IACvC,OAAO,CACM,CACf;QACA,OAAO,CAAC,OAAO,IAAI,CACnB,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,GAAI,CAC5C,CACf;QACA,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC3B,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,IACvC,SAAS,KAAK,SAAS,IAAI,oBAAC,OAAO,IAAC,QAAQ,EAAE,EAAE,GAAI,CACvC,CACf;QACD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,CAC5B,oBAAC,YAAY,IAAC,EAAE,EAAE,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,SAAG,CAC5E,CACa;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY,IAC7C,SAAS,KAAK,YAAY,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CACxC,CACT,CACP,CAAC,CAAC;IAEH,YAAY;IACZ,SAAS,QAAQ,CAAC,SAAiB;QAClC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AACzD,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,CAAC,KAGjB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7E,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;QAC5C,OAAO,IAAI,CACX,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,IACvC,OAAO,CACM,CACf;QACA,OAAO,CAAC,OAAO,IAAI,CACnB,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,SAAG,CACrD,CACf;QACA,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC3B,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,IACvC,SAAS,KAAK,SAAS,IAAI,oBAAC,OAAO,IAAC,QAAQ,EAAE,EAAE,GAAI,CACvC,CACf;QACD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,CAC5B,oBAAC,YAAY,IAAC,EAAE,EAAE,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,SAAG,CAC5E,CACa;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY,IAC7C,SAAS,KAAK,YAAY,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CACxC;QACd,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC3B,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU;YAC1C,oBAAC,mBAAmB,OAAG,CACT,CACf,CACK,CACP,CAAC,CAAC;IAEH,YAAY;IACZ,SAAS,QAAQ,CAAC,SAAiB;QAClC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/unit/components/UnitsSelectDialog/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { UnitsSelectDialogProps } from "./state";
+declare const UnitsSelectDialog: {
+    (props: UnitsSelectDialogProps): JSX.Element;
+    defaultProps: {
+        multiSelect: boolean;
+    };
+};
+export default UnitsSelectDialog;

package/es/modules/unit/components/UnitsSelectDialog/index.js

@@ -0,0 +1,35 @@
+import React, { useState } from "react";
+import { State } from "./state";
+import FileExplorerTheme from "../UnitSortableTree/themes/FileExplorerTheme";
+import { Modal } from "@voplus/antd";
+import SubUnitList from "../SubUnitList";
+import UnitSortableTree from "../UnitSortableTree";
+import classnames from "classnames";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+const UnitsSelectDialog = (props) => {
+    const context = useApplicationContext();
+    const [state] = useState(new State());
+    state.props = props;
+    state.multiSelect = props.multiSelect;
+    return useObserver(() => (React.createElement(Modal, { className: classnames(styles["doc-select-dialog"], props.className), width: 800, title: "DocumentSelect", visible: state.visible, okText: "Select", onOk: () => state.handleOk(), onCancel: () => state.handleCancel() },
+        React.createElement("div", { className: "file-tree" },
+            React.createElement(UnitSortableTree
+            // id={context.user.info.driveId}
+            , { 
+                // id={context.user.info.driveId}
+                id: "c896a84e-b31a-4d10-a181-5d34a21b172d", 
+                // allFiles
+                canDrag: false, theme: FileExplorerTheme, onUnitSelected: id => state.onExpand(id) })),
+        React.createElement("div", { className: "document-list" },
+            React.createElement(SubUnitList, { parentId: state.id, type: "select", addAble: false, onSelectUnit: item => state.onSelectUnit(item) })),
+        state.multiSelect && (React.createElement("div", { className: "selected-document-list" },
+            React.createElement("div", { className: "selected-list-title" }, "\u5DF2\u9009\u8054\u7CFB\u4EBA"),
+            state.selectedLists.map(item => (React.createElement("div", { className: "document-itme-name", key: item.id, onDoubleClick: () => state.deselectUnit(item) }, item.name))))))));
+};
+UnitsSelectDialog.defaultProps = {
+    multiSelect: true
+};
+export default UnitsSelectDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitsSelectDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitsSelectDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAA0B,MAAM,SAAS,CAAC;AAExD,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC3D,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAY,CAAC;IAEvC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACnE,KAAK,EAAE,GAAG,EACV,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE;QAEpC,6BAAK,SAAS,EAAC,WAAW;YACzB,oBAAC,gBAAgB;YAChB,iCAAiC;;gBAAjC,iCAAiC;gBACjC,EAAE,EAAC,sCAAsC;gBACzC,WAAW;gBACX,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,GACvC,CACG;QACN,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,WAAW,IACX,QAAQ,EAAE,KAAK,CAAC,EAAE,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EACd,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,GAC7C,CACG;QACL,KAAK,CAAC,WAAW,IAAI,CACrB,6BAAK,SAAS,EAAC,wBAAwB;YACtC,6BAAK,SAAS,EAAC,qBAAqB,qCAAY;YAC/C,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChC,6BACC,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAE5C,IAAI,CAAC,IAAI,CACL,CACN,CAAC,CACG,CACN,CACM,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAChC,WAAW,EAAE,IAAI;CACjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/modules/unit/components/UnitsSelectDialog/index.less

@@ -0,0 +1,36 @@
+.doc-select-dialog {
+	:global {
+		.ant-modal-body {
+			display: flex;
+			height: 600px;
+			padding: 0 15px;
+			> div {
+				flex: 1;
+				border-right: 1px solid #e8e8e8;
+			}
+			> div:last-child {
+				border-right: none;
+			}
+			.file-tree {
+				padding-top: 10px;
+			}
+			.document-list {
+				flex: 2;
+			}
+			.selected-document-list {
+				padding-left: 10px;
+				.selected-list-title {
+					line-height: 44px;
+					border-bottom: 1px solid #e8e8e8;
+				}
+				.document-itme-name {
+					line-height: 32px;
+				}
+				.file-type {
+					display: inline-block;
+					margin-right: 10px;
+				}
+			}
+		}
+	}
+}

package/es/modules/unit/components/UnitsSelectDialog/state.d.ts

@@ -0,0 +1,34 @@
+import { IUnit } from "../../data";
+export declare type UnitsSelectDialogProps = {
+    className?: string;
+    /** 是否多选 */
+    multiSelect?: boolean;
+    /** 文件选择 确定方法 */
+    onSelect?: (params?: {
+        id: string;
+        name: string;
+        type: string;
+    }[]) => void;
+    /** 文件选择 取消方法 */
+    onCancel?: () => void;
+};
+export declare class State {
+    props: UnitsSelectDialogProps;
+    /** UnitList id */
+    id: string;
+    /** 已选文件列表 */
+    selectedLists: IUnit[];
+    /** 是否多选 */
+    multiSelect: boolean;
+    /** 是否显示UnitSelectDialog */
+    visible: boolean;
+    /**Select function*/
+    handleOk(): void | import("@voplus/antd/es/message").MessageType;
+    /**cancel function*/
+    handleCancel(): void;
+    /**已选文件列表 双击取消选择文件*/
+    deselectUnit(item: IUnit): void;
+    /**UnitTree 选择文件返回unit id, UnitList获得id显示列表*/
+    onExpand(expandedKeys: string): void;
+    onSelectUnit(item: IUnit): void;
+}