dockview 1.9.0 → 1.9.1
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/cjs/dockview/dockview.d.ts +2 -1
- package/dist/cjs/dockview/dockview.d.ts.map +1 -1
- package/dist/cjs/dockview/dockview.js +9 -0
- package/dist/cjs/dockview/dockview.js.map +1 -1
- package/dist/dockview.amd.js +80 -60
- package/dist/dockview.amd.js.map +1 -1
- package/dist/dockview.amd.min.js +2 -2
- package/dist/dockview.amd.min.js.map +1 -1
- package/dist/dockview.amd.min.noStyle.js +2 -2
- package/dist/dockview.amd.min.noStyle.js.map +1 -1
- package/dist/dockview.amd.noStyle.js +80 -60
- package/dist/dockview.amd.noStyle.js.map +1 -1
- package/dist/dockview.cjs.js +80 -60
- package/dist/dockview.cjs.js.map +1 -1
- package/dist/dockview.esm.js +80 -60
- package/dist/dockview.esm.js.map +1 -1
- package/dist/dockview.esm.min.js +2 -2
- package/dist/dockview.esm.min.js.map +1 -1
- package/dist/dockview.js +80 -60
- package/dist/dockview.js.map +1 -1
- package/dist/dockview.min.js +2 -2
- package/dist/dockview.min.js.map +1 -1
- package/dist/dockview.min.noStyle.js +2 -2
- package/dist/dockview.min.noStyle.js.map +1 -1
- package/dist/dockview.noStyle.js +80 -60
- package/dist/dockview.noStyle.js.map +1 -1
- package/dist/esm/dockview/dockview.d.ts +2 -1
- package/dist/esm/dockview/dockview.d.ts.map +1 -1
- package/dist/esm/dockview/dockview.js +9 -0
- package/dist/esm/dockview/dockview.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { DockviewDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer } from 'dockview-core';
|
|
2
|
+
import { DockviewDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer, DroptargetOverlayModel } from 'dockview-core';
|
|
3
3
|
import { IWatermarkPanelProps } from './reactWatermarkPart';
|
|
4
4
|
import { PanelCollection, PanelParameters } from '../types';
|
|
5
5
|
import { IDockviewHeaderActionsProps } from './headerActionsRenderer';
|
|
@@ -40,6 +40,7 @@ export interface IDockviewReactProps {
|
|
|
40
40
|
};
|
|
41
41
|
debug?: boolean;
|
|
42
42
|
defaultRenderer?: DockviewPanelRenderer;
|
|
43
|
+
rootOverlayModel?: DroptargetOverlayModel;
|
|
43
44
|
}
|
|
44
45
|
export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
46
|
//# sourceMappingURL=dockview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dockview.d.ts","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,WAAW,EAKX,qBAAqB,
|
|
1
|
+
{"version":3,"file":"dockview.d.ts","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,WAAW,EAKX,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EACH,2BAA2B,EAE9B,MAAM,yBAAyB,CAAC;AAiBjC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CAC1E,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,yBAAyB,CACjC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACxC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACpE,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IACzE,2BAA2B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IACnF,0BAA0B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClF,4BAA4B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IACpF,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EACd,uBAAuB,GACvB;QACI,2BAA2B,CAAC,EAAE,MAAM,CAAC;QACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;KACvC,CAAC;IACR,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC7C;AAID,eAAO,MAAM,aAAa,4FAqQzB,CAAC"}
|
|
@@ -117,6 +117,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
|
|
|
117
117
|
floatingGroupBounds: props.floatingGroupBounds,
|
|
118
118
|
defaultRenderer: props.defaultRenderer,
|
|
119
119
|
debug: props.debug,
|
|
120
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
120
121
|
});
|
|
121
122
|
var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
|
|
122
123
|
dockview.layout(clientWidth, clientHeight);
|
|
@@ -224,6 +225,14 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
|
|
|
224
225
|
createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal: addPortal }),
|
|
225
226
|
});
|
|
226
227
|
}, [props.leftHeaderActionsComponent]);
|
|
228
|
+
React.useEffect(function () {
|
|
229
|
+
if (!dockviewRef.current) {
|
|
230
|
+
return;
|
|
231
|
+
}
|
|
232
|
+
dockviewRef.current.updateOptions({
|
|
233
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
234
|
+
});
|
|
235
|
+
}, [props.rootOverlayModel]);
|
|
227
236
|
React.useEffect(function () {
|
|
228
237
|
if (!dockviewRef.current) {
|
|
229
238
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+
|
|
1
|
+
{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"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"}
|
package/dist/dockview.amd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* dockview
|
|
3
|
-
* @version 1.9.
|
|
3
|
+
* @version 1.9.1
|
|
4
4
|
* @link https://github.com/mathuo/dockview
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -3128,9 +3128,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3128
3128
|
}
|
|
3129
3129
|
}
|
|
3130
3130
|
|
|
3131
|
-
function numberOrFallback(maybeNumber, fallback) {
|
|
3132
|
-
return typeof maybeNumber === 'number' ? maybeNumber : fallback;
|
|
3133
|
-
}
|
|
3134
3131
|
function directionToPosition(direction) {
|
|
3135
3132
|
switch (direction) {
|
|
3136
3133
|
case 'above':
|
|
@@ -3163,6 +3160,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3163
3160
|
throw new Error(`invalid position '${position}'`);
|
|
3164
3161
|
}
|
|
3165
3162
|
}
|
|
3163
|
+
const DEFAULT_ACTIVATION_SIZE = {
|
|
3164
|
+
value: 20,
|
|
3165
|
+
type: 'percentage',
|
|
3166
|
+
};
|
|
3167
|
+
const DEFAULT_SIZE = {
|
|
3168
|
+
value: 50,
|
|
3169
|
+
type: 'percentage',
|
|
3170
|
+
};
|
|
3171
|
+
const SMALL_WIDTH_BOUNDARY = 100;
|
|
3172
|
+
const SMALL_HEIGHT_BOUNDARY = 100;
|
|
3166
3173
|
class Droptarget extends CompositeDisposable {
|
|
3167
3174
|
get state() {
|
|
3168
3175
|
return this._state;
|
|
@@ -3223,7 +3230,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3223
3230
|
this.element.append(this.targetElement);
|
|
3224
3231
|
}
|
|
3225
3232
|
this.toggleClasses(quadrant, width, height);
|
|
3226
|
-
this.
|
|
3233
|
+
this._state = quadrant;
|
|
3227
3234
|
},
|
|
3228
3235
|
onDragLeave: () => {
|
|
3229
3236
|
this.removeDropTarget();
|
|
@@ -3248,6 +3255,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3248
3255
|
setTargetZones(acceptedTargetZones) {
|
|
3249
3256
|
this._acceptedTargetZonesSet = new Set(acceptedTargetZones);
|
|
3250
3257
|
}
|
|
3258
|
+
setOverlayModel(model) {
|
|
3259
|
+
this.options.overlayModel = model;
|
|
3260
|
+
}
|
|
3251
3261
|
dispose() {
|
|
3252
3262
|
this.removeDropTarget();
|
|
3253
3263
|
super.dispose();
|
|
@@ -3259,19 +3269,19 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3259
3269
|
event[Droptarget.USED_EVENT_ID] = true;
|
|
3260
3270
|
}
|
|
3261
3271
|
/**
|
|
3262
|
-
* Check is the event has already been used by another instance
|
|
3272
|
+
* Check is the event has already been used by another instance of DropTarget
|
|
3263
3273
|
*/
|
|
3264
3274
|
isAlreadyUsed(event) {
|
|
3265
3275
|
const value = event[Droptarget.USED_EVENT_ID];
|
|
3266
3276
|
return typeof value === 'boolean' && value;
|
|
3267
3277
|
}
|
|
3268
3278
|
toggleClasses(quadrant, width, height) {
|
|
3269
|
-
var _a, _b
|
|
3279
|
+
var _a, _b;
|
|
3270
3280
|
if (!this.overlayElement) {
|
|
3271
3281
|
return;
|
|
3272
3282
|
}
|
|
3273
|
-
const isSmallX = width <
|
|
3274
|
-
const isSmallY = height <
|
|
3283
|
+
const isSmallX = width < SMALL_WIDTH_BOUNDARY;
|
|
3284
|
+
const isSmallY = height < SMALL_HEIGHT_BOUNDARY;
|
|
3275
3285
|
const isLeft = quadrant === 'left';
|
|
3276
3286
|
const isRight = quadrant === 'right';
|
|
3277
3287
|
const isTop = quadrant === 'top';
|
|
@@ -3280,20 +3290,17 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3280
3290
|
const leftClass = !isSmallX && isLeft;
|
|
3281
3291
|
const topClass = !isSmallY && isTop;
|
|
3282
3292
|
const bottomClass = !isSmallY && isBottom;
|
|
3283
|
-
let size =
|
|
3284
|
-
|
|
3285
|
-
|
|
3293
|
+
let size = 1;
|
|
3294
|
+
const sizeOptions = (_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : DEFAULT_SIZE;
|
|
3295
|
+
if (sizeOptions.type === 'percentage') {
|
|
3296
|
+
size = clamp(sizeOptions.value, 0, 100) / 100;
|
|
3286
3297
|
}
|
|
3287
|
-
|
|
3298
|
+
else {
|
|
3288
3299
|
if (rightClass || leftClass) {
|
|
3289
|
-
size =
|
|
3290
|
-
clamp(0, this.options.overlayModel.size.value, width) /
|
|
3291
|
-
width;
|
|
3300
|
+
size = clamp(0, sizeOptions.value, width) / width;
|
|
3292
3301
|
}
|
|
3293
3302
|
if (topClass || bottomClass) {
|
|
3294
|
-
size =
|
|
3295
|
-
clamp(0, this.options.overlayModel.size.value, height) /
|
|
3296
|
-
height;
|
|
3303
|
+
size = clamp(0, sizeOptions.value, height) / height;
|
|
3297
3304
|
}
|
|
3298
3305
|
}
|
|
3299
3306
|
const translate = (1 - size) / 2;
|
|
@@ -3315,39 +3322,22 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3315
3322
|
transform = '';
|
|
3316
3323
|
}
|
|
3317
3324
|
this.overlayElement.style.transform = transform;
|
|
3318
|
-
toggleClass(this.overlayElement, 'small-
|
|
3319
|
-
toggleClass(this.overlayElement, 'small-
|
|
3320
|
-
toggleClass(this.overlayElement, '
|
|
3321
|
-
toggleClass(this.overlayElement, '
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
case 'top':
|
|
3326
|
-
this._state = 'top';
|
|
3327
|
-
break;
|
|
3328
|
-
case 'left':
|
|
3329
|
-
this._state = 'left';
|
|
3330
|
-
break;
|
|
3331
|
-
case 'bottom':
|
|
3332
|
-
this._state = 'bottom';
|
|
3333
|
-
break;
|
|
3334
|
-
case 'right':
|
|
3335
|
-
this._state = 'right';
|
|
3336
|
-
break;
|
|
3337
|
-
case 'center':
|
|
3338
|
-
this._state = 'center';
|
|
3339
|
-
break;
|
|
3340
|
-
}
|
|
3325
|
+
toggleClass(this.overlayElement, 'dv-drop-target-small-vertical', isSmallY);
|
|
3326
|
+
toggleClass(this.overlayElement, 'dv-drop-target-small-horizontal', isSmallX);
|
|
3327
|
+
toggleClass(this.overlayElement, 'dv-drop-target-left', isLeft);
|
|
3328
|
+
toggleClass(this.overlayElement, 'dv-drop-target-right', isRight);
|
|
3329
|
+
toggleClass(this.overlayElement, 'dv-drop-target-top', isTop);
|
|
3330
|
+
toggleClass(this.overlayElement, 'dv-drop-target-bottom', isBottom);
|
|
3331
|
+
toggleClass(this.overlayElement, 'dv-drop-target-center', quadrant === 'center');
|
|
3341
3332
|
}
|
|
3342
3333
|
calculateQuadrant(overlayType, x, y, width, height) {
|
|
3343
|
-
var _a, _b
|
|
3344
|
-
const
|
|
3345
|
-
|
|
3346
|
-
const value = numberOrFallback((_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.overlayModel) === null || _e === void 0 ? void 0 : _e.activationSize) === null || _f === void 0 ? void 0 : _f.value, 20);
|
|
3334
|
+
var _a, _b;
|
|
3335
|
+
const activationSizeOptions = (_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.activationSize) !== null && _b !== void 0 ? _b : DEFAULT_ACTIVATION_SIZE;
|
|
3336
|
+
const isPercentage = activationSizeOptions.type === 'percentage';
|
|
3347
3337
|
if (isPercentage) {
|
|
3348
|
-
return calculateQuadrantAsPercentage(overlayType, x, y, width, height, value);
|
|
3338
|
+
return calculateQuadrantAsPercentage(overlayType, x, y, width, height, activationSizeOptions.value);
|
|
3349
3339
|
}
|
|
3350
|
-
return calculateQuadrantAsPixels(overlayType, x, y, width, height, value);
|
|
3340
|
+
return calculateQuadrantAsPixels(overlayType, x, y, width, height, activationSizeOptions.value);
|
|
3351
3341
|
}
|
|
3352
3342
|
removeDropTarget() {
|
|
3353
3343
|
if (this.targetElement) {
|
|
@@ -4539,6 +4529,21 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4539
4529
|
if (this.disableResizing) {
|
|
4540
4530
|
return;
|
|
4541
4531
|
}
|
|
4532
|
+
if (!this._element.offsetParent) {
|
|
4533
|
+
/**
|
|
4534
|
+
* offsetParent === null is equivalent to display: none being set on the element or one
|
|
4535
|
+
* of it's parents. In the display: none case the size will become (0, 0) which we do
|
|
4536
|
+
* not want to propagate.
|
|
4537
|
+
*
|
|
4538
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
|
|
4539
|
+
*
|
|
4540
|
+
* You could use checkVisibility() but at the time of writing it's not supported across
|
|
4541
|
+
* all Browsers
|
|
4542
|
+
*
|
|
4543
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility
|
|
4544
|
+
*/
|
|
4545
|
+
return;
|
|
4546
|
+
}
|
|
4542
4547
|
if (!isInDocument(this._element)) {
|
|
4543
4548
|
/**
|
|
4544
4549
|
* since the event is dispatched through requestAnimationFrame there is a small chance
|
|
@@ -6547,6 +6552,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6547
6552
|
}
|
|
6548
6553
|
}
|
|
6549
6554
|
|
|
6555
|
+
const DEFAULT_ROOT_OVERLAY_MODEL = {
|
|
6556
|
+
activationSize: { type: 'pixels', value: 10 },
|
|
6557
|
+
size: { type: 'pixels', value: 20 },
|
|
6558
|
+
};
|
|
6550
6559
|
function getTheme(element) {
|
|
6551
6560
|
function toClassList(element) {
|
|
6552
6561
|
const list = [];
|
|
@@ -6591,7 +6600,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6591
6600
|
return (_a = this.options.defaultRenderer) !== null && _a !== void 0 ? _a : 'onlyWhenVisibile';
|
|
6592
6601
|
}
|
|
6593
6602
|
constructor(options) {
|
|
6594
|
-
var _a;
|
|
6603
|
+
var _a, _b;
|
|
6595
6604
|
super({
|
|
6596
6605
|
proportionalLayout: true,
|
|
6597
6606
|
orientation: (_a = options.orientation) !== null && _a !== void 0 ? _a : exports.Orientation.HORIZONTAL,
|
|
@@ -6655,7 +6664,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6655
6664
|
!this.options.watermarkFrameworkComponent) {
|
|
6656
6665
|
this.options.watermarkComponent = Watermark;
|
|
6657
6666
|
}
|
|
6658
|
-
|
|
6667
|
+
this._rootDropTarget = new Droptarget(this.element, {
|
|
6659
6668
|
canDisplayOverlay: (event, position) => {
|
|
6660
6669
|
const data = getPanelData();
|
|
6661
6670
|
if (data) {
|
|
@@ -6688,12 +6697,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6688
6697
|
return false;
|
|
6689
6698
|
},
|
|
6690
6699
|
acceptedTargetZones: ['top', 'bottom', 'left', 'right', 'center'],
|
|
6691
|
-
overlayModel:
|
|
6692
|
-
activationSize: { type: 'pixels', value: 10 },
|
|
6693
|
-
size: { type: 'pixels', value: 20 },
|
|
6694
|
-
},
|
|
6700
|
+
overlayModel: (_b = this.options.rootOverlayModel) !== null && _b !== void 0 ? _b : DEFAULT_ROOT_OVERLAY_MODEL,
|
|
6695
6701
|
});
|
|
6696
|
-
this.addDisposables(
|
|
6702
|
+
this.addDisposables(this._rootDropTarget.onDrop((event) => {
|
|
6697
6703
|
var _a;
|
|
6698
6704
|
const data = getPanelData();
|
|
6699
6705
|
if (data) {
|
|
@@ -6702,7 +6708,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6702
6708
|
else {
|
|
6703
6709
|
this._onDidDrop.fire(Object.assign(Object.assign({}, event), { api: this._api, group: null, getData: getPanelData }));
|
|
6704
6710
|
}
|
|
6705
|
-
}),
|
|
6711
|
+
}), this._rootDropTarget);
|
|
6706
6712
|
this._api = new DockviewApi(this);
|
|
6707
6713
|
this.updateWatermark();
|
|
6708
6714
|
}
|
|
@@ -6865,15 +6871,17 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6865
6871
|
}
|
|
6866
6872
|
updateOptions(options) {
|
|
6867
6873
|
var _a, _b;
|
|
6868
|
-
const
|
|
6874
|
+
const changed_orientation = typeof options.orientation === 'string' &&
|
|
6869
6875
|
this.gridview.orientation !== options.orientation;
|
|
6870
|
-
const
|
|
6876
|
+
const changed_floatingGroupBounds = options.floatingGroupBounds !== undefined &&
|
|
6871
6877
|
options.floatingGroupBounds !== this.options.floatingGroupBounds;
|
|
6878
|
+
const changed_rootOverlayOptions = options.rootOverlayModel !== undefined &&
|
|
6879
|
+
options.rootOverlayModel !== this.options.rootOverlayModel;
|
|
6872
6880
|
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
6873
|
-
if (
|
|
6881
|
+
if (changed_orientation) {
|
|
6874
6882
|
this.gridview.orientation = options.orientation;
|
|
6875
6883
|
}
|
|
6876
|
-
if (
|
|
6884
|
+
if (changed_floatingGroupBounds) {
|
|
6877
6885
|
for (const group of this._floatingGroups) {
|
|
6878
6886
|
switch (this.options.floatingGroupBounds) {
|
|
6879
6887
|
case 'boundedWithinViewport':
|
|
@@ -6895,6 +6903,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6895
6903
|
group.overlay.setBounds({});
|
|
6896
6904
|
}
|
|
6897
6905
|
}
|
|
6906
|
+
if (changed_rootOverlayOptions) {
|
|
6907
|
+
this._rootDropTarget.setOverlayModel(options.rootOverlayModel);
|
|
6908
|
+
}
|
|
6898
6909
|
this.layout(this.gridview.width, this.gridview.height, true);
|
|
6899
6910
|
}
|
|
6900
6911
|
layout(width, height, forceResize) {
|
|
@@ -8870,6 +8881,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
8870
8881
|
floatingGroupBounds: props.floatingGroupBounds,
|
|
8871
8882
|
defaultRenderer: props.defaultRenderer,
|
|
8872
8883
|
debug: props.debug,
|
|
8884
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
8873
8885
|
});
|
|
8874
8886
|
const { clientWidth, clientHeight } = domRef.current;
|
|
8875
8887
|
dockview.layout(clientWidth, clientHeight);
|
|
@@ -8977,6 +8989,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
8977
8989
|
createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
|
|
8978
8990
|
});
|
|
8979
8991
|
}, [props.leftHeaderActionsComponent]);
|
|
8992
|
+
React__namespace.useEffect(() => {
|
|
8993
|
+
if (!dockviewRef.current) {
|
|
8994
|
+
return;
|
|
8995
|
+
}
|
|
8996
|
+
dockviewRef.current.updateOptions({
|
|
8997
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
8998
|
+
});
|
|
8999
|
+
}, [props.rootOverlayModel]);
|
|
8980
9000
|
React__namespace.useEffect(() => {
|
|
8981
9001
|
if (!dockviewRef.current) {
|
|
8982
9002
|
return;
|