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

RinUI/components/Navigation/NavigationView.qml

@@ -1,227 +1,228 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-import "../../windows"
-
-
-RowLayout {
-    // 外观 / Appearance //
-    property bool appLayerEnabled: true  // 应用层背景
-    property alias navExpandWidth: navigationBar.expandWidth  // 导航栏宽度
-    property alias navMinimumExpandWidth: navigationBar.minimumExpandWidth  // 导航栏保持展开时窗口的最小宽度
-
-    property alias navigationItems: navigationBar.navigationItems  // 导航栏item
-    property string defaultPage: ""  // 默认索引项
-    property var lastPages: []  // 上个页面索引
-    property int pushEnterFromY: height
-    property var window: parent  // 窗口对象
-
-    signal pageChanged()  // 页面切换信号
-
-    id: navigationView
-    anchors.fill: parent
-
-    Connections {
-        target: window
-        function onWidthChanged() {
-            navigationBar.collapsed = navigationBar.isNotOverMinimumWidth()  // 判断窗口是否小于最小宽度
-        }
-    }
-
-    NavigationBar {
-        id: navigationBar
-        windowTitle: window.title
-        windowIcon: window.icon
-        windowWidth: window.width
-        stackView: stackView
-        z: 999
-        Layout.fillHeight: true
-    }
-
-    // 主体内容区域
-    Item {
-        Layout.fillWidth: true
-        Layout.fillHeight: true
-
-        // 导航栏展开自动收起
-        MouseArea {
-            id: collapseCatcher
-            anchors.fill: parent
-            z: 1
-            hoverEnabled: true
-            acceptedButtons: Qt.AllButtons
-
-            visible: !navigationBar.collapsed && navigationBar.isNotOverMinimumWidth()
-
-            onClicked: {
-                navigationBar.collapsed = true
-            }
-        }
-
-        Rectangle {
-            id: appLayer
-            width: parent.width + Utils.windowDragArea + radius
-            height: parent.height + Utils.windowDragArea + radius
-            color: Theme.currentTheme.colors.layerColor
-            border.color: Theme.currentTheme.colors.cardBorderColor
-            border.width: 1
-            opacity: window.appLayerEnabled
-            radius: Theme.currentTheme.appearance.windowRadius
-        }
-
-
-        StackView {
-            id: stackView
-            anchors.fill: parent
-            anchors.leftMargin: 1
-            anchors.topMargin: 1
-
-
-            // 切换动画 / Page Transition //
-            pushEnter : Transition {
-                PropertyAnimation {
-                    property: "opacity"
-                    from: 0
-                    to: 1
-                    duration: Utils.animationSpeed
-                    easing.type: Easing.InOutQuad
-                }
-
-                PropertyAnimation {
-                    property: "y"
-                    from: pushEnterFromY
-                    to: 0
-                    duration: Utils.animationSpeedMiddle
-                    easing.type: Easing.OutQuint
-                }
-            }
-
-            pushExit : Transition {
-                PropertyAnimation {
-                    property: "opacity"
-                    from: 1
-                    to: 0
-                    duration: Utils.animationSpeed
-                    easing.type: Easing.InOutQuad
-                }
-            }
-
-            popExit : Transition {
-                PropertyAnimation {
-                    property: "opacity"
-                    from: 1
-                    to: 0
-                    duration: Utils.animationSpeed
-                    easing.type: Easing.InOutQuad
-                }
-
-                PropertyAnimation {
-                    property: "y"
-                    from: 0
-                    to: pushEnterFromY
-                    duration: Utils.animationSpeedMiddle
-                    easing.type: Easing.InOutQuint
-                }
-            }
-
-            popEnter : Transition {
-                SequentialAnimation {
-                    PauseAnimation {  // 延时 200ms
-                        duration: Utils.animationSpeed
-                    }
-                    PropertyAnimation {
-                        property: "opacity"
-                        from: 0
-                        to: 1
-                        duration: Utils.appearanceSpeed
-                        easing.type: Easing.InOutQuad
-                    }
-                }
-            }
-
-            initialItem: Item {}
-
-        }
-
-        // 导航切换逻辑
-        // Connections {
-        //     target: navigationBar
-        //     function onCurrentIndexChanged() {
-        //         let index = navigationBar.currentIndex
-        //         let page = navigationItems[index].page
-        //         console.log("Pushing Page:", page, "Index:", index)
-        //         if (stackView.depth === 0 || stackView.currentItem.objectName !== page) {
-        //             checkPage(page)
-        //         }
-        //     }
-        // }
-
-
-        Component.onCompleted: {
-            if (navigationItems.length > 0) {
-                if (defaultPage !== "") {
-                    safePush(defaultPage, false)
-                } else {
-                    safePush(navigationItems[0].page, false)  // 推送默认页面
-                }  // 推送页面
-            }
-        }
-    }
-
-    function safePop() {
-        console.log("Popping Page; Depth:", stackView.depth)
-        if (navigationBar.lastPages.length > 1) {
-            navigationBar.currentPage = navigationBar.lastPages.pop()  // Retrieve and remove the last page
-            navigationBar.lastPages = navigationBar.lastPages  // refresh
-            stackView.pop()
-        } else {
-            console.log("Can't pop: only root page left")
-        }
-    }
-
-    function safePush(page, reload) {
-        // 无效检测
-        if (!(typeof page === "object" || typeof page === "string" || page instanceof Component)) {
-            console.error("Invalid page:", page)
-            return
-        }
-
-        // 重复检测
-        if (navigationBar.currentPage === page && !reload) {
-            console.log("Page already loaded:", page)
-            return
-        }
-
-        navigationBar.lastPages.push(navigationBar.currentPage)  // 记录当前页面
-        navigationBar.lastPages = navigationBar.lastPages  // refresh
-        navigationBar.currentPage = page.toString()
-        pageChanged()
-
-        if (page instanceof Component) {
-            // let obj = page.createObject(stackView)
-            stackView.push(page)
-
-        } else if (typeof page === "object" || typeof page === "string" ) {
-            let component = Qt.createComponent(page)  // 页面转控件
-
-            if (component.status === Component.Ready) {
-                console.log("Depth:", stackView.depth)
-                stackView.push(component)
-
-            } else if (component.status === Component.Error) {
-                console.error("Failed to load:", page, component.errorString())
-                stackView.push("ErrorPage.qml", {
-                    errorMessage: component.errorString(),  // 传参
-                    page: page,
-                })
-            }
-        }
-    }
-
-    function findPageByKey(key) {
-        const item = menuItems.find(i => i.key === key);
-        return item ? item.page : null;
-    }
-}
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+import "../../windows"
+
+
+RowLayout {
+    // 外观 / Appearance //
+    property bool appLayerEnabled: true  // 应用层背景
+    property alias navExpandWidth: navigationBar.expandWidth  // 导航栏宽度
+    property alias navMinimumExpandWidth: navigationBar.minimumExpandWidth  // 导航栏保持展开时窗口的最小宽度
+
+    property alias navigationItems: navigationBar.navigationItems  // 导航栏item
+    property alias currentPage: navigationBar.currentPage  // 当前页面索引
+    property string defaultPage: ""  // 默认索引项
+    property var lastPages: []  // 上个页面索引
+    property int pushEnterFromY: height
+    property var window: parent  // 窗口对象
+
+    signal pageChanged()  // 页面切换信号
+
+    id: navigationView
+    anchors.fill: parent
+
+    Connections {
+        target: window
+        function onWidthChanged() {
+            navigationBar.collapsed = navigationBar.isNotOverMinimumWidth()  // 判断窗口是否小于最小宽度
+        }
+    }
+
+    NavigationBar {
+        id: navigationBar
+        windowTitle: window.title
+        windowIcon: window.icon
+        windowWidth: window.width
+        stackView: stackView
+        z: 999
+        Layout.fillHeight: true
+    }
+
+    // 主体内容区域
+    Item {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+
+        // 导航栏展开自动收起
+        MouseArea {
+            id: collapseCatcher
+            anchors.fill: parent
+            z: 1
+            hoverEnabled: true
+            acceptedButtons: Qt.AllButtons
+
+            visible: !navigationBar.collapsed && navigationBar.isNotOverMinimumWidth()
+
+            onClicked: {
+                navigationBar.collapsed = true
+            }
+        }
+
+        Rectangle {
+            id: appLayer
+            width: parent.width + Utils.windowDragArea + radius
+            height: parent.height + Utils.windowDragArea + radius
+            color: Theme.currentTheme.colors.layerColor
+            border.color: Theme.currentTheme.colors.cardBorderColor
+            border.width: 1
+            opacity: window.appLayerEnabled
+            radius: Theme.currentTheme.appearance.windowRadius
+        }
+
+
+        StackView {
+            id: stackView
+            anchors.fill: parent
+            anchors.leftMargin: 1
+            anchors.topMargin: 1
+
+
+            // 切换动画 / Page Transition //
+            pushEnter : Transition {
+                PropertyAnimation {
+                    property: "opacity"
+                    from: 0
+                    to: 1
+                    duration: Utils.animationSpeed
+                    easing.type: Easing.InOutQuad
+                }
+
+                PropertyAnimation {
+                    property: "y"
+                    from: pushEnterFromY
+                    to: 0
+                    duration: Utils.animationSpeedMiddle
+                    easing.type: Easing.OutQuint
+                }
+            }
+
+            pushExit : Transition {
+                PropertyAnimation {
+                    property: "opacity"
+                    from: 1
+                    to: 0
+                    duration: Utils.animationSpeed
+                    easing.type: Easing.InOutQuad
+                }
+            }
+
+            popExit : Transition {
+                PropertyAnimation {
+                    property: "opacity"
+                    from: 1
+                    to: 0
+                    duration: Utils.animationSpeed
+                    easing.type: Easing.InOutQuad
+                }
+
+                PropertyAnimation {
+                    property: "y"
+                    from: 0
+                    to: pushEnterFromY
+                    duration: Utils.animationSpeedMiddle
+                    easing.type: Easing.InOutQuint
+                }
+            }
+
+            popEnter : Transition {
+                SequentialAnimation {
+                    PauseAnimation {  // 延时 200ms
+                        duration: Utils.animationSpeed
+                    }
+                    PropertyAnimation {
+                        property: "opacity"
+                        from: 0
+                        to: 1
+                        duration: Utils.appearanceSpeed
+                        easing.type: Easing.InOutQuad
+                    }
+                }
+            }
+
+            initialItem: Item {}
+
+        }
+
+        // 导航切换逻辑
+        // Connections {
+        //     target: navigationBar
+        //     function onCurrentIndexChanged() {
+        //         let index = navigationBar.currentIndex
+        //         let page = navigationItems[index].page
+        //         console.log("Pushing Page:", page, "Index:", index)
+        //         if (stackView.depth === 0 || stackView.currentItem.objectName !== page) {
+        //             checkPage(page)
+        //         }
+        //     }
+        // }
+
+
+        Component.onCompleted: {
+            if (navigationItems.length > 0) {
+                if (defaultPage !== "") {
+                    safePush(defaultPage, false)
+                } else {
+                    safePush(navigationItems[0].page, false)  // 推送默认页面
+                }  // 推送页面
+            }
+        }
+    }
+
+    function safePop() {
+        console.log("Popping Page; Depth:", stackView.depth)
+        if (navigationBar.lastPages.length > 1) {
+            navigationBar.currentPage = navigationBar.lastPages.pop()  // Retrieve and remove the last page
+            navigationBar.lastPages = navigationBar.lastPages  // refresh
+            stackView.pop()
+        } else {
+            console.log("Can't pop: only root page left")
+        }
+    }
+
+    function safePush(page, reload) {
+        // 无效检测
+        if (!(typeof page === "object" || typeof page === "string" || page instanceof Component)) {
+            console.error("Invalid page:", page)
+            return
+        }
+
+        // 重复检测
+        if (navigationBar.currentPage === page && !reload) {
+            console.log("Page already loaded:", page)
+            return
+        }
+
+        navigationBar.lastPages.push(navigationBar.currentPage)  // 记录当前页面
+        navigationBar.lastPages = navigationBar.lastPages  // refresh
+        navigationBar.currentPage = page.toString()
+        pageChanged()
+
+        if (page instanceof Component) {
+            // let obj = page.createObject(stackView)
+            stackView.push(page)
+
+        } else if (typeof page === "object" || typeof page === "string" ) {
+            let component = Qt.createComponent(page)  // 页面转控件
+
+            if (component.status === Component.Ready) {
+                console.log("Depth:", stackView.depth)
+                stackView.push(component)
+
+            } else if (component.status === Component.Error) {
+                console.error("Failed to load:", page, component.errorString())
+                stackView.push("ErrorPage.qml", {
+                    errorMessage: component.errorString(),  // 传参
+                    page: page,
+                })
+            }
+        }
+    }
+
+    function findPageByKey(key) {
+        const item = menuItems.find(i => i.key === key);
+        return item ? item.page : null;
+    }
+}

