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

RinUI/components/MenusAndToolbars/Menu.qml

@@ -1,151 +1,151 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import "../../themes"
-import "../../components"
-
-
-Menu {
-    id: root
-
-    property int position: Position.Bottom  // 位置
-
-    property real posX: {
-        switch (position) {
-            case Position.Top:
-            case Position.Bottom:
-                return (parent.width - root.width) / 2
-            case Position.Left:
-                return - root.width - 5
-            case Position.Right:
-                return parent.width + 5
-            default:
-                // return (parent.width - root.width) / 2
-                return root.x
-        }
-    }
-
-    property real posY: {
-        switch (position) {
-            case Position.Top:
-                return -root.height - 5
-            case Position.Bottom:
-                return parent.height + 5
-            case Position.Left:
-            case Position.Right:
-                return (parent.height - root.height) / 2
-            default:
-                // return -root.height + 5  // 默认顶部
-                return root.y
-        }
-    }
-
-    implicitWidth: Math.max(contentItem.implicitWidth, 80)
-    implicitHeight: contentItem.implicitHeight
-    // x: (parent.width - root.width) / 2
-    // y: parent.height + 5
-
-    enter: Transition {
-        ParallelAnimation {
-            NumberAnimation {
-                target: root
-                property: "opacity"
-                from: 0
-                to: 1
-                duration: Utils.animationSpeed
-                easing.type: Easing.InOutQuart
-            }
-            NumberAnimation {
-                target: root
-                property: "height"
-                from: (position === Position.Top || position === Position.Bottom ? 0 : root.implicitHeight)
-                to: root.implicitHeight
-                duration: Utils.animationSpeed
-                easing.type: Easing.OutQuart
-            }
-            NumberAnimation {
-                target: root
-                property: "x"
-                from: posX + (position === Position.Left ? 5 : position === Position.Right ? -5 : 0)
-                to: posX
-                duration: Utils.animationSpeedMiddle
-                easing.type: Easing.OutQuint
-                onRunningChanged: {
-                    scrollBar.visible = true;
-                }
-            }
-            NumberAnimation {
-                target: root
-                property: "y"
-                from: posY + (position === Position.Top || position === Position.Bottom
-                    ? (position === Position.Top ? implicitHeight / 2 : position === Position.Bottom ? -implicitHeight / 2 : implicitHeight / 2)
-                    : 0)
-                to: posY
-                duration: Utils.animationSpeedMiddle
-                easing.type: Easing.OutQuint
-                onRunningChanged: {
-                    scrollBar.visible = true;
-                }
-            }
-        }
-    }
-    exit: Transition {
-        ParallelAnimation {
-            NumberAnimation {
-                target: root
-                property: "opacity"
-                from: 1
-                to: 0
-                duration: 150
-                easing.type: Easing.InOutQuart
-            }
-        }
-    }
-
-    spacing: 5
-    topPadding: 5
-    bottomPadding: 5
-
-    background: Rectangle {
-        implicitWidth: 80
-        implicitHeight: 36
-        radius: Theme.currentTheme.appearance.windowRadius
-        color: Theme.currentTheme.colors.backgroundAcrylicColor
-        border.color: Theme.currentTheme.colors.flyoutBorderColor
-
-        layer.enabled: true
-        layer.effect: Shadow {
-            id: shadow
-            style: "flyout"
-            source: background
-        }
-    }
-
-    delegate: MenuItem { }
-
-    contentItem: Flickable {
-        id: flickable
-        clip: true
-        anchors.fill: parent
-        // contentWidth: width
-        // contentHeight: column.implicitHeight
-        implicitWidth: column.implicitWidth
-        implicitHeight: column.implicitHeight
-        // interactive: column.implicitHeight > height
-
-        Column {
-            id: column
-            topPadding: 5
-            bottomPadding: 5
-            Repeater {
-                model: root.contentModel  // 默认的 Menu 内容
-                delegate: root.delegate
-            }
-        }
-
-        ScrollBar.vertical: ScrollBar {
-            id: scrollBar
-            policy: ScrollBar.AsNeeded
-            visible: false  // 初始隐藏，在 enter 动画中显现
-        }
-    }
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import "../../themes"
+import "../../components"
+
+
+Menu {
+    id: root
+
+    property int position: Position.Bottom  // 位置
+
+    property real posX: {
+        switch (position) {
+            case Position.Top:
+            case Position.Bottom:
+                return (parent.width - root.width) / 2
+            case Position.Left:
+                return - root.width - 5
+            case Position.Right:
+                return parent.width + 5
+            default:
+                // return (parent.width - root.width) / 2
+                return root.x
+        }
+    }
+
+    property real posY: {
+        switch (position) {
+            case Position.Top:
+                return -root.height - 5
+            case Position.Bottom:
+                return parent.height + 5
+            case Position.Left:
+            case Position.Right:
+                return (parent.height - root.height) / 2
+            default:
+                // return -root.height + 5  // 默认顶部
+                return root.y
+        }
+    }
+
+    implicitWidth: Math.max(contentItem.implicitWidth, 80)
+    implicitHeight: contentItem.implicitHeight
+    // x: (parent.width - root.width) / 2
+    // y: parent.height + 5
+
+    enter: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Utils.animationSpeed
+                easing.type: Easing.InOutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "height"
+                from: (position === Position.Top || position === Position.Bottom ? 0 : root.implicitHeight)
+                to: root.implicitHeight
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuart
+            }
+            NumberAnimation {
+                target: root
+                property: "x"
+                from: posX + (position === Position.Left ? 5 : position === Position.Right ? -5 : 0)
+                to: posX
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+                onRunningChanged: {
+                    scrollBar.visible = true;
+                }
+            }
+            NumberAnimation {
+                target: root
+                property: "y"
+                from: posY + (position === Position.Top || position === Position.Bottom
+                    ? (position === Position.Top ? implicitHeight / 2 : position === Position.Bottom ? -implicitHeight / 2 : implicitHeight / 2)
+                    : 0)
+                to: posY
+                duration: Utils.animationSpeedMiddle
+                easing.type: Easing.OutQuint
+                onRunningChanged: {
+                    scrollBar.visible = true;
+                }
+            }
+        }
+    }
+    exit: Transition {
+        ParallelAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: 150
+                easing.type: Easing.InOutQuart
+            }
+        }
+    }
+
+    spacing: 5
+    topPadding: 5
+    bottomPadding: 5
+
+    background: Rectangle {
+        implicitWidth: 80
+        implicitHeight: 36
+        radius: Theme.currentTheme.appearance.windowRadius
+        color: Theme.currentTheme.colors.backgroundAcrylicColor
+        border.color: Theme.currentTheme.colors.flyoutBorderColor
+
+        layer.enabled: true
+        layer.effect: Shadow {
+            id: shadow
+            style: "flyout"
+            source: background
+        }
+    }
+
+    delegate: MenuItem { }
+
+    contentItem: Flickable {
+        id: flickable
+        clip: true
+        anchors.fill: parent
+        // contentWidth: width
+        // contentHeight: column.implicitHeight
+        implicitWidth: column.implicitWidth
+        implicitHeight: column.implicitHeight
+        // interactive: column.implicitHeight > height
+
+        Column {
+            id: column
+            topPadding: 5
+            bottomPadding: 5
+            Repeater {
+                model: root.contentModel  // 默认的 Menu 内容
+                delegate: root.delegate
+            }
+        }
+
+        ScrollBar.vertical: ScrollBar {
+            id: scrollBar
+            policy: ScrollBar.AsNeeded
+            visible: false  // 初始隐藏，在 enter 动画中显现
+        }
+    }
 }

