@teaui/core 1.3.8 → 1.4.8
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/.dist/Buffer.d.ts +9 -4
- package/.dist/Buffer.js +19 -16
- package/.dist/Buffer.js.map +1 -1
- package/.dist/Color.js +8 -12
- package/.dist/Color.js.map +1 -1
- package/.dist/Container.d.ts +4 -4
- package/.dist/Container.js +6 -10
- package/.dist/Container.js.map +1 -1
- package/.dist/Screen.d.ts +40 -11
- package/.dist/Screen.js +134 -94
- package/.dist/Screen.js.map +1 -1
- package/.dist/StringTerminal.d.ts +21 -0
- package/.dist/StringTerminal.js +100 -0
- package/.dist/StringTerminal.js.map +1 -0
- package/.dist/Style.d.ts +1 -1
- package/.dist/Style.js +24 -32
- package/.dist/Style.js.map +1 -1
- package/.dist/System.d.ts +2 -2
- package/.dist/System.js +2 -7
- package/.dist/System.js.map +1 -1
- package/.dist/TestTerminal.d.ts +100 -0
- package/.dist/TestTerminal.js +290 -0
- package/.dist/TestTerminal.js.map +1 -0
- package/.dist/Theme.d.ts +2 -2
- package/.dist/Theme.js +11 -15
- package/.dist/Theme.js.map +1 -1
- package/.dist/UI.d.ts +1 -1
- package/.dist/UI.js +3 -6
- package/.dist/UI.js.map +1 -1
- package/.dist/View.d.ts +8 -8
- package/.dist/View.js +17 -22
- package/.dist/View.js.map +1 -1
- package/.dist/Viewport.d.ts +6 -6
- package/.dist/Viewport.js +26 -30
- package/.dist/Viewport.js.map +1 -1
- package/.dist/ansi.js +25 -43
- package/.dist/ansi.js.map +1 -1
- package/.dist/components/Accordion.d.ts +8 -9
- package/.dist/components/Accordion.js +32 -40
- package/.dist/components/Accordion.js.map +1 -1
- package/.dist/components/Box.d.ts +3 -3
- package/.dist/components/Box.js +27 -31
- package/.dist/components/Box.js.map +1 -1
- package/.dist/components/Button.d.ts +8 -8
- package/.dist/components/Button.js +18 -22
- package/.dist/components/Button.js.map +1 -1
- package/.dist/components/Checkbox.d.ts +7 -7
- package/.dist/components/Checkbox.js +15 -20
- package/.dist/components/Checkbox.js.map +1 -1
- package/.dist/components/Collapsible.d.ts +6 -6
- package/.dist/components/Collapsible.js +16 -20
- package/.dist/components/Collapsible.js.map +1 -1
- package/.dist/components/CollapsibleText.d.ts +6 -6
- package/.dist/components/CollapsibleText.js +22 -26
- package/.dist/components/CollapsibleText.js.map +1 -1
- package/.dist/components/Digits.d.ts +5 -5
- package/.dist/components/Digits.js +7 -11
- package/.dist/components/Digits.js.map +1 -1
- package/.dist/components/Drawer.d.ts +7 -7
- package/.dist/components/Drawer.js +34 -38
- package/.dist/components/Drawer.js.map +1 -1
- package/.dist/components/Dropdown.d.ts +6 -6
- package/.dist/components/Dropdown.js +21 -25
- package/.dist/components/Dropdown.js.map +1 -1
- package/.dist/components/Header.d.ts +5 -5
- package/.dist/components/Header.js +14 -24
- package/.dist/components/Header.js.map +1 -1
- package/.dist/components/HotKey.d.ts +4 -4
- package/.dist/components/HotKey.js +6 -10
- package/.dist/components/HotKey.js.map +1 -1
- package/.dist/components/Input.d.ts +7 -7
- package/.dist/components/Input.js +38 -42
- package/.dist/components/Input.js.map +1 -1
- package/.dist/components/Log.d.ts +5 -5
- package/.dist/components/Log.js +26 -31
- package/.dist/components/Log.js.map +1 -1
- package/.dist/components/Progress.d.ts +4 -4
- package/.dist/components/Progress.js +11 -15
- package/.dist/components/Progress.js.map +1 -1
- package/.dist/components/Scrollable.d.ts +4 -4
- package/.dist/components/Scrollable.js +21 -25
- package/.dist/components/Scrollable.js.map +1 -1
- package/.dist/components/ScrollableList.d.ts +5 -5
- package/.dist/components/ScrollableList.js +13 -17
- package/.dist/components/ScrollableList.js.map +1 -1
- package/.dist/components/Separator.d.ts +5 -5
- package/.dist/components/Separator.js +6 -10
- package/.dist/components/Separator.js.map +1 -1
- package/.dist/components/Slider.d.ts +5 -5
- package/.dist/components/Slider.js +34 -38
- package/.dist/components/Slider.js.map +1 -1
- package/.dist/components/Space.d.ts +5 -5
- package/.dist/components/Space.js +6 -10
- package/.dist/components/Space.js.map +1 -1
- package/.dist/components/Spinner.d.ts +4 -4
- package/.dist/components/Spinner.js +5 -9
- package/.dist/components/Spinner.js.map +1 -1
- package/.dist/components/Stack.d.ts +6 -6
- package/.dist/components/Stack.js +16 -20
- package/.dist/components/Stack.js.map +1 -1
- package/.dist/components/Tabs.d.ts +7 -7
- package/.dist/components/Tabs.js +30 -34
- package/.dist/components/Tabs.js.map +1 -1
- package/.dist/components/Text.d.ts +6 -6
- package/.dist/components/Text.js +19 -23
- package/.dist/components/Text.js.map +1 -1
- package/.dist/components/ToggleGroup.d.ts +7 -7
- package/.dist/components/ToggleGroup.js +20 -24
- package/.dist/components/ToggleGroup.js.map +1 -1
- package/.dist/components/Tree.d.ts +4 -4
- package/.dist/components/Tree.js +17 -21
- package/.dist/components/Tree.js.map +1 -1
- package/.dist/components/Window.d.ts +2 -2
- package/.dist/components/Window.js +2 -6
- package/.dist/components/Window.js.map +1 -1
- package/.dist/components/fonts.d.ts +1 -1
- package/.dist/components/fonts.js +1 -4
- package/.dist/components/fonts.js.map +1 -1
- package/.dist/components/index.d.ts +27 -27
- package/.dist/components/index.js +27 -47
- package/.dist/components/index.js.map +1 -1
- package/.dist/components/types.js +1 -4
- package/.dist/components/types.js.map +1 -1
- package/.dist/components/utility/TrackMouse.d.ts +5 -5
- package/.dist/components/utility/TrackMouse.js +14 -18
- package/.dist/components/utility/TrackMouse.js.map +1 -1
- package/.dist/components/utility/index.d.ts +1 -1
- package/.dist/components/utility/index.js +1 -5
- package/.dist/components/utility/index.js.map +1 -1
- package/.dist/events/index.d.ts +9 -10
- package/.dist/events/index.js +3 -19
- package/.dist/events/index.js.map +1 -1
- package/.dist/events/key.d.ts +17 -3
- package/.dist/events/key.js +6 -13
- package/.dist/events/key.js.map +1 -1
- package/.dist/events/mouse.d.ts +3 -3
- package/.dist/events/mouse.js +12 -24
- package/.dist/events/mouse.js.map +1 -1
- package/.dist/events/translate.d.ts +4 -0
- package/.dist/events/translate.js +84 -0
- package/.dist/events/translate.js.map +1 -0
- package/.dist/events/window.js +1 -2
- package/.dist/geometry.js +4 -11
- package/.dist/geometry.js.map +1 -1
- package/.dist/iTerm2.d.ts +8 -4
- package/.dist/iTerm2.js +5 -9
- package/.dist/iTerm2.js.map +1 -1
- package/.dist/index.d.ts +23 -19
- package/.dist/index.js +21 -37
- package/.dist/index.js.map +1 -1
- package/.dist/inspect.js +23 -28
- package/.dist/inspect.js.map +1 -1
- package/.dist/log.js +9 -17
- package/.dist/log.js.map +1 -1
- package/.dist/managers/FocusManager.d.ts +2 -2
- package/.dist/managers/FocusManager.js +3 -7
- package/.dist/managers/FocusManager.js.map +1 -1
- package/.dist/managers/ModalManager.d.ts +4 -4
- package/.dist/managers/ModalManager.js +5 -9
- package/.dist/managers/ModalManager.js.map +1 -1
- package/.dist/managers/MouseManager.d.ts +4 -4
- package/.dist/managers/MouseManager.js +11 -14
- package/.dist/managers/MouseManager.js.map +1 -1
- package/.dist/managers/TickManager.d.ts +1 -1
- package/.dist/managers/TickManager.js +1 -5
- package/.dist/managers/TickManager.js.map +1 -1
- package/.dist/renderToAnsi.d.ts +12 -0
- package/.dist/renderToAnsi.js +43 -0
- package/.dist/renderToAnsi.js.map +1 -0
- package/.dist/terminal.d.ts +8 -3
- package/.dist/terminal.js +1 -2
- package/.dist/testing.d.ts +44 -0
- package/.dist/testing.js +164 -0
- package/.dist/testing.js.map +1 -0
- package/.dist/util.js +17 -25
- package/.dist/util.js.map +1 -1
- package/LICENSE +0 -3
- package/package.json +9 -31
- package/.dist/sys/alias.d.ts +0 -470
- package/.dist/sys/alias.js +0 -487
- package/.dist/sys/alias.js.map +0 -1
- package/.dist/sys/colors.d.ts +0 -10
- package/.dist/sys/colors.js +0 -285
- package/.dist/sys/colors.js.map +0 -1
- package/.dist/sys/gpmclient.d.ts +0 -11
- package/.dist/sys/gpmclient.js +0 -193
- package/.dist/sys/gpmclient.js.map +0 -1
- package/.dist/sys/index.d.ts +0 -4
- package/.dist/sys/index.js +0 -41
- package/.dist/sys/index.js.map +0 -1
- package/.dist/sys/keys.d.ts +0 -4
- package/.dist/sys/keys.js +0 -531
- package/.dist/sys/keys.js.map +0 -1
- package/.dist/sys/program.d.ts +0 -356
- package/.dist/sys/program.js +0 -3739
- package/.dist/sys/program.js.map +0 -1
- package/.dist/sys/tput.d.ts +0 -297
- package/.dist/sys/tput.js +0 -2708
- package/.dist/sys/tput.js.map +0 -1
- package/.dist/sys/unicode.d.ts +0 -25
- package/.dist/sys/unicode.js +0 -593
- package/.dist/sys/unicode.js.map +0 -1
- package/.dist/sys/usr/linux +0 -0
- package/.dist/sys/usr/windows-ansi +0 -0
- package/.dist/sys/usr/xterm +0 -0
- package/.dist/sys/usr/xterm-256color +0 -0
- package/.dist/sys/usr/xterm.termcap +0 -243
- package/.dist/sys/usr/xterm.terminfo +0 -1977
package/.dist/components/Box.js
CHANGED
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const Style_1 = require("../Style");
|
|
8
|
-
const util_1 = require("../util");
|
|
9
|
-
class Box extends Container_1.Container {
|
|
1
|
+
import * as unicode from '@teaui/term';
|
|
2
|
+
import { Container } from '../Container.js';
|
|
3
|
+
import { Rect, Point, Size } from '../geometry.js';
|
|
4
|
+
import { Style } from '../Style.js';
|
|
5
|
+
import { define } from '../util.js';
|
|
6
|
+
export class Box extends Container {
|
|
10
7
|
#border = 'single';
|
|
11
8
|
#borderChars = BORDERS.single;
|
|
12
9
|
#borderSizes = BORDER_SIZE_ZERO;
|
|
13
10
|
#highlight = false;
|
|
14
11
|
constructor(props) {
|
|
15
12
|
super(props);
|
|
16
|
-
|
|
13
|
+
define(this, 'border', { enumerable: true });
|
|
17
14
|
this.#update(props);
|
|
18
15
|
}
|
|
19
16
|
get border() {
|
|
@@ -58,15 +55,15 @@ class Box extends Container_1.Container {
|
|
|
58
55
|
const topInnerY = this.#borderSizes.maxTop;
|
|
59
56
|
const bottomInnerY = this.#borderSizes.maxTop + innerHeight;
|
|
60
57
|
const borderStyle = this.theme.text({ isHover: this.isHover });
|
|
61
|
-
const innerStyle = new
|
|
62
|
-
const innerOrigin = new
|
|
58
|
+
const innerStyle = new Style({ background: borderStyle.background });
|
|
59
|
+
const innerOrigin = new Point(this.#borderSizes.maxLeft, this.#borderSizes.maxTop);
|
|
63
60
|
if (innerHeight && innerMiddleWidth) {
|
|
64
61
|
for (let y = 0; y < innerHeight; ++y) {
|
|
65
62
|
const spaces = ' '.repeat(innerMiddleWidth);
|
|
66
63
|
viewport.write(spaces, innerOrigin.offset(0, y), innerStyle);
|
|
67
64
|
}
|
|
68
65
|
}
|
|
69
|
-
viewport.clipped(new
|
|
66
|
+
viewport.clipped(new Rect(innerOrigin, [innerMiddleWidth, innerHeight]), inside => super.render(inside));
|
|
70
67
|
viewport.usingPen(borderStyle, () => {
|
|
71
68
|
const [tlLines, topLines, trLines] = [
|
|
72
69
|
tl.split('\n'),
|
|
@@ -79,13 +76,13 @@ class Box extends Container_1.Container {
|
|
|
79
76
|
topLines[lineY] ?? '',
|
|
80
77
|
trLines[lineY] ?? '',
|
|
81
78
|
];
|
|
82
|
-
viewport.write(lineTL, new
|
|
79
|
+
viewport.write(lineTL, new Point(0, lineY));
|
|
83
80
|
if (lineTop.length) {
|
|
84
81
|
viewport.write(lineTop
|
|
85
82
|
.repeat(Math.ceil(innerTopWidth / this.#borderSizes.topMiddle.width))
|
|
86
|
-
.slice(0, innerTopWidth), new
|
|
83
|
+
.slice(0, innerTopWidth), new Point(leftMaxX, lineY));
|
|
87
84
|
}
|
|
88
|
-
viewport.write(lineTR, new
|
|
85
|
+
viewport.write(lineTR, new Point(topRightX, lineY));
|
|
89
86
|
}
|
|
90
87
|
const [leftLines, rightLines] = [left.split('\n'), right.split('\n')];
|
|
91
88
|
for (let lineY = topInnerY; lineY < bottomInnerY; ++lineY) {
|
|
@@ -93,8 +90,8 @@ class Box extends Container_1.Container {
|
|
|
93
90
|
leftLines[(lineY - topInnerY) % leftLines.length] ?? '',
|
|
94
91
|
rightLines[(lineY - topInnerY) % rightLines.length] ?? '',
|
|
95
92
|
];
|
|
96
|
-
viewport.write(lineL, new
|
|
97
|
-
viewport.write(lineR, new
|
|
93
|
+
viewport.write(lineL, new Point(0, lineY));
|
|
94
|
+
viewport.write(lineR, new Point(middleRightX, lineY));
|
|
98
95
|
}
|
|
99
96
|
const [blLines, bottomLines, brLines] = [
|
|
100
97
|
bl.split('\n'),
|
|
@@ -107,18 +104,17 @@ class Box extends Container_1.Container {
|
|
|
107
104
|
bottomLines[lineY - bottomInnerY] ?? '',
|
|
108
105
|
brLines[lineY - bottomInnerY] ?? '',
|
|
109
106
|
];
|
|
110
|
-
viewport.write(lineBL, new
|
|
107
|
+
viewport.write(lineBL, new Point(0, lineY));
|
|
111
108
|
if (lineBottom.length) {
|
|
112
109
|
viewport.write(lineBottom
|
|
113
110
|
.repeat(Math.ceil(innerBottomWidth / this.#borderSizes.topMiddle.width))
|
|
114
|
-
.slice(0, innerBottomWidth), new
|
|
111
|
+
.slice(0, innerBottomWidth), new Point(leftMaxX, lineY));
|
|
115
112
|
}
|
|
116
|
-
viewport.write(lineBR, new
|
|
113
|
+
viewport.write(lineBR, new Point(bottomRightX, lineY));
|
|
117
114
|
}
|
|
118
115
|
});
|
|
119
116
|
}
|
|
120
117
|
}
|
|
121
|
-
exports.Box = Box;
|
|
122
118
|
function calculateBorder(border) {
|
|
123
119
|
let chars;
|
|
124
120
|
if (typeof border === 'string') {
|
|
@@ -183,7 +179,7 @@ function borderSize(str) {
|
|
|
183
179
|
if (str === '') {
|
|
184
180
|
return { width: 0, height: 0 };
|
|
185
181
|
}
|
|
186
|
-
return
|
|
182
|
+
return unicode.stringSize(str);
|
|
187
183
|
}
|
|
188
184
|
const BORDERS = {
|
|
189
185
|
none: ['', '', '', '', '', '', '', ''],
|
|
@@ -199,13 +195,13 @@ const BORDER_SIZE_ZERO = {
|
|
|
199
195
|
maxRight: 0,
|
|
200
196
|
maxBottom: 0,
|
|
201
197
|
maxLeft: 0,
|
|
202
|
-
topMiddle: new
|
|
203
|
-
topLeft: new
|
|
204
|
-
topRight: new
|
|
205
|
-
leftMiddle: new
|
|
206
|
-
rightMiddle: new
|
|
207
|
-
bottomMiddle: new
|
|
208
|
-
bottomLeft: new
|
|
209
|
-
bottomRight: new
|
|
198
|
+
topMiddle: new Size(0, 0),
|
|
199
|
+
topLeft: new Size(0, 0),
|
|
200
|
+
topRight: new Size(0, 0),
|
|
201
|
+
leftMiddle: new Size(0, 0),
|
|
202
|
+
rightMiddle: new Size(0, 0),
|
|
203
|
+
bottomMiddle: new Size(0, 0),
|
|
204
|
+
bottomLeft: new Size(0, 0),
|
|
205
|
+
bottomRight: new Size(0, 0),
|
|
210
206
|
};
|
|
211
207
|
//# sourceMappingURL=Box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../lib/components/Box.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../lib/components/Box.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { Viewport } from '../Viewport';
|
|
2
|
-
import { type Props as ContainerProps, Container } from '../Container';
|
|
3
|
-
import { Size } from '../geometry';
|
|
4
|
-
import { type MouseEvent, HotKey, KeyEvent } from '../events';
|
|
5
|
-
import type { View } from '../View';
|
|
6
|
-
import { Alignment } from './types';
|
|
7
|
-
import { System } from '../System';
|
|
1
|
+
import type { Viewport } from '../Viewport.js';
|
|
2
|
+
import { type Props as ContainerProps, Container } from '../Container.js';
|
|
3
|
+
import { Size } from '../geometry.js';
|
|
4
|
+
import { type MouseEvent, HotKey, KeyEvent } from '../events/index.js';
|
|
5
|
+
import type { View } from '../View.js';
|
|
6
|
+
import { Alignment } from './types.js';
|
|
7
|
+
import { System } from '../System.js';
|
|
8
8
|
type Border = 'default' | 'arrows' | 'none';
|
|
9
9
|
export interface Props extends ContainerProps {
|
|
10
10
|
title?: string;
|
|
@@ -17,7 +17,7 @@ export declare class Button extends Container {
|
|
|
17
17
|
#private;
|
|
18
18
|
constructor(props: Props);
|
|
19
19
|
update(props: Props): void;
|
|
20
|
-
childTheme(view: View): import("
|
|
20
|
+
childTheme(view: View): import("../Theme.js").Theme;
|
|
21
21
|
naturalSize(available: Size): Size;
|
|
22
22
|
get title(): string | undefined;
|
|
23
23
|
set title(value: string | undefined);
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const events_1 = require("../events");
|
|
9
|
-
const UI_1 = require("../UI");
|
|
10
|
-
class Button extends Container_1.Container {
|
|
1
|
+
import * as unicode from '@teaui/term';
|
|
2
|
+
import { Container } from '../Container.js';
|
|
3
|
+
import { Text } from './Text.js';
|
|
4
|
+
import { Rect, Point } from '../geometry.js';
|
|
5
|
+
import { isMouseClicked, styleTextForHotKey, toHotKeyDef, } from '../events/index.js';
|
|
6
|
+
import { childTheme } from '../UI.js';
|
|
7
|
+
export class Button extends Container {
|
|
11
8
|
#hotKey;
|
|
12
9
|
#onClick;
|
|
13
10
|
#textView;
|
|
@@ -15,7 +12,7 @@ class Button extends Container_1.Container {
|
|
|
15
12
|
#align = 'center';
|
|
16
13
|
constructor(props) {
|
|
17
14
|
super(props);
|
|
18
|
-
this.#textView = new
|
|
15
|
+
this.#textView = new Text({ alignment: 'center' });
|
|
19
16
|
this.add(this.#textView);
|
|
20
17
|
this.#update(props);
|
|
21
18
|
}
|
|
@@ -24,10 +21,10 @@ class Button extends Container_1.Container {
|
|
|
24
21
|
super.update(props);
|
|
25
22
|
}
|
|
26
23
|
childTheme(view) {
|
|
27
|
-
return
|
|
24
|
+
return childTheme(super.childTheme(view), this.isPressed, this.isHover);
|
|
28
25
|
}
|
|
29
26
|
#update({ title, border, align, hotKey, onClick }) {
|
|
30
|
-
const styledText = hotKey ?
|
|
27
|
+
const styledText = hotKey ? styleTextForHotKey(title ?? '', hotKey) : title;
|
|
31
28
|
this.#textView.text = styledText ?? '';
|
|
32
29
|
this.#align = align ?? 'center';
|
|
33
30
|
this.#border = border ?? 'default';
|
|
@@ -43,18 +40,18 @@ class Button extends Container_1.Container {
|
|
|
43
40
|
}
|
|
44
41
|
set title(value) {
|
|
45
42
|
const styledText = this.#hotKey
|
|
46
|
-
?
|
|
43
|
+
? styleTextForHotKey(value ?? '', this.#hotKey)
|
|
47
44
|
: (value ?? '');
|
|
48
45
|
this.#textView.text = styledText;
|
|
49
46
|
this.invalidateSize();
|
|
50
47
|
}
|
|
51
48
|
#borderSize() {
|
|
52
49
|
const [left, right] = BORDERS[this.#border];
|
|
53
|
-
return [
|
|
50
|
+
return [unicode.lineWidth(left), unicode.lineWidth(right)];
|
|
54
51
|
}
|
|
55
52
|
receiveMouse(event, system) {
|
|
56
53
|
super.receiveMouse(event, system);
|
|
57
|
-
if (
|
|
54
|
+
if (isMouseClicked(event)) {
|
|
58
55
|
this.#onClick?.();
|
|
59
56
|
}
|
|
60
57
|
}
|
|
@@ -67,7 +64,7 @@ class Button extends Container_1.Container {
|
|
|
67
64
|
}
|
|
68
65
|
viewport.registerMouse(['mouse.button.left', 'mouse.move']);
|
|
69
66
|
if (this.#hotKey) {
|
|
70
|
-
viewport.registerHotKey(
|
|
67
|
+
viewport.registerHotKey(toHotKeyDef(this.#hotKey));
|
|
71
68
|
}
|
|
72
69
|
const textStyle = this.theme.ui({
|
|
73
70
|
isPressed: this.isPressed,
|
|
@@ -96,18 +93,17 @@ class Button extends Container_1.Container {
|
|
|
96
93
|
? Math.round((viewport.contentSize.width - naturalSize.width) / 2)
|
|
97
94
|
: this.#align === 'left'
|
|
98
95
|
? 1
|
|
99
|
-
: viewport.contentSize.width - naturalSize.width - 1, offset = new
|
|
96
|
+
: viewport.contentSize.width - naturalSize.width - 1, offset = new Point(offsetLeft, Math.round((viewport.contentSize.height - naturalSize.height) / 2));
|
|
100
97
|
const [left, right] = BORDERS[this.#border], leftX = offset.x - leftWidth, rightX = offset.x + naturalSize.width;
|
|
101
98
|
for (let y = 0; y < naturalSize.height; y++) {
|
|
102
|
-
viewport.write(left, new
|
|
103
|
-
viewport.write(right, new
|
|
99
|
+
viewport.write(left, new Point(leftX, offset.y + y), textStyle);
|
|
100
|
+
viewport.write(right, new Point(rightX, offset.y + y), textStyle);
|
|
104
101
|
}
|
|
105
|
-
viewport.clipped(new
|
|
102
|
+
viewport.clipped(new Rect(offset, naturalSize), textStyle, inside => {
|
|
106
103
|
super.render(inside);
|
|
107
104
|
});
|
|
108
105
|
}
|
|
109
106
|
}
|
|
110
|
-
exports.Button = Button;
|
|
111
107
|
const BORDERS = {
|
|
112
108
|
default: ['[ ', ' ]'],
|
|
113
109
|
arrows: [' ', ' '],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../lib/components/Button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../lib/components/Button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { Viewport } from '../Viewport';
|
|
2
|
-
import { type View } from '../View';
|
|
3
|
-
import { type Props as ContainerProps, Container } from '../Container';
|
|
4
|
-
import { Size } from '../geometry';
|
|
5
|
-
import { type HotKey, type MouseEvent } from '../events';
|
|
6
|
-
import { System } from '../System';
|
|
1
|
+
import type { Viewport } from '../Viewport.js';
|
|
2
|
+
import { type View } from '../View.js';
|
|
3
|
+
import { type Props as ContainerProps, Container } from '../Container.js';
|
|
4
|
+
import { Size } from '../geometry.js';
|
|
5
|
+
import { type HotKey, type MouseEvent } from '../events/index.js';
|
|
6
|
+
import { System } from '../System.js';
|
|
7
7
|
interface StyleProps {
|
|
8
8
|
title?: string;
|
|
9
9
|
value: boolean;
|
|
@@ -16,7 +16,7 @@ export declare class Checkbox extends Container {
|
|
|
16
16
|
constructor(props: Props);
|
|
17
17
|
get value(): boolean;
|
|
18
18
|
set value(value: boolean);
|
|
19
|
-
childTheme(view: View): import("
|
|
19
|
+
childTheme(view: View): import("../Theme.js").Theme;
|
|
20
20
|
update(props: Props): void;
|
|
21
21
|
get title(): string | undefined;
|
|
22
22
|
set title(value: string | undefined);
|
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const events_1 = require("../events");
|
|
8
|
-
const UI_1 = require("../UI");
|
|
9
|
-
class Checkbox extends Container_1.Container {
|
|
1
|
+
import { Container } from '../Container.js';
|
|
2
|
+
import { Text } from './Text.js';
|
|
3
|
+
import { Rect, Point } from '../geometry.js';
|
|
4
|
+
import { isMouseClicked, styleTextForHotKey, } from '../events/index.js';
|
|
5
|
+
import { childTheme } from '../UI.js';
|
|
6
|
+
export class Checkbox extends Container {
|
|
10
7
|
#value = false;
|
|
11
8
|
#hotKey;
|
|
12
9
|
#onChange;
|
|
13
10
|
#textView;
|
|
14
11
|
constructor(props) {
|
|
15
12
|
super(props);
|
|
16
|
-
this.#textView = new
|
|
13
|
+
this.#textView = new Text({ alignment: 'center' });
|
|
17
14
|
this.add(this.#textView);
|
|
18
15
|
this.#update(props);
|
|
19
16
|
}
|
|
@@ -28,14 +25,14 @@ class Checkbox extends Container_1.Container {
|
|
|
28
25
|
this.invalidateRender();
|
|
29
26
|
}
|
|
30
27
|
childTheme(view) {
|
|
31
|
-
return
|
|
28
|
+
return childTheme(super.childTheme(view), this.isPressed, this.isHover);
|
|
32
29
|
}
|
|
33
30
|
update(props) {
|
|
34
31
|
this.#update(props);
|
|
35
32
|
super.update(props);
|
|
36
33
|
}
|
|
37
34
|
#update({ title, hotKey, value, onChange }) {
|
|
38
|
-
const styledText = hotKey ?
|
|
35
|
+
const styledText = hotKey ? styleTextForHotKey(title ?? '', hotKey) : title;
|
|
39
36
|
this.#textView.text = styledText ?? '';
|
|
40
37
|
this.#value = value;
|
|
41
38
|
this.#hotKey = hotKey;
|
|
@@ -46,7 +43,7 @@ class Checkbox extends Container_1.Container {
|
|
|
46
43
|
}
|
|
47
44
|
set title(value) {
|
|
48
45
|
const styledText = this.#hotKey
|
|
49
|
-
?
|
|
46
|
+
? styleTextForHotKey(value ?? '', this.#hotKey)
|
|
50
47
|
: value;
|
|
51
48
|
this.#textView.text = styledText ?? '';
|
|
52
49
|
this.invalidateSize();
|
|
@@ -56,7 +53,7 @@ class Checkbox extends Container_1.Container {
|
|
|
56
53
|
}
|
|
57
54
|
receiveMouse(event, system) {
|
|
58
55
|
super.receiveMouse(event, system);
|
|
59
|
-
if (
|
|
56
|
+
if (isMouseClicked(event)) {
|
|
60
57
|
this.#value = !this.#value;
|
|
61
58
|
this.#onChange?.(this.#value);
|
|
62
59
|
}
|
|
@@ -73,10 +70,10 @@ class Checkbox extends Container_1.Container {
|
|
|
73
70
|
viewport.paint(uiStyle);
|
|
74
71
|
const boxWidth = CHECKBOX_WIDTH;
|
|
75
72
|
const naturalSize = super.naturalSize(viewport.contentSize.shrink(boxWidth, 0));
|
|
76
|
-
const offset = new
|
|
73
|
+
const offset = new Point(boxWidth, Math.round((viewport.contentSize.height - naturalSize.height) / 2));
|
|
77
74
|
const box = this.boxChars()[this.#value ? 'checked' : 'unchecked'];
|
|
78
|
-
viewport.write(box,
|
|
79
|
-
viewport.clipped(new
|
|
75
|
+
viewport.write(box, Point.zero, uiStyle);
|
|
76
|
+
viewport.clipped(new Rect(offset, naturalSize), uiStyle, inside => {
|
|
80
77
|
super.render(inside);
|
|
81
78
|
});
|
|
82
79
|
}
|
|
@@ -84,13 +81,11 @@ class Checkbox extends Container_1.Container {
|
|
|
84
81
|
return BOX.checkbox;
|
|
85
82
|
}
|
|
86
83
|
}
|
|
87
|
-
|
|
88
|
-
class Radio extends Checkbox {
|
|
84
|
+
export class Radio extends Checkbox {
|
|
89
85
|
boxChars() {
|
|
90
86
|
return BOX.radio;
|
|
91
87
|
}
|
|
92
88
|
}
|
|
93
|
-
exports.Radio = Radio;
|
|
94
89
|
const BOX = {
|
|
95
90
|
checkbox: {
|
|
96
91
|
unchecked: '☐ ',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../lib/components/Checkbox.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../lib/components/Checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { Viewport } from '../Viewport';
|
|
2
|
-
import { View } from '../View';
|
|
3
|
-
import { type Props as ContainerProps, Container } from '../Container';
|
|
4
|
-
import { Size } from '../geometry';
|
|
5
|
-
import { type MouseEvent } from '../events';
|
|
6
|
-
import { System } from '../System';
|
|
1
|
+
import type { Viewport } from '../Viewport.js';
|
|
2
|
+
import { View } from '../View.js';
|
|
3
|
+
import { type Props as ContainerProps, Container } from '../Container.js';
|
|
4
|
+
import { Size } from '../geometry.js';
|
|
5
|
+
import { type MouseEvent } from '../events/index.js';
|
|
6
|
+
import { System } from '../System.js';
|
|
7
7
|
interface StyleProps {
|
|
8
8
|
/**
|
|
9
9
|
* @default true
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const geometry_1 = require("../geometry");
|
|
7
|
-
const events_1 = require("../events");
|
|
8
|
-
class Collapsible extends Container_1.Container {
|
|
1
|
+
import { Container } from '../Container.js';
|
|
2
|
+
import { Text } from './Text.js';
|
|
3
|
+
import { Rect, Point, Size } from '../geometry.js';
|
|
4
|
+
import { isMouseClicked } from '../events/index.js';
|
|
5
|
+
export class Collapsible extends Container {
|
|
9
6
|
/**
|
|
10
7
|
* Also assignable as child-view 0 (this is a React support hack)
|
|
11
8
|
*/
|
|
@@ -39,7 +36,7 @@ class Collapsible extends Container_1.Container {
|
|
|
39
36
|
this.#showCollapsed = showCollapsed ?? false;
|
|
40
37
|
// edge case: expandedView is being assigned, but not collapsedView
|
|
41
38
|
if (expandedView && !collapsedView) {
|
|
42
|
-
collapsedView = this.#collapsedView ?? new
|
|
39
|
+
collapsedView = this.#collapsedView ?? new Text();
|
|
43
40
|
}
|
|
44
41
|
if (collapsedView && collapsedView !== this.#collapsedView) {
|
|
45
42
|
this.#collapsedView?.removeFromParent();
|
|
@@ -53,22 +50,22 @@ class Collapsible extends Container_1.Container {
|
|
|
53
50
|
naturalSize(available) {
|
|
54
51
|
let size;
|
|
55
52
|
if (this.#isCollapsed) {
|
|
56
|
-
size = this.#collapsedView?.naturalSize(available) ??
|
|
53
|
+
size = this.#collapsedView?.naturalSize(available) ?? Size.zero;
|
|
57
54
|
}
|
|
58
55
|
else if (this.#showCollapsed) {
|
|
59
|
-
let collapsedSize = this.#collapsedView?.naturalSize(available) ??
|
|
56
|
+
let collapsedSize = this.#collapsedView?.naturalSize(available) ?? Size.zero;
|
|
60
57
|
const remaining = available.shrink(0, collapsedSize.height);
|
|
61
|
-
size = this.#expandedView?.naturalSize(remaining) ??
|
|
58
|
+
size = this.#expandedView?.naturalSize(remaining) ?? Size.zero;
|
|
62
59
|
size = size.growHeight(collapsedSize);
|
|
63
60
|
}
|
|
64
61
|
else {
|
|
65
|
-
size = this.#expandedView?.naturalSize(available) ??
|
|
62
|
+
size = this.#expandedView?.naturalSize(available) ?? Size.zero;
|
|
66
63
|
}
|
|
67
64
|
return size.grow(2, 0);
|
|
68
65
|
}
|
|
69
66
|
receiveMouse(event, system) {
|
|
70
67
|
super.receiveMouse(event, system);
|
|
71
|
-
if (
|
|
68
|
+
if (isMouseClicked(event)) {
|
|
72
69
|
this.#isCollapsed = !this.#isCollapsed;
|
|
73
70
|
this.invalidateSize();
|
|
74
71
|
}
|
|
@@ -83,19 +80,19 @@ class Collapsible extends Container_1.Container {
|
|
|
83
80
|
isHover: this.isHover,
|
|
84
81
|
});
|
|
85
82
|
viewport.paint(textStyle);
|
|
86
|
-
const offset = new
|
|
87
|
-
viewport.write(this.#isCollapsed ? '►' : '▼', new
|
|
83
|
+
const offset = new Point(2, 0);
|
|
84
|
+
viewport.write(this.#isCollapsed ? '►' : '▼', new Point(0, offset.y), textStyle);
|
|
88
85
|
const contentSize = viewport.contentSize.shrink(2, 0);
|
|
89
|
-
viewport.clipped(new
|
|
86
|
+
viewport.clipped(new Rect(offset, contentSize), inside => {
|
|
90
87
|
if (this.#isCollapsed) {
|
|
91
88
|
this.#collapsedView?.render(inside);
|
|
92
89
|
}
|
|
93
90
|
else if (this.#showCollapsed) {
|
|
94
|
-
const collapsedSize = this.#collapsedView?.naturalSize(contentSize) ??
|
|
91
|
+
const collapsedSize = this.#collapsedView?.naturalSize(contentSize) ?? Size.zero;
|
|
95
92
|
let remaining = contentSize;
|
|
96
93
|
remaining = remaining.shrink(0, collapsedSize.height);
|
|
97
94
|
this.#collapsedView?.render(inside);
|
|
98
|
-
viewport.clipped(new
|
|
95
|
+
viewport.clipped(new Rect([0, collapsedSize.height], remaining), inside => {
|
|
99
96
|
this.#expandedView?.render(inside);
|
|
100
97
|
});
|
|
101
98
|
}
|
|
@@ -105,5 +102,4 @@ class Collapsible extends Container_1.Container {
|
|
|
105
102
|
});
|
|
106
103
|
}
|
|
107
104
|
}
|
|
108
|
-
exports.Collapsible = Collapsible;
|
|
109
105
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../lib/components/Collapsible.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../lib/components/Collapsible.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { Viewport } from '../Viewport';
|
|
2
|
-
import { View, type Props as ViewProps } from '../View';
|
|
3
|
-
import { Style } from '../Style';
|
|
4
|
-
import { Size } from '../geometry';
|
|
5
|
-
import { type MouseEvent } from '../events';
|
|
6
|
-
import { System } from '../System';
|
|
1
|
+
import type { Viewport } from '../Viewport.js';
|
|
2
|
+
import { View, type Props as ViewProps } from '../View.js';
|
|
3
|
+
import { Style } from '../Style.js';
|
|
4
|
+
import { Size } from '../geometry.js';
|
|
5
|
+
import { type MouseEvent } from '../events/index.js';
|
|
6
|
+
import { System } from '../System.js';
|
|
7
7
|
interface Props extends ViewProps {
|
|
8
8
|
text: string;
|
|
9
9
|
style?: Style;
|