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

RinUI/components/DialogsAndFlyouts/Popup.qml

@@ -1,106 +1,110 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import Qt5Compat.GraphicalEffects
-import "../../themes"
-import "../../components"
-
-Popup {
-    id: popup
-    property int position: Position.Bottom
-    property real posX: {
-        switch (position) {
-            case Position.Top:
-            case Position.Bottom:
-                return (parent.width - popup.width) / 2
-            case Position.Left:
-                return - popup.width - 5
-            case Position.Right:
-                return parent.width + 5
-            default:
-                return (parent.width - popup.width) / 2
-        }
-    }
-
-    property real posY: {
-        switch (position) {
-            case Position.Top:
-                return -popup.height - 5
-            case Position.Bottom:
-                return parent.height + 5
-            case Position.Left:
-            case Position.Center:
-            case Position.Right:
-                return (parent.height - popup.height) / 2
-            default:
-                return -popup.height + 5  // 默认顶部
-        }
-    }
-
-    background: Rectangle {
-        id: background
-        anchors.fill: parent
-        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: popup
-                property: "opacity"
-                from: 0
-                to: 1
-                duration: Utils.appearanceSpeed
-                easing.type: Easing.OutQuint
-            }
-            NumberAnimation {
-                target: popup
-                property: "y"
-                from: posY + (position !== Position.Center
-                    ? (position === Position.Top ? 15 : position === Position.Bottom ? -15 : 0) : 0)
-                to: posY
-                duration: Utils.animationSpeedMiddle * 1.25
-                easing.type: Easing.OutQuint
-            }
-            NumberAnimation {
-                target: popup
-                property: "x"
-                from: posX + (position !== Position.Center
-                    ? (position === Position.Left ? 15 : position === Position.Right ? -15 : 0) : 0)
-                to: posX
-                duration: Utils.animationSpeedMiddle * 1.25
-                easing.type: Easing.OutQuint
-            }
-        }
-    }
-    exit: Transition {
-        ParallelAnimation {
-            NumberAnimation {
-                target: popup
-                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: popup
+    property int position: Position.Bottom
+    property real posX: {
+        switch (position) {
+            case Position.Top:
+            case Position.Bottom:
+                return (parent.width - popup.width) / 2
+            case Position.Left:
+                return - popup.width - 5
+            case Position.Right:
+                return parent.width + 5
+            default:
+                return (parent.width - popup.width) / 2
+        }
+    }
+
+    property real posY: {
+        switch (position) {
+            case Position.Top:
+                return -popup.height - 5
+            case Position.Bottom:
+                return parent.height + 5
+            case Position.Left:
+            case Position.Center:
+            case Position.Right:
+                return (parent.height - popup.height) / 2
+            default:
+                return -popup.height + 5  // 默认顶部
+        }
+    }
+
+    Overlay.modal: Rectangle {
+        color: Theme.currentTheme.colors.backgroundSmokeColor
+    }
+
+    background: Rectangle {
+        id: background
+        anchors.fill: parent
+        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: popup
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Utils.appearanceSpeed
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                target: popup
+                property: "y"
+                from: posY + (position !== Position.Center
+                    ? (position === Position.Top ? 15 : position === Position.Bottom ? -15 : 0) : 0)
+                to: posY
+                duration: Utils.animationSpeedMiddle * 1.25
+                easing.type: Easing.OutQuint
+            }
+            NumberAnimation {
+                target: popup
+                property: "x"
+                from: posX + (position !== Position.Center
+                    ? (position === Position.Left ? 15 : position === Position.Right ? -15 : 0) : 0)
+                to: posX
+                duration: Utils.animationSpeedMiddle * 1.25
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+    exit: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: popup
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuint
+            }
+        }
+    }
+}

RinUI/components/FocusIndicator.qml

@@ -1,33 +1,33 @@
-import QtQuick 2.15
-import "../themes"
-
-Item {
-    id: root
-    anchors.fill: parent
-    z: 9999
-
-    required property Item control
-    property real radius: Theme.currentTheme.appearance.buttonRadius
-
-    visible: control.activeFocus &&
-         (control.focusReason === Qt.TabFocusReason ||
-          control.focusReason === Qt.BacktabFocusReason)
-
-    Rectangle {
-        anchors.fill: parent
-        anchors.margins: -(2 + 1) + Theme.currentTheme.appearance.borderWidth
-        color: "transparent"
-        border.width: 2
-        border.color: Theme.currentTheme.colors.focusBorderOuter
-        radius: root.radius
-
-        // inner
-        Rectangle {
-            anchors.fill: parent
-            anchors.margins: parent.border.width
-            radius: root.radius
-            color: "transparent"
-            border.color: Theme.currentTheme.colors.focusBorderInner
-        }
-    }
-}
+import QtQuick 2.15
+import "../themes"
+
+Item {
+    id: root
+    anchors.fill: parent
+    z: 9999
+
+    required property Item control
+    property real radius: Theme.currentTheme.appearance.buttonRadius
+
+    visible: control.activeFocus &&
+         (control.focusReason === Qt.TabFocusReason ||
+          control.focusReason === Qt.BacktabFocusReason)
+
+    Rectangle {
+        anchors.fill: parent
+        anchors.margins: -(2 + 1) + Theme.currentTheme.appearance.borderWidth
+        color: "transparent"
+        border.width: 2
+        border.color: Theme.currentTheme.colors.focusBorderOuter
+        radius: root.radius
+
+        // inner
+        Rectangle {
+            anchors.fill: parent
+            anchors.margins: parent.border.width
+            radius: root.radius
+            color: "transparent"
+            border.color: Theme.currentTheme.colors.focusBorderInner
+        }
+    }
+}

