rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-10-04 06:58:08 +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');
if (sidebarPanel.api.isVisible) {
api.setVisible(sidebarPanel, false);
sidebarPanel.api.setVisible(false);
} else {
event.preventDefault(); // prevent focus
api.setVisible(sidebarPanel, true);
sidebarPanel.api.setVisible(true);
sidebarPanel.focus();
}
};

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

@ -30,8 +30,10 @@ export const ExampleFunctions = (
isPanelVisible: x.isVisible,
}));
}),
props.api.onFocusEvent(() => {
input.current.focus();
props.api.onDidFocusChange(({ isFocused }) => {
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) => {
console.log(event);
}),
props.api.onFocusEvent(() => {
api.current.focus();
props.api.onDidFocusChange(({ isFocused }) => {
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) => {
setActive(event.isActive);
}),
props.api.onFocusEvent(() => {
ref.current.focus();
props.api.onDidFocusChange(({ isFocused }) => {
if (isFocused) {
ref.current.focus();
}
})
);
@ -65,8 +67,10 @@ export const SplitPanel = (props: IDockviewPanelProps) => {
props.api.onDidDimensionsChange((event) => {
api.current?.layout(event.width, event.height - 25);
}),
props.api.onFocusEvent(() => {
api.current.focus();
props.api.onDidFocusChange(({ isFocused }) => {
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 panel = api.current.panels[i];
api.current.setVisible(panel, !panel.api.isVisible);
panel.api.setVisible(panel.api.isVisible);
setDimensions((dimensions) => ({
...dimensions,
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');
if (sidebarPanel.api.isVisible) {
if (!alwaysOpen && selectedActive) {
api.setVisible(sidebarPanel, false);
sidebarPanel.api.setVisible(false);
}
} else {
event.preventDefault(); // prevent focus
api.setVisible(sidebarPanel, true);
sidebarPanel.api.setVisible(true);
sidebarPanel.focus();
}
@ -234,7 +234,7 @@ export const Activitybar = (props: IGridviewPanelProps) => {
const sidebarPanel = api.getPanel('sidebar');
if (!sidebarPanel.api.isVisible) {
api.setVisible(sidebarPanel, true);
sidebarPanel.api.setVisible(true);
sidebarPanel.focus();
}