RinUI 0.0.9__py3-none-any.whl

RinUI/components/Text/SpinBox.qml

@@ -0,0 +1,134 @@
+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
+            }
+        }
+    ]
+}

RinUI/components/Text/Text.qml

@@ -0,0 +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
+}

RinUI/components/Text/TextField.qml

@@ -0,0 +1,94 @@
+import QtQuick 2.15
+import Qt5Compat.GraphicalEffects
+import QtQuick.Controls.Basic 2.15
+import "../../themes"
+
+TextField {
+    id: root
+
+    property bool frameless: false
+    property bool editable: true
+    property color primaryColor: Theme.currentTheme.colors.primaryColor
+
+    selectByMouse: true
+    enabled: editable
+
+    // 背景 / 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
+
+    selectionColor: Theme.currentTheme.colors.primaryColor
+    color: Theme.currentTheme.colors.textColor
+    placeholderTextColor: Theme.currentTheme.colors.textSecondaryColor
+
+    leftPadding: 12
+    rightPadding: 12
+    topPadding: 5
+    bottomPadding: 7
+
+    // 状态变化
+    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/TextInput.qml

@@ -0,0 +1,29 @@
+import QtQuick 2.15
+import Qt5Compat.GraphicalEffects
+import QtQuick.Controls.Basic 2.15
+import "../../themes"
+import "../../components"
+
+
+TextInput {
+    id: root
+    property int typography: Typography.Body
+    selectByMouse: true
+
+    color: Theme.currentTheme.colors.textColor
+    selectionColor: Theme.currentTheme.colors.primaryColor
+
+    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;
+        }
+    }
+}

RinUI/components/Utils/Blur.qml

@@ -0,0 +1,42 @@
+import QtQuick
+import Qt5Compat.GraphicalEffects
+import FluentUI
+
+Item {
+    id: control
+    property color tintColor: Qt.rgba(1, 1, 1, 1)
+    property real tintOpacity: 0.65
+    property real luminosity: 0.01
+    property real noiseOpacity: 0.02
+    property var target
+    property int blurRadius: 32
+    property rect targetRect: Qt.rect(control.x, control.y, control.width,control.height)
+
+    ShaderEffectSource {
+        id: effect_source
+        anchors.fill: parent
+        visible: false
+        sourceRect: control.targetRect
+        sourceItem: control.target
+    }
+    FastBlur {
+        id: fast_blur
+        anchors.fill: parent
+        source: effect_source
+        radius: control.blurRadius
+    }
+    Rectangle {
+        anchors.fill: parent
+        color: Qt.rgba(1, 1, 1, luminosity)
+    }
+    Rectangle {
+        anchors.fill: parent
+        color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity)
+    }
+    Image {
+        anchors.fill: parent
+        source: "qrc:/qt/qml/FluentUI/Image/noise.png"
+        fillMode: Image.Tile
+        opacity: control.noiseOpacity
+    }
+}

RinUI/components/qmldir

@@ -0,0 +1,76 @@
+module RinUI.Components
+
+Base 1.0 Base.qml
+Shadow 1.0 Shadow.qml
+FocusIndicator 1.0 FocusIndicator.qml
+
+IconWidget 1.0 IconWidget.qml
+
+ContextMenu 1.0 ContextMenu.qml
+
+
+ScrollBar 1.0 ScrollBar.qml
+ScrollView 1.0 ScrollView.qml
+
+# Basic Input
+Button 1.0 BasicInput/Button.qml
+HyperlinkButton 1.0 BasicInput/HyperlinkButton.qml
+Slider 1.0 BasicInput/Slider.qml
+Hyperlink 1.0 BasicInput/Hyperlink.qml
+ToolButton 1.0 BasicInput/ToolButton.qml
+Switch 1.0 BasicInput/Switch.qml
+RadioButton 1.0 BasicInput/RadioButton.qml
+
+# Date & Time
+PickerView 1.0 DateAndTime/PickerView.qml
+# TimePicker 1.0 DateAndTime/TimePicker.qml
+
+# Dialogs & Flyouts
+Dialog 1.0 DialogsAndFlyouts/Dialog.qml
+DialogButtonBox 1.0 DialogsAndFlyouts/DialogButtonBox.qml
+Flyout 1.0 DialogsAndFlyouts/Flyout.qml
+Popup 1.0 DialogsAndFlyouts/Popup.qml
+
+# Layout
+Expander 1.0 Layout/Expander.qml
+
+# Status & Info
+InfoBar 1.0 StatusAndInfo/InfoBar.qml
+ProgressBar 1.0 StatusAndInfo/ProgressBar.qml
+ToolTip 1.0 StatusAndInfo/ToolTip.qml
+
+# Text
+TextField 1.0 Text/TextField.qml
+TextInput 1.0 Text/TextInput.qml
+Text 1.0 Text/Text.qml
+
+# Menus & Toolbars
+Menu 1.0 MenusAndToolbars/Menu.qml
+MenuItem 1.0 MenusAndToolbars/MenuItem.qml
+MenuItemGroup 1.0 MenusAndToolbars/MenuItemGroup.qml
+MenuSeparator 1.0 MenusAndToolbars/MenuSeparator.qml
+ToolSeparator 1.0 MenusAndToolbars/ToolSeparator.qml
+MenuBar 1.0 MenusAndToolbars/MenuBar.qml
+
+# Navigation
+NavigationView 1.0 Navigation/NavigationView.qml
+NavigationBar 1.0 Navigation/NavigationBar.qml
+NavigationItem 1.0 Navigation/NavigationItem.qml
+NavigationSubItem 1.0 Navigation/NavigationSubItem.qml
+
+# ListAndCollections
+Frame 1.0 ListAndCollections/Frame.qml
+Clip 1.0 ListAndCollections/Clip.qml
+# ListView 1.0 ListAndCollections/ListView.qml
+ListViewDelegate 1.0 ListAndCollections/ListViewDelegate.qml
+TableViewDelegate 1.0 ListAndCollections/TableViewDelegate.qml
+
+Indicator 1.0 Indicator.qml
+
+
+singleton Theme 1.0 ../themes/theme.qml
+singleton Typography 1.0 ../utils/Typography.qml
+singleton Severity 1.0 ../utils/Severity.qml
+singleton Position 1.0 ../utils/Position.qml
+
+FloatLayer 1.0 ../utils/FloatLayer.qml