RinUI/components/IconWidget.qml

@@ -1,52 +1,52 @@
-import QtQuick 2.15
-import "../components"
-import "../themes"
-import "../utils"
-// import "../assets/fonts/FluentSystemIcons-Index.js" as Icons
-
-
-Item {
-    id: root
-    property string icon: ""  // 字体图标（如 "\uf103"）
-    property string source: ""  // 图片路径（如 "icons/image.png"）
-    property alias color: text.color
-    // property string fontSource: Qt.resolvedUrl("../assets/fonts/" + Theme.currentTheme.typography.fontIcon)
-    // property string fontSource: Qt.resolvedUrl("../assets/fonts/FluentSystemIcons-Resizable.ttf")  // 字体图标路径
-
-    property int size: 16
-
-    // 计算是否是字体图标
-    property bool isUnicode: icon.length === 1  // 判断是否为单字符（字体图标通常是单个字符）
-    property bool isFontIcon: source === ""  // 判断是否为字体图标
-
-    // 匹配尺寸
-    implicitWidth: size
-    implicitHeight: size
-
-    // 主题切换动画
-    Behavior on color {
-        ColorAnimation {
-            duration: 250
-            easing.type: Easing.OutQuart
-        }
-    }
-
-    Text {
-        id: text
-        anchors.centerIn: parent
-        // text: isFontIcon ? icon : ""  // 仅当 `icon` 是单字符时显示
-        text: isUnicode ? icon : String.fromCharCode(Utils.fontIconIndex[icon])  // 显示 FluentSystemIcons 字体图标
-        font.family: Utils.iconFontFamily
-        font.pixelSize: size
-    }
-
-    Image {
-        id: iconImage
-        anchors.centerIn: parent
-        source: root.source  // 仅当 `icon` 不是字体图标时加载图片
-        width: size
-        height: size
-        mipmap: true
-        fillMode: Image.PreserveAspectFit  // 适配图片大小
-    }
-}
+import QtQuick 2.15
+import "../components"
+import "../themes"
+import "../utils"
+// import "../assets/fonts/FluentSystemIcons-Index.js" as Icons
+
+
+Item {
+    id: root
+    property string icon: ""  // 字体图标（如 "\uf103"）
+    property string source: ""  // 图片路径（如 "icons/image.png"）
+    property alias color: text.color
+    // property string fontSource: Qt.resolvedUrl("../assets/fonts/" + Theme.currentTheme.typography.fontIcon)
+    // property string fontSource: Qt.resolvedUrl("../assets/fonts/FluentSystemIcons-Resizable.ttf")  // 字体图标路径
+
+    property int size: 16
+
+    // 计算是否是字体图标
+    property bool isUnicode: icon.length === 1  // 判断是否为单字符（字体图标通常是单个字符）
+    property bool isFontIcon: source === ""  // 判断是否为字体图标
+
+    // 匹配尺寸
+    implicitWidth: size
+    implicitHeight: size
+
+    // 主题切换动画
+    Behavior on color {
+        ColorAnimation {
+            duration: 250
+            easing.type: Easing.OutQuart
+        }
+    }
+
+    Text {
+        id: text
+        anchors.centerIn: parent
+        // text: isFontIcon ? icon : ""  // 仅当 `icon` 是单字符时显示
+        text: isUnicode ? icon : String.fromCharCode(Utils.fontIconIndex[icon])  // 显示 FluentSystemIcons 字体图标
+        font.family: Utils.iconFontFamily
+        font.pixelSize: size
+    }
+
+    Image {
+        id: iconImage
+        anchors.centerIn: parent
+        source: root.source  // 仅当 `icon` 不是字体图标时加载图片
+        width: size
+        height: size
+        mipmap: true
+        fillMode: Image.PreserveAspectFit  // 适配图片大小
+    }
+}

RinUI/components/Indicator.qml

