RinUI 0.0.11__tar.gz → 0.1.0__tar.gz

{rinui-0.0.11/RinUI.egg-info → rinui-0.1.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: RinUI
-Version: 0.0.11
+Version: 0.1.0
 Summary: A Fluent Design-like UI library for Qt Quick (QML) based on PySide6
 Author-email: RinLit <lintu233_qwq@icloud.com>
 Classifier: Programming Language :: Python :: 3
@@ -14,6 +14,7 @@ Requires-Dist: darkdetect~=0.8.0
 Requires-Dist: pywin32>=306; sys_platform == "win32"
 
 <div align="center">
+<img src="docs/img/logo.png" alt="RinUI Logo" width="18%">
 <h1>RinUI</h1>
 <p>A Fluent Design-like UI library for Qt Quick (QML)</p>
 
@@ -52,6 +53,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 ![img_3.png](/docs/img/img_3.png)
 </details>
 
+> The image in the banner comes from Pixiv, PID: [125975786](https://www.pixiv.net/artworks/125975786)
+
 ## 🪄 Usage
 
 You can install RinUI via pip:

{rinui-0.0.11 → rinui-0.1.0}/README.md

@@ -1,4 +1,5 @@
 <div align="center">
+<img src="docs/img/logo.png" alt="RinUI Logo" width="18%">
 <h1>RinUI</h1>
 <p>A Fluent Design-like UI library for Qt Quick (QML)</p>
 
@@ -37,6 +38,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 ![img_3.png](/docs/img/img_3.png)
 </details>
 
+> The image in the banner comes from Pixiv, PID: [125975786](https://www.pixiv.net/artworks/125975786)
+
 ## 🪄 Usage
 
 You can install RinUI via pip:

{rinui-0.0.11 → rinui-0.1.0}/RinUI/__init__.py

@@ -1,4 +1,4 @@
 from .core import *
 
-__version__ = "0.0.11"
+__version__ = "0.1.0"
 __author__ = "RinLit"

{rinui-0.0.11 → rinui-0.1.0}/RinUI/components/BasicInput/Button.qml

@@ -82,10 +82,9 @@ Button {
             anchors.centerIn: parent
             IconWidget {
                 id: iconWidget
-                size: icon || source ? text.font.pixelSize * 1.25 : 0  // 图标大小 / Icon Size
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
                 icon: root.icon.name
                 source: root.icon.source
-                height: parent.height
                 y: 0.25
                 color: icon.color ? icon.color : highlighted ? flat ?
                     enabled ? Theme.currentTheme.colors.textAccentColor : Theme.currentTheme.colors.textColor :

rinui-0.1.0/RinUI/components/DialogsAndFlyouts/Flyout.qml

@@ -0,0 +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 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
+            }
+        }
+    }
+}

rinui-0.1.0/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
+        }
+    }
+}

rinui-0.1.0/RinUI/components/Navigation/Segmented.qml

@@ -0,0 +1,17 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Rectangle {
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: Theme.currentTheme.colors.controlBorderColor
+        radius: Theme.currentTheme.appearance.buttonRadius
+        color: Theme.currentTheme.colors.controlAltSecondaryColor
+    }
+}

rinui-0.1.0/RinUI/components/Navigation/SegmentedItem.qml

@@ -0,0 +1,108 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../components"
+import "../../themes"
+
+TabButton {
+    id: root
+
+    implicitWidth: Math.max(row.implicitWidth + 26 , 40)
+    implicitHeight: 32
+
+    background: Rectangle {
+        id: background
+        anchors.centerIn: parent
+        width: checked ? parent.width : parent.width - 4*2
+        height: checked ? parent.height : parent.height - 3*2
+
+        color: checked ? Theme.currentTheme.colors.controlFillColor :
+            hovered ? Theme.currentTheme.colors.subtleSecondaryColor : Theme.currentTheme.colors.subtleColor
+        radius: Theme.currentTheme.appearance.smallRadius
+
+        border.width: Theme.currentTheme.appearance.borderWidth  // 边框宽度 / Border Width
+        border.color: checked ? Theme.currentTheme.colors.controlBorderColor : "transparent"
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Utils.animationSpeed
+                easing.type: Easing.OutQuart
+            }
+        }
+    }
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.animationSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+
+    contentItem: Item {
+        clip: true
+        anchors.fill: parent
+
+        Row {
+            id: row
+            spacing: 8
+            anchors.centerIn: parent
+            IconWidget {
+                id: iconWidget
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
+                icon: root.icon.name
+                source: root.icon.source
+                y: 0.25
+            }
+
+            Text {
+                id: text
+                typography: Typography.Body
+                text: root.text
+                color: Theme.currentTheme.colors.textColor
+            }
+        }
+
+        Indicator {
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: Theme.currentTheme.appearance.borderWidth
+                horizontalCenter: parent.horizontalCenter
+            }
+            visible: root.checked
+            orientation: Qt.Horizontal
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.67
+            }
+            PropertyChanges {
+                target: background;
+                scale: 0.95
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: root;
+                opacity: 0.875
+            }
+        }
+    ]
+}

