rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-09-01 15:06:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #68 from mathuo/51-expose-params-item-on-panel-interfaces

Browse Source 
chore: fix demo
This commit is contained in:
mathuo 2022-04-23 16:38:58 +01:00 committed by GitHub
commit a2c269dbd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 14 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dockview-demo/src/layout-grid/application.tsx
View File

@ -88,7 +88,7 @@ export const Application = () => {
});
}
event.api.onGridEvent(() => {
event.api.onDidLayoutChange(() => {
localStorage.setItem(
'dockview-layout',
JSON.stringify(event.api.toJSON())

8
packages/dockview-demo/src/layout-grid/layoutGrid.tsx
View File

@ -2,7 +2,6 @@ import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {
IDockviewPanelProps,
GroupChangeKind,
IGridviewPanelProps,
TabContextMenuEvent,
DockviewReadyEvent,
@ -161,11 +160,8 @@ export const TestGrid = (props: IGridviewPanelProps) => {
const state = api.toJSON();
localStorage.setItem('dockview', JSON.stringify(state));
}),
api.onGridEvent((e) => {
console.log(e);
if (e.kind === GroupChangeKind.PANEL_ACTIVE) {
setSelectedPanel(e.panel?.id || '');
}
api.onDidActivePanelChange((e) => {
setSelectedPanel(e?.id || '');
})
);

4
packages/dockview-demo/src/stories/dockview/dockview.iframe.stories.tsx
View File

@ -51,7 +51,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
};
export const Iframe = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -61,8 +60,6 @@ export const Iframe = (props: {
const onReady = (event: DockviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addPanel({
id: 'panel1',
title: 'Standard Panel',
@ -107,6 +104,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

4
packages/dockview-demo/src/stories/dockview/dockview.params.stories.tsx
View File

@ -61,7 +61,6 @@ const components: PanelCollection<IDockviewPanelProps<any>> = {
};
export const Params = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -93,8 +92,6 @@ export const Params = (props: {
const onReady = (event: DockviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addPanel({
id: 'panel1',
component: 'ticker',
@ -152,6 +149,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

4
packages/dockview-demo/src/stories/dockview/dockview.simple.stories.tsx
View File

@ -26,7 +26,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
};
export const Simple = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -36,8 +35,6 @@ export const Simple = (props: {
const onReady = (event: DockviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addPanel({
id: 'panel1',
component: 'default',
@ -92,6 +89,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

4
packages/dockview-demo/src/stories/dockview/dockview.tab.stories.tsx
View File

@ -47,7 +47,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
};
export const Tab = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -57,8 +56,6 @@ export const Tab = (props: {
const onReady = (event: DockviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addPanel({
id: 'panel1',
component: 'default',
@ -113,6 +110,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

26
packages/dockview-demo/src/stories/dockview/dockview.watermark.stories.tsx
View File

@ -2,7 +2,6 @@ import {
DockviewApi,
DockviewReact,
DockviewReadyEvent,
GroupChangeKind,
IDockviewPanelProps,
IWatermarkPanelProps,
PanelCollection,
@ -36,16 +35,17 @@ const WatermarkPanel = (props: IWatermarkPanelProps) => {
React.useEffect(() => {
const disposables = new CompositeDisposable(
props.containerApi.onGridEvent((event) => {
switch (event.kind) {
case GroupChangeKind.ADD_GROUP:
case GroupChangeKind.REMOVE_GROUP:
case GroupChangeKind.ADD_PANEL:
case GroupChangeKind.REMOVE_PANEL:
setSize(props.containerApi.size);
setPanels(props.containerApi.totalPanels);
break;
}
props.containerApi.onDidAddGroup((event) => {
setSize(props.containerApi.size);
}),
props.containerApi.onDidRemoveGroup((event) => {
setSize(props.containerApi.size);
}),
props.containerApi.onDidAddPanel((event) => {
setPanels(props.containerApi.totalPanels);
}),
props.containerApi.onDidRemovePanel((event) => {
setPanels(props.containerApi.totalPanels);
})
);
@ -96,7 +96,6 @@ const WatermarkPanel = (props: IWatermarkPanelProps) => {
};
export const Watermark = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -106,8 +105,6 @@ export const Watermark = (props: {
const onReady = (event: DockviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addEmptyGroup();
};
@ -144,6 +141,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

4
packages/dockview-demo/src/stories/gridview/gridview.params.stories.tsx
View File

@ -25,7 +25,6 @@ const components: PanelCollection<IGridviewPanelProps<any>> = {
};
export const Params = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -54,8 +53,6 @@ export const Params = (props: {
const onReady = (event: GridviewReadyEvent) => {
api.current = event.api;
event.api.onGridEvent((e) => props.onEvent(e.kind));
event.api.addPanel({
id: 'panel1',
component: 'ticker',
@ -106,6 +103,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;

2
packages/dockview-demo/src/stories/splitview/splitview.params.stories.tsx
View File

@ -25,7 +25,6 @@ const components: PanelCollection<ISplitviewPanelProps<any>> = {
};
export const Params = (props: {
onEvent: (name: string) => void;
theme: string;
hideBorders: boolean;
disableAutoResizing: boolean;
@ -104,6 +103,5 @@ export default {
options: ['dockview-theme-dark', 'dockview-theme-light'],
},
},
onEvent: { action: 'onEvent' },
},
} as Meta;