RinUI 0.0.9__py3-none-any.whl

RinUI/themes/dark.qml

@@ -0,0 +1,137 @@
+
+import QtQuick 2.15
+import "../themes"
+
+QtObject {
+    property string name: "Dark"
+    property bool isDark: true
+
+    // Colors //
+    property QtObject colors: QtObject {
+        // Controls
+        property color controlColor: Qt.alpha("#ffffff", 0.065)
+        property color controlSecondaryColor: Qt.alpha("#ffffff", 0.1)
+        property color controlTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color controlQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
+        property color controlStrongColor: Qt.alpha("#ffffff", 0.5442)
+        property color controlInputActiveColor: Qt.alpha("#1E1E1E", 0.7)
+
+        property color controlBorderColor: Qt.alpha("#ffffff", 0.09)
+        property color controlBottomBorderColor: Qt.alpha("#000000", 0.03)
+        property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.14)
+        property color controlBorderStrongColor: Qt.alpha("#ffffff", 0.6047)
+        property color controlBorderAccentColor: Qt.alpha("#ffffff", 0.08)
+        property color textControlBorderColor: Qt.alpha("#ffffff", 0.54)
+        property color textControlBorderFocusedColor: Utils.primaryColor
+        property color flyoutBorderColor: Qt.alpha("#000000", 0.2)
+
+        property color controlSolidColor: "#454545"
+        property color dividerBorderColor: Qt.alpha("#ffffff", 0.0837)
+        // Accessibility
+        property color focusBorderOuter: "#ffffff"
+        property color focusBorderInner: Qt.alpha("#000000", 0.7)
+
+        // Card
+        property color cardColor: Qt.alpha("#ffffff", 0.0512)
+        property color cardSecondaryColor: Qt.alpha("#ffffff", 0.0326)
+        property color cardTertiaryColor: Qt.alpha("#ffffff", 0.0698)
+        property color cardBorderColor: Qt.alpha("#000000", 0.1)
+
+        // Background
+        property color backgroundColor: "#202020"
+        property color windowBorderColor: Qt.alpha("#757575", 0.0698)
+        property color backgroundAcrylicColor: "#2c2c2c"
+        property color backgroundSmokeColor: Qt.alpha("#000000", 0.3)
+
+        property color subtleColor: "transparent"
+        property color subtleSecondaryColor: Qt.alpha("#ffffff", 0.0605)
+        property color subtleTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color captionCloseColor: "#c42b1c"
+        property color captionCloseTextColor: "#ffffff"
+
+        // Layer
+        property color layerColor: Qt.alpha("#3A3A3A", 0.3)
+
+        // Text
+        property color textColor: "#ffffff"
+        property color textSecondaryColor: Qt.alpha("#ffffff", 0.6047)
+        property color textAccentColor: primaryColor
+        property color textOnAccentColor: "#000000"
+        property color textSelectedColor: "#000000"
+
+        property color primaryColor: Qt.color(Utils.primaryColor).lighter(1.6).darker(1.2)
+        property color disabledColor: "#ffffff"
+
+        // System Colors
+        property color systemAttentionColor: primaryColor
+        property color systemSuccessColor: "#6ccb5f"
+        property color systemCautionColor: "#fce100"
+        property color systemCriticalColor: "#ff99a4"
+        property color systemNeutralColor: "#9f9f9f"
+
+        property color systemAttentionBackgroundColor: "#2e2e2e"
+        property color systemSuccessBackgroundColor: "#393d1b"
+        property color systemCautionBackgroundColor: "#433519"
+        property color systemCriticalBackgroundColor: "#442726"
+        property color systemNeutralBackgroundColor: "#333333"
+    }
+
+    // Appearance //
+    property QtObject appearance: QtObject {
+        property int buttonRadius: 5
+        property int borderWidth: 1
+        property real borderFactor: 1.2
+        property real borderOnAccentFactor: 1.08
+        property int smallRadius: 3
+
+        property int dialogTitleBarHeight: 32
+        property int windowTitleBarHeight: 48
+        property int windowRadius: 7
+        property int windowButtonWidth: 46
+
+        property int scrollBarMinWidth: 2
+        property int scrollBarWidth: 6
+        property int scrollBarPadding: 3
+
+        property int sliderHandleSize: 20
+    }
+
+    // Shadows //
+    property var shadows: {
+        "dialog": {
+            "color": Qt.rgba(0, 0, 0, 0.37),  // 模糊颜色
+            "blur": 64,  // 模糊度
+            "offsetY": 32
+        },
+        "tooltip": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 8,
+            "offsetY": 4
+        },
+        "cardRest": {
+            "color": Qt.rgba(0, 0, 0, 0.04),
+            "blur": 4,
+            "offsetY": 2
+        },
+        "flyout": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 24,
+            "offsetY": 8
+        },
+    }
+
+    // Typography //
+    property QtObject typography: QtObject {
+        // property string fontFamily: "Segoe UI"
+        // property string fontIcon: "FluentSystemIcons-Resizeable.ttf"  // 字体图标路径 / font icon (put it in the "assets/fonts" folder)
+        // Font Sizes
+        property int displaySize: 68
+        property int titleLargeSize: 40
+        property int titleSize: 28
+        property int subtitleSize: 20
+        property int bodyLargeSize: 18
+        property int bodySize: 14
+        property int bodyStrongSize: 14
+        property int captionSize: 12
+    }
+}

