language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-10-23 00:32:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

material: ActionChip SearchBar: avatar -> avatar-icon (https://github.com/slint-ui/material-components/issues/154)

Browse source 
Imported from 5de14badc5
This commit is contained in:
Nigel Breslaw 2025-09-05 11:30:54 +03:00 • committed by Olivier Goffart
parent d43bc60b09
commit 2bc3328ab4
5 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
ui-libraries/material/docs/src/content/docs/components/AppBars/search_bar.mdx
View file

@ -28,7 +28,7 @@ A `SearchBar` is a text input field designed for search functionality, with opti
## Properties ## Properties
### avatar ### avatar
<SlintProperty propName="avatar" typeName="image"> <SlintProperty propName="avatar-icon" typeName="image">
An optional avatar image displayed in the search bar. An optional avatar image displayed in the search bar.
</SlintProperty> </SlintProperty>

4
ui-libraries/material/docs/src/content/docs/components/Chips/action_chip.mdx
View file

@ -28,8 +28,8 @@ An `ActionChip` is a compact element that represents an action or choice. It can
## Properties ## Properties
### avatar ### avatar-icon
<SlintProperty propName="avatar" typeName="image"> <SlintProperty propName="avatar-icon" typeName="image">
An optional avatar image displayed on the chip. An optional avatar image displayed on the chip.
</SlintProperty> </SlintProperty>

6
ui-libraries/material/ui/components/base_button.slint
View file

@ -18,11 +18,11 @@ export component BaseButton inherits StateLayerArea {
in property <length> min_layout_width: MaterialStyleMetrics.size_40; in property <length> min_layout_width: MaterialStyleMetrics.size_40;
in property <length> min_layout_height: MaterialStyleMetrics.size_40; in property <length> min_layout_height: MaterialStyleMetrics.size_40;
in property <length> icon_size: MaterialStyleMetrics.icon_size_18; in property <length> icon_size: MaterialStyleMetrics.icon_size_18;
in property <image> avatar; in property <image> avatar_icon;
in property <length> avatar_size; in property <length> avatar_size;
in property <color> avatar_background: #00000000; in property <color> avatar_background: #00000000;
out property <bool> has_icon: root.icon.width > 0 && root.icon.height > 0; out property <bool> has_icon: root.icon.width > 0 && root.icon.height > 0;
out property <bool> has_avatar: root.avatar.width > 0 && root.avatar.height > 0; out property <bool> has_avatar: root.avatar_icon.width > 0 && root.avatar_icon.height > 0;
min_width: max(root.min_layout_width, layout.min_width); min_width: max(root.min_layout_width, layout.min_width);
min_height: max(root.min_layout_height, layout.min_height); min_height: max(root.min_layout_height, layout.min_height);
@ -46,7 +46,7 @@ export component BaseButton inherits StateLayerArea {
if root.has_avatar && root.avatar_size > 0 : Avatar { if root.has_avatar && root.avatar_size > 0 : Avatar {
width: root.avatar_size; width: root.avatar_size;
height: self.width; height: self.width;
image: root.avatar; image: root.avatar_icon;
background: root.avatar_background; background: root.avatar_background;
} }

4
ui-libraries/material/ui/components/chip.slint
View file

@ -14,7 +14,7 @@ export component ActionChip {
in property <string> text <=> base.text; in property <string> text <=> base.text;
in property <bool> enabled <=> base.enabled; in property <bool> enabled <=> base.enabled;
in property <string> tooltip <=> base.tooltip; in property <string> tooltip <=> base.tooltip;
in property <image> avatar <=> base.avatar; in property <image> avatar_icon <=> base.avatar-icon;
in property <color> avatar_background <=> base.avatar_background; in property <color> avatar_background <=> base.avatar_background;
callback clicked <=> base.clicked; callback clicked <=> base.clicked;
@ -117,7 +117,7 @@ export component FilterChip {
export component InputChip { export component InputChip {
in property <image> leading_icon <=> base.icon; in property <image> leading_icon <=> base.icon;
in property <image> trailing_icon; in property <image> trailing_icon;
in property <image> avatar <=> base.avatar; in property <image> avatar <=> base.avatar-icon;
in property <color> avatar_background <=> base.avatar_background; in property <color> avatar_background <=> base.avatar_background;
in property <string> text <=> base.text; in property <string> text <=> base.text;
in property <bool> enabled <=> base.enabled; in property <bool> enabled <=> base.enabled;

6
ui-libraries/material/ui/components/search_bar.slint
View file

@ -119,7 +119,7 @@ component SearchTextInput {
export component SearchBar { export component SearchBar {
in property <image> leading_icon: Icons.menu; in property <image> leading_icon: Icons.menu;
in property <image> trailing_icon; in property <image> trailing_icon;
in property <image> avatar; in property <image> avatar_icon;
in property <color> avatar_background: #00000000; in property <color> avatar_background: #00000000;
in property <string> placeholder; in property <string> placeholder;
in property <string> empty_text; in property <string> empty_text;
@ -176,11 +176,11 @@ export component SearchBar {
color: root.color; color: root.color;
} }
if (root.avatar.width > 0 && root.avatar.height > 0) || root.avatar_background != #00000000 : VerticalLayout { if (root.avatar_icon.width > 0 && root.avatar_icon.height > 0) || root.avatar_background != #00000000 : VerticalLayout {
alignment: center; alignment: center;
Avatar { Avatar {
image: root.avatar; image: root.avatar_icon;
background: root.avatar_background; background: root.avatar_background;
} }
} }