RinUI 0.0.9__py3-none-any.whl

RinUI/components/ListAndCollections/ListView.qml

@@ -0,0 +1,105 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+ListView {
+    id: root
+    property string textRole: ""  // 文字role
+
+    property bool keyboardNavigation: false
+    // 自动检测模型类型
+    readonly property string modelType: {
+        if (!model) return "null";
+        if (Array.isArray(model) && root.textRole) 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";
+    }
+
+    clip: true
+
+    // 垂直滚动条 / Vertical ScrollBar //
+    ScrollBar.vertical: ScrollBar {
+        id: scrollBar
+        policy: ScrollBar.AsNeeded
+    }
+
+    // 交换动画
+    // move: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+    // moveDisplaced: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+
+    displaced: Transition {
+        NumberAnimation {
+            property: "y"
+            duration: Utils.animationSpeedMiddle
+            easing.type: Easing.OutQuint
+        }
+    }
+
+    add: Transition {
+        ParallelAnimation{
+            NumberAnimation {
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                properties: "scale"
+                from: 0.9
+                to: 1
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+
+    // 删除动画
+    remove: Transition {
+        ParallelAnimation{
+            NumberAnimation {
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                properties: "scale"
+                from: 1
+                to: 0.9
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+
+    delegate: ListViewDelegate {
+        middleArea: [
+            Text {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+                id: text
+                typography: Typography.Body
+                wrapMode: Text.Wrap
+                text: {
+                    switch (root.modelType) {
+                        case "array": return modelData;
+                        case "array-with-role": return modelData[root.textRole] || modelData || "";
+                        case "listmodel":
+                        case "listmodel-like":
+                            return model[root.textRole] || modelData || "";
+                        default: return "";
+                    }
+                }
+            }
+        ]
+    }
+}

RinUI/components/ListAndCollections/ListViewDelegate.qml

@@ -0,0 +1,83 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+ItemDelegate {
+    id: delegate
+    width: ListView.view ? ListView.view.width : 200
+    height: contents.implicitHeight + 20  // 自适应
+    highlighted: ListView.isCurrentItem  // 当前项高亮
+    focusPolicy: Qt.StrongFocus
+
+    // accessibility
+    FocusIndicator {
+        control: parent
+    }
+
+    property alias leftArea: leftArea.data
+    property alias middleArea: middleArea.data
+    property alias rightArea: rightArea.data
+    property alias contents: contents.data
+
+    RowLayout {
+        id: contents
+        anchors.fill: parent
+        anchors.leftMargin: 5 + 11
+        anchors.rightMargin: 5
+        anchors.topMargin: 3
+        spacing: 8
+
+        Row {
+            id: leftArea
+        }
+
+        ColumnLayout {
+            id: middleArea
+            Layout.fillHeight: true
+        }
+
+        RowLayout {
+            id: rightArea
+            spacing: 16
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+    }
+
+    background: Rectangle {
+        id: itemBg
+        anchors.fill: parent
+        anchors.leftMargin: 5
+        anchors.rightMargin: 5
+        anchors.topMargin: 3
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: pressed
+            ? Theme.currentTheme.colors.subtleTertiaryColor
+            : (highlighted || hovered)
+                ? Theme.currentTheme.colors.subtleSecondaryColor
+                : Theme.currentTheme.colors.subtleColor
+
+        RowLayout {
+            anchors.fill: parent
+            anchors.leftMargin: 11
+            anchors.rightMargin: 11
+            anchors.topMargin: 6
+            anchors.bottomMargin: 8
+        }
+
+        // 选择指示器
+        Indicator {
+            currentItemHeight: delegate.height
+            visible: highlighted
+        }
+
+        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type:Easing.InOutQuart } }
+    }
+
+    onClicked: {
+        ListView.view.currentIndex = index
+    }
+}

RinUI/components/ListAndCollections/SettingCard.qml

@@ -0,0 +1,73 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import RinUI
+
+
+// 自定义控件演示 / Custom control demonstration //
+Frame {
+    id: frame
+    default property alias content: rightContent.data
+    // property alias showcase: showcaseContainer.data
+    property string title
+    property alias icon: icon.icon
+    property alias source: icon.source
+    property alias iconSize: icon.size
+    property string description
+
+    leftPadding: 15
+    rightPadding: 15
+    topPadding: 13
+    bottomPadding: 13
+    // implicitHeight: 62
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 16
+
+        RowLayout {
+            id: leftContent
+            Layout.maximumWidth: parent.width * 0.6
+            Layout.fillHeight: true
+            spacing: 16
+
+            IconWidget {
+                id: icon
+                size: 20
+            }
+            ColumnLayout {
+                Layout.fillWidth: true
+                spacing: 0
+                Text {
+                    id: titleLabel
+                    Layout.fillWidth: true
+                    typography: Typography.Body
+                    text: title
+                    maximumLineCount: 2  // 限制最多两行
+                    elide: Text.ElideRight  // 超过限制时用省略号
+                    visible: title.length > 0
+                }
+
+                Text {
+                    id: discriptionLabel
+                    Layout.fillWidth: true
+                    typography: Typography.Caption
+                    text: description
+                    color: Theme.currentTheme.colors.textSecondaryColor
+                    wrapMode: Text.Wrap  // 启用换行
+                    maximumLineCount: 3
+                    elide: Text.ElideRight
+                    visible: description.length > 0
+                }
+            }
+            visible: !(!titleLabel.visible && !discriptionLabel.visible)
+        }
+        RowLayout {
+            id: rightContent
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.alignment: Qt.AlignRight
+            spacing: 16
+        }
+    }
+}

RinUI/components/ListAndCollections/TableView.qml

@@ -0,0 +1,82 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+TableView {
+    id: root
+    clip: true
+
+    // 滚动条 / ScrollBar //
+    ScrollBar.vertical: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
+    ScrollBar.horizontal: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
+
+    // 交换动画
+    // move: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+    // moveDisplaced: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+
+    // displaced: Transition {
+    //     NumberAnimation {
+    //         property: "y"
+    //         duration: Utils.animationSpeedMiddle
+    //         easing.type: Easing.OutQuint
+    //     }
+    // }
+    //
+    // add: Transition {
+    //     ParallelAnimation{
+    //         NumberAnimation {
+    //             property: "opacity"
+    //             from: 0
+    //             to: 1
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //         NumberAnimation {
+    //             properties: "scale"
+    //             from: 0.9
+    //             to: 1
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //     }
+    // }
+    //
+    // // 删除动画
+    // remove: Transition {
+    //     ParallelAnimation{
+    //         NumberAnimation {
+    //             property: "opacity"
+    //             from: 1
+    //             to: 0
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //         NumberAnimation {
+    //             properties: "scale"
+    //             from: 1
+    //             to: 0.9
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //     }
+    // }
+
+    delegate: TableViewDelegate {
+        middleArea: [
+            Text {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+                text: model.display
+            }
+        ]
+    }
+}

RinUI/components/ListAndCollections/TableViewDelegate.qml

@@ -0,0 +1,89 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+ItemDelegate {
+    id: delegate
+    width: TableView.view ? TableView.view.width : 200
+    height: contents.implicitHeight + 20  // 自适应
+    highlighted: false
+    focusPolicy: Qt.StrongFocus
+
+    // accessibility
+    FocusIndicator {
+        control: parent
+    }
+
+    property alias leftArea: leftArea.data
+    property alias middleArea: middleArea.data
+    property alias rightArea: rightArea.data
+
+    contentItem: RowLayout {
+        id: contents
+        anchors.fill: parent
+        anchors.leftMargin: 5 + 11
+        anchors.rightMargin: 5
+        anchors.topMargin: 3
+        spacing: 8
+
+        Row {
+            id: leftArea
+            // CheckBox {
+            //     id: checkBox
+            //     implicitWidth: height * 1
+            //     Layout.fillHeight: true
+            //     checked: false
+            //     visible: tableCell.column === 0
+            // }
+        }
+
+        ColumnLayout {
+            id: middleArea
+            Layout.fillHeight: true
+        }
+
+        RowLayout {
+            id: rightArea
+            spacing: 16
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+    }
+
+    background: Rectangle {
+        id: itemBg
+        anchors.fill: parent
+        // anchors.leftMargin: 5
+        // anchors.rightMargin: 5
+        anchors.topMargin: 3
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: pressed
+            ? Theme.currentTheme.colors.subtleTertiaryColor
+            : (highlighted || hovered)
+                ? Theme.currentTheme.colors.subtleSecondaryColor
+                : Theme.currentTheme.colors.subtleColor
+
+        RowLayout {
+            anchors.fill: parent
+            anchors.leftMargin: 11
+            anchors.rightMargin: 11
+            anchors.topMargin: 6
+            anchors.bottomMargin: 8
+        }
+
+        // 选择指示器
+        Indicator {
+            currentItemHeight: delegate.height
+            visible: highlighted
+        }
+
+        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type:Easing.InOutQuart } }
+    }
+
+    onClicked: {
+        // TableView.selected = row
+    }
+}

RinUI/components/MenusAndToolbars/Menu.qml

@@ -0,0 +1,149 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import "../../themes"
+import "../../components"
+
+
+Menu {
+    id: root
+
+    property int position: Position.Bottom  // 位置
+
+    property real posX: {
+        switch (position) {
+            case Position.Top:
+            case Position.Bottom:
+                return (parent.width - root.width) / 2
+            case Position.Left:
+                return - root.width - 5
+            case Position.Right:
+                return parent.width + 5
+            default:
+                return (parent.width - root.width) / 2
+        }
+    }
+
+    property real posY: {
+        switch (position) {
+            case Position.Top:
+                return -root.height - 5
+            case Position.Bottom:
+                return parent.height + 5
+            case Position.Left:
+            case Position.Right:
+                return (parent.height - root.height) / 2
+            default:
+                return -root.height + 5  // 默认顶部
+        }
+    }
+
+    implicitWidth: Math.max(contentItem.implicitWidth, 80)
+    implicitHeight: contentItem.implicitHeight
+    // x: (parent.width - root.width) / 2
+    // y: parent.height + 5
+
+    enter: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: 70
+                easing.type: Easing.InOutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "height"
+                from: (position === Position.Top || position === Position.Bottom ? 0 : root.implicitHeight)
+                to: root.implicitHeight
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "x"
+                from: posX + (position === Position.Left ? 5 : position === Position.Right ? -5 : 0)
+                to: posX
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+                onRunningChanged: {
+                    scrollBar.visible = true;
+                }
+            }
+            NumberAnimation {
+                target: root
+                property: "y"
+                from: posY + (position === Position.Top || position === Position.Bottom
+                    ? (position === Position.Top ? implicitHeight / 2 : position === Position.Bottom ? -implicitHeight / 2 : implicitHeight / 2)
+                    : 0)
+                to: posY
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+                onRunningChanged: {
+                    scrollBar.visible = true;
+                }
+            }
+        }
+    }
+    exit: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: 150
+                easing.type: Easing.InOutQuart
+            }
+        }
+    }
+
+    spacing: 5
+    topPadding: 5
+    bottomPadding: 5
+
+    background: Rectangle {
+        implicitWidth: 80
+        implicitHeight: 36
+        radius: Theme.currentTheme.appearance.windowRadius
+        color: Theme.currentTheme.colors.backgroundAcrylicColor
+        border.color: Theme.currentTheme.colors.flyoutBorderColor
+
+        layer.enabled: true
+        layer.effect: Shadow {
+            id: shadow
+            style: "flyout"
+            source: background
+        }
+    }
+
+    delegate: MenuItem { }
+
+    contentItem: Flickable {
+        id: flickable
+        clip: true
+        anchors.fill: parent
+        // contentWidth: width
+        // contentHeight: column.implicitHeight
+        implicitWidth: column.implicitWidth
+        implicitHeight: column.implicitHeight
+        // interactive: column.implicitHeight > height
+
+        Column {
+            id: column
+            topPadding: 5
+            bottomPadding: 5
+            Repeater {
+                model: root.contentModel  // 默认的 Menu 内容
+                delegate: root.delegate
+            }
+        }
+
+        ScrollBar.vertical: ScrollBar {
+            id: scrollBar
+            policy: ScrollBar.AsNeeded
+            visible: false  // 初始隐藏，在 enter 动画中显现
+        }
+    }
+}

RinUI/components/MenusAndToolbars/MenuBar.qml

@@ -0,0 +1,43 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import "../../components"
+import "../../themes"
+
+MenuBar {
+    id: menuBar
+    padding: 4
+
+    delegate: MenuBarItem {
+        id: menuBarItem
+        focusPolicy: Qt.StrongFocus  // to get keyboard focus
+
+        // accessibility
+        FocusIndicator {
+            control: parent
+        }
+
+        padding: 6
+        topPadding: 5
+        bottomPadding: 7
+
+        contentItem: Text {
+            id: text
+            anchors.centerIn: parent
+            typography: Typography.Body
+            horizontalAlignment: Text.AlignHCenter
+            text: menuBarItem.text
+        }
+
+        background: Rectangle {
+            id: background
+            implicitHeight: 32
+            color: Theme.currentTheme.colors.subtleSecondaryColor
+            radius: Theme.currentTheme.appearance.buttonRadius
+
+            Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+            opacity: !hovered ? 0 : 1
+        }
+    }
+
+    background: Item {}
+}