@voplus/morpho-document 1.0.0-dev303 → 1.0.0-dev305

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

@@ -1,326 +1,323 @@
-.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);
+:global {
+	.explorer-theme-node {
+		&:hover {
+			background: #f5f5f5;
 		}
-		.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;
+		&.active {
+			background: #1ea7fd;
+			svg,
+			.file-name {
+				color: white;
 			}
 		}
-		.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;
-				background-color: #f5f5f5;
+		: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);
 			}
-
-			&:active {
-				// opacity: 1;
-				background-color: #1ea7fd;
+			.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;
+				}
 			}
-		}
-		.rowWrapperDragDisabled {
-			cursor: default;
-		}
-		.row {
-			height: 100%;
-			white-space: nowrap;
-			display: flex;
-			position: relative;
-
-			& > * {
+			.expandButton .arrows {
+				display: inline-block;
+				font-size: 10px;
+				transform: translate3d(50%, 0, 0);
+			}
+			.rowWrapper {
+				height: 100%;
 				box-sizing: border-box;
 			}
-			&:hover {
-				// opacity: 0.7;
-				background-color: #f5f5f5;
+			.rowWrapperDragDisabled {
+				cursor: default;
 			}
+			.row {
+				height: 100%;
+				white-space: nowrap;
+				display: flex;
+				position: relative;
 
-			&:active {
-				// opacity: 1;
-				background-color: #1ea7fd;
+				& > * {
+					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;
+			.rowLandingPad {
+				border: none;
+				box-shadow: none;
+				outline: none;
 
-			* {
-				opacity: 0 !important;
-			}
+				* {
+					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;
+				&::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;
+			.rowCancelPad {
+				// @extend .rowLandingPad;
 
-			&::before {
-				background-color: #e6a8ad;
+				&::before {
+					background-color: #e6a8ad;
+				}
 			}
-		}
 
-		/**
+			/**
 		 * Nodes matching the search conditions are highlighted
 		 */
-		.rowSearchMatch {
-			box-shadow: inset 0 -7px 7px -3px #0080ff;
-		}
+			.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;
-		}
+			.rowSearchFocus {
+				box-shadow: inset 0 -7px 7px -3px #fc6421;
+			}
 
-		// %rowItem {
-		//   display: inline-block;
-		//   vertical-align: middle;
-		// }
+			// %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;
-		}
+			.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;
-			// }
-		}
+			.rowLabel {
+				// @extend %rowItem;
+				display: flex;
+				flex: 0 1 auto;
+				padding-right: 20px;
+			}
 
-		.file-document-name {
-			display: flex;
-			align-items: center;
-			.file-type {
+			.file-document-name {
 				display: flex;
 				align-items: center;
-				width: 22px;
+				.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;
+				}
 			}
-			.file-name {
-				display: inline-block;
-				color: #000;
-				font-size: 15px;
-				font-weight: 500;
-				z-index: 100;
-				cursor: pointer;
+
+			.file-tree-item {
+				padding: 0;
+				margin: 0;
+				&::before {
+					border-bottom: none;
+				}
 			}
-		}
 
-		// .rowToolbar {
-		//   // @extend %rowItem;
-		//   flex: 0 1 auto;
-		//   display: flex;
-		// }
+			// .rowToolbar {
+			//   // @extend %rowItem;
+			//   flex: 0 1 auto;
+			//   display: flex;
+			// }
 
-		.toolbarButton {
-			// @extend %rowItem;
-		}
+			.toolbarButton {
+				// @extend %rowItem;
+			}
 
-		/**
+			/**
  * Line for under a node with children
  */
-		.lineChildren {
-			height: 100%;
-			display: inline-block;
-		}
+			.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;
-		}
+			.lineBlock {
+				height: 100%;
+				position: relative;
+				display: inline-block;
+				flex: 0 0 auto;
+			}
 
-		.absoluteLineBlock {
-			// @extend .lineBlock;
-			position: absolute;
-			top: 0;
-		}
+			.absoluteLineBlock {
+				// @extend .lineBlock;
+				position: absolute;
+				top: 0;
+			}
 
-		/* Highlight line for pointing to dragged row destination
+			/* Highlight line for pointing to dragged row destination
    ========================================================================== */
-		// $highlight-color: #36c2f6;
-		// $highlight-line-size: 6px; // Make it an even number for clean rendering
+			// $highlight-color: #36c2f6;
+			// $highlight-line-size: 6px; // Make it an even number for clean rendering
 
-		/**
+			/**
  * +--+--+
  * |  |  |
  * |  |  |
  * |  |  |
  * +--+--+
  */
-		.highlightLineVertical {
-			z-index: 3;
+			.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%;
-			}
+				&::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;
-			//   }
-			// }
+				// @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;
+				&::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});
+			.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;
+			.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)});
-			}
+				&::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;
+				&::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/components/DocumentTabs/index.js