rinui-0.1.0/RinUI/components/Navigation/SelectorBar.qml

@@ -0,0 +1,13 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import "../../components"
+import "../../themes"
+
+
+TabBar {
+    id: root
+    implicitWidth: contentWidth
+
+    background: Item {}
+}

rinui-0.1.0/RinUI/components/Navigation/SelectorBarItem.qml

@@ -0,0 +1,89 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 2.15
+import Qt5Compat.GraphicalEffects
+import "../../components"
+import "../../themes"
+
+TabButton {
+    id: root
+
+    implicitWidth: Math.max(row.implicitWidth + 26 , 40)
+    implicitHeight: 32
+
+    background: Item {}
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Utils.animationSpeed
+            easing.type: Easing.InOutQuint
+        }
+    }
+
+    contentItem: Item {
+        clip: true
+        anchors.fill: parent
+
+        Row {
+            id: row
+            spacing: 8
+            anchors.centerIn: parent
+            IconWidget {
+                id: iconWidget
+                size: icon || source ? text.font.pixelSize * 1.3 : 0  // 图标大小 / Icon Size
+                icon: root.icon.name
+                source: root.icon.source
+                y: 0.25
+            }
+
+            Text {
+                id: text
+                typography: Typography.Body
+                text: root.text
+                color: Theme.currentTheme.colors.textColor
+            }
+        }
+
+        Indicator {
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: Theme.currentTheme.appearance.borderWidth
+                horizontalCenter: parent.horizontalCenter
+            }
+            visible: root.checked
+            orientation: Qt.Horizontal
+        }
+    }
+
+    // 状态变化
+    states: [
+        State {
+        name: "disabled"
+            when: !enabled
+            PropertyChanges {
+                target: root
+                opacity: 0.65
+            }
+        },
+        State {
+            name: "pressed"
+            when: pressed
+            PropertyChanges {
+                target: root;
+                opacity: 0.67
+            }
+            PropertyChanges {
+                target: background;
+                scale: 0.95
+            }
+        },
+        State {
+            name: "hovered"
+            when: hovered
+            PropertyChanges {
+                target: root;
+                opacity: 0.875
+            }
+        }
+    ]
+}

{rinui-0.0.11 → rinui-0.1.0}/RinUI/components/qmldir

@@ -22,6 +22,9 @@ ToolButton 1.0 BasicInput/ToolButton.qml
 Switch 1.0 BasicInput/Switch.qml
 RadioButton 1.0 BasicInput/RadioButton.qml
 
+# Media
+Avatar 1.0 Media/Avatar.qml
+
 # Date & Time
 PickerView 1.0 DateAndTime/PickerView.qml
 # TimePicker 1.0 DateAndTime/TimePicker.qml

{rinui-0.0.11 → rinui-0.1.0}/RinUI/qmldir

@@ -68,10 +68,17 @@ MenuSeparator 1.0 components/MenusAndToolbars/MenuSeparator.qml
 ToolSeparator 1.0 components/MenusAndToolbars/ToolSeparator.qml
 MenuBar 1.0 components/MenusAndToolbars/MenuBar.qml
 
+# Media
+Avatar 1.0 components/Media/Avatar.qml
+
 # Navigation
 NavigationView 1.0 components/Navigation/NavigationView.qml
 NavigationBar 1.0 components/Navigation/NavigationBar.qml
 SelectorBar 1.0 components/Navigation/SelectorBar.qml
+SelectorBarItem 1.0 components/Navigation/SelectorBarItem.qml
+Segmented 1.0 components/Navigation/Segmented.qml
+SegmentedItem 1.0 components/Navigation/SegmentedItem.qml
+
 
 # Window
 ApplicationWindow 1.0 windows/window/ApplicationWindow.qml

