RinUI 0.0.10.1__py3-none-any.whl → 0.1.0__py3-none-any.whl

RinUI/__init__.py

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

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/components/ContextMenu.qml

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

RinUI/components/DialogsAndFlyouts/Flyout.qml

@@ -7,62 +7,29 @@ import "../../components"
 
 Popup {
     id: flyout
-    property string text: "Flyout"
+    property alias text: flyoutText.text  // 弹出文本内容
     property alias buttonBox: buttonLayout.data  // 按钮列表
-    property string image: ""  // 图片
-    property real maximumWidth: 350  // 最大宽度
+    default property alias content: customContent.data  // 弹出内容
 
     position: Position.Top
 
     padding: 16
 
-    // 坐标
-
     contentItem: ColumnLayout {
         spacing: 0
 
-        Image {
-            id: flyoutImg
+        ColumnLayout {
+            id: customContent
+            spacing: 8
             Layout.fillWidth: true
-            Layout.maximumWidth: maximumWidth
-            Layout.margins: -flyout.padding + 2
-            Layout.bottomMargin: 0
-            Layout.preferredHeight: width * (sourceSize.height / sourceSize.width)
-            fillMode: Image.PreserveAspectCrop
-            source: flyout.image
-            visible: flyout.image !== ""
-
-            layer.enabled: true
-            layer.smooth: true
-            layer.effect: OpacityMask {
-            maskSource: Rectangle {
-                width: flyoutImg.width
-                height: flyoutImg.height
-                radius: background.radius
-                color: "black"
 
-                Rectangle {
-                    anchors.bottom: parent.bottom
-                    width: parent.width
-                    height: background.radius
-                    color: "black"
-                }
+            Text {
+                id: flyoutText
+                Layout.fillWidth: true
+                typography: Typography.Body
+                visible: text.length > 0
             }
         }
-        }
-
-        Item {
-            height: 16
-            visible: flyoutImg.visible
-        }
-
-        Text {
-            id: flyoutText
-            Layout.fillWidth: true
-            Layout.maximumWidth: maximumWidth
-            typography: Typography.Body
-            text: flyout.text
-        }
 
         Item {
             height: 16
@@ -76,30 +43,6 @@ Popup {
         }
     }
 
-    // background: Rectangle {
-    //     id: background
-    //     anchors.fill: parent
-    //     anchors.horizontalCenter: parent.horizontalCenter
-    //     y: -6
-    //
-    //     radius: Theme.currentTheme.appearance.windowRadius
-    //     color: Theme.currentTheme.colors.backgroundAcrylicColor
-    //     border.color: Theme.currentTheme.colors.flyoutBorderColor
-    //
-    //     Behavior on color {
-    //         ColorAnimation {
-    //             duration: Utils.appearanceSpeed
-    //             easing.type: Easing.OutQuart
-    //         }
-    //     }
-    //
-    //     layer.enabled: true
-    //     layer.effect: Shadow {
-    //         style: "flyout"
-    //         source: background
-    //     }
-    // }
-
     // 动画 / Animation //
     enter: Transition {
         ParallelAnimation {

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/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/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/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/components/Navigation/SelectorBar.qml

@@ -5,54 +5,9 @@ import "../../components"
 import "../../themes"
 
 
-RowLayout {
+TabBar {
     id: root
-    property var model: []
-    property int currentIndex: -1
-    property bool enabled: true
-    // 自动检测模型类型
-    readonly property string modelType: {
-        if (!model) return "null";
-        if (Array.isArray(model) && typeof model[0] === "object") return "array-with-role";
-        if (Array.isArray(model)) return "array";
-        if (model instanceof ListModel) return "listmodel";
-        if (typeof model === "object" && "count" in model) return "listmodel-like";
-        return "unknown";
-    }
+    implicitWidth: contentWidth
 
-    implicitHeight: 40
-    spacing: 0
-
-    Repeater {
-        model: root.model
-        delegate: Button {
-            Layout.fillWidth: true
-            Layout.fillHeight: true
-            Layout.preferredHeight: 40
-            flat: true
-
-            background: Item {}
-
-            text: {
-                switch (root.modelType) {
-                    case "array": return modelData;
-                    case "array-with-role": return modelData["text"] || modelData || "";
-                    case "listmodel":
-                    case "listmodel-like":
-                        return model["text"] || modelData || "";
-                    default: return "";
-                }
-            }
-            icon.name: root.modelType === "array-with-role" ? modelData["icon"] : ""
-            icon.source: root.modelType === "array-with-role" ? modelData["source"] : ""
-
-            onClicked: root.currentIndex = index
-            enabled: root.enabled
-
-            Indicator {
-                orientation: Qt.Horizontal
-                visible: index === root.currentIndex
-            }
-        }
-    }
+    background: Item {}
 }

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/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/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/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/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/core/__init__.py

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