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

RinUI/components/BasicInput/ComboBox.qml

@@ -1,160 +1,160 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import Qt5Compat.GraphicalEffects
-import "../../themes"
-import "../../components"
-
-
-ComboBox {
-    id: root
-
-    // 属性 / Properties
-    property real controlRadius: Theme.currentTheme.appearance.buttonRadius
-    property string placeholderText: ""
-    property alias maxHeight: menu.maxHeight
-    property string headerText: ""
-
-    implicitWidth: Math.max(contentItem.implicitWidth + 50, 60)
-    // implicitHeight: contentItem.implicitHeight + 12
-
-    padding: 0
-
-    // accessibility
-    FocusIndicator {
-        Indicator {
-            id: focusIndicator
-            anchors.left: parent.left
-            anchors.leftMargin: 2
-            anchors.verticalCenter: parent.verticalCenter
-        }
-        anchors.margins: -1
-        control: parent
-    }
-
-
-    // 背景 / Background //
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        color: Theme.currentTheme.colors.controlColor
-        radius: Theme.currentTheme.appearance.buttonRadius
-
-        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
-        border.color: Theme.currentTheme.colors.controlBorderColor
-
-        // 裁切
-        layer.enabled: true
-        layer.smooth: true
-        layer.effect: OpacityMask {
-            maskSource: Rectangle {
-                width: background.width
-                height: background.height
-                radius: background.radius
-            }
-        }
-
-        // 底部border
-        Rectangle {
-            id: indicator
-            width: parent.width
-            anchors.horizontalCenter: parent.horizontalCenter
-            anchors.bottom: parent.bottom
-            height: Theme.currentTheme.appearance.borderWidth
-
-            color: Theme.currentTheme.colors.controlBottomBorderColor
-        }
-
-        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
-        opacity: flat && !hovered ? 0 : 1
-    }
-
-    // 指示器 / Indicator //
-    indicator: ToolButton {
-        flat: true
-        width: 32
-        height: 24
-        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
-        anchors.right: parent.right
-        anchors.margins: 4
-        anchors.verticalCenter: parent.verticalCenter
-        icon.name: "ic_fluent_chevron_down_20_regular"
-        size: 14
-        color: Theme.currentTheme.colors.textSecondaryColor
-        hoverable: editable
-
-        onClicked: menu.open()
-    }
-
-    // Text //
-    // contentItem: Text {
-    //     id: text
-    //     typography: Typography.Body
-    //     anchors.left: parent.left
-    //     anchors.leftMargin: 11  // 左边距为 11
-    //     verticalAlignment: Text.AlignVCenter
-    //     height: parent.height
-    //     text: root.displayText ? root.displayText : root.placeholderText
-    //     color: root.displayText ? Theme.currentTheme.colors.textColor : Theme.currentTheme.colors.textSecondaryColor
-    // }
-
-    contentItem: TextField {
-        id: text
-        anchors.fill: parent
-        text: root.displayText
-        editable: root.editable
-        frameless: true
-        placeholderText: root.placeholderText
-    }
-
-    // 弹出菜单 / Menu //
-    popup: ContextMenu {
-        id: menu
-        width: root.width
-        model: root.model
-        currentIndex: root.currentIndex
-
-        function handleItemSelected(index) {
-            root.currentIndex = index
-            return true
-        }
-        onItemSelected: handleItemSelected(index)
-    }
-
-    // 动画
-    Behavior on opacity { NumberAnimation { duration: 150; easing.type: Easing.OutQuart } }
-    Behavior on implicitWidth { NumberAnimation { duration: 100; easing.type: Easing.InOutQuart } }
-
-
-    // 状态变化
-    states: [
-        State {
-        name: "disabled"
-            when: !enabled
-            PropertyChanges {  // 禁用时禁止改变属性
-                target: root;
-                opacity: 0.4
-            }
-        },
-        State {
-            name: "pressed"
-            when: pressed
-            PropertyChanges {
-                target: root;
-                opacity: 0.7
-            }
-            PropertyChanges {
-                target: background;
-                color: Theme.currentTheme.colors.controlTertiaryColor
-            }
-        },
-        State {
-            name: "hovered"
-            when: hovered
-            PropertyChanges {
-                target: background;
-                opacity: 1
-                color: Theme.currentTheme.colors.controlSecondaryColor
-            }
-        }
-    ]
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+
+ComboBox {
+    id: root
+
+    // 属性 / Properties
+    property real controlRadius: Theme.currentTheme.appearance.buttonRadius
+    property string placeholderText: ""
+    property alias maxHeight: menu.maxHeight
+    property string headerText: ""
+
+    implicitWidth: Math.max(contentItem.implicitWidth + 50, 60)
+    // implicitHeight: contentItem.implicitHeight + 12
+
+    padding: 0
+
+    // accessibility
+    FocusIndicator {
+        Indicator {
+            id: focusIndicator
+            anchors.left: parent.left
+            anchors.leftMargin: 2
+            anchors.verticalCenter: parent.verticalCenter
+        }
+        anchors.margins: -1
+        control: parent
+    }
+
+
+    // 背景 / Background //
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        color: Theme.currentTheme.colors.controlColor
+        radius: Theme.currentTheme.appearance.buttonRadius
+
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: Theme.currentTheme.colors.controlBorderColor
+
+        // 裁切
+        layer.enabled: true
+        layer.smooth: true
+        layer.effect: OpacityMask {
+            maskSource: Rectangle {
+                width: background.width
+                height: background.height
+                radius: background.radius
+            }
+        }
+
+        // 底部border
+        Rectangle {
+            id: indicator
+            width: parent.width
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            height: Theme.currentTheme.appearance.borderWidth
+
+            color: Theme.currentTheme.colors.controlBottomBorderColor
+        }
+
+        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+        opacity: flat && !hovered ? 0 : 1
+    }
+
+    // 指示器 / Indicator //
+    indicator: ToolButton {
+        flat: true
+        width: 32
+        height: 24
+        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
+        anchors.right: parent.right
+        anchors.margins: 4
+        anchors.verticalCenter: parent.verticalCenter
+        icon.name: "ic_fluent_chevron_down_20_regular"
+        size: 14
+        color: Theme.currentTheme.colors.textSecondaryColor
+        hoverable: editable
+
+        onClicked: menu.open()
+    }
+
+    // Text //
+    // contentItem: Text {
+    //     id: text
+    //     typography: Typography.Body
+    //     anchors.left: parent.left
+    //     anchors.leftMargin: 11  // 左边距为 11
+    //     verticalAlignment: Text.AlignVCenter
+    //     height: parent.height
+    //     text: root.displayText ? root.displayText : root.placeholderText
+    //     color: root.displayText ? Theme.currentTheme.colors.textColor : Theme.currentTheme.colors.textSecondaryColor
+    // }
+
+    contentItem: TextField {
+        id: text
+        anchors.fill: parent
+        text: root.displayText
+        editable: root.editable
+        frameless: true
+        placeholderText: root.placeholderText
+    }
+
+    // 弹出菜单 / Menu //
+    popup: ContextMenu {
+        id: menu
+        width: root.width
+        model: root.model
+        currentIndex: root.currentIndex
+
+        function handleItemSelected(index) {
+            root.currentIndex = index
+            return true
+        }
+        onItemSelected: handleItemSelected(index)
+    }
+
+    // 动画
+    Behavior on opacity { NumberAnimation { duration: 150; easing.type: Easing.OutQuart } }
+    Behavior on implicitWidth { NumberAnimation { duration: 100; easing.type: Easing.InOutQuart } }
+
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {  // 禁用时禁止改变属性
+                target: root;
+                opacity: 0.4
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.7
+            }
+            PropertyChanges {
+                target: background;
+                color: Theme.currentTheme.colors.controlTertiaryColor
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: background;
+                opacity: 1
+                color: Theme.currentTheme.colors.controlSecondaryColor
+            }
+        }
+    ]
 }

