feat(DockView): bump version 4.2.4 (#429)

* release: dockview update to v4.2.4

* release: dockview update to v4.2.4

* chore: bump version 9.1.12-beta01

* refactor: 微调样式

* chore: bump version 9.1.12

---------

Co-authored-by: zhaijunlei <276318515@qq.com>

Author: ArgoZhang

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

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.1.11</Version>
+    <Version>9.1.12</Version>
   </PropertyGroup>
 
   <PropertyGroup>

src/components/BootstrapBlazor.DockView/wwwroot/css/dockview-bb.css

@@ -214,16 +214,18 @@
 }
 
 .bb-dockview .bb-dockview-aside-left {
-    left: 2px;
+    left: 0;
+    border-right: 1px solid var(--bs-border-color);
 }
 
 .bb-dockview .bb-dockview-aside-right {
-    right: 0
+    right: 0;
+    border-left: 1px solid var(--bs-border-color);
 }
 
 .bb-dockview .bb-dockview-aside > .bb-dockview-aside-button {
     position: relative;
-    margin-inline: .25rem;
+    margin: .25rem 2px;
     padding-inline: .5rem;
     cursor: pointer;
     user-select: none;

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

@@ -686,15 +686,6 @@
   min-height: 0;
   outline: none;
 }
-.dv-root-wrapper {
-  height: 100%;
-  width: 100%;
-}
-.dv-grid-view,
-.dv-branch-node {
-  height: 100%;
-  width: 100%;
-}
 .dv-debug .dv-resize-container .dv-resize-handle-top {
   background-color: red;
 }
@@ -813,6 +804,15 @@
   outline: 1px solid red;
   outline-offset: -1;
 }
+.dv-root-wrapper {
+  height: 100%;
+  width: 100%;
+}
+.dv-grid-view,
+.dv-branch-node {
+  height: 100%;
+  width: 100%;
+}
 .dv-pane-container {
   height: 100%;
   width: 100%;
@@ -1023,63 +1023,6 @@
   pointer-events: none;
   background-color: var(--dv-separator-border);
 }
-.dv-dragged {
-  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
-}
-
-.dv-tab {
-  flex-shrink: 0;
-}
-.dv-tab:focus-within, .dv-tab:focus {
-  position: relative;
-}
-.dv-tab:focus-within::after, .dv-tab:focus::after {
-  position: absolute;
-  content: "";
-  height: 100%;
-  width: 100%;
-  top: 0px;
-  left: 0px;
-  pointer-events: none;
-  outline: 1px solid var(--dv-tab-divider-color) !important;
-  outline-offset: -1px;
-  z-index: 5;
-}
-.dv-tab.dv-tab-dragging .dv-default-tab-action {
-  background-color: var(--dv-activegroup-visiblepanel-tab-color);
-}
-.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
-  visibility: visible;
-}
-.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
-  visibility: hidden;
-}
-.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
-  visibility: visible;
-}
-.dv-tab .dv-default-tab {
-  position: relative;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.dv-tab .dv-default-tab .dv-default-tab-content {
-  flex-grow: 1;
-  margin-right: 4px;
-}
-.dv-tab .dv-default-tab .dv-default-tab-action {
-  padding: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-.dv-tab .dv-default-tab .dv-default-tab-action:hover {
-  border-radius: 2px;
-  background-color: var(--dv-icon-hover-background-color);
-}
 .dv-tabs-overflow-dropdown-default {
   height: 100%;
   color: var(--dv-activegroup-hiddenpanel-tab-color);
@@ -1186,6 +1129,63 @@
 .dv-tabs-and-actions-container .dv-right-actions-container {
   display: flex;
 }
+.dv-dragged {
+  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
+}
+
+.dv-tab {
+  flex-shrink: 0;
+}
+.dv-tab:focus-within, .dv-tab:focus {
+  position: relative;
+}
+.dv-tab:focus-within::after, .dv-tab:focus::after {
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  pointer-events: none;
+  outline: 1px solid var(--dv-tab-divider-color) !important;
+  outline-offset: -1px;
+  z-index: 5;
+}
+.dv-tab.dv-tab-dragging .dv-default-tab-action {
+  background-color: var(--dv-activegroup-visiblepanel-tab-color);
+}
+.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
+  visibility: visible;
+}
+.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
+  visibility: hidden;
+}
+.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
+  visibility: visible;
+}
+.dv-tab .dv-default-tab {
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.dv-tab .dv-default-tab .dv-default-tab-content {
+  flex-grow: 1;
+  margin-right: 4px;
+}
+.dv-tab .dv-default-tab .dv-default-tab-action {
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+.dv-tab .dv-default-tab .dv-default-tab-action:hover {
+  border-radius: 2px;
+  background-color: var(--dv-icon-hover-background-color);
+}
 .dv-watermark {
   display: flex;
   height: 100%;