@@ -1,90 +1,90 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import "../themes"
-
-
-Rectangle {
-    id: indicator
-
-    property int currentItemHeight: 38
-    property var orientation: Qt.Vertical
-
-    implicitWidth: orientation === Qt.Horizontal? 16 : 3
-    implicitHeight: orientation === Qt.Horizontal? 3 : currentItemHeight - 23
-    radius: 10
-    color: Theme.currentTheme.colors.primaryColor
-
-    y: orientation === Qt.Horizontal? parent.height - height : (parent.height - height) / 2
-    x: orientation === Qt.Horizontal? (parent.width - width) / 2 : 0
-
-    onVisibleChanged: {
-        if (visible) {
-            enterAnimation.start()
-        }
-    }
-
-    // 动画 / Animation //
-    ParallelAnimation {
-        id: enterAnimation
-        PropertyAnimation {
-            target: indicator
-            property: "opacity"
-            from: 0.0
-            to: 1.0
-            duration: Utils.animationSpeed
-            easing.type: Easing.OutQuad
-        }
-        ScriptAction {
-            script: {
-                if (indicator.orientation === Qt.Horizontal) {
-                    enterAnimationHorizontal.start()
-                } else {
-                    enterAnimationVertical.start()
-                }
-            }
-        }
-    }
-    // 垂直方向动画group // Vertical Animation
-    ParallelAnimation {
-        id: enterAnimationVertical
-        PropertyAnimation {
-            target: indicator
-            property: "height"
-            from: 0
-            to: indicator.implicitHeight
-            duration: Utils.animationSpeedMiddle
-            easing.type: Easing.OutQuint
-        }
-
-        PropertyAnimation {
-            target: indicator
-            property: "y"
-            from: parent.height / 2
-            to: (parent.height - indicator.implicitHeight) / 2
-            duration: Utils.animationSpeedMiddle
-            easing.type: Easing.OutQuint
-        }
-    }
-
-    // 垂直方向动画group // Vertical Animation
-    ParallelAnimation {
-        id: enterAnimationHorizontal
-        PropertyAnimation {
-            target: indicator
-            property: "width"
-            from: 0
-            to: indicator.implicitWidth
-            duration: Utils.animationSpeedMiddle
-            easing.type: Easing.OutQuint
-        }
-
-        PropertyAnimation {
-            target: indicator
-            property: "x"
-            from: parent.width / 2
-            to: (parent.width - indicator.implicitWidth) / 2
-            duration: Utils.animationSpeedMiddle
-            easing.type: Easing.OutQuint
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import "../themes"
+
+
+Rectangle {
+    id: indicator
+
+    property int currentItemHeight: 38
+    property var orientation: Qt.Vertical
+
+    implicitWidth: orientation === Qt.Horizontal? 16 : 3
+    implicitHeight: orientation === Qt.Horizontal? 3 : currentItemHeight - 23
+    radius: 10
+    color: Theme.currentTheme.colors.primaryColor
+
+    y: orientation === Qt.Horizontal? parent.height - height : (parent.height - height) / 2
+    x: orientation === Qt.Horizontal? (parent.width - width) / 2 : 0
+
+    onVisibleChanged: {
+        if (visible) {
+            enterAnimation.start()
+        }
+    }
+
+    // 动画 / Animation //
+    ParallelAnimation {
+        id: enterAnimation
+        PropertyAnimation {
+            target: indicator
+            property: "opacity"
+            from: 0.0
+            to: 1.0
+            duration: Utils.animationSpeed
+            easing.type: Easing.OutQuad
+        }
+        ScriptAction {
+            script: {
+                if (indicator.orientation === Qt.Horizontal) {
+                    enterAnimationHorizontal.start()
+                } else {
+                    enterAnimationVertical.start()
+                }
+            }
+        }
+    }
+    // 垂直方向动画group // Vertical Animation
+    ParallelAnimation {
+        id: enterAnimationVertical
+        PropertyAnimation {
+            target: indicator
+            property: "height"
+            from: 0
+            to: indicator.implicitHeight
+            duration: Utils.animationSpeedMiddle
+            easing.type: Easing.OutQuint
+        }
+
+        PropertyAnimation {
+            target: indicator
+            property: "y"
+            from: parent.height / 2
+            to: (parent.height - indicator.implicitHeight) / 2
+            duration: Utils.animationSpeedMiddle
+            easing.type: Easing.OutQuint
+        }
+    }
+
+    // 垂直方向动画group // Vertical Animation
+    ParallelAnimation {
+        id: enterAnimationHorizontal
+        PropertyAnimation {
+            target: indicator
+            property: "width"
+            from: 0
+            to: indicator.implicitWidth
+            duration: Utils.animationSpeedMiddle
+            easing.type: Easing.OutQuint
+        }
+
+        PropertyAnimation {
+            target: indicator
+            property: "x"
+            from: parent.width / 2
+            to: (parent.width - indicator.implicitWidth) / 2
+            duration: Utils.animationSpeedMiddle
+            easing.type: Easing.OutQuint
+        }
+    }
 }