rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-10-16 12:58:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix demo

Browse Source
This commit is contained in:
mathuo 2022-05-10 21:59:06 +01:00
parent b4a1f46a49
commit 6d58e48470
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
6 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dockview-demo/src/layout-grid/activitybar.tsx
View File

@ -23,10 +23,10 @@ export const Activitybar = (props: IGridviewPanelProps) => {
const sidebarPanel = api.getPanel('sidebar'); const sidebarPanel = api.getPanel('sidebar');
if (sidebarPanel.api.isVisible) { if (sidebarPanel.api.isVisible) {
api.setVisible(sidebarPanel, false); sidebarPanel.api.setVisible(false);
} else { } else {
event.preventDefault(); // prevent focus event.preventDefault(); // prevent focus
api.setVisible(sidebarPanel, true); sidebarPanel.api.setVisible(true);
sidebarPanel.focus(); sidebarPanel.focus();
} }
}; };

6
packages/dockview-demo/src/layout-grid/panels/exampleFunctions.tsx
View File

@ -30,8 +30,10 @@ export const ExampleFunctions = (
isPanelVisible: x.isVisible, isPanelVisible: x.isVisible,
})); }));
}), }),
props.api.onFocusEvent(() => { props.api.onDidFocusChange(({ isFocused }) => {
input.current.focus(); if (isFocused) {
input.current.focus();
}
}) })
); );

6
packages/dockview-demo/src/layout-grid/sidebar.tsx
View File

@ -64,8 +64,10 @@ export const Sidebar = (props: IGridviewPanelProps) => {
props.api.onDidVisibilityChange((event) => { props.api.onDidVisibilityChange((event) => {
console.log(event); console.log(event);
}), }),
props.api.onFocusEvent(() => { props.api.onDidFocusChange(({ isFocused }) => {
api.current.focus(); if (isFocused) {
api.current.focus();
}
}) })
); );

12
packages/dockview-demo/src/layout-grid/splitPanel.tsx
View File

@ -29,8 +29,10 @@ const components = {
props.api.onDidActiveChange((event) => { props.api.onDidActiveChange((event) => {
setActive(event.isActive); setActive(event.isActive);
}), }),
props.api.onFocusEvent(() => { props.api.onDidFocusChange(({ isFocused }) => {
ref.current.focus(); if (isFocused) {
ref.current.focus();
}
}) })
); );
@ -65,8 +67,10 @@ export const SplitPanel = (props: IDockviewPanelProps) => {
props.api.onDidDimensionsChange((event) => { props.api.onDidDimensionsChange((event) => {
api.current?.layout(event.width, event.height - 25); api.current?.layout(event.width, event.height - 25);
}), }),
props.api.onFocusEvent(() => { props.api.onDidFocusChange(({ isFocused }) => {
api.current.focus(); if (isFocused) {
api.current.focus();
}
}) })
); );

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

@ -227,7 +227,7 @@ export const Common = (
const toggleVisibility = (i: number) => () => { const toggleVisibility = (i: number) => () => {
const panel = api.current.panels[i]; const panel = api.current.panels[i];
api.current.setVisible(panel, !panel.api.isVisible); panel.api.setVisible(panel.api.isVisible);
setDimensions((dimensions) => ({ setDimensions((dimensions) => ({
...dimensions, ...dimensions,
visibility: api.current.panels.map((_) => _.api.isVisible), visibility: api.current.panels.map((_) => _.api.isVisible),

6
packages/dockview-demo/src/services/widgets.tsx
View File

@ -161,11 +161,11 @@ export const Activitybar = (props: IGridviewPanelProps) => {
const sidebarPanel = api.getPanel('sidebar'); const sidebarPanel = api.getPanel('sidebar');
if (sidebarPanel.api.isVisible) { if (sidebarPanel.api.isVisible) {
if (!alwaysOpen && selectedActive) { if (!alwaysOpen && selectedActive) {
api.setVisible(sidebarPanel, false); sidebarPanel.api.setVisible(false);
} }
} else { } else {
event.preventDefault(); // prevent focus event.preventDefault(); // prevent focus
api.setVisible(sidebarPanel, true); sidebarPanel.api.setVisible(true);
sidebarPanel.focus(); sidebarPanel.focus();
} }
@ -234,7 +234,7 @@ export const Activitybar = (props: IGridviewPanelProps) => {
const sidebarPanel = api.getPanel('sidebar'); const sidebarPanel = api.getPanel('sidebar');
if (!sidebarPanel.api.isVisible) { if (!sidebarPanel.api.isVisible) {
api.setVisible(sidebarPanel, true); sidebarPanel.api.setVisible(true);
sidebarPanel.focus(); sidebarPanel.focus();
} }