RinUI 0.0.10.1__tar.gz → 0.1.0__tar.gz

{rinui-0.0.10.1/RinUI.egg-info → rinui-0.1.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: RinUI
-Version: 0.0.10.1
+Version: 0.1.0
 Summary: A Fluent Design-like UI library for Qt Quick (QML) based on PySide6
 Author-email: RinLit <lintu233_qwq@icloud.com>
 Classifier: Programming Language :: Python :: 3
@@ -14,6 +14,7 @@ Requires-Dist: darkdetect~=0.8.0
 Requires-Dist: pywin32>=306; sys_platform == "win32"
 
 <div align="center">
+<img src="docs/img/logo.png" alt="RinUI Logo" width="18%">
 <h1>RinUI</h1>
 <p>A Fluent Design-like UI library for Qt Quick (QML)</p>
 
@@ -35,7 +36,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 * Elegant Fluent Design controls (WIP)
 * Dark and light mode, automatic switching
 * Compatible with original QML control names
-* Multi-language support (WIP)
+* i18n Internationalization
+* Multi-programming language support (WIP)
 * Theme system (WIP)
 * Development documentation, [preview](https://ui.rinlit.cn/) now. (WIP)
 
@@ -51,6 +53,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 ![img_3.png](/docs/img/img_3.png)
 </details>
 
+> The image in the banner comes from Pixiv, PID: [125975786](https://www.pixiv.net/artworks/125975786)
+
 ## 🪄 Usage
 
 You can install RinUI via pip:

{rinui-0.0.10.1 → rinui-0.1.0}/README.md

@@ -1,4 +1,5 @@
 <div align="center">
+<img src="docs/img/logo.png" alt="RinUI Logo" width="18%">
 <h1>RinUI</h1>
 <p>A Fluent Design-like UI library for Qt Quick (QML)</p>
 
@@ -20,7 +21,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 * Elegant Fluent Design controls (WIP)
 * Dark and light mode, automatic switching
 * Compatible with original QML control names
-* Multi-language support (WIP)
+* i18n Internationalization
+* Multi-programming language support (WIP)
 * Theme system (WIP)
 * Development documentation, [preview](https://ui.rinlit.cn/) now. (WIP)
 
@@ -36,6 +38,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 ![img_3.png](/docs/img/img_3.png)
 </details>
 
+> The image in the banner comes from Pixiv, PID: [125975786](https://www.pixiv.net/artworks/125975786)
+
 ## 🪄 Usage
 
 You can install RinUI via pip:

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/__init__.py

@@ -1,4 +1,4 @@
 from .core import *
 
-__version__ = "0.0.10"
+__version__ = "0.1.0"
 __author__ = "RinLit"

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/BasicInput/Button.qml

@@ -82,10 +82,9 @@ Button {
             anchors.centerIn: parent
             IconWidget {
                 id: iconWidget
-                size: icon || source ? text.font.pixelSize * 1.25 : 0  // 图标大小 / Icon Size
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
                 icon: root.icon.name
                 source: root.icon.source
-                height: parent.height
                 y: 0.25
                 color: icon.color ? icon.color : highlighted ? flat ?
                     enabled ? Theme.currentTheme.colors.textAccentColor : Theme.currentTheme.colors.textColor :

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/ContextMenu.qml

@@ -101,9 +101,9 @@ Popup {
             }
 
             onClicked: {
+                contextMenu.close()
                 listView.currentIndex = index
                 contextMenu.itemSelected(index)
-                contextMenu.close()
             }
         }
     }

rinui-0.1.0/RinUI/components/DialogsAndFlyouts/Flyout.qml

@@ -0,0 +1,87 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+Popup {
+    id: flyout
+    property alias text: flyoutText.text  // 弹出文本内容
+    property alias buttonBox: buttonLayout.data  // 按钮列表
+    default property alias content: customContent.data  // 弹出内容
+
+    position: Position.Top
+
+    padding: 16
+
+    contentItem: ColumnLayout {
+        spacing: 0
+
+        ColumnLayout {
+            id: customContent
+            spacing: 8
+            Layout.fillWidth: true
+
+            Text {
+                id: flyoutText
+                Layout.fillWidth: true
+                typography: Typography.Body
+                visible: text.length > 0
+            }
+        }
+
+        Item {
+            height: 16
+            visible: buttonLayout.children.length > 0
+        }
+
+        RowLayout {
+            Layout.fillWidth: true
+            id: buttonLayout
+            spacing: 8
+        }
+    }
+
+    // 动画 / Animation //
+    enter: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: flyout
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Utils.appearanceSpeed
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                target: flyout
+                property: "y"
+                from: posY + (position === Position.Top ? 15 : position === Position.Bottom ? -15 : 0)
+                to: posY
+                duration: Utils.animationSpeedMiddle * 1.25
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                target: flyout
+                property: "x"
+                from: posX + (position === Position.Left ? 15 : position === Position.Right ? -15 : 0)
+                to: posX
+                duration: Utils.animationSpeedMiddle * 1.25
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+    exit: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: flyout
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+}

rinui-0.1.0/RinUI/components/Media/Avatar.qml

@@ -0,0 +1,83 @@
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+Item {
+    id: root
+    property int size: 96
+    property string source: ""
+    property string text
+    property alias icon: icon.icon
+
+    implicitWidth: size
+    implicitHeight: size
+    opacity: enabled ? 1 : 0.4
+
+    Rectangle {
+        id: background
+        anchors.fill: parent
+        color: Theme.currentTheme.colors.controlQuaternaryColor
+        border.color: Theme.currentTheme.colors.cardBorderColor
+        radius: size / 2
+
+        // 图标
+        IconWidget {
+            id: icon
+            anchors.centerIn: parent
+            icon:  "ic_fluent_person_20_regular"
+            size: root.size * 0.5
+            source: root.source
+
+            visible: root.source === "" && root.text === ""
+        }
+
+        // 文本
+        Text {
+            id: textLabel
+            anchors.centerIn: parent
+            font.pixelSize: size * 0.41
+            font.bold: true
+            text: {
+                let text_list = root.text.split(" ")
+                let result = ""
+                for (let i = 0; i < text_list.length; i++) {
+                    if (text_list[i] !== "" && (i === 0 || i === text_list.length - 1)) {
+                        result += text_list[i][0]
+                    }
+                }
+                return result
+            }
+            visible: root.source === "" && root.text !== ""
+        }
+    }
+
+    Image {
+        id: image
+        source: root.source
+        anchors.fill: parent
+        fillMode: Image.PreserveAspectCrop
+        smooth: true
+        clip: true
+    }
+
+    // 遮罩
+    layer.enabled: true
+    layer.effect: OpacityMask {
+        maskSource: Rectangle {
+            width: root.width
+            height: root.height
+            radius: background.radius
+        }
+    }
+
+    // 动画
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.appearanceSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+}

rinui-0.1.0/RinUI/components/MenusAndToolbars/TextInputMenu.qml

@@ -0,0 +1,38 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import "../../themes"
+import "../../components"
+
+
+// Menu
+Menu {
+    id: contextMenu
+    position: -1
+    Action {
+        icon.name: "ic_fluent_cut_20_regular"
+        text: qsTr("Cut")
+        enabled: root.selectedText.length > 0 && root.editable  // 选中&可编辑
+        shortcut: "Ctrl+X"
+        onTriggered: root.cut()
+    }
+    Action {
+        icon.name: "ic_fluent_copy_20_regular"
+        text: qsTr("Copy")
+        enabled: root.selectedText.length > 0  // 选中内容
+        shortcut: "Ctrl+C"
+        onTriggered: root.copy()
+    }
+    Action {
+        icon.name: "ic_fluent_clipboard_paste_20_regular"
+        text: qsTr("Paste")
+        enabled: root.editable
+        shortcut: "Ctrl+V"
+        onTriggered: root.paste()
+    }
+    Action {
+        icon.name: " "
+        text: qsTr("Select All")
+        shortcut: "Ctrl+A"
+        onTriggered: root.selectAll()
+    }
+}

rinui-0.1.0/RinUI/components/Navigation/Segmented.qml

@@ -0,0 +1,17 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Rectangle {
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: Theme.currentTheme.colors.controlBorderColor
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: Theme.currentTheme.colors.controlAltSecondaryColor
+    }
+}

rinui-0.1.0/RinUI/components/Navigation/SegmentedItem.qml

@@ -0,0 +1,108 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../components"
+import "../../themes"
+
+TabButton {
+    id: root
+
+    implicitWidth: Math.max(row.implicitWidth + 26 , 40)
+    implicitHeight: 32
+
+    background: Rectangle {
+        id: background
+        anchors.centerIn: parent
+        width: checked ? parent.width : parent.width - 4*2
+        height: checked ? parent.height : parent.height - 3*2
+
+        color: checked ? Theme.currentTheme.colors.controlFillColor :
+            hovered ? Theme.currentTheme.colors.subtleSecondaryColor : Theme.currentTheme.colors.subtleColor
+        radius: Theme.currentTheme.appearance.smallRadius
+
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: checked ? Theme.currentTheme.colors.controlBorderColor : "transparent"
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuart
+            }
+        }
+    }
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.animationSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+
+    contentItem: Item {
+        clip: true
+        anchors.fill: parent
+
+        Row {
+            id: row
+            spacing: 8
+            anchors.centerIn: parent
+            IconWidget {
+                id: iconWidget
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
+                icon: root.icon.name
+                source: root.icon.source
+                y: 0.25
+            }
+
+            Text {
+                id: text
+                typography: Typography.Body
+                text: root.text
+                color: Theme.currentTheme.colors.textColor
+            }
+        }
+
+        Indicator {
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: Theme.currentTheme.appearance.borderWidth
+                horizontalCenter: parent.horizontalCenter
+            }
+            visible: root.checked
+            orientation: Qt.Horizontal
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.67
+            }
+            PropertyChanges {
+                target: background;
+                scale: 0.95
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: root;
+                opacity: 0.875
+            }
+        }
+    ]
+}