RinUI/themes/light.qml

@@ -0,0 +1,137 @@
+
+import QtQuick 2.15
+import "../themes"
+
+QtObject {
+    property string name: "Light"
+    property bool isDark: false
+
+    // Colors //
+    property QtObject colors: QtObject {
+        // Controls
+        property color controlColor: Qt.alpha("#ffffff", 0.7)
+        property color controlSecondaryColor: Qt.alpha("#F9F9F9", 0.5)
+        property color controlTertiaryColor: Qt.alpha("#F9F9F9", 0.3)
+        property color controlQuaternaryColor: Qt.alpha("#F3F3F3", 0.76)
+        property color controlStrongColor: Qt.alpha("#000000", 0.4458)
+        property color controlInputActiveColor: "#ffffff"
+
+        property color controlBorderColor: Qt.alpha("#000000", 0.06)
+        property color controlBottomBorderColor: Qt.alpha("#000000", 0.16)
+        property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.4)
+        property color controlBorderStrongColor: Qt.alpha("#000000", 0.6063)
+        property color controlBorderAccentColor: Qt.alpha("#000000", 0.3)
+        property color textControlBorderColor: Qt.alpha("#000000", 0.45)
+        property color textControlBorderFocusedColor: Utils.primaryColor
+        property color flyoutBorderColor: Qt.alpha("#000000", 0.0578)
+
+        property color controlSolidColor: "#ffffff"
+        property color dividerBorderColor: Qt.alpha("#000000", 0.0803)
+        // Accessibility
+        property color focusBorderOuter: Qt.alpha("#000000", 0.8956)
+        property color focusBorderInner: "#ffffff"
+
+        // Card
+        property color cardColor: Qt.alpha("#ffffff", 0.7)
+        property color cardSecondaryColor: Qt.alpha("#F6F6F6", 0.5)
+        property color cardTertiaryColor: Qt.alpha("#ffffff", 1)
+        property color cardBorderColor: Qt.alpha("#000000", 0.0578)
+
+        // Background
+        property color backgroundColor: "#F3F3F3"
+        property color windowBorderColor: Qt.alpha("#757575", 0.0924)
+        property color backgroundAcrylicColor: "#F9F9F9"
+        property color backgroundSmokeColor: Qt.alpha("#000000", 0.3)
+
+        property color subtleColor: "transparent"
+        property color subtleSecondaryColor: Qt.alpha("#000000", 0.0373)
+        property color subtleTertiaryColor: Qt.alpha("#000000", 0.0241)
+        property color captionCloseColor: "#c42b1c"
+        property color captionCloseTextColor: "#ffffff"
+
+        // Layer
+        property color layerColor: Qt.alpha("#ffffff", 0.5)
+
+        // Text
+        property color textColor: "#1b1b1b"
+        property color textSecondaryColor: Qt.alpha("#000000", 0.6063)
+        property color textAccentColor: primaryColor
+        property color textOnAccentColor: "#ffffff"
+        property color textSelectedColor: "#ffffff"
+
+        property color primaryColor: Utils.primaryColor
+        property color disabledColor: "#000000"
+
+        // System Colors
+        property color systemAttentionColor: primaryColor
+        property color systemSuccessColor: "#0f7b0f"
+        property color systemCautionColor: "#9d5d00"
+        property color systemCriticalColor: "#c42b1c"
+        property color systemNeutralColor: "#8d8d8d"
+
+        property color systemAttentionBackgroundColor: "#fbfbfb"
+        property color systemSuccessBackgroundColor: "#dff6dd"
+        property color systemCautionBackgroundColor: "#fff4ce"
+        property color systemCriticalBackgroundColor: "#fde7e9"
+        property color systemNeutralBackgroundColor: "#f9f9f9"
+    }
+
+    // Appearance //
+    property QtObject appearance: QtObject {
+        property int buttonRadius: 5
+        property int borderWidth: 1
+        property real borderFactor: 0.9
+        property real borderOnAccentFactor: 1.08
+        property int smallRadius: 3
+
+        property int dialogTitleBarHeight: 32
+        property int windowTitleBarHeight: 48
+        property int windowRadius: 7
+        property int windowButtonWidth: 46
+
+        property int scrollBarMinWidth: 2
+        property int scrollBarWidth: 6
+        property int scrollBarPadding: 3
+
+        property int sliderHandleSize: 20
+    }
+
+    // Shadows //
+    property var shadows: {
+        "dialog": {
+            "color": Qt.alpha("#000000", 0.19),  // 模糊颜色
+            "blur": 64,  // 模糊度
+            "offsetY": 32
+        },
+        "tooltip": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 8,
+            "offsetY": 4
+        },
+        "cardRest": {
+            "color": Qt.alpha("#000000", 0.04),
+            "blur": 4,
+            "offsetY": 2
+        },
+        "flyout": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 24,
+            "offsetY": 8
+        },
+    }
+
+    // Typography //
+    property QtObject typography: QtObject {
+        // property string fontFamily: "Segoe UI"
+        // property string fontIcon: "FluentSystemIcons-Resizeable.ttf"  // 字体图标路径 / font icon (put it in the "assets/fonts" folder)
+        // Font Sizes
+        property int displaySize: 68
+        property int titleLargeSize: 40
+        property int titleSize: 28
+        property int subtitleSize: 20
+        property int bodyLargeSize: 18
+        property int bodySize: 14
+        property int bodyStrongSize: 14
+        property int captionSize: 12
+    }
+}

