RinUI 0.0.11__py3-none-any.whl → 0.1.1__py3-none-any.whl

RinUI/components/ListAndCollections/TableView.qml

@@ -1,82 +1,82 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-TableView {
-    id: root
-    clip: true
-
-    // 滚动条 / ScrollBar //
-    ScrollBar.vertical: ScrollBar {
-        policy: ScrollBar.AsNeeded
-    }
-    ScrollBar.horizontal: ScrollBar {
-        policy: ScrollBar.AsNeeded
-    }
-
-    // 交换动画
-    // move: Transition {
-    //     NumberAnimation { property: "y"; duration: 200 }
-    // }
-    // moveDisplaced: Transition {
-    //     NumberAnimation { property: "y"; duration: 200 }
-    // }
-
-    // displaced: Transition {
-    //     NumberAnimation {
-    //         property: "y"
-    //         duration: Utils.animationSpeedMiddle
-    //         easing.type: Easing.OutQuint
-    //     }
-    // }
-    //
-    // add: Transition {
-    //     ParallelAnimation{
-    //         NumberAnimation {
-    //             property: "opacity"
-    //             from: 0
-    //             to: 1
-    //             duration: Utils.animationSpeed
-    //             easing.type: Easing.OutQuint
-    //         }
-    //         NumberAnimation {
-    //             properties: "scale"
-    //             from: 0.9
-    //             to: 1
-    //             duration: Utils.animationSpeed
-    //             easing.type: Easing.OutQuint
-    //         }
-    //     }
-    // }
-    //
-    // // 删除动画
-    // remove: Transition {
-    //     ParallelAnimation{
-    //         NumberAnimation {
-    //             property: "opacity"
-    //             from: 1
-    //             to: 0
-    //             duration: Utils.animationSpeed
-    //             easing.type: Easing.OutQuint
-    //         }
-    //         NumberAnimation {
-    //             properties: "scale"
-    //             from: 1
-    //             to: 0.9
-    //             duration: Utils.animationSpeed
-    //             easing.type: Easing.OutQuint
-    //         }
-    //     }
-    // }
-
-    delegate: TableViewDelegate {
-        middleArea: [
-            Text {
-                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
-                text: model.display
-            }
-        ]
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+TableView {
+    id: root
+    clip: true
+
+    // 滚动条 / ScrollBar //
+    ScrollBar.vertical: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
+    ScrollBar.horizontal: ScrollBar {
+        policy: ScrollBar.AsNeeded
+    }
+
+    // 交换动画
+    // move: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+    // moveDisplaced: Transition {
+    //     NumberAnimation { property: "y"; duration: 200 }
+    // }
+
+    // displaced: Transition {
+    //     NumberAnimation {
+    //         property: "y"
+    //         duration: Utils.animationSpeedMiddle
+    //         easing.type: Easing.OutQuint
+    //     }
+    // }
+    //
+    // add: Transition {
+    //     ParallelAnimation{
+    //         NumberAnimation {
+    //             property: "opacity"
+    //             from: 0
+    //             to: 1
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //         NumberAnimation {
+    //             properties: "scale"
+    //             from: 0.9
+    //             to: 1
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //     }
+    // }
+    //
+    // // 删除动画
+    // remove: Transition {
+    //     ParallelAnimation{
+    //         NumberAnimation {
+    //             property: "opacity"
+    //             from: 1
+    //             to: 0
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //         NumberAnimation {
+    //             properties: "scale"
+    //             from: 1
+    //             to: 0.9
+    //             duration: Utils.animationSpeed
+    //             easing.type: Easing.OutQuint
+    //         }
+    //     }
+    // }
+
+    delegate: TableViewDelegate {
+        middleArea: [
+            Text {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+                text: model.display
+            }
+        ]
+    }
 }

RinUI/components/ListAndCollections/TableViewDelegate.qml

@@ -1,89 +1,89 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-
-ItemDelegate {
-    id: delegate
-    width: TableView.view ? TableView.view.width : 200
-    height: contents.implicitHeight + 20  // 自适应
-    highlighted: false
-    focusPolicy: Qt.StrongFocus
-
-    // accessibility
-    FocusIndicator {
-        control: parent
-    }
-
-    property alias leftArea: leftArea.data
-    property alias middleArea: middleArea.data
-    property alias rightArea: rightArea.data
-
-    contentItem: RowLayout {
-        id: contents
-        anchors.fill: parent
-        anchors.leftMargin: 5 + 11
-        anchors.rightMargin: 5
-        anchors.topMargin: 3
-        spacing: 8
-
-        Row {
-            id: leftArea
-            // CheckBox {
-            //     id: checkBox
-            //     implicitWidth: height * 1
-            //     Layout.fillHeight: true
-            //     checked: false
-            //     visible: tableCell.column === 0
-            // }
-        }
-
-        ColumnLayout {
-            id: middleArea
-            Layout.fillHeight: true
-        }
-
-        RowLayout {
-            id: rightArea
-            spacing: 16
-            Layout.fillWidth: true
-            Layout.fillHeight: true
-        }
-    }
-
-    background: Rectangle {
-        id: itemBg
-        anchors.fill: parent
-        // anchors.leftMargin: 5
-        // anchors.rightMargin: 5
-        anchors.topMargin: 3
-        radius: Theme.currentTheme.appearance.buttonRadius
-        color: pressed
-            ? Theme.currentTheme.colors.subtleTertiaryColor
-            : (highlighted || hovered)
-                ? Theme.currentTheme.colors.subtleSecondaryColor
-                : Theme.currentTheme.colors.subtleColor
-
-        RowLayout {
-            anchors.fill: parent
-            anchors.leftMargin: 11
-            anchors.rightMargin: 11
-            anchors.topMargin: 6
-            anchors.bottomMargin: 8
-        }
-
-        // 选择指示器
-        Indicator {
-            currentItemHeight: delegate.height
-            visible: highlighted
-        }
-
-        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type:Easing.InOutQuart } }
-    }
-
-    onClicked: {
-        // TableView.selected = row
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+ItemDelegate {
+    id: delegate
+    width: TableView.view ? TableView.view.width : 200
+    height: contents.implicitHeight + 20  // 自适应
+    highlighted: false
+    focusPolicy: Qt.StrongFocus
+
+    // accessibility
+    FocusIndicator {
+        control: parent
+    }
+
+    property alias leftArea: leftArea.data
+    property alias middleArea: middleArea.data
+    property alias rightArea: rightArea.data
+
+    contentItem: RowLayout {
+        id: contents
+        anchors.fill: parent
+        anchors.leftMargin: 5 + 11
+        anchors.rightMargin: 5
+        anchors.topMargin: 3
+        spacing: 8
+
+        Row {
+            id: leftArea
+            // CheckBox {
+            //     id: checkBox
+            //     implicitWidth: height * 1
+            //     Layout.fillHeight: true
+            //     checked: false
+            //     visible: tableCell.column === 0
+            // }
+        }
+
+        ColumnLayout {
+            id: middleArea
+            Layout.fillHeight: true
+        }
+
+        RowLayout {
+            id: rightArea
+            spacing: 16
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+    }
+
+    background: Rectangle {
+        id: itemBg
+        anchors.fill: parent
+        // anchors.leftMargin: 5
+        // anchors.rightMargin: 5
+        anchors.topMargin: 3
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: pressed
+            ? Theme.currentTheme.colors.subtleTertiaryColor
+            : (highlighted || hovered)
+                ? Theme.currentTheme.colors.subtleSecondaryColor
+                : Theme.currentTheme.colors.subtleColor
+
+        RowLayout {
+            anchors.fill: parent
+            anchors.leftMargin: 11
+            anchors.rightMargin: 11
+            anchors.topMargin: 6
+            anchors.bottomMargin: 8
+        }
+
+        // 选择指示器
+        Indicator {
+            currentItemHeight: delegate.height
+            visible: highlighted
+        }
+
+        Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type:Easing.InOutQuart } }
+    }
+
+    onClicked: {
+        // TableView.selected = row
+    }
 }

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
+        }
+    }
+}