mirror of
https://github.com/slint-ui/slint.git
synced 2025-08-03 18:29:09 +00:00
6fefe75a1c
Achieve this by generating a `focus()` function for such components
and call it from the outside.
This replaces the previous focus handling with what should be cleaner:
- Any `forward-focus: some-element;` is basically syntactic sugar for
`public function focus() { some-element.focus(); }`.
- The init code gets simplified to calling focus() on the root, if it's
available.
Since the `focus()` functions are now generated in the imports pass,
they become visible in the style checker. That means the checker
requires consistent focus handling between the styles.
48 lines
1.5 KiB
Text
48 lines
1.5 KiB
Text
// Copyright © SixtyFPS GmbH <info@slint.dev>
|
|
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.1 OR LicenseRef-Slint-commercial
|
|
|
|
export component Button {
|
|
in property <string> text <=> native.text;
|
|
in property <image> icon <=> native.icon;
|
|
in property <bool> enabled <=> native.enabled;
|
|
in property <bool> checkable <=> native.checkable;
|
|
in property <bool> primary <=> native.primary;
|
|
in property <bool> colorize-icon <=> native.colorize-icon;
|
|
out property <bool> has-focus <=> native.has-focus;
|
|
out property <bool> pressed <=> native.pressed;
|
|
in-out property <bool> checked <=> native.checked;
|
|
|
|
callback clicked <=> native.clicked;
|
|
|
|
accessible-checkable: root.checkable;
|
|
accessible-checked: root.checked;
|
|
accessible-label: root.text;
|
|
accessible-role: button;
|
|
forward-focus: native;
|
|
|
|
HorizontalLayout {
|
|
native := NativeButton {
|
|
checkable: false;
|
|
enabled: true;
|
|
}
|
|
}
|
|
}
|
|
|
|
export component StandardButton {
|
|
in property <StandardButtonKind> kind <=> native.standard-button-kind;
|
|
in property <bool> enabled <=> native.enabled;
|
|
out property <bool> has-focus <=> native.has-focus;
|
|
out property <bool> pressed <=> native.pressed;
|
|
|
|
callback clicked <=> native.clicked;
|
|
|
|
accessible-label: native.text;
|
|
accessible-role: button;
|
|
|
|
HorizontalLayout {
|
|
native := NativeButton {
|
|
is-standard-button: true;
|
|
checkable: false;
|
|
}
|
|
}
|
|
}
|