RinUI/themes/qmldir

@@ -0,0 +1,7 @@
+module RinUI.themes
+
+singleton Theme 1.0 theme.qml
+singleton Utils 1.0 utils.qml
+
+Light 1.0 light.qml
+Dark 1.0 dark.qml

RinUI/themes/theme.qml

@@ -0,0 +1,126 @@
+pragma Singleton
+import QtQuick 2.15
+// import "../themes"
+
+Item {
+    id: themeManager
+
+    property var currentTheme: null
+
+    // 初始化时设置默认主题
+    Component.onCompleted: {
+        if (typeof ThemeManager === "undefined") {
+            currentTheme = Qt.createQmlObject("import '../themes'; Light {}", themeManager)
+        } else {
+            Utils.primaryColor = getThemeColor()
+            setTheme(ThemeManager.get_theme_name())
+        }
+    }
+
+    function isThemeMgrInitialized() {
+        return typeof ThemeManager!== "undefined"
+    }
+
+    function setBackdropEffect(effect) {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        ThemeManager.apply_backdrop_effect(effect)
+    }
+
+    function sendDragWindowEvent(window) {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        ThemeManager.dragWindowEvent(ThemeManager.getWindowId(window))
+    }
+
+    function getBackdropEffect() {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        return ThemeManager.get_backdrop_effect()
+    }
+
+    function getThemeColor() {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        return ThemeManager.get_theme_color()
+    }
+
+    function getTheme() {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        return ThemeManager.get_theme_name()
+    }
+
+    // 本来打算写多主题支持的（）
+
+    function toggleMode() {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            return -1
+        }
+        var mode = ThemeManager.get_theme()
+        if (!currentTheme.isDark) {
+            mode = "Dark"
+        } else {
+            mode = "Light"
+        }
+        setTheme(mode)
+    }
+
+    // 切换主题
+    function setTheme(mode) {
+        if (!isThemeMgrInitialized()) {
+            console.error("ThemeManager is not defined.")
+            currentTheme = Qt.createQmlObject("import '../themes'; Light {}", themeManager)
+            return
+        }
+
+        // Call Python backend to toggle theme
+        ThemeManager.toggle_theme(mode)
+
+        // Get the actual theme name
+        var themeName = ThemeManager.get_theme_name()
+        if (themeName === "Auto") {
+            // Get the actual theme applied (Light or Dark)
+            themeName = ThemeManager.get_theme()
+        }
+        load_qml(themeName)
+        return 0;
+    }
+
+    function load_qml(themeName) {
+        if (themeName) {
+            let themeObject = Qt.createQmlObject("import '../themes'; " + themeName + " {}", themeManager)
+            let mode = ThemeManager.get_theme()
+            if (themeObject) {
+                currentTheme = themeObject
+                console.log("Switched to", mode, "mode")
+            } else {
+                console.error("Failed to create theme object for mode:", mode)
+            }
+        } else {
+            console.error("Invalid theme mode:", mode)
+        }
+    }
+
+    // 监听系统主题变化
+    Connections {
+        target: ThemeManager
+        function onThemeChanged(theme) {
+            load_qml(theme)
+        }
+        function onBackdropChanged(effect) {
+            Utils.backdropEnabled = effect !== "none";
+        }
+    }
+}