{rinui-0.0.11 → rinui-0.1.0}/RinUI/themes/dark.qml

@@ -16,6 +16,15 @@ QtObject {
         property color controlStrongColor: Qt.alpha("#ffffff", 0.5442)
         property color controlInputActiveColor: Qt.alpha("#1E1E1E", 0.7)
 
+        property color controlAltSecondaryColor: Qt.alpha("#000000", 0.1)
+        property color controlAltTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color controlAltQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
+
+        property color controlFillColor: Qt.alpha("#ffffff", 0.0605)
+        property color controlFillSecondaryColor: Qt.alpha("#ffffff", 0.0837)
+        property color controlFillTertiaryColor: Qt.alpha("#ffffff", 0.0326)
+        property color controlFillQuaternaryColor: Qt.alpha("#ffffff", 0.0605)
+
         property color controlBorderColor: Qt.alpha("#ffffff", 0.09)
         property color controlBottomBorderColor: Qt.alpha("#000000", 0.03)
         property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.14)

{rinui-0.0.11 → rinui-0.1.0}/RinUI/themes/light.qml

@@ -16,6 +16,15 @@ QtObject {
         property color controlStrongColor: Qt.alpha("#000000", 0.4458)
         property color controlInputActiveColor: "#ffffff"
 
+        property color controlAltSecondaryColor: Qt.alpha("#000000", 0.0241)
+        property color controlAltTertiaryColor: Qt.alpha("#000000", 0.0578)
+        property color controlAltQuaternaryColor: Qt.alpha("#000000", 0.0924)
+
+        property color controlFillColor: Qt.alpha("#ffffff", 0.7)
+        property color controlFillSecondaryColor: Qt.alpha("#F9F9F9", 0.5)
+        property color controlFillTertiaryColor: Qt.alpha("#F9F9F9", 0.3)
+        property color controlFillQuaternaryColor: Qt.alpha("#F3F3F3", 0.76)
+
         property color controlBorderColor: Qt.alpha("#000000", 0.06)
         property color controlBottomBorderColor: Qt.alpha("#000000", 0.16)
         property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.4)