RinUI/components/MenusAndToolbars/MenuBar.qml

@@ -1,43 +1,43 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import "../../components"
-import "../../themes"
-
-MenuBar {
-    id: menuBar
-    padding: 4
-
-    delegate: MenuBarItem {
-        id: menuBarItem
-        focusPolicy: Qt.StrongFocus  // to get keyboard focus
-
-        // accessibility
-        FocusIndicator {
-            control: parent
-        }
-
-        padding: 6
-        topPadding: 5
-        bottomPadding: 7
-
-        contentItem: Text {
-            id: text
-            anchors.centerIn: parent
-            typography: Typography.Body
-            horizontalAlignment: Text.AlignHCenter
-            text: menuBarItem.text
-        }
-
-        background: Rectangle {
-            id: background
-            implicitHeight: 32
-            color: Theme.currentTheme.colors.subtleSecondaryColor
-            radius: Theme.currentTheme.appearance.buttonRadius
-
-            Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
-            opacity: !hovered ? 0 : 1
-        }
-    }
-
-    background: Item {}
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import "../../components"
+import "../../themes"
+
+MenuBar {
+    id: menuBar
+    padding: 4
+
+    delegate: MenuBarItem {
+        id: menuBarItem
+        focusPolicy: Qt.StrongFocus  // to get keyboard focus
+
+        // accessibility
+        FocusIndicator {
+            control: parent
+        }
+
+        padding: 6
+        topPadding: 5
+        bottomPadding: 7
+
+        contentItem: Text {
+            id: text
+            anchors.centerIn: parent
+            typography: Typography.Body
+            horizontalAlignment: Text.AlignHCenter
+            text: menuBarItem.text
+        }
+
+        background: Rectangle {
+            id: background
+            implicitHeight: 32
+            color: Theme.currentTheme.colors.subtleSecondaryColor
+            radius: Theme.currentTheme.appearance.buttonRadius
+
+            Behavior on color { ColorAnimation { duration: Utils.appearanceSpeed; easing.type: Easing.OutQuart } }
+            opacity: !hovered ? 0 : 1
+        }
+    }
+
+    background: Item {}
 }

RinUI/components/MenusAndToolbars/MenuItem.qml

@@ -1,132 +1,132 @@
-import QtQuick 2.15
-import QtQuick.Controls.Basic 2.15
-import QtQuick.Layouts 2.15
-import "../../themes"
-import "../../components"
-
-
-MenuItem {
-    id: root
-    implicitWidth: {
-        const leftMargin = 16;
-        const arrowWidth = arrow.visible ? arrow.width + 16 : root.checked ? indicator.width + 16 : 0;
-        const rightMargin = 16;
-        return leftMargin + contentItem.implicitWidth + arrowWidth + rightMargin;
-    }
-    implicitHeight: Math.max(implicitContentHeight + topPadding + bottomPadding,
-                             34)
-
-    property MenuItemGroup group  // 组
-
-    checkable: group
-    checked: group ? group.checkedButton === root : false
-
-    onGroupChanged: {
-        if (group)
-            group.register(root)
-    }
-
-    Component.onDestruction: {
-        if (group)
-            group.unregister(root)
-    }
-
-    onTriggered: {
-        if (group)
-            group.updateCheck(root)
-    }
-
-    property var parentMenu: undefined
-
-    // accessibility
-    FocusIndicator {
-        control: parent
-        anchors.margins: 5
-        anchors.topMargin: 0
-        anchors.bottomMargin: 0
-    }
-
-    arrow: IconWidget {
-        anchors.verticalCenter: parent.verticalCenter
-        anchors.right: parent.right
-        anchors.margins: 16
-        color: Theme.currentTheme.colors.textSecondaryColor
-        visible: root.subMenu
-        icon: "ic_fluent_chevron_right_20_regular"
-        size: 12
-    }
-
-    indicator: IconWidget {
-        id: indicator
-        anchors.verticalCenter: parent.verticalCenter
-        anchors.left: parent.left
-        anchors.margins: 18
-        icon: group ? group.exclusive ? "ic_fluent_circle_20_filled" : "ic_fluent_checkmark_20_filled"
-            : "ic_fluent_checkmark_20_filled"
-        width: 16
-        size: group ? group.exclusive ? 7 : 16 : 16
-        visible: root.checked
-    }
-
-    // 内容 / Content //
-    contentItem: RowLayout {
-        id: row
-        spacing: 16
-        anchors.verticalCenter: parent.verticalCenter
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.leftMargin: (iconWidget.size ? 16 : 0) + (checkable ? indicator.width + 16 : 0)
-        anchors.margins: 16
-
-        IconWidget {
-            id: iconWidget
-            size: icon || source ? menuText.font.pixelSize * 1.25 : 0  // 图标大小 / Icon Size
-            icon: root.icon.name
-            source: root.icon.source
-        }
-        Text {
-            id: menuText
-            Layout.fillWidth: true
-            Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
-            typography: Typography.Body
-            text: root.text
-            wrapMode: Text.NoWrap
-        }
-        Text {
-            id: shortcutText
-            Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
-            typography: Typography.Caption
-            text: root.action ? root.action.shortcut : ""
-            color: Theme.currentTheme.colors.textSecondaryColor
-            visible: text
-        }
-    }
-
-    // 背景 / Background //
-    background: Rectangle {
-        anchors.fill: parent
-        anchors.margins: 5
-        anchors.topMargin: 0
-        anchors.bottomMargin: 0
-        radius: Theme.currentTheme.appearance.buttonRadius
-        color: enabled ? pressed ? Theme.currentTheme.colors.subtleTertiaryColor
-            : hovered
-            ? Theme.currentTheme.colors.subtleSecondaryColor
-            : "transparent" : "transparent"
-
-        Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
-    }
-
-    // States //
-    // 状态变化
-    states: [
-        State {
-        name: "disabled"
-            when: !enabled
-            PropertyChanges {
-                target: root
-                opacity: 0.3628
-            }
-        }
-    ]
+import QtQuick 2.15
+import QtQuick.Controls.Basic 2.15
+import QtQuick.Layouts 2.15
+import "../../themes"
+import "../../components"
+
+
+MenuItem {
+    id: root
+    implicitWidth: {
+        const leftMargin = 16;
+        const arrowWidth = arrow.visible ? arrow.width + 16 : root.checked ? indicator.width + 16 : 0;
+        const rightMargin = 16;
+        return leftMargin + contentItem.implicitWidth + arrowWidth + rightMargin;
+    }
+    implicitHeight: Math.max(implicitContentHeight + topPadding + bottomPadding,
+                             34)
+
+    property MenuItemGroup group  // 组
+
+    checkable: group
+    checked: group ? group.checkedButton === root : false
+
+    onGroupChanged: {
+        if (group)
+            group.register(root)
+    }
+
+    Component.onDestruction: {
+        if (group)
+            group.unregister(root)
+    }
+
+    onTriggered: {
+        if (group)
+            group.updateCheck(root)
+    }
+
+    property var parentMenu: undefined
+
+    // accessibility
+    FocusIndicator {
+        control: parent
+        anchors.margins: 5
+        anchors.topMargin: 0
+        anchors.bottomMargin: 0
+    }
+
+    arrow: IconWidget {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.right: parent.right
+        anchors.margins: 16
+        color: Theme.currentTheme.colors.textSecondaryColor
+        visible: root.subMenu
+        icon: "ic_fluent_chevron_right_20_regular"
+        size: 12
+    }
+
+    indicator: IconWidget {
+        id: indicator
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+        anchors.margins: 18
+        icon: group ? group.exclusive ? "ic_fluent_circle_20_filled" : "ic_fluent_checkmark_20_filled"
+            : "ic_fluent_checkmark_20_filled"
+        width: 16
+        size: group ? group.exclusive ? 7 : 16 : 16
+        visible: root.checked
+    }
+
+    // 内容 / Content //
+    contentItem: RowLayout {
+        id: row
+        spacing: 16
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.leftMargin: (iconWidget.size ? 16 : 0) + (checkable ? indicator.width + 16 : 0)
+        anchors.margins: 16
+
+        IconWidget {
+            id: iconWidget
+            size: icon || source ? menuText.font.pixelSize * 1.25 : 0  // 图标大小 / Icon Size
+            icon: root.icon.name
+            source: root.icon.source
+        }
+        Text {
+            id: menuText
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+            typography: Typography.Body
+            text: root.text
+            wrapMode: Text.NoWrap
+        }
+        Text {
+            id: shortcutText
+            Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+            typography: Typography.Caption
+            text: root.action ? root.action.shortcut : ""
+            color: Theme.currentTheme.colors.textSecondaryColor
+            visible: text
+        }
+    }
+
+    // 背景 / Background //
+    background: Rectangle {
+        anchors.fill: parent
+        anchors.margins: 5
+        anchors.topMargin: 0
+        anchors.bottomMargin: 0
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: enabled ? pressed ? Theme.currentTheme.colors.subtleTertiaryColor
+            : hovered
+            ? Theme.currentTheme.colors.subtleSecondaryColor
+            : "transparent" : "transparent"
+
+        Behavior on color { ColorAnimation { duration: Utils.animationSpeed; easing.type: Easing.OutQuart } }
+    }
+
+    // States //
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.3628
+            }
+        }
+    ]
 }