RinUI/themes/utils.qml

@@ -0,0 +1,28 @@
+pragma Singleton
+import QtQuick 2.15
+import "../assets/fonts/FluentSystemIcons-Index.js" as Icons
+import "../themes"
+import "../utils"
+
+QtObject {
+    property string fontFamily: "Segoe UI" // 默认字体
+    property string iconFontFamily: FontIconLoader.name
+    property string fontIconSource: Qt.resolvedUrl("../assets/fonts/FluentSystemIcons-Resizable.ttf")  // 字体图标路径
+    property var fontIconIndex: Icons.FluentIcons // 字体图标索引
+
+    property color primaryColor: "#605ed2" // 默认主题色
+    property int windowDragArea: 5 // 窗口可拖动范围 (px)
+    property int dialogMaximumWidth: 600 // 对话框最大宽度 (px)
+    property int dialogMinimumWidth: 320 // 对话框最小宽度 (px)
+
+    property bool backdropEnabled: false // 是否启用背景特效
+    property int animationSpeed: 250 // 动画速度 (ms)
+    property int animationSpeedFaster: 120 // 动画速度 (ms)
+    property int appearanceSpeed: 175 // 界面切换速度 (ms)
+    property int animationSpeedMiddle: 450 // 动画速度 (ms)
+    property int progressBarAnimationSpeed: 1550 // 进度条动画速度 (ms)
+
+    function loadFontIconIndex() {
+        Qt.include("assets/fonts/FluentSystemIcons-Index.js");
+    }
+}

RinUI/utils/Animation.qml

@@ -0,0 +1,12 @@
+pragma Singleton
+import QtQuick 2.15
+
+QtObject {
+    id: animation
+
+    enum Type {
+        Low,
+        Medium,
+        High
+    }
+}

RinUI/utils/FloatLayer.qml

