Skip to content

Commit fdc5558

Browse files
zhaijunlei955ArgoZhang
zhaijunlei955
and
ArgoZhang
authored
feat(DockView): bump version 9.1.13 (#436)
* release： dockview update to v4.2.5 * chore: bump version 9.1.13 --------- Co-Authored-By: Argo Zhang <argo@live.ca>
1 parent 05443ea commit fdc5558

3 files changed

Lines changed: 79 additions & 79 deletions

File tree

‎src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<Project Sdk="Microsoft.NET.Sdk.Razor">
22

33
<PropertyGroup>
4-
<Version>9.1.12</Version>
4+
<Version>9.1.13</Version>
55
</PropertyGroup>
66

77
<PropertyGroup>

‎src/components/BootstrapBlazor.DockView/wwwroot/css/dockview.css‎

Lines changed: 70 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -686,6 +686,15 @@
686686
min-height: 0;
687687
outline: none;
688688
}
689+
.dv-root-wrapper {
690+
height: 100%;
691+
width: 100%;
692+
}
693+
.dv-grid-view,
694+
.dv-branch-node {
695+
height: 100%;
696+
width: 100%;
697+
}
689698
.dv-debug .dv-resize-container .dv-resize-handle-top {
690699
background-color: red;
691700
}
@@ -804,15 +813,6 @@
804813
outline: 1px solid red;
805814
outline-offset: -1;
806815
}
807-
.dv-root-wrapper {
808-
height: 100%;
809-
width: 100%;
810-
}
811-
.dv-grid-view,
812-
.dv-branch-node {
813-
height: 100%;
814-
width: 100%;
815-
}
816816
.dv-pane-container {
817817
height: 100%;
818818
width: 100%;
@@ -1023,6 +1023,67 @@
10231023
pointer-events: none;
10241024
background-color: var(--dv-separator-border);
10251025
}
1026+
.dv-dragged {
1027+
transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
1028+
}
1029+
1030+
.dv-tab {
1031+
flex-shrink: 0;
1032+
}
1033+
.dv-tab:focus-within, .dv-tab:focus {
1034+
position: relative;
1035+
}
1036+
.dv-tab:focus-within::after, .dv-tab:focus::after {
1037+
position: absolute;
1038+
content: "";
1039+
height: 100%;
1040+
width: 100%;
1041+
top: 0px;
1042+
left: 0px;
1043+
pointer-events: none;
1044+
outline: 1px solid var(--dv-tab-divider-color) !important;
1045+
outline-offset: -1px;
1046+
z-index: 5;
1047+
}
1048+
.dv-tab.dv-tab-dragging .dv-default-tab-action {
1049+
background-color: var(--dv-activegroup-visiblepanel-tab-color);
1050+
}
1051+
.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
1052+
visibility: visible;
1053+
}
1054+
.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
1055+
visibility: hidden;
1056+
}
1057+
.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
1058+
visibility: visible;
1059+
}
1060+
.dv-tab .dv-default-tab {
1061+
position: relative;
1062+
height: 100%;
1063+
display: flex;
1064+
align-items: center;
1065+
white-space: nowrap;
1066+
text-overflow: ellipsis;
1067+
}
1068+
.dv-tab .dv-default-tab .dv-default-tab-content {
1069+
flex-grow: 1;
1070+
margin-right: 4px;
1071+
}
1072+
.dv-tab .dv-default-tab .dv-default-tab-action {
1073+
padding: 4px;
1074+
display: flex;
1075+
align-items: center;
1076+
justify-content: center;
1077+
box-sizing: border-box;
1078+
}
1079+
.dv-tab .dv-default-tab .dv-default-tab-action:hover {
1080+
border-radius: 2px;
1081+
background-color: var(--dv-icon-hover-background-color);
1082+
}
1083+
.dv-watermark {
1084+
display: flex;
1085+
height: 100%;
1086+
}
10261087
.dv-tabs-overflow-dropdown-default {
10271088
height: 100%;
10281089
color: var(--dv-activegroup-hiddenpanel-tab-color);
@@ -1128,65 +1189,4 @@
11281189
}
11291190
.dv-tabs-and-actions-container .dv-right-actions-container {
11301191
display: flex;
1131-
}
1132-
.dv-dragged {
1133-
transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
1134-
}
1135-
1136-
.dv-tab {
1137-
flex-shrink: 0;
1138-
}
1139-
.dv-tab:focus-within, .dv-tab:focus {
1140-
position: relative;
1141-
}
1142-
.dv-tab:focus-within::after, .dv-tab:focus::after {
1143-
position: absolute;
1144-
content: "";
1145-
height: 100%;
1146-
width: 100%;
1147-
top: 0px;
1148-
left: 0px;
1149-
pointer-events: none;
1150-
outline: 1px solid var(--dv-tab-divider-color) !important;
1151-
outline-offset: -1px;
1152-
z-index: 5;
1153-
}
1154-
.dv-tab.dv-tab-dragging .dv-default-tab-action {
1155-
background-color: var(--dv-activegroup-visiblepanel-tab-color);
1156-
}
1157-
.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
1158-
visibility: visible;
1159-
}
1160-
.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
1161-
visibility: hidden;
1162-
}
1163-
.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
1164-
visibility: visible;
1165-
}
1166-
.dv-tab .dv-default-tab {
1167-
position: relative;
1168-
height: 100%;
1169-
display: flex;
1170-
align-items: center;
1171-
white-space: nowrap;
1172-
text-overflow: ellipsis;
1173-
}
1174-
.dv-tab .dv-default-tab .dv-default-tab-content {
1175-
flex-grow: 1;
1176-
margin-right: 4px;
1177-
}
1178-
.dv-tab .dv-default-tab .dv-default-tab-action {
1179-
padding: 4px;
1180-
display: flex;
1181-
align-items: center;
1182-
justify-content: center;
1183-
box-sizing: border-box;
1184-
}
1185-
.dv-tab .dv-default-tab .dv-default-tab-action:hover {
1186-
border-radius: 2px;
1187-
background-color: var(--dv-icon-hover-background-color);
1188-
}
1189-
.dv-watermark {
1190-
display: flex;
1191-
height: 100%;
11921192
}