RinUI/config/rin_ui.json

@@ -0,0 +1,8 @@
+{
+    "language": "zh_CN",
+    "theme": {
+        "current_theme": "Auto"
+    },
+    "theme_color": "#605ed2",
+    "backdrop_effect": "mica"
+}

RinUI/core/__init__.py

@@ -0,0 +1,3 @@
+from .theme import ThemeManager
+from .launcher import RinUIWindow
+from .config import DEFAULT_CONFIG, ConfigCenter, PATH, Theme, BackdropEffect

RinUI/core/config.py

@@ -0,0 +1,109 @@
+import os
+import json
+import platform
+from enum import Enum
+
+
+def is_win11():
+    if is_windows():
+        if platform.release() >= '10' and int(platform.version().split('.')[2]) >= 22000:
+            return True
+    return False
+
+
+def is_win10():
+    if is_windows():
+        if platform.release() >= '10' and int(platform.version().split('.')[2]) >= 19000:
+            return True
+    return False
+
+
+def is_windows():
+    return platform.system() == 'Windows'
+
+
+BASE_DIR = os.path.abspath(os.getcwd())
+PATH = os.path.join(BASE_DIR, "RinUI/config")
+DEFAULT_CONFIG = {
+    "language": "zh_CN",
+    "theme": {
+        "current_theme": "Auto",
+    },
+    "win10_feat": {
+        "backdrop_light": 0xA6FFFFFF,
+        "backdrop_dark": 0xA6000000,
+    },
+    "theme_color": "#605ed2",
+    "backdrop_effect": "mica" if is_win11() else "acrylic" if is_win10() else "none",
+}
+
+
+class Theme(Enum):
+    Auto = "Auto"
+    Dark = "Dark"
+    Light = "Light"
+
+
+class BackdropEffect(Enum):
+    None_ = "none"
+    Acrylic = "acrylic"
+    Mica = "mica"
+    Tabbed = "tabbed"
+
+
+class ConfigCenter:
+    def __init__(self, path, filename):
+        self.path = path
+        self.filename = filename
+        self.config = {}
+        self.full_path = os.path.join(self.path, self.filename)
+
+    def load_config(self, default_config):
+        if default_config is None:
+            print('Warning: "default_config" is None, use empty config instead.')
+            default_config = {}
+        # 如果文件存在，加载配置
+        if os.path.exists(self.full_path):
+            with open(self.full_path, 'r', encoding='utf-8') as f:
+                self.config = json.load(f)
+        else:
+            self.config = default_config  # 如果文件不存在，使用默认配置
+            self.save_config()
+
+    def update_config(self):  # 更新配置
+        try:
+            with open(self.full_path, 'r', encoding='utf-8') as f:
+                self.config = json.load(f)
+        except Exception as e:
+            print(f'Error: {e}')
+            self.config = {}
+
+    def upload_config(self, key=str or list, value=None):
+        if type(key) is str:
+            self.config[key] = value
+        elif type(key) is list:
+            for k in key:
+                self.config[k] = value
+        else:
+            raise TypeError('key must be str or list')
+        self.save_config()
+
+    def save_config(self):
+        try:
+            # 确保配置文件目录存在
+            if not os.path.exists(self.path):
+                os.makedirs(self.path)
+            with open(self.full_path, 'w', encoding='utf-8') as f:
+                json.dump(self.config, f, ensure_ascii=False, indent=4)
+        except Exception as e:
+            print(f'Error: {e}')
+
+    def __getitem__(self, key):
+        return self.config.get(key)
+
+    def __setitem__(self, key, value):
+        self.config[key] = value
+        self.save_config()
+
+    def __repr__(self):
+        return json.dumps(self.config, ensure_ascii=False, indent=4)