RinUI 0.0.11__py3-none-any.whl → 0.1.1__py3-none-any.whl

RinUI/components/Navigation/SelectorBarItem.qml

@@ -0,0 +1,89 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../components"
+import "../../themes"
+
+TabButton {
+    id: root
+
+    implicitWidth: Math.max(row.implicitWidth + 26 , 40)
+    implicitHeight: 32
+
+    background: Item {}
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.animationSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+
+    contentItem: Item {
+        clip: true
+        anchors.fill: parent
+
+        Row {
+            id: row
+            spacing: 8
+            anchors.centerIn: parent
+            IconWidget {
+                id: iconWidget
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
+                icon: root.icon.name
+                source: root.icon.source
+                y: 0.25
+            }
+
+            Text {
+                id: text
+                typography: Typography.Body
+                text: root.text
+                color: Theme.currentTheme.colors.textColor
+            }
+        }
+
+        Indicator {
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: Theme.currentTheme.appearance.borderWidth
+                horizontalCenter: parent.horizontalCenter
+            }
+            visible: root.checked
+            orientation: Qt.Horizontal
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.67
+            }
+            PropertyChanges {
+                target: background;
+                scale: 0.95
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: root;
+                opacity: 0.875
+            }
+        }
+    ]
+}

RinUI/components/ScrollBar.qml