rinui-0.1.0/RinUI/components/Navigation/SelectorBar.qml

@@ -0,0 +1,13 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Item {}
+}

rinui-0.1.0/RinUI/components/Navigation/SelectorBarItem.qml

@@ -0,0 +1,89 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../components"
+import "../../themes"
+
+TabButton {
+    id: root
+
+    implicitWidth: Math.max(row.implicitWidth + 26 , 40)
+    implicitHeight: 32
+
+    background: Item {}
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.animationSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+
+    contentItem: Item {
+        clip: true
+        anchors.fill: parent
+
+        Row {
+            id: row
+            spacing: 8
+            anchors.centerIn: parent
+            IconWidget {
+                id: iconWidget
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
+                icon: root.icon.name
+                source: root.icon.source
+                y: 0.25
+            }
+
+            Text {
+                id: text
+                typography: Typography.Body
+                text: root.text
+                color: Theme.currentTheme.colors.textColor
+            }
+        }
+
+        Indicator {
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: Theme.currentTheme.appearance.borderWidth
+                horizontalCenter: parent.horizontalCenter
+            }
+            visible: root.checked
+            orientation: Qt.Horizontal
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.67
+            }
+            PropertyChanges {
+                target: background;
+                scale: 0.95
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: root;
+                opacity: 0.875
+            }
+        }
+    ]
+}

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/Text/TextArea.qml

