flexlayout-react 0.7.15 → 0.8.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 +28 -0
- package/README.md +157 -330
- package/Screenshot_light.png +0 -0
- package/Screenshot_rounded.png +0 -0
- package/declarations/Attribute.d.ts +1 -1
- package/declarations/AttributeDefinitions.d.ts +1 -1
- package/declarations/DockLocation.d.ts +12 -12
- package/declarations/DropInfo.d.ts +12 -12
- package/declarations/I18nLabel.d.ts +12 -14
- package/declarations/Orientation.d.ts +7 -7
- package/declarations/PopupMenu.d.ts +1 -1
- package/declarations/Rect.d.ts +41 -28
- package/declarations/Types.d.ts +95 -79
- package/declarations/examples/demo/Utils.d.ts +4 -0
- package/declarations/index.d.ts +21 -22
- package/declarations/model/Action.d.ts +5 -5
- package/declarations/model/Actions.d.ts +127 -110
- package/declarations/model/BorderNode.d.ts +30 -34
- package/declarations/model/BorderSet.d.ts +3 -4
- package/declarations/model/ICloseType.d.ts +5 -5
- package/declarations/model/IDraggable.d.ts +2 -2
- package/declarations/model/IDropTarget.d.ts +2 -2
- package/declarations/model/IJsonModel.d.ts +811 -149
- package/declarations/model/LayoutWindow.d.ts +28 -0
- package/declarations/model/Model.d.ts +91 -86
- package/declarations/model/Node.d.ts +17 -17
- package/declarations/model/RowNode.d.ts +10 -11
- package/declarations/model/TabNode.d.ts +44 -37
- package/declarations/model/TabSetNode.d.ts +44 -41
- package/declarations/model/Utils.d.ts +1 -1
- package/declarations/model/WindowLayout.d.ts +24 -0
- package/declarations/src/Attribute.d.ts +1 -0
- package/declarations/src/AttributeDefinitions.d.ts +1 -0
- package/declarations/src/DockLocation.d.ts +12 -0
- package/declarations/src/DropInfo.d.ts +12 -0
- package/declarations/src/I18nLabel.d.ts +10 -0
- package/declarations/src/Orientation.d.ts +7 -0
- package/declarations/src/PopupMenu.d.ts +1 -0
- package/declarations/src/Rect.d.ts +31 -0
- package/declarations/src/Types.d.ts +92 -0
- package/declarations/src/index.d.ts +20 -0
- package/declarations/src/model/Action.d.ts +5 -0
- package/declarations/src/model/Actions.d.ts +110 -0
- package/declarations/src/model/BorderNode.d.ts +28 -0
- package/declarations/src/model/BorderSet.d.ts +3 -0
- package/declarations/src/model/ICloseType.d.ts +5 -0
- package/declarations/src/model/IDraggable.d.ts +2 -0
- package/declarations/src/model/IDropTarget.d.ts +2 -0
- package/declarations/src/model/IJsonModel.d.ts +153 -0
- package/declarations/src/model/Model.d.ts +98 -0
- package/declarations/src/model/Node.d.ts +16 -0
- package/declarations/src/model/RowNode.d.ts +11 -0
- package/declarations/src/model/TabNode.d.ts +36 -0
- package/declarations/src/model/TabSetNode.d.ts +37 -0
- package/declarations/src/model/Utils.d.ts +1 -0
- package/declarations/src/view/BorderButton.d.ts +1 -0
- package/declarations/src/view/BorderTab.d.ts +2 -0
- package/declarations/src/view/BorderTabSet.d.ts +1 -0
- package/declarations/src/view/DragContainer.d.ts +1 -0
- package/declarations/src/view/ErrorBoundary.d.ts +1 -0
- package/declarations/src/view/FloatingWindow.d.ts +1 -0
- package/declarations/src/view/Icons.d.ts +7 -0
- package/declarations/src/view/Layout.d.ts +113 -0
- package/declarations/src/view/Overlay.d.ts +1 -0
- package/declarations/src/view/PopupMenu.d.ts +1 -0
- package/declarations/src/view/Row.d.ts +1 -0
- package/declarations/src/view/Splitter.d.ts +1 -0
- package/declarations/src/view/Tab.d.ts +1 -0
- package/declarations/src/view/TabButton.d.ts +1 -0
- package/declarations/src/view/TabButtonStamp.d.ts +1 -0
- package/declarations/src/view/TabOverflowHook.d.ts +1 -0
- package/declarations/src/view/TabSet.d.ts +1 -0
- package/declarations/src/view/Utils.d.ts +4 -0
- package/declarations/view/BorderButton.d.ts +1 -1
- package/declarations/view/BorderTab.d.ts +2 -0
- package/declarations/view/BorderTabSet.d.ts +1 -1
- package/declarations/view/DragContainer.d.ts +1 -0
- package/declarations/view/ErrorBoundary.d.ts +1 -1
- package/declarations/view/ExtendedResizeObserver.d.ts +23 -0
- package/declarations/view/FloatingWindow.d.ts +1 -1
- package/declarations/view/Icons.d.ts +8 -7
- package/declarations/view/Layout.d.ts +140 -161
- package/declarations/view/Overlay.d.ts +1 -0
- package/declarations/view/PopoutWindow.d.ts +1 -0
- package/declarations/view/PopupMenu.d.ts +1 -0
- package/declarations/view/Row.d.ts +1 -0
- package/declarations/view/SizeTracker.d.ts +10 -0
- package/declarations/view/Splitter.d.ts +1 -1
- package/declarations/view/Tab.d.ts +1 -1
- package/declarations/view/TabButton.d.ts +1 -1
- package/declarations/view/TabButtonStamp.d.ts +1 -1
- package/declarations/view/TabOverflowHook.d.ts +1 -1
- package/declarations/view/TabSet.d.ts +1 -1
- package/declarations/view/Utils.d.ts +11 -1
- package/dist/bundles/demo.js +232052 -0
- package/dist/bundles/demo.js.map +1 -0
- package/dist/flexlayout.js +122 -92
- package/dist/flexlayout_min.js +1 -1
- package/lib/Attribute.js +42 -31
- package/lib/Attribute.js.map +1 -1
- package/lib/AttributeDefinitions.js +131 -108
- package/lib/AttributeDefinitions.js.map +1 -1
- package/lib/DockLocation.js +120 -124
- package/lib/DockLocation.js.map +1 -1
- package/lib/DropInfo.js +9 -13
- package/lib/DropInfo.js.map +1 -1
- package/lib/I18nLabel.js +13 -18
- package/lib/I18nLabel.js.map +1 -1
- package/lib/Orientation.js +22 -26
- package/lib/Orientation.js.map +1 -1
- package/lib/Rect.js +104 -72
- package/lib/Rect.js.map +1 -1
- package/lib/Types.js +96 -83
- package/lib/Types.js.map +1 -1
- package/lib/index.js +21 -38
- package/lib/index.js.map +1 -1
- package/lib/model/Action.js +6 -10
- package/lib/model/Action.js.map +1 -1
- package/lib/model/Actions.js +169 -155
- package/lib/model/Actions.js.map +1 -1
- package/lib/model/BorderNode.js +385 -406
- package/lib/model/BorderNode.js.map +1 -1
- package/lib/model/BorderSet.js +66 -121
- package/lib/model/BorderSet.js.map +1 -1
- package/lib/model/ICloseType.js +6 -9
- package/lib/model/ICloseType.js.map +1 -1
- package/lib/model/IDraggable.js +1 -2
- package/lib/model/IDropTarget.js +1 -2
- package/lib/model/IJsonModel.js +1 -2
- package/lib/model/LayoutWindow.js +83 -0
- package/lib/model/LayoutWindow.js.map +1 -0
- package/lib/model/Model.js +614 -496
- package/lib/model/Model.js.map +1 -1
- package/lib/model/Node.js +217 -228
- package/lib/model/Node.js.map +1 -1
- package/lib/model/RowNode.js +491 -504
- package/lib/model/RowNode.js.map +1 -1
- package/lib/model/TabNode.js +289 -184
- package/lib/model/TabNode.js.map +1 -1
- package/lib/model/TabSetNode.js +459 -446
- package/lib/model/TabSetNode.js.map +1 -1
- package/lib/model/Utils.js +47 -82
- package/lib/model/Utils.js.map +1 -1
- package/lib/view/BorderButton.js +129 -138
- package/lib/view/BorderButton.js.map +1 -1
- package/lib/view/BorderTab.js +47 -0
- package/lib/view/BorderTab.js.map +1 -0
- package/lib/view/BorderTabSet.js +134 -128
- package/lib/view/BorderTabSet.js.map +1 -1
- package/lib/view/DragContainer.js +16 -0
- package/lib/view/DragContainer.js.map +1 -0
- package/lib/view/ErrorBoundary.js +23 -27
- package/lib/view/ErrorBoundary.js.map +1 -1
- package/lib/view/Icons.js +40 -45
- package/lib/view/Icons.js.map +1 -1
- package/lib/view/Layout.js +919 -907
- package/lib/view/Layout.js.map +1 -1
- package/lib/view/Overlay.js +9 -0
- package/lib/view/Overlay.js.map +1 -0
- package/lib/view/PopoutWindow.js +129 -0
- package/lib/view/PopoutWindow.js.map +1 -0
- package/lib/view/PopupMenu.js +71 -0
- package/lib/view/PopupMenu.js.map +1 -0
- package/lib/view/Row.js +45 -0
- package/lib/view/Row.js.map +1 -0
- package/lib/view/SizeTracker.js +11 -0
- package/lib/view/SizeTracker.js.map +1 -0
- package/lib/view/Splitter.js +191 -147
- package/lib/view/Splitter.js.map +1 -1
- package/lib/view/Tab.js +86 -60
- package/lib/view/Tab.js.map +1 -1
- package/lib/view/TabButton.js +127 -135
- package/lib/view/TabButton.js.map +1 -1
- package/lib/view/TabButtonStamp.js +16 -21
- package/lib/view/TabButtonStamp.js.map +1 -1
- package/lib/view/TabOverflowHook.js +150 -149
- package/lib/view/TabOverflowHook.js.map +1 -1
- package/lib/view/TabSet.js +272 -234
- package/lib/view/TabSet.js.map +1 -1
- package/lib/view/Utils.js +126 -68
- package/lib/view/Utils.js.map +1 -1
- package/package.json +36 -30
- package/src/Attribute.ts +23 -0
- package/src/AttributeDefinitions.ts +38 -15
- package/src/DockLocation.ts +13 -13
- package/src/I18nLabel.ts +7 -9
- package/src/Rect.ts +53 -1
- package/src/Types.ts +16 -0
- package/src/index.ts +1 -2
- package/src/model/Actions.ts +49 -29
- package/src/model/BorderNode.ts +208 -214
- package/src/model/BorderSet.ts +42 -91
- package/src/model/IJsonModel.ts +883 -103
- package/src/model/LayoutWindow.ts +121 -0
- package/src/model/Model.ts +488 -366
- package/src/model/Node.ts +98 -111
- package/src/model/RowNode.ts +323 -319
- package/src/model/TabNode.ts +294 -110
- package/src/model/TabSetNode.ts +303 -242
- package/src/model/Utils.ts +6 -32
- package/src/view/BorderButton.tsx +36 -52
- package/src/view/BorderTab.tsx +70 -0
- package/src/view/BorderTabSet.tsx +64 -52
- package/src/view/DragContainer.tsx +32 -0
- package/src/view/Icons.tsx +6 -0
- package/src/view/Layout.tsx +1053 -1046
- package/src/view/Overlay.tsx +22 -0
- package/src/view/PopoutWindow.tsx +152 -0
- package/src/{PopupMenu.tsx → view/PopupMenu.tsx} +36 -31
- package/src/view/Row.tsx +68 -0
- package/src/view/SizeTracker.tsx +20 -0
- package/src/view/Splitter.tsx +167 -112
- package/src/view/Tab.tsx +76 -42
- package/src/view/TabButton.tsx +39 -54
- package/src/view/TabButtonStamp.tsx +5 -9
- package/src/view/TabOverflowHook.tsx +14 -9
- package/src/view/TabSet.tsx +221 -176
- package/src/view/Utils.tsx +119 -39
- package/style/_base.scss +140 -34
- package/style/dark.css +140 -35
- package/style/dark.css.map +1 -1
- package/style/dark.scss +3 -1
- package/style/gray.css +139 -34
- package/style/gray.css.map +1 -1
- package/style/gray.scss +2 -0
- package/style/light.css +141 -36
- package/style/light.css.map +1 -1
- package/style/light.scss +4 -2
- package/style/rounded.css +697 -0
- package/style/rounded.css.map +1 -0
- package/style/rounded.scss +194 -0
- package/style/underline.css +139 -34
- package/style/underline.css.map +1 -1
- package/style/underline.scss +2 -0
- package/cypress.config.ts +0 -16
- package/lib/DragDrop.js +0 -316
- package/lib/DragDrop.js.map +0 -1
- package/lib/PopupMenu.js +0 -68
- package/lib/PopupMenu.js.map +0 -1
- package/lib/model/SplitterNode.js +0 -72
- package/lib/model/SplitterNode.js.map +0 -1
- package/lib/view/FloatingWindow.js +0 -123
- package/lib/view/FloatingWindow.js.map +0 -1
- package/lib/view/FloatingWindowTab.js +0 -19
- package/lib/view/FloatingWindowTab.js.map +0 -1
- package/lib/view/TabFloating.js +0 -66
- package/lib/view/TabFloating.js.map +0 -1
- package/src/DragDrop.ts +0 -392
- package/src/model/SplitterNode.ts +0 -78
- package/src/view/FloatingWindow.tsx +0 -140
- package/src/view/FloatingWindowTab.tsx +0 -29
- package/src/view/TabFloating.tsx +0 -101
package/lib/view/TabButton.js
CHANGED
|
@@ -1,136 +1,128 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
layout.
|
|
41
|
-
};
|
|
42
|
-
const
|
|
43
|
-
if (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
if (
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
event.
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
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 }, (typeof icons.close === "function") ? icons.close(node) : icons.close));
|
|
129
|
-
}
|
|
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() },
|
|
131
|
-
leading,
|
|
132
|
-
content,
|
|
133
|
-
renderState.buttons));
|
|
134
|
-
};
|
|
135
|
-
exports.TabButton = TabButton;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { I18nLabel } from "../I18nLabel";
|
|
3
|
+
import { Actions } from "../model/Actions";
|
|
4
|
+
import { ICloseType } from "../model/ICloseType";
|
|
5
|
+
import { CLASSES } from "../Types";
|
|
6
|
+
import { getRenderStateEx, isAuxMouseEvent } from "./Utils";
|
|
7
|
+
/** @internal */
|
|
8
|
+
export const TabButton = (props) => {
|
|
9
|
+
const { layout, node, selected, path } = props;
|
|
10
|
+
const selfRef = React.useRef(null);
|
|
11
|
+
const contentRef = React.useRef(null);
|
|
12
|
+
const icons = layout.getIcons();
|
|
13
|
+
React.useLayoutEffect(() => {
|
|
14
|
+
node.setTabRect(layout.getBoundingClientRect(selfRef.current));
|
|
15
|
+
if (layout.getEditingTab() === node) {
|
|
16
|
+
contentRef.current.select();
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const onDragStart = (event) => {
|
|
20
|
+
if (node.isEnableDrag()) {
|
|
21
|
+
event.stopPropagation(); // prevent starting a tabset drag as well
|
|
22
|
+
layout.setDragNode(event.nativeEvent, node);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const onDragEnd = (event) => {
|
|
29
|
+
layout.clearDragMain();
|
|
30
|
+
};
|
|
31
|
+
const onAuxMouseClick = (event) => {
|
|
32
|
+
if (isAuxMouseEvent(event)) {
|
|
33
|
+
layout.auxMouseClick(node, event);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const onContextMenu = (event) => {
|
|
37
|
+
layout.showContextMenu(node, event);
|
|
38
|
+
};
|
|
39
|
+
const onClick = () => {
|
|
40
|
+
layout.doAction(Actions.selectTab(node.getId()));
|
|
41
|
+
};
|
|
42
|
+
const onDoubleClick = (event) => {
|
|
43
|
+
if (node.isEnableRename()) {
|
|
44
|
+
onRename();
|
|
45
|
+
event.stopPropagation();
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const onRename = () => {
|
|
49
|
+
layout.setEditingTab(node);
|
|
50
|
+
layout.getCurrentDocument().body.addEventListener("pointerdown", onEndEdit);
|
|
51
|
+
};
|
|
52
|
+
const onEndEdit = (event) => {
|
|
53
|
+
if (event.target !== contentRef.current) {
|
|
54
|
+
layout.getCurrentDocument().body.removeEventListener("pointerdown", onEndEdit);
|
|
55
|
+
layout.setEditingTab(undefined);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
const isClosable = () => {
|
|
59
|
+
const closeType = node.getCloseType();
|
|
60
|
+
if (selected || closeType === ICloseType.Always) {
|
|
61
|
+
return true;
|
|
62
|
+
}
|
|
63
|
+
if (closeType === ICloseType.Visible) {
|
|
64
|
+
// not selected but x should be visible due to hover
|
|
65
|
+
if (window.matchMedia && window.matchMedia("(hover: hover) and (pointer: fine)").matches) {
|
|
66
|
+
return true;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return false;
|
|
70
|
+
};
|
|
71
|
+
const onClose = (event) => {
|
|
72
|
+
if (isClosable()) {
|
|
73
|
+
layout.doAction(Actions.deleteTab(node.getId()));
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
onClick();
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
const onClosePointerDown = (event) => {
|
|
80
|
+
event.stopPropagation();
|
|
81
|
+
};
|
|
82
|
+
const onTextBoxPointerDown = (event) => {
|
|
83
|
+
event.stopPropagation();
|
|
84
|
+
};
|
|
85
|
+
const onTextBoxKeyPress = (event) => {
|
|
86
|
+
if (event.code === 'Escape') {
|
|
87
|
+
// esc
|
|
88
|
+
layout.setEditingTab(undefined);
|
|
89
|
+
}
|
|
90
|
+
else if (event.code === 'Enter') {
|
|
91
|
+
// enter
|
|
92
|
+
layout.setEditingTab(undefined);
|
|
93
|
+
layout.doAction(Actions.renameTab(node.getId(), event.target.value));
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
const cm = layout.getClassName;
|
|
97
|
+
const parentNode = node.getParent();
|
|
98
|
+
const isStretch = parentNode.isEnableSingleTabStretch() && parentNode.getChildren().length === 1;
|
|
99
|
+
let baseClassName = isStretch ? CLASSES.FLEXLAYOUT__TAB_BUTTON_STRETCH : CLASSES.FLEXLAYOUT__TAB_BUTTON;
|
|
100
|
+
let classNames = cm(baseClassName);
|
|
101
|
+
classNames += " " + cm(baseClassName + "_" + parentNode.getTabLocation());
|
|
102
|
+
if (!isStretch) {
|
|
103
|
+
if (selected) {
|
|
104
|
+
classNames += " " + cm(baseClassName + "--selected");
|
|
105
|
+
}
|
|
106
|
+
else {
|
|
107
|
+
classNames += " " + cm(baseClassName + "--unselected");
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
if (node.getClassName() !== undefined) {
|
|
111
|
+
classNames += " " + node.getClassName();
|
|
112
|
+
}
|
|
113
|
+
const renderState = getRenderStateEx(layout, node);
|
|
114
|
+
let content = renderState.content ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_CONTENT) }, renderState.content)) : null;
|
|
115
|
+
const leading = renderState.leading ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_LEADING) }, renderState.leading)) : null;
|
|
116
|
+
if (layout.getEditingTab() === node) {
|
|
117
|
+
content = (React.createElement("input", { ref: contentRef, className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), "data-layout-path": path + "/textbox", type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onPointerDown: onTextBoxPointerDown }));
|
|
118
|
+
}
|
|
119
|
+
if (node.isEnableClose() && !isStretch) {
|
|
120
|
+
const closeTitle = layout.i18nName(I18nLabel.Close_Tab);
|
|
121
|
+
renderState.buttons.push(React.createElement("div", { key: "close", "data-layout-path": path + "/button/close", title: closeTitle, className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TRAILING), onPointerDown: onClosePointerDown, onClick: onClose }, (typeof icons.close === "function") ? icons.close(node) : icons.close));
|
|
122
|
+
}
|
|
123
|
+
return (React.createElement("div", { ref: selfRef, "data-layout-path": path, className: classNames, onClick: onClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, title: node.getHelpText(), draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd, onDoubleClick: onDoubleClick },
|
|
124
|
+
leading,
|
|
125
|
+
content,
|
|
126
|
+
renderState.buttons));
|
|
127
|
+
};
|
|
136
128
|
//# sourceMappingURL=TabButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../src/view/TabButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../src/view/TabButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return (React.createElement("div", { ref: selfRef, className: classNames, title: node.getHelpText() },
|
|
18
|
-
leading,
|
|
19
|
-
content));
|
|
20
|
-
};
|
|
21
|
-
exports.TabButtonStamp = TabButtonStamp;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { CLASSES } from "../Types";
|
|
3
|
+
import { getRenderStateEx } from "./Utils";
|
|
4
|
+
/** @internal */
|
|
5
|
+
export const TabButtonStamp = (props) => {
|
|
6
|
+
const { layout, node } = props;
|
|
7
|
+
const cm = layout.getClassName;
|
|
8
|
+
let classNames = cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_STAMP);
|
|
9
|
+
const renderState = getRenderStateEx(layout, node);
|
|
10
|
+
let content = renderState.content ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_CONTENT) }, renderState.content))
|
|
11
|
+
: node.getNameForOverflowMenu();
|
|
12
|
+
const leading = renderState.leading ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_LEADING) }, renderState.leading)) : null;
|
|
13
|
+
return (React.createElement("div", { className: classNames, title: node.getHelpText() },
|
|
14
|
+
leading,
|
|
15
|
+
content));
|
|
16
|
+
};
|
|
22
17
|
//# sourceMappingURL=TabButtonStamp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButtonStamp.js","sourceRoot":"","sources":["../../src/view/TabButtonStamp.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabButtonStamp.js","sourceRoot":"","sources":["../../src/view/TabButtonStamp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAE/B,IAAI,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEnD,IAAI,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,8BAA8B,CAAC,IACrD,WAAW,CAAC,OAAO,CAClB,CAAC;QACP,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAEpC,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAClC,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,8BAA8B,CAAC,IACrD,WAAW,CAAC,OAAO,CAClB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnB,OAAO,CACH,6BACI,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE;QAExB,OAAO;QACP,OAAO,CACN,CACT,CAAC;AACN,CAAC,CAAC"}
|