rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-01-22 17:35:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: fix popout group persistance

Browse Source
This commit is contained in:
mathuo 2024-01-31 21:32:01 +00:00
parent 0bca63b550
commit c4f46a190a
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
1 changed files with 45 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
packages/dockview-core/src/dockview/dockviewComponent.ts
View File

@ -110,6 +110,7 @@ export interface SerializedFloatingGroup {
export interface SerializedPopoutGroup {
data: GroupPanelViewState;
gridReferenceGroup: string;
position: Box | null;
}
@ -541,17 +542,21 @@ export class DockviewComponent
}
addPopoutGroup(
item: DockviewPanel | DockviewGroupPanel,
itemToPopout: DockviewPanel | DockviewGroupPanel,
options?: {
skipRemoveGroup?: boolean;
position?: Box;
popoutUrl?: string;
onDidOpen?: (event: { id: string; window: Window }) => void;
onWillClose?: (event: { id: string; window: Window }) => void;
overridePopoutGroup?: DockviewGroupPanel;
}
): Promise<void> {
if (item instanceof DockviewPanel && item.group.size === 1) {
return this.addPopoutGroup(item.group);
if (
itemToPopout instanceof DockviewPanel &&
itemToPopout.group.size === 1
) {
return this.addPopoutGroup(itemToPopout.group);
}
const theme = getDockviewTheme(this.gridview.element);
@ -578,21 +583,22 @@ export class DockviewComponent
return options.position;
}
if (item instanceof DockviewGroupPanel) {
return item.element.getBoundingClientRect();
if (itemToPopout instanceof DockviewGroupPanel) {
return itemToPopout.element.getBoundingClientRect();
}
if (item.group) {
return item.group.element.getBoundingClientRect();
if (itemToPopout.group) {
return itemToPopout.group.element.getBoundingClientRect();
}
return element.getBoundingClientRect();
}
const box: Box = getBox();
const groupId = this.getNextGroupId(); //item.id;
const groupId =
options?.overridePopoutGroup?.id ?? this.getNextGroupId(); //item.id;
item.api.setHidden(true);
itemToPopout.api.setHidden(true);
const _window = new PopoutWindow(
`${this.id}-${groupId}`, // unique id
@ -635,13 +641,18 @@ export class DockviewComponent
);
const referenceGroup =
item instanceof DockviewPanel ? item.group : item;
itemToPopout instanceof DockviewPanel
? itemToPopout.group
: itemToPopout;
const group = this.createGroup({ id: groupId });
const group =
options?.overridePopoutGroup ??
this.createGroup({ id: groupId });
group.model.renderContainer = overlayRenderContainer;
if (item instanceof DockviewPanel) {
const panel = referenceGroup.model.removePanel(item);
if (itemToPopout instanceof DockviewPanel) {
const panel =
referenceGroup.model.removePanel(itemToPopout);
group.model.openPanel(panel);
} else {
moveGroupWithoutDestroying({
@ -1015,6 +1026,7 @@ export class DockviewComponent
(group) => {
return {
data: group.popoutGroup.toJSON() as GroupPanelViewState,
gridReferenceGroup: group.referenceGroup.id,
position: group.window.dimensions(),
};
}
@ -1142,14 +1154,26 @@ export class DockviewComponent
const serializedPopoutGroups = data.popoutGroups ?? [];
for (const serializedPopoutGroup of serializedPopoutGroups) {
const { data, position } = serializedPopoutGroup;
const { data, position, gridReferenceGroup } =
serializedPopoutGroup;
const group = createGroupFromSerializedState(data);
this.addPopoutGroup(group, {
skipRemoveGroup: true,
position: position ?? undefined,
});
if (!gridReferenceGroup) {
/**
* workaround to handle <= v1.9.2
*/
this.doAddGroup(group, [0]);
}
this.addPopoutGroup(
this.getPanel(gridReferenceGroup) ?? group,
{
skipRemoveGroup: true,
position: position ?? undefined,
overridePopoutGroup: group,
}
);
}
for (const floatingGroup of this._floatingGroups) {
@ -1557,7 +1581,9 @@ export class DockviewComponent
if (selectedGroup) {
if (!options?.skipDispose) {
if (!options?.skipPopoutAssociated) {
this.removeGroup(selectedGroup.referenceGroup);
if (this._groups.has(selectedGroup.referenceGroup.id)) {
this.removeGroup(selectedGroup.referenceGroup);
}
}
selectedGroup.popoutGroup.dispose();