@voplus/morpho-document 1.4.93 → 1.4.95

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

@@ -1,333 +0,0 @@
-:global {
-	.explorer-theme-node {
-		&:hover {
-			background: #f5f5f5;
-		}
-		&.active {
-			background: #1ea7fd;
-			svg,
-			.file-name {
-				color: white;
-			}
-		}
-		: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;
-			}
-			.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;
-				width: 100%;
-				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;
-			}
-
-			.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;
-				}
-			}
-
-			.file-tree-item {
-				padding: 0;
-				margin: 0;
-				.document-header-default {
-					padding: 0;
-					&::after {
-						border-bottom: none;
-					}
-					.document-name-content .document-pre {
-						width: 22px;
-						color: rgba(0, 0, 0, 0.85);
-						margin-right: 0;
-					}
-				}
-			}
-
-			// .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/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.less

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

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

@@ -1,64 +0,0 @@
-.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.less

@@ -1,18 +0,0 @@
-@import "~@voplus/antd/es/style/themes/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-6;
-		}
-	}
-}

package/es/components/DocumentTabs/index.less

@@ -1,13 +0,0 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.element {
-	:global {
-		.ant-tabs-nav {
-			padding-left: 20px;
-		}
-
-		.list-view-header {
-			border-bottom: none !important;
-		}
-	}
-}

package/es/components/DocumentTree/index.less

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

package/es/components/FileViewer/index.less

@@ -1,93 +0,0 @@
-@import "~@voplus/antd/es/style/themes/default";
-
-.wopi-viewer {
-	width: 100%;
-	height: 100%;
-}
-
-.viewer-spin {
-	width: 100%;
-	text-align: center;
-	padding: 30px 0;
-}
-
-:global {
-	.image-viewer {
-		position: relative;
-		display: inline-block;
-		width: 100%;
-		border: 1px solid @border-color-base;
-		padding: @padding-sm;
-		&:hover .image-viewer-plus {
-			display: block;
-		}
-
-		.image-viewer-plus {
-			position: absolute;
-			display: none;
-			width: 40px;
-			height: 40px;
-			line-height: 38px;
-			left: 50%;
-			top: 50%;
-			margin-left: -20px;
-			margin-top: -20px;
-			text-align: center;
-			font-size: 25px;
-			color: #fff;
-			border-radius: 50%;
-			background-color: rgba(0, 0, 0, 0.6);
-			cursor: pointer;
-		}
-	}
-	// .preview-modal {
-	.perview-content {
-		display: flex;
-		flex-direction: column;
-		overflow-y: hidden;
-		// .perview-file {
-		// 	flex: 1;
-		// }
-		.perview-head {
-			padding: 16px 24px;
-			color: rgba(0, 0, 0, 0.65);
-			background: #fff;
-			display: flex;
-			justify-content: space-between;
-			// border-bottom: 1px solid #f0f0f0;
-			.perview-doc-head {
-				padding: 0;
-			}
-		}
-	}
-	// .ant-modal-body {
-	// 	padding: 0;
-	// }
-	.preview-tab {
-		text-align: right;
-		.ant-btn {
-			margin-left: 10px;
-		}
-	}
-	// }
-	.image-viewer-width-fit {
-		.ant-modal {
-			// max-width: 80vw;
-		}
-		.ant-modal-content {
-			background: transparent;
-			height: 100%;
-			box-shadow: none;
-			.ant-modal-body {
-				height: 100%;
-				padding: 0;
-				.zoom-out {
-					font-size: 30px;
-					text-align: right;
-					color: #fff;
-					cursor: pointer;
-				}
-			}
-		}
-	}
-}

package/es/components/Icon/index.less

