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

RinUI/components/Text/SpinBox.qml

@@ -1,134 +1,151 @@
-import QtQuick 2.15
-import Qt5Compat.GraphicalEffects
-import QtQuick.Controls.Basic 2.15
-import "../../themes"
-import "../../components"
-
-
-SpinBox {
-    id: root
-    editable: true
-
-    property color primaryColor: Theme.currentTheme.colors.primaryColor
-
-    contentItem: TextInput {
-        selectByMouse: true
-        text: root.textFromValue(root.value, root.locale)
-        horizontalAlignment: Qt.AlignLeft
-        verticalAlignment: Qt.AlignVCenter
-
-        readOnly: !root.editable
-        validator: root.validator
-        inputMethodHints: Qt.ImhFormattedNumbersOnly
-    }
-
-    implicitWidth: Math.max(implicitWidth + upBtn.width + downBtn.width + 8, 124)
-
-    // 背景 / Background //
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        radius: Theme.currentTheme.appearance.buttonRadius
-        color: Theme.currentTheme.colors.controlColor
-        clip: true
-        border.width: Theme.currentTheme.appearance.borderWidth
-        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
-            }
-        }
-
-        // 底部指示器 / indicator //
-        Rectangle {
-            id: indicator
-            width: parent.width
-            anchors.horizontalCenter: parent.horizontalCenter
-            anchors.bottom: parent.bottom
-            radius: 999
-            height: root.activeFocus ? Theme.currentTheme.appearance.borderWidth * 2 : Theme.currentTheme.appearance.borderWidth
-            color: root.activeFocus ? primaryColor : Theme.currentTheme.colors.textControlBorderColor
-
-            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-            Behavior on height { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-        }
-    }
-
-    up.indicator: ToolButton {
-        id: upBtn
-        flat: true
-        z: 9
-        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
-        implicitWidth: 32
-        implicitHeight: 24
-        anchors.top: parent.top
-        anchors.right: downBtn.left
-        anchors.bottom: parent.bottom
-        anchors.margins: 4
-        anchors.bottomMargin: 6
-        icon.name: "ic_fluent_chevron_up_20_regular"
-        size: 16
-        color: Theme.currentTheme.colors.textSecondaryColor
-        hoverable: editable
-        onClicked: increase()
-    }
-
-    down.indicator: ToolButton {
-        id: downBtn
-        z: 9
-        flat: true
-        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
-        implicitWidth: 32
-        implicitHeight: 24
-        anchors.top: parent.top
-        anchors.right: parent.right
-        anchors.bottom: parent.bottom
-        anchors.margins: 4
-        anchors.bottomMargin: 6
-        icon.name: "ic_fluent_chevron_down_20_regular"
-        size: 16
-        color: Theme.currentTheme.colors.textSecondaryColor
-        hoverable: editable
-        onClicked: decrease()
-    }
-
-    leftPadding: 12
-    rightPadding: 12
-    topPadding: 5
-    bottomPadding: 7
-
-    Behavior on opacity { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-
-    // 状态变化
-    states: [
-        State {
-        name: "disabled"
-            when: !enabled
-            PropertyChanges {  // 禁用时禁止改变属性
-                target: root;
-                opacity: !editable ? 1 : 0.4
-            }
-        },
-        State {
-            name: "pressed&focused"
-            when: activeFocus
-            PropertyChanges {
-                target: background;
-                color: Theme.currentTheme.colors.controlInputActiveColor
-            }
-        },
-        State {
-            name: "hovered"
-            when: hovered
-            PropertyChanges {
-                target: background;
-                color: Theme.currentTheme.colors.controlSecondaryColor
-            }
-        }
-    ]
+import QtQuick 2.15
+import Qt5Compat.GraphicalEffects
+import QtQuick.Controls.Basic 2.15
+import "../../themes"
+import "../../components"
+
+
+SpinBox {
+    id: root
+    editable: true
+
+    property color primaryColor: Theme.currentTheme.colors.primaryColor
+
+    contentItem: TextInput {
+        selectByMouse: true
+        text: root.textFromValue(root.value, root.locale)
+        horizontalAlignment: Qt.AlignLeft
+        verticalAlignment: Qt.AlignVCenter
+
+        readOnly: !root.editable
+        validator: root.validator
+        inputMethodHints: Qt.ImhFormattedNumbersOnly
+    }
+
+    implicitWidth: Math.max(implicitWidth + upBtn.width + downBtn.width + 8, 124)
+
+    // 背景 / Background //
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: Theme.currentTheme.colors.controlColor
+        clip: true
+        border.width: Theme.currentTheme.appearance.borderWidth
+        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
+            }
+        }
+
+        // 底部指示器 / indicator //
+        Rectangle {
+            id: indicator
+            width: parent.width
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            radius: 999
+            height: root.activeFocus ? Theme.currentTheme.appearance.borderWidth * 2 : Theme.currentTheme.appearance.borderWidth
+            color: root.activeFocus ? primaryColor : Theme.currentTheme.colors.textControlBorderColor
+
+            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+            Behavior on height { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+        }
+    }
+
+    up.indicator: ToolButton {
+        id: upBtn
+        flat: true
+        z: 9
+        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
+        implicitWidth: 32
+        implicitHeight: 24
+        anchors.top: parent.top
+        anchors.right: downBtn.left
+        anchors.bottom: parent.bottom
+        anchors.margins: 4
+        anchors.bottomMargin: 6
+        icon.name: "ic_fluent_chevron_up_20_regular"
+        size: 16
+        color: Theme.currentTheme.colors.textSecondaryColor
+        hoverable: editable
+        onClicked: increase()
+    }
+
+    down.indicator: ToolButton {
+        id: downBtn
+        z: 9
+        flat: true
+        focusPolicy: editable ? Qt.StrongFocus : Qt.NoFocus
+        implicitWidth: 32
+        implicitHeight: 24
+        anchors.top: parent.top
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: 4
+        anchors.bottomMargin: 6
+        icon.name: "ic_fluent_chevron_down_20_regular"
+        size: 16
+        color: Theme.currentTheme.colors.textSecondaryColor
+        hoverable: editable
+        onClicked: decrease()
+    }
+
+    leftPadding: 12
+    rightPadding: 12
+    topPadding: 5
+    bottomPadding: 7
+
+    Behavior on opacity { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+
+    // 恢复滚轮调整数值
+    WheelHandler {
+        id: wheelHandler
+        target: spin
+        onWheel: (event) => {
+            if (!root.focus) {
+                return; // 如果没有焦点，则不处理滚轮事件
+            }
+            if (event.angleDelta.y > 0) {
+                root.value += root.stepSize;
+            } else if (event.angleDelta.y < 0) {
+                root.value -= root.stepSize;
+            }
+            event.accepted = true; // 阻止事件继续冒泡
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {  // 禁用时禁止改变属性
+                target: root;
+                opacity: !editable ? 1 : 0.4
+            }
+        },
+        State {
+            name: "pressed&focused"
+            when: activeFocus
+            PropertyChanges {
+                target: background;
+                color: Theme.currentTheme.colors.controlInputActiveColor
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: background;
+                color: Theme.currentTheme.colors.controlSecondaryColor
+            }
+        }
+    ]
 }

