fix(typo): onlyWhenVisibile -> onlyWhenVisible

This commit is contained in:
Floyd Wang 2024-02-27 19:29:54 +08:00
parent 9ee00ab423
commit 0d34d7285e
9 changed files with 186 additions and 779 deletions

View File

@ -68,7 +68,7 @@ describe('contentContainer', () => {
const cut = new ContentContainer( const cut = new ContentContainer(
fromPartial<DockviewComponent>({ fromPartial<DockviewComponent>({
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
overlayRenderContainer, overlayRenderContainer,
}), }),
fromPartial<DockviewGroupPanelModel>({ fromPartial<DockviewGroupPanelModel>({
@ -91,7 +91,7 @@ describe('contentContainer', () => {
view: { view: {
content: contentRenderer, content: contentRenderer,
}, },
api: { renderer: 'onlyWhenVisibile' }, api: { renderer: 'onlyWhenVisible' },
}); });
cut.openPanel(panel as IDockviewPanel); cut.openPanel(panel as IDockviewPanel);
@ -126,7 +126,7 @@ describe('contentContainer', () => {
view: { view: {
content: contentRenderer2, content: contentRenderer2,
} as Partial<IDockviewPanelModel>, } as Partial<IDockviewPanelModel>,
api: { renderer: 'onlyWhenVisibile' }, api: { renderer: 'onlyWhenVisible' },
} as Partial<IDockviewPanel>; } as Partial<IDockviewPanel>;
cut.openPanel(panel2 as IDockviewPanel); cut.openPanel(panel2 as IDockviewPanel);
@ -153,7 +153,7 @@ describe('contentContainer', () => {
disposable.dispose(); disposable.dispose();
}); });
test("that panels renderered as 'onlyWhenVisibile' are removed when closed", () => { test("that panels renderered as 'onlyWhenVisible' are removed when closed", () => {
const overlayRenderContainer = fromPartial<OverlayRenderContainer>({ const overlayRenderContainer = fromPartial<OverlayRenderContainer>({
detatch: jest.fn(), detatch: jest.fn(),
}); });
@ -169,14 +169,14 @@ describe('contentContainer', () => {
const panel1 = fromPartial<IDockviewPanel>({ const panel1 = fromPartial<IDockviewPanel>({
api: { api: {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}, },
view: { content: new TestContentRenderer('panel_1') }, view: { content: new TestContentRenderer('panel_1') },
}); });
const panel2 = fromPartial<IDockviewPanel>({ const panel2 = fromPartial<IDockviewPanel>({
api: { api: {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}, },
view: { content: new TestContentRenderer('panel_2') }, view: { content: new TestContentRenderer('panel_2') },
}); });

View File

@ -266,13 +266,13 @@ describe('dockviewGroupPanelModel', () => {
test('panel events are captured during de-serialization', () => { test('panel events are captured during de-serialization', () => {
const panel1 = new TestPanel('panel1', { const panel1 = new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel2 = new TestPanel('panel2', { const panel2 = new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel3 = new TestPanel('panel3', { const panel3 = new TestPanel('panel3', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const groupview2 = new DockviewGroupPanel(dockview, 'groupview-2', { const groupview2 = new DockviewGroupPanel(dockview, 'groupview-2', {
@ -358,13 +358,13 @@ describe('dockviewGroupPanelModel', () => {
); );
const panel1 = new TestPanel('panel1', { const panel1 = new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel2 = new TestPanel('panel2', { const panel2 = new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel3 = new TestPanel('panel3', { const panel3 = new TestPanel('panel3', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
expect(events.length).toBe(0); expect(events.length).toBe(0);
@ -444,13 +444,13 @@ describe('dockviewGroupPanelModel', () => {
test('moveToPrevious and moveToNext', () => { test('moveToPrevious and moveToNext', () => {
const panel1 = new TestPanel('panel1', { const panel1 = new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel2 = new TestPanel('panel2', { const panel2 = new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel3 = new TestPanel('panel3', { const panel3 = new TestPanel('panel3', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
groupview.model.openPanel(panel1); groupview.model.openPanel(panel1);
@ -496,13 +496,13 @@ describe('dockviewGroupPanelModel', () => {
test('closeAllPanels with panels', () => { test('closeAllPanels with panels', () => {
const panel1 = new TestPanel('panel1', { const panel1 = new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel2 = new TestPanel('panel2', { const panel2 = new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
const panel3 = new TestPanel('panel3', { const panel3 = new TestPanel('panel3', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
groupview.model.openPanel(panel1); groupview.model.openPanel(panel1);
@ -609,7 +609,7 @@ describe('dockviewGroupPanelModel', () => {
.item(0)!.childNodes; .item(0)!.childNodes;
const panel1 = new TestPanel('id_1', { const panel1 = new TestPanel('id_1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
cut.openPanel(panel1); cut.openPanel(panel1);
@ -617,7 +617,7 @@ describe('dockviewGroupPanelModel', () => {
expect(contentContainer.item(0)).toBe(panel1.view.content.element); expect(contentContainer.item(0)).toBe(panel1.view.content.element);
const panel2 = new TestPanel('id_2', { const panel2 = new TestPanel('id_2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
cut.openPanel(panel2); cut.openPanel(panel2);
@ -625,7 +625,7 @@ describe('dockviewGroupPanelModel', () => {
expect(contentContainer.item(0)).toBe(panel2.view.content.element); expect(contentContainer.item(0)).toBe(panel2.view.content.element);
const panel3 = new TestPanel('id_2', { const panel3 = new TestPanel('id_2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any); } as any);
cut.openPanel(panel3, { skipSetActive: true }); cut.openPanel(panel3, { skipSetActive: true });
@ -836,7 +836,7 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel1', { new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
@ -910,12 +910,12 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel1', { new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
cut.openPanel( cut.openPanel(
new TestPanel('panel2', { new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
@ -989,12 +989,12 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel1', { new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
cut.openPanel( cut.openPanel(
new TestPanel('panel2', { new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
@ -1099,7 +1099,7 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel1', { new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
@ -1113,7 +1113,7 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel2', { new TestPanel('panel2', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );
@ -1135,7 +1135,7 @@ describe('dockviewGroupPanelModel', () => {
cut.openPanel( cut.openPanel(
new TestPanel('panel1', { new TestPanel('panel1', {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
} as any) } as any)
); );

View File

@ -30,7 +30,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
let latestTitle: string | undefined = undefined; let latestTitle: string | undefined = undefined;
@ -77,7 +77,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
cut.init({ title: 'myTitle', params: {} }); cut.init({ title: 'myTitle', params: {} });
@ -114,7 +114,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
cut.init({ params: {}, title: 'title' }); cut.init({ params: {}, title: 'title' });
@ -148,7 +148,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
expect(cut.params).toEqual(undefined); expect(cut.params).toEqual(undefined);
@ -186,7 +186,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
cut.api.setSize({ height: 123, width: 456 }); cut.api.setSize({ height: 123, width: 456 });
@ -219,7 +219,7 @@ describe('dockviewPanel', () => {
const model = <IDockviewPanelModel>new panelModelMock(); const model = <IDockviewPanelModel>new panelModelMock();
const cut = new DockviewPanel('fake-id', accessor, api, group, model, { const cut = new DockviewPanel('fake-id', accessor, api, group, model, {
renderer: 'onlyWhenVisibile', renderer: 'onlyWhenVisible',
}); });
cut.init({ params: { a: '1', b: '2' }, title: 'A title' }); cut.init({ params: { a: '1', b: '2' }, title: 'A title' });

View File

@ -132,7 +132,7 @@ export class ContentContainer
let container: HTMLElement; let container: HTMLElement;
switch (panel.api.renderer) { switch (panel.api.renderer) {
case 'onlyWhenVisibile': case 'onlyWhenVisible':
this.group.renderContainer.detatch(panel); this.group.renderContainer.detatch(panel);
if (this.panel) { if (this.panel) {
if (doRender) { if (doRender) {
@ -198,7 +198,7 @@ export class ContentContainer
public closePanel(): void { public closePanel(): void {
if (this.panel) { if (this.panel) {
if (this.panel.api.renderer === 'onlyWhenVisibile') { if (this.panel.api.renderer === 'onlyWhenVisible') {
this.panel.view.content.element.parentElement?.removeChild( this.panel.view.content.element.parentElement?.removeChild(
this.panel.view.content.element this.panel.view.content.element
); );

View File

@ -425,7 +425,7 @@ export class DockviewComponent
} }
get renderer(): DockviewPanelRenderer { get renderer(): DockviewPanelRenderer {
return this.options.defaultRenderer ?? 'onlyWhenVisibile'; return this.options.defaultRenderer ?? 'onlyWhenVisible';
} }
constructor(options: DockviewComponentOptions) { constructor(options: DockviewComponentOptions) {

View File

@ -4,7 +4,7 @@ import { getDomNodePagePosition, toggleClass } from './dom';
import { CompositeDisposable, Disposable, IDisposable } from './lifecycle'; import { CompositeDisposable, Disposable, IDisposable } from './lifecycle';
import { IDockviewPanel } from './dockview/dockviewPanel'; import { IDockviewPanel } from './dockview/dockviewPanel';
export type DockviewPanelRenderer = 'onlyWhenVisibile' | 'always'; export type DockviewPanelRenderer = 'onlyWhenVisible' | 'always';
export interface IRenderable { export interface IRenderable {
readonly element: HTMLElement; readonly element: HTMLElement;

View File

@ -55,9 +55,9 @@ const components = {
<button <button
onClick={() => { onClick={() => {
setMode( setMode(
mode === 'onlyWhenVisibile' mode === 'onlyWhenVisible'
? 'always' ? 'always'
: 'onlyWhenVisibile' : 'onlyWhenVisible'
); );
}} }}
> >

View File

@ -247,7 +247,7 @@
"pieces": [] "pieces": []
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "accessor", "kind": "accessor",
"pieces": [ "pieces": [
@ -858,7 +858,7 @@
] ]
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "accessor", "kind": "accessor",
"pieces": [ "pieces": [
@ -1634,7 +1634,7 @@
"pieces": [] "pieces": []
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "accessor", "kind": "accessor",
"pieces": [ "pieces": [
@ -1770,7 +1770,7 @@
}, },
{ {
"name": "doRemoveGroup", "name": "doRemoveGroup",
"code": "(group: DockviewGroupPanel, options?: { skipActive?: boolean, skipDispose?: boolean, skipPopoutAssociated?: boolean }): DockviewGroupPanel", "code": "(group: DockviewGroupPanel, options?: { skipActive?: boolean, skipDispose?: boolean, skipPopoutAssociated?: boolean, skipPopoutReturn?: boolean }): DockviewGroupPanel",
"kind": "method", "kind": "method",
"pieces": [ "pieces": [
"DockviewGroupPanel" "DockviewGroupPanel"
@ -1898,7 +1898,7 @@
}, },
{ {
"name": "removeGroup", "name": "removeGroup",
"code": "(group: DockviewGroupPanel, options?: { skipActive?: boolean, skipDispose?: boolean }): void", "code": "(group: DockviewGroupPanel, options?: { skipActive?: boolean, skipDispose?: boolean, skipPopoutAssociated?: boolean, skipPopoutReturn?: boolean }): void",
"kind": "method", "kind": "method",
"pieces": [ "pieces": [
"DockviewGroupPanel" "DockviewGroupPanel"
@ -2604,10 +2604,10 @@
}, },
{ {
"name": "canDisplayOverlay", "name": "canDisplayOverlay",
"code": "(event: DragEvent, position: Position, target: DockviewDropTargets): boolean", "code": "(event: DragEvent, position: Position, target: DockviewGroupDropLocation): boolean",
"kind": "method", "kind": "method",
"pieces": [ "pieces": [
"DockviewDropTargets", "DockviewGroupDropLocation",
"Position" "Position"
] ]
}, },
@ -3313,7 +3313,7 @@
] ]
}, },
{ {
"name": "onDidMaxmizedNodeChange", "name": "onDidMaximizedNodeChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "property", "kind": "property",
"flags": { "flags": {
@ -4137,7 +4137,7 @@
"pieces": [] "pieces": []
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "accessor", "kind": "accessor",
"pieces": [ "pieces": [
@ -7041,6 +7041,50 @@
} }
] ]
}, },
"WillShowOverlayLocationEvent": {
"kind": "class",
"children": [
{
"name": "constructor",
"code": "",
"pieces": []
},
{
"name": "defaultPrevented",
"code": "boolean",
"kind": "accessor",
"pieces": []
},
{
"name": "kind",
"code": "DockviewGroupDropLocation",
"kind": "accessor",
"pieces": [
"DockviewGroupDropLocation"
]
},
{
"name": "nativeEvent",
"code": "DragEvent",
"kind": "accessor",
"pieces": []
},
{
"name": "position",
"code": "Position",
"kind": "accessor",
"pieces": [
"Position"
]
},
{
"name": "preventDefault",
"code": "(): void",
"kind": "method",
"pieces": []
}
]
},
"ActiveEvent": { "ActiveEvent": {
"kind": "interface", "kind": "interface",
"children": [ "children": [
@ -7593,7 +7637,7 @@
}, },
{ {
"name": "defaultRenderer", "name": "defaultRenderer",
"code": "'always' | 'onlyWhenVisibile'", "code": "'always' | 'onlyWhenVisible'",
"kind": "property", "kind": "property",
"flags": { "flags": {
"isOptional": true "isOptional": true
@ -7818,11 +7862,11 @@
}, },
{ {
"name": "target", "name": "target",
"code": "DockviewDropTargets", "code": "DockviewGroupDropLocation",
"kind": "property", "kind": "property",
"flags": {}, "flags": {},
"pieces": [ "pieces": [
"DockviewDropTargets" "DockviewGroupDropLocation"
] ]
} }
] ]
@ -8064,6 +8108,12 @@
}, },
"pieces": [] "pieces": []
}, },
{
"name": "close",
"code": "(): void",
"kind": "method",
"pieces": []
},
{ {
"name": "exitMaximized", "name": "exitMaximized",
"code": "(): void", "code": "(): void",
@ -9474,7 +9524,7 @@
}, },
{ {
"name": "renderer", "name": "renderer",
"code": "'always' | 'onlyWhenVisibile'", "code": "'always' | 'onlyWhenVisible'",
"kind": "property", "kind": "property",
"flags": { "flags": {
"isOptional": true "isOptional": true
@ -9609,7 +9659,7 @@
] ]
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "property", "kind": "property",
"flags": { "flags": {
@ -10111,7 +10161,7 @@
] ]
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "property", "kind": "property",
"flags": { "flags": {
@ -10191,7 +10241,9 @@
"name": "options", "name": "options",
"code": "DockviewComponentOptions", "code": "DockviewComponentOptions",
"kind": "property", "kind": "property",
"flags": {}, "flags": {
"isReadonly": true
},
"pieces": [ "pieces": [
"DockviewComponentOptions" "DockviewComponentOptions"
] ]
@ -10785,10 +10837,10 @@
}, },
{ {
"name": "canDisplayOverlay", "name": "canDisplayOverlay",
"code": "(event: DragEvent, position: Position, target: DockviewDropTargets): boolean", "code": "(event: DragEvent, position: Position, target: DockviewGroupDropLocation): boolean",
"kind": "method", "kind": "method",
"pieces": [ "pieces": [
"DockviewDropTargets", "DockviewGroupDropLocation",
"Position" "Position"
] ]
}, },
@ -11581,7 +11633,7 @@
] ]
}, },
{ {
"name": "onDidMaxmizedGroupChange", "name": "onDidMaximizedGroupChange",
"code": "Event<void>", "code": "Event<void>",
"kind": "property", "kind": "property",
"flags": { "flags": {
@ -15228,29 +15280,6 @@
} }
] ]
}, },
"WillShowOverlayLocationEvent": {
"kind": "interface",
"children": [
{
"name": "event",
"code": "WillShowOverlayEvent",
"kind": "property",
"flags": {},
"pieces": [
"WillShowOverlayEvent"
]
},
{
"name": "kind",
"code": "DockviewGroupDropLocation",
"kind": "property",
"flags": {},
"pieces": [
"DockviewGroupDropLocation"
]
}
]
},
"AddGroupOptions": { "AddGroupOptions": {
"kind": "typeAlias", "kind": "typeAlias",
"children": [], "children": [],
@ -15328,23 +15357,12 @@
] ]
} }
}, },
"DockviewDropTargets": {
"kind": "typeAlias",
"children": [],
"metadata": {
"name": "DockviewDropTargets",
"code": "'edge' | 'tabContainer' | 'panel' | 'tab'",
"pieces": [
null
]
}
},
"DockviewGroupDropLocation": { "DockviewGroupDropLocation": {
"kind": "typeAlias", "kind": "typeAlias",
"children": [], "children": [],
"metadata": { "metadata": {
"name": "DockviewGroupDropLocation", "name": "DockviewGroupDropLocation",
"code": "'content' | 'header_space' | 'tab'", "code": "'edge' | 'content' | 'header_space' | 'tab'",
"pieces": [ "pieces": [
null null
] ]
@ -15377,7 +15395,7 @@
"children": [], "children": [],
"metadata": { "metadata": {
"name": "DockviewPanelRenderer", "name": "DockviewPanelRenderer",
"code": "'always' | 'onlyWhenVisibile'", "code": "'always' | 'onlyWhenVisible'",
"pieces": [ "pieces": [
null null
] ]
@ -15837,7 +15855,7 @@
}, },
{ {
"name": "defaultRenderer", "name": "defaultRenderer",
"code": "'always' | 'onlyWhenVisibile'", "code": "'always' | 'onlyWhenVisible'",
"kind": "property", "kind": "property",
"flags": { "flags": {
"isOptional": true "isOptional": true
@ -16695,12 +16713,12 @@
} }
] ]
}, },
"isReactElement": { "isReactComponent": {
"kind": "function", "kind": "function",
"children": [], "children": [],
"metadata": { "metadata": {
"name": "isReactElement", "name": "isReactComponent",
"code": "(element: unknown): element is React.ReactElement<any, | (props: any, deprecatedLegacyContext?: any): React.ReactNode | string>", "code": "(component: any): boolean",
"pieces": [ "pieces": [
null, null,
null null

747
yarn.lock

File diff suppressed because it is too large Load Diff