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

feat: minor style and Type fixes

Browse Source
This commit is contained in:
mathuo 2022-03-14 19:53:36 +00:00
parent c3f1bda881
commit 88b871af25
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
6 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dockview/src/react/dockview/dockview.scss Normal file
View File

@ -0,0 +1,4 @@
.dockview-react-part {
height: 100%;
width: 100%;
}

23
packages/dockview/src/react/dockview/dockview.tsx
View File

@ -13,7 +13,7 @@ import {
import { DockviewPanelApi } from '../../api/groupPanelApi';
import { usePortalsLifecycle } from '../react';
import { DockviewApi } from '../../api/component.api';
import { ReactWatermarkPart } from './reactWatermarkPart';
import { IWatermarkPanelProps, ReactWatermarkPart } from './reactWatermarkPart';
import { PanelCollection, PanelParameters } from '../types';
import { watchElementResize } from '../../dom';
import { IContentRenderer, ITabRenderer } from '../../groupview/types';
@ -25,24 +25,19 @@ export interface IGroupPanelBaseProps<T extends {} = Record<string, any>>
containerApi: DockviewApi;
}
export interface IDockviewPanelProps<T extends { [index: string]: any } = any>
extends IGroupPanelBaseProps<T> {
// noop
}
export type IDockviewPanelHeaderProps<T extends {} = Record<string, any>> =
IGroupPanelBaseProps<T>;
export type IDockviewPanelProps<T extends { [index: string]: any } = any> =
IGroupPanelBaseProps<T>;
export interface DockviewReadyEvent {
api: DockviewApi;
}
export interface IWatermarkPanelProps<T extends {} = Record<string, any>>
extends PanelParameters<T> {
containerApi: DockviewApi;
close(): void;
}
export interface IDockviewReactProps {
components?: PanelCollection<IDockviewPanelProps>;
tabComponents?: PanelCollection<IGroupPanelBaseProps>;
tabComponents?: PanelCollection<IDockviewPanelHeaderProps>;
watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
onReady?: (event: DockviewReadyEvent) => void;
debug?: boolean;
@ -86,7 +81,7 @@ export const DockviewReact = React.forwardRef(
createComponent: (
id: string,
componentId: string,
component: React.FunctionComponent<IGroupPanelBaseProps>
component: React.FunctionComponent<IDockviewPanelProps>
): IContentRenderer => {
return new ReactPanelContentPart(
componentId,
@ -101,7 +96,7 @@ export const DockviewReact = React.forwardRef(
createComponent: (
id: string,
componentId: string,
component: React.FunctionComponent<IGroupPanelBaseProps>
component: React.FunctionComponent<IDockviewPanelHeaderProps>
): ITabRenderer => {
return new ReactPanelHeaderPart(
componentId,

6
packages/dockview/src/react/dockview/reactContentPart.ts
View File

@ -54,8 +54,7 @@ export class ReactPanelContentPart implements IContentRenderer {
private readonly reactPortalStore: ReactPortalStore
) {
this._element = document.createElement('div');
this._element.style.height = '100%';
this._element.style.width = '100%';
this._element.className = 'dockview-react-part';
// this.hostedContainer = new HostedContainer({
// id,
@ -65,8 +64,7 @@ export class ReactPanelContentPart implements IContentRenderer {
// this.hostedContainer.onDidBlur(() => this._onDidBlur.fire());
this._actionsElement = document.createElement('div');
this._actionsElement.style.height = '100%';
this._actionsElement.style.width = '100%';
this._actionsElement.className = 'dockview-react-part';
}
focus() {

1
packages/dockview/src/react/dockview/reactHeaderPart.ts
View File

@ -22,6 +22,7 @@ export class ReactPanelHeaderPart implements ITabRenderer {
private readonly reactPortalStore: ReactPortalStore
) {
this._element = document.createElement('div');
this._element.className = 'dockview-react-part';
}
focus() {

5
packages/dockview/src/react/dockview/reactWatermarkPart.ts
View File

@ -8,7 +8,7 @@ import { ReactPart, ReactPortalStore } from '../react';
import { IGroupPanelBaseProps } from './dockview';
import { PanelUpdateEvent } from '../../panel/types';
interface IWatermarkPanelProps extends IGroupPanelBaseProps {
export interface IWatermarkPanelProps extends IGroupPanelBaseProps {
close: () => void;
}
@ -30,8 +30,7 @@ export class ReactWatermarkPart implements IWatermarkRenderer {
private readonly reactPortalStore: ReactPortalStore
) {
this._element = document.createElement('div');
this._element.style.height = '100%';
this._element.style.width = '100%';
this._element.className = 'dockview-react-part';
}
init(parameters: GroupPanelPartInitParameters): void {

1
packages/dockview/src/react/index.ts
View File

@ -4,6 +4,7 @@ export * from './splitview/splitview';
export * from './gridview/gridview';
export * from './dockview/reactContentPart';
export * from './dockview/reactHeaderPart';
export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
export * from './paneview/paneview';
export * from './types';
export * from './react';