dockview-vue 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dockview-vue.cjs.js
CHANGED
|
@@ -236,6 +236,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
236
236
|
theme: {},
|
|
237
237
|
disableTabsOverflowList: { type: Boolean },
|
|
238
238
|
scrollbars: {},
|
|
239
|
+
tabAnimation: {},
|
|
239
240
|
watermarkComponent: {},
|
|
240
241
|
defaultTabComponent: {},
|
|
241
242
|
rightHeaderActionsComponent: {},
|
package/dist/dockview-vue.es.js
CHANGED
package/dist/dockview-vue.umd.js
CHANGED
package/dist/styles/dockview.css
CHANGED
|
@@ -611,7 +611,7 @@
|
|
|
611
611
|
transform: translate3d(0, 0, 0);
|
|
612
612
|
backface-visibility: hidden;
|
|
613
613
|
contain: layout paint;
|
|
614
|
-
transition: opacity var(--dv-transition-duration) ease-in,
|
|
614
|
+
transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;
|
|
615
615
|
}
|
|
616
616
|
.dv-drop-target {
|
|
617
617
|
position: relative;
|
|
@@ -1145,6 +1145,10 @@
|
|
|
1145
1145
|
.dv-tabs-overflow-dropdown-default > svg {
|
|
1146
1146
|
transform: rotate(90deg);
|
|
1147
1147
|
}
|
|
1148
|
+
.dv-tabs-overflow-dropdown-default:hover {
|
|
1149
|
+
border-radius: 2px;
|
|
1150
|
+
background-color: var(--dv-icon-hover-background-color);
|
|
1151
|
+
}
|
|
1148
1152
|
.dv-tabs-container {
|
|
1149
1153
|
display: flex;
|
|
1150
1154
|
height: 100%;
|
|
@@ -1203,7 +1207,26 @@
|
|
|
1203
1207
|
font-size: var(--dv-tab-font-size);
|
|
1204
1208
|
margin: var(--dv-tab-margin);
|
|
1205
1209
|
}
|
|
1210
|
+
.dv-tab.dv-tab--shifting {
|
|
1211
|
+
will-change: margin-left;
|
|
1212
|
+
transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out;
|
|
1213
|
+
}
|
|
1214
|
+
.dv-tab.dv-tab--dragging {
|
|
1215
|
+
width: 0 !important;
|
|
1216
|
+
min-width: 0 !important;
|
|
1217
|
+
padding: 0 !important;
|
|
1218
|
+
margin: 0 !important;
|
|
1219
|
+
overflow: hidden;
|
|
1220
|
+
opacity: 0;
|
|
1221
|
+
pointer-events: none;
|
|
1222
|
+
transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
|
|
1223
|
+
}
|
|
1206
1224
|
|
|
1225
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1226
|
+
.dv-tab {
|
|
1227
|
+
transition: none !important;
|
|
1228
|
+
}
|
|
1229
|
+
}
|
|
1207
1230
|
.dv-tabs-container-vertical .dv-tab {
|
|
1208
1231
|
padding: 0.5rem 0.25rem;
|
|
1209
1232
|
}
|
|
@@ -1211,6 +1234,7 @@
|
|
|
1211
1234
|
.dv-tabs-overflow-container {
|
|
1212
1235
|
flex-direction: column;
|
|
1213
1236
|
height: unset;
|
|
1237
|
+
font-size: var(--dv-tabs-and-actions-container-font-size);
|
|
1214
1238
|
max-height: min(50vh, 400px);
|
|
1215
1239
|
overflow-y: auto;
|
|
1216
1240
|
border: 1px solid var(--dv-tab-divider-color);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dockview-vue",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"description": "Vue 3 docking layout manager — tabs, groups, grids, splitviews, drag and drop, floating panels",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"splitview",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"format:check": "prettier --check 'src/**/*.{ts,tsx,js,jsx,vue}'"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|
|
69
|
-
"dockview-core": "^5.
|
|
69
|
+
"dockview-core": "^5.2.0"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"vue": "^3.4.0"
|