flexlayout-react 0.6.10 → 0.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/ChangeLog.txt +12 -0
- package/README.md +45 -48
- package/declarations/model/Floating.d.ts +15 -0
- package/declarations/model/FloatingSet.d.ts +9 -0
- package/declarations/view/Icons.d.ts +0 -1
- package/declarations/view/Layout.d.ts +12 -3
- package/dist/flexlayout.js +7 -7
- package/dist/flexlayout_min.js +1 -1
- package/lib/PopupMenu.js.map +1 -1
- package/lib/index.js +5 -1
- package/lib/index.js.map +1 -1
- package/lib/model/Floating.js +61 -0
- package/lib/model/Floating.js.map +1 -0
- package/lib/model/FloatingSet.js +58 -0
- package/lib/model/FloatingSet.js.map +1 -0
- package/lib/view/BorderTabSet.js +4 -2
- package/lib/view/BorderTabSet.js.map +1 -1
- package/lib/view/ErrorBoundary.js.map +1 -1
- package/lib/view/Icons.js +15 -10
- package/lib/view/Icons.js.map +1 -1
- package/lib/view/Layout.js +29 -76
- package/lib/view/Layout.js.map +1 -1
- package/lib/view/TabSet.js +3 -1
- package/lib/view/TabSet.js.map +1 -1
- package/lib/view/Utils.js.map +1 -1
- package/package.json +20 -20
- package/src/PopupMenu.tsx +5 -5
- package/src/view/BorderButton.tsx +3 -3
- package/src/view/BorderTabSet.tsx +9 -7
- package/src/view/ErrorBoundary.tsx +1 -0
- package/src/view/Icons.tsx +17 -7
- package/src/view/Layout.tsx +38 -104
- package/src/view/TabButton.tsx +3 -3
- package/src/view/TabButtonStamp.tsx +3 -3
- package/src/view/TabSet.tsx +8 -6
- package/src/view/Utils.tsx +3 -3
- package/style/_base.scss +1 -1
- package/style/dark.css +4 -3
- package/style/dark.css.map +1 -1
- package/style/dark.scss +1 -0
- package/style/gray.css +4 -3
- package/style/gray.css.map +1 -1
- package/style/gray.scss +1 -0
- package/style/light.css +4 -3
- package/style/light.css.map +1 -1
- package/style/light.scss +1 -0
- package/style/underline.css +13 -7
- package/style/underline.css.map +1 -1
- package/style/underline.scss +11 -5
- package/dist/flexlayout.js.zip +0 -0
- package/dist/flexlayout_min.js.zip +0 -0
package/lib/PopupMenu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupMenu.js","sourceRoot":"","sources":["../src/PopupMenu.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,uCAAsC;AAEtC,iCAAkC;AAElC,wDAAuD;AAEvD,gBAAgB;AAChB,SAAgB,SAAS,CACrB,cAAuB,EACvB,KAAyC,EACzC,QAA0D,EAC1D,MAAwB,EACxB,
|
|
1
|
+
{"version":3,"file":"PopupMenu.js","sourceRoot":"","sources":["../src/PopupMenu.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,qDAAmC;AACnC,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AAEnC,iDAA+B;AAC/B,6CAA2B;AAC3B,6CAA2B;AAC3B,8CAA4B;AAC5B,gDAA8B;AAC9B,yCAAuB;AACvB,0CAAwB"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Floating = void 0;
|
|
4
|
+
var Rect_1 = require("../Rect");
|
|
5
|
+
var TabNode_1 = require("./TabNode");
|
|
6
|
+
var Floating = /** @class */ (function () {
|
|
7
|
+
function Floating(_rect, _parentId, _tabIndex, _tab) {
|
|
8
|
+
this._rect = _rect;
|
|
9
|
+
this._parentId = _parentId;
|
|
10
|
+
this._tabIndex = _tabIndex;
|
|
11
|
+
this._tab = _tab;
|
|
12
|
+
}
|
|
13
|
+
Object.defineProperty(Floating.prototype, "rect", {
|
|
14
|
+
get: function () {
|
|
15
|
+
return this._rect;
|
|
16
|
+
},
|
|
17
|
+
enumerable: false,
|
|
18
|
+
configurable: true
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(Floating.prototype, "tabIndex", {
|
|
21
|
+
get: function () {
|
|
22
|
+
return this._tabIndex;
|
|
23
|
+
},
|
|
24
|
+
enumerable: false,
|
|
25
|
+
configurable: true
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(Floating.prototype, "parentId", {
|
|
28
|
+
get: function () {
|
|
29
|
+
return this._parentId;
|
|
30
|
+
},
|
|
31
|
+
enumerable: false,
|
|
32
|
+
configurable: true
|
|
33
|
+
});
|
|
34
|
+
Object.defineProperty(Floating.prototype, "tab", {
|
|
35
|
+
get: function () {
|
|
36
|
+
return this._tab;
|
|
37
|
+
},
|
|
38
|
+
enumerable: false,
|
|
39
|
+
configurable: true
|
|
40
|
+
});
|
|
41
|
+
/** @internal */
|
|
42
|
+
Floating._fromJson = function (json, model) {
|
|
43
|
+
var tab = new TabNode_1.TabNode(model, json.tab, true);
|
|
44
|
+
return new Floating(new Rect_1.Rect(json.left, json.top, json.width, json.height), json.parentId, json.tabIndex, tab);
|
|
45
|
+
};
|
|
46
|
+
Floating.prototype.toJson = function () {
|
|
47
|
+
var json = {
|
|
48
|
+
left: this.rect.x,
|
|
49
|
+
top: this.rect.y,
|
|
50
|
+
width: this.rect.width,
|
|
51
|
+
height: this.rect.height,
|
|
52
|
+
parentId: this.parentId,
|
|
53
|
+
tabIndex: this.tabIndex,
|
|
54
|
+
tab: this.tab.toJson()
|
|
55
|
+
};
|
|
56
|
+
return json;
|
|
57
|
+
};
|
|
58
|
+
return Floating;
|
|
59
|
+
}());
|
|
60
|
+
exports.Floating = Floating;
|
|
61
|
+
//# sourceMappingURL=Floating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../src/model/Floating.ts"],"names":[],"mappings":";;;AAAA,gCAA+B;AAG/B,qCAAoC;AAEpC;IAEI,kBACY,KAAW,EACX,SAAiB,EACjB,SAAiB,EACjB,IAAa;QAHb,UAAK,GAAL,KAAK,CAAM;QACX,cAAS,GAAT,SAAS,CAAQ;QACjB,cAAS,GAAT,SAAS,CAAQ;QACjB,SAAI,GAAJ,IAAI,CAAS;IACzB,CAAC;IAED,sBAAW,0BAAI;aAAf;YACI,OAAO,IAAI,CAAC,KAAK,CAAC;QACtB,CAAC;;;OAAA;IAED,sBAAW,8BAAQ;aAAnB;YACI,OAAO,IAAI,CAAC,SAAS,CAAC;QAC1B,CAAC;;;OAAA;IAED,sBAAW,8BAAQ;aAAnB;YACI,OAAO,IAAI,CAAC,SAAS,CAAC;QAC1B,CAAC;;;OAAA;IAED,sBAAW,yBAAG;aAAd;YACI,OAAO,IAAI,CAAC,IAAI,CAAC;QACrB,CAAC;;;OAAA;IAED,gBAAgB;IACT,kBAAS,GAAhB,UAAiB,IAAS,EAAE,KAAY;QACpC,IAAM,GAAG,GAAG,IAAI,iBAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/C,OAAO,IAAI,QAAQ,CACf,IAAI,WAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EACtD,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,EACb,GAAG,CAAC,CAAC;IACb,CAAC;IAED,yBAAM,GAAN;QACI,IAAM,IAAI,GAAQ;YACd,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;YACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;YACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;SACzB,CAAC;QAEF,OAAO,IAAI,CAAC;IAChB,CAAC;IACL,eAAC;AAAD,CAAC,AAhDD,IAgDC;AAhDY,4BAAQ"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FloatingSet = void 0;
|
|
4
|
+
var Floating_1 = require("./Floating");
|
|
5
|
+
var FloatingSet = /** @class */ (function () {
|
|
6
|
+
/** @internal */
|
|
7
|
+
function FloatingSet(model) {
|
|
8
|
+
this._floatingWindows = [];
|
|
9
|
+
}
|
|
10
|
+
Object.defineProperty(FloatingSet.prototype, "floatingWindows", {
|
|
11
|
+
get: function () {
|
|
12
|
+
return this._floatingWindows;
|
|
13
|
+
},
|
|
14
|
+
enumerable: false,
|
|
15
|
+
configurable: true
|
|
16
|
+
});
|
|
17
|
+
FloatingSet.prototype.delete = function (node) {
|
|
18
|
+
var index = this._floatingWindows.findIndex(function (w) { return w.tab === node; });
|
|
19
|
+
if (index !== -1) {
|
|
20
|
+
this._floatingWindows.splice(index, 1);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
FloatingSet.prototype.find = function (node) {
|
|
24
|
+
return this._floatingWindows.find(function (w) { return w.tab === node; });
|
|
25
|
+
};
|
|
26
|
+
FloatingSet.prototype.add = function (r, parentId, tabIndex, node) {
|
|
27
|
+
this._floatingWindows.push(new Floating_1.Floating(r, parentId, tabIndex, node));
|
|
28
|
+
};
|
|
29
|
+
/** @internal */
|
|
30
|
+
FloatingSet.prototype._forEachNode = function (fn) {
|
|
31
|
+
this._floatingWindows.forEach(function (window) {
|
|
32
|
+
fn(window.tab, 0);
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
/** @internal */
|
|
36
|
+
FloatingSet.prototype._toJson = function () {
|
|
37
|
+
// update window location/size
|
|
38
|
+
this._floatingWindows.forEach(function (floatingWindow) {
|
|
39
|
+
var window = floatingWindow.tab.getWindow();
|
|
40
|
+
if (window) {
|
|
41
|
+
floatingWindow.rect.y = window.screenTop;
|
|
42
|
+
floatingWindow.rect.x = window.screenLeft;
|
|
43
|
+
floatingWindow.rect.width = window.innerWidth;
|
|
44
|
+
floatingWindow.rect.height = window.innerHeight;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
return this._floatingWindows.map(function (window) { return window.toJson(); });
|
|
48
|
+
};
|
|
49
|
+
/** @internal */
|
|
50
|
+
FloatingSet._fromJson = function (json, model) {
|
|
51
|
+
var floatingSet = new FloatingSet(model);
|
|
52
|
+
json.forEach(function (json) { return floatingSet._floatingWindows.push(Floating_1.Floating._fromJson(json, model)); });
|
|
53
|
+
return floatingSet;
|
|
54
|
+
};
|
|
55
|
+
return FloatingSet;
|
|
56
|
+
}());
|
|
57
|
+
exports.FloatingSet = FloatingSet;
|
|
58
|
+
//# sourceMappingURL=FloatingSet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingSet.js","sourceRoot":"","sources":["../../src/model/FloatingSet.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAKtC;IAKI,gBAAgB;IAChB,qBAAY,KAAY;QACpB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAED,sBAAW,wCAAe;aAA1B;YACI,OAAO,IAAI,CAAC,gBAAgB,CAAC;QACjC,CAAC;;;OAAA;IAED,4BAAM,GAAN,UAAO,IAAa;QAChB,IAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,KAAK,IAAI,EAAd,CAAc,CAAC,CAAC;QACnE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YACd,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC1C;IACL,CAAC;IAED,0BAAI,GAAJ,UAAK,IAAa;QACd,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,KAAK,IAAI,EAAd,CAAc,CAAC,CAAC;IAC3D,CAAC;IAED,yBAAG,GAAH,UAAI,CAAO,EAAE,QAAgB,EAAE,QAAgB,EAAE,IAAa;QAC1D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,mBAAQ,CACnC,CAAC,EACD,QAAQ,EACR,QAAQ,EACR,IAAI,CACP,CAAC,CAAC;IACP,CAAC;IACD,gBAAgB;IAChB,kCAAY,GAAZ,UAAa,EAAuC;QAChD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAC,MAAM;YACjC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,gBAAgB;IAChB,6BAAO,GAAP;QACI,8BAA8B;QAC9B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAA,cAAc;YACxC,IAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,EAAG,CAAC;YAC/C,IAAI,MAAM,EAAE;gBACR,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC;gBACzC,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC1C,cAAc,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC9C,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;aACnD;QACL,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,MAAM,EAAE,EAAf,CAAe,CAAC,CAAC;IAClE,CAAC;IAED,gBAAgB;IACT,qBAAS,GAAhB,UAAiB,IAAS,EAAE,KAAY;QACpC,IAAM,WAAW,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,UAAC,IAAS,IAAK,OAAA,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,mBAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAlE,CAAkE,CAAC,CAAC;QAChG,OAAO,WAAW,CAAC;IACvB,CAAC;IACL,kBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,kCAAW"}
|
package/lib/view/BorderTabSet.js
CHANGED
|
@@ -58,7 +58,9 @@ var BorderTabSet = function (props) {
|
|
|
58
58
|
var isSelected = border.getSelected() === i;
|
|
59
59
|
var child = border.getChildren()[i];
|
|
60
60
|
tabs.push(React.createElement(BorderButton_1.BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: path + "/tb" + i, key: child.getId(), selected: isSelected, iconFactory: iconFactory, titleFactory: titleFactory, icons: icons }));
|
|
61
|
-
|
|
61
|
+
if (i < border.getChildren().length - 1) {
|
|
62
|
+
tabs.push(React.createElement("div", { key: "divider" + i, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }));
|
|
63
|
+
}
|
|
62
64
|
};
|
|
63
65
|
for (var i = 0; i < border.getChildren().length; i++) {
|
|
64
66
|
layoutTab(i);
|
|
@@ -69,7 +71,7 @@ var BorderTabSet = function (props) {
|
|
|
69
71
|
}
|
|
70
72
|
// allow customization of tabset right/bottom buttons
|
|
71
73
|
var buttons = [];
|
|
72
|
-
var renderState = { headerContent:
|
|
74
|
+
var renderState = { headerContent: undefined, buttons: buttons, stickyButtons: [], headerButtons: [] };
|
|
73
75
|
layout.customizeTabSet(border, renderState);
|
|
74
76
|
buttons = renderState.buttons;
|
|
75
77
|
var toolbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/view/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,kCAAmC;
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/view/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,kCAAmC;AAYnC,gBAAgB;AAChB;IAAmC,iCAAyD;IACxF,uBAAY,KAA0B;QAAtC,YACI,kBAAM,KAAK,CAAC,SAEf;QADG,KAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;;IACrC,CAAC;IAEM,sCAAwB,GAA/B,UAAgC,KAAY;QACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,yCAAiB,GAAjB,UAAkB,KAAY,EAAE,SAAoB;QAChD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC;IAED,8BAAM,GAAN;QACI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACrB,OAAO,CACH,6BAAK,SAAS,EAAE,eAAO,CAAC,oCAAoC;gBACxD,6BAAK,SAAS,EAAE,eAAO,CAAC,kCAAkC,IAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CACpF,CACT,CAAC;SACL;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;IACL,oBAAC;AAAD,CAAC,AA1BD,CAAmC,KAAK,CAAC,SAAS,GA0BjD;AA1BY,sCAAa"}
|
package/lib/view/Icons.js
CHANGED
|
@@ -6,31 +6,36 @@ var style = { width: "1em", height: "1em", display: "flex", alignItems: "center"
|
|
|
6
6
|
var CloseIcon = function () {
|
|
7
7
|
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24" },
|
|
8
8
|
React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
9
|
-
React.createElement("path", { stroke: "
|
|
9
|
+
React.createElement("path", { stroke: "var(--color-icon)", fill: "var(--color-icon)", d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })));
|
|
10
10
|
};
|
|
11
11
|
exports.CloseIcon = CloseIcon;
|
|
12
12
|
var MaximizeIcon = function () {
|
|
13
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "
|
|
13
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
14
14
|
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
15
|
-
React.createElement("path", { stroke: "
|
|
15
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })));
|
|
16
16
|
};
|
|
17
17
|
exports.MaximizeIcon = MaximizeIcon;
|
|
18
18
|
var OverflowIcon = function () {
|
|
19
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "
|
|
19
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
20
20
|
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
21
|
-
React.createElement("path", { stroke: "
|
|
21
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })));
|
|
22
22
|
};
|
|
23
23
|
exports.OverflowIcon = OverflowIcon;
|
|
24
24
|
var PopoutIcon = function () {
|
|
25
|
-
return (
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
return (
|
|
26
|
+
// <svg xmlns="http://www.w3.org/2000/svg" style={style} viewBox="0 0 24 24" fill="var(--color-icon)"><path d="M0 0h24v24H0z" fill="none"/><path stroke="var(--color-icon)" d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z"/></svg>
|
|
27
|
+
// <svg xmlns="http://www.w3.org/2000/svg" style={style} fill="none" viewBox="0 0 24 24" stroke="var(--color-icon)" stroke-width="2">
|
|
28
|
+
// <path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
|
|
29
|
+
// </svg>
|
|
30
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)" },
|
|
31
|
+
React.createElement("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }),
|
|
32
|
+
React.createElement("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })));
|
|
28
33
|
};
|
|
29
34
|
exports.PopoutIcon = PopoutIcon;
|
|
30
35
|
var RestoreIcon = function () {
|
|
31
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "
|
|
36
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
32
37
|
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
33
|
-
React.createElement("path", { stroke: "
|
|
38
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })));
|
|
34
39
|
};
|
|
35
40
|
exports.RestoreIcon = RestoreIcon;
|
|
36
41
|
//# sourceMappingURL=Icons.js.map
|
package/lib/view/Icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAE/B,IAAM,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAE/B,IAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAE9E,IAAM,SAAS,GAAG;IACrB,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW;QACrE,8BAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG;QACtC,8BAAM,MAAM,EAAC,mBAAmB,EAAC,IAAI,EAAC,mBAAmB,EAAC,CAAC,EAAC,uGAAuG,GAAG,CACpK,CACT,CAAC;AACN,CAAC,CAAA;AAPY,QAAA,SAAS,aAOrB;AAEM,IAAM,YAAY,GAAG;IACxB,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,gFAAgF,GAAG,CAAM,CACxQ,CAAC;AACN,CAAC,CAAA;AAJY,QAAA,YAAY,gBAIxB;AAEM,IAAM,YAAY,GAAG;IACxB,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,gBAAgB,GAAG,CAAM,CACxM,CAAC;AACN,CAAC,CAAA;AAJY,QAAA,YAAY,gBAIxB;AAEM,IAAM,UAAU,GAAG;IACtB,OAAO;IACH,qOAAqO;IAErO,qIAAqI;IACrI,+IAA+I;IAC/I,SAAS;IAET,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAC9F,8BAAM,CAAC,EAAC,oGAAoG,GAAG;QAC/G,8BAAM,CAAC,EAAC,sFAAsF,GAAG,CAC/F,CAET,CAAC;AACN,CAAC,CAAA;AAdY,QAAA,UAAU,cActB;AAEM,IAAM,WAAW,GAAG;IACvB,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,+EAA+E,GAAG,CAAM,CACvQ,CAAC;AACN,CAAC,CAAA;AAJY,QAAA,WAAW,eAIvB"}
|
package/lib/view/Layout.js
CHANGED
|
@@ -37,7 +37,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
38
|
exports.Layout = void 0;
|
|
39
39
|
var React = require("react");
|
|
40
|
-
var
|
|
40
|
+
var react_dom_1 = require("react-dom");
|
|
41
41
|
var DockLocation_1 = require("../DockLocation");
|
|
42
42
|
var DragDrop_1 = require("../DragDrop");
|
|
43
43
|
var Actions_1 = require("../model/Actions");
|
|
@@ -93,8 +93,6 @@ var Layout = /** @class */ (function (_super) {
|
|
|
93
93
|
/** @internal */
|
|
94
94
|
_this.edgeRectWidth = 10;
|
|
95
95
|
/** @internal */
|
|
96
|
-
_this.edgesShown = false;
|
|
97
|
-
/** @internal */
|
|
98
96
|
_this.onModelChange = function () {
|
|
99
97
|
_this.forceUpdate();
|
|
100
98
|
if (_this.props.onModelChange) {
|
|
@@ -189,7 +187,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
189
187
|
catch (e) { }
|
|
190
188
|
_this.dragDiv = undefined;
|
|
191
189
|
_this.hidePortal();
|
|
192
|
-
_this.
|
|
190
|
+
_this.setState({ showEdges: false });
|
|
193
191
|
if (_this.fnNewNodeDropped != null) {
|
|
194
192
|
_this.fnNewNodeDropped();
|
|
195
193
|
_this.fnNewNodeDropped = undefined;
|
|
@@ -253,7 +251,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
253
251
|
};
|
|
254
252
|
/** @internal */
|
|
255
253
|
_this.showPortal = function (control, element) {
|
|
256
|
-
var portal =
|
|
254
|
+
var portal = (0, react_dom_1.createPortal)(control, element);
|
|
257
255
|
_this.setState({ portal: portal });
|
|
258
256
|
};
|
|
259
257
|
/** @internal */
|
|
@@ -278,7 +276,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
278
276
|
}
|
|
279
277
|
// add edge indicators
|
|
280
278
|
if (_this.props.model.getMaximizedTabset() === undefined) {
|
|
281
|
-
_this.showEdges
|
|
279
|
+
_this.setState({ showEdges: true });
|
|
282
280
|
}
|
|
283
281
|
if (_this.dragNode !== undefined && _this.dragNode instanceof TabNode_1.TabNode && _this.dragNode.getTabRect() !== undefined) {
|
|
284
282
|
_this.dragNode.getTabRect().positionElement(_this.outlineDiv);
|
|
@@ -332,7 +330,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
332
330
|
rootdiv.removeChild(_this.dragDiv);
|
|
333
331
|
_this.dragDiv = undefined;
|
|
334
332
|
_this.hidePortal();
|
|
335
|
-
_this.
|
|
333
|
+
_this.setState({ showEdges: false });
|
|
336
334
|
DragDrop_1.DragDrop.instance.hideGlass();
|
|
337
335
|
if (_this.dropInfo) {
|
|
338
336
|
if (_this.customDrop) {
|
|
@@ -380,6 +378,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
380
378
|
calculatedBorderBarSize: 30,
|
|
381
379
|
editingTab: undefined,
|
|
382
380
|
showHiddenBorder: DockLocation_1.DockLocation.CENTER,
|
|
381
|
+
showEdges: false,
|
|
383
382
|
};
|
|
384
383
|
_this.onDragEnter = _this.onDragEnter.bind(_this);
|
|
385
384
|
return _this;
|
|
@@ -512,9 +511,6 @@ var Layout = /** @class */ (function (_super) {
|
|
|
512
511
|
this.centerRect = this.props.model._layout(this.state.rect, metrics);
|
|
513
512
|
this.renderBorder(this.props.model.getBorderSet(), borderComponents, tabComponents, floatingWindows, splitterComponents);
|
|
514
513
|
this.renderChildren("", this.props.model.getRoot(), tabSetComponents, tabComponents, floatingWindows, splitterComponents);
|
|
515
|
-
if (this.edgesShown) {
|
|
516
|
-
this.repositionEdges(this.state.rect);
|
|
517
|
-
}
|
|
518
514
|
var nextTopIds = [];
|
|
519
515
|
var nextTopIdsMap = {};
|
|
520
516
|
// Keep any previous tabs in the same DOM order as before, removing any that have been deleted
|
|
@@ -533,6 +529,19 @@ var Layout = /** @class */ (function (_super) {
|
|
|
533
529
|
this.tabIds.push(t);
|
|
534
530
|
}
|
|
535
531
|
}
|
|
532
|
+
var edges = [];
|
|
533
|
+
if (this.state.showEdges) {
|
|
534
|
+
var r = this.centerRect;
|
|
535
|
+
var length_1 = this.edgeRectLength;
|
|
536
|
+
var width = this.edgeRectWidth;
|
|
537
|
+
var offset = this.edgeRectLength / 2;
|
|
538
|
+
var className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__EDGE_RECT);
|
|
539
|
+
var radius = 50;
|
|
540
|
+
edges.push(React.createElement("div", { key: "North", style: { top: r.y, left: r.x + r.width / 2 - offset, width: length_1, height: width, borderBottomLeftRadius: radius, borderBottomRightRadius: radius }, className: className }));
|
|
541
|
+
edges.push(React.createElement("div", { key: "West", style: { top: r.y + r.height / 2 - offset, left: r.x, width: width, height: length_1, borderTopRightRadius: radius, borderBottomRightRadius: radius }, className: className }));
|
|
542
|
+
edges.push(React.createElement("div", { key: "South", style: { top: r.y + r.height - width, left: r.x + r.width / 2 - offset, width: length_1, height: width, borderTopLeftRadius: radius, borderTopRightRadius: radius }, className: className }));
|
|
543
|
+
edges.push(React.createElement("div", { key: "East", style: { top: r.y + r.height / 2 - offset, right: r.x, width: width, height: length_1, borderTopLeftRadius: radius, borderBottomLeftRadius: radius }, className: className }));
|
|
544
|
+
}
|
|
536
545
|
// this.layoutTime = (Date.now() - this.start);
|
|
537
546
|
return (React.createElement("div", { ref: this.selfRef, className: this.getClassName(Types_1.CLASSES.FLEXLAYOUT__LAYOUT), onDragEnter: this.props.onExternalDrag ? this.onDragEnter : undefined },
|
|
538
547
|
tabSetComponents,
|
|
@@ -541,6 +550,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
541
550
|
}),
|
|
542
551
|
borderComponents,
|
|
543
552
|
splitterComponents,
|
|
553
|
+
edges,
|
|
544
554
|
floatingWindows,
|
|
545
555
|
this.metricsElements(),
|
|
546
556
|
this.state.portal));
|
|
@@ -670,6 +680,14 @@ var Layout = /** @class */ (function (_super) {
|
|
|
670
680
|
this.newTabJson = json;
|
|
671
681
|
this.dragStart(undefined, dragText, TabNode_1.TabNode._fromJson(json, this.props.model, false), true, undefined, undefined);
|
|
672
682
|
};
|
|
683
|
+
/**
|
|
684
|
+
* Move a tab/tabset using drag and drop
|
|
685
|
+
* @param node the tab or tabset to drag
|
|
686
|
+
* @param dragText the text to show on the drag panel
|
|
687
|
+
*/
|
|
688
|
+
Layout.prototype.moveTabWithDragAndDrop = function (node, dragText) {
|
|
689
|
+
this.dragStart(undefined, dragText, node, true, undefined, undefined);
|
|
690
|
+
};
|
|
673
691
|
/**
|
|
674
692
|
* Adds a new tab by dragging a labeled panel to the drop location, dragging starts when you
|
|
675
693
|
* mouse down on the panel
|
|
@@ -687,7 +705,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
687
705
|
this.dragDiv = this.currentDocument.createElement("div");
|
|
688
706
|
this.dragDiv.className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__DRAG_RECT);
|
|
689
707
|
this.dragDiv.addEventListener("mousedown", this.onDragDivMouseDown);
|
|
690
|
-
this.dragDiv.addEventListener("touchstart", this.onDragDivMouseDown);
|
|
708
|
+
this.dragDiv.addEventListener("touchstart", this.onDragDivMouseDown, { passive: false });
|
|
691
709
|
this.dragRectRender(this.dragDivText, undefined, this.newTabJson, function () {
|
|
692
710
|
if (_this.dragDiv) {
|
|
693
711
|
// now it's been rendered into the dom it can be centered
|
|
@@ -805,71 +823,6 @@ var Layout = /** @class */ (function (_super) {
|
|
|
805
823
|
}
|
|
806
824
|
};
|
|
807
825
|
/** @internal */
|
|
808
|
-
Layout.prototype.showEdges = function (rootdiv) {
|
|
809
|
-
if (this.props.model.isEnableEdgeDock()) {
|
|
810
|
-
var length_1 = this.edgeRectLength + "px";
|
|
811
|
-
var radius = "50px";
|
|
812
|
-
var width = this.edgeRectWidth + "px";
|
|
813
|
-
this.edgeTopDiv = this.currentDocument.createElement("div");
|
|
814
|
-
this.edgeTopDiv.className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__EDGE_RECT);
|
|
815
|
-
this.edgeTopDiv.style.width = length_1;
|
|
816
|
-
this.edgeTopDiv.style.height = width;
|
|
817
|
-
this.edgeTopDiv.style.borderBottomLeftRadius = radius;
|
|
818
|
-
this.edgeTopDiv.style.borderBottomRightRadius = radius;
|
|
819
|
-
this.edgeLeftDiv = this.currentDocument.createElement("div");
|
|
820
|
-
this.edgeLeftDiv.className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__EDGE_RECT);
|
|
821
|
-
this.edgeLeftDiv.style.width = width;
|
|
822
|
-
this.edgeLeftDiv.style.height = length_1;
|
|
823
|
-
this.edgeLeftDiv.style.borderTopRightRadius = radius;
|
|
824
|
-
this.edgeLeftDiv.style.borderBottomRightRadius = radius;
|
|
825
|
-
this.edgeBottomDiv = this.currentDocument.createElement("div");
|
|
826
|
-
this.edgeBottomDiv.className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__EDGE_RECT);
|
|
827
|
-
this.edgeBottomDiv.style.width = length_1;
|
|
828
|
-
this.edgeBottomDiv.style.height = width;
|
|
829
|
-
this.edgeBottomDiv.style.borderTopLeftRadius = radius;
|
|
830
|
-
this.edgeBottomDiv.style.borderTopRightRadius = radius;
|
|
831
|
-
this.edgeRightDiv = this.currentDocument.createElement("div");
|
|
832
|
-
this.edgeRightDiv.className = this.getClassName(Types_1.CLASSES.FLEXLAYOUT__EDGE_RECT);
|
|
833
|
-
this.edgeRightDiv.style.width = width;
|
|
834
|
-
this.edgeRightDiv.style.height = length_1;
|
|
835
|
-
this.edgeRightDiv.style.borderTopLeftRadius = radius;
|
|
836
|
-
this.edgeRightDiv.style.borderBottomLeftRadius = radius;
|
|
837
|
-
this.repositionEdges(this.state.rect);
|
|
838
|
-
rootdiv.appendChild(this.edgeTopDiv);
|
|
839
|
-
rootdiv.appendChild(this.edgeLeftDiv);
|
|
840
|
-
rootdiv.appendChild(this.edgeBottomDiv);
|
|
841
|
-
rootdiv.appendChild(this.edgeRightDiv);
|
|
842
|
-
this.edgesShown = true;
|
|
843
|
-
}
|
|
844
|
-
};
|
|
845
|
-
/** @internal */
|
|
846
|
-
Layout.prototype.repositionEdges = function (domRect) {
|
|
847
|
-
if (this.props.model.isEnableEdgeDock()) {
|
|
848
|
-
var r = this.centerRect;
|
|
849
|
-
this.edgeTopDiv.style.top = r.y + "px";
|
|
850
|
-
this.edgeTopDiv.style.left = r.x + (r.width - this.edgeRectLength) / 2 + "px";
|
|
851
|
-
this.edgeLeftDiv.style.top = r.y + (r.height - this.edgeRectLength) / 2 + "px";
|
|
852
|
-
this.edgeLeftDiv.style.left = r.x + "px";
|
|
853
|
-
this.edgeBottomDiv.style.bottom = domRect.height - r.getBottom() + "px";
|
|
854
|
-
this.edgeBottomDiv.style.left = r.x + (r.width - this.edgeRectLength) / 2 + "px";
|
|
855
|
-
this.edgeRightDiv.style.top = r.y + (r.height - this.edgeRectLength) / 2 + "px";
|
|
856
|
-
this.edgeRightDiv.style.right = domRect.width - r.getRight() + "px";
|
|
857
|
-
}
|
|
858
|
-
};
|
|
859
|
-
/** @internal */
|
|
860
|
-
Layout.prototype.hideEdges = function (rootdiv) {
|
|
861
|
-
if (this.props.model.isEnableEdgeDock()) {
|
|
862
|
-
try {
|
|
863
|
-
rootdiv.removeChild(this.edgeTopDiv);
|
|
864
|
-
rootdiv.removeChild(this.edgeLeftDiv);
|
|
865
|
-
rootdiv.removeChild(this.edgeBottomDiv);
|
|
866
|
-
rootdiv.removeChild(this.edgeRightDiv);
|
|
867
|
-
}
|
|
868
|
-
catch (e) { }
|
|
869
|
-
}
|
|
870
|
-
this.edgesShown = false;
|
|
871
|
-
};
|
|
872
|
-
/** @internal */
|
|
873
826
|
Layout.prototype.maximize = function (tabsetNode) {
|
|
874
827
|
this.doAction(Actions_1.Actions.maximizeToggle(tabsetNode.getId()));
|
|
875
828
|
};
|