feat: adjust tray collapse animation

log: as title

Author: tsic404

panels/dock/tray/package/ActionToggleCollapseDelegate.qml

@@ -16,7 +16,7 @@ AppletItemButton {
 
     z: 5
 
-    icon.name: isHorizontal ? (collapsed ? "expand-left" : "expand-right") : (collapsed ? "expand-up" : "expand-down")
+    icon.name: isHorizontal ? "expand-right" : "expand-up"
 
     padding: itemPadding
 
@@ -25,6 +25,26 @@ AppletItemButton {
         toolTip.close()
     }
 
+    states: [
+        State {
+            name: "opened"
+            when: !collapsed
+            PropertyChanges { target: root.contentItem; rotation: 180 }
+        },
+
+        State {
+            name: "closed"
+            when: collapsed
+            PropertyChanges { target: root.contentItem; rotation: 0 }
+        }
+    ]
+
+    transitions: [
+        Transition {
+            RotationAnimation { duration: 200; }
+        }
+    ]
+
     PanelToolTip {
         id: toolTip
         text: qsTr("Collapse tray")

panels/dock/tray/package/TrayContainer.qml

@@ -95,11 +95,11 @@ Item {
     height: containerSize.height
 
     Behavior on width {
-        NumberAnimation { duration: 200; easing.type: Easing.OutQuad }
+        NumberAnimation { duration: 200; easing.type: collapsed ? Easing.OutQuad : Easing.InQuad }
     }
 
     Behavior on height {
-        NumberAnimation { duration: 200; easing.type: Easing.OutQuad }
+        NumberAnimation { duration: 200; easing.type: collapsed ? Easing.OutQuad : Easing.InQuad }
     }
 
     // Delegates

panels/dock/tray/package/TrayItemPositioner.qml

@@ -26,33 +26,35 @@ Control {
     x: visualPosition.x
     y: visualPosition.y
     Behavior on x {
-        NumberAnimation { duration: 200; easing.type: Easing.OutQuad }
+        NumberAnimation { duration: 200; easing.type: collapsed ? Easing.OutQuad : Easing.InQuad }
     }
     Behavior on y {
-        NumberAnimation { duration: 200; easing.type: Easing.OutQuad }
+        NumberAnimation { duration: 200; easing.type: collapsed ? Easing.OutQuad : Easing.InQuad }
     }
     states: [
         State {
             when: root.itemVisible
             PropertyChanges { target: root; opacity: 1.0 }
+            PropertyChanges { target: root; scale: 1.0 }
             PropertyChanges { target: root; visible: true }
         },
         State {
             name: "item-invisible"
             when: !root.itemVisible
-            PropertyChanges { target: root; opacity: 0.0 }
+            PropertyChanges { target: root; opacity: 0 }
+            PropertyChanges { target: root; scale: 0.2 }
         }
     ]
     transitions: [
         Transition {
             to: "item-invisible"
             SequentialAnimation {
-                NumberAnimation { property: "opacity"; easing.type: Easing.InQuad; duration: 200 }
+                NumberAnimation { properties: "opacity,scale"; easing.type: Easing.OutQuad; duration: 200 }
                 PropertyAction { target: root; property: "visible"; value: false }
             }
         },
         Transition {
-            NumberAnimation { property: "opacity"; easing.type: Easing.OutQuad; duration: 200 }
+            NumberAnimation { properties: "opacity,scale"; easing.type: Easing.InQuad; duration: 200 }
         }
     ]
 }

panels/dock/tray/traysortordermodel.cpp

@@ -363,9 +363,10 @@ void TraySortOrderModel::updateVisualIndexes()
         results[0]->setData(-1, TraySortOrderModel::VisualIndexRole);
         if (itemVisible) {
             toogleCollapseActionVisible = true;
-            results[0]->setData(currentVisualIndex, TraySortOrderModel::VisualIndexRole);
             if (!m_collapsed) {
-                currentVisualIndex++;
+                results[0]->setData(currentVisualIndex++, TraySortOrderModel::VisualIndexRole);
+            } else {
+                results[0]->setData(currentVisualIndex-1, TraySortOrderModel::VisualIndexRole);
             }
         }
     }