slint/tools/lsp/ui/components/widgets/integer-widget.slint
Nigel Breslaw 2da6bf4add
live-preview data tab floating table editor (#8123)
Adds a table editor based on the color picker floating draggable panel.

This includes behaviours that keep the panel inside the bounds of the live preview window and light / dark mode.
2025-04-13 14:57:50 +03:00

55 lines
1.5 KiB
Text

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
import { ChildIndicator, NameLabel, ResettingLineEdit } from "./basics.slint";
import { PropertyValue } from "../../api.slint";
import { EditorSpaceSettings } from "../../components/styling.slint";
export component IntegerWidget inherits GridLayout {
in property <bool> enabled;
in property <string> property-name;
in property <PropertyValue> property-value;
callback update-display-string(value: string);
callback test-integer-binding(text: string) -> bool;
callback set-integer-binding(text: string);
spacing-vertical: EditorSpaceSettings.default-spacing;
width: 100%;
Row {
NameLabel {
col: 1;
property-name: root.property-name;
property-value: root.property-value;
}
}
Row {
childIndicator := ChildIndicator {
horizontal-stretch: 0;
visible: false;
}
ResettingLineEdit {
enabled: root.enabled;
horizontal-alignment: right;
input-type: number;
default-text: property-value.value-int;
edited(text) => {
self.can-compile = test-integer-binding(text);
}
accepted(text) => {
root.update-display-string(text);
root.set-integer-binding(text);
}
}
}
}