example/qml/Qt5/components/TabBar.qml

@@ -6,18 +6,18 @@ import RibbonUI 1.1
 
 RibbonTabBar {
     id: tab_bar
-    readonly property alias tab_bar_tool: tab_bar_tool
+    property alias tab_bar_tool: tab_bar_tool
-    readonly property var slider_layout: basic_page.sliderLayout
+    property alias slider_layout: slider_layout
-    readonly property var slider_with_btn: basic_page.sliderWithBtn
+    property alias slider_with_btn: slider_with_btn
-    readonly property var slider_without_btn: basic_page.sliderWithoutBtn
+    property alias slider_without_btn: slider_without_btn
-    readonly property var switch_layout: basic_page.switchLayout
+    property alias switch_layout: switch_layout
-    readonly property var btn_with_color_and_grabberText: basic_page.btnWithColorAndGrabberText
+    property alias btn_with_color_and_grabberText: btn_with_color_and_grabberText
-    readonly property var checkbox_layout: basic_page.checkBoxLayout
+    property alias checkbox_layout: checkbox_layout
-    readonly property var button_layout: basic_page.buttonLayout
+    property alias button_layout: button_layout
-    readonly property var btn_without_bg_and_label: basic_page.btnWithoutBgAndLabel
+    property alias btn_without_bg_and_label: btn_without_bg_and_label
-    readonly property var pushbutton_layout: basic_page.pushButtonLayout
+    property alias pushbutton_layout: pushbutton_layout
-    readonly property var lineedit_layout: input_page.lineEditLayout
+    property alias lineedit_layout: lineedit_layout
-    readonly property var lineedit_with_icon: input_page.lineEditWithIcon
+    property alias lineedit_with_icon: lineedit_with_icon
 
     modernStyle: root.modernStyle
     rightToolBar: RowLayout{
@@ -36,34 +36,7 @@ RibbonTabBar {
     RibbonTabPage{
         id: basic_page
         title: qsTr("Basic")
-        property var sliderLayout: getItem(0).sliderLayout
-        property var sliderWithBtn: getItem(0).sliderWithBtn
-        property var sliderWithoutBtn: getItem(0).sliderWithoutBtn
-        property var switchLayout: getItem(1).switchLayout
-        property var btnWithColorAndGrabberText: getItem(1).btnWithColorAndGrabberText
-        property var checkBoxLayout: getItem(2).checkBoxLayout
-        property var buttonLayout: getItem(3).buttonLayout
-        property var btnWithoutBgAndLabel: getItem(3).btnWithoutBgAndLabel
-        property var pushButtonLayout: getItem(4).pushButtonLayout
-
-        onContainerItemUpdated: {
-            if(getItem(0)){
-                sliderLayout = getItem(0).sliderLayout
-                sliderWithBtn = getItem(0).sliderWithBtn
-                sliderWithoutBtn = getItem(0).sliderWithoutBtn
-                switchLayout = getItem(1).switchLayout
-                btnWithColorAndGrabberText = getItem(1).btnWithColorAndGrabberText
-                checkBoxLayout = getItem(2).checkBoxLayout
-                buttonLayout = getItem(3).buttonLayout
-                btnWithoutBgAndLabel = getItem(3).btnWithoutBgAndLabel
-                pushButtonLayout = getItem(4).pushButtonLayout
-            }
-        }
-
         RibbonTabGroup{
-            property alias sliderLayout: slider_layout
-            property alias sliderWithBtn: slider_with_btn
-            property alias sliderWithoutBtn: slider_without_btn
             showOpenExternal: true
             width: slider_layout.width + 20
             text: qsTr("Slider")
@@ -108,8 +81,6 @@ RibbonTabBar {
             width: switch_layout.width + 30
             text: qsTr("Switch Button")
             showOpenExternal: true
-            property alias switchLayout: switch_layout
-            property alias btnWithColorAndGrabberText: btn_with_color_and_grabberText
             RowLayout{
                 id: switch_layout
                 anchors.centerIn: parent
@@ -121,6 +92,7 @@ RibbonTabBar {
                         id: btn_with_color_and_grabberText
                         text: "Button"
                         grabberCheckedColor: "red"
+                        checked: true
                     }
                     RibbonSwitchButton{
                         text: "Button"
@@ -158,7 +130,6 @@ RibbonTabBar {
             width: checkbox_layout.width + 30
             text: qsTr("CheckBox")
             showOpenExternal: true
-            property alias checkBoxLayout: checkbox_layout
             RowLayout{
                 id: checkbox_layout
                 anchors.centerIn: parent
@@ -195,8 +166,6 @@ RibbonTabBar {
             width: button_layout.width + 30
             text: qsTr("Button")
             showOpenExternal: true
-            property alias buttonLayout: button_layout
-            property alias btnWithoutBgAndLabel: btn_without_bg_and_label
             RowLayout{
                 id: button_layout
                 anchors.centerIn: parent
@@ -265,7 +234,6 @@ RibbonTabBar {
         RibbonTabGroup{
             width: pushbutton_layout.width + 30
             text: qsTr("Push Button")
-            property alias pushButtonLayout: pushbutton_layout
             RowLayout{
                 id: pushbutton_layout
                 anchors.centerIn: parent
@@ -327,23 +295,10 @@ RibbonTabBar {
         }
     }
     RibbonTabPage{
-        id: input_page
         title: qsTr("Input")
-        property var lineEditLayout: getItem(0).lineEditLayout
-        property var lineEditWithIcon: getItem(0).lineEditWithIcon
-
-        onContainerItemUpdated: {
-            if(getItem(0)){
-                lineEditLayout = getItem(0).lineEditLayout
-                lineEditWithIcon = getItem(0).lineEditWithIcon
-            }
-        }
-
         RibbonTabGroup{
             width: lineedit_layout.width + 30
             text: qsTr("Line Edit")
-            property alias lineEditLayout: lineedit_layout
-            property alias lineEditWithIcon: lineedit_with_icon
             RowLayout{
                 id: lineedit_layout
                 anchors.centerIn: parent
@@ -373,7 +328,7 @@ RibbonTabBar {
             }
         }
         RibbonTabGroup{
-            width: textedit_layout.width + 30
+            width: lineedit_layout.width + 30
             text: qsTr("Text Edit")
             RowLayout{
                 id: textedit_layout

example/qml/Qt6/components/TabBar.qml

@@ -1,23 +1,22 @@
 import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
-import QtQuick.Window
 import RibbonUI
 
 RibbonTabBar {
     id: tab_bar
-    readonly property alias tab_bar_tool: tab_bar_tool
+    property alias tab_bar_tool: tab_bar_tool
-    readonly property var slider_layout: basic_page.sliderLayout
+    property alias slider_layout: slider_layout
-    readonly property var slider_with_btn: basic_page.sliderWithBtn
+    property alias slider_with_btn: slider_with_btn
-    readonly property var slider_without_btn: basic_page.sliderWithoutBtn
+    property alias slider_without_btn: slider_without_btn
-    readonly property var switch_layout: basic_page.switchLayout
+    property alias switch_layout: switch_layout
-    readonly property var btn_with_color_and_grabberText: basic_page.btnWithColorAndGrabberText
+    property alias btn_with_color_and_grabberText: btn_with_color_and_grabberText
-    readonly property var checkbox_layout: basic_page.checkBoxLayout
+    property alias checkbox_layout: checkbox_layout
-    readonly property var button_layout: basic_page.buttonLayout
+    property alias button_layout: button_layout
-    readonly property var btn_without_bg_and_label: basic_page.btnWithoutBgAndLabel
+    property alias btn_without_bg_and_label: btn_without_bg_and_label
-    readonly property var pushbutton_layout: basic_page.pushButtonLayout
+    property alias pushbutton_layout: pushbutton_layout
-    readonly property var lineedit_layout: input_page.lineEditLayout
+    property alias lineedit_layout: lineedit_layout
-    readonly property var lineedit_with_icon: input_page.lineEditWithIcon
+    property alias lineedit_with_icon: lineedit_with_icon
 
     modernStyle: root.modernStyle
     rightToolBar: RowLayout{
@@ -36,34 +35,7 @@ RibbonTabBar {
     RibbonTabPage{
         id: basic_page
         title: qsTr("Basic")
-        property var sliderLayout: getItem(0).sliderLayout
-        property var sliderWithBtn: getItem(0).sliderWithBtn
-        property var sliderWithoutBtn: getItem(0).sliderWithoutBtn
-        property var switchLayout: getItem(1).switchLayout
-        property var btnWithColorAndGrabberText: getItem(1).btnWithColorAndGrabberText
-        property var checkBoxLayout: getItem(2).checkBoxLayout
-        property var buttonLayout: getItem(3).buttonLayout
-        property var btnWithoutBgAndLabel: getItem(3).btnWithoutBgAndLabel
-        property var pushButtonLayout: getItem(4).pushButtonLayout
-
-        onContainerItemUpdated: {
-            if(getItem(0)){
-                sliderLayout = getItem(0).sliderLayout
-                sliderWithBtn = getItem(0).sliderWithBtn
-                sliderWithoutBtn = getItem(0).sliderWithoutBtn
-                switchLayout = getItem(1).switchLayout
-                btnWithColorAndGrabberText = getItem(1).btnWithColorAndGrabberText
-                checkBoxLayout = getItem(2).checkBoxLayout
-                buttonLayout = getItem(3).buttonLayout
-                btnWithoutBgAndLabel = getItem(3).btnWithoutBgAndLabel
-                pushButtonLayout = getItem(4).pushButtonLayout
-            }
-        }
-
         RibbonTabGroup{
-            property alias sliderLayout: slider_layout
-            property alias sliderWithBtn: slider_with_btn
-            property alias sliderWithoutBtn: slider_without_btn
             showOpenExternal: true
             width: slider_layout.width + 20
             text: qsTr("Slider")
@@ -108,8 +80,6 @@ RibbonTabBar {
             width: switch_layout.width + 30
             text: qsTr("Switch Button")
             showOpenExternal: true
-            property alias switchLayout: switch_layout
-            property alias btnWithColorAndGrabberText: btn_with_color_and_grabberText
             RowLayout{
                 id: switch_layout
                 anchors.centerIn: parent
@@ -121,6 +91,7 @@ RibbonTabBar {
                         id: btn_with_color_and_grabberText
                         text: "Button"
                         grabberCheckedColor: "red"
+                        checked: true
                     }
                     RibbonSwitchButton{
                         text: "Button"
@@ -158,7 +129,6 @@ RibbonTabBar {
             width: checkbox_layout.width + 30
             text: qsTr("CheckBox")
             showOpenExternal: true
-            property alias checkBoxLayout: checkbox_layout
             RowLayout{
                 id: checkbox_layout
                 anchors.centerIn: parent
@@ -195,8 +165,6 @@ RibbonTabBar {
             width: button_layout.width + 30
             text: qsTr("Button")
             showOpenExternal: true
-            property alias buttonLayout: button_layout
-            property alias btnWithoutBgAndLabel: btn_without_bg_and_label
             RowLayout{
                 id: button_layout
                 anchors.centerIn: parent
@@ -265,7 +233,6 @@ RibbonTabBar {
         RibbonTabGroup{
             width: pushbutton_layout.width + 30
             text: qsTr("Push Button")
-            property alias pushButtonLayout: pushbutton_layout
             RowLayout{
                 id: pushbutton_layout
                 anchors.centerIn: parent
@@ -327,23 +294,10 @@ RibbonTabBar {
         }
     }
     RibbonTabPage{
-        id: input_page
         title: qsTr("Input")
-        property var lineEditLayout: getItem(0).lineEditLayout
-        property var lineEditWithIcon: getItem(0).lineEditWithIcon
-
-        onContainerItemUpdated: {
-            if(getItem(0)){
-                lineEditLayout = getItem(0).lineEditLayout
-                lineEditWithIcon = getItem(0).lineEditWithIcon
-            }
-        }
-
         RibbonTabGroup{
             width: lineedit_layout.width + 30
             text: qsTr("Line Edit")
-            property alias lineEditLayout: lineedit_layout
-            property alias lineEditWithIcon: lineedit_with_icon
             RowLayout{
                 id: lineedit_layout
                 anchors.centerIn: parent
@@ -373,7 +327,7 @@ RibbonTabBar {
             }
         }
         RibbonTabGroup{
-            width: textedit_layout.width + 30
+            width: lineedit_layout.width + 30
             text: qsTr("Text Edit")
             RowLayout{
                 id: textedit_layout

lib_source/include/ribbonui.h

@@ -26,8 +26,6 @@ public:
     bool autoLoadLanguage(){return _autoLoadLanguage;};
     void setAutoLoadLanguage(bool value);
 #if (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
-    Q_INVOKABLE QColor color(QString colorName);
-    Q_INVOKABLE QColor alpha(QString colorName, float alpha = 1);
 public:
 #else
 private:

lib_source/qml/Qt5/RibbonBackStageMenuItem.qml

@@ -13,17 +13,6 @@ RibbonObject {
     property bool clickOnly: false
     property var sourceUrl
     property var clickFunc
+    property int propertyCount: 0
     property_names: ['menuText','menuIcon','menuIconFilled','type','sourceComponent','sourceArgs','clickOnly','sourceUrl','clickFunc']
-
-    signal propertiesUpdated()
-
-    onMenuTextChanged: propertiesUpdated()
-    onMenuIconChanged: propertiesUpdated()
-    onMenuIconFilledChanged: propertiesUpdated()
-    onTypeChanged: propertiesUpdated()
-    onSourceComponentChanged: propertiesUpdated()
-    onSourceArgsChanged: propertiesUpdated()
-    onClickOnlyChanged: propertiesUpdated()
-    onSourceUrlChanged: propertiesUpdated()
-    onClickFuncChanged: propertiesUpdated()
 }

lib_source/qml/Qt5/RibbonBackStageView.qml

@@ -44,7 +44,7 @@ Popup {
             if(data_container.resources[index] instanceof RibbonBackStageMenuItem)
             {
                 let item = data_container.resources[index]
-                item.propertiesUpdated.connect(function(){
+                item.menuTextChanged.connect(function(){
                     item.getPropertiesReady()
                     pageModel[item.id] = item.properties
                     refreshModel()
@@ -110,7 +110,7 @@ Popup {
         }
         width: 150
         x: -width
-        color: RibbonUI.alpha(control.menuBgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.8 : 0.9 : 1)
+        color: alphaTohex(control.menuBgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.8 : 0.9 : 1)
         topLeftRadius: control.topMargin <= 0 ? control.radius : 0
         bottomLeftRadius: topLeftRadius
         property int currentMenu: 0
@@ -138,14 +138,14 @@ Popup {
                 if (RibbonTheme.modernStyle && !RibbonTheme.isDarkMode)
                 {
                     if(pressed)
-                        return RibbonUI.alpha("black", 0.8)
+                        return alphaTohex("black", 0.8)
                     else
                         return "black"
                 }
                 else
                 {
                     if(pressed)
-                        return RibbonUI.alpha("white", 0.8)
+                        return alphaTohex("white", 0.8)
                     else
                         return "white"
                 }
@@ -181,11 +181,11 @@ Popup {
                         if(mouse.containsMouse)
                         {
                             if(mouse.pressed)
-                                return RibbonUI.alpha(back_btn.textColor, 0.4)
+                                return alphaTohex(back_btn.textColor, 0.4)
-                            return RibbonUI.alpha(back_btn.textColor, 0.3)
+                            return alphaTohex(back_btn.textColor, 0.3)
                         }
                         else
-                            return RibbonUI.alpha(back_btn.textColor, 0.2)
+                            return alphaTohex(back_btn.textColor, 0.2)
                     }
                     else
                     {
@@ -193,8 +193,8 @@ Popup {
                         {
                             let color = back_btn.textColor === 'black' ? "white" : "black"
                             if(mouse.pressed)
-                                return RibbonUI.alpha(color, 0.3)
+                                return alphaTohex(color, 0.3)
-                            return RibbonUI.alpha(color, 0.2)
+                            return alphaTohex(color, 0.2)
                         }
                         else
                             return 'transparent'
@@ -337,7 +337,7 @@ Popup {
                 Layout.alignment: Qt.AlignHCenter
                 Layout.preferredHeight: 1
                 Layout.preferredWidth: parent.width - 40
-                color: RibbonTheme.modernStyle ? RibbonTheme.isDarkMode ? "#666666" : "#D1D1D1" :RibbonTheme.isDarkMode ? "#B1B1B1" : RibbonUI.alpha("white", 0.2)
+                color: RibbonTheme.modernStyle ? RibbonTheme.isDarkMode ? "#666666" : "#D1D1D1" :RibbonTheme.isDarkMode ? "#B1B1B1" : alphaTohex("white", 0.2)
                 visible: head_menu_list.count && (body_menu_list.count || tail_menu_list.count)
             }
             ListView{
@@ -358,7 +358,7 @@ Popup {
                 Layout.alignment: Qt.AlignHCenter
                 Layout.preferredHeight: 1
                 Layout.preferredWidth: parent.width - 40
-                color: RibbonTheme.modernStyle ? RibbonTheme.isDarkMode ? "#666666" : "#D1D1D1" :RibbonTheme.isDarkMode ? "#B1B1B1" : RibbonUI.alpha("white", 0.2)
+                color: RibbonTheme.modernStyle ? RibbonTheme.isDarkMode ? "#666666" : "#D1D1D1" :RibbonTheme.isDarkMode ? "#B1B1B1" : alphaTohex("white", 0.2)
                 visible: (head_menu_list.count || body_menu_list.count) && tail_menu_list.count
             }
             ListView{
@@ -424,7 +424,7 @@ Popup {
         }
         topRightRadius: control.topMargin <= 0 ? control.radius : 0
         bottomRightRadius: topRightRadius
-        color: RibbonUI.alpha(control.bgColor, 1)
+        color: alphaTohex(control.bgColor, 1)
 
         Behavior on color {
             ColorAnimation {
@@ -443,7 +443,6 @@ Popup {
                 model: control.pageModel
                 Loader {
                     required property var modelData
-                    asynchronous: true
                     active: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
                     source: typeof(modelData.sourceUrl) !== 'undefined' && modelData.sourceUrl !== ""? modelData.sourceUrl : ""
                     sourceComponent: typeof(control.pageModel[modelData.globalIndex].sourceComponent) !== 'undefined' && typeof(modelData.sourceUrl) === 'undefined' ? control.pageModel[modelData.globalIndex].sourceComponent : undefined
@@ -524,7 +523,7 @@ Popup {
     function show(){
         control.opacity = 1
         menu_bg.x = 0
-        content_bg.color = RibbonUI.alpha(control.bgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.92 : 0.9 : 1)
+        content_bg.color = alphaTohex(control.bgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.92 : 0.9 : 1)
         blur_bg.maskOpacity = blurEnabled ? 0.5 : 1
         blur_bg.blurRadius = blurEnabled ? 32 : 0
         blur_bg.opacity = 1
@@ -532,7 +531,7 @@ Popup {
 
     function hide(){
         menu_bg.x = -menu_bg.width
-        content_bg.color = RibbonUI.alpha(control.bgColor, 0)
+        content_bg.color = alphaTohex(control.bgColor, 0)
         blur_bg.maskOpacity = 0
         blur_bg.blurRadius = 0
         blur_bg.opacity = 0
@@ -540,7 +539,7 @@ Popup {
     }
 
     function refresh(){
-        content_bg.color = RibbonUI.alpha(control.bgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.92 : 0.9 : 1)
+        content_bg.color = alphaTohex(control.bgColor, blurEnabled ? RibbonTheme.modernStyle ? 0.92 : 0.9 : 1)
         blur_bg.maskOpacity = blurEnabled ? 0.5 : 1
         blur_bg.blurRadius = blurEnabled ? 32 : 0
         blur_bg.opacity = 1
@@ -574,4 +573,16 @@ Popup {
         tail_menu_list.currentIndex = 0
         content_view.currentIndex = 0
     }
+
+    function alphaTohex(color, alpha)
+    {
+        color = color.replace(/#/g,"")
+        if (color === "white")
+            color = "FFFFFF"
+        else if (color === "black")
+            color = "000000"
+        var num = Math.ceil(alpha * 255)
+        color = "#"+num.toString(16).toUpperCase().padStart(2, '0')+color
+        return color
+    }
 }

lib_source/qml/Qt5/RibbonSplashScreen.qml

@@ -108,7 +108,6 @@ Window {
 
     Component.onCompleted: {
         windowAgent.setup(root)
-        root.flags |= Qt.WindowStaysOnTopHint
         if (Qt.platform.os === 'windows')
         {
             windowAgent.setWindowAttribute("dwm-blur", blurBehindWindow)
@@ -118,6 +117,7 @@ Window {
             windowAgent.setWindowAttribute("blur-effect", blurBehindWindow ? RibbonTheme.isDarkMode ? "dark" : "light" : "none")
             PlatformSupport.showSystemTitleBtns(root, false)
         }
+        root.flags |= Qt.WindowStaysOnTopHint
         root.visible = true
         windowAgent.centralize()
         raise()

lib_source/qml/Qt5/RibbonTabPage.qml

@@ -4,33 +4,12 @@ import QtQuick.Layouts 1.11
 import RibbonUI 1.1
 
 Item {
-    id: control
-    property int delegateCount: 0
     property string title
-    required default property Component content
+    default property alias content: container.data
-    property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
-    property var delegateList: []
-
-    readonly property var contentItem: main_loader.item.containerItem
-
-    signal containerItemUpdated()
     clip: true
-
+    Flickable{
-    onContentChanged: {
-        delegateList.push({
-                               "content": content,
-                               "index": control.delegateCount++
-                           })
-    }
-
-    Loader{
-        id: main_loader
-        active: control.needActive
-        anchors.fill: parent
-        asynchronous: true
-        sourceComponent: Flickable{
         id: view
-            property alias containerItem: container
+        anchors.fill: parent
         ScrollIndicator.horizontal: RibbonScrollIndicator{
             anchors.bottom: view.bottom
             anchors.horizontalCenter: view.horizontalCenter
@@ -41,23 +20,6 @@ Item {
             id: container
             spacing: 0
             height: parent.height
-                Repeater{
-                    model: control.delegateList
-                    Loader{
-                        required property var modelData
-                        width: item.width
-                        Layout.fillHeight: true
-                        active: control.needActive
-                        sourceComponent: control.delegateList[modelData.index].content
         }
     }
 }
-        }
-        onLoaded: containerItemUpdated()
-    }
-
-    function getItem( index : int ){
-        return contentItem.children[index].item
-    }
-
-}

lib_source/qml/Qt5/RibbonTour.qml

@@ -34,7 +34,7 @@ Popup {
     y: (Overlay.overlay.height - height) / 2
     closePolicy: Popup.NoAutoClose
     Overlay.modal:Rectangle{
-        color: !RibbonTheme.isDarkMode ? RibbonUI.alpha("white", 0.5) : RibbonUI.alpha("black", 0.5)
+        color: !RibbonTheme.isDarkMode ? Qt.rgba(255,255,255,0.5) : Qt.rgba(0,0,0,0.5)
     }
     Overlay.modeless:Rectangle{
         color:"transparent"
@@ -154,10 +154,15 @@ Popup {
             if(data_container.resources[index] instanceof RibbonTourItem)
             {
                 let item = data_container.resources[index]
-                item.propertiesUpdated.connect(function(){
+                item.titleChanged.connect(function(){
                     item.getPropertiesReady()
                     targetList[item.id] = item.properties
                 })
+                if(item.text){
+                    item.textChanged.connect(function(){
+                        targetList[item.id].text = item.text
+                    })
+                }
                 item.id = targetList.length
                 item.getPropertiesReady()
                 targetList.push(item.properties)

lib_source/qml/Qt5/RibbonTourItem.qml

@@ -10,12 +10,4 @@ RibbonObject {
     property var enterFunc
     property var exitFunc
     property_names: ['title','text','target','enterFunc','exitFunc']
-
-    signal propertiesUpdated()
-
-    onTitleChanged: propertiesUpdated()
-    onTextChanged: propertiesUpdated()
-    onTargetChanged: propertiesUpdated()
-    onEnterFuncChanged: propertiesUpdated()
-    onExitFuncChanged: propertiesUpdated()
 }

lib_source/qml/Qt5/RibbonWindow.qml

@@ -124,9 +124,9 @@ Window {
             if (Qt.platform.os === 'windows')
             {
                 if (RibbonTheme.isDarkMode) {
-                    return RibbonUI.alpha('#2C2B29', 0.8)
+                    return Qt.rgba(44, 43, 41, 0.8)
                 }
-                return RibbonUI.alpha('#FFFFFF',0.8)
+                return Qt.rgba(255, 255, 255, 0.8)
             }
             return 'transparent'
         }
@@ -181,7 +181,7 @@ Window {
                 let sub_windows = RibbonUI.windowsSet
                 delete sub_windows[window_url]
                 RibbonUI.windowsSet = sub_windows
-            })
+            });
             window.raise()
             window.requestActivate()
         }

lib_source/qml/Qt6/RibbonBackStageMenuItem.qml

@@ -13,17 +13,6 @@ RibbonObject {
     property bool clickOnly: false
     property var sourceUrl
     property var clickFunc
+    property int propertyCount: 0
     property_names: ['menuText','menuIcon','menuIconFilled','type','sourceComponent','sourceArgs','clickOnly','sourceUrl','clickFunc']
-
-    signal propertiesUpdated()
-
-    onMenuTextChanged: propertiesUpdated()
-    onMenuIconChanged: propertiesUpdated()
-    onMenuIconFilledChanged: propertiesUpdated()
-    onTypeChanged: propertiesUpdated()
-    onSourceComponentChanged: propertiesUpdated()
-    onSourceArgsChanged: propertiesUpdated()
-    onClickOnlyChanged: propertiesUpdated()
-    onSourceUrlChanged: propertiesUpdated()
-    onClickFuncChanged: propertiesUpdated()
 }

lib_source/qml/Qt6/RibbonBackStageView.qml

@@ -44,7 +44,7 @@ Popup {
             if(data_container.resources[index] instanceof RibbonBackStageMenuItem)
             {
                 let item = data_container.resources[index]
-                item.propertiesUpdated.connect(function(){
+                item.menuTextChanged.connect(function(){
                     item.getPropertiesReady()
                     pageModel[item.id] = item.properties
                     refreshModel()

lib_source/qml/Qt6/RibbonSplashScreen.qml

@@ -108,7 +108,6 @@ Window {
 
     Component.onCompleted: {
         windowAgent.setup(root)
-        root.flags |= Qt.WindowStaysOnTopHint
         if (Qt.platform.os === 'windows')
         {
             windowAgent.setWindowAttribute("dwm-blur", blurBehindWindow)
@@ -118,6 +117,7 @@ Window {
             windowAgent.setWindowAttribute("blur-effect", blurBehindWindow ? RibbonTheme.isDarkMode ? "dark" : "light" : "none")
             PlatformSupport.showSystemTitleBtns(root, false)
         }
+        root.flags |= Qt.WindowStaysOnTopHint
         root.visible = true
         windowAgent.centralize()
         raise()

lib_source/qml/Qt6/RibbonTabGroup.qml

@@ -1,5 +1,4 @@
 import QtQuick
-import QtQuick.Controls
 import QtQuick.Layouts
 import RibbonUI
 

lib_source/qml/Qt6/RibbonTabPage.qml

@@ -4,33 +4,12 @@ import QtQuick.Layouts
 import RibbonUI
 
 Item {
-    id: control
-    property int delegateCount: 0
     property string title
-    required default property Component content
+    default property alias content: container.data
-    property bool needActive: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
-    property var delegateList: []
-
-    readonly property var contentItem: main_loader.item.containerItem
-
-    signal containerItemUpdated()
     clip: true
-
+    Flickable{
-    onContentChanged: {
-        delegateList.push({
-                               "content": content,
-                               "index": control.delegateCount++
-                           })
-    }
-
-    Loader{
-        id: main_loader
-        active: control.needActive
-        anchors.fill: parent
-        asynchronous: true
-        sourceComponent: Flickable{
         id: view
-            property alias containerItem: container
+        anchors.fill: parent
         ScrollIndicator.horizontal: RibbonScrollIndicator{
             anchors.bottom: view.bottom
             anchors.horizontalCenter: view.horizontalCenter
@@ -41,23 +20,6 @@ Item {
             id: container
             spacing: 0
             height: parent.height
-                Repeater{
-                    model: control.delegateList
-                    Loader{
-                        required property var modelData
-                        width: item.width
-                        Layout.fillHeight: true
-                        active: control.needActive
-                        sourceComponent: control.delegateList[modelData.index].content
         }
     }
 }
-        }
-        onLoaded: containerItemUpdated()
-    }
-
-    function getItem( index : int ){
-        return contentItem.children[index].item
-    }
-
-}

lib_source/qml/Qt6/RibbonTour.qml

@@ -155,10 +155,15 @@ Popup {
             if(data_container.resources[index] instanceof RibbonTourItem)
             {
                 let item = data_container.resources[index]
-                item.propertiesUpdated.connect(function(){
+                item.titleChanged.connect(function(){
                     item.getPropertiesReady()
                     targetList[item.id] = item.properties
                 })
+                if(item.text){
+                    item.textChanged.connect(function(){
+                        targetList[item.id].text = item.text
+                    })
+                }
                 item.id = targetList.length
                 item.getPropertiesReady()
                 targetList.push(item.properties)

lib_source/qml/Qt6/RibbonTourItem.qml

@@ -10,12 +10,4 @@ RibbonObject {
     property var enterFunc
     property var exitFunc
     property_names: ['title','text','target','enterFunc','exitFunc']
-
-    signal propertiesUpdated()
-
-    onTitleChanged: propertiesUpdated()
-    onTextChanged: propertiesUpdated()
-    onTargetChanged: propertiesUpdated()
-    onEnterFuncChanged: propertiesUpdated()
-    onExitFuncChanged: propertiesUpdated()
 }

lib_source/source/ribbonui.cpp

@@ -85,18 +85,3 @@ void RibbonUI::setAutoLoadLanguage(bool value){
     _autoLoadLanguage = value;
     initTranslator();
 }
-
-#if (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
-Q_INVOKABLE QColor RibbonUI::color(QString colorName){
-    return QColor(colorName);
-}
-
-Q_INVOKABLE QColor RibbonUI::alpha(QString colorName, float alpha){
-    QColor c(colorName);
-    if(alpha > 1)
-        c.setAlpha(alpha);
-    else
-        c.setAlphaF(alpha);
-    return c;
-}
-#endif