RinUI/components/BasicInput/DropDownButton.qml

@@ -1,21 +1,21 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-Button {
-    id: root
-    default property alias contentData: menu.contentData
-    suffixIconName: "ic_fluent_chevron_down_20_filled"
-
-    Menu {
-        id: menu
-    }
-
-    onClicked: {
-        if (menu.count > 0) {
-            menu.open()
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+Button {
+    id: root
+    default property alias contentData: menu.contentData
+    suffixIconName: "ic_fluent_chevron_down_20_filled"
+
+    Menu {
+        id: menu
+    }
+
+    onClicked: {
+        if (menu.count > 0) {
+            menu.open()
+        }
+    }
 }

RinUI/components/BasicInput/Hyperlink.qml

@@ -1,18 +1,18 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import "../../themes"
-import "../../components"
-
-
-Button {
-    id: root
-    property url openUrl: root.openUrl
-    property alias url: root.openUrl
-    flat: true
-    highlighted: true
-    // underline: !root.hovered
-
-    onClicked: {
-        Qt.openUrlExternally(openUrl)
-    }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import "../../themes"
+import "../../components"
+
+
+Button {
+    id: root
+    property url openUrl: root.openUrl
+    property alias url: root.openUrl
+    flat: true
+    highlighted: true
+    // underline: !root.hovered
+
+    onClicked: {
+        Qt.openUrlExternally(openUrl)
+    }
 }

RinUI/components/BasicInput/PillButton.qml

@@ -1,11 +1,11 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-RoundButton {
-    id: root
-    highlighted: checked
-    checkable: true
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+RoundButton {
+    id: root
+    highlighted: checked
+    checkable: true
 }

RinUI/components/BasicInput/RadioButton.qml

@@ -1,95 +1,95 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import "../../themes"
-import "../../components"
-
-
-RadioButton {
-    id: root
-    property color backgroundColor: Theme.currentTheme.colors.controlSecondaryColor
-    property color primaryColor: Theme.currentTheme.colors.primaryColor
-
-    spacing: 8
-
-    // accessibility
-    FocusIndicator {
-        control: parent
-    }
-
-    contentItem: Text {
-        leftPadding: root.indicator.width + root.spacing
-        verticalAlignment: Text.AlignVCenter
-
-        text: root.text
-    }
-
-    // 指示器 / indicator //
-    indicator: Rectangle {
-        id: background
-        width: 20
-        height: 20
-        x: root.leftPadding
-        y: parent.height / 2 - height / 2
-
-        radius: width / 2
-        color: checked ? primaryColor :
-            hovered ? Theme.currentTheme.colors.controlTertiaryColor : backgroundColor
-        // 边框 / Border
-        border.color: checked ? "transparent" : Theme.currentTheme.colors.controlBorderStrongColor
-        border.width: Theme.currentTheme.appearance.borderWidth
-
-        Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
-        Behavior on opacity { NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
-
-        // 指示器 / Indicator //
-        Rectangle {
-            id: indicator
-            anchors.centerIn: parent
-            width: background.width / 2
-            height: background.height / 2
-            scale: enabled ?
-                checked ? pressed ? 0.8 : hovered ? 1.25 : 1   // checked
-                    : pressed ? 1 : 0  // unchecked
-                : checked ? 1 : 0  // disabled
-
-            anchors.verticalCenter: background.verticalCenter
-            radius: height / 2
-            color: checked ? Theme.currentTheme.colors.textOnAccentColor : pressed ? Theme.currentTheme.colors.textOnAccentColor : "transparent"
-            // color: Theme.currentTheme.colors.textOnAccentColor
-
-            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
-            Behavior on scale { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-        }
-    }
-
-    Behavior on opacity { NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
-
-    // 状态变化
-    states: [
-        State {
-        name: "disabled"
-            when: !enabled
-            PropertyChanges {
-                target: root
-                opacity: 0.4
-                primaryColor: Theme.currentTheme.colors.disabledColor
-            }
-        },
-        State {
-            name: "pressed"
-            when: pressed
-            PropertyChanges {
-                target: background;
-                opacity: 0.65
-            }
-        },
-        State {
-            name: "hovered"
-            when: hovered
-            PropertyChanges {
-                target: background;
-                opacity: 0.875
-            }
-        }
-    ]
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import "../../themes"
+import "../../components"
+
+
+RadioButton {
+    id: root
+    property color backgroundColor: Theme.currentTheme.colors.controlSecondaryColor
+    property color primaryColor: Theme.currentTheme.colors.primaryColor
+
+    spacing: 8
+
+    // accessibility
+    FocusIndicator {
+        control: parent
+    }
+
+    contentItem: Text {
+        leftPadding: root.indicator.width + root.spacing
+        verticalAlignment: Text.AlignVCenter
+
+        text: root.text
+    }
+
+    // 指示器 / indicator //
+    indicator: Rectangle {
+        id: background
+        width: 20
+        height: 20
+        x: root.leftPadding
+        y: parent.height / 2 - height / 2
+
+        radius: width / 2
+        color: checked ? primaryColor :
+            hovered ? Theme.currentTheme.colors.controlTertiaryColor : backgroundColor
+        // 边框 / Border
+        border.color: checked ? "transparent" : Theme.currentTheme.colors.controlBorderStrongColor
+        border.width: Theme.currentTheme.appearance.borderWidth
+
+        Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
+        Behavior on opacity { NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+
+        // 指示器 / Indicator //
+        Rectangle {
+            id: indicator
+            anchors.centerIn: parent
+            width: background.width / 2
+            height: background.height / 2
+            scale: enabled ?
+                checked ? pressed ? 0.8 : hovered ? 1.25 : 1   // checked
+                    : pressed ? 1 : 0  // unchecked
+                : checked ? 1 : 0  // disabled
+
+            anchors.verticalCenter: background.verticalCenter
+            radius: height / 2
+            color: checked ? Theme.currentTheme.colors.textOnAccentColor : pressed ? Theme.currentTheme.colors.textOnAccentColor : "transparent"
+            // color: Theme.currentTheme.colors.textOnAccentColor
+
+            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
+            Behavior on scale { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+        }
+    }
+
+    Behavior on opacity { NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.4
+                primaryColor: Theme.currentTheme.colors.disabledColor
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: background;
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: background;
+                opacity: 0.875
+            }
+        }
+    ]
 }

RinUI/components/BasicInput/RoundButton.qml

@@ -1,27 +1,27 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import Qt5Compat.GraphicalEffects
-import "../../themes"
-import "../../components"
-
-Button {
-    id: root
-    property alias radius: background.radius
-    backgroundColor: highlighted ? primaryColor : Theme.currentTheme.colors.controlQuaternaryColor
-
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        color: hovered ? hoverColor : backgroundColor
-        radius: height / 2
-
-        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
-        border.color: flat ? "transparent" :
-            enabled ? highlighted ? primaryColor : Theme.currentTheme.colors.controlBorderColor :
-            highlighted ? Theme.currentTheme.colors.disabledColor : Theme.currentTheme.colors.controlBorderColor
-
-        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
-        opacity: flat && !hovered || !hoverable ? 0 : 1
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+Button {
+    id: root
+    property alias radius: background.radius
+    backgroundColor: highlighted ? primaryColor : Theme.currentTheme.colors.controlQuaternaryColor
+
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        color: hovered ? hoverColor : backgroundColor
+        radius: height / 2
+
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: flat ? "transparent" :
+            enabled ? highlighted ? primaryColor : Theme.currentTheme.colors.controlBorderColor :
+            highlighted ? Theme.currentTheme.colors.disabledColor : Theme.currentTheme.colors.controlBorderColor
+
+        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+        opacity: flat && !hovered || !hoverable ? 0 : 1
+    }
 }