rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-08-24 11:06:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update docs

Browse Source
This commit is contained in:
mathuo 2022-05-08 19:49:28 +01:00
parent 1f0bc97b10
commit 0ba72eeb5e
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
4 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -17,6 +17,7 @@
A zero dependency layout manager based on the layering of splitview with support for ReactJS components, written in TypeScript.
- [➡️](https://mathuo.github.io/dockview/docs) Documentation
- [➡️](https://mathuo.github.io/dockview/) Live demo
- [➡️](https://mathuo.github.io/dockview/output/storybook-static) Storybook demo
- [➡️](https://github.com/mathuo/dockview/tree/master/packages/dockview-demo/src/stories) Code examples

12
packages/dockview-docs/src/pages/dockview.mdx
View File

@ -84,15 +84,15 @@ const onReady = (event: DockviewReadyEvent) => {
| length | `number` | Number of panels |
| size | `number` | Number of Groups |
| panels | `IDockviewPanel[]` | |
| groups | `IDockviewPanel[]` | |
| groups | `GroupPanel[]` | |
| activePanel | `IDockviewPanel \| undefined` | |
| activeGroup | `IDockviewPanel \| undefined` | |
| | | |
| onDidLayoutChange | `Event<void>` | |
| onDidLayoutFromJSON | `Event<void>` | |
| onDidAddGroup | `Event<IDockviewPanel>` | |
| onDidRemoveGroup | `Event<IDockviewPanel>` | |
| onDidActiveGroupChange | `Event<IDockviewPanel \| undefined>` | |
| onDidAddGroup | `Event<GroupPanel>` | |
| onDidRemoveGroup | `Event<GroupPanel>` | |
| onDidActiveGroupChange | `Event<GroupPanel \| undefined>` | |
| onDidAddPanel | `Event<IDockviewPanel>` | |
| onDidRemovePanel | `Event<IDockviewPanel>` | |
| onDidActivePanelChange | `Event<IDockviewPanel \| undefined>` | |
@ -102,8 +102,8 @@ const onReady = (event: DockviewReadyEvent) => {
| getPanel | `(id: string) \| IDockviewPanel \| undefined` | |
| addEmptyGroup | `(options? AddGroupOptions): void` | |
| closeAllGroups | `(): void` | |
| removeGroup | `(group: IDockviewPanel): void` | |
| getGroup | `(id: string): IDockviewPanel \| undefined` | |
| removeGroup | `(group: GroupPanel): void` | |
| getGroup | `(id: string): GroupPanel \| undefined` | |
| | | |
| getTabHeight | `(): number \| undefined` | |
| setTabHeight | `(hegiht: number \| undefined): void` | |

6
packages/dockview/README.md
View File

@ -99,6 +99,7 @@ const Component = () => {
event.api.addPanel({
id: 'panel1',
component: 'default',
tabComponent: 'customTab', // optional custom header
params: {
someProps: 'Hello',
},
@ -116,7 +117,7 @@ const Component = () => {
return (
<DockviewReact
components={components}
tabComponents={headers}
tabComponents={headers} // optional headers renderer
onReady={onReady}
/>
);
@ -131,13 +132,12 @@ const components: PanelCollection<IDockviewPanelProps> = {
return <div>{props.params.someProps}</div>;
},
fancy: (props: IDockviewPanelProps) => {
const close = () => props.api.close();
return (
<DockviewComponents.Panel>
<DockviewComponents.Tab>
<div>
<span>{props.api.title}</span>
<span onClick={close}>{'Close'}</span>
<span onClick={() => props.api.close()}>{'Close'}</span>
</div>
</DockviewComponents.Tab>
<DockviewComponents.Content>

12
packages/dockview/src/api/component.api.ts
View File

@ -364,15 +364,15 @@ export class DockviewApi implements CommonApi<SerializedDockview> {
return this.component.totalPanels;
}
get onDidActiveGroupChange(): Event<IGroupviewPanel | undefined> {
get onDidActiveGroupChange(): Event<GroupPanel | undefined> {
return this.component.onDidActiveGroupChange;
}
get onDidAddGroup(): Event<IGroupviewPanel> {
get onDidAddGroup(): Event<GroupPanel> {
return this.component.onDidAddGroup;
}
get onDidRemoveGroup(): Event<IGroupviewPanel> {
get onDidRemoveGroup(): Event<GroupPanel> {
return this.component.onDidRemoveGroup;
}
@ -404,7 +404,7 @@ export class DockviewApi implements CommonApi<SerializedDockview> {
return this.component.panels;
}
get groups(): IGroupviewPanel[] {
get groups(): GroupPanel[] {
return this.component.groups;
}
@ -412,7 +412,7 @@ export class DockviewApi implements CommonApi<SerializedDockview> {
return this.component.activePanel;
}
get activeGroup(): IGroupviewPanel | undefined {
get activeGroup(): GroupPanel | undefined {
return this.component.activeGroup;
}
@ -462,7 +462,7 @@ export class DockviewApi implements CommonApi<SerializedDockview> {
this.component.removeGroup(<GroupPanel>group);
}
getGroup(id: string): IGroupviewPanel | undefined {
getGroup(id: string): GroupPanel | undefined {
return this.component.getPanel(id);
}