[*] update slint to v1.14

heng30 · heng30 · commit e62a47f7c4a8 · 2025-10-23T10:48:04.000+08:00
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -49,7 +49,7 @@ paste = "1.0"
 bytes = "1.10"
 tokio = "1.45"
 regex = "1.11"
-slint = "1.13"
+slint = "1.14"
 image = "0.25"
 flate2 = "1.1"
 anyhow = "1.0"
@@ -64,7 +64,7 @@ webbrowser = "1.0"
 serde_with = "3.13"
 env_logger = "0.11"
 proc-macro2 = "1.0"
-slint-build = "1.13"
+slint-build = "1.14"
 wasm-bindgen = "0.2"
 display-info = "0.5"
 native-dialog = "0.9"
diff --git a/wayshot/ui/base/audio-control.slint b/wayshot/ui/base/audio-control.slint
@@ -144,7 +144,7 @@ export component AudioControl inherits Rectangle {
                 icon-size: root.icon-size;
                 bg-color: Theme.base-background;
                 use-auto-size: true;
-                icon-rotation-angle: 180deg;
+                icon-transform-rotation: 180deg;
                 auto-size-vpadding: root.btn-vpadding;
                 drop-shadow-blur: root.btn-drop-shadow-blur;
                 drop-shadow-color: root.btn-drop-shadow-color;
diff --git a/wayshot/ui/base/blank-welcome.slint b/wayshot/ui/base/blank-welcome.slint
@@ -11,10 +11,12 @@ export component BlankWelcome inherits HorizontalLayout {
     in-out property <string> title;
     in-out property <string> sub-title;
     in-out property <color> text-color: Theme.primary-text-color;
+    in-out property <float> title-opacity: Theme.blank-welcome-opacity;
+    in-out property <float> sub-title-opacity: Theme.blank-welcome-opacity;
+    in-out property <float> img-opacity: Theme.blank-welcome-opacity;
 
     padding: Theme.padding * 2;
     padding-top: Theme.padding * 8;
-    opacity: Theme.blank-welcome-opacity;
 
     VerticalLayout {
         alignment: LayoutAlignment.center;
@@ -25,14 +27,16 @@ export component BlankWelcome inherits HorizontalLayout {
             font-size: Theme.title1-font-size + 10px;
             font-weight: Theme.bold-font-weight;
             horizontal-alignment: TextHorizontalAlignment.center;
+            opacity: root.title-opacity;
             color: root.text-color;
         }
 
         Label {
             text: sub-title;
-            font-size: Theme.title3-font-size;
+            font-size: Theme.title4-font-size;
             font-weight: Theme.bold-font-weight;
             horizontal-alignment: TextHorizontalAlignment.center;
+            opacity: root.sub-title-opacity;
             color: root.text-color;
         }
 
@@ -43,6 +47,7 @@ export component BlankWelcome inherits HorizontalLayout {
             Image {
                 width: Math.min(root.width * 0.8, self.preferred-width);
                 source: Icons.brand;
+                opacity: root.img-opacity;
             }
         }
     }
diff --git a/wayshot/ui/base/chartbar.slint b/wayshot/ui/base/chartbar.slint
@@ -97,7 +97,7 @@ export component ChartBar inherits Rectangle {
                         }
 
                         Label {
-                            rotation-angle: label-totation-angle;
+                            transform-rotation: label-totation-angle;
                             text: entry.label;
                         }
                     }
@@ -174,7 +174,7 @@ export component ChartBar inherits Rectangle {
 
                         for index in number-counts: Label {
                             x: max-value <= 0 ? -self.preferred-width / 2 : parent.width * self.text.to-float() / max-value - self.preferred-width / 2;
-                            rotation-angle: number-totation-angle;
+                            transform-rotation: number-totation-angle;
                             text: number-counts <= 1 ? 0 : Math.floor(max-value / (number-counts - 1)) * index;
                         }
                     }
@@ -214,7 +214,7 @@ export component ChartBar inherits Rectangle {
 
                     for index in number-counts: Label {
                         y: max-value <= 0 ? parent.height - self.preferred-height / 2 : parent.height - parent.height * self.text.to-float() / max-value - self.preferred-height / 2;
-                        rotation-angle: number-totation-angle;
+                        transform-rotation: number-totation-angle;
                         text: number-counts <= 1 ? 0 : Math.floor(max-value / (number-counts - 1)) * index;
                     }
                 }
@@ -288,8 +288,8 @@ export component ChartBar inherits Rectangle {
                     }
 
                     Label {
-                        rotation-origin-x: 0;
-                        rotation-angle: label-totation-angle;
+                        transform-origin: { x: 0, y: 0 };
+                        transform-rotation: label-totation-angle;
                         text: entry.label;
                     }
                 }