RinUI/components/Text/Text.qml

@@ -1,44 +1,44 @@
-import QtQuick
-import QtQuick.Controls
-import "../../themes"
-import "../../utils"
-
-Text {
-    id: label
-    property int typography: Typography.Body
-
-    color: targetColor
-    property color targetColor: Theme.currentTheme.colors.textColor  // 目标颜色，用于切换动画
-    wrapMode: Text.WordWrap
-
-    // 主题切换动画  TODO: 会坠机
-    // Behavior on color {
-    //     ColorAnimation {
-    //         duration: Utils.appearanceSpeed
-    //         easing.type: Easing.OutQuart
-    //     }
-    // }
-
-    font.pixelSize: {
-        switch (typography) {
-            case Typography.Display: return Theme.currentTheme.typography.displaySize;
-            case Typography.TitleLarge: return Theme.currentTheme.typography.titleLargeSize;
-            case Typography.Title: return Theme.currentTheme.typography.titleSize;
-            case Typography.Subtitle: return Theme.currentTheme.typography.subtitleSize;
-            case Typography.Body: return Theme.currentTheme.typography.bodySize;
-            case Typography.BodyStrong: return Theme.currentTheme.typography.bodyStrongSize;
-            case Typography.BodyLarge: return Theme.currentTheme.typography.bodyLargeSize;
-            case Typography.Caption: return Theme.currentTheme.typography.captionSize;
-            default: return Theme.currentTheme.typography.bodySize;
-        }
-    }
-
-    font.family: Utils.fontFamily
-
-    font.bold: typography === Typography.Display ||
-               typography === Typography.TitleLarge ||
-               typography === Typography.Title ||
-               typography === Typography.Subtitle ||
-               typography === Typography.BodyLarge ||
-               typography === Typography.BodyStrong
-}
+import QtQuick
+import QtQuick.Controls
+import "../../themes"
+import "../../utils"
+
+Text {
+    id: label
+    property int typography: Typography.Body
+
+    color: targetColor
+    property color targetColor: Theme.currentTheme.colors.textColor  // 目标颜色，用于切换动画
+    wrapMode: Text.WordWrap
+
+    // 主题切换动画  TODO: 会坠机
+    // Behavior on color {
+    //     ColorAnimation {
+    //         duration: Utils.appearanceSpeed
+    //         easing.type: Easing.OutQuart
+    //     }
+    // }
+
+    font.pixelSize: {
+        switch (typography) {
+            case Typography.Display: return Theme.currentTheme.typography.displaySize;
+            case Typography.TitleLarge: return Theme.currentTheme.typography.titleLargeSize;
+            case Typography.Title: return Theme.currentTheme.typography.titleSize;
+            case Typography.Subtitle: return Theme.currentTheme.typography.subtitleSize;
+            case Typography.Body: return Theme.currentTheme.typography.bodySize;
+            case Typography.BodyStrong: return Theme.currentTheme.typography.bodyStrongSize;
+            case Typography.BodyLarge: return Theme.currentTheme.typography.bodyLargeSize;
+            case Typography.Caption: return Theme.currentTheme.typography.captionSize;
+            default: return Theme.currentTheme.typography.bodySize;
+        }
+    }
+
+    font.family: Utils.fontFamily
+
+    font.bold: typography === Typography.Display ||
+               typography === Typography.TitleLarge ||
+               typography === Typography.Title ||
+               typography === Typography.Subtitle ||
+               typography === Typography.BodyLarge ||
+               typography === Typography.BodyStrong
+}

