99 lines
2.8 KiB
QML
99 lines
2.8 KiB
QML
|
// ===========================================
|
|||
|
|
// =============== 模态弹窗基类 ===============
|
|||
|
|
// ===========================================
|
|||
|
|
|
|||
|
|
import QtQuick 2.15
|
|||
|
|
import QtQuick.Controls 2.15
|
|||
|
|
import QtGraphicalEffects 1.0
|
|||
|
|
|
|||
|
|
Rectangle {
|
|||
|
|
id: mRoot
|
|||
|
|
visible: false
|
|||
|
|
color: theme.coverColor4
|
|||
|
|
property alias contentItem: mPanel.data
|
|||
|
|
property string closeText: qsTr("保存并返回") // 右上角关闭提示文本
|
|||
|
|
|
|||
|
|
onVisibleChanged: {
|
|||
|
|
focus = visible
|
|||
|
|
if(!visible) {
|
|||
|
|
// 当父组件隐藏，导致子组件连锁隐藏时，显式将visible设为false，
|
|||
|
|
// 以避免父组件显示时 子组件也连锁显示，导致的重加载bug。
|
|||
|
|
visible = false
|
|||
|
|
// 主标签页容器重新取得焦点，让主窗口继续接收键盘事件
|
|||
|
|
mainContainer.focus = true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// Esc 退出
|
|||
|
|
focus: false
|
|||
|
|
Keys.enabled: true
|
|||
|
|
Keys.onEscapePressed: mRoot.visible = false
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
if(!closeText)
|
|||
|
|
closeText = qsTr("返回")
|
|||
|
|
closeText += " (Esc)"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 模糊效果
|
|||
|
|
// GaussianBlur {
|
|||
|
|
// anchors.fill: parent
|
|||
|
|
// source: mRoot.parent
|
|||
|
|
// visible: qmlapp.enabledEffect
|
|||
|
|
// cached: true
|
|||
|
|
// radius: 8
|
|||
|
|
// samples: 16
|
|||
|
|
// }
|
|||
|
|
// 底层鼠标事件
|
|||
|
|
MouseArea {
|
|||
|
|
id: bottomArea
|
|||
|
|
anchors.fill: parent
|
|||
|
|
onWheel: {} // 拦截滚轮事件
|
|||
|
|
hoverEnabled: true // 拦截悬停事件
|
|||
|
|
onClicked: mRoot.visible = false // 单击关闭面板
|
|||
|
|
cursorShape: Qt.PointingHandCursor
|
|||
|
|
}
|
|||
|
|
property bool inBottom: bottomArea.containsMouse
|
|||
|
|
// 关闭提示
|
|||
|
|
Item {
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.rightMargin: size_.line * 2
|
|||
|
|
anchors.topMargin: size_.line * 0.25
|
|||
|
|
Rectangle {
|
|||
|
|
id: closeIconRect
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
width: size_.line * 1.5
|
|||
|
|
height: size_.line * 1.5
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
color: theme.bgColor
|
|||
|
|
Icon_ {
|
|||
|
|
anchors.fill: parent
|
|||
|
|
color: theme.noColor
|
|||
|
|
icon: "no"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
Text_ {
|
|||
|
|
visible: closeText
|
|||
|
|
anchors.right: closeIconRect.left
|
|||
|
|
anchors.rightMargin: size_.spacing
|
|||
|
|
anchors.verticalCenter: closeIconRect.verticalCenter
|
|||
|
|
text: closeText
|
|||
|
|
color: theme.bgColor
|
|||
|
|
font.pixelSize: size_.smallText
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 内容面板
|
|||
|
|
Panel {
|
|||
|
|
id: mPanel
|
|||
|
|
anchors.fill: parent
|
|||
|
|
anchors.margins: size_.line * 2
|
|||
|
|
color: theme.bgColor
|
|||
|
|
// 面板拦截鼠标事件
|
|||
|
|
MouseArea {
|
|||
|
|
id: panelArea
|
|||
|
|
anchors.fill: parent
|
|||
|
|
// hoverEnabled: true
|
|||
|
|
onClicked: {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|