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

RinUI/components/Layout/Expander.qml

@@ -1,160 +1,160 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import Qt5Compat.GraphicalEffects
-import "../../themes"
-import "../../components"
-
-
-// expander
-Item {
-    id: root
-    property bool enabled: true
-    property bool expanded: false
-    property alias headerHeight: header.height
-    property alias contentHeight: content.height
-    property alias contentPadding: content.padding
-    property alias contentSpacing: contentLayout.spacing
-    enum ExpandDirection { Up, Down }
-    property var expandDirection: Expander.Down
-    readonly property bool directionUp: root.expandDirection === Expander.Up
-    property real radius: Theme.currentTheme.appearance.windowRadius
-
-    property alias header: headerCustom.data
-    property string text: "Expander"
-    default property alias contentData: contentLayout.data
-
-    implicitWidth: Math.max(
-        headerLayout.implicitWidth + 5 * 2,
-        contentLayout.implicitWidth + contentPadding * 2,
-        headerCustom.implicitWidth + 20 + expandBtn.width
-    )
-    implicitHeight: headerHeight + (content.height - 2) * expanded
-
-    // 拦截交互
-    MouseArea {
-        z: 999
-        anchors.fill: parent
-        enabled: !root.enabled
-        hoverEnabled: false
-        preventStealing: true
-        onClicked: {}  // 防止穿透
-    }
-
-    // 主体
-    Clip {
-        id: header
-        enabled: root.enabled
-        y: directionUp ? content.height * expanded : 0
-        width: parent.width
-        height: Math.max(
-            headerCustom.implicitHeight + 5 * 2,
-            headerLayout.implicitHeight + 5 * 2,
-            48
-        )
-        radius: 0
-
-        RowLayout {
-            id: headerCustom
-            anchors.fill: parent
-            anchors.margins: 5
-            anchors.leftMargin: 15
-            anchors.rightMargin: 5 + expandBtn.width
-        }
-
-        RowLayout {
-            id: headerLayout
-            anchors.fill: parent
-            anchors.margins: 5
-            anchors.leftMargin: 15
-            spacing: 0
-            Text {
-                Layout.fillWidth: true
-                text: root.text
-                opacity: headerCustom.children.length === 0
-            }
-            // 展开按钮
-            ToolButton {
-                id: expandBtn
-                focusPolicy: Qt.NoFocus
-                Layout.preferredWidth: 40
-                Layout.preferredHeight: 40
-                hoverable: false
-                size: 14
-                icon.name: directionUp ? "ic_fluent_chevron_up_20_filled" : "ic_fluent_chevron_down_20_filled"
-
-                // 展开动画
-                transform: Rotation {
-                    angle: !expanded ? 0 : 180 ; origin.x: 40/2; origin.y: 40/2
-                    Behavior on angle { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
-                }
-                opacity: 0.7
-
-                onClicked: expanded =!expanded
-            }
-        }
-
-        onClicked: expanded =!expanded
-
-        Behavior on y {
-            NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
-        }
-    }
-
-    // content
-    Item {
-        id: contentContainer
-        width: parent.width
-        height: directionUp
-            ? expanded ? content.height : 0
-            : content.height
-        clip: true
-        y: directionUp ? 0 : header.height
-        z: -1  // 置底
-
-        Frame {
-            id: content
-            padding: 7
-            width: parent.width
-            y: expanded
-                ? directionUp ? 2 : - 2
-                : directionUp ? height : - height
-            radius: 0
-            opacity: root.enabled ? 1 : 0.65
-
-            color: Theme.currentTheme.colors.cardSecondaryColor
-            // 内容区域 - 布局
-            ColumnLayout {
-                id: contentLayout
-                anchors.fill: parent
-            }
-
-            Behavior on y {
-                NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
-            }
-
-            Behavior on opacity {
-                NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuint }
-            }
-        }
-
-        Behavior on height {
-            NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
-        }
-    }
-
-    // 动画
-    Behavior on implicitHeight {
-        NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
-    }
-
-    // 圆角裁切
-    layer.enabled: true
-    layer.effect: OpacityMask {
-        maskSource: Rectangle {
-            width: root.width
-            height: root.height
-            radius: root.radius
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+
+// expander
+Item {
+    id: root
+    property bool enabled: true
+    property bool expanded: false
+    property alias headerHeight: header.height
+    property alias contentHeight: content.height
+    property alias contentPadding: content.padding
+    property alias contentSpacing: contentLayout.spacing
+    enum ExpandDirection { Up, Down }
+    property var expandDirection: Expander.Down
+    readonly property bool directionUp: root.expandDirection === Expander.Up
+    property real radius: Theme.currentTheme.appearance.windowRadius
+
+    property alias header: headerCustom.data
+    property string text: "Expander"
+    default property alias contentData: contentLayout.data
+
+    implicitWidth: Math.max(
+        headerLayout.implicitWidth + 5 * 2,
+        contentLayout.implicitWidth + contentPadding * 2,
+        headerCustom.implicitWidth + 20 + expandBtn.width
+    )
+    implicitHeight: headerHeight + (content.height - 2) * expanded
+
+    // 拦截交互
+    MouseArea {
+        z: 999
+        anchors.fill: parent
+        enabled: !root.enabled
+        hoverEnabled: false
+        preventStealing: true
+        onClicked: {}  // 防止穿透
+    }
+
+    // 主体
+    Clip {
+        id: header
+        enabled: root.enabled
+        y: directionUp ? content.height * expanded : 0
+        width: parent.width
+        height: Math.max(
+            headerCustom.implicitHeight + 5 * 2,
+            headerLayout.implicitHeight + 5 * 2,
+            48
+        )
+        radius: 0
+
+        RowLayout {
+            id: headerCustom
+            anchors.fill: parent
+            anchors.margins: 5
+            anchors.leftMargin: 15
+            anchors.rightMargin: 5 + expandBtn.width
+        }
+
+        RowLayout {
+            id: headerLayout
+            anchors.fill: parent
+            anchors.margins: 5
+            anchors.leftMargin: 15
+            spacing: 0
+            Text {
+                Layout.fillWidth: true
+                text: root.text
+                opacity: headerCustom.children.length === 0
+            }
+            // 展开按钮
+            ToolButton {
+                id: expandBtn
+                focusPolicy: Qt.NoFocus
+                Layout.preferredWidth: 40
+                Layout.preferredHeight: 40
+                hoverable: false
+                size: 14
+                icon.name: directionUp ? "ic_fluent_chevron_up_20_filled" : "ic_fluent_chevron_down_20_filled"
+
+                // 展开动画
+                transform: Rotation {
+                    angle: !expanded ? 0 : 180 ; origin.x: 40/2; origin.y: 40/2
+                    Behavior on angle { NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint } }
+                }
+                opacity: 0.7
+
+                onClicked: expanded =!expanded
+            }
+        }
+
+        onClicked: expanded =!expanded
+
+        Behavior on y {
+            NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
+        }
+    }
+
+    // content
+    Item {
+        id: contentContainer
+        width: parent.width
+        height: directionUp
+            ? expanded ? content.height : 0
+            : content.height
+        clip: true
+        y: directionUp ? 0 : header.height
+        z: -1  // 置底
+
+        Frame {
+            id: content
+            padding: 7
+            width: parent.width
+            y: expanded
+                ? directionUp ? 2 : - 2
+                : directionUp ? height : - height
+            radius: 0
+            opacity: root.enabled ? 1 : 0.65
+
+            color: Theme.currentTheme.colors.cardSecondaryColor
+            // 内容区域 - 布局
+            ColumnLayout {
+                id: contentLayout
+                anchors.fill: parent
+            }
+
+            Behavior on y {
+                NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
+            }
+
+            Behavior on opacity {
+                NumberAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuint }
+            }
+        }
+
+        Behavior on height {
+            NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
+        }
+    }
+
+    // 动画
+    Behavior on implicitHeight {
+        NumberAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuint }
+    }
+
+    // 圆角裁切
+    layer.enabled: true
+    layer.effect: OpacityMask {
+        maskSource: Rectangle {
+            width: root.width
+            height: root.height
+            radius: root.radius
+        }
+    }
 }

