dockview 1.9.0 → 1.9.2
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 +84 -63
- 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 +84 -63
- package/dist/dockview.amd.noStyle.js.map +1 -1
- package/dist/dockview.cjs.js +84 -63
- package/dist/dockview.cjs.js.map +1 -1
- package/dist/dockview.esm.js +84 -63
- 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 +84 -63
- 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 +84 -63
- 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.2
|
|
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) {
|
|
@@ -3521,11 +3511,11 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3521
3511
|
}
|
|
3522
3512
|
closePanel() {
|
|
3523
3513
|
if (this.panel) {
|
|
3524
|
-
if (this.
|
|
3514
|
+
if (this.panel.api.renderer === 'onlyWhenVisibile') {
|
|
3525
3515
|
this._element.removeChild(this.panel.view.content.element);
|
|
3526
3516
|
}
|
|
3527
|
-
this.panel = undefined;
|
|
3528
3517
|
}
|
|
3518
|
+
this.panel = undefined;
|
|
3529
3519
|
}
|
|
3530
3520
|
dispose() {
|
|
3531
3521
|
this.disposable.dispose();
|
|
@@ -4276,6 +4266,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4276
4266
|
if (!skipSetGroupActive) {
|
|
4277
4267
|
this.accessor.doSetGroupActive(this.groupPanel);
|
|
4278
4268
|
}
|
|
4269
|
+
this.contentContainer.renderPanel(panel, { asActive: true });
|
|
4279
4270
|
return;
|
|
4280
4271
|
}
|
|
4281
4272
|
this.doAddPanel(panel, options.index, skipSetPanelActive);
|
|
@@ -4539,6 +4530,21 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4539
4530
|
if (this.disableResizing) {
|
|
4540
4531
|
return;
|
|
4541
4532
|
}
|
|
4533
|
+
if (!this._element.offsetParent) {
|
|
4534
|
+
/**
|
|
4535
|
+
* offsetParent === null is equivalent to display: none being set on the element or one
|
|
4536
|
+
* of it's parents. In the display: none case the size will become (0, 0) which we do
|
|
4537
|
+
* not want to propagate.
|
|
4538
|
+
*
|
|
4539
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
|
|
4540
|
+
*
|
|
4541
|
+
* You could use checkVisibility() but at the time of writing it's not supported across
|
|
4542
|
+
* all Browsers
|
|
4543
|
+
*
|
|
4544
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility
|
|
4545
|
+
*/
|
|
4546
|
+
return;
|
|
4547
|
+
}
|
|
4542
4548
|
if (!isInDocument(this._element)) {
|
|
4543
4549
|
/**
|
|
4544
4550
|
* since the event is dispatched through requestAnimationFrame there is a small chance
|
|
@@ -6547,6 +6553,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6547
6553
|
}
|
|
6548
6554
|
}
|
|
6549
6555
|
|
|
6556
|
+
const DEFAULT_ROOT_OVERLAY_MODEL = {
|
|
6557
|
+
activationSize: { type: 'pixels', value: 10 },
|
|
6558
|
+
size: { type: 'pixels', value: 20 },
|
|
6559
|
+
};
|
|
6550
6560
|
function getTheme(element) {
|
|
6551
6561
|
function toClassList(element) {
|
|
6552
6562
|
const list = [];
|
|
@@ -6591,7 +6601,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6591
6601
|
return (_a = this.options.defaultRenderer) !== null && _a !== void 0 ? _a : 'onlyWhenVisibile';
|
|
6592
6602
|
}
|
|
6593
6603
|
constructor(options) {
|
|
6594
|
-
var _a;
|
|
6604
|
+
var _a, _b;
|
|
6595
6605
|
super({
|
|
6596
6606
|
proportionalLayout: true,
|
|
6597
6607
|
orientation: (_a = options.orientation) !== null && _a !== void 0 ? _a : exports.Orientation.HORIZONTAL,
|
|
@@ -6655,7 +6665,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6655
6665
|
!this.options.watermarkFrameworkComponent) {
|
|
6656
6666
|
this.options.watermarkComponent = Watermark;
|
|
6657
6667
|
}
|
|
6658
|
-
|
|
6668
|
+
this._rootDropTarget = new Droptarget(this.element, {
|
|
6659
6669
|
canDisplayOverlay: (event, position) => {
|
|
6660
6670
|
const data = getPanelData();
|
|
6661
6671
|
if (data) {
|
|
@@ -6688,12 +6698,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6688
6698
|
return false;
|
|
6689
6699
|
},
|
|
6690
6700
|
acceptedTargetZones: ['top', 'bottom', 'left', 'right', 'center'],
|
|
6691
|
-
overlayModel:
|
|
6692
|
-
activationSize: { type: 'pixels', value: 10 },
|
|
6693
|
-
size: { type: 'pixels', value: 20 },
|
|
6694
|
-
},
|
|
6701
|
+
overlayModel: (_b = this.options.rootOverlayModel) !== null && _b !== void 0 ? _b : DEFAULT_ROOT_OVERLAY_MODEL,
|
|
6695
6702
|
});
|
|
6696
|
-
this.addDisposables(
|
|
6703
|
+
this.addDisposables(this._rootDropTarget.onDrop((event) => {
|
|
6697
6704
|
var _a;
|
|
6698
6705
|
const data = getPanelData();
|
|
6699
6706
|
if (data) {
|
|
@@ -6702,7 +6709,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6702
6709
|
else {
|
|
6703
6710
|
this._onDidDrop.fire(Object.assign(Object.assign({}, event), { api: this._api, group: null, getData: getPanelData }));
|
|
6704
6711
|
}
|
|
6705
|
-
}),
|
|
6712
|
+
}), this._rootDropTarget);
|
|
6706
6713
|
this._api = new DockviewApi(this);
|
|
6707
6714
|
this.updateWatermark();
|
|
6708
6715
|
}
|
|
@@ -6865,15 +6872,17 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6865
6872
|
}
|
|
6866
6873
|
updateOptions(options) {
|
|
6867
6874
|
var _a, _b;
|
|
6868
|
-
const
|
|
6875
|
+
const changed_orientation = typeof options.orientation === 'string' &&
|
|
6869
6876
|
this.gridview.orientation !== options.orientation;
|
|
6870
|
-
const
|
|
6877
|
+
const changed_floatingGroupBounds = options.floatingGroupBounds !== undefined &&
|
|
6871
6878
|
options.floatingGroupBounds !== this.options.floatingGroupBounds;
|
|
6879
|
+
const changed_rootOverlayOptions = options.rootOverlayModel !== undefined &&
|
|
6880
|
+
options.rootOverlayModel !== this.options.rootOverlayModel;
|
|
6872
6881
|
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
6873
|
-
if (
|
|
6882
|
+
if (changed_orientation) {
|
|
6874
6883
|
this.gridview.orientation = options.orientation;
|
|
6875
6884
|
}
|
|
6876
|
-
if (
|
|
6885
|
+
if (changed_floatingGroupBounds) {
|
|
6877
6886
|
for (const group of this._floatingGroups) {
|
|
6878
6887
|
switch (this.options.floatingGroupBounds) {
|
|
6879
6888
|
case 'boundedWithinViewport':
|
|
@@ -6895,6 +6904,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6895
6904
|
group.overlay.setBounds({});
|
|
6896
6905
|
}
|
|
6897
6906
|
}
|
|
6907
|
+
if (changed_rootOverlayOptions) {
|
|
6908
|
+
this._rootDropTarget.setOverlayModel(options.rootOverlayModel);
|
|
6909
|
+
}
|
|
6898
6910
|
this.layout(this.gridview.width, this.gridview.height, true);
|
|
6899
6911
|
}
|
|
6900
6912
|
layout(width, height, forceResize) {
|
|
@@ -7276,7 +7288,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
7276
7288
|
}
|
|
7277
7289
|
addGroup(options) {
|
|
7278
7290
|
var _a;
|
|
7279
|
-
const group = this.createGroup();
|
|
7291
|
+
const group = this.createGroup(options);
|
|
7280
7292
|
if (options) {
|
|
7281
7293
|
let referenceGroup;
|
|
7282
7294
|
if (isGroupOptionsWithPanel(options)) {
|
|
@@ -8870,6 +8882,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
8870
8882
|
floatingGroupBounds: props.floatingGroupBounds,
|
|
8871
8883
|
defaultRenderer: props.defaultRenderer,
|
|
8872
8884
|
debug: props.debug,
|
|
8885
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
8873
8886
|
});
|
|
8874
8887
|
const { clientWidth, clientHeight } = domRef.current;
|
|
8875
8888
|
dockview.layout(clientWidth, clientHeight);
|
|
@@ -8977,6 +8990,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
8977
8990
|
createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
|
|
8978
8991
|
});
|
|
8979
8992
|
}, [props.leftHeaderActionsComponent]);
|
|
8993
|
+
React__namespace.useEffect(() => {
|
|
8994
|
+
if (!dockviewRef.current) {
|
|
8995
|
+
return;
|
|
8996
|
+
}
|
|
8997
|
+
dockviewRef.current.updateOptions({
|
|
8998
|
+
rootOverlayModel: props.rootOverlayModel,
|
|
8999
|
+
});
|
|
9000
|
+
}, [props.rootOverlayModel]);
|
|
8980
9001
|
React__namespace.useEffect(() => {
|
|
8981
9002
|
if (!dockviewRef.current) {
|
|
8982
9003
|
return;
|