diff --git a/wayshot/ui/base/elevated-btn.slint b/wayshot/ui/base/elevated-btn.slint
@@ -14,7 +14,7 @@ export component ElevatedBtn inherits Rectangle {
     in-out property colorize <=> btn.colorize;
     in-out property enable <=> btn.enabled-toucharea;
     out property has-hover <=> btn.has-hover;
-    in-out property <angle> icon-rotation-angle;
+    in-out property <angle> icon-transform-rotation;
     in-out property gain-focus-when-clicked <=> btn.gain-focus-when-clicked;
 
     in-out property tip <=> btn.tip;
@@ -26,7 +26,7 @@ export component ElevatedBtn inherits Rectangle {
     btn := IconBtn {
         icon-size: root.width * 0.65;
         show-icon-hover-background: false;
-        icon-rotation-angle: root.icon-rotation-angle;
+        icon-transform-rotation: root.icon-transform-rotation;
     }
 }
 
diff --git a/wayshot/ui/base/icon-btn.slint b/wayshot/ui/base/icon-btn.slint
@@ -14,7 +14,7 @@ export component IconBtn inherits Rectangle {
     in-out property colorize <=> img.colorize;
     in-out property icon-size <=> img.width;
     in-out property icon-visible <=> img.visible;
-    in-out property icon-rotation-angle <=> img.rotation-angle;
+    in-out property icon-transform-rotation <=> img.transform-rotation;
     in-out property mouse-cursor <=> touch.mouse-cursor;
     in-out property enabled-toucharea <=> touch.enabled;
     out property has-hover <=> touch.has-hover;
@@ -96,9 +96,9 @@ export component IconBtn inherits Rectangle {
                 width: Theme.icon-size;
                 height: self.width;
                 colorize: Theme.icon-color;
-                rotation-angle: 0;
+                transform-rotation: 0;
 
-                animate rotation-angle {
+                animate transform-rotation {
                     duration: Theme.default-animate-duration;
                     easing: ease-in-out;
                     iteration-count: root.rotation-type == RotationType.Auto ? -1 : root.icon-rotation-iteration-count;
@@ -119,10 +119,10 @@ export component IconBtn inherits Rectangle {
         mouse-cursor: MouseCursor.pointer;
         clicked => {
             if (RotationType.Click == root.rotation-type) {
-                if (icon-rotation-angle == 0) {
-                    icon-rotation-angle = 360deg;
+                if (icon-transform-rotation == 0) {
+                    icon-transform-rotation = 360deg;
                 } else {
-                    icon-rotation-angle = 0deg;
+                    icon-transform-rotation = 0deg;
                 }
             }
             if (gain-focus-when-clicked) {
diff --git a/wayshot/ui/base/loading.slint b/wayshot/ui/base/loading.slint
@@ -29,10 +29,10 @@ export component Loading inherits Rectangle {
             icon := Image {
                 height: root.icon-size;
                 width: self.height;
-                rotation-angle: !root.is-show-animation ? 0deg : 240deg * animation-tick() / root.duration;
+                transform-rotation: !root.is-show-animation ? 0deg : 240deg * animation-tick() / root.duration;
                 source: root.loading-icon;
                 colorize: root.colorize;
-                animate rotation-angle {
+                animate transform-rotation {
                     easing: ease-in-out;
                     iteration-count: -1;
                 }
diff --git a/wayshot/ui/base/setting-entry.slint b/wayshot/ui/base/setting-entry.slint
@@ -26,7 +26,7 @@ export component SettingEntry inherits Rectangle {
         eib := IconBtn {
             background: Colors.transparent;
             icon: Icons.back-light;
-            icon-rotation-angle: 180deg;
+            icon-transform-rotation: 180deg;
             colorize: root.background.darker(30%);
             is-ltr: false;
         }
diff --git a/wayshot/ui/base/tab-btn.slint b/wayshot/ui/base/tab-btn.slint
@@ -3,7 +3,7 @@ import { Theme } from "theme.slint";
 export component TabBtn inherits Rectangle {
     in-out property icon <=> img.source;
     in-out property icon-width <=> img.width;
-    in-out property icon-rotation-angle <=> img.rotation-angle;
+    in-out property icon-transform-rotation <=> img.transform-rotation;
     in-out property text <=> txt.text;
 
     in-out property<length> icon-size: Theme.icon-size;
diff --git a/wayshot/ui/base/transaction-tile.slint b/wayshot/ui/base/transaction-tile.slint
@@ -116,7 +116,7 @@ export component TransactionTile inherits Rectangle {
                 colorize: root.icon-colorize;
                 icon: root.icon;
                 rotation-type: TransactionTileStatus.Loading == entry.status ? RotationType.Auto : RotationType.None;
-                icon-rotation-angle: TransactionTileStatus.Loading == entry.status ? 240deg * animation-tick() / 0.5s : 0;
+                icon-transform-rotation: TransactionTileStatus.Loading == entry.status ? 240deg * animation-tick() / 0.5s : 0;
             }
         }
     }
diff --git a/wayshot/ui/base/video-control.slint b/wayshot/ui/base/video-control.slint
@@ -78,7 +78,7 @@ export component VideoControl inherits Rectangle {
 
                 if !root.is-hide-prev-btn: IconBtn {
                     icon: Icons.skip-next-light;
-                    icon-rotation-angle: 180deg;
+                    icon-transform-rotation: 180deg;
                     show-icon-hover-background: false;
                     icon-size: root.icon-size * 1.8;
 
diff --git a/wayshot/ui/panel/desktop/home.slint b/wayshot/ui/panel/desktop/home.slint
@@ -1,7 +1,21 @@
 import { ListView } from "std-widgets.slint";
 import { Theme, Icons, Util, Logic, Store, PopupIndex } from "../def.slint";
 import { RecordStatus, SourceType, MergeTrackStatus } from "../../store.slint";
-import { Link, Slider, SettingDetailInnerVbox, Select, IconBtn, ElevatedBtn, ProgressBar, Label, BlankWelcome, Banner, RecordIndicator, AudioLevel, ComponentPosition } from "../../base/widgets.slint";
+import {
+    Link,
+    Slider,
+    SettingDetailInnerVbox,
+    Select,
+    IconBtn,
+    ElevatedBtn,
+    ProgressBar,
+    Label,
+    BlankWelcome,
+    Banner,
+    RecordIndicator,
+    AudioLevel,
+    ComponentPosition,
+} from "../../base/widgets.slint";
 import { LogIn } from "../../base/log-in.slint";
 
 component PreviewPanel inherits Rectangle {
@@ -42,7 +56,9 @@ component PreviewPanel inherits Rectangle {
         title: Logic.tr("Welcome to use wayshot");
         sub-title: Logic.tr("screen recording tool for wayland");
         text-color: Theme.light-text-color;
-        opacity: Theme.golden-ratio;
+        title-opacity: Theme.golden-ratio;
+        sub-title-opacity: Theme.golden-ratio * 0.8;
+        img-opacity: Theme.golden-ratio * Theme.golden-ratio;
     }
 
     if !Store.never-recording-once: Rectangle {

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@ export component ChartBar inherits Rectangle {`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`Label {`
`100`		`- rotation-angle: label-totation-angle;`
	`100`	`+ transform-rotation: label-totation-angle;`
`101`	`101`	`text: entry.label;`
`102`	`102`	`}`
`103`	`103`	`}`
`@@ -174,7 +174,7 @@ export component ChartBar inherits Rectangle {`
`174`	`174`
`175`	`175`	`for index in number-counts: Label {`
`176`	`176`	`x: max-value <= 0 ? -self.preferred-width / 2 : parent.width * self.text.to-float() / max-value - self.preferred-width / 2;`
`177`		`- rotation-angle: number-totation-angle;`
	`177`	`+ transform-rotation: number-totation-angle;`
`178`	`178`	`text: number-counts <= 1 ? 0 : Math.floor(max-value / (number-counts - 1)) * index;`
`179`	`179`	`}`
`180`	`180`	`}`
`@@ -214,7 +214,7 @@ export component ChartBar inherits Rectangle {`
`214`	`214`
`215`	`215`	`for index in number-counts: Label {`
`216`	`216`	`y: max-value <= 0 ? parent.height - self.preferred-height / 2 : parent.height - parent.height * self.text.to-float() / max-value - self.preferred-height / 2;`
`217`		`- rotation-angle: number-totation-angle;`
	`217`	`+ transform-rotation: number-totation-angle;`
`218`	`218`	`text: number-counts <= 1 ? 0 : Math.floor(max-value / (number-counts - 1)) * index;`
`219`	`219`	`}`
`220`	`220`	`}`
`@@ -288,8 +288,8 @@ export component ChartBar inherits Rectangle {`
`288`	`288`	`}`
`289`	`289`
`290`	`290`	`Label {`
`291`		`- rotation-origin-x: 0;`
`292`		`- rotation-angle: label-totation-angle;`
	`291`	`+ transform-origin: { x: 0, y: 0 };`
	`292`	`+ transform-rotation: label-totation-angle;`
`293`	`293`	`text: entry.label;`
`294`	`294`	`}`
`295`	`295`	`}`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ export component SettingEntry inherits Rectangle {`
`26`	`26`	`eib := IconBtn {`
`27`	`27`	`background: Colors.transparent;`
`28`	`28`	`icon: Icons.back-light;`
`29`		`- icon-rotation-angle: 180deg;`
	`29`	`+ icon-transform-rotation: 180deg;`
`30`	`30`	`colorize: root.background.darker(30%);`
`31`	`31`	`is-ltr: false;`
`32`	`32`	`}`