dockview 1.7.0 → 1.7.2
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/LICENSE +21 -0
- package/README.md +50 -52
- package/dist/cjs/dockview/defaultTab.d.ts +5 -4
- package/dist/cjs/dockview/defaultTab.d.ts.map +1 -0
- package/dist/cjs/dockview/defaultTab.js +72 -72
- package/dist/cjs/dockview/dockview.d.ts +36 -32
- package/dist/cjs/dockview/dockview.d.ts.map +1 -0
- package/dist/cjs/dockview/dockview.js +196 -210
- package/dist/cjs/dockview/dockview.js.map +1 -1
- package/dist/cjs/dockview/groupControlsRenderer.d.ts +33 -32
- package/dist/cjs/dockview/groupControlsRenderer.d.ts.map +1 -0
- package/dist/cjs/dockview/groupControlsRenderer.js +86 -86
- package/dist/cjs/dockview/reactContentPart.d.ts +23 -22
- package/dist/cjs/dockview/reactContentPart.d.ts.map +1 -0
- package/dist/cjs/dockview/reactContentPart.js +50 -50
- package/dist/cjs/dockview/reactHeaderPart.d.ts +19 -18
- package/dist/cjs/dockview/reactHeaderPart.d.ts.map +1 -0
- package/dist/cjs/dockview/reactHeaderPart.js +43 -43
- package/dist/cjs/dockview/reactWatermarkPart.d.ts +25 -24
- package/dist/cjs/dockview/reactWatermarkPart.d.ts.map +1 -0
- package/dist/cjs/dockview/reactWatermarkPart.js +53 -53
- package/dist/cjs/gridview/gridview.d.ts +23 -22
- package/dist/cjs/gridview/gridview.d.ts.map +1 -0
- package/dist/cjs/gridview/gridview.js +96 -109
- package/dist/cjs/gridview/gridview.js.map +1 -1
- package/dist/cjs/gridview/view.d.ts +11 -10
- package/dist/cjs/gridview/view.d.ts.map +1 -0
- package/dist/cjs/gridview/view.js +39 -39
- package/dist/cjs/index.d.ts +11 -10
- package/dist/cjs/index.d.ts.map +1 -0
- package/dist/cjs/index.js +24 -24
- package/dist/cjs/paneview/paneview.d.ts +25 -24
- package/dist/cjs/paneview/paneview.d.ts.map +1 -0
- package/dist/cjs/paneview/paneview.js +139 -153
- package/dist/cjs/paneview/paneview.js.map +1 -1
- package/dist/cjs/paneview/view.d.ts +20 -19
- package/dist/cjs/paneview/view.d.ts.map +1 -0
- package/dist/cjs/paneview/view.js +44 -44
- package/dist/cjs/react.d.ts +36 -35
- package/dist/cjs/react.d.ts.map +1 -0
- package/dist/cjs/react.js +196 -196
- package/dist/cjs/splitview/splitview.d.ts +23 -22
- package/dist/cjs/splitview/splitview.d.ts.map +1 -0
- package/dist/cjs/splitview/splitview.js +91 -105
- package/dist/cjs/splitview/splitview.js.map +1 -1
- package/dist/cjs/splitview/view.d.ts +11 -10
- package/dist/cjs/splitview/view.d.ts.map +1 -0
- package/dist/cjs/splitview/view.js +39 -39
- package/dist/cjs/svg.d.ts +4 -3
- package/dist/cjs/svg.d.ts.map +1 -0
- package/dist/cjs/svg.js +35 -35
- package/dist/cjs/types.d.ts +8 -7
- package/dist/cjs/types.d.ts.map +1 -0
- package/dist/cjs/types.js +2 -2
- package/dist/dockview.amd.js +7037 -7091
- package/dist/dockview.amd.min.js +2 -2
- package/dist/dockview.amd.min.noStyle.js +2 -2
- package/dist/dockview.amd.noStyle.js +7035 -7089
- package/dist/dockview.cjs.js +7037 -7091
- package/dist/dockview.esm.js +7040 -7094
- package/dist/dockview.esm.min.js +2 -2
- package/dist/dockview.js +7037 -7091
- package/dist/dockview.min.js +2 -2
- package/dist/dockview.min.noStyle.js +2 -2
- package/dist/dockview.noStyle.js +7035 -7089
- package/dist/esm/dockview/defaultTab.d.ts +5 -4
- package/dist/esm/dockview/defaultTab.d.ts.map +1 -0
- package/dist/esm/dockview/defaultTab.js +35 -34
- package/dist/esm/dockview/defaultTab.js.map +1 -0
- package/dist/esm/dockview/dockview.d.ts +36 -32
- package/dist/esm/dockview/dockview.d.ts.map +1 -0
- package/dist/esm/dockview/dockview.js +155 -168
- package/dist/esm/dockview/dockview.js.map +1 -0
- package/dist/esm/dockview/groupControlsRenderer.d.ts +33 -32
- package/dist/esm/dockview/groupControlsRenderer.d.ts.map +1 -0
- package/dist/esm/dockview/groupControlsRenderer.js +69 -68
- package/dist/esm/dockview/groupControlsRenderer.js.map +1 -0
- package/dist/esm/dockview/reactContentPart.d.ts +23 -22
- package/dist/esm/dockview/reactContentPart.d.ts.map +1 -0
- package/dist/esm/dockview/reactContentPart.js +42 -41
- package/dist/esm/dockview/reactContentPart.js.map +1 -0
- package/dist/esm/dockview/reactHeaderPart.d.ts +19 -18
- package/dist/esm/dockview/reactHeaderPart.d.ts.map +1 -0
- package/dist/esm/dockview/reactHeaderPart.js +35 -34
- package/dist/esm/dockview/reactHeaderPart.js.map +1 -0
- package/dist/esm/dockview/reactWatermarkPart.d.ts +25 -24
- package/dist/esm/dockview/reactWatermarkPart.d.ts.map +1 -0
- package/dist/esm/dockview/reactWatermarkPart.js +45 -44
- package/dist/esm/dockview/reactWatermarkPart.js.map +1 -0
- package/dist/esm/gridview/gridview.d.ts +23 -22
- package/dist/esm/gridview/gridview.d.ts.map +1 -0
- package/dist/esm/gridview/gridview.js +55 -67
- package/dist/esm/gridview/gridview.js.map +1 -0
- package/dist/esm/gridview/view.d.ts +11 -10
- package/dist/esm/gridview/view.d.ts.map +1 -0
- package/dist/esm/gridview/view.js +18 -17
- package/dist/esm/gridview/view.js.map +1 -0
- package/dist/esm/index.d.ts +11 -10
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +9 -8
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/paneview/paneview.d.ts +25 -24
- package/dist/esm/paneview/paneview.d.ts.map +1 -0
- package/dist/esm/paneview/paneview.js +85 -98
- package/dist/esm/paneview/paneview.js.map +1 -0
- package/dist/esm/paneview/view.d.ts +20 -19
- package/dist/esm/paneview/view.d.ts.map +1 -0
- package/dist/esm/paneview/view.js +36 -35
- package/dist/esm/paneview/view.js.map +1 -0
- package/dist/esm/react.d.ts +36 -35
- package/dist/esm/react.d.ts.map +1 -0
- package/dist/esm/react.js +128 -127
- package/dist/esm/react.js.map +1 -0
- package/dist/esm/splitview/splitview.d.ts +23 -22
- package/dist/esm/splitview/splitview.d.ts.map +1 -0
- package/dist/esm/splitview/splitview.js +50 -63
- package/dist/esm/splitview/splitview.js.map +1 -0
- package/dist/esm/splitview/view.d.ts +11 -10
- package/dist/esm/splitview/view.d.ts.map +1 -0
- package/dist/esm/splitview/view.js +18 -17
- package/dist/esm/splitview/view.js.map +1 -0
- package/dist/esm/svg.d.ts +4 -3
- package/dist/esm/svg.d.ts.map +1 -0
- package/dist/esm/svg.js +8 -7
- package/dist/esm/svg.js.map +1 -0
- package/dist/esm/types.d.ts +8 -7
- package/dist/esm/types.d.ts.map +1 -0
- package/dist/esm/types.js +2 -1
- package/dist/esm/types.js.map +1 -0
- package/package.json +5 -5
|
@@ -1,154 +1,140 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
-
if (!m) return o;
|
|
39
|
-
var i = m.call(o), r, ar = [], e;
|
|
40
|
-
try {
|
|
41
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
-
}
|
|
43
|
-
catch (error) { e = { error: error }; }
|
|
44
|
-
finally {
|
|
45
|
-
try {
|
|
46
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
-
}
|
|
48
|
-
finally { if (e) throw e.error; }
|
|
49
|
-
}
|
|
50
|
-
return ar;
|
|
51
|
-
};
|
|
52
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
exports.PaneviewReact = void 0;
|
|
54
|
-
var React = __importStar(require("react"));
|
|
55
|
-
var dockview_core_1 = require("dockview-core");
|
|
56
|
-
var react_1 = require("../react");
|
|
57
|
-
var view_1 = require("./view");
|
|
58
|
-
exports.PaneviewReact = React.forwardRef(function (props, ref) {
|
|
59
|
-
var domRef = React.useRef(null);
|
|
60
|
-
var paneviewRef = React.useRef();
|
|
61
|
-
var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
|
|
62
|
-
React.useImperativeHandle(ref, function () { return domRef.current; }, []);
|
|
63
|
-
React.useEffect(function () {
|
|
64
|
-
|
|
65
|
-
return
|
|
66
|
-
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
var
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
paneviewRef.current
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
disposable.dispose();
|
|
141
|
-
};
|
|
142
|
-
}, [props.onDidDrop]);
|
|
143
|
-
React.useEffect(function () {
|
|
144
|
-
if (!paneviewRef.current) {
|
|
145
|
-
return;
|
|
146
|
-
}
|
|
147
|
-
paneviewRef.current.updateOptions({
|
|
148
|
-
showDndOverlay: props.showDndOverlay,
|
|
149
|
-
});
|
|
150
|
-
}, [props.showDndOverlay]);
|
|
151
|
-
return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
|
|
152
|
-
});
|
|
153
|
-
exports.PaneviewReact.displayName = 'PaneviewComponent';
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
+
if (!m) return o;
|
|
39
|
+
var i = m.call(o), r, ar = [], e;
|
|
40
|
+
try {
|
|
41
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
+
}
|
|
43
|
+
catch (error) { e = { error: error }; }
|
|
44
|
+
finally {
|
|
45
|
+
try {
|
|
46
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
+
}
|
|
48
|
+
finally { if (e) throw e.error; }
|
|
49
|
+
}
|
|
50
|
+
return ar;
|
|
51
|
+
};
|
|
52
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
+
exports.PaneviewReact = void 0;
|
|
54
|
+
var React = __importStar(require("react"));
|
|
55
|
+
var dockview_core_1 = require("dockview-core");
|
|
56
|
+
var react_1 = require("../react");
|
|
57
|
+
var view_1 = require("./view");
|
|
58
|
+
exports.PaneviewReact = React.forwardRef(function (props, ref) {
|
|
59
|
+
var domRef = React.useRef(null);
|
|
60
|
+
var paneviewRef = React.useRef();
|
|
61
|
+
var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
|
|
62
|
+
React.useImperativeHandle(ref, function () { return domRef.current; }, []);
|
|
63
|
+
React.useEffect(function () {
|
|
64
|
+
var createComponent = function (id, _componentId, component) {
|
|
65
|
+
return new view_1.PanePanelSection(id, component, {
|
|
66
|
+
addPortal: addPortal,
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
var paneview = new dockview_core_1.PaneviewComponent({
|
|
70
|
+
parentElement: domRef.current,
|
|
71
|
+
frameworkComponents: props.components,
|
|
72
|
+
components: {},
|
|
73
|
+
headerComponents: {},
|
|
74
|
+
disableDnd: props.disableDnd,
|
|
75
|
+
headerframeworkComponents: props.headerComponents,
|
|
76
|
+
frameworkWrapper: {
|
|
77
|
+
header: {
|
|
78
|
+
createComponent: createComponent,
|
|
79
|
+
},
|
|
80
|
+
body: {
|
|
81
|
+
createComponent: createComponent,
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
showDndOverlay: props.showDndOverlay,
|
|
85
|
+
});
|
|
86
|
+
var api = new dockview_core_1.PaneviewApi(paneview);
|
|
87
|
+
var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
|
|
88
|
+
paneview.layout(clientWidth, clientHeight);
|
|
89
|
+
if (props.onReady) {
|
|
90
|
+
props.onReady({ api: api });
|
|
91
|
+
}
|
|
92
|
+
paneviewRef.current = paneview;
|
|
93
|
+
return function () {
|
|
94
|
+
paneview.dispose();
|
|
95
|
+
};
|
|
96
|
+
}, []);
|
|
97
|
+
React.useEffect(function () {
|
|
98
|
+
if (!paneviewRef.current) {
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
paneviewRef.current.updateOptions({
|
|
102
|
+
frameworkComponents: props.components,
|
|
103
|
+
});
|
|
104
|
+
}, [props.components]);
|
|
105
|
+
React.useEffect(function () {
|
|
106
|
+
if (!paneviewRef.current) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
paneviewRef.current.updateOptions({
|
|
110
|
+
headerframeworkComponents: props.headerComponents,
|
|
111
|
+
});
|
|
112
|
+
}, [props.headerComponents]);
|
|
113
|
+
React.useEffect(function () {
|
|
114
|
+
if (!paneviewRef.current) {
|
|
115
|
+
return function () {
|
|
116
|
+
//
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
var paneview = paneviewRef.current;
|
|
120
|
+
var disposable = paneview.onDidDrop(function (event) {
|
|
121
|
+
if (props.onDidDrop) {
|
|
122
|
+
props.onDidDrop(__assign(__assign({}, event), { api: new dockview_core_1.PaneviewApi(paneview) }));
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
return function () {
|
|
126
|
+
disposable.dispose();
|
|
127
|
+
};
|
|
128
|
+
}, [props.onDidDrop]);
|
|
129
|
+
React.useEffect(function () {
|
|
130
|
+
if (!paneviewRef.current) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
paneviewRef.current.updateOptions({
|
|
134
|
+
showDndOverlay: props.showDndOverlay,
|
|
135
|
+
});
|
|
136
|
+
}, [props.showDndOverlay]);
|
|
137
|
+
return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
|
|
138
|
+
});
|
|
139
|
+
exports.PaneviewReact.displayName = 'PaneviewComponent';
|
|
154
140
|
//# sourceMappingURL=paneview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+
|
|
1
|
+
{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PanelUpdateEvent, IPaneBodyPart, PanePanelComponentInitParameter } from 'dockview-core';
|
|
3
|
-
import { ReactPortalStore } from '../react';
|
|
4
|
-
import { IPaneviewPanelProps } from './paneview';
|
|
5
|
-
export declare class PanePanelSection implements IPaneBodyPart {
|
|
6
|
-
readonly id: string;
|
|
7
|
-
private readonly component;
|
|
8
|
-
private readonly reactPortalStore;
|
|
9
|
-
private _element;
|
|
10
|
-
private part?;
|
|
11
|
-
get element(): HTMLElement;
|
|
12
|
-
constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
|
|
13
|
-
init(parameters: PanePanelComponentInitParameter): void;
|
|
14
|
-
toJSON(): {
|
|
15
|
-
id: string;
|
|
16
|
-
};
|
|
17
|
-
update(params: PanelUpdateEvent): void;
|
|
18
|
-
dispose(): void;
|
|
19
|
-
}
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PanelUpdateEvent, IPaneBodyPart, PanePanelComponentInitParameter } from 'dockview-core';
|
|
3
|
+
import { ReactPortalStore } from '../react';
|
|
4
|
+
import { IPaneviewPanelProps } from './paneview';
|
|
5
|
+
export declare class PanePanelSection implements IPaneBodyPart {
|
|
6
|
+
readonly id: string;
|
|
7
|
+
private readonly component;
|
|
8
|
+
private readonly reactPortalStore;
|
|
9
|
+
private _element;
|
|
10
|
+
private part?;
|
|
11
|
+
get element(): HTMLElement;
|
|
12
|
+
constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
|
|
13
|
+
init(parameters: PanePanelComponentInitParameter): void;
|
|
14
|
+
toJSON(): {
|
|
15
|
+
id: string;
|
|
16
|
+
};
|
|
17
|
+
update(params: PanelUpdateEvent): void;
|
|
18
|
+
dispose(): void;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/paneview/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,+BAA+B,EAClC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBAAa,gBAAiB,YAAW,aAAa;aAS9B,EAAE,EAAE,MAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAVrC,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,IAAI,CAAC,CAAiC;IAE9C,IAAI,OAAO,gBAEV;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EACvD,gBAAgB,EAAE,gBAAgB;IAOhD,IAAI,CAAC,UAAU,EAAE,+BAA+B,GAAG,IAAI;IAcvD,MAAM;;;IAMN,MAAM,CAAC,MAAM,EAAE,gBAAgB;IAI/B,OAAO;CAGjB"}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PanePanelSection = void 0;
|
|
4
|
-
var react_1 = require("../react");
|
|
5
|
-
var PanePanelSection = /** @class */ (function () {
|
|
6
|
-
function PanePanelSection(id, component, reactPortalStore) {
|
|
7
|
-
this.id = id;
|
|
8
|
-
this.component = component;
|
|
9
|
-
this.reactPortalStore = reactPortalStore;
|
|
10
|
-
this._element = document.createElement('div');
|
|
11
|
-
this._element.style.height = '100%';
|
|
12
|
-
this._element.style.width = '100%';
|
|
13
|
-
}
|
|
14
|
-
Object.defineProperty(PanePanelSection.prototype, "element", {
|
|
15
|
-
get: function () {
|
|
16
|
-
return this._element;
|
|
17
|
-
},
|
|
18
|
-
enumerable: false,
|
|
19
|
-
configurable: true
|
|
20
|
-
});
|
|
21
|
-
PanePanelSection.prototype.init = function (parameters) {
|
|
22
|
-
this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
|
|
23
|
-
params: parameters.params,
|
|
24
|
-
api: parameters.api,
|
|
25
|
-
title: parameters.title,
|
|
26
|
-
containerApi: parameters.containerApi,
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
PanePanelSection.prototype.toJSON = function () {
|
|
30
|
-
return {
|
|
31
|
-
id: this.id,
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
PanePanelSection.prototype.update = function (params) {
|
|
35
|
-
var _a;
|
|
36
|
-
(_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
|
|
37
|
-
};
|
|
38
|
-
PanePanelSection.prototype.dispose = function () {
|
|
39
|
-
var _a;
|
|
40
|
-
(_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
41
|
-
};
|
|
42
|
-
return PanePanelSection;
|
|
43
|
-
}());
|
|
44
|
-
exports.PanePanelSection = PanePanelSection;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PanePanelSection = void 0;
|
|
4
|
+
var react_1 = require("../react");
|
|
5
|
+
var PanePanelSection = /** @class */ (function () {
|
|
6
|
+
function PanePanelSection(id, component, reactPortalStore) {
|
|
7
|
+
this.id = id;
|
|
8
|
+
this.component = component;
|
|
9
|
+
this.reactPortalStore = reactPortalStore;
|
|
10
|
+
this._element = document.createElement('div');
|
|
11
|
+
this._element.style.height = '100%';
|
|
12
|
+
this._element.style.width = '100%';
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(PanePanelSection.prototype, "element", {
|
|
15
|
+
get: function () {
|
|
16
|
+
return this._element;
|
|
17
|
+
},
|
|
18
|
+
enumerable: false,
|
|
19
|
+
configurable: true
|
|
20
|
+
});
|
|
21
|
+
PanePanelSection.prototype.init = function (parameters) {
|
|
22
|
+
this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
|
|
23
|
+
params: parameters.params,
|
|
24
|
+
api: parameters.api,
|
|
25
|
+
title: parameters.title,
|
|
26
|
+
containerApi: parameters.containerApi,
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
PanePanelSection.prototype.toJSON = function () {
|
|
30
|
+
return {
|
|
31
|
+
id: this.id,
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
PanePanelSection.prototype.update = function (params) {
|
|
35
|
+
var _a;
|
|
36
|
+
(_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
|
|
37
|
+
};
|
|
38
|
+
PanePanelSection.prototype.dispose = function () {
|
|
39
|
+
var _a;
|
|
40
|
+
(_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
41
|
+
};
|
|
42
|
+
return PanePanelSection;
|
|
43
|
+
}());
|
|
44
|
+
exports.PanePanelSection = PanePanelSection;
|
|
45
45
|
//# sourceMappingURL=view.js.map
|
package/dist/cjs/react.d.ts
CHANGED
|
@@ -1,35 +1,36 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { IFrameworkPart, IDockviewDisposable } from 'dockview-core';
|
|
3
|
-
export interface ReactPortalStore {
|
|
4
|
-
addPortal: (portal: React.ReactPortal) => IDockviewDisposable;
|
|
5
|
-
}
|
|
6
|
-
export declare const ReactPartContext: React.Context<{}>;
|
|
7
|
-
export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
|
|
8
|
-
private readonly parent;
|
|
9
|
-
private readonly portalStore;
|
|
10
|
-
private readonly component;
|
|
11
|
-
private readonly parameters;
|
|
12
|
-
private readonly context?;
|
|
13
|
-
private _initialProps;
|
|
14
|
-
private componentInstance?;
|
|
15
|
-
private ref?;
|
|
16
|
-
private disposed;
|
|
17
|
-
constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
|
|
18
|
-
update(props: {
|
|
19
|
-
[index: string]: any;
|
|
20
|
-
}): void;
|
|
21
|
-
private createPortal;
|
|
22
|
-
dispose(): void;
|
|
23
|
-
}
|
|
24
|
-
type PortalLifecycleHook = () => [
|
|
25
|
-
React.ReactPortal[],
|
|
26
|
-
(portal: React.ReactPortal) => IDockviewDisposable
|
|
27
|
-
];
|
|
28
|
-
/**
|
|
29
|
-
* A React Hook that returns an array of portals to be rendered by the user of this hook
|
|
30
|
-
* and a disposable function to add a portal. Calling dispose removes this portal from the
|
|
31
|
-
* portal array
|
|
32
|
-
*/
|
|
33
|
-
export declare const usePortalsLifecycle: PortalLifecycleHook;
|
|
34
|
-
export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
|
|
35
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IFrameworkPart, IDockviewDisposable } from 'dockview-core';
|
|
3
|
+
export interface ReactPortalStore {
|
|
4
|
+
addPortal: (portal: React.ReactPortal) => IDockviewDisposable;
|
|
5
|
+
}
|
|
6
|
+
export declare const ReactPartContext: React.Context<{}>;
|
|
7
|
+
export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
|
|
8
|
+
private readonly parent;
|
|
9
|
+
private readonly portalStore;
|
|
10
|
+
private readonly component;
|
|
11
|
+
private readonly parameters;
|
|
12
|
+
private readonly context?;
|
|
13
|
+
private _initialProps;
|
|
14
|
+
private componentInstance?;
|
|
15
|
+
private ref?;
|
|
16
|
+
private disposed;
|
|
17
|
+
constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
|
|
18
|
+
update(props: {
|
|
19
|
+
[index: string]: any;
|
|
20
|
+
}): void;
|
|
21
|
+
private createPortal;
|
|
22
|
+
dispose(): void;
|
|
23
|
+
}
|
|
24
|
+
type PortalLifecycleHook = () => [
|
|
25
|
+
React.ReactPortal[],
|
|
26
|
+
(portal: React.ReactPortal) => IDockviewDisposable
|
|
27
|
+
];
|
|
28
|
+
/**
|
|
29
|
+
* A React Hook that returns an array of portals to be rendered by the user of this hook
|
|
30
|
+
* and a disposable function to add a portal. Calling dispose removes this portal from the
|
|
31
|
+
* portal array
|
|
32
|
+
*/
|
|
33
|
+
export declare const usePortalsLifecycle: PortalLifecycleHook;
|
|
34
|
+
export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
|
|
35
|
+
export {};
|
|
36
|
+
//# sourceMappingURL=react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC;CACjE;AAyDD,eAAO,MAAM,gBAAgB,mBAA8B,CAAC;AAE5D,qBAAa,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,CAC1D,YAAW,cAAc;IAWrB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAb7B,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,GAAG,CAAC,CAGV;IACF,OAAO,CAAC,QAAQ,CAAS;gBAGJ,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACrC,UAAU,EAAE,CAAC,EACb,OAAO,CAAC,eAAG;IAKzB,MAAM,CAAC,KAAK,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAa7C,OAAO,CAAC,YAAY;IAqDb,OAAO;CAIjB;AAED,KAAK,mBAAmB,GAAG,MAAM;IAC7B,KAAK,CAAC,WAAW,EAAE;IACnB,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB;CACrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAwBjC,CAAC;AAGF,wBAAgB,cAAc,CAC1B,OAAO,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,GAClC,OAAO,IAAI,KAAK,CAAC,YAAY,CAE/B"}
|