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

RinUI/components/StatusAndInfo/InfoBadge.qml

@@ -1,78 +1,78 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-
-Rectangle {
-    id: root
-    property int count: -1
-    property string text: {
-        if (root.count < 0)
-            return ""
-        else if (root.count > maxCount)
-            return maxCount + "+"
-        else
-            return count.toString()
-    }
-    property int maxCount: 99
-    property string icon: {
-        switch (severity) {
-            case Severity.Info: return "ic_fluent_text_asterisk_20_filled";
-            case Severity.Success: return "ic_fluent_checkmark_20_filled";
-            case Severity.Warning: return "!";
-            case Severity.Error: return "ic_fluent_dismiss_20_filled";
-            default: return "";
-        }
-    }
-    property bool dot: false
-    property int severity: Severity.Info
-
-    property bool solid: true
-    property color primaryColor: {
-        switch (severity) {
-            case Severity.Info: return Theme.currentTheme.colors.systemAttentionColor;
-            case Severity.Success: return Theme.currentTheme.colors.systemSuccessColor;
-            case Severity.Warning: return Theme.currentTheme.colors.systemCautionColor;
-            case Severity.Error: return Theme.currentTheme.colors.systemCriticalColor;
-            default: return Theme.currentTheme.colors.systemNeutralColor;
-        }
-    }
-
-    width: dot ? 4 : Math.max(contents.width + 6, 16) + !solid * 2
-    height: dot ? 4 : 16 + !solid * 2
-    radius: height / 2
-
-    RowLayout {
-        id: contents
-        anchors.centerIn: parent
-        spacing: 4
-        visible: !root.dot
-
-        IconWidget {
-            icon: root.icon
-            size: 10
-            color: solid ? Theme.currentTheme.colors.textOnAccentColor : primaryColor
-            visible: !root.text
-        }
-
-        Text {
-            typography: Typography.Caption
-            text: root.text
-            color: solid ? Theme.currentTheme.colors.textOnAccentColor : primaryColor
-            visible: root.text
-        }
-    }
-
-    color: solid ? primaryColor : "transparent"
-    border.width: Theme.currentTheme.appearance.borderWidth
-    border.color: solid ? "transparent" : primaryColor
-
-    Behavior on color {
-        ColorAnimation {
-            duration: Utils.appearanceSpeed
-            easing.type: Easing.OutQuint
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+Rectangle {
+    id: root
+    property int count: -1
+    property string text: {
+        if (root.count < 0)
+            return ""
+        else if (root.count > maxCount)
+            return maxCount + "+"
+        else
+            return count.toString()
+    }
+    property int maxCount: 99
+    property string icon: {
+        switch (severity) {
+            case Severity.Info: return "ic_fluent_text_asterisk_20_filled";
+            case Severity.Success: return "ic_fluent_checkmark_20_filled";
+            case Severity.Warning: return "!";
+            case Severity.Error: return "ic_fluent_dismiss_20_filled";
+            default: return "";
+        }
+    }
+    property bool dot: false
+    property int severity: Severity.Info
+
+    property bool solid: true
+    property color primaryColor: {
+        switch (severity) {
+            case Severity.Info: return Theme.currentTheme.colors.systemAttentionColor;
+            case Severity.Success: return Theme.currentTheme.colors.systemSuccessColor;
+            case Severity.Warning: return Theme.currentTheme.colors.systemCautionColor;
+            case Severity.Error: return Theme.currentTheme.colors.systemCriticalColor;
+            default: return Theme.currentTheme.colors.systemNeutralColor;
+        }
+    }
+
+    width: dot ? 4 : Math.max(contents.width + 6, 16) + !solid * 2
+    height: dot ? 4 : 16 + !solid * 2
+    radius: height / 2
+
+    RowLayout {
+        id: contents
+        anchors.centerIn: parent
+        spacing: 4
+        visible: !root.dot
+
+        IconWidget {
+            icon: root.icon
+            size: 10
+            color: solid ? Theme.currentTheme.colors.textOnAccentColor : primaryColor
+            visible: !root.text
+        }
+
+        Text {
+            typography: Typography.Caption
+            text: root.text
+            color: solid ? Theme.currentTheme.colors.textOnAccentColor : primaryColor
+            visible: root.text
+        }
+    }
+
+    color: solid ? primaryColor : "transparent"
+    border.width: Theme.currentTheme.appearance.borderWidth
+    border.color: solid ? "transparent" : primaryColor
+
+    Behavior on color {
+        ColorAnimation {
+            duration: Utils.appearanceSpeed
+            easing.type: Easing.OutQuint
+        }
+    }
 }

RinUI/components/StatusAndInfo/InfoBar.qml

@@ -1,252 +1,257 @@
-import QtQuick 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-
-Frame {
-    id: infoBar
-    property string title: ""
-    property string text: ""
-    property int severity: Severity.Info
-    property alias customContent: custom.data
-    property int timeout: -1
-    property int position: 0
-    property bool isDynamic: false  // 动态创建
-    property bool closable: true  // 显示关闭按钮
-    property bool iconVisible: true  // 显示图标
-    property real startPosX: {
-        switch (position) {
-            case Position.TopLeft:
-            case Position.BottomLeft:
-                return -width / 2;
-            case Position.TopRight:
-            case Position.BottomRight:
-                return width / 2;
-            default:
-                return 0;
-        }
-    }
-
-    property real startPosY: 0
-    readonly property real endPosX: x
-
-
-    function calculateStartPosY() {
-        switch (position) {
-            case Position.Top:
-                return -height / 2 ;
-            case Position.Bottom:
-                return height / 2 ;
-            default:
-                return 0;
-        }
-    }
-
-    color: {
-        switch (severity) {
-            case Severity.Info: return Theme.currentTheme.colors.systemAttentionBackgroundColor;
-            case Severity.Success: return Theme.currentTheme.colors.systemSuccessBackgroundColor;
-            case Severity.Warning: return Theme.currentTheme.colors.systemCautionBackgroundColor;
-            case Severity.Error: return Theme.currentTheme.colors.systemCriticalBackgroundColor;
-            default: return Theme.currentTheme.colors.systemNeutralBackgroundColor;
-        }
-    }
-
-    // width: 200
-    Layout.fillWidth: true
-    padding: 5
-    leftPadding: 15
-    hoverable: false
-    opacity: 0
-
-    Timer {
-        id: autoCloseTimer
-        interval: timeout
-        running: timeout >= 0
-        repeat: false
-        onTriggered: {
-            // infoBar.visible = false
-            // infoBar.destroy()
-            exitAnimation.start()
-        }
-    }
-
-    RowLayout {
-        id: main
-        anchors.fill: parent
-        spacing: 13
-
-        IconWidget {
-            id: iconWidget
-            Layout.preferredHeight: 38
-            Layout.alignment: Qt.AlignTop
-            size: 18
-            icon: {
-                switch (severity) {
-                    case Severity.Info: return "ic_fluent_info_20_filled";
-                    case Severity.Success: return "ic_fluent_checkmark_circle_20_filled";
-                    case Severity.Warning: return "ic_fluent_error_circle_20_filled";
-                    case Severity.Error: return "ic_fluent_dismiss_circle_20_filled";
-                    default: return "ic_fluent_question_circle_20_filled";
-                }
-            }
-            color: {
-                switch (severity) {
-                    case Severity.Info: return Theme.currentTheme.colors.systemAttentionColor;
-                    case Severity.Success: return Theme.currentTheme.colors.systemSuccessColor;
-                    case Severity.Warning: return Theme.currentTheme.colors.systemCautionColor;
-                    case Severity.Error: return Theme.currentTheme.colors.systemCriticalColor;
-                    default: return Theme.currentTheme.colors.systemNeutralColor;
-                }
-            }
-            visible: iconVisible
-        }
-
-        Flow {
-            id: flow
-            Layout.alignment: Qt.AlignTop
-            Layout.fillWidth: true
-            Layout.topMargin: 3
-            // Layout.bottomMargin: 8
-            spacing: bodyText.wrap ? 0 :12
-
-            Text {
-                id: titleText
-                typography: Typography.BodyStrong
-                text: infoBar.title
-                topPadding: 6
-            }
-            Text {
-                id: bodyText
-                property bool wrap: (
-                    (
-                        infoBar.width - iconWidget.width - rights.width - main.spacing * 2 - infoBar.padding * 2
-                    )
-                    < implicitWidth
-                )
-                width: wrap ?
-                    parent.width : implicitWidth
-                typography: Typography.Body
-                text: infoBar.text
-                topPadding: wrap? 0 : 6
-            }
-
-            Item {
-                width: parent.width
-                height: bodyText.wrap && custom.children.length > 0 ? 16 : 0
-            }
-            Row {
-                id: custom
-                spacing: 6
-            }
-            Item {
-                width: parent.width
-                height: bodyText.wrap ? 9 : 0
-            }
-        }
-
-        RowLayout {
-            id: rights
-            Layout.alignment: Qt.AlignTop
-
-            ToolButton {
-                Layout.alignment: Qt.AlignTop
-                id: closeButton
-                flat: true
-                icon.name: "ic_fluent_dismiss_20_regular"
-                size: 18
-                Layout.preferredWidth: 38
-                Layout.preferredHeight: 38
-                visible: closable
-                onClicked: {
-                    exitAnimation.start()
-                    // if (infoBar.isDynamic) {
-                    //     infoBar.destroy()
-                    // } else {
-                    //     infoBar.visible = false
-                    // }
-                }
-                ToolTip {
-                    text: qsTr("Close")
-                    parent: parent
-                    visible: parent.hovered
-                }
-            }
-        }
-    }
-
-
-    // Animations
-    Component.onCompleted: {
-        startPosY = calculateStartPosY();
-        enterAnimation.start()
-    }
-
-    // Behavior on y { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-    transform: Translate {
-        id: slideTransform
-        y: 0
-    }
-
-    ParallelAnimation {
-        id: enterAnimation
-
-        NumberAnimation{
-            target: infoBar
-            property: "x"
-            from: infoBar.startPosX
-            to: infoBar.endPosX
-            easing.type: Easing.OutQuart
-            duration: Utils.animationSpeed
-        }
-        NumberAnimation {
-            target: slideTransform
-            property: "y"
-            from: infoBar.startPosY
-            to: 0
-            easing.type: Easing.OutCubic
-            duration: Utils.animationSpeed
-        }
-        NumberAnimation{
-            target: infoBar
-            property: "opacity"
-            from: 0
-            to: 1
-            duration: Utils.appearanceSpeed
-        }
-    }
-
-    SequentialAnimation{
-        id: exitAnimation
-
-        ParallelAnimation{
-            NumberAnimation{
-                target: infoBar
-                property: "y"
-                to: infoBar.startPosY
-                easing.type: Easing.OutQuart
-                duration: Utils.animationSpeed
-                running: false
-            }
-            NumberAnimation{
-                target: infoBar
-                property: "opacity"
-                from: 1
-                to: 0
-                duration: Utils.appearanceSpeed
-            }
-        }
-        ScriptAction{
-            script: {
-                if (infoBar.isDynamic) {
-                    infoBar.destroy()
-                } else {
-                    infoBar.visible = false
-                    infoBar.opacity = 1
-                    infoBar.y = 0
-                }
-            }
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+Frame {
+    id: infoBar
+    property string title: ""
+    property string text: ""
+    property int severity: Severity.Info
+    property alias customContent: custom.data
+    property int timeout: -1
+    property int position: 0
+    property bool isDynamic: false  // 动态创建
+    property bool closable: true  // 显示关闭按钮
+    property bool iconVisible: true  // 显示图标
+    property real startPosX: {
+        switch (position) {
+            case Position.TopLeft:
+            case Position.BottomLeft:
+                return -width / 2;
+            case Position.TopRight:
+            case Position.BottomRight:
+                return width / 2;
+            default:
+                return 0;
+        }
+    }
+
+    property real startPosY: 0
+    readonly property real endPosX: x
+
+
+    function _calculateStartPosY() {
+        switch (position) {
+            case Position.Top:
+                return -height / 2 ;
+            case Position.Bottom:
+                return height / 2 ;
+            default:
+                return 0;
+        }
+    }
+
+    function close() {
+        exitAnimation.start()
+    }
+
+    color: {
+        switch (severity) {
+            case Severity.Info: return Theme.currentTheme.colors.systemAttentionBackgroundColor;
+            case Severity.Success: return Theme.currentTheme.colors.systemSuccessBackgroundColor;
+            case Severity.Warning: return Theme.currentTheme.colors.systemCautionBackgroundColor;
+            case Severity.Error: return Theme.currentTheme.colors.systemCriticalBackgroundColor;
+            default: return Theme.currentTheme.colors.systemNeutralBackgroundColor;
+        }
+    }
+
+    // width: 200
+    Layout.fillWidth: true
+    padding: 5
+    leftPadding: 15
+    hoverable: false
+    opacity: 0
+
+    Timer {
+        id: autoCloseTimer
+        interval: timeout
+        running: timeout >= 0
+        repeat: false
+        onTriggered: {
+            // infoBar.visible = false
+            // infoBar.destroy()
+            exitAnimation.start()
+        }
+    }
+
+    RowLayout {
+        id: main
+        anchors.fill: parent
+        spacing: 13
+
+        IconWidget {
+            id: iconWidget
+            Layout.preferredHeight: 38
+            Layout.alignment: Qt.AlignTop
+            size: 18
+            icon: {
+                switch (severity) {
+                    case Severity.Info: return "ic_fluent_info_20_filled";
+                    case Severity.Success: return "ic_fluent_checkmark_circle_20_filled";
+                    case Severity.Warning: return "ic_fluent_error_circle_20_filled";
+                    case Severity.Error: return "ic_fluent_dismiss_circle_20_filled";
+                    default: return "ic_fluent_question_circle_20_filled";
+                }
+            }
+            color: {
+                switch (severity) {
+                    case Severity.Info: return Theme.currentTheme.colors.systemAttentionColor;
+                    case Severity.Success: return Theme.currentTheme.colors.systemSuccessColor;
+                    case Severity.Warning: return Theme.currentTheme.colors.systemCautionColor;
+                    case Severity.Error: return Theme.currentTheme.colors.systemCriticalColor;
+                    default: return Theme.currentTheme.colors.systemNeutralColor;
+                }
+            }
+            visible: iconVisible
+        }
+
+        Flow {
+            id: flow
+            Layout.alignment: Qt.AlignTop
+            Layout.fillWidth: true
+            Layout.topMargin: 3
+            // Layout.bottomMargin: 8
+            spacing: bodyText.wrap ? 0 :12
+
+            Text {
+                id: titleText
+                typography: Typography.BodyStrong
+                text: infoBar.title
+                topPadding: 6
+            }
+            Text {
+                id: bodyText
+                property bool wrap: (
+                    (
+                        infoBar.width - iconWidget.width - titleText.width - rights.width - custom.width
+                        - main.spacing * 5 - infoBar.padding * 2
+                    )
+                    < implicitWidth
+                )
+                width: wrap ?
+                    parent.width : implicitWidth
+                typography: Typography.Body
+                text: infoBar.text
+                topPadding: wrap? 0 : 6
+            }
+
+            Item {
+                width: parent.width
+                height: bodyText.wrap && custom.children.length > 0 ? 16 : 0
+            }
+            Row {
+                id: custom
+                spacing: 6
+            }
+            Item {
+                width: parent.width
+                height: bodyText.wrap ? 9 : 0
+            }
+        }
+
+        RowLayout {
+            id: rights
+            Layout.alignment: Qt.AlignTop
+
+            ToolButton {
+                Layout.alignment: Qt.AlignTop
+                id: closeButton
+                flat: true
+                icon.name: "ic_fluent_dismiss_20_regular"
+                size: 18
+                Layout.preferredWidth: 38
+                Layout.preferredHeight: 38
+                visible: closable
+                onClicked: {
+                    exitAnimation.start()
+                    // if (infoBar.isDynamic) {
+                    //     infoBar.destroy()
+                    // } else {
+                    //     infoBar.visible = false
+                    // }
+                }
+                ToolTip {
+                    text: qsTr("Close")
+                    parent: parent
+                    visible: parent.hovered
+                }
+            }
+        }
+    }
+
+
+    // Animations
+    Component.onCompleted: {
+        startPosY = _calculateStartPosY();
+        enterAnimation.start()
+    }
+
+    // Behavior on y { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+    transform: Translate {
+        id: slideTransform
+        y: 0
+    }
+
+    ParallelAnimation {
+        id: enterAnimation
+
+        NumberAnimation{
+            target: infoBar
+            property: "x"
+            from: infoBar.startPosX
+            to: infoBar.endPosX
+            easing.type: Easing.OutQuart
+            duration: Utils.animationSpeed
+        }
+        NumberAnimation {
+            target: slideTransform
+            property: "y"
+            from: infoBar.startPosY
+            to: 0
+            easing.type: Easing.OutCubic
+            duration: Utils.animationSpeed
+        }
+        NumberAnimation{
+            target: infoBar
+            property: "opacity"
+            from: 0
+            to: 1
+            duration: Utils.appearanceSpeed
+        }
+    }
+
+    SequentialAnimation{
+        id: exitAnimation
+
+        ParallelAnimation{
+            NumberAnimation{
+                target: infoBar
+                property: "y"
+                to: infoBar.startPosY
+                easing.type: Easing.OutQuart
+                duration: Utils.animationSpeed
+                running: false
+            }
+            NumberAnimation{
+                target: infoBar
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Utils.appearanceSpeed
+            }
+        }
+        ScriptAction{
+            script: {
+                if (infoBar.isDynamic) {
+                    infoBar.destroy()
+                } else {
+                    infoBar.visible = false
+                    infoBar.opacity = 1
+                    infoBar.y = 0
+                }
+            }
+        }
+    }
 }