RinUI/components/Text/TextArea.qml

@@ -1,118 +1,118 @@
-import QtQuick 2.15
-import Qt5Compat.GraphicalEffects
-import QtQuick.Controls.Basic 2.15
-import "../../themes"
-import "../../components"
-
-TextArea {
-    id: root
-
-    property bool frameless: false
-    property bool editable: true
-    property color primaryColor: Theme.currentTheme.colors.primaryColor
-
-    selectByMouse: true
-    enabled: editable
-
-    // Menu
-    TextInputMenu {
-        id: contextMenu
-    }
-
-    MouseArea {
-        anchors.fill: parent
-        acceptedButtons: Qt.RightButton
-        propagateComposedEvents: true
-        onPressed: (mouse) => {
-            if (mouse.button === Qt.RightButton)
-                contextMenu.popup(mouse.scenePosition)
-            mouse.accepted = false
-        }
-
-        // 鼠标
-        cursorShape: Qt.IBeamCursor
-    }
-
-    // 背景 / Background //
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        radius: Theme.currentTheme.appearance.buttonRadius
-        color: frameless ? "transparent" : Theme.currentTheme.colors.controlColor
-        clip: true
-        border.width: Theme.currentTheme.appearance.borderWidth
-        border.color: frameless ? root.activeFocus ? Theme.currentTheme.colors.controlBorderColor : "transparent" :
-            Theme.currentTheme.colors.controlBorderColor
-
-        layer.enabled: true
-        layer.smooth: true
-        layer.effect: OpacityMask {
-            maskSource: Rectangle {
-                width: background.width
-                height: background.height
-                radius: background.radius
-            }
-        }
-
-        // 底部指示器 / indicator //
-        Rectangle {
-            id: indicator
-            width: parent.width
-            anchors.horizontalCenter: parent.horizontalCenter
-            anchors.bottom: parent.bottom
-            radius: 999
-            height: root.activeFocus ? Theme.currentTheme.appearance.borderWidth * 2 : Theme.currentTheme.appearance.borderWidth
-            color: root.activeFocus ? primaryColor : frameless ? "transparent" : Theme.currentTheme.colors.textControlBorderColor
-
-            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-            Behavior on height { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-        }
-    }
-
-    Behavior on opacity { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-
-
-    // 字体 / Font //
-    font.pixelSize: Theme.currentTheme.typography.bodySize
-
-    wrapMode: Text.WordWrap  // 自动换行
-    selectionColor: Theme.currentTheme.colors.primaryColor
-    color: Theme.currentTheme.colors.textColor
-    placeholderTextColor: Theme.currentTheme.colors.textSecondaryColor
-
-    leftPadding: 12
-    rightPadding: 12
-    topPadding: 5
-    bottomPadding: 7
-
-    // 动画 / Animation //
-    Behavior on implicitHeight { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-
-    // 状态
-    states: [
-        State {
-        name: "disabled"
-            when: !enabled
-            PropertyChanges {  // 禁用时禁止改变属性
-                target: root;
-                opacity: !editable ? 1 : 0.4
-            }
-        },
-        State {
-            name: "pressed&focused"
-            when: activeFocus
-            PropertyChanges {
-                target: background;
-                color: Theme.currentTheme.colors.controlInputActiveColor
-            }
-        },
-        State {
-            name: "hovered"
-            when: hovered
-            PropertyChanges {
-                target: background;
-                color: Theme.currentTheme.colors.controlSecondaryColor
-            }
-        }
-    ]
+import QtQuick 2.15
+import Qt5Compat.GraphicalEffects
+import QtQuick.Controls.Basic 2.15
+import "../../themes"
+import "../../components"
+
+TextArea {
+    id: root
+
+    property bool frameless: false
+    property bool editable: true
+    property color primaryColor: Theme.currentTheme.colors.primaryColor
+
+    selectByMouse: true
+    enabled: editable
+
+    // Menu
+    TextInputMenu {
+        id: contextMenu
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        acceptedButtons: Qt.RightButton
+        propagateComposedEvents: true
+        onPressed: (mouse) => {
+            if (mouse.button === Qt.RightButton)
+                contextMenu.popup(mouse.scenePosition)
+            mouse.accepted = false
+        }
+
+        // 鼠标
+        cursorShape: Qt.IBeamCursor
+    }
+
+    // 背景 / Background //
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: frameless ? "transparent" : Theme.currentTheme.colors.controlColor
+        clip: true
+        border.width: Theme.currentTheme.appearance.borderWidth
+        border.color: frameless ? root.activeFocus ? Theme.currentTheme.colors.controlBorderColor : "transparent" :
+            Theme.currentTheme.colors.controlBorderColor
+
+        layer.enabled: true
+        layer.smooth: true
+        layer.effect: OpacityMask {
+            maskSource: Rectangle {
+                width: background.width
+                height: background.height
+                radius: background.radius
+            }
+        }
+
+        // 底部指示器 / indicator //
+        Rectangle {
+            id: indicator
+            width: parent.width
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            radius: 999
+            height: root.activeFocus ? Theme.currentTheme.appearance.borderWidth * 2 : Theme.currentTheme.appearance.borderWidth
+            color: root.activeFocus ? primaryColor : frameless ? "transparent" : Theme.currentTheme.colors.textControlBorderColor
+
+            Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+            Behavior on height { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+        }
+    }
+
+    Behavior on opacity { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+
+
+    // 字体 / Font //
+    font.pixelSize: Theme.currentTheme.typography.bodySize
+
+    wrapMode: Text.WordWrap  // 自动换行
+    selectionColor: Theme.currentTheme.colors.primaryColor
+    color: Theme.currentTheme.colors.textColor
+    placeholderTextColor: Theme.currentTheme.colors.textSecondaryColor
+
+    leftPadding: 12
+    rightPadding: 12
+    topPadding: 5
+    bottomPadding: 7
+
+    // 动画 / Animation //
+    Behavior on implicitHeight { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+
+    // 状态
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {  // 禁用时禁止改变属性
+                target: root;
+                opacity: !editable ? 1 : 0.4
+            }
+        },
+        State {
+            name: "pressed&focused"
+            when: activeFocus
+            PropertyChanges {
+                target: background;
+                color: Theme.currentTheme.colors.controlInputActiveColor
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: background;
+                color: Theme.currentTheme.colors.controlSecondaryColor
+            }
+        }
+    ]
 }