@@ -15,36 +15,8 @@ TextArea {
     enabled: editable
 
     // Menu
-    Menu {
+    TextInputMenu {
         id: contextMenu
-        position: -1
-        Action {
-            icon.name: "ic_fluent_cut_20_regular"
-            text: qsTr("Cut")
-            enabled: root.selectedText.length > 0 && root.editable  // 选中&可编辑
-            shortcut: "Ctrl+X"
-            onTriggered: root.cut()
-        }
-        Action {
-            icon.name: "ic_fluent_copy_20_regular"
-            text: qsTr("Copy")
-            enabled: root.selectedText.length > 0  // 选中内容
-            shortcut: "Ctrl+C"
-            onTriggered: root.copy()
-        }
-        Action {
-            icon.name: "ic_fluent_clipboard_paste_20_regular"
-            text: qsTr("Paste")
-            enabled: root.editable
-            shortcut: "Ctrl+V"
-            onTriggered: root.paste()
-        }
-        Action {
-            icon.name: " "
-            text: qsTr("Select All")
-            shortcut: "Ctrl+A"
-            onTriggered: root.selectAll()
-        }
     }
 
     MouseArea {

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/Text/TextField.qml

@@ -15,36 +15,8 @@ TextField {
     enabled: editable
 
     // Menu
-    Menu {
+    TextInputMenu {
         id: contextMenu
-        position: -1
-        Action {
-            icon.name: "ic_fluent_cut_20_regular"
-            text: qsTr("Cut")
-            enabled: root.selectedText.length > 0 && root.editable  // 选中&可编辑
-            shortcut: "Ctrl+X"
-            onTriggered: root.cut()
-        }
-        Action {
-            icon.name: "ic_fluent_copy_20_regular"
-            text: qsTr("Copy")
-            enabled: root.selectedText.length > 0  // 选中内容
-            shortcut: "Ctrl+C"
-            onTriggered: root.copy()
-        }
-        Action {
-            icon.name: "ic_fluent_clipboard_paste_20_regular"
-            text: qsTr("Paste")
-            enabled: root.editable
-            shortcut: "Ctrl+V"
-            onTriggered: root.paste()
-        }
-        Action {
-            icon.name: " "
-            text: qsTr("Select All")
-            shortcut: "Ctrl+A"
-            onTriggered: root.selectAll()
-        }
     }
 
     MouseArea {

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/Text/TextInput.qml

@@ -13,6 +13,25 @@ TextInput {
     color: Theme.currentTheme.colors.textColor
     selectionColor: Theme.currentTheme.colors.primaryColor
 
+    // 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
+    }
+
     font.pixelSize: {
         switch (typography) {
             case Typography.Display: return Theme.currentTheme.typography.displaySize;

{rinui-0.0.10.1 → rinui-0.1.0}/RinUI/components/qmldir

@@ -22,6 +22,9 @@ ToolButton 1.0 BasicInput/ToolButton.qml
 Switch 1.0 BasicInput/Switch.qml
 RadioButton 1.0 BasicInput/RadioButton.qml
 
+# Media
+Avatar 1.0 Media/Avatar.qml
+
 # Date & Time
 PickerView 1.0 DateAndTime/PickerView.qml
 # TimePicker 1.0 DateAndTime/TimePicker.qml
@@ -47,6 +50,7 @@ Text 1.0 Text/Text.qml
 
 # Menus & Toolbars
 Menu 1.0 MenusAndToolbars/Menu.qml
+TextInputMenu 1.0 MenusAndToolbars/TextInputMenu.qml
 MenuItem 1.0 MenusAndToolbars/MenuItem.qml
 MenuItemGroup 1.0 MenusAndToolbars/MenuItemGroup.qml
 MenuSeparator 1.0 MenusAndToolbars/MenuSeparator.qml

rinui-0.1.0/RinUI/core/__init__.py

@@ -0,0 +1,4 @@
+from .theme import ThemeManager
+from .launcher import RinUIWindow
+from .config import DEFAULT_CONFIG, RinConfig, PATH, Theme, BackdropEffect, ConfigManager
+from .translator import RinUITranslator