update v0.5.2

Author: syf20020816

Cargo.toml

@@ -9,7 +9,7 @@ description = ""
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-slint = "1.6.0"
+slint = "1.8.0"
 
 [build-dependencies]
-slint-build = "1.6.0"
+slint-build = "1.8.0"

README.md

@@ -12,9 +12,9 @@ And this template use `SurrealismUI` as default Component Library
 
 | name         | version    |
 | ------------ | ---------- |
-| slint        | 1.6.0      |
+| slint        | 1.8.0      |
 | rust         | after 2021 |
-| SurrealismUI | 0.5.0      |
+| SurrealismUI | 0.5.2      |
 
 ## Recommend IDE
 

ui/modules/surrealism-ui/src/collapse/item.slint

@@ -40,7 +40,7 @@ import { SIcon } from "../icon/index.slint";
 import { Themes,UseIcons,PaddingType,ShadowType,BorderType } from "../../use/index.slint";
 
 export component CollapseItem inherits Rectangle{
-  height: header.height;
+  height: is-show?details-height:header.height;
   background: transparent;
   in-out property <int> font-weight : DefaultSCollapseProps.font-weight;
   in-out property <length> font-size: DefaultSCollapseProps.font-size;
@@ -129,18 +129,27 @@ export component CollapseItem inherits Rectangle{
             theme: root.theme;
             height: 16px;
             width: 16px;
+            rotation: is-show?{
+              rotation-angle: 90deg,
+              rotation-origin-x: icon.width / 2,
+              rotation-origin-y: icon.height / 2,
+            }:{
+              rotation-angle: 0deg,
+              rotation-origin-x: icon.width / 2,
+              rotation-origin-y: icon.height / 2,
+            };
             source: root.collapse-icon;
             clicked => {
-             area.clicked()
+              area.clicked()
             }
           }
         }
       }
     }
     details-view:= SCard{
-      height: root.is-show ? root.details-height : 0;
+      height: root.is-show ? root.height - header.height : 0;
       width: header.width;
-      visible: false;
+      visible: root.is-show;
       border-radius: 0;
       drop-shadow-blur: 0;
       theme: root.theme;

ui/modules/surrealism-ui/src/select/select.slint

@@ -51,6 +51,8 @@ export component Select inherits SCard {
   in property <string> placeholder : DefaultSSelectProps.placeholder;
   in-out property <bool> is-show : DefaultSSelectProps.is-show;
   in-out property <int> active: -1;
+  out property <bool> has-hover <=> selector.has-hover;
+  out property <bool> expand-hover <=> expand-area.has-hover;
   callback changed(int, SOption);
   public function open() {
     expand.visible=true;
@@ -68,7 +70,6 @@ export component Select inherits SCard {
       return root.active >= 0 && root.active <= options.length - 1;
   }
   selector:=TouchArea{
-    z: 111;
     HorizontalLayout{
       padding-left: root.padding-left;
       padding-right: root.padding-right;
@@ -81,7 +82,6 @@ export component Select inherits SCard {
         font-italic: root.font-italic;
       }
       select-icon-view:=Rectangle{
-        z: 110;
         width: select-icon.width;
         select-icon:=SIcon{
           theme: root.theme;
@@ -108,35 +108,38 @@ export component Select inherits SCard {
     y: parent.height + 6px;
     card-width: parent.card-width;
     height: UseSurrealismFn.count-height(root.item-font-size,root.card-padding.padding-top) * 3;
-    list:=ListView { 
-      padding-top: parent.padding-top;
-      padding-bottom: parent.padding-bottom;
-      for range[index] in root.options : Rectangle{
-        height: area.height;
-        background:area.has-hover?expand.background.brighter(0.1):expand.background;
-        area:=TouchArea{
-          mouse-cursor: pointer;
-          z: 111;
-          height: list-item.height;
-          clicked => {
-            root.active = index;
-            root.changed(index, range);
-          }
-          list-item:= SText {
-            height: UseSurrealismFn.count-height(root.item-font-size,root.card-padding.padding-top);
-            padding-left: root.padding-left;
-            padding-right: root.padding-right;
-            width: root.width - self.padding-left - self.padding-right;
-            theme: root.theme;
-            text: range.label;
-            font-family: item-font-family;
-            font-size: item-font-size;
-            font-weight: item-font-weight;
-            font-italic: item-font-italic;
+    expand-area:= TouchArea {
+      mouse-cursor: pointer;
+      height: parent.height;
+      width: parent.width;
+      list:=ListView {
+        padding-top: parent.padding-top;
+        padding-bottom: parent.padding-bottom;
+        for range[index] in root.options : Rectangle{
+          height: area.height;
+          background:area.has-hover?expand.background.brighter(0.1):expand.background;
+          area:=TouchArea{
+            mouse-cursor: pointer;
+            height: list-item.height;
+            clicked => {
+              root.active = index;
+              root.changed(index, range);
+            }
+            list-item:= SText {
+              height: UseSurrealismFn.count-height(root.item-font-size,root.card-padding.padding-top);
+              padding-left: root.padding-left;
+              padding-right: root.padding-right;
+              width: root.width - self.padding-left - self.padding-right;
+              theme: root.theme;
+              text: range.label;
+              font-family: item-font-family;
+              font-size: item-font-size;
+              font-weight: item-font-weight;
+              font-italic: item-font-italic;
+            }
           }
         }
       }
     }
   }
-}
-    
+}

ui/modules/surrealism-ui/surrealism-ui.toml

@@ -1,6 +1,6 @@
 [package]
 name = "surrealism-ui"
-version = "0.5.0"
+version = "0.5.2"
 edition = "2024"
 description = "SurrealismUI is a third-party component library built entirely using Slint"
 authors = ["syf20020816@outlook.com"]
@@ -11,4 +11,4 @@ keywords = ["slint-ui", "slint", "ui-components", "gui", "widgets"]
 
 
 [dependencies]
-slint = "1.6.0"
+slint = "1.8.0"

ui/modules/surrealism-ui/use/src/icon.slint

@@ -20,7 +20,6 @@ struct Icons {
   Link_left:image,
   Preview_close:image,
   Preview_open:image,
-  Close_one:image,
   Setting_two:image,
   Folder:image,
   Folder_filled:image,
@@ -55,7 +54,6 @@ global UseIcons {
       Link_left:@image-url("../../icons/link-left.svg"),
       Preview_close:@image-url("../../icons/preview-close.svg"),
       Preview_open:@image-url("../../icons/preview-open.svg"),
-      Close_one:@image-url("../../icons/close-one.svg"),
       Setting_two:@image-url("../../icons/setting-two.svg"),
       Folder:@image-url("../../icons/folder-open.svg"),
       Folder_filled:@image-url("../../icons/folder-open-filled.svg"),
@@ -84,4 +82,4 @@ struct SIconProps {
   source-clip-width : int
 }
 
-export { Icons,IconProps,UseIcons,SIconProps }
+export { Icons,IconProps,UseIcons,SIconProps }