@@ -1,24 +0,0 @@
-.tooltip-btn-icon {
-	width: 32px;
-	height: 32px;
-	padding: 2.4px 0;
-	font-size: 16px;
-	border-radius: 2px;
-	vertical-align: -1px;
-	color: lightgray;
-	&:global(.ant-btn:focus) {
-		color: black;
-	}
-	&:global(.active) {
-		color: black;
-	}
-	&:global(.no-border) {
-		border: none;
-		box-shadow: none;
-	}
-	&:global(.no-border[ant-click-animating-without-extra-node]:after) {
-		border: 0 none;
-		opacity: 0;
-		animation: none 0 ease 0 1 normal;
-	}
-}

package/es/components/Links/index.less

@@ -1,111 +0,0 @@
-@import "~@voplus/antd/es/style/themes/default.less";
-.reference-view {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	:global {
-		.reference-header {
-			display: flex;
-			margin: 5px 20px 0 20px;
-			.multiple-remove {
-				font-weight: 600;
-				color: #000;
-				cursor: pointer;
-				.ant-btn {
-					padding: 0 10px 0 0;
-					font-size: 16px;
-				}
-			}
-			.multiple-remove-btn {
-				.ant-btn {
-					padding: 0 10px;
-					font-style: italic;
-				}
-				.del-btn {
-					color: #ff4d4f;
-					&:hover {
-						color: #ff7875;
-					}
-				}
-				.cancel-btn {
-					color: #666;
-					&:hover {
-						color: @primary-color;
-					}
-				}
-			}
-			.plus-icon {
-				display: inline-block;
-				padding: 4px;
-				margin-left: 10px;
-				font-size: 13px;
-				line-height: 1px;
-				background: #1abc9c;
-				cursor: pointer;
-			}
-		}
-		.reference-view-page {
-			display: block;
-		}
-		.reference-item {
-			display: flex;
-			position: relative;
-			justify-content: space-between;
-			align-items: center;
-			padding: 5px 20px;
-			&:hover {
-				cursor: pointer;
-				.reference-item-content {
-					opacity: 0.4;
-				}
-				.reference-status-none {
-					display: none;
-				}
-				.hover-operate-icon {
-					display: block;
-					opacity: 1;
-				}
-			}
-			.reference-item-content {
-				flex: 1;
-				color: #000;
-				font-weight: 500;
-				.reference-content {
-					display: flex;
-					flex: 1;
-					.type-icon {
-						font-size: 15px;
-						padding-right: 10px;
-					}
-				}
-				.task-item-name.task-item-name_done {
-					color: #a8a8a8;
-				}
-				.task-control {
-					display: flex;
-					align-items: center;
-					padding: 5px 0;
-					font-size: 13px;
-					color: #444;
-					font-weight: normal;
-					> span + span {
-						margin-left: 15px;
-					}
-					.svg-inline--fa {
-						margin-right: 5px;
-					}
-				}
-			}
-
-			.hover-operate-icon {
-				display: none;
-			}
-		}
-		.ant-empty {
-			font-size: 12px;
-			.ant-empty-image {
-				height: 35px;
-			}
-		}
-	}
-}

package/es/components/NewDocumentForm/index.less

@@ -1,45 +0,0 @@
-@import "../styles/common.less";
-@import "~@voplus/antd/es/style/themes/default.less";
-
-.new-document-form {
-	:global {
-		.form-item-layout {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			font-size: 13px;
-			.ant-input{
-				flex: 1;
-			}
-			.form-schema{
-				flex: 1;
-				line-height: 35px;
-				margin-left: 30px;
-			}
-			.ant-select {
-				width: 200px;
-				margin-right: 20px;
-			}
-		}
-		.form-label {
-			line-height: 24px;
-		}
-		.ant-form-item {
-			margin-bottom: 10px;
-		}
-		.form-buttom {
-			display: flex;
-			justify-content: end;
-		}
-		.detailed {
-			font-size: 20px;
-			margin-left: 10px;
-			cursor: pointer;
-		}
-	}
-	&:global(.sub-document-simply-form) {
-		// flex: none;
-		padding: 10px 20px 0 20px;
-		// border-top: #f2f2f2 solid 1px;
-	}
-}