RinUI/components/Navigation/Segmented.qml

@@ -0,0 +1,17 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Rectangle {
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: Theme.currentTheme.colors.controlBorderColor
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: Theme.currentTheme.colors.controlAltSecondaryColor
+    }
+}

RinUI/components/Navigation/SegmentedItem.qml

@@ -0,0 +1,108 @@
+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: Rectangle {
+        id: background
+        anchors.centerIn: parent
+        width: checked ? parent.width : parent.width - 4*2
+        height: checked ? parent.height : parent.height - 3*2
+
+        color: checked ? Theme.currentTheme.colors.controlFillColor :
+            hovered ? Theme.currentTheme.colors.subtleSecondaryColor : Theme.currentTheme.colors.subtleColor
+        radius: Theme.currentTheme.appearance.smallRadius
+
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: checked ? Theme.currentTheme.colors.controlBorderColor : "transparent"
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuart
+            }
+        }
+    }
+
+    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/Navigation/SelectorBar.qml

@@ -1,58 +1,13 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import "../../components"
-import "../../themes"
-
-
-RowLayout {
-    id: root
-    property var model: []
-    property int currentIndex: -1
-    property bool enabled: true
-    // 自动检测模型类型
-    readonly property string modelType: {
-        if (!model) return "null";
-        if (Array.isArray(model) && typeof model[0] === "object") return "array-with-role";
-        if (Array.isArray(model)) return "array";
-        if (model instanceof ListModel) return "listmodel";
-        if (typeof model === "object" && "count" in model) return "listmodel-like";
-        return "unknown";
-    }
-
-    implicitHeight: 40
-    spacing: 0
-
-    Repeater {
-        model: root.model
-        delegate: Button {
-            Layout.fillWidth: true
-            Layout.fillHeight: true
-            Layout.preferredHeight: 40
-            flat: true
-
-            background: Item {}
-
-            text: {
-                switch (root.modelType) {
-                    case "array": return modelData;
-                    case "array-with-role": return modelData["text"] || modelData || "";
-                    case "listmodel":
-                    case "listmodel-like":
-                        return model["text"] || modelData || "";
-                    default: return "";
-                }
-            }
-            icon.name: root.modelType === "array-with-role" ? modelData["icon"] : ""
-            icon.source: root.modelType === "array-with-role" ? modelData["source"] : ""
-
-            onClicked: root.currentIndex = index
-            enabled: root.enabled
-
-            Indicator {
-                orientation: Qt.Horizontal
-                visible: index === root.currentIndex
-            }
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Item {}
 }