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

RinUI/components/DialogsAndFlyouts/Dialog.qml

@@ -1,106 +1,106 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-
-Dialog {
-    id: root
-
-    property bool titleBarVisible: false
-
-    anchors.centerIn: Overlay.overlay  // Center in the overlay
-    closePolicy: Popup.NoAutoClose  // 更符合fds规范
-
-    padding: 24
-    topPadding: 24
-    bottomPadding: 24
-    implicitWidth: Math.max(Utils.dialogMinimumWidth, Math.min(implicitContentWidth + 48, Utils.dialogMaximumWidth))
-
-    contentItem: ColumnLayout {
-        spacing: 12
-        Text {
-            Layout.fillWidth: true
-            typography: Typography.Subtitle
-            text: root.title
-        }
-    }
-
-
-    header: Item {}
-
-    // 定制footer
-    footer: DialogButtonBox {
-        id: buttonBox
-        standardButtons: root.standardButtons
-    }
-
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        color: Theme.currentTheme.colors.backgroundAcrylicColor
-        border.color: Theme.currentTheme.colors.windowBorderColor
-        border.width: 1
-        radius: Theme.currentTheme.appearance.windowRadius
-
-        Behavior on color {
-            ColorAnimation {
-                duration: Utils.backdropEnabled ? 0 : 150
-            }
-        }
-
-        layer.enabled: true
-        layer.effect: Shadow {
-            style: "dialog"
-            source: background
-        }
-    }
-
-    Overlay.modal: Rectangle {
-        color: Theme.currentTheme.colors.backgroundSmokeColor
-    }
-
-    // 动画 / Animation //
-    enter: Transition {
-        ParallelAnimation {
-            NumberAnimation {
-                target: root
-                property: "opacity"
-                from: 0
-                to: 1
-                duration: Utils.appearanceSpeed
-                easing.type: Easing.InOutQuart
-            }
-            NumberAnimation {
-                target: root
-                property: "scale"
-                from: 1.1
-                to: 1
-                duration: Utils.animationSpeedMiddle
-                easing.type: Easing.OutQuint
-            }
-        }
-    }
-
-    exit: Transition {
-        ParallelAnimation {
-            NumberAnimation {
-                target: root
-                property: "opacity"
-                from: 1
-                to: 0
-                duration: 100
-                easing.type: Easing.InOutQuart
-            }
-            NumberAnimation {
-                target: root
-                property: "scale"
-                from: 1
-                to: 1.1
-                duration: Utils.animationSpeedMiddle
-                easing.type: Easing.OutQuint
-            }
-        }
-    }
-}
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+Dialog {
+    id: root
+
+    property bool titleBarVisible: false
+
+    anchors.centerIn: Overlay.overlay  // Center in the overlay
+    closePolicy: Popup.NoAutoClose  // 更符合fds规范
+
+    padding: 24
+    topPadding: 24
+    bottomPadding: 24
+    implicitWidth: Math.max(Utils.dialogMinimumWidth, Math.min(implicitContentWidth + 48, Utils.dialogMaximumWidth))
+
+    contentItem: ColumnLayout {
+        spacing: 12
+        Text {
+            Layout.fillWidth: true
+            typography: Typography.Subtitle
+            text: root.title
+        }
+    }
+
+
+    header: Item {}
+
+    // 定制footer
+    footer: DialogButtonBox {
+        id: buttonBox
+        standardButtons: root.standardButtons
+    }
+
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        color: Theme.currentTheme.colors.backgroundAcrylicColor
+        border.color: Theme.currentTheme.colors.windowBorderColor
+        border.width: 1
+        radius: Theme.currentTheme.appearance.windowRadius
+
+        Behavior on color {
+            ColorAnimation {
+                duration: Utils.backdropEnabled ? 0 : 150
+            }
+        }
+
+        layer.enabled: true
+        layer.effect: Shadow {
+            style: "dialog"
+            source: background
+        }
+    }
+
+    Overlay.modal: Rectangle {
+        color: Theme.currentTheme.colors.backgroundSmokeColor
+    }
+
+    // 动画 / Animation //
+    enter: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Utils.appearanceSpeed
+                easing.type: Easing.InOutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "scale"
+                from: 1.1
+                to: 1
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+
+    exit: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: 100
+                easing.type: Easing.InOutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "scale"
+                from: 1
+                to: 1.1
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+}