‎src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-core.esm.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* dockview-core
3-
* @version 4.2.4
3+
* @version 4.2.5
44
* @link https://github.com/mathuo/dockview
55
* @license MIT
66
*/
@@ -639,9 +639,7 @@ function onDidWindowResizeEnd(element, cb) {
639639
function shiftAbsoluteElementIntoView(element, root, options = { buffer: 10 }) {
640640
const buffer = options.buffer;
641641
const rect = element.getBoundingClientRect();
642-
const rootRect = element.getBoundingClientRect();
643-
const viewportWidth = root.clientWidth;
644-
const viewportHeight = root.clientHeight;
642+
const rootRect = root.getBoundingClientRect();
645643
let translateX = 0;
646644
let translateY = 0;
647645
const left = rect.left - rootRect.left;
@@ -652,15 +650,15 @@ function shiftAbsoluteElementIntoView(element, root, options = { buffer: 10 }) {
652650
if (left < buffer) {
653651
translateX = buffer - left;
654652
}
655-
else if (right > viewportWidth - buffer) {
656-
translateX = viewportWidth - right - buffer;
653+
else if (right > buffer) {
654+
translateX = -buffer - right;
657655
}
658656
// Check vertical overflow
659657
if (top < buffer) {
660658
translateY = buffer - top;
661659
}
662-
else if (bottom > viewportHeight - buffer) {
663-
translateY = viewportHeight - bottom - buffer;
660+
else if (bottom > buffer) {
661+
translateY = -bottom - buffer;
664662
}
665663
// Apply the translation if needed
666664
if (translateX !== 0 || translateY !== 0) {
@@ -4940,6 +4938,8 @@ function addGhostImage(dataTransfer, ghostElement, options) {
49404938
var _a, _b;
49414939
// class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues
49424940
addClasses(ghostElement, 'dv-dragged');
4941+
// move the element off-screen initially otherwise it may in some cases be rendered at (0,0) momentarily
4942+
ghostElement.style.top = '-9999px';
49434943
document.body.appendChild(ghostElement);
49444944
dataTransfer.setDragImage(ghostElement, (_a = options === null || options === void 0 ? void 0 : options.x) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.y) !== null && _b !== void 0 ? _b : 0);
49454945
setTimeout(() => {

0 commit comments

Comments
 (0)