dockview 1.4.2 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -195
- package/dist/cjs/api/component.api.d.ts +5 -0
- package/dist/cjs/api/component.api.js +13 -1
- package/dist/cjs/api/component.api.js.map +1 -1
- package/dist/cjs/api/groupPanelApi.d.ts +6 -13
- package/dist/cjs/api/groupPanelApi.js +1 -12
- package/dist/cjs/api/groupPanelApi.js.map +1 -1
- package/dist/cjs/dnd/droptarget.d.ts +1 -2
- package/dist/cjs/dockview/components/tab/defaultTab.d.ts +1 -0
- package/dist/cjs/dockview/components/tab/defaultTab.js +10 -12
- package/dist/cjs/dockview/components/tab/defaultTab.js.map +1 -1
- package/dist/cjs/dockview/components/watermark/watermark.js +3 -1
- package/dist/cjs/dockview/components/watermark/watermark.js.map +1 -1
- package/dist/cjs/dockview/defaultGroupPanelView.d.ts +1 -5
- package/dist/cjs/dockview/defaultGroupPanelView.js +5 -20
- package/dist/cjs/dockview/defaultGroupPanelView.js.map +1 -1
- package/dist/cjs/dockview/deserializer.d.ts +0 -12
- package/dist/cjs/dockview/deserializer.js +0 -52
- package/dist/cjs/dockview/deserializer.js.map +1 -1
- package/dist/cjs/dockview/dockviewComponent.d.ts +7 -14
- package/dist/cjs/dockview/dockviewComponent.js +84 -73
- package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
- package/dist/cjs/dockview/dockviewGroupPanel.d.ts +2 -4
- package/dist/cjs/dockview/dockviewGroupPanel.js +12 -31
- package/dist/cjs/dockview/dockviewGroupPanel.js.map +1 -1
- package/dist/cjs/dockview/options.d.ts +11 -2
- package/dist/cjs/gridview/baseComponentGridview.d.ts +4 -2
- package/dist/cjs/gridview/baseComponentGridview.js +1 -1
- package/dist/cjs/gridview/baseComponentGridview.js.map +1 -1
- package/dist/cjs/gridview/gridviewComponent.d.ts +1 -0
- package/dist/cjs/gridview/gridviewComponent.js +26 -18
- package/dist/cjs/gridview/gridviewComponent.js.map +1 -1
- package/dist/cjs/groupview/groupPanel.d.ts +0 -3
- package/dist/cjs/groupview/groupview.d.ts +20 -18
- package/dist/cjs/groupview/groupview.js +39 -39
- package/dist/cjs/groupview/groupview.js.map +1 -1
- package/dist/cjs/groupview/groupviewPanel.d.ts +2 -2
- package/dist/cjs/groupview/groupviewPanel.js.map +1 -1
- package/dist/cjs/groupview/tab.d.ts +2 -2
- package/dist/cjs/groupview/tab.js +2 -7
- package/dist/cjs/groupview/tab.js.map +1 -1
- package/dist/cjs/groupview/titlebar/tabsContainer.d.ts +2 -2
- package/dist/cjs/groupview/titlebar/tabsContainer.js +1 -13
- package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
- package/dist/cjs/groupview/types.d.ts +0 -5
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/paneview/defaultPaneviewHeader.d.ts +3 -0
- package/dist/cjs/paneview/defaultPaneviewHeader.js +32 -6
- package/dist/cjs/paneview/defaultPaneviewHeader.js.map +1 -1
- package/dist/cjs/paneview/draggablePaneviewPanel.d.ts +3 -1
- package/dist/cjs/paneview/draggablePaneviewPanel.js +24 -9
- package/dist/cjs/paneview/draggablePaneviewPanel.js.map +1 -1
- package/dist/cjs/paneview/options.d.ts +2 -0
- package/dist/cjs/paneview/paneviewComponent.d.ts +14 -1
- package/dist/cjs/paneview/paneviewComponent.js +32 -17
- package/dist/cjs/paneview/paneviewComponent.js.map +1 -1
- package/dist/cjs/react/deserializer.js +13 -7
- package/dist/cjs/react/deserializer.js.map +1 -1
- package/dist/cjs/react/dockview/defaultTab.d.ts +4 -0
- package/dist/cjs/react/dockview/defaultTab.js +73 -0
- package/dist/cjs/react/dockview/defaultTab.js.map +1 -0
- package/dist/cjs/react/dockview/dockview.d.ts +5 -4
- package/dist/cjs/react/dockview/dockview.js +42 -15
- package/dist/cjs/react/dockview/dockview.js.map +1 -1
- package/dist/cjs/react/dockview/groupControlsRenderer.d.ts +43 -0
- package/dist/cjs/react/dockview/groupControlsRenderer.js +87 -0
- package/dist/cjs/react/dockview/groupControlsRenderer.js.map +1 -0
- package/dist/cjs/react/dockview/reactContentPart.d.ts +1 -16
- package/dist/cjs/react/dockview/reactContentPart.js +2 -18
- package/dist/cjs/react/dockview/reactContentPart.js.map +1 -1
- package/dist/cjs/react/dockview/reactHeaderPart.d.ts +2 -0
- package/dist/cjs/react/dockview/reactHeaderPart.js +4 -0
- package/dist/cjs/react/dockview/reactHeaderPart.js.map +1 -1
- package/dist/cjs/react/index.d.ts +2 -2
- package/dist/cjs/react/index.js +1 -2
- package/dist/cjs/react/index.js.map +1 -1
- package/dist/cjs/react/paneview/paneview.d.ts +2 -0
- package/dist/cjs/react/paneview/paneview.js +9 -0
- package/dist/cjs/react/paneview/paneview.js.map +1 -1
- package/dist/cjs/react/react.d.ts +1 -0
- package/dist/cjs/react/react.js +12 -2
- package/dist/cjs/react/react.js.map +1 -1
- package/dist/cjs/react/svg.d.ts +3 -0
- package/dist/cjs/react/svg.js +36 -0
- package/dist/cjs/react/svg.js.map +1 -0
- package/dist/cjs/splitview/splitviewComponent.d.ts +2 -0
- package/dist/cjs/splitview/splitviewComponent.js +20 -17
- package/dist/cjs/splitview/splitviewComponent.js.map +1 -1
- package/dist/cjs/svg.d.ts +3 -0
- package/dist/cjs/svg.js +44 -0
- package/dist/cjs/svg.js.map +1 -0
- package/dist/dockview.amd.js +458 -274
- package/dist/dockview.amd.min.js +2 -2
- package/dist/dockview.amd.min.noStyle.js +2 -2
- package/dist/dockview.amd.noStyle.js +457 -273
- package/dist/dockview.cjs.js +458 -274
- package/dist/dockview.esm.js +453 -268
- package/dist/dockview.esm.min.js +2 -2
- package/dist/dockview.js +458 -274
- package/dist/dockview.min.js +2 -2
- package/dist/dockview.min.noStyle.js +2 -2
- package/dist/dockview.noStyle.js +457 -273
- package/dist/esm/api/component.api.d.ts +5 -0
- package/dist/esm/api/component.api.js +13 -1
- package/dist/esm/api/groupPanelApi.d.ts +6 -13
- package/dist/esm/api/groupPanelApi.js +1 -8
- package/dist/esm/dnd/droptarget.d.ts +1 -2
- package/dist/esm/dockview/components/tab/defaultTab.d.ts +1 -0
- package/dist/esm/dockview/components/tab/defaultTab.js +9 -11
- package/dist/esm/dockview/components/watermark/watermark.js +3 -1
- package/dist/esm/dockview/defaultGroupPanelView.d.ts +1 -5
- package/dist/esm/dockview/defaultGroupPanelView.js +5 -16
- package/dist/esm/dockview/deserializer.d.ts +0 -12
- package/dist/esm/dockview/deserializer.js +1 -27
- package/dist/esm/dockview/dockviewComponent.d.ts +7 -14
- package/dist/esm/dockview/dockviewComponent.js +56 -56
- package/dist/esm/dockview/dockviewGroupPanel.d.ts +2 -4
- package/dist/esm/dockview/dockviewGroupPanel.js +12 -27
- package/dist/esm/dockview/options.d.ts +11 -2
- package/dist/esm/gridview/baseComponentGridview.d.ts +4 -2
- package/dist/esm/gridview/baseComponentGridview.js +1 -1
- package/dist/esm/gridview/gridviewComponent.d.ts +1 -0
- package/dist/esm/gridview/gridviewComponent.js +15 -7
- package/dist/esm/groupview/groupPanel.d.ts +0 -3
- package/dist/esm/groupview/groupview.d.ts +20 -18
- package/dist/esm/groupview/groupview.js +38 -38
- package/dist/esm/groupview/groupviewPanel.d.ts +2 -2
- package/dist/esm/groupview/tab.d.ts +2 -2
- package/dist/esm/groupview/tab.js +2 -7
- package/dist/esm/groupview/titlebar/tabsContainer.d.ts +2 -2
- package/dist/esm/groupview/titlebar/tabsContainer.js +1 -2
- package/dist/esm/groupview/types.d.ts +0 -5
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/paneview/defaultPaneviewHeader.d.ts +3 -0
- package/dist/esm/paneview/defaultPaneviewHeader.js +32 -6
- package/dist/esm/paneview/draggablePaneviewPanel.d.ts +3 -1
- package/dist/esm/paneview/draggablePaneviewPanel.js +24 -9
- package/dist/esm/paneview/options.d.ts +2 -0
- package/dist/esm/paneview/paneviewComponent.d.ts +14 -1
- package/dist/esm/paneview/paneviewComponent.js +17 -6
- package/dist/esm/react/deserializer.js +13 -7
- package/dist/esm/react/dockview/defaultTab.d.ts +4 -0
- package/dist/esm/react/dockview/defaultTab.js +34 -0
- package/dist/esm/react/dockview/dockview.d.ts +5 -4
- package/dist/esm/react/dockview/dockview.js +27 -13
- package/dist/esm/react/dockview/groupControlsRenderer.d.ts +43 -0
- package/dist/esm/react/dockview/groupControlsRenderer.js +68 -0
- package/dist/esm/react/dockview/reactContentPart.d.ts +1 -16
- package/dist/esm/react/dockview/reactContentPart.js +2 -14
- package/dist/esm/react/dockview/reactHeaderPart.d.ts +2 -0
- package/dist/esm/react/dockview/reactHeaderPart.js +4 -0
- package/dist/esm/react/index.d.ts +2 -2
- package/dist/esm/react/index.js +1 -2
- package/dist/esm/react/paneview/paneview.d.ts +2 -0
- package/dist/esm/react/paneview/paneview.js +9 -0
- package/dist/esm/react/react.d.ts +1 -0
- package/dist/esm/react/react.js +12 -2
- package/dist/esm/react/svg.d.ts +3 -0
- package/dist/esm/react/svg.js +7 -0
- package/dist/esm/splitview/splitviewComponent.d.ts +2 -0
- package/dist/esm/splitview/splitviewComponent.js +9 -6
- package/dist/esm/svg.d.ts +3 -0
- package/dist/esm/svg.js +31 -0
- package/dist/styles/dockview.css +158 -43
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div align="center">
|
|
2
2
|
<h1>dockview</h1>
|
|
3
3
|
|
|
4
|
-
<p>Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support</p>
|
|
4
|
+
<p>Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support written in TypeScript</p>
|
|
5
5
|
|
|
6
6
|
</div>
|
|
7
7
|
|
|
@@ -15,12 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
##
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
- [➡️](https://mathuo.github.io/dockview/docs) Documentation
|
|
21
|
-
- [➡️](https://mathuo.github.io/dockview/) Live demo
|
|
22
|
-
- [➡️](https://github.com/mathuo/dockview/tree/master/packages/dockview-demo/src/stories) Code examples
|
|
23
|
-
- [➡️](https://mathuo.github.io/dockview/output/docs/index.html) Generated TypeDocs
|
|
18
|
+
Please see the website: https://dockview.dev
|
|
24
19
|
|
|
25
20
|
Want to inspect the latest deployment? Go to https://unpkg.com/browse/dockview@latest/
|
|
26
21
|
|
|
@@ -34,27 +29,17 @@ Want to inspect the latest deployment? Go to https://unpkg.com/browse/dockview@l
|
|
|
34
29
|
- Tabular docking and Drag and Drop support
|
|
35
30
|
- Documentation and examples
|
|
36
31
|
|
|
37
|
-
## Table of contents
|
|
38
|
-
|
|
39
|
-
- [Quick start](#quick-start)
|
|
40
|
-
- [Sandbox examples](#sandbox-examples)
|
|
41
|
-
- [Serializated layouts](#serializated-layouts)
|
|
42
|
-
- [Drag and drop](#drag-and-drop)
|
|
43
|
-
- [Theming](#theming)
|
|
44
|
-
- [Performance](#performance)
|
|
45
|
-
- [FAQ](#faq)
|
|
46
|
-
|
|
47
32
|
This project was inspired by many popular IDE editors. Some parts of the core resizable panelling are inspired by code found in the VSCode codebase, [splitview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/splitview) and [gridview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid).
|
|
48
33
|
|
|
49
34
|
## Quick start
|
|
50
35
|
|
|
51
|
-
Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. You can install dockview from [npm](https://www.npmjs.com/package/dockview).
|
|
36
|
+
Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. You can install dockview from [npm](https://www.npmjs.com/package/dockview). Please see the [Getting Started Guide](https://mathuo.github.io/dockview/docs/).
|
|
52
37
|
|
|
53
38
|
```
|
|
54
39
|
npm install --save dockview
|
|
55
40
|
```
|
|
56
41
|
|
|
57
|
-
Within your project you must import or reference the stylesheet at `dockview/dist/styles/dockview.css
|
|
42
|
+
Within your project you must import or reference the stylesheet at `dockview/dist/styles/dockview.css` and attach a theme.
|
|
58
43
|
|
|
59
44
|
```css
|
|
60
45
|
@import '~dockview/dist/styles/dockview.css';
|
|
@@ -65,179 +50,3 @@ You should also attach a dockview theme to an element containing your components
|
|
|
65
50
|
```html
|
|
66
51
|
<body classname="dockview-theme-dark"></body>
|
|
67
52
|
```
|
|
68
|
-
|
|
69
|
-
Demonstrated below is a high level example of a `DockviewReact` component. You can follow a similar pattern for `GridviewReact`, `SplitviewReact` and `PaneviewReact` components too, see examples for more.
|
|
70
|
-
|
|
71
|
-
```tsx
|
|
72
|
-
import {
|
|
73
|
-
DockviewReact,
|
|
74
|
-
DockviewReadyEvent,
|
|
75
|
-
PanelCollection,
|
|
76
|
-
IDockviewPanelProps,
|
|
77
|
-
IDockviewPanelHeaderProps,
|
|
78
|
-
} from 'dockview';
|
|
79
|
-
|
|
80
|
-
const components: PanelCollection<IDockviewPanelProps> = {
|
|
81
|
-
default: (props: IDockviewPanelProps<{ someProps: string }>) => {
|
|
82
|
-
return <div>{props.params.someProps}</div>;
|
|
83
|
-
},
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
const headers: PanelCollection<IDockviewPanelHeaderProps> = {
|
|
87
|
-
customTab: (props: IDockviewPanelHeaderProps) => {
|
|
88
|
-
return (
|
|
89
|
-
<div>
|
|
90
|
-
<span>{props.api.title}</span>
|
|
91
|
-
<span onClick={() => props.api.close()}>{'[x]'}</span>
|
|
92
|
-
</div>
|
|
93
|
-
);
|
|
94
|
-
},
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
const Component = () => {
|
|
98
|
-
const onReady = (event: DockviewReadyEvent) => {
|
|
99
|
-
event.api.addPanel({
|
|
100
|
-
id: 'panel1',
|
|
101
|
-
component: 'default',
|
|
102
|
-
tabComponent: 'customTab', // optional custom header
|
|
103
|
-
params: {
|
|
104
|
-
someProps: 'Hello',
|
|
105
|
-
},
|
|
106
|
-
});
|
|
107
|
-
event.api.addPanel({
|
|
108
|
-
id: 'panel2',
|
|
109
|
-
component: 'default',
|
|
110
|
-
params: {
|
|
111
|
-
someProps: 'World',
|
|
112
|
-
},
|
|
113
|
-
position: { referencePanel: 'panel1', direction: 'below' },
|
|
114
|
-
});
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
return (
|
|
118
|
-
<DockviewReact
|
|
119
|
-
components={components}
|
|
120
|
-
tabComponents={headers} // optional headers renderer
|
|
121
|
-
onReady={onReady}
|
|
122
|
-
/>
|
|
123
|
-
);
|
|
124
|
-
};
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
Specifically for `DockviewReact` there exists higher-order components to encapsulate both the tab and contents into one logical component for the user making state sharing between the two simple, which is an optional feature.
|
|
128
|
-
|
|
129
|
-
```tsx
|
|
130
|
-
const components: PanelCollection<IDockviewPanelProps> = {
|
|
131
|
-
default: (props: IDockviewPanelProps<{ someProps: string }>) => {
|
|
132
|
-
return <div>{props.params.someProps}</div>;
|
|
133
|
-
},
|
|
134
|
-
fancy: (props: IDockviewPanelProps) => {
|
|
135
|
-
return (
|
|
136
|
-
<DockviewComponents.Panel>
|
|
137
|
-
<DockviewComponents.Tab>
|
|
138
|
-
<div>
|
|
139
|
-
<span>{props.api.title}</span>
|
|
140
|
-
<span onClick={() => props.api.close()}>{'Close'}</span>
|
|
141
|
-
</div>
|
|
142
|
-
</DockviewComponents.Tab>
|
|
143
|
-
<DockviewComponents.Content>
|
|
144
|
-
<div>{'Hello world'}</div>
|
|
145
|
-
</DockviewComponents.Content>
|
|
146
|
-
</DockviewComponents.Panel>
|
|
147
|
-
);
|
|
148
|
-
},
|
|
149
|
-
};
|
|
150
|
-
```
|
|
151
|
-
|
|
152
|
-
## Sandbox examples
|
|
153
|
-
|
|
154
|
-
- [Dockview](https://codesandbox.io/s/simple-dockview-t6491)
|
|
155
|
-
- [Gridview](https://codesandbox.io/s/simple-gridview-jrp0n)
|
|
156
|
-
- [Splitview](https://codesandbox.io/s/simple-splitview-l53nn)
|
|
157
|
-
- [Paneview](https://codesandbox.io/s/simple-paneview-v8qvb)
|
|
158
|
-
|
|
159
|
-
## Serializated layouts
|
|
160
|
-
|
|
161
|
-
All view components support the methods `toJSON()`, `fromJSON(...)` and `onDidLayoutChange()`.
|
|
162
|
-
|
|
163
|
-
See example [here](https://codesandbox.io/s/workspace-saving-example-euo5d).
|
|
164
|
-
|
|
165
|
-
## Drag and drop
|
|
166
|
-
|
|
167
|
-
Both `DockviewReact` and `PaneviewReact` support drag and drop functionality out of the box.
|
|
168
|
-
|
|
169
|
-
- `DockviewReact` allows tabs to be repositioned using drag and drop.
|
|
170
|
-
- `PaneviewReact` allows the repositioning of views using drag and drop on the header section.
|
|
171
|
-
|
|
172
|
-
You can use the utility methods `getPaneData` and `getPanelData` to manually extract the data transfer metadata associated with an active drag and drop event for either of the above components.
|
|
173
|
-
|
|
174
|
-
```tsx
|
|
175
|
-
import {
|
|
176
|
-
getPaneData,
|
|
177
|
-
getPanelData,
|
|
178
|
-
PanelTransfer,
|
|
179
|
-
PaneTransfer,
|
|
180
|
-
} from 'dockview';
|
|
181
|
-
|
|
182
|
-
const panelData: PanelTransfer | undefined = getPanelData();
|
|
183
|
-
|
|
184
|
-
if (panelData) {
|
|
185
|
-
// DockviewReact: data transfer metadata associated with the active drag and drop event
|
|
186
|
-
const { viewId, groupId, panelId } = panelData; // deconstructed object
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
const paneData: PaneTransfer | undefined = getPaneData();
|
|
190
|
-
|
|
191
|
-
if (paneData) {
|
|
192
|
-
// PaneviewReact: data transfer metadata associated with the active drag and drop event
|
|
193
|
-
const { viewId, paneId } = paneData; // deconstructed object
|
|
194
|
-
}
|
|
195
|
-
```
|
|
196
|
-
|
|
197
|
-
You can also intercept custom drag and drop events allowing dockview components to interact with and react to external drag events. `PaneviewReact` supports the method `onDidDrop` and `DockviewReact` supports the methods `onDidDrop` and `showDndOverlay`.
|
|
198
|
-
|
|
199
|
-
## Theming
|
|
200
|
-
|
|
201
|
-
The theme can be customized using the below set of CSS properties. You can find the built in themes [here](https://github.com/mathuo/dockview/blob/master/packages/dockview/src/theme.scss) which could be used as an example to extend upon or build your own theme.
|
|
202
|
-
|
|
203
|
-
| CSS Property | Description |
|
|
204
|
-
| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
|
|
205
|
-
| **General** |
|
|
206
|
-
| --dv-active-sash-color | The background color a dividing sash during an interaction |
|
|
207
|
-
| --dv-separator-border | The color of the seperator between panels |
|
|
208
|
-
| **Paneview** |
|
|
209
|
-
| --dv-paneview-header-border-color | - |
|
|
210
|
-
| --dv-paneview-active-outline-color | The primary accent color, used for example to highlight the active panel in Paneviews |
|
|
211
|
-
| **Dockview -> Dragging** |
|
|
212
|
-
| --dv-drag-over-background-color | The overlay color applied to a group when a moving tab is dragged over |
|
|
213
|
-
| **Dockview -> Tabs container** |
|
|
214
|
-
| --dv-tabs-and-actions-container-font-size | - |
|
|
215
|
-
| --dv-tabs-and-actions-container-height | Default tab height |
|
|
216
|
-
| --dv-tabs-and-actions-container-background-color | - |
|
|
217
|
-
| --dv-tabs-container-scrollbar-color | - |
|
|
218
|
-
| --dv-group-view-background-color | - |
|
|
219
|
-
| **Dockview -> Tabs** | (see [dockviewComponent.scss](https://github.com/mathuo/dockview/blob/master/packages/dockview/src/dockview/dockviewComponent.scss)) |
|
|
220
|
-
| --dv-activegroup-visiblepanel-tab-background-color | The background color of the tab for the visible panel in the active group |
|
|
221
|
-
| --dv-activegroup-hiddenpanel-tab-background-color | The background color of the tab for the hidden panel/s in the active group |
|
|
222
|
-
| --dv-inactivegroup-visiblepanel-tab-background-color | The background color of the tab for the visible panel in groups other than the active group |
|
|
223
|
-
| --dv-inactivegroup-hiddenpanel-tab-background-color | The background color of the tab for the hidden panel/s in groups other than the active group |
|
|
224
|
-
| --dv-activegroup-visiblepanel-tab-color | The color of the tab for the visible panel in the active group |
|
|
225
|
-
| --dv-activegroup-hiddenpanel-tab-color | The color of the tab for the hidden panel/s in the active group |
|
|
226
|
-
| --dv-inactivegroup-visiblepanel-tab-color | The color of the tab for the visible panel in groups other than the active group |
|
|
227
|
-
| --dv-inactivegroup-hiddenpanel-tab-color | The color of the tab for the hidden panel/s in groups other than the active group |
|
|
228
|
-
| --dv-tab-divider-color | - |
|
|
229
|
-
| --dv-tab-close-icon | Default tab close icon |
|
|
230
|
-
|
|
231
|
-
## Performance
|
|
232
|
-
|
|
233
|
-
Consider using React.lazy(...) to defer the importing of your panels until they are required. This has the potential to reduce the initial import cost when your application starts.
|
|
234
|
-
|
|
235
|
-
## FAQ
|
|
236
|
-
|
|
237
|
-
**Q: Can I use this library without React?**
|
|
238
|
-
|
|
239
|
-
**A:** In theory, yes. The library is written in plain-old JS and the parts written in ReactJS are merely wrappers around the plain-old JS components. Currently everything is published as one package though so maybe that's something to change in the future.
|
|
240
|
-
|
|
241
|
-
**Q: Can I use this library with AngularJS/Vue.js or any other arbitrarily named JavaScript library/framework?**
|
|
242
|
-
|
|
243
|
-
**A:** Yes but with some extra work. Dockview is written in plain-old JS so you can either interact directly with the plain-old JS components or create a wrapper using your prefered library/framework. The React wrapper may give some ideas on how this wrapper implementation could be done for other libraries/frameworks. Maybe that's something to change in the future.
|
|
@@ -21,6 +21,7 @@ export interface CommonApi<T = any> {
|
|
|
21
21
|
layout(width: number, height: number): void;
|
|
22
22
|
fromJSON(data: T): void;
|
|
23
23
|
toJSON(): T;
|
|
24
|
+
clear(): void;
|
|
24
25
|
}
|
|
25
26
|
export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
|
|
26
27
|
private readonly component;
|
|
@@ -45,6 +46,7 @@ export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
|
|
|
45
46
|
movePanel(from: number, to: number): void;
|
|
46
47
|
fromJSON(data: SerializedSplitview): void;
|
|
47
48
|
toJSON(): SerializedSplitview;
|
|
49
|
+
clear(): void;
|
|
48
50
|
}
|
|
49
51
|
export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
|
|
50
52
|
private readonly component;
|
|
@@ -67,6 +69,7 @@ export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
|
|
|
67
69
|
addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
|
|
68
70
|
fromJSON(data: SerializedPaneview): void;
|
|
69
71
|
toJSON(): SerializedPaneview;
|
|
72
|
+
clear(): void;
|
|
70
73
|
}
|
|
71
74
|
export declare class GridviewApi implements CommonApi<SerializedGridview> {
|
|
72
75
|
private readonly component;
|
|
@@ -97,6 +100,7 @@ export declare class GridviewApi implements CommonApi<SerializedGridview> {
|
|
|
97
100
|
getPanel(id: string): IGridviewPanel | undefined;
|
|
98
101
|
fromJSON(data: SerializedGridview): void;
|
|
99
102
|
toJSON(): SerializedGridview;
|
|
103
|
+
clear(): void;
|
|
100
104
|
}
|
|
101
105
|
export declare class DockviewApi implements CommonApi<SerializedDockview> {
|
|
102
106
|
private readonly component;
|
|
@@ -136,4 +140,5 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
|
|
|
136
140
|
getGroup(id: string): GroupPanel | undefined;
|
|
137
141
|
fromJSON(data: SerializedDockview): void;
|
|
138
142
|
toJSON(): SerializedDockview;
|
|
143
|
+
clear(): void;
|
|
139
144
|
}
|
|
@@ -121,6 +121,9 @@ var SplitviewApi = /** @class */ (function () {
|
|
|
121
121
|
SplitviewApi.prototype.toJSON = function () {
|
|
122
122
|
return this.component.toJSON();
|
|
123
123
|
};
|
|
124
|
+
SplitviewApi.prototype.clear = function () {
|
|
125
|
+
this.component.clear();
|
|
126
|
+
};
|
|
124
127
|
return SplitviewApi;
|
|
125
128
|
}());
|
|
126
129
|
exports.SplitviewApi = SplitviewApi;
|
|
@@ -231,6 +234,9 @@ var PaneviewApi = /** @class */ (function () {
|
|
|
231
234
|
PaneviewApi.prototype.toJSON = function () {
|
|
232
235
|
return this.component.toJSON();
|
|
233
236
|
};
|
|
237
|
+
PaneviewApi.prototype.clear = function () {
|
|
238
|
+
this.component.clear();
|
|
239
|
+
};
|
|
234
240
|
return PaneviewApi;
|
|
235
241
|
}());
|
|
236
242
|
exports.PaneviewApi = PaneviewApi;
|
|
@@ -357,6 +363,9 @@ var GridviewApi = /** @class */ (function () {
|
|
|
357
363
|
GridviewApi.prototype.toJSON = function () {
|
|
358
364
|
return this.component.toJSON();
|
|
359
365
|
};
|
|
366
|
+
GridviewApi.prototype.clear = function () {
|
|
367
|
+
this.component.clear();
|
|
368
|
+
};
|
|
360
369
|
return GridviewApi;
|
|
361
370
|
}());
|
|
362
371
|
exports.GridviewApi = GridviewApi;
|
|
@@ -464,7 +473,7 @@ var DockviewApi = /** @class */ (function () {
|
|
|
464
473
|
});
|
|
465
474
|
Object.defineProperty(DockviewApi.prototype, "onDidLayoutFromJSON", {
|
|
466
475
|
get: function () {
|
|
467
|
-
return this.component.
|
|
476
|
+
return this.component.onDidLayoutFromJSON;
|
|
468
477
|
},
|
|
469
478
|
enumerable: false,
|
|
470
479
|
configurable: true
|
|
@@ -554,6 +563,9 @@ var DockviewApi = /** @class */ (function () {
|
|
|
554
563
|
DockviewApi.prototype.toJSON = function () {
|
|
555
564
|
return this.component.toJSON();
|
|
556
565
|
};
|
|
566
|
+
DockviewApi.prototype.clear = function () {
|
|
567
|
+
this.component.clear();
|
|
568
|
+
};
|
|
557
569
|
return DockviewApi;
|
|
558
570
|
}());
|
|
559
571
|
exports.DockviewApi = DockviewApi;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.api.js","sourceRoot":"","sources":["../../../src/api/component.api.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAiCA,oCAA2C;
|
|
1
|
+
{"version":3,"file":"component.api.js","sourceRoot":"","sources":["../../../src/api/component.api.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import { Emitter } from '../events';
|
|
1
|
+
import { Emitter, Event } from '../events';
|
|
2
2
|
import { GridviewPanelApiImpl, GridviewPanelApi } from './gridviewPanelApi';
|
|
3
3
|
import { IDockviewPanel } from '../groupview/groupPanel';
|
|
4
4
|
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
5
5
|
export interface TitleEvent {
|
|
6
6
|
readonly title: string;
|
|
7
7
|
}
|
|
8
|
-
export interface SuppressClosableEvent {
|
|
9
|
-
readonly suppressClosable: boolean;
|
|
10
|
-
}
|
|
11
8
|
export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible'> {
|
|
12
9
|
readonly group: GroupPanel;
|
|
13
10
|
readonly isGroupActive: boolean;
|
|
14
11
|
readonly title: string;
|
|
15
|
-
readonly
|
|
12
|
+
readonly onDidActiveGroupChange: Event<void>;
|
|
13
|
+
readonly onDidGroupChange: Event<void>;
|
|
16
14
|
close(): void;
|
|
17
15
|
setTitle(title: string): void;
|
|
18
16
|
}
|
|
@@ -20,18 +18,13 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
|
|
|
20
18
|
private panel;
|
|
21
19
|
private _group;
|
|
22
20
|
readonly _onDidTitleChange: Emitter<TitleEvent>;
|
|
23
|
-
readonly onDidTitleChange:
|
|
24
|
-
readonly _titleChanged: Emitter<TitleEvent>;
|
|
25
|
-
readonly titleChanged: import("../events").Event<TitleEvent>;
|
|
26
|
-
readonly _suppressClosableChanged: Emitter<SuppressClosableEvent>;
|
|
27
|
-
readonly suppressClosableChanged: import("../events").Event<SuppressClosableEvent>;
|
|
21
|
+
readonly onDidTitleChange: Event<TitleEvent>;
|
|
28
22
|
private readonly _onDidActiveGroupChange;
|
|
29
|
-
readonly onDidActiveGroupChange:
|
|
23
|
+
readonly onDidActiveGroupChange: Event<void>;
|
|
30
24
|
private readonly _onDidGroupChange;
|
|
31
|
-
readonly onDidGroupChange:
|
|
25
|
+
readonly onDidGroupChange: Event<void>;
|
|
32
26
|
private disposable;
|
|
33
27
|
get title(): string;
|
|
34
|
-
get suppressClosable(): boolean;
|
|
35
28
|
get isGroupActive(): boolean;
|
|
36
29
|
set group(value: GroupPanel);
|
|
37
30
|
get group(): GroupPanel;
|
|
@@ -26,17 +26,13 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
|
|
|
26
26
|
_this.panel = panel;
|
|
27
27
|
_this._onDidTitleChange = new events_1.Emitter();
|
|
28
28
|
_this.onDidTitleChange = _this._onDidTitleChange.event;
|
|
29
|
-
_this._titleChanged = new events_1.Emitter();
|
|
30
|
-
_this.titleChanged = _this._titleChanged.event;
|
|
31
|
-
_this._suppressClosableChanged = new events_1.Emitter();
|
|
32
|
-
_this.suppressClosableChanged = _this._suppressClosableChanged.event;
|
|
33
29
|
_this._onDidActiveGroupChange = new events_1.Emitter();
|
|
34
30
|
_this.onDidActiveGroupChange = _this._onDidActiveGroupChange.event;
|
|
35
31
|
_this._onDidGroupChange = new events_1.Emitter();
|
|
36
32
|
_this.onDidGroupChange = _this._onDidGroupChange.event;
|
|
37
33
|
_this.disposable = new lifecycle_1.MutableDisposable();
|
|
38
34
|
_this._group = group;
|
|
39
|
-
_this.addDisposables(_this.disposable, _this._onDidTitleChange, _this.
|
|
35
|
+
_this.addDisposables(_this.disposable, _this._onDidTitleChange, _this._onDidGroupChange, _this._onDidActiveGroupChange);
|
|
40
36
|
return _this;
|
|
41
37
|
}
|
|
42
38
|
Object.defineProperty(DockviewPanelApiImpl.prototype, "title", {
|
|
@@ -46,13 +42,6 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
|
|
|
46
42
|
enumerable: false,
|
|
47
43
|
configurable: true
|
|
48
44
|
});
|
|
49
|
-
Object.defineProperty(DockviewPanelApiImpl.prototype, "suppressClosable", {
|
|
50
|
-
get: function () {
|
|
51
|
-
return !!this.panel.suppressClosable;
|
|
52
|
-
},
|
|
53
|
-
enumerable: false,
|
|
54
|
-
configurable: true
|
|
55
|
-
});
|
|
56
45
|
Object.defineProperty(DockviewPanelApiImpl.prototype, "isGroupActive", {
|
|
57
46
|
get: function () {
|
|
58
47
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"groupPanelApi.js","sourceRoot":"","sources":["../../../src/api/groupPanelApi.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"groupPanelApi.js","sourceRoot":"","sources":["../../../src/api/groupPanelApi.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oCAA2C;AAC3C,uDAA4E;AAG5E,0CAAiD;AAoBjD;IACY,wCAAoB;IA8C5B,8BAAoB,KAAqB,EAAE,KAAiB;QAA5D,YACI,kBAAM,KAAK,CAAC,EAAE,CAAC,SASlB;QAVmB,WAAK,GAAL,KAAK,CAAgB;QAzChC,uBAAiB,GAAG,IAAI,gBAAO,EAAc,CAAC;QAC9C,sBAAgB,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAExC,6BAAuB,GAAG,IAAI,gBAAO,EAAQ,CAAC;QACtD,4BAAsB,GAAG,KAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;QAEpD,uBAAiB,GAAG,IAAI,gBAAO,EAAQ,CAAC;QAChD,sBAAgB,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAEjD,gBAAU,GAAG,IAAI,6BAAiB,EAAE,CAAC;QAkCzC,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,KAAI,CAAC,cAAc,CACf,KAAI,CAAC,UAAU,EACf,KAAI,CAAC,iBAAiB,EACtB,KAAI,CAAC,iBAAiB,EACtB,KAAI,CAAC,uBAAuB,CAC/B,CAAC;;IACN,CAAC;IAxCD,sBAAI,uCAAK;aAAT;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;OAAA;IAED,sBAAI,+CAAa;aAAjB;;YACI,OAAO,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAA,CAAC;QAClC,CAAC;;;OAAA;IAED,sBAAI,uCAAK;aAkBT;YACI,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;aApBD,UAAU,KAAiB;YAA3B,iBAgBC;YAfG,IAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC;YAE5C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YAE9B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC;oBACtD,KAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;gBACxC,CAAC,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,aAAa,KAAK,gBAAgB,EAAE;oBACzC,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;iBACvC;aACJ;QACL,CAAC;;;OAAA;IAkBM,uCAAQ,GAAf,UAAgB,KAAa;QACzB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAC3C,CAAC;IAEM,oCAAK,GAAZ;QACI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,MAAM,IAAI,KAAK,CAAC,gBAAS,IAAI,CAAC,EAAE,kBAAe,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACL,2BAAC;AAAD,CAAC,AArED,CACY,uCAAoB,GAoE/B;AArEY,oDAAoB"}
|
|
@@ -7,7 +7,7 @@ export declare enum Position {
|
|
|
7
7
|
Right = "Right",
|
|
8
8
|
Center = "Center"
|
|
9
9
|
}
|
|
10
|
-
declare type Quadrant = 'top' | 'bottom' | 'left' | 'right';
|
|
10
|
+
export declare type Quadrant = 'top' | 'bottom' | 'left' | 'right';
|
|
11
11
|
export interface DroptargetEvent {
|
|
12
12
|
position: Position;
|
|
13
13
|
nativeEvent: DragEvent;
|
|
@@ -35,4 +35,3 @@ export declare class Droptarget extends CompositeDisposable {
|
|
|
35
35
|
private calculateQuadrant;
|
|
36
36
|
private removeDropTarget;
|
|
37
37
|
}
|
|
38
|
-
export {};
|
|
@@ -2,6 +2,7 @@ import { CompositeDisposable } from '../../../lifecycle';
|
|
|
2
2
|
import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
|
|
3
3
|
import { PanelUpdateEvent } from '../../../panel/types';
|
|
4
4
|
import { GroupPanel } from '../../../groupview/groupviewPanel';
|
|
5
|
+
export declare const DEFAULT_TAB_IDENTIFIER = "__default__tab__";
|
|
5
6
|
export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
|
|
6
7
|
private _element;
|
|
7
8
|
private _isPanelVisible;
|
|
@@ -26,9 +26,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
26
26
|
return __assign.apply(this, arguments);
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.DefaultTab = void 0;
|
|
29
|
+
exports.DefaultTab = exports.DEFAULT_TAB_IDENTIFIER = void 0;
|
|
30
30
|
var lifecycle_1 = require("../../../lifecycle");
|
|
31
31
|
var events_1 = require("../../../events");
|
|
32
|
+
var svg_1 = require("../../../svg");
|
|
33
|
+
exports.DEFAULT_TAB_IDENTIFIER = '__default__tab__';
|
|
32
34
|
var DefaultTab = /** @class */ (function (_super) {
|
|
33
35
|
__extends(DefaultTab, _super);
|
|
34
36
|
function DefaultTab() {
|
|
@@ -49,8 +51,9 @@ var DefaultTab = /** @class */ (function (_super) {
|
|
|
49
51
|
_this._list = document.createElement('ul');
|
|
50
52
|
_this._list.className = 'tab-list';
|
|
51
53
|
//
|
|
52
|
-
_this.action = document.createElement('
|
|
54
|
+
_this.action = document.createElement('div');
|
|
53
55
|
_this.action.className = 'tab-action';
|
|
56
|
+
_this.action.appendChild((0, svg_1.createCloseButton)());
|
|
54
57
|
//
|
|
55
58
|
_this._element.appendChild(_this._content);
|
|
56
59
|
_this._element.appendChild(_this._actionContainer);
|
|
@@ -72,7 +75,7 @@ var DefaultTab = /** @class */ (function (_super) {
|
|
|
72
75
|
});
|
|
73
76
|
Object.defineProperty(DefaultTab.prototype, "id", {
|
|
74
77
|
get: function () {
|
|
75
|
-
return
|
|
78
|
+
return exports.DEFAULT_TAB_IDENTIFIER;
|
|
76
79
|
},
|
|
77
80
|
enumerable: false,
|
|
78
81
|
configurable: true
|
|
@@ -91,15 +94,10 @@ var DefaultTab = /** @class */ (function (_super) {
|
|
|
91
94
|
var _this = this;
|
|
92
95
|
this.params = params;
|
|
93
96
|
this._content.textContent = params.title;
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
this.action.classList.add('disable-close');
|
|
102
|
-
}
|
|
97
|
+
(0, events_1.addDisposableListener)(this.action, 'click', function (ev) {
|
|
98
|
+
ev.preventDefault(); //
|
|
99
|
+
_this.params.api.close();
|
|
100
|
+
});
|
|
103
101
|
};
|
|
104
102
|
DefaultTab.prototype.updateParentGroup = function (group, isPanelVisible) {
|
|
105
103
|
var changed = this._isPanelVisible !== isPanelVisible ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../../../src/dockview/components/tab/defaultTab.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyD;AAKzD,0CAAwD;
|
|
1
|
+
{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../../../src/dockview/components/tab/defaultTab.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyD;AAKzD,0CAAwD;AAGxD,oCAAiD;AAEpC,QAAA,sBAAsB,GAAG,kBAAkB,CAAC;AAEzD;IAAgC,8BAAmB;IAoB/C;QAAA,YACI,iBAAO,SA+BV;QAjDO,qBAAe,GAAG,KAAK,CAAC;QACxB,oBAAc,GAAG,KAAK,CAAC;QAK/B,EAAE;QACM,YAAM,GAAiC,EAAS,CAAC;QAarD,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;QACxC,EAAE;QACF,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;QACxC,EAAE;QACF,KAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtD,KAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACrD,EAAE;QACF,KAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,KAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;QAClC,EAAE;QACF,KAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAI,CAAC,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC;QACrC,KAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAA,uBAAiB,GAAE,CAAC,CAAC;QAE7C,EAAE;QACF,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAI,CAAC,QAAQ,CAAC,CAAC;QACzC,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAI,CAAC,gBAAgB,CAAC,CAAC;QACjD,KAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,MAAM,CAAC,CAAC;QACpC,EAAE;QACF,KAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,KAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE,UAAC,EAAE;YACzD,EAAE,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CACL,CAAC;QAEF,KAAI,CAAC,MAAM,EAAE,CAAC;;IAClB,CAAC;IAxCD,sBAAI,+BAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,0BAAE;aAAN;YACI,OAAO,8BAAsB,CAAC;QAClC,CAAC;;;OAAA;IAoCM,2BAAM,GAAb,UAAc,KAAuB;QACjC,IAAI,CAAC,MAAM,yBAAQ,IAAI,CAAC,MAAM,GAAK,KAAK,CAAC,MAAM,CAAE,CAAC;QAClD,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAEM,2BAAM,GAAb;QACI,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;IAC3B,CAAC;IAED,0BAAK,GAAL;QACI,MAAM;IACV,CAAC;IAEM,yBAAI,GAAX,UAAY,MAAoC;QAAhD,iBAQC;QAPG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;QAEzC,IAAA,8BAAqB,EAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,UAAC,EAAE;YAC3C,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE;YACvB,KAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,sCAAiB,GAAxB,UAAyB,KAAiB,EAAE,cAAuB;QAC/D,IAAM,OAAO,GACT,IAAI,CAAC,eAAe,KAAK,cAAc;YACvC,IAAI,CAAC,cAAc,KAAK,KAAK,CAAC,QAAQ,CAAC;QAE3C,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;QACtC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC;QAErC,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;IACL,CAAC;IAEM,2BAAM,GAAb,UAAc,MAAc,EAAE,OAAe;QACzC,OAAO;IACX,CAAC;IAEO,2BAAM,GAAd;QACI,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;SACjD;IACL,CAAC;IACL,iBAAC;AAAD,CAAC,AAnGD,CAAgC,+BAAmB,GAmGlD;AAnGY,gCAAU"}
|
|
@@ -20,6 +20,7 @@ var actionsContainer_1 = require("../../../actionbar/actionsContainer");
|
|
|
20
20
|
var events_1 = require("../../../events");
|
|
21
21
|
var dom_1 = require("../../../dom");
|
|
22
22
|
var lifecycle_1 = require("../../../lifecycle");
|
|
23
|
+
var svg_1 = require("../../../svg");
|
|
23
24
|
var Watermark = /** @class */ (function (_super) {
|
|
24
25
|
__extends(Watermark, _super);
|
|
25
26
|
function Watermark() {
|
|
@@ -37,8 +38,9 @@ var Watermark = /** @class */ (function (_super) {
|
|
|
37
38
|
var actions = new actionsContainer_1.ActionContainer();
|
|
38
39
|
title.appendChild(emptySpace);
|
|
39
40
|
title.appendChild(actions.element);
|
|
40
|
-
var closeAnchor = document.createElement('
|
|
41
|
+
var closeAnchor = document.createElement('div');
|
|
41
42
|
closeAnchor.className = 'close-action';
|
|
43
|
+
closeAnchor.appendChild((0, svg_1.createCloseButton)());
|
|
42
44
|
actions.add(closeAnchor);
|
|
43
45
|
_this.addDisposables((0, events_1.addDisposableListener)(closeAnchor, 'click', function (ev) {
|
|
44
46
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"watermark.js","sourceRoot":"","sources":["../../../../../src/dockview/components/watermark/watermark.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,wEAAsE;AACtE,0CAAwD;AACxD,oCAA2C;AAC3C,gDAAyD;
|
|
1
|
+
{"version":3,"file":"watermark.js","sourceRoot":"","sources":["../../../../../src/dockview/components/watermark/watermark.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { GroupPanelPartInitParameters,
|
|
1
|
+
import { GroupPanelPartInitParameters, IContentRenderer, ITabRenderer } from '../groupview/types';
|
|
2
2
|
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
3
3
|
import { IDisposable } from '../lifecycle';
|
|
4
4
|
import { GroupPanelUpdateEvent } from '../groupview/groupPanel';
|
|
5
5
|
export interface IGroupPanelView extends IDisposable {
|
|
6
6
|
readonly content: IContentRenderer;
|
|
7
7
|
readonly tab?: ITabRenderer;
|
|
8
|
-
readonly actions?: IActionsRenderer;
|
|
9
8
|
update(event: GroupPanelUpdateEvent): void;
|
|
10
9
|
layout(width: number, height: number): void;
|
|
11
10
|
init(params: GroupPanelPartInitParameters): void;
|
|
@@ -15,14 +14,11 @@ export interface IGroupPanelView extends IDisposable {
|
|
|
15
14
|
export declare class DefaultGroupPanelView implements IGroupPanelView {
|
|
16
15
|
private readonly _content;
|
|
17
16
|
private readonly _tab;
|
|
18
|
-
private readonly _actions;
|
|
19
17
|
get content(): IContentRenderer;
|
|
20
18
|
get tab(): ITabRenderer;
|
|
21
|
-
get actions(): IActionsRenderer | undefined;
|
|
22
19
|
constructor(renderers: {
|
|
23
20
|
content: IContentRenderer;
|
|
24
21
|
tab?: ITabRenderer;
|
|
25
|
-
actions?: IActionsRenderer;
|
|
26
22
|
});
|
|
27
23
|
init(params: GroupPanelPartInitParameters): void;
|
|
28
24
|
updateParentGroup(group: GroupPanel, isPanelVisible: boolean): void;
|