RinUI/components/DialogsAndFlyouts/DialogButtonBox.qml

@@ -1,47 +1,47 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import "../../components"
-
-
-DialogButtonBox {
-    id: buttonBox
-
-    implicitWidth: 320
-
-    background: Rectangle {
-        anchors.fill: parent
-        color: Theme.currentTheme.colors.backgroundColor
-        border.color: Theme.currentTheme.colors.windowBorderColor
-        radius: Theme.currentTheme.appearance.windowRadius
-
-        Rectangle {
-            anchors.top: parent.top
-            anchors.left: parent.left
-            anchors.right: parent.right
-            anchors.margins: 1
-            height: parent.radius
-            color: parent.color
-        }
-    }
-
-    padding: 24
-    spacing: 8
-
-    alignment: undefined
-
-    contentItem: RowLayout {
-        spacing: buttonBox.spacing
-
-        Repeater {
-            model: buttonBox.contentModel
-        }
-    }
-
-    delegate: Button {
-        Layout.alignment: Qt.AlignRight
-        Layout.preferredWidth: buttonBox.availableWidth / 2
-        Layout.fillWidth: !(buttonBox.count === 1)
-        highlighted: DialogButtonBox.buttonRole === DialogButtonBox.AcceptRole  // 高亮
-    }
-}
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+
+
+DialogButtonBox {
+    id: buttonBox
+
+    implicitWidth: 320
+
+    background: Rectangle {
+        anchors.fill: parent
+        color: Theme.currentTheme.colors.backgroundColor
+        border.color: Theme.currentTheme.colors.windowBorderColor
+        radius: Theme.currentTheme.appearance.windowRadius
+
+        Rectangle {
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.margins: 1
+            height: parent.radius
+            color: parent.color
+        }
+    }
+
+    padding: 24
+    spacing: 8
+
+    alignment: undefined
+
+    contentItem: RowLayout {
+        spacing: buttonBox.spacing
+
+        Repeater {
+            model: buttonBox.contentModel
+        }
+    }
+
+    delegate: Button {
+        Layout.alignment: Qt.AlignRight
+        Layout.preferredWidth: buttonBox.availableWidth / 2
+        Layout.fillWidth: !(buttonBox.count === 1)
+        highlighted: DialogButtonBox.buttonRole === DialogButtonBox.AcceptRole  // 高亮
+    }
+}

RinUI/components/DialogsAndFlyouts/Flyout.qml

@@ -1,144 +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 string text: "Flyout"
-    property alias buttonBox: buttonLayout.data  // 按钮列表
-    property string image: ""  // 图片
-    property real maximumWidth: 350  // 最大宽度
-
-    position: Position.Top
-
-    padding: 16
-
-    // 坐标
-
-    contentItem: ColumnLayout {
-        spacing: 0
-
-        Image {
-            id: flyoutImg
-            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"
-                }
-            }
-        }
-        }
-
-        Item {
-            height: 16
-            visible: flyoutImg.visible
-        }
-
-        Text {
-            id: flyoutText
-            Layout.fillWidth: true
-            Layout.maximumWidth: maximumWidth
-            typography: Typography.Body
-            text: flyout.text
-        }
-
-        Item {
-            height: 16
-            visible: buttonLayout.children.length > 0
-        }
-
-        RowLayout {
-            Layout.fillWidth: true
-            id: buttonLayout
-            spacing: 8
-        }
-    }
-
-    // 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 {
-            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
-            }
-        }
-    }
-}
+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
+            }
+        }
+    }
+}