flexlayout-react 0.5.19 → 0.6.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/ChangeLog.txt +22 -0
- package/README.md +61 -56
- package/declarations/Types.d.ts +1 -0
- package/declarations/model/IJsonModel.d.ts +3 -0
- package/declarations/model/Model.d.ts +2 -0
- package/declarations/view/Icons.d.ts +6 -0
- package/declarations/view/Layout.d.ts +6 -4
- package/declarations/view/MenuTabButton.d.ts +1 -0
- package/declarations/view/TabButtonStamp.d.ts +1 -0
- package/declarations/view/Utils.d.ts +1 -0
- package/dist/flexlayout.js +50 -14
- package/dist/flexlayout_min.js +1 -1
- package/lib/PopupMenu.js +11 -7
- package/lib/PopupMenu.js.map +1 -1
- package/lib/Types.js +1 -0
- package/lib/Types.js.map +1 -1
- package/lib/model/Model.js +8 -0
- package/lib/model/Model.js.map +1 -1
- package/lib/model/TabNode.js +6 -1
- package/lib/model/TabNode.js.map +1 -1
- package/lib/view/BorderButton.js +11 -41
- package/lib/view/BorderButton.js.map +1 -1
- package/lib/view/BorderTabSet.js +7 -7
- package/lib/view/BorderTabSet.js.map +1 -1
- package/lib/view/FloatingWindow.js +13 -5
- package/lib/view/FloatingWindow.js.map +1 -1
- package/lib/view/Icons.js +36 -0
- package/lib/view/Icons.js.map +1 -0
- package/lib/view/Layout.js +80 -25
- package/lib/view/Layout.js.map +1 -1
- package/lib/view/MenuTabButton.js +22 -0
- package/lib/view/MenuTabButton.js.map +1 -0
- package/lib/view/Splitter.js +3 -3
- package/lib/view/Splitter.js.map +1 -1
- package/lib/view/Tab.js +9 -6
- package/lib/view/Tab.js.map +1 -1
- package/lib/view/TabButton.js +13 -46
- package/lib/view/TabButton.js.map +1 -1
- package/lib/view/TabButtonStamp.js +22 -0
- package/lib/view/TabButtonStamp.js.map +1 -0
- package/lib/view/TabFloating.js +7 -5
- package/lib/view/TabFloating.js.map +1 -1
- package/lib/view/TabOverflowHook.js +1 -1
- package/lib/view/TabSet.js +15 -25
- package/lib/view/TabSet.js.map +1 -1
- package/lib/view/Utils.js +61 -0
- package/lib/view/Utils.js.map +1 -0
- package/package.json +11 -6
- package/src/I18nLabel.ts +1 -1
- package/src/PopupMenu.tsx +30 -10
- package/src/Types.ts +1 -0
- package/src/model/IJsonModel.ts +3 -0
- package/src/model/Model.ts +12 -0
- package/src/model/TabNode.ts +6 -1
- package/src/view/BorderButton.tsx +19 -43
- package/src/view/BorderTabSet.tsx +14 -4
- package/src/view/FloatingWindow.tsx +14 -6
- package/src/view/Icons.tsx +36 -0
- package/src/view/Layout.tsx +108 -41
- package/src/view/Splitter.tsx +4 -1
- package/src/view/Tab.tsx +17 -6
- package/src/view/TabButton.tsx +27 -55
- package/src/view/TabButtonStamp.tsx +47 -0
- package/src/view/TabFloating.tsx +12 -5
- package/src/view/TabOverflowHook.tsx +1 -1
- package/src/view/TabSet.tsx +27 -17
- package/src/view/Utils.tsx +71 -0
- package/style/_base.scss +82 -52
- package/style/dark.css +82 -76
- package/style/dark.css.map +1 -1
- package/style/dark.scss +15 -5
- package/style/gray.css +79 -73
- package/style/gray.css.map +1 -1
- package/style/gray.scss +10 -3
- package/style/light.css +83 -77
- package/style/light.css.map +1 -1
- package/style/light.scss +16 -6
- package/images/close.png +0 -0
- package/images/maximize.png +0 -0
- package/images/more.png +0 -0
- package/images/more2.png +0 -0
- package/images/popout.png +0 -0
- package/images/restore.png +0 -0
package/lib/view/TabButton.js
CHANGED
|
@@ -7,21 +7,20 @@ var Actions_1 = require("../model/Actions");
|
|
|
7
7
|
var Rect_1 = require("../Rect");
|
|
8
8
|
var ICloseType_1 = require("../model/ICloseType");
|
|
9
9
|
var Types_1 = require("../Types");
|
|
10
|
-
var
|
|
10
|
+
var Utils_1 = require("./Utils");
|
|
11
11
|
/** @hidden @internal */
|
|
12
12
|
var TabButton = function (props) {
|
|
13
|
-
var layout = props.layout, node = props.node,
|
|
13
|
+
var layout = props.layout, node = props.node, selected = props.selected, iconFactory = props.iconFactory, titleFactory = props.titleFactory, icons = props.icons, path = props.path;
|
|
14
14
|
var selfRef = React.useRef(null);
|
|
15
15
|
var contentRef = React.useRef(null);
|
|
16
16
|
var contentWidth = React.useRef(0);
|
|
17
17
|
var onMouseDown = function (event) {
|
|
18
|
-
if (!
|
|
19
|
-
|
|
20
|
-
layout.dragStart(event, message, node, node.isEnableDrag(), onClick, onDoubleClick);
|
|
18
|
+
if (!Utils_1.isAuxMouseEvent(event) && !layout.getEditingTab()) {
|
|
19
|
+
layout.dragStart(event, undefined, node, node.isEnableDrag(), onClick, onDoubleClick);
|
|
21
20
|
}
|
|
22
21
|
};
|
|
23
22
|
var onAuxMouseClick = function (event) {
|
|
24
|
-
if (
|
|
23
|
+
if (Utils_1.isAuxMouseEvent(event)) {
|
|
25
24
|
layout.auxMouseClick(node, event);
|
|
26
25
|
}
|
|
27
26
|
};
|
|
@@ -86,7 +85,7 @@ var TabButton = function (props) {
|
|
|
86
85
|
var layoutRect = layout.getDomRect();
|
|
87
86
|
var r = selfRef.current.getBoundingClientRect();
|
|
88
87
|
node._setTabRect(new Rect_1.default(r.left - layoutRect.left, r.top - layoutRect.top, r.width, r.height));
|
|
89
|
-
contentWidth.current =
|
|
88
|
+
contentWidth.current = selfRef.current.getBoundingClientRect().width;
|
|
90
89
|
};
|
|
91
90
|
var onTextBoxMouseDown = function (event) {
|
|
92
91
|
// console.log("onTextBoxMouseDown");
|
|
@@ -118,52 +117,20 @@ var TabButton = function (props) {
|
|
|
118
117
|
if (node.getClassName() !== undefined) {
|
|
119
118
|
classNames += " " + node.getClassName();
|
|
120
119
|
}
|
|
121
|
-
var
|
|
122
|
-
var
|
|
123
|
-
var
|
|
124
|
-
function isTitleObject(obj) {
|
|
125
|
-
return obj.titleContent !== undefined;
|
|
126
|
-
}
|
|
127
|
-
if (titleFactory !== undefined) {
|
|
128
|
-
var titleObj = titleFactory(node);
|
|
129
|
-
if (titleObj !== undefined) {
|
|
130
|
-
if (typeof titleObj === "string") {
|
|
131
|
-
titleContent = titleObj;
|
|
132
|
-
name = titleObj;
|
|
133
|
-
}
|
|
134
|
-
else if (isTitleObject(titleObj)) {
|
|
135
|
-
titleContent = titleObj.titleContent;
|
|
136
|
-
name = titleObj.name;
|
|
137
|
-
}
|
|
138
|
-
else {
|
|
139
|
-
titleContent = titleObj;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
if (typeof leadingContent === undefined && typeof node.getIcon() !== undefined) {
|
|
144
|
-
leadingContent = React.createElement("img", { src: node.getIcon(), alt: "leadingContent" });
|
|
145
|
-
}
|
|
146
|
-
var buttons = [];
|
|
147
|
-
// allow customization of leading contents (icon) and contents
|
|
148
|
-
var renderState = { leading: leadingContent, content: titleContent, name: name, buttons: buttons };
|
|
149
|
-
layout.customizeTab(node, renderState);
|
|
150
|
-
node._setRenderedName(renderState.name);
|
|
151
|
-
var content = (React.createElement("div", { ref: contentRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_CONTENT) }, renderState.content));
|
|
152
|
-
var leading = React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_LEADING) }, renderState.leading);
|
|
120
|
+
var renderState = Utils_1.getRenderStateEx(layout, node, iconFactory, titleFactory);
|
|
121
|
+
var content = renderState.content ? (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_CONTENT) }, renderState.content)) : null;
|
|
122
|
+
var leading = renderState.leading ? (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_LEADING) }, renderState.leading)) : null;
|
|
153
123
|
if (layout.getEditingTab() === node) {
|
|
154
|
-
|
|
155
|
-
content = (React.createElement("input", { style: contentStyle, ref: contentRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onMouseDown: onTextBoxMouseDown, onTouchStart: onTextBoxMouseDown }));
|
|
124
|
+
content = (React.createElement("input", { ref: contentRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), "data-layout-path": path + "/textbox", type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onMouseDown: onTextBoxMouseDown, onTouchStart: onTextBoxMouseDown }));
|
|
156
125
|
}
|
|
157
126
|
if (node.isEnableClose()) {
|
|
158
127
|
var closeTitle = layout.i18nName(I18nLabel_1.I18nLabel.Close_Tab);
|
|
159
|
-
buttons.push(React.createElement("div", { key: "close", title: closeTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_TRAILING), onMouseDown: onCloseMouseDown, onClick: onClose, onTouchStart: onCloseMouseDown }, icons === null || icons === void 0 ? void 0 : icons.close));
|
|
128
|
+
renderState.buttons.push(React.createElement("div", { key: "close", "data-layout-path": path + "/button/close", title: closeTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_TRAILING), onMouseDown: onCloseMouseDown, onClick: onClose, onTouchStart: onCloseMouseDown }, icons === null || icons === void 0 ? void 0 : icons.close));
|
|
160
129
|
}
|
|
161
|
-
return (React.createElement("div", { ref: selfRef,
|
|
162
|
-
visibility: show ? "visible" : "hidden",
|
|
163
|
-
}, className: classNames, onMouseDown: onMouseDown, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onTouchStart: onMouseDown, title: node.getHelpText() },
|
|
130
|
+
return (React.createElement("div", { ref: selfRef, "data-layout-path": path, className: classNames, onMouseDown: onMouseDown, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onTouchStart: onMouseDown, title: node.getHelpText() },
|
|
164
131
|
leading,
|
|
165
132
|
content,
|
|
166
|
-
buttons));
|
|
133
|
+
renderState.buttons));
|
|
167
134
|
};
|
|
168
135
|
exports.TabButton = TabButton;
|
|
169
136
|
//# sourceMappingURL=TabButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../src/view/TabButton.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,0CAAyC;AACzC,4CAAuC;AAGvC,gCAA2B;AAE3B,kDAAiD;AACjD,kCAAmC;AACnC,
|
|
1
|
+
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../src/view/TabButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TabButtonStamp = void 0;
|
|
4
|
+
var React = require("react");
|
|
5
|
+
var Types_1 = require("../Types");
|
|
6
|
+
var Utils_1 = require("./Utils");
|
|
7
|
+
/** @hidden @internal */
|
|
8
|
+
var TabButtonStamp = function (props) {
|
|
9
|
+
var layout = props.layout, node = props.node, iconFactory = props.iconFactory, titleFactory = props.titleFactory;
|
|
10
|
+
var selfRef = React.useRef(null);
|
|
11
|
+
var cm = layout.getClassName;
|
|
12
|
+
var classNames = cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_STAMP);
|
|
13
|
+
var renderState = Utils_1.getRenderStateEx(layout, node, iconFactory, titleFactory);
|
|
14
|
+
var content = renderState.content ? (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_CONTENT) }, renderState.content))
|
|
15
|
+
: node._getNameForOverflowMenu();
|
|
16
|
+
var leading = renderState.leading ? (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_LEADING) }, renderState.leading)) : null;
|
|
17
|
+
return (React.createElement("div", { ref: selfRef, className: classNames, title: node.getHelpText() },
|
|
18
|
+
leading,
|
|
19
|
+
content));
|
|
20
|
+
};
|
|
21
|
+
exports.TabButtonStamp = TabButtonStamp;
|
|
22
|
+
//# sourceMappingURL=TabButtonStamp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabButtonStamp.js","sourceRoot":"","sources":["../../src/view/TabButtonStamp.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAG/B,kCAAmC;AACnC,iCAA2C;AAU3C,wBAAwB;AACjB,IAAM,cAAc,GAAG,UAAC,KAA2B;IAC9C,IAAA,MAAM,GAAsC,KAAK,OAA3C,EAAE,IAAI,GAAgC,KAAK,KAArC,EAAE,WAAW,GAAmB,KAAK,YAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAC1D,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,IAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAE/B,IAAI,UAAU,GAAG,EAAE,CAAC,eAAO,CAAC,4BAA4B,CAAC,CAAC;IAE1D,IAAM,WAAW,GAAG,wBAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;IAE9E,IAAI,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAO,CAAC,8BAA8B,CAAC,IACrD,WAAW,CAAC,OAAO,CAClB,CAAC;QACP,CAAC,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAErC,IAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAClC,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAO,CAAC,8BAA8B,CAAC,IACrD,WAAW,CAAC,OAAO,CAClB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnB,OAAO,CACH,6BACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE;QAExB,OAAO;QACP,OAAO,CACN,CACT,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,cAAc,kBA+BzB"}
|
package/lib/view/TabFloating.js
CHANGED
|
@@ -6,9 +6,10 @@ var Actions_1 = require("../model/Actions");
|
|
|
6
6
|
var TabSetNode_1 = require("../model/TabSetNode");
|
|
7
7
|
var Types_1 = require("../Types");
|
|
8
8
|
var I18nLabel_1 = require("../I18nLabel");
|
|
9
|
+
var Utils_1 = require("./Utils");
|
|
9
10
|
/** @hidden @internal */
|
|
10
11
|
var TabFloating = function (props) {
|
|
11
|
-
var layout = props.layout, selected = props.selected, node = props.node;
|
|
12
|
+
var layout = props.layout, selected = props.selected, node = props.node, path = props.path;
|
|
12
13
|
var showPopout = function () {
|
|
13
14
|
if (node.getWindow()) {
|
|
14
15
|
node.getWindow().focus();
|
|
@@ -34,9 +35,10 @@ var TabFloating = function (props) {
|
|
|
34
35
|
dockPopout();
|
|
35
36
|
};
|
|
36
37
|
var cm = layout.getClassName;
|
|
37
|
-
var style = node._styleWithPosition(
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
var style = node._styleWithPosition();
|
|
39
|
+
if (!selected) {
|
|
40
|
+
Utils_1.hideElement(style, node.getModel().isUseVisibility());
|
|
41
|
+
}
|
|
40
42
|
var message = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Message);
|
|
41
43
|
var showMessage = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Show_Window);
|
|
42
44
|
var dockMessage = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Dock_Window);
|
|
@@ -45,7 +47,7 @@ var TabFloating = function (props) {
|
|
|
45
47
|
return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING), onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style }, customRenderCallback(dockPopout, showPopout)));
|
|
46
48
|
}
|
|
47
49
|
else {
|
|
48
|
-
return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING), onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style },
|
|
50
|
+
return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING), "data-layout-path": path, onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style },
|
|
49
51
|
React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING_INNER) },
|
|
50
52
|
React.createElement("div", null, message),
|
|
51
53
|
React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabFloating.js","sourceRoot":"","sources":["../../src/view/TabFloating.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,4CAAuC;AAEvC,kDAA6C;AAC7C,kCAAmC;AAEnC,0CAAyC;
|
|
1
|
+
{"version":3,"file":"TabFloating.js","sourceRoot":"","sources":["../../src/view/TabFloating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -77,7 +77,7 @@ var useTabOverflow = function (node, orientation, toolbarRef, stickyButtonsRef)
|
|
|
77
77
|
if (hiddenTabs.length === 0 && position === 0 && getFar(lastChild.getTabRect()) + tabMargin < endPos) {
|
|
78
78
|
return; // nothing to do all tabs are shown in available space
|
|
79
79
|
}
|
|
80
|
-
endPos -= hiddenTabs.length > 0 ? (orientation === Orientation_1.default.HORZ ?
|
|
80
|
+
endPos -= hiddenTabs.length > 0 ? (orientation === Orientation_1.default.HORZ ? 16 : 0) : 45; // will need hidden tabs
|
|
81
81
|
var shiftPos = 0;
|
|
82
82
|
var selectedTab = node.getSelectedNode();
|
|
83
83
|
if (selectedTab && !userControlledLeft.current) {
|
package/lib/view/TabSet.js
CHANGED
|
@@ -5,7 +5,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
|
5
5
|
return to;
|
|
6
6
|
};
|
|
7
7
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
exports.
|
|
8
|
+
exports.TabSet = void 0;
|
|
9
9
|
var React = require("react");
|
|
10
10
|
var I18nLabel_1 = require("../I18nLabel");
|
|
11
11
|
var Actions_1 = require("../model/Actions");
|
|
@@ -14,9 +14,10 @@ var TabButton_1 = require("./TabButton");
|
|
|
14
14
|
var TabOverflowHook_1 = require("./TabOverflowHook");
|
|
15
15
|
var Orientation_1 = require("../Orientation");
|
|
16
16
|
var Types_1 = require("../Types");
|
|
17
|
+
var Utils_1 = require("./Utils");
|
|
17
18
|
/** @hidden @internal */
|
|
18
19
|
var TabSet = function (props) {
|
|
19
|
-
var node = props.node, layout = props.layout, iconFactory = props.iconFactory, titleFactory = props.titleFactory, icons = props.icons;
|
|
20
|
+
var node = props.node, layout = props.layout, iconFactory = props.iconFactory, titleFactory = props.titleFactory, icons = props.icons, path = props.path;
|
|
20
21
|
var toolbarRef = React.useRef(null);
|
|
21
22
|
var overflowbuttonRef = React.useRef(null);
|
|
22
23
|
var tabbarInnerRef = React.useRef(null);
|
|
@@ -24,7 +25,7 @@ var TabSet = function (props) {
|
|
|
24
25
|
var _a = TabOverflowHook_1.useTabOverflow(node, Orientation_1.default.HORZ, toolbarRef, stickyButtonsRef), selfRef = _a.selfRef, position = _a.position, userControlledLeft = _a.userControlledLeft, hiddenTabs = _a.hiddenTabs, onMouseWheel = _a.onMouseWheel, tabsTruncated = _a.tabsTruncated;
|
|
25
26
|
var onOverflowClick = function (event) {
|
|
26
27
|
var element = overflowbuttonRef.current;
|
|
27
|
-
PopupMenu_1.showPopup(
|
|
28
|
+
PopupMenu_1.showPopup(element, hiddenTabs, onOverflowItemSelect, layout, iconFactory, titleFactory);
|
|
28
29
|
event.stopPropagation();
|
|
29
30
|
};
|
|
30
31
|
var onOverflowItemSelect = function (item) {
|
|
@@ -32,7 +33,7 @@ var TabSet = function (props) {
|
|
|
32
33
|
userControlledLeft.current = false;
|
|
33
34
|
};
|
|
34
35
|
var onMouseDown = function (event) {
|
|
35
|
-
if (!isAuxMouseEvent(event)) {
|
|
36
|
+
if (!Utils_1.isAuxMouseEvent(event)) {
|
|
36
37
|
var name_1 = node.getName();
|
|
37
38
|
if (name_1 === undefined) {
|
|
38
39
|
name_1 = "";
|
|
@@ -48,7 +49,7 @@ var TabSet = function (props) {
|
|
|
48
49
|
}
|
|
49
50
|
};
|
|
50
51
|
var onAuxMouseClick = function (event) {
|
|
51
|
-
if (isAuxMouseEvent(event)) {
|
|
52
|
+
if (Utils_1.isAuxMouseEvent(event)) {
|
|
52
53
|
layout.auxMouseClick(node, event);
|
|
53
54
|
}
|
|
54
55
|
};
|
|
@@ -88,14 +89,14 @@ var TabSet = function (props) {
|
|
|
88
89
|
var selectedTabNode = node.getSelectedNode();
|
|
89
90
|
var style = node._styleWithPosition();
|
|
90
91
|
if (node.getModel().getMaximizedTabset() !== undefined && !node.isMaximized()) {
|
|
91
|
-
style.
|
|
92
|
+
Utils_1.hideElement(style, node.getModel().isUseVisibility());
|
|
92
93
|
}
|
|
93
94
|
var tabs = [];
|
|
94
95
|
if (node.isEnableTabStrip()) {
|
|
95
96
|
for (var i = 0; i < node.getChildren().length; i++) {
|
|
96
97
|
var child = node.getChildren()[i];
|
|
97
98
|
var isSelected = node.getSelected() === i;
|
|
98
|
-
tabs.push(React.createElement(TabButton_1.TabButton, { layout: layout, node: child, key: child.getId(), selected: isSelected,
|
|
99
|
+
tabs.push(React.createElement(TabButton_1.TabButton, { layout: layout, node: child, path: path + "/tb" + i, key: child.getId(), selected: isSelected, height: node.getTabStripHeight(), iconFactory: iconFactory, titleFactory: titleFactory, icons: icons }));
|
|
99
100
|
}
|
|
100
101
|
}
|
|
101
102
|
var showHeader = node.getName() !== undefined;
|
|
@@ -120,24 +121,24 @@ var TabSet = function (props) {
|
|
|
120
121
|
var toolbar;
|
|
121
122
|
if (hiddenTabs.length > 0) {
|
|
122
123
|
var overflowTitle = layout.i18nName(I18nLabel_1.I18nLabel.Overflow_Menu_Tooltip);
|
|
123
|
-
buttons.push(React.createElement("button", { key: "overflowbutton", ref: overflowbuttonRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW), title: overflowTitle, onClick: onOverflowClick, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 :
|
|
124
|
+
buttons.push(React.createElement("button", { key: "overflowbutton", "data-layout-path": path + "/button/overflow", ref: overflowbuttonRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW), title: overflowTitle, onClick: onOverflowClick, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 :
|
|
124
125
|
icons.more,
|
|
125
126
|
hiddenTabs.length));
|
|
126
127
|
}
|
|
127
128
|
if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnableFloat() && !selectedTabNode.isFloating()) {
|
|
128
129
|
var floatTitle = layout.i18nName(I18nLabel_1.I18nLabel.Float_Tab);
|
|
129
|
-
buttons.push(React.createElement("button", { key: "float", title: floatTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_FLOAT), onClick: onFloatTab, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 : icons.popout));
|
|
130
|
+
buttons.push(React.createElement("button", { key: "float", "data-layout-path": path + "/button/float", title: floatTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_FLOAT), onClick: onFloatTab, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 : icons.popout));
|
|
130
131
|
}
|
|
131
132
|
if (node.canMaximize()) {
|
|
132
133
|
var minTitle = layout.i18nName(I18nLabel_1.I18nLabel.Restore);
|
|
133
134
|
var maxTitle = layout.i18nName(I18nLabel_1.I18nLabel.Maximize);
|
|
134
135
|
var btns = showHeader ? headerButtons : buttons;
|
|
135
|
-
btns.push(React.createElement("button", { key: "max", title: node.isMaximized() ? minTitle : maxTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_ + (node.isMaximized() ? "max" : "min")), onClick: onMaximizeToggle, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, node.isMaximized() ? icons === null || icons === void 0 ? void 0 : icons.restore : icons === null || icons === void 0 ? void 0 : icons.maximize));
|
|
136
|
+
btns.push(React.createElement("button", { key: "max", "data-layout-path": path + "/button/max", title: node.isMaximized() ? minTitle : maxTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_ + (node.isMaximized() ? "max" : "min")), onClick: onMaximizeToggle, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, node.isMaximized() ? icons === null || icons === void 0 ? void 0 : icons.restore : icons === null || icons === void 0 ? void 0 : icons.maximize));
|
|
136
137
|
}
|
|
137
138
|
if (!node.isMaximized() && node.isEnableClose()) {
|
|
138
139
|
var title = layout.i18nName(I18nLabel_1.I18nLabel.Close_Tabset);
|
|
139
140
|
var btns = showHeader ? headerButtons : buttons;
|
|
140
|
-
btns.push(React.createElement("button", { key: "close", title: title, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE), onClick: onClose, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 : icons.closeTabset));
|
|
141
|
+
btns.push(React.createElement("button", { key: "close", "data-layout-path": path + "/button/close", title: title, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE), onClick: onClose, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, icons === null || icons === void 0 ? void 0 : icons.closeTabset));
|
|
141
142
|
}
|
|
142
143
|
toolbar = (React.createElement("div", { key: "toolbar", ref: toolbarRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR), onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown, onDragStart: function (e) { e.preventDefault(); } }, buttons));
|
|
143
144
|
var header;
|
|
@@ -165,7 +166,7 @@ var TabSet = function (props) {
|
|
|
165
166
|
if (node.getClassNameHeader() !== undefined) {
|
|
166
167
|
tabHeaderClasses += " " + node.getClassNameHeader();
|
|
167
168
|
}
|
|
168
|
-
header = (React.createElement("div", { className: tabHeaderClasses, style: { height: node.getHeaderHeight() + "px" }, onMouseDown: onMouseDown, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onTouchStart: onMouseDown },
|
|
169
|
+
header = (React.createElement("div", { className: tabHeaderClasses, style: { height: node.getHeaderHeight() + "px" }, "data-layout-path": path + "/header", onMouseDown: onMouseDown, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onTouchStart: onMouseDown },
|
|
169
170
|
React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TABSET_HEADER_CONTENT) }, headerContent),
|
|
170
171
|
headerToolbar));
|
|
171
172
|
}
|
|
@@ -177,25 +178,14 @@ var TabSet = function (props) {
|
|
|
177
178
|
else {
|
|
178
179
|
tabStripStyle["bottom"] = "0px";
|
|
179
180
|
}
|
|
180
|
-
tabStrip = (React.createElement("div", { className: tabStripClasses, style: tabStripStyle, onMouseDown: onMouseDown, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onTouchStart: onMouseDown },
|
|
181
|
+
tabStrip = (React.createElement("div", { className: tabStripClasses, style: tabStripStyle, "data-layout-path": path + "/tabstrip", onMouseDown: onMouseDown, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onTouchStart: onMouseDown },
|
|
181
182
|
React.createElement("div", { ref: tabbarInnerRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_ + node.getTabLocation()) },
|
|
182
183
|
React.createElement("div", { style: { left: position }, className: cm(Types_1.CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER_ + node.getTabLocation()) }, tabs)),
|
|
183
184
|
toolbar));
|
|
184
185
|
style = layout.styleFont(style);
|
|
185
|
-
return (React.createElement("div", { ref: selfRef, dir: "ltr", style: style, className: cm(Types_1.CLASSES.FLEXLAYOUT__TABSET), onWheel: onMouseWheel },
|
|
186
|
+
return (React.createElement("div", { ref: selfRef, dir: "ltr", "data-layout-path": path, style: style, className: cm(Types_1.CLASSES.FLEXLAYOUT__TABSET), onWheel: onMouseWheel },
|
|
186
187
|
header,
|
|
187
188
|
tabStrip));
|
|
188
189
|
};
|
|
189
190
|
exports.TabSet = TabSet;
|
|
190
|
-
/** @hidden @internal */
|
|
191
|
-
function isAuxMouseEvent(event) {
|
|
192
|
-
var auxEvent = false;
|
|
193
|
-
if (event.nativeEvent instanceof MouseEvent) {
|
|
194
|
-
if (event.nativeEvent.button !== 0 || event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {
|
|
195
|
-
auxEvent = true;
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
return auxEvent;
|
|
199
|
-
}
|
|
200
|
-
exports.isAuxMouseEvent = isAuxMouseEvent;
|
|
201
191
|
//# sourceMappingURL=TabSet.js.map
|
package/lib/view/TabSet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabSet.js","sourceRoot":"","sources":["../../src/view/TabSet.tsx"],"names":[],"mappings":";;;;;;;;AAAA,6BAA+B;AAC/B,0CAAyC;AACzC,4CAAuC;AAGvC,0CAAyC;AAEzC,yCAAwC;AACxC,qDAAmD;AACnD,8CAAyC;AACzC,kCAAmC;
|
|
1
|
+
{"version":3,"file":"TabSet.js","sourceRoot":"","sources":["../../src/view/TabSet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isAuxMouseEvent = exports.hideElement = exports.getRenderStateEx = void 0;
|
|
4
|
+
var React = require("react");
|
|
5
|
+
/** @hidden @internal */
|
|
6
|
+
function getRenderStateEx(layout, node, iconFactory, titleFactory) {
|
|
7
|
+
var leadingContent = iconFactory ? iconFactory(node) : undefined;
|
|
8
|
+
var titleContent = node.getName();
|
|
9
|
+
var name = node.getName();
|
|
10
|
+
function isTitleObject(obj) {
|
|
11
|
+
return obj.titleContent !== undefined;
|
|
12
|
+
}
|
|
13
|
+
if (titleFactory !== undefined) {
|
|
14
|
+
var titleObj = titleFactory(node);
|
|
15
|
+
if (titleObj !== undefined) {
|
|
16
|
+
if (typeof titleObj === "string") {
|
|
17
|
+
titleContent = titleObj;
|
|
18
|
+
name = titleObj;
|
|
19
|
+
}
|
|
20
|
+
else if (isTitleObject(titleObj)) {
|
|
21
|
+
titleContent = titleObj.titleContent;
|
|
22
|
+
name = titleObj.name;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
titleContent = titleObj;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
if (leadingContent === undefined && node.getIcon() !== undefined) {
|
|
30
|
+
leadingContent = React.createElement("img", { style: { width: "1em", height: "1em" }, src: node.getIcon(), alt: "leadingContent" });
|
|
31
|
+
}
|
|
32
|
+
var buttons = [];
|
|
33
|
+
// allow customization of leading contents (icon) and contents
|
|
34
|
+
var renderState = { leading: leadingContent, content: titleContent, name: name, buttons: buttons };
|
|
35
|
+
layout.customizeTab(node, renderState);
|
|
36
|
+
node._setRenderedName(renderState.name);
|
|
37
|
+
return renderState;
|
|
38
|
+
}
|
|
39
|
+
exports.getRenderStateEx = getRenderStateEx;
|
|
40
|
+
/** @hidden @internal */
|
|
41
|
+
function hideElement(style, useVisibility) {
|
|
42
|
+
if (useVisibility) {
|
|
43
|
+
style.visibility = "hidden";
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
style.display = "none";
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
exports.hideElement = hideElement;
|
|
50
|
+
/** @hidden @internal */
|
|
51
|
+
function isAuxMouseEvent(event) {
|
|
52
|
+
var auxEvent = false;
|
|
53
|
+
if (event.nativeEvent instanceof MouseEvent) {
|
|
54
|
+
if (event.nativeEvent.button !== 0 || event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {
|
|
55
|
+
auxEvent = true;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return auxEvent;
|
|
59
|
+
}
|
|
60
|
+
exports.isAuxMouseEvent = isAuxMouseEvent;
|
|
61
|
+
//# sourceMappingURL=Utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../src/view/Utils.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAI/B,wBAAwB;AACxB,SAAgB,gBAAgB,CAC5B,MAAwB,EACxB,IAAa,EACb,WAA4D,EAC5D,YAA6D;IAE7D,IAAI,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,IAAI,YAAY,GAAoB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnD,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAE1B,SAAS,aAAa,CAAC,GAAQ;QAC3B,OAAO,GAAG,CAAC,YAAY,KAAK,SAAS,CAAA;IACzC,CAAC;IAED,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,IAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,QAAQ,KAAK,SAAS,EAAE;YACxB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;gBAC9B,YAAY,GAAG,QAAkB,CAAC;gBAClC,IAAI,GAAG,QAAkB,CAAC;aAC7B;iBAAM,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE;gBAChC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACrC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;aACxB;iBAAM;gBACH,YAAY,GAAG,QAAQ,CAAC;aAC3B;SACJ;KACJ;IAED,IAAI,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,SAAS,EAAE;QAC9D,cAAc,GAAG,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,EAAC,KAAK,EAAC,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,EAAC,gBAAgB,GAAG,CAAC;KAC1G;IAED,IAAI,OAAO,GAAU,EAAE,CAAC;IAExB,8DAA8D;IAC9D,IAAM,WAAW,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC;IACtF,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAEvC,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,WAAW,CAAC;AAEvB,CAAC;AA3CD,4CA2CC;AAED,wBAAwB;AACxB,SAAgB,WAAW,CAAC,KAA0B,EAAE,aAA+B;IACnF,IAAI,aAAa,EAAE;QACf,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;KAC/B;SAAM;QACH,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;KAC1B;AACL,CAAC;AAND,kCAMC;AAGD,wBAAwB;AACxB,SAAgB,eAAe,CAAC,KAAsF;IAClH,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,KAAK,CAAC,WAAW,YAAY,UAAU,EAAE;QACzC,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE;YACpG,QAAQ,GAAG,IAAI,CAAC;SACnB;KACJ;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC;AARD,0CAQC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flexlayout-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "A multi-tab docking layout manager",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "./declarations/index.d.ts",
|
|
@@ -20,14 +20,16 @@
|
|
|
20
20
|
],
|
|
21
21
|
"scripts": {
|
|
22
22
|
"start": "webpack serve",
|
|
23
|
-
"build": "npm run
|
|
23
|
+
"build": " npm run css && npm run test && npm run build:commonjs && npm run build:umd && npm run build:umd:min",
|
|
24
24
|
"build:commonjs": "tsc -p tsconfig2.json",
|
|
25
25
|
"build:umd": "webpack --mode=development --config webpack_build.config.js",
|
|
26
26
|
"build:umd:min": "webpack --mode=production --config webpack_build_min.config.js",
|
|
27
|
-
"test": "jasmine",
|
|
28
27
|
"lint:eslint": "eslint src/*",
|
|
29
28
|
"doc": "typedoc --out typedoc --exclude \"**/examples/**/*.tsx\" --excludeInternal --disableSources --excludePrivate --excludeProtected --readme none ./src",
|
|
30
|
-
"css": "sass style/gray.scss style/gray.css && sass style/light.scss style/light.css && sass style/dark.scss style/dark.css"
|
|
29
|
+
"css": "sass style/gray.scss style/gray.css && sass style/light.scss style/light.css && sass style/light.scss test/style/light.css && sass style/dark.scss style/dark.css",
|
|
30
|
+
"cypress": "cypress open-ct",
|
|
31
|
+
"cypress-firefox": "cypress open-ct --browser firefox",
|
|
32
|
+
"test": "cypress run-ct"
|
|
31
33
|
},
|
|
32
34
|
"author": "Caplin Systems Ltd",
|
|
33
35
|
"repository": "https://github.com/caplin/FlexLayout",
|
|
@@ -40,14 +42,17 @@
|
|
|
40
42
|
"extends": "react-app"
|
|
41
43
|
},
|
|
42
44
|
"devDependencies": {
|
|
43
|
-
"@
|
|
45
|
+
"@cypress/react": "^5.10.2",
|
|
46
|
+
"@cypress/webpack-dev-server": "^1.7.0",
|
|
44
47
|
"@types/node": "^15.0.2",
|
|
45
48
|
"@types/react": "^17.0.5",
|
|
46
49
|
"@types/react-dom": "^17.0.4",
|
|
47
50
|
"@types/uuid": "^8.3.1",
|
|
48
51
|
"awesome-typescript-loader": "^5.2.0",
|
|
49
|
-
"
|
|
52
|
+
"cypress": "^8.7.0",
|
|
50
53
|
"prettier": "^2.3.0",
|
|
54
|
+
"react": "^17.0.2",
|
|
55
|
+
"react-dom": "^17.0.2",
|
|
51
56
|
"react-scripts": "4.0.3",
|
|
52
57
|
"sass": "^1.32.12",
|
|
53
58
|
"source-map-loader": "^1.1.2",
|
package/src/I18nLabel.ts
CHANGED