@@ -3,6 +3,7 @@ import ActivityLog from "../ActivityLog/ActivityLog2";
 import DocumentList from "../DocumentList";
 import Links from "../Links";
 import { Tabs } from "@voplus/antd";
+import styles from "./index.less";
 import { useDocument } from "@voplus/morpho-document-core";
 import { useObserver } from "mobx-react-lite";
 const DocumentTabs = (props) => {
@@ -13,7 +14,7 @@ const DocumentTabs = (props) => {
     useEffect(() => {
         setActiveKey(details ? "Details" : docTab ? "Document" : "Activities");
     }, [props.id]);
-    return useObserver(() => (React.createElement(Tabs, { activeKey: activeKey, onChange: onChange },
+    return useObserver(() => (React.createElement(Tabs, { activeKey: activeKey, onChange: onChange, className: styles.element },
         details && (React.createElement(Tabs.TabPane, { tab: "Details", key: "Details" }, details)),
         docTab && (React.createElement(Tabs.TabPane, { tab: "Document", key: "Document" }, activeKey === "Document" && (React.createElement(DocumentList, { id: id, exclude: props.exclude, parentName: document.name, multiple: true })))),
         isActivities && (React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id }))),

package/es/components/DocumentTabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IACjC,2BAA2B;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACzC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACxD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,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,MAAM,IAAI,CACV,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,CAC5B,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,SAAG,CACpF,CACa,CACf;QACA,YAAY,IAAI,CAChB,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,CACf;QACD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,IACnC,SAAS,KAAK,OAAO,IAAI,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,GAAI,CAC7B,CACT,CACP,CAAC,CAAC;IAEH,YAAY;IACZ,SAAS,QAAQ,CAAC,SAAiB;QAClC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC3B,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IACjC,2BAA2B;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACzC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACxD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO;QACvE,OAAO,IAAI,CACX,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,IACvC,OAAO,CACM,CACf;QACA,MAAM,IAAI,CACV,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,IACzC,SAAS,KAAK,UAAU,IAAI,CAC5B,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,SAAG,CACpF,CACa,CACf;QACA,YAAY,IAAI,CAChB,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,CACf;QACD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,IACnC,SAAS,KAAK,OAAO,IAAI,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,GAAI,CAC7B,CACT,CACP,CAAC,CAAC;IAEH,YAAY;IACZ,SAAS,QAAQ,CAAC,SAAiB;QAClC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC3B,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/components/DocumentTabs/index.less

@@ -0,0 +1,7 @@
+.element {
+	:global {
+		.ant-tabs-nav {
+			padding-left: 20px;
+		}
+	}
+}

package/es/data/contexts/DocumentListContext/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export declare class DocumentListContextState {
     type?: string;
+    /** active?: string (文件id) 在DocumentSortableTree-FileExplorerTheme需要用到,显示点击当前的item的active效果 */
+    active?: string;
     onDriveClick?: (params?: any) => void;
     onDocumentSelected?: (params?: any) => void;
     /** Construct a new DocumentListContextState
@@ -8,15 +10,10 @@ export declare class DocumentListContextState {
      */
     constructor(options?: {
         type?: string;
+        active?: string;
         onDriveClick?: (params?: any) => void;
         onDocumentSelected?: (params?: any) => void;
     });
-    /** Retrieve a clean ListOptionsObject */
-    get listOptions(): {
-        Type: string | undefined;
-        DriveClick: ((params?: any) => void) | undefined;
-        DocumentSelected: ((params?: any) => void) | undefined;
-    };
 }
 /** React context for ListContextState. */
 export declare const DocumentListContext: import("react").Context<DocumentListContextState>;

package/es/data/contexts/DocumentListContext/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { computed, observable, toJS } from "mobx";
+import { observable } from "mobx";
 import { createContext, useContext } from "react";
 export class DocumentListContextState {
     /** Construct a new DocumentListContextState
@@ -8,31 +8,15 @@ export class DocumentListContextState {
     constructor(options) {
         if (options) {
             this.type = options.type;
+            this.active = options.active;
             this.onDriveClick = options.onDriveClick;
             this.onDocumentSelected = options.onDocumentSelected;
         }
     }
-    /** Retrieve a clean ListOptionsObject */
-    get listOptions() {
-        return {
-            Type: toJS(this.type),
-            DriveClick: toJS(this.onDriveClick),
-            DocumentSelected: toJS(this.onDocumentSelected)
-        };
-    }
 }
 __decorate([
     observable
 ], DocumentListContextState.prototype, "type", void 0);
-__decorate([
-    observable
-], DocumentListContextState.prototype, "onDriveClick", void 0);
-__decorate([
-    observable
-], DocumentListContextState.prototype, "onDocumentSelected", void 0);
-__decorate([
-    computed
-], DocumentListContextState.prototype, "listOptions", null);
 /** React context for ListContextState. */
 export const DocumentListContext = createContext(null);
 /** React hook to retrieve the nearest ListContextState. */