language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-04 18:58:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Forbid former transitions declaration with the new syntax

Browse source
This commit is contained in:
Olivier Goffart 2022-11-22 13:09:39 +01:00 • committed by Olivier Goffart
parent fc4abba9db
commit 395532cebd
2 changed files with 95 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

87
internal/compiler/tests/syntax/basic/states_transitions.slint
View file

@ -44,3 +44,90 @@ TestCase := Rectangle {
touch := TouchArea {}
}
component NewSyntax {
property<bool> checked;
property <int> border;
property <color> color;
states [
checked when checked: {
color: blue; // same as root.color
text.color: red;
border: 42;
}
pressed when touch.pressed: {
color: green;
border: 88;
text.foo.bar: 0;
/// ^error{'text.foo.bar' is not a valid property}
colour: yellow;
/// ^error{'colour' is not a valid property}
fox.color: yellow;
/// ^error{'fox' is not a valid element id}
text.fox: yellow;
/// ^error{'fox' not found in 'text'}
in {
animate * { duration: 88ms; }
animate color { duration: 88ms; }
}
out {
animate color, foo.x { duration: 300ms; }
/// ^error{'foo' is not a valid element id}
animate border { duration: 120ms; }
animate color, text.text { duration: 300ms; }
/// ^error{'text.text' is not a property that can be animated}
}
}
]
text := Text {}
touch := TouchArea {}
}
component OldInNewSyntax {
property<bool> checked;
property <int> border;
property <color> color;
states [
checked when checked: {
color: blue; // same as root.color
text.color: red;
border: 42;
}
pressed when touch.pressed: {
color: green;
border: 88;
text.foo.bar: 0;
/// ^error{'text.foo.bar' is not a valid property}
colour: yellow;
/// ^error{'colour' is not a valid property}
fox.color: yellow;
/// ^error{'fox' is not a valid element id}
text.fox: yellow;
/// ^error{'fox' not found in 'text'}
}
]
transitions [
/// ^error{'transitions' block are no longer supported. Use 'in \{...\}' and 'out \{...\}' directly in the state definition}
in pressed: {
animate * { duration: 88ms; }
animate color { duration: 88ms; }
}
out pressed: {
animate color, foo.x { duration: 300ms; }
/// ^error{'foo' is not a valid element id}
animate border { duration: 120ms; }
animate color, text.text { duration: 300ms; }
/// ^error{'text.text' is not a property that can be animated}
}
]
text := Text {}
touch := TouchArea {}
}