@@ -43,7 +52,7 @@ QtObject {
         property color backgroundAcrylicColor: "#F9F9F9"
         property color backgroundSmokeColor: Qt.alpha("#000000", 0.3)
 
-        property color subtleColor: "transparent"
+        property color subtleColor: Qt.alpha("#ffffff", 0)
         property color subtleSecondaryColor: Qt.alpha("#000000", 0.0373)
         property color subtleTertiaryColor: Qt.alpha("#000000", 0.0241)
         property color captionCloseColor: "#c42b1c"

{rinui-0.0.11 → rinui-0.1.0}/RinUI/windows/TitleBar.qml

@@ -58,7 +58,7 @@ Item {
             onPressed: {
                 clickPos = Qt.point(mouseX, mouseY)
 
-                if (!(Qt.platform.os !== "windows" || Qt.platform.os !== "winrt") && !Theme.isThemeMgrInitialized()) {
+                if (!(Qt.platform.os !== "windows" || Qt.platform.os !== "winrt") && !Theme._isThemeMgrInitialized()) {
                     return  // 在win环境使用原生方法拖拽
                 }
                 Theme.sendDragWindowEvent(window)
@@ -69,7 +69,7 @@ Item {
                     return
                 }
 
-                if ((Qt.platform.os !== "windows" || Qt.platform.os !== "winrt") && Theme.isThemeMgrInitialized()) {
+                if ((Qt.platform.os !== "windows" || Qt.platform.os !== "winrt") && Theme._isThemeMgrInitialized()) {
                     return  // 在win环境使用原生方法拖拽
                 }
 

{rinui-0.0.11 → rinui-0.1.0/RinUI.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: RinUI
-Version: 0.0.11
+Version: 0.1.0
 Summary: A Fluent Design-like UI library for Qt Quick (QML) based on PySide6
 Author-email: RinLit <lintu233_qwq@icloud.com>
 Classifier: Programming Language :: Python :: 3
@@ -14,6 +14,7 @@ Requires-Dist: darkdetect~=0.8.0
 Requires-Dist: pywin32>=306; sys_platform == "win32"
 
 <div align="center">
+<img src="docs/img/logo.png" alt="RinUI Logo" width="18%">
 <h1>RinUI</h1>
 <p>A Fluent Design-like UI library for Qt Quick (QML)</p>
 
@@ -52,6 +53,8 @@ With simple configuration, you can quickly develop elegant UI interfaces in the
 ![img_3.png](/docs/img/img_3.png)
 </details>
 
+> The image in the banner comes from Pixiv, PID: [125975786](https://www.pixiv.net/artworks/125975786)
+
 ## 🪄 Usage
 
 You can install RinUI via pip:

{rinui-0.0.11 → rinui-0.1.0}/RinUI.egg-info/SOURCES.txt

@@ -1,5 +1,6 @@
 LICENSE
 MANIFEST.in
+README.MD
 README.md
 pyproject.toml
 RinUI/__init__.py
@@ -52,6 +53,7 @@ RinUI/components/ListAndCollections/ListViewDelegate.qml
 RinUI/components/ListAndCollections/SettingCard.qml
 RinUI/components/ListAndCollections/TableView.qml
 RinUI/components/ListAndCollections/TableViewDelegate.qml
+RinUI/components/Media/Avatar.qml
 RinUI/components/MenusAndToolbars/Menu.qml
 RinUI/components/MenusAndToolbars/MenuBar.qml
 RinUI/components/MenusAndToolbars/MenuItem.qml
@@ -64,7 +66,10 @@ RinUI/components/Navigation/NavigationBar.qml
 RinUI/components/Navigation/NavigationItem.qml
 RinUI/components/Navigation/NavigationSubItem.qml
 RinUI/components/Navigation/NavigationView.qml
+RinUI/components/Navigation/Segmented.qml
+RinUI/components/Navigation/SegmentedItem.qml
 RinUI/components/Navigation/SelectorBar.qml
+RinUI/components/Navigation/SelectorBarItem.qml
 RinUI/components/StatusAndInfo/InfoBadge.qml
 RinUI/components/StatusAndInfo/InfoBar.qml
 RinUI/components/StatusAndInfo/ProgressBar.qml

{rinui-0.0.11 → rinui-0.1.0}/pyproject.toml

@@ -4,12 +4,12 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "RinUI"
-version = "0.0.11"
+version = "0.1.0"
 authors = [
     { name = "RinLit", email = "lintu233_qwq@icloud.com" }
 ]
 description = "A Fluent Design-like UI library for Qt Quick (QML) based on PySide6"
-readme = "README.md"
+readme = "README.MD"
 requires-python = ">=3.8"
 dependencies = [
     "PySide6>=6.6.3.1",

rinui-0.0.11/RinUI/components/DialogsAndFlyouts/Flyout.qml

@@ -1,144 +0,0 @@
-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
-            }
-        }
-    }
-}

rinui-0.0.11/RinUI/components/Navigation/SelectorBar.qml

@@ -1,58 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 2.15
-import "../../components"
-import "../../themes"
-
-
-RowLayout {
-    id: root
-    property var model: []
-    property int currentIndex: -1
-    property bool enabled: true
-    // 自动检测模型类型
-    readonly property string modelType: {
-        if (!model) return "null";
-        if (Array.isArray(model) && typeof model[0] === "object") return "array-with-role";
-        if (Array.isArray(model)) return "array";
-        if (model instanceof ListModel) return "listmodel";
-        if (typeof model === "object" && "count" in model) return "listmodel-like";
-        return "unknown";
-    }
-
-    implicitHeight: 40
-    spacing: 0
-
-    Repeater {
-        model: root.model
-        delegate: Button {
-            Layout.fillWidth: true
-            Layout.fillHeight: true
-            Layout.preferredHeight: 40
-            flat: true
-
-            background: Item {}
-
-            text: {
-                switch (root.modelType) {
-                    case "array": return modelData;
-                    case "array-with-role": return modelData["text"] || modelData || "";
-                    case "listmodel":
-                    case "listmodel-like":
-                        return model["text"] || modelData || "";
-                    default: return "";
-                }
-            }
-            icon.name: root.modelType === "array-with-role" ? modelData["icon"] : ""
-            icon.source: root.modelType === "array-with-role" ? modelData["source"] : ""
-
-            onClicked: root.currentIndex = index
-            enabled: root.enabled
-
-            Indicator {
-                orientation: Qt.Horizontal
-                visible: index === root.currentIndex
-            }
-        }
-    }
-}