@@ -1,204 +1,204 @@
-import QtQuick 2.15
-import QtQuick.Templates 2.15  // 从Templates导入ScrollBar，否则qt6强制用原生样式……byd我看了大半天
-import "../themes"
-import "../components"
-
-ScrollBar {
-    id: scrollBar
-
-    property int minimumWidth: Theme.currentTheme.appearance.scrollBarMinWidth
-    property int expandWidth: Theme.currentTheme.appearance.scrollBarWidth
-
-    // 宽高
-    implicitWidth: horizontal ? parent.width
-        : (implicitContentWidth + leftPadding + rightPadding)
-    implicitHeight: vertical ? parent.height
-        : (implicitContentHeight + topPadding + bottomPadding)
-
-    // 锚点 //
-    anchors.verticalCenter: vertical ? parent.verticalCenter : undefined
-    anchors.horizontalCenter: horizontal ? parent.horizontalCenter : undefined
-    anchors.right: vertical ? parent.right : undefined
-    anchors.bottom: horizontal ? parent.bottom : undefined
-
-    verticalPadding : vertical ? 15 : 3
-    horizontalPadding : horizontal ? 15 : 3
-    enabled: size < 1.0
-
-    // 控制按钮 / Control Button //
-    ToolButton {
-        background: Item {}  // 无背景
-
-        width: 15
-        height: 15
-        size: 8
-        color: Theme.currentTheme.colors.textSecondaryColor
-        icon.name: vertical ? "ic_fluent_triangle_up_20_filled" : "ic_fluent_triangle_left_20_filled"
-        anchors {
-            top: vertical ? parent.top : undefined
-            left: horizontal ? parent.left : undefined
-            horizontalCenter: vertical ? parent.horizontalCenter : undefined
-            verticalCenter: horizontal ? parent.verticalCenter : undefined
-        }
-        onClicked: scrollBar.decrease()
-
-        visible: scrollBar.size < 1.0
-        opacity: background.opacity
-    }
-
-    ToolButton {
-        background: Item {}  // 无背景
-
-        width: 15
-        height: 15
-        size: 8
-        color: Theme.currentTheme.colors.textSecondaryColor
-        icon.name: vertical ? "ic_fluent_triangle_down_20_filled" : "ic_fluent_triangle_right_20_filled"
-        anchors {
-            bottom: vertical ? parent.bottom : undefined
-            right: horizontal ? parent.right : undefined
-            horizontalCenter: vertical ? parent.horizontalCenter : undefined
-            verticalCenter: horizontal ? parent.verticalCenter : undefined
-        }
-        onClicked: scrollBar.increase()
-
-        visible: scrollBar.size < 1.0
-        opacity: background.opacity
-    }
-
-
-    // 内容 / Content //
-    contentItem: Item {
-        id: item
-        // collapsed / 收缩状态 //
-        property bool collapsed: (
-            scrollBar.policy === ScrollBar.AlwaysOn || (scrollBar.active)
-        )  // 当滚动条处于AlwaysOn状态或处于激活状态且尺寸小于1.0时，则为收缩状态
-
-        // 最小尺寸 / Minimum Size //
-        implicitWidth: scrollBar.interactive ? scrollBar.expandWidth : scrollBar.minimumWidth
-        implicitHeight: scrollBar.interactive ? scrollBar.expandWidth : scrollBar.minimumWidth
-
-        Rectangle{
-            id: bar
-            width:  vertical ? scrollBar.minimumWidth : parent.width
-            height: horizontal ? scrollBar.minimumWidth : parent.height
-            color: Theme.currentTheme.colors.controlStrongColor
-            anchors{
-                right: vertical ? parent.right : undefined
-                bottom: horizontal ? parent.bottom : undefined
-            }
-            radius: 9999
-            visible: scrollBar.size < 1.0
-
-            Behavior on color {
-                ColorAnimation {
-                    duration: Utils.appearanceSpeed
-                    easing.type: Easing.OutCubic
-                }
-            }
-        }
-
-        states: [
-            State{
-                name: "collapsed"
-                when: contentItem.collapsed
-                PropertyChanges {
-                    target: bar
-                    width:  vertical ? scrollBar.expandWidth : parent.width
-                    height: horizontal ? scrollBar.expandWidth : parent.height
-                }
-            },
-            State{
-                name: "minimum"
-                when: !contentItem.collapsed
-                PropertyChanges {
-                    target: bar
-                    width:  vertical ? scrollBar.minimumWidth : parent.width
-                    height: horizontal ? scrollBar.minimumWidth : parent.height
-                }
-            }
-        ]
-        transitions:[
-            Transition {
-                to: "minimum"
-                SequentialAnimation {
-                    PauseAnimation { duration: 450 }  // 等待时长
-                    NumberAnimation {
-                        target: bar
-                        properties: vertical ? "width"  : "height"
-                        duration: 167
-                        easing.type: Easing.OutCubic
-                    }
-                }
-            },
-            Transition {
-                to: "collapsed"
-                SequentialAnimation {
-                    PauseAnimation { duration: 150 }
-                    NumberAnimation {
-                        target: bar
-                        properties: vertical ? "width"  : "height"
-                        duration: 167
-                        easing.type: Easing.OutCubic
-                    }
-                }
-            }
-        ]
-    }
-    // 背景 / Background //
-    background: Rectangle{
-        id: background
-        radius: 5
-        color: Theme.currentTheme.colors.backgroundAcrylicColor
-        opacity: 0
-        visible: scrollBar.size < 1.0
-
-        states: [
-            State{
-                name: "show"
-                when: contentItem.collapsed
-                PropertyChanges {
-                    target: background
-                    opacity: 1
-                }
-            },
-            State{
-                name: "hide"
-                when: !contentItem.collapsed
-                PropertyChanges {
-                    target: background
-                    opacity: 0
-                }
-            }
-        ]
-
-        // 动画
-        transitions:[
-            Transition {
-                to: "hide"
-                SequentialAnimation {
-                    PauseAnimation { duration: 450 }  // 等待时长
-                    NumberAnimation {
-                        target: background
-                        properties: "opacity"
-                        duration: 167
-                        easing.type: Easing.OutCubic
-                    }
-                }
-            },
-            Transition {
-                to: "show"
-                SequentialAnimation {
-                    PauseAnimation { duration: 150 }
-                    NumberAnimation {
-                        target: background
-                        properties: "opacity"
-                        duration: 167
-                        easing.type: Easing.OutCubic
-                    }
-                }
-            }
-        ]
-    }
-}
+import QtQuick 2.15
+import QtQuick.Templates 2.15  // 从Templates导入ScrollBar，否则qt6强制用原生样式……byd我看了大半天
+import "../themes"
+import "../components"
+
+ScrollBar {
+    id: scrollBar
+
+    property int minimumWidth: Theme.currentTheme.appearance.scrollBarMinWidth
+    property int expandWidth: Theme.currentTheme.appearance.scrollBarWidth
+
+    // 宽高
+    implicitWidth: horizontal ? parent.width
+        : (implicitContentWidth + leftPadding + rightPadding)
+    implicitHeight: vertical ? parent.height
+        : (implicitContentHeight + topPadding + bottomPadding)
+
+    // 锚点 //
+    anchors.verticalCenter: vertical ? parent.verticalCenter : undefined
+    anchors.horizontalCenter: horizontal ? parent.horizontalCenter : undefined
+    anchors.right: vertical ? parent.right : undefined
+    anchors.bottom: horizontal ? parent.bottom : undefined
+
+    verticalPadding : vertical ? 15 : 3
+    horizontalPadding : horizontal ? 15 : 3
+    enabled: size < 1.0
+
+    // 控制按钮 / Control Button //
+    ToolButton {
+        background: Item {}  // 无背景
+
+        width: 15
+        height: 15
+        size: 8
+        color: Theme.currentTheme.colors.textSecondaryColor
+        icon.name: vertical ? "ic_fluent_triangle_up_20_filled" : "ic_fluent_triangle_left_20_filled"
+        anchors {
+            top: vertical ? parent.top : undefined
+            left: horizontal ? parent.left : undefined
+            horizontalCenter: vertical ? parent.horizontalCenter : undefined
+            verticalCenter: horizontal ? parent.verticalCenter : undefined
+        }
+        onClicked: scrollBar.decrease()
+
+        visible: scrollBar.size < 1.0
+        opacity: background.opacity
+    }
+
+    ToolButton {
+        background: Item {}  // 无背景
+
+        width: 15
+        height: 15
+        size: 8
+        color: Theme.currentTheme.colors.textSecondaryColor
+        icon.name: vertical ? "ic_fluent_triangle_down_20_filled" : "ic_fluent_triangle_right_20_filled"
+        anchors {
+            bottom: vertical ? parent.bottom : undefined
+            right: horizontal ? parent.right : undefined
+            horizontalCenter: vertical ? parent.horizontalCenter : undefined
+            verticalCenter: horizontal ? parent.verticalCenter : undefined
+        }
+        onClicked: scrollBar.increase()
+
+        visible: scrollBar.size < 1.0
+        opacity: background.opacity
+    }
+
+
+    // 内容 / Content //
+    contentItem: Item {
+        id: item
+        // collapsed / 收缩状态 //
+        property bool collapsed: (
+            scrollBar.policy === ScrollBar.AlwaysOn || (scrollBar.active)
+        )  // 当滚动条处于AlwaysOn状态或处于激活状态且尺寸小于1.0时，则为收缩状态
+
+        // 最小尺寸 / Minimum Size //
+        implicitWidth: scrollBar.interactive ? scrollBar.expandWidth : scrollBar.minimumWidth
+        implicitHeight: scrollBar.interactive ? scrollBar.expandWidth : scrollBar.minimumWidth
+
+        Rectangle{
+            id: bar
+            width:  vertical ? scrollBar.minimumWidth : parent.width
+            height: horizontal ? scrollBar.minimumWidth : parent.height
+            color: Theme.currentTheme.colors.controlStrongColor
+            anchors{
+                right: vertical ? parent.right : undefined
+                bottom: horizontal ? parent.bottom : undefined
+            }
+            radius: 9999
+            visible: scrollBar.size < 1.0
+
+            Behavior on color {
+                ColorAnimation {
+                    duration: Utils.appearanceSpeed
+                    easing.type: Easing.OutCubic
+                }
+            }
+        }
+
+        states: [
+            State{
+                name: "collapsed"
+                when: contentItem.collapsed
+                PropertyChanges {
+                    target: bar
+                    width:  vertical ? scrollBar.expandWidth : parent.width
+                    height: horizontal ? scrollBar.expandWidth : parent.height
+                }
+            },
+            State{
+                name: "minimum"
+                when: !contentItem.collapsed
+                PropertyChanges {
+                    target: bar
+                    width:  vertical ? scrollBar.minimumWidth : parent.width
+                    height: horizontal ? scrollBar.minimumWidth : parent.height
+                }
+            }
+        ]
+        transitions:[
+            Transition {
+                to: "minimum"
+                SequentialAnimation {
+                    PauseAnimation { duration: 450 }  // 等待时长
+                    NumberAnimation {
+                        target: bar
+                        properties: vertical ? "width"  : "height"
+                        duration: 167
+                        easing.type: Easing.OutCubic
+                    }
+                }
+            },
+            Transition {
+                to: "collapsed"
+                SequentialAnimation {
+                    PauseAnimation { duration: 150 }
+                    NumberAnimation {
+                        target: bar
+                        properties: vertical ? "width"  : "height"
+                        duration: 167
+                        easing.type: Easing.OutCubic
+                    }
+                }
+            }
+        ]
+    }
+    // 背景 / Background //
+    background: Rectangle{
+        id: background
+        radius: 5
+        color: Theme.currentTheme.colors.backgroundAcrylicColor
+        opacity: 0
+        visible: scrollBar.size < 1.0
+
+        states: [
+            State{
+                name: "show"
+                when: contentItem.collapsed
+                PropertyChanges {
+                    target: background
+                    opacity: 1
+                }
+            },
+            State{
+                name: "hide"
+                when: !contentItem.collapsed
+                PropertyChanges {
+                    target: background
+                    opacity: 0
+                }
+            }
+        ]
+
+        // 动画
+        transitions:[
+            Transition {
+                to: "hide"
+                SequentialAnimation {
+                    PauseAnimation { duration: 450 }  // 等待时长
+                    NumberAnimation {
+                        target: background
+                        properties: "opacity"
+                        duration: 167
+                        easing.type: Easing.OutCubic
+                    }
+                }
+            },
+            Transition {
+                to: "show"
+                SequentialAnimation {
+                    PauseAnimation { duration: 150 }
+                    NumberAnimation {
+                        target: background
+                        properties: "opacity"
+                        duration: 167
+                        easing.type: Easing.OutCubic
+                    }
+                }
+            }
+        ]
+    }
+}

