feat: Add animation for position switching to dock.

as title.

pms-bug-271145

Author: wjyrich

panels/dock/package/main.qml

@@ -116,16 +116,95 @@ Window {
         }
     }
 
+    PropertyAnimation {
+        id: hideDockAnimation;
+        property bool useTransformBasedAnimation: Qt.platform.pluginName === "xcb"
+        target: useTransformBasedAnimation ? dockTransform : dock
+        property: {
+            if (useTransformBasedAnimation) return dock.useColumnLayout ? "x" : "y";
+            return dock.useColumnLayout ? "width" : "height";
+        }
+        from: 0
+        to: {
+            if (useTransformBasedAnimation) {
+                return (Panel.position === Dock.Left || Panel.position === Dock.Top) ? -Panel.dockSize : Panel.dockSize;
+            }
+            return 1;
+        }
+        duration: 250
+        easing.type: Easing.OutCubic
+        onStarted: {
+            dock.visible = true
+        }
+        onStopped: {
+            if (useTransformBasedAnimation) {
+                dock.visible = true
+            } else {
+                dock.visible = ((dock.useColumnLayout ? dock.width : dock.height) != 1)
+            }
+        }
+    }
+    PropertyAnimation {
+        id: showDockAnimation;
+        property bool useTransformBasedAnimation: Qt.platform.pluginName === "xcb"
+        target: useTransformBasedAnimation ? dockTransform : dock
+        property: {
+            if (useTransformBasedAnimation) return dock.useColumnLayout ? "x" : "y";
+            return dock.useColumnLayout ? "width" : "height";
+        }
+        duration: 250
+        easing.type: Easing.OutCubic
+        from: {
+            if (useTransformBasedAnimation) {
+                return (Panel.position === Dock.Left || Panel.position === Dock.Top) ? -Panel.dockSize : Panel.dockSize;
+            }
+            return 1;
+        }
+        to: {
+            if (useTransformBasedAnimation) return 0;
+            return Panel.dockSize;
+        }
+        onStarted: {
+            dock.visible = true
+        }
+        onStopped: {
+            if (useTransformBasedAnimation) {
+                dock.visible = true
+            } else {
+                dock.visible = ((dock.useColumnLayout ? dock.width : dock.height) != 1)
+            }
+        }
+    }
+
     component EnumPropertyMenuItem: LP.MenuItem {
         required property string name
         required property string prop
         required property int value
         text: name
         onTriggered: {
-            Applet[prop] = value
-            checked = Qt.binding(function() {
-                return Applet[prop] === value
-            })
+            if (prop === "position") {
+                // After hide animation completes, change position
+                hideDockAnimation.onStopped.connect(function() {
+                    // Stop any running animations first --fix bug with do not show dock
+                    hideDockAnimation.stop()
+                    showDockAnimation.stop()
+                    // Reset transform before starting new animation--fix bug with change position,will have a blank area
+                    dockTransform.x = 0
+                    dockTransform.y = 0
+
+                    Applet[prop] = value
+                    checked = Qt.binding(function() {
+                        return Applet[prop] === value
+                    })
+                    showDockAnimation.start()
+                })
+                hideDockAnimation.start()
+            } else {
+                Applet[prop] = value
+                checked = Qt.binding(function() {
+                    return Applet[prop] === value
+                })
+            }
         }
         checked: Applet[prop] === value
     }