feat: change scroll trigger from click to hover

Changed ArrowListView button behavior from click-based to hover-based
scrolling
1. Replaced Button with ActionButton component for better hover handling
2. Added timer-based auto-scrolling with initial 300ms delay and 100ms
repeat interval
3. Implemented state machine to manage hover detection and scroll
execution
4. Modified layout properties to use Layout.fillWidth for better button
sizing
5. Removed onClicked handler and replaced with unified performScroll
function

feat: 将滚动触发方式从点击改为悬停

将 ArrowListView 按钮行为从基于点击改为基于悬停的滚动
1. 将 Button 替换为 ActionButton 组件以更好地处理悬停
2. 添加基于计时器的自动滚动，具有 300 毫秒初始延迟和 100 毫秒重复间隔
3. 实现状态机来管理悬停检测和滚动执行
4. 修改布局属性使用 Layout.fillWidth 以获得更好的按钮尺寸
5. 移除 onClicked 处理程序并替换为统一的 performScroll 函数

PMS: BUG-314007 BUG-278225

Author: 18202781743

qt6/src/qml/ArrowListView.qml

@@ -24,7 +24,7 @@ FocusScope {
         P.ArrowListViewButton {
             visible: itemsView.interactive
             Layout.alignment: Qt.AlignHCenter
-            Layout.preferredWidth: width
+            Layout.fillWidth: true
             Layout.preferredHeight: height
             view: itemsView
             direction: P.ArrowListViewButton.UpButton
@@ -79,7 +79,7 @@ FocusScope {
         P.ArrowListViewButton {
             visible: itemsView.interactive
             Layout.alignment: Qt.AlignHCenter
-            Layout.preferredWidth: width
+            Layout.fillWidth: true
             Layout.preferredHeight: height
             view: itemsView
             direction: P.ArrowListViewButton.DownButton

qt6/src/qml/private/ArrowListViewButton.qml

@@ -16,16 +16,49 @@ Loader {
     property int direction
     active: view.interactive
 
-    sourceComponent: Button {
-        flat: true
+    sourceComponent: ActionButton {
+        palette.windowText: undefined
         enabled: direction === ArrowListViewButton.UpButton ? !view.atYBeginning : !view.atYEnd
         width: DS.Style.arrowListView.stepButtonSize.width
         height: DS.Style.arrowListView.stepButtonSize.height
         icon.name: direction === ArrowListViewButton.UpButton ? DS.Style.arrowListView.upButtonIconName
                                                               : DS.Style.arrowListView.downButtonIconName
         icon.width: DS.Style.arrowListView.stepButtonIconSize.width
         icon.height: DS.Style.arrowListView.stepButtonIconSize.height
-        onClicked: direction === ArrowListViewButton.UpButton ? view.decrementCurrentIndex()
-                                                              : view.incrementCurrentIndex()
+
+        // Unified scroll operation function
+        function performScroll() {
+            direction === ArrowListViewButton.UpButton ? view.decrementCurrentIndex() 
+                                                       : view.incrementCurrentIndex()
+        }
+
+        // Auto-scroll control properties using state machine approach
+        property bool shouldAutoScroll: hovered && enabled
+        property bool delayCompleted: false
+
+        // Timer for initial delay before starting hover scroll
+        Timer {
+            id: initialDelayTimer
+            interval: 300
+            repeat: false
+            running: shouldAutoScroll && !delayCompleted
+            onTriggered: delayCompleted = true
+        }
+
+        // Timer for continuous hover scrolling
+        Timer {
+            id: hoverScrollTimer
+            interval: 100
+            repeat: true
+            running: shouldAutoScroll && delayCompleted
+            onTriggered: performScroll()
+        }
+                
+        // Reset state when auto-scroll should stop
+        onShouldAutoScrollChanged: {
+            if (!shouldAutoScroll) {
+                delayCompleted = false
+            }
+        }
     }
 }