RinUI/components/ScrollView.qml

@@ -1,13 +1,13 @@
-import QtQuick 2.15
-import QtQuick.Templates 2.15
-import "../themes"
-import "../components"
-
-ScrollView {
-    ScrollBar.vertical: ScrollBar {
-        policy: ScrollBar.AsNeeded
-    }
-    ScrollBar.horizontal: ScrollBar {
-        policy: ScrollBar.AsNeeded
-    }
+import QtQuick 2.15
+import QtQuick.Templates 2.15
+import "../themes"
+import "../components"
+
+ScrollView {
+    ScrollBar.vertical: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
+    ScrollBar.horizontal: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
 }

RinUI/components/Shadow.qml

@@ -1,48 +1,48 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import Qt5Compat.GraphicalEffects
-import "../themes"
-
-DropShadow {
-    property string style: "cardRest" // shadow style
-
-    anchors.fill: source
-    horizontalOffset: 0
-    verticalOffset: Theme.currentTheme.shadows[style].offsetY
-    radius: Theme.currentTheme.shadows[style].blur
-    color: Theme.currentTheme.shadows[style].color
-    samples: 1 + radius * 2
-    // source: sourceItem
-    cached: true
-}
-
-// Repeater {
-//     id: shadowRepeater
-//     property string style: "cardRest"
-//     property int blurRadius: Theme.currentTheme.shadows[style].blur
-//     property int offsetY: Theme.currentTheme.shadows[style].offsetY
-//     property real intensity: 1.5          // 阴影强度系数
-//     property real spreadRatio: 1        // 阴影扩散系数
-//     property real controlRadius: 8         // 控制半径
-//     readonly property color shadowColor: Theme.currentTheme.shadows[style].color
-//
-//     model: Math.max(blurRadius, 16) // 保证最小8层渲染
-//
-//     Rectangle {
-//         anchors {
-//             fill: parent
-//             margins: -index * spreadRatio  // 非线性扩散
-//             topMargin: -index * spreadRatio + (offsetY) // 动态偏移分配
-//         }
-//
-//         color: "transparent"
-//         radius: controlRadius + (index * spreadRatio) // 优化半径增长曲线
-//         border.width: 1
-//         border.color: shadowColor
-//
-//         // 非线性透明度衰减
-//         opacity: (0.011 * (count - index + 1)) * shadowRepeater.opacity
-//
-//         z: -1
-//     }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import Qt5Compat.GraphicalEffects
+import "../themes"
+
+DropShadow {
+    property string style: "cardRest" // shadow style
+
+    anchors.fill: source
+    horizontalOffset: 0
+    verticalOffset: Theme.currentTheme.shadows[style].offsetY
+    radius: Theme.currentTheme.shadows[style].blur
+    color: Theme.currentTheme.shadows[style].color
+    samples: 1 + radius * 2
+    // source: sourceItem
+    cached: true
+}
+
+// Repeater {
+//     id: shadowRepeater
+//     property string style: "cardRest"
+//     property int blurRadius: Theme.currentTheme.shadows[style].blur
+//     property int offsetY: Theme.currentTheme.shadows[style].offsetY
+//     property real intensity: 1.5          // 阴影强度系数
+//     property real spreadRatio: 1        // 阴影扩散系数
+//     property real controlRadius: 8         // 控制半径
+//     readonly property color shadowColor: Theme.currentTheme.shadows[style].color
+//
+//     model: Math.max(blurRadius, 16) // 保证最小8层渲染
+//
+//     Rectangle {
+//         anchors {
+//             fill: parent
+//             margins: -index * spreadRatio  // 非线性扩散
+//             topMargin: -index * spreadRatio + (offsetY) // 动态偏移分配
+//         }
+//
+//         color: "transparent"
+//         radius: controlRadius + (index * spreadRatio) // 优化半径增长曲线
+//         border.width: 1
+//         border.color: shadowColor
+//
+//         // 非线性透明度衰减
+//         opacity: (0.011 * (count - index + 1)) * shadowRepeater.opacity
+//
+//         z: -1
+//     }
 // }