Kylin/Fluent/qml/InfoBar.qml
2024-08-23 00:04:16 +08:00

246 lines
10 KiB
QML

import QtQuick as Quick
import QtQuick.Controls
import Fluent
Object {
property var root
property int layoutY: 75
id:control
Object{
id:mcontrol
property string const_success: "success"
property string const_info: "info"
property string const_warning: "warning"
property string const_error: "error"
property int maxWidth: 300
property var screenLayout: null
function create(type,text,duration,moremsg){
if(screenLayout){
var last = screenLayout.getLastloader()
if(last.type === type && last.text === text && moremsg === last.moremsg){
last.duration = duration
if (duration > 0) last.restart()
return last
}
}
initScreenLayout()
return contentComponent.createObject(screenLayout,{type:type,text:text,duration:duration,moremsg:moremsg,})
}
function createCustom(itemcomponent,duration){
initScreenLayout()
if(itemcomponent){
return contentComponent.createObject(screenLayout,{itemcomponent:itemcomponent,duration:duration})
}
}
function initScreenLayout(){
if(screenLayout == null){
screenLayout = screenlayoutComponent.createObject(root)
screenLayout.y = control.layoutY
screenLayout.z = 100000
}
}
Quick.Component {
id:screenlayoutComponent
Quick.Column{
parent: Overlay.overlay
z:999
spacing: 20
width: root.width
move: Quick.Transition {
Quick.NumberAnimation {
properties: "y"
easing.type: Easing.OutCubic
duration: FluTheme.animationEnabled ? 333 : 0
}
}
onChildrenChanged: if(children.length === 0) destroy()
function getLastloader(){
if(children.length > 0){
return children[children.length - 1]
}
return null
}
}
}
Quick.Component{
id:contentComponent
Quick.Item{
id:content
property int duration: 1500
property var itemcomponent
property string type
property string text
property string moremsg
width: parent.width
height: loader.height
function close(){
content.destroy()
}
function restart(){
delayTimer.restart()
}
Quick.Timer {
id:delayTimer
interval: duration
running: duration > 0
repeat: duration > 0
onTriggered: content.close()
}
Quick.Loader{
id:loader
x:(parent.width - width) / 2
property var _super: content
scale: item ? 1 : 0
asynchronous: true
Quick.Behavior on scale {
enabled: FluTheme.animationEnabled
Quick.NumberAnimation {
easing.type: Easing.OutCubic
duration: 167
}
}
sourceComponent:itemcomponent ? itemcomponent : mcontrol.fluent_sytle
Quick.Component.onDestruction: sourceComponent = undefined
}
}
}
property Quick.Component fluent_sytle: Quick.Rectangle{
width: rowlayout.width + (btn_close.visible ? 30 : 48)
height: rowlayout.height + 20
color: {
if(FluTheme.dark){
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(57/255,61/255,27/255,1)
case mcontrol.const_warning: return Qt.rgba(67/255,53/255,25/255,1)
case mcontrol.const_info: return Qt.rgba(39/255,39/255,39/255,1)
case mcontrol.const_error: return Qt.rgba(68/255,39/255,38/255,1)
}
return Qt.rgba(1,1,1,1)
}else{
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(223/255,246/255,221/255,1)
case mcontrol.const_warning: return Qt.rgba(255/255,244/255,206/255,1)
case mcontrol.const_info: return Qt.rgba(244/255,244/255,244/255,1)
case mcontrol.const_error: return Qt.rgba(253/255,231/255,233/255,1)
}
return Qt.rgba(1,1,1,1)
}
}
Shadow {
radius: 4
}
radius: 4
border.width: 1
border.color: {
if(FluTheme.dark){
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(56/255,61/255,27/255,1)
case mcontrol.const_warning: return Qt.rgba(66/255,53/255,25/255,1)
case mcontrol.const_info: return Qt.rgba(38/255,39/255,39/255,1)
case mcontrol.const_error: return Qt.rgba(67/255,39/255,38/255,1)
}
return Qt.rgba(1,1,1,1)
}else{
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(210/255,232/255,208/255,1)
case mcontrol.const_warning: return Qt.rgba(240/255,230/255,194/255,1)
case mcontrol.const_info: return Qt.rgba(230/255,230/255,230/255,1)
case mcontrol.const_error: return Qt.rgba(238/255,217/255,219/255,1)
}
return Qt.rgba(1,1,1,1)
}
}
Quick.Row{
id:rowlayout
x:20
y:(parent.height - height) / 2
spacing: 10
Icon{
iconSource:{
switch(_super.type){
case mcontrol.const_success: return FluentIcons.CompletedSolid
case mcontrol.const_warning: return FluentIcons.InfoSolid
case mcontrol.const_info: return FluentIcons.InfoSolid
case mcontrol.const_error: return FluentIcons.StatusErrorFull
}FluentIcons.StatusErrorFull
return FluentIcons.FA_info_circle
}
iconSize:20
iconColor: {
if(FluTheme.dark){
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(108/255,203/255,95/255,1)
case mcontrol.const_warning: return Qt.rgba(252/255,225/255,0/255,1)
case mcontrol.const_info: return FluTheme.primaryColor
case mcontrol.const_error: return Qt.rgba(255/255,153/255,164/255,1)
}
return Qt.rgba(1,1,1,1)
}else{
switch(_super.type){
case mcontrol.const_success: return Qt.rgba(15/255,123/255,15/255,1)
case mcontrol.const_warning: return Qt.rgba(157/255,93/255,0/255,1)
case mcontrol.const_info: return Qt.rgba(0/255,102/255,180/255,1)
case mcontrol.const_error: return Qt.rgba(196/255,43/255,28/255,1)
}
return Qt.rgba(1,1,1,1)
}
}
}
Quick.Column{
spacing: 5
Text{
text:_super.text
wrapMode: Text.WrapAnywhere
width: Math.min(implicitWidth,mcontrol.maxWidth)
}
Text{
text: _super.moremsg
visible: _super.moremsg
wrapMode : Text.WrapAnywhere
textColor: FluColors.Grey120
width: Math.min(implicitWidth,mcontrol.maxWidth)
}
}
IconButton{
id:btn_close
iconSource: FluentIcons.ChromeClose
iconSize: 10
verticalPadding: 0
horizontalPadding: 0
width: 30
height: 20
visible: _super.duration<=0
anchors.verticalCenter: parent.verticalCenter
iconColor: FluTheme.dark ? Qt.rgba(222/255,222/255,222/255,1) : Qt.rgba(97/255,97/255,97/255,1)
onClicked: _super.close()
}
}
}
}
function showSuccess(text,duration=1000,moremsg){
return mcontrol.create(mcontrol.const_success,text,duration,moremsg ? moremsg : "")
}
function showInfo(text,duration=1000,moremsg){
return mcontrol.create(mcontrol.const_info,text,duration,moremsg ? moremsg : "")
}
function showWarning(text,duration=1000,moremsg){
return mcontrol.create(mcontrol.const_warning,text,duration,moremsg ? moremsg : "")
}
function showError(text,duration=1000,moremsg){
return mcontrol.create(mcontrol.const_error,text,duration,moremsg ? moremsg : "")
}
function showCustom(itemcomponent,duration=1000){
return mcontrol.createCustom(itemcomponent,duration)
}
function clearAllInfo(){
if(mcontrol.screenLayout != null) {
mcontrol.screenLayout.destroy()
mcontrol.screenLayout = null
}
return true
}
}