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

feat: reintroduce panel.update(..) to public api

Browse Source
This commit is contained in:
mathuo 2022-03-10 22:04:15 +00:00
parent ff88de0395
commit 26f2908b39
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
3 changed files with 1 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -157,10 +157,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
}; };
}, []); }, []);
const onClick = () => {
props.api.setState('test_key', 'hello');
};
const backgroundColor = React.useMemo( const backgroundColor = React.useMemo(
() => () =>
// "#1e1e1e", // "#1e1e1e",
@ -241,7 +237,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
{`${panelState.isPanelVisible}`} {`${panelState.isPanelVisible}`}
</span> </span>
</div> </div>
<button onClick={onClick}>set state</button>
<button onClick={onRename}>rename</button> <button onClick={onRename}>rename</button>
<input <input

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

@ -56,8 +56,6 @@ const components = {
}, },
}; };
const SPLIT_PANEL_STATE_KEY = 'splitview_panel_state';
export const SplitPanel = (props: IDockviewPanelProps) => { export const SplitPanel = (props: IDockviewPanelProps) => {
const api = React.useRef<SplitviewApi>(); const api = React.useRef<SplitviewApi>();
const registry = useLayoutRegistry(); const registry = useLayoutRegistry();
@ -67,9 +65,6 @@ 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);
}), }),
api.current.onDidLayoutChange(() => {
props.api.setState(SPLIT_PANEL_STATE_KEY, api.current.toJSON());
}),
props.api.onFocusEvent(() => { props.api.onFocusEvent(() => {
api.current.focus(); api.current.focus();
}) })
@ -98,11 +93,6 @@ export const SplitPanel = (props: IDockviewPanelProps) => {
event.api.addPanel({ id: '2', component: 'default1' }); event.api.addPanel({ id: '2', component: 'default1' });
}; };
const onSave = () => {
props.api.setState(SPLIT_PANEL_STATE_KEY, api.current.toJSON());
console.log(JSON.stringify(api.current.toJSON(), null, 4));
};
const onUpdateProps = () => { const onUpdateProps = () => {
const panel = api.current.getPanel('1'); const panel = api.current.getPanel('1');
panel.update({ params: { text: Date.now().toString() } }); panel.update({ params: { text: Date.now().toString() } });

1
packages/dockview/src/gridview/basePanelView.ts
View File

@ -22,6 +22,7 @@ export interface BasePanelViewExported<T extends PanelApiImpl> {
readonly params: Record<string, any> | undefined; readonly params: Record<string, any> | undefined;
focus(): void; focus(): void;
toJSON(): object; toJSON(): object;
update(event: PanelUpdateEvent): void;
} }
export abstract class BasePanelView<T extends PanelApiImpl> export abstract class BasePanelView<T extends PanelApiImpl>