RinUI/components/Layout/SettingExpander.qml

@@ -1,67 +1,67 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import Qt5Compat.GraphicalEffects
-import "../../themes"
-import "../../components"
-
-
-// expander
-Expander {
-    id: root
-    property alias content: rightContent.data
-    // property alias showcase: showcaseContainer.data
-    property string title: "Title"
-    property alias icon: icon.icon
-    property alias source: icon.source
-    property alias iconSize: icon.size
-    property string description: "A description of the setting"
-
-    contentPadding: 0
-    contentSpacing: 0
-
-    header: RowLayout {
-        Layout.margins: 13
-        Layout.leftMargin: 0
-        spacing: 16
-
-        RowLayout {
-            id: leftContent
-            Layout.maximumWidth: parent.width * 0.6
-            spacing: 16
-
-            IconWidget {
-                id: icon
-                size: 20
-            }
-            Column {
-                Layout.fillWidth: true
-                spacing: 0
-                Text {
-                    width: parent.width
-                    typography: Typography.Body
-                    text: title
-                    maximumLineCount: 2  // 限制最多两行
-                    elide: Text.ElideRight  // 超过限制时用省略号
-                }
-
-                Text {
-                    width: parent.width
-                    typography: Typography.Caption
-                    text: description
-                    color: Theme.currentTheme.colors.textSecondaryColor
-                    wrapMode: Text.Wrap  // 启用换行
-                    maximumLineCount: 3
-                    elide: Text.ElideRight
-                }
-            }
-        }
-        RowLayout {
-            id: rightContent
-            Layout.fillHeight: true
-            Item { Layout.fillWidth: true }
-            Layout.alignment: Qt.AlignRight
-            spacing: 16
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../themes"
+import "../../components"
+
+
+// expander
+Expander {
+    id: root
+    property alias content: rightContent.data
+    // property alias showcase: showcaseContainer.data
+    property string title: "Title"
+    property alias icon: icon.icon
+    property alias source: icon.source
+    property alias iconSize: icon.size
+    property string description: "A description of the setting"
+
+    contentPadding: 0
+    contentSpacing: 0
+
+    header: RowLayout {
+        Layout.margins: 13
+        Layout.leftMargin: 0
+        spacing: 16
+
+        RowLayout {
+            id: leftContent
+            Layout.maximumWidth: parent.width * 0.6
+            spacing: 16
+
+            IconWidget {
+                id: icon
+                size: 20
+            }
+            Column {
+                Layout.fillWidth: true
+                spacing: 0
+                Text {
+                    width: parent.width
+                    typography: Typography.Body
+                    text: title
+                    maximumLineCount: 2  // 限制最多两行
+                    elide: Text.ElideRight  // 超过限制时用省略号
+                }
+
+                Text {
+                    width: parent.width
+                    typography: Typography.Caption
+                    text: description
+                    color: Theme.currentTheme.colors.textSecondaryColor
+                    wrapMode: Text.Wrap  // 启用换行
+                    maximumLineCount: 3
+                    elide: Text.ElideRight
+                }
+            }
+        }
+        RowLayout {
+            id: rightContent
+            Layout.fillHeight: true
+            Item { Layout.fillWidth: true }
+            Layout.alignment: Qt.AlignRight
+            spacing: 16
+        }
+    }
 }

RinUI/components/Layout/SettingItem.qml

@@ -1,71 +1,71 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import RinUI
-
-
-Frame {
-    id: frame
-    default property alias content: rightContent.data
-    // property alias showcase: showcaseContainer.data
-    property string title
-    property string description
-
-    leftPadding: 15 + 35
-    rightPadding: 15
-    topPadding: 13
-    bottomPadding: 13
-    // implicitHeight: 62
-    Layout.fillWidth: true
-
-    background: Rectangle {
-        anchors.bottom: parent.bottom
-        width: parent.width
-        height: 1
-        color: Theme.currentTheme.colors.dividerBorderColor
-    }
-
-    RowLayout {
-        anchors.fill: parent
-        spacing: 16
-
-        RowLayout {
-            id: leftContent
-            Layout.maximumWidth: parent.width * 0.6
-            Layout.fillHeight: true
-            spacing: 16
-
-            Column {
-                Layout.fillWidth: true
-                spacing: 0
-                Text {
-                    id: titleLabel
-                    width: parent.width
-                    typography: Typography.Body
-                    text: title
-                    maximumLineCount: 2  // 限制最多两行
-                    elide: Text.ElideRight  // 超过限制时用省略号
-                    visible: title.length > 0
-                }
-
-                Text {
-                    id: discriptionLabel
-                    width: parent.width
-                    typography: Typography.Caption
-                    text: description
-                    color: Theme.currentTheme.colors.textSecondaryColor
-                    wrapMode: Text.Wrap  // 启用换行
-                    maximumLineCount: 3
-                    elide: Text.ElideRight
-                    visible: description.length > 0
-                }
-            }
-            visible: !(!titleLabel.visible && !discriptionLabel.visible)
-        }
-        RowLayout {
-            id: rightContent
-            Layout.alignment: Qt.AlignRight
-            spacing: 16
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import RinUI
+
+
+Frame {
+    id: frame
+    default property alias content: rightContent.data
+    // property alias showcase: showcaseContainer.data
+    property string title
+    property string description
+
+    leftPadding: 15 + 35
+    rightPadding: 15
+    topPadding: 13
+    bottomPadding: 13
+    // implicitHeight: 62
+    Layout.fillWidth: true
+
+    background: Rectangle {
+        anchors.bottom: parent.bottom
+        width: parent.width
+        height: 1
+        color: Theme.currentTheme.colors.dividerBorderColor
+    }
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 16
+
+        RowLayout {
+            id: leftContent
+            Layout.maximumWidth: parent.width * 0.6
+            Layout.fillHeight: true
+            spacing: 16
+
+            Column {
+                Layout.fillWidth: true
+                spacing: 0
+                Text {
+                    id: titleLabel
+                    width: parent.width
+                    typography: Typography.Body
+                    text: title
+                    maximumLineCount: 2  // 限制最多两行
+                    elide: Text.ElideRight  // 超过限制时用省略号
+                    visible: title.length > 0
+                }
+
+                Text {
+                    id: discriptionLabel
+                    width: parent.width
+                    typography: Typography.Caption
+                    text: description
+                    color: Theme.currentTheme.colors.textSecondaryColor
+                    wrapMode: Text.Wrap  // 启用换行
+                    maximumLineCount: 3
+                    elide: Text.ElideRight
+                    visible: description.length > 0
+                }
+            }
+            visible: !(!titleLabel.visible && !discriptionLabel.visible)
+        }
+        RowLayout {
+            id: rightContent
+            Layout.alignment: Qt.AlignRight
+            spacing: 16
+        }
+    }
 }

RinUI/components/ListAndCollections/Clip.qml

@@ -1,22 +1,22 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import RinUI
-
-
-Button {
-    id: root
-    property alias color: background.color
-    property alias radius: background.radius
-    property alias borderColor: background.borderColor
-    property alias borderWidth: background.borderWidth
-
-    background: Frame {
-        id: background
-        anchors.fill: parent
-        color: root.backgroundColor
-        opacity: 1
-    }
-
-    contentItem: Item {}
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import RinUI
+
+
+Button {
+    id: root
+    property alias color: background.color
+    property alias radius: background.radius
+    property alias borderColor: background.borderColor
+    property alias borderWidth: background.borderWidth
+
+    background: Frame {
+        id: background
+        anchors.fill: parent
+        color: root.backgroundColor
+        opacity: 1
+    }
+
+    contentItem: Item {}
 }