@@ -0,0 +1,123 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../components"
+
+
+Item {
+    id: floatLayer
+    anchors.fill: parent
+    anchors.margins: margins
+    property int margins: 32
+    property int spacing: 12
+
+    // Position
+    ColumnLayout {
+        id: topLeft
+        anchors.top: parent.top
+        anchors.left: parent.left
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    ColumnLayout {
+        id: topCenter
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    ColumnLayout {
+        id: topRight
+        anchors.top: parent.top
+        anchors.right: parent.right
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    ColumnLayout {
+        id: bottomLeft
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    ColumnLayout {
+        id: bottomCenter
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    ColumnLayout {
+        id: bottomRight
+        anchors.bottom: parent.bottom
+        anchors.right: parent.right
+        spacing: floatLayer.spacing
+        width: floatLayer.width / 2
+    }
+
+    Component {
+        id: infoBarComponent
+        InfoBar {
+            // title: "Title"
+            // text: "Text"
+            Layout.fillWidth: true
+        }
+    }
+
+
+    // Functions / 方法 //
+    function createInfoBar( options = {} ){
+        try{
+            const { title, text, severity, timeout, position, closable } = options;
+            var infoContainer = infoBarComponent.createObject(determinePosition(position), {
+                title: title || "",
+                text: text || "",
+                severity: severity ?? Severity.Info,
+                position: position || Position.Top,
+                timeout: timeout ?? 1500,
+                closable: closable ?? true
+            });
+
+            // return infoContainer;
+        }
+        catch(err){
+            console.error("Error: error creating InfoBar" || err)
+        }
+    }
+
+    function createCustom( component ){
+        try{
+            var infoContainer = component.createObject(determinePosition(component.position));
+        }
+        catch(err){
+            console.error("Error: error creating component: ", component.objectName || err)
+        }
+    }
+
+    function determinePosition(position){
+        switch(position){
+        case Position.TopLeft:
+            return topLeft;
+        case Position.Top:
+            return topCenter;
+        case Position.TopRight:
+            return topRight;
+        case Position.BottomLeft:
+            return bottomLeft;
+        case Position.Bottom:
+            return bottomCenter;
+        case Position.BottomRight:
+            return bottomRight;
+        case undefined:
+            return topCenter;
+        default:
+            console.log("Invalid position")
+            return topCenter;
+        }
+    }
+}

RinUI/utils/FontIconLoader.qml

@@ -0,0 +1,14 @@
+pragma Singleton
+import QtQuick 2.15
+import "../themes"
+
+
+Item {
+    property string name: fontLoader.name
+    FontLoader {
+        id: fontLoader
+        source: Utils.fontIconSource
+    }
+
+    Component.onCompleted: console.log("Font Source:", fontLoader.name, "Status:", fontLoader.status)
+}

RinUI/utils/Position.qml

@@ -0,0 +1,19 @@
+pragma Singleton
+import QtQuick 2.15
+
+QtObject {
+    id: typography
+
+    enum Type {
+        Top,
+        Bottom,
+        Left,
+        Right,
+        TopLeft,
+        TopRight,
+        BottomLeft,
+        BottomRight,
+        Center,
+        None
+    }
+}

RinUI/utils/Severity.qml

@@ -0,0 +1,13 @@
+pragma Singleton
+import QtQuick 2.15
+
+QtObject {
+    id: typography
+
+    enum Type {
+        Info,
+        Success,
+        Warning,
+        Error
+    }
+}

RinUI/utils/Typography.qml

@@ -0,0 +1,17 @@
+pragma Singleton
+import QtQuick 2.15
+
+QtObject {
+    id: typography
+
+    enum Type {
+        Display,
+        TitleLarge,
+        Title,
+        Subtitle,
+        Body,
+        BodyStrong,
+        BodyLarge,
+        Caption
+    }
+}

RinUI/utils/qmldir

@@ -0,0 +1,5 @@
+singleton Typography 1.0 Typography.qml
+singleton Severity 1.0 Severity.qml
+singleton Position 1.0 Position.qml
+FloatLayer 1.0 FloatLayer.qml
+singleton FontIconLoader 1.0 FontIconLoader.qml