320 lines
13 KiB
QML
320 lines
13 KiB
QML
import qs.components.controls
|
|
import qs.config
|
|
import qs.modules.bar.popouts as BarPopouts
|
|
import Quickshell
|
|
import QtQuick
|
|
|
|
CustomMouseArea {
|
|
id: root
|
|
|
|
required property ShellScreen screen
|
|
required property BarPopouts.Wrapper popouts
|
|
required property PersistentProperties visibilities
|
|
required property Panels panels
|
|
required property Item bar
|
|
|
|
property point dragStart
|
|
property bool dashboardShortcutActive
|
|
property bool osdShortcutActive
|
|
property bool utilitiesShortcutActive
|
|
|
|
function withinPanelHeight(panel: Item, x: real, y: real): bool {
|
|
const panelY = Config.border.thickness + panel.y;
|
|
return y >= panelY - Config.border.rounding && y <= panelY + panel.height + Config.border.rounding;
|
|
}
|
|
|
|
function withinPanelWidth(panel: Item, x: real, y: real): bool {
|
|
const panelX = bar.implicitWidth + panel.x;
|
|
return x >= panelX - Config.border.rounding && x <= panelX + panel.width + Config.border.rounding;
|
|
}
|
|
|
|
function inLeftPanel(panel: Item, x: real, y: real): bool {
|
|
return x < bar.implicitWidth + panel.x + panel.width && withinPanelHeight(panel, x, y);
|
|
}
|
|
|
|
function inRightPanel(panel: Item, x: real, y: real): bool {
|
|
return x > bar.implicitWidth + panel.x && withinPanelHeight(panel, x, y);
|
|
}
|
|
|
|
function inTopPanel(panel: Item, x: real, y: real): bool {
|
|
return y < Config.border.thickness + panel.y + panel.height && withinPanelWidth(panel, x, y);
|
|
}
|
|
|
|
function inBottomPanel(panel: Item, x: real, y: real): bool {
|
|
return y > root.height - Config.border.thickness - panel.height - Config.border.rounding && withinPanelWidth(panel, x, y);
|
|
}
|
|
|
|
function onWheel(event: WheelEvent): void {
|
|
if (event.x < bar.implicitWidth) {
|
|
bar.handleWheel(event.y, event.angleDelta);
|
|
}
|
|
}
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
onPressed: event => dragStart = Qt.point(event.x, event.y)
|
|
onContainsMouseChanged: {
|
|
if (!containsMouse) {
|
|
// Only hide if not activated by shortcut
|
|
if (!osdShortcutActive) {
|
|
visibilities.osd = false;
|
|
root.panels.osd.hovered = false;
|
|
}
|
|
|
|
if (!dashboardShortcutActive)
|
|
visibilities.dashboard = false;
|
|
|
|
if (!utilitiesShortcutActive)
|
|
visibilities.utilities = false;
|
|
|
|
if (!popouts.currentName.startsWith("traymenu") || (popouts.current?.depth ?? 0) <= 1) {
|
|
popouts.hasCurrent = false;
|
|
bar.closeTray();
|
|
}
|
|
|
|
if (Config.bar.showOnHover)
|
|
bar.isHovered = false;
|
|
}
|
|
}
|
|
|
|
onPositionChanged: event => {
|
|
if (popouts.isDetached)
|
|
return;
|
|
|
|
const x = event.x;
|
|
const y = event.y;
|
|
const dragX = x - dragStart.x;
|
|
const dragY = y - dragStart.y;
|
|
|
|
// Show bar in non-exclusive mode on hover
|
|
if (!visibilities.bar && Config.bar.showOnHover && x < bar.implicitWidth)
|
|
bar.isHovered = true;
|
|
|
|
// Show/hide bar on drag
|
|
if (pressed && dragStart.x < bar.implicitWidth) {
|
|
if (dragX > Config.bar.dragThreshold)
|
|
visibilities.bar = true;
|
|
else if (dragX < -Config.bar.dragThreshold)
|
|
visibilities.bar = false;
|
|
}
|
|
|
|
if (panels.sidebar.width === 0) {
|
|
// Show osd on hover
|
|
const showOsd = inRightPanel(panels.osd, x, y);
|
|
|
|
// Always update visibility based on hover if not in shortcut mode
|
|
if (!osdShortcutActive) {
|
|
visibilities.osd = showOsd;
|
|
root.panels.osd.hovered = showOsd;
|
|
} else if (showOsd) {
|
|
// If hovering over OSD area while in shortcut mode, transition to hover control
|
|
osdShortcutActive = false;
|
|
root.panels.osd.hovered = true;
|
|
}
|
|
|
|
const showSidebar = pressed && dragStart.x > bar.implicitWidth + panels.sidebar.x;
|
|
|
|
// Show/hide session on drag
|
|
if (pressed && inRightPanel(panels.session, dragStart.x, dragStart.y) && withinPanelHeight(panels.session, x, y)) {
|
|
if (dragX < -Config.session.dragThreshold)
|
|
visibilities.session = true;
|
|
else if (dragX > Config.session.dragThreshold)
|
|
visibilities.session = false;
|
|
|
|
// Show sidebar on drag if in session area and session is nearly fully visible
|
|
if (showSidebar && panels.session.width >= panels.session.nonAnimWidth && dragX < -Config.sidebar.dragThreshold)
|
|
visibilities.sidebar = true;
|
|
} else if (showSidebar && dragX < -Config.sidebar.dragThreshold) {
|
|
// Show sidebar on drag if not in session area
|
|
visibilities.sidebar = true;
|
|
}
|
|
} else {
|
|
const outOfSidebar = x < width - panels.sidebar.width;
|
|
// Show osd on hover
|
|
const showOsd = outOfSidebar && inRightPanel(panels.osd, x, y);
|
|
|
|
// Always update visibility based on hover if not in shortcut mode
|
|
if (!osdShortcutActive) {
|
|
visibilities.osd = showOsd;
|
|
root.panels.osd.hovered = showOsd;
|
|
} else if (showOsd) {
|
|
// If hovering over OSD area while in shortcut mode, transition to hover control
|
|
osdShortcutActive = false;
|
|
root.panels.osd.hovered = true;
|
|
}
|
|
|
|
// Show/hide session on drag
|
|
if (pressed && outOfSidebar && inRightPanel(panels.session, dragStart.x, dragStart.y) && withinPanelHeight(panels.session, x, y)) {
|
|
if (dragX < -Config.session.dragThreshold)
|
|
visibilities.session = true;
|
|
else if (dragX > Config.session.dragThreshold)
|
|
visibilities.session = false;
|
|
}
|
|
|
|
// Hide sidebar on drag
|
|
if (pressed && inRightPanel(panels.sidebar, dragStart.x, 0) && dragX > Config.sidebar.dragThreshold)
|
|
visibilities.sidebar = false;
|
|
}
|
|
|
|
// Show launcher on hover, or show/hide on drag if hover is disabled
|
|
if (Config.launcher.showOnHover) {
|
|
if (!visibilities.launcher && inBottomPanel(panels.launcher, x, y))
|
|
visibilities.launcher = true;
|
|
} else if (pressed && inBottomPanel(panels.launcher, dragStart.x, dragStart.y) && withinPanelWidth(panels.launcher, x, y)) {
|
|
if (dragY < -Config.launcher.dragThreshold)
|
|
visibilities.launcher = true;
|
|
else if (dragY > Config.launcher.dragThreshold)
|
|
visibilities.launcher = false;
|
|
}
|
|
|
|
// Show dashboard on hover
|
|
const showDashboard = Config.dashboard.showOnHover && inTopPanel(panels.dashboard, x, y);
|
|
|
|
// Always update visibility based on hover if not in shortcut mode
|
|
if (!dashboardShortcutActive) {
|
|
visibilities.dashboard = showDashboard;
|
|
} else if (showDashboard) {
|
|
// If hovering over dashboard area while in shortcut mode, transition to hover control
|
|
dashboardShortcutActive = false;
|
|
}
|
|
|
|
// Show/hide dashboard on drag (for touchscreen devices)
|
|
if (pressed && inTopPanel(panels.dashboard, dragStart.x, dragStart.y) && withinPanelWidth(panels.dashboard, x, y)) {
|
|
if (dragY > Config.dashboard.dragThreshold)
|
|
visibilities.dashboard = true;
|
|
else if (dragY < -Config.dashboard.dragThreshold)
|
|
visibilities.dashboard = false;
|
|
}
|
|
|
|
// Show utilities on hover
|
|
const showUtilities = inBottomPanel(panels.utilities, x, y);
|
|
|
|
// Always update visibility based on hover if not in shortcut mode
|
|
if (!utilitiesShortcutActive) {
|
|
visibilities.utilities = showUtilities;
|
|
} else if (showUtilities) {
|
|
// If hovering over utilities area while in shortcut mode, transition to hover control
|
|
utilitiesShortcutActive = false;
|
|
}
|
|
|
|
// Show notifications panel on hover
|
|
// Try using inTopPanel first (works when panel is visible), fallback to corner detection only when panel is collapsed
|
|
const panelHeight = panels.notifications.height || panels.notifications.implicitHeight || 0;
|
|
const panelWidth = panels.notifications.width || panels.notifications.implicitWidth || Config.notifs.sizes.width;
|
|
const panelX = bar.implicitWidth + panels.notifications.x;
|
|
const isPanelCollapsed = panelHeight < 10; // Consider collapsed if height is very small
|
|
|
|
let showNotifications = inTopPanel(panels.notifications, x, y);
|
|
|
|
// Only use fallback corner detection when panel is collapsed
|
|
if (!showNotifications && isPanelCollapsed) {
|
|
// Use panel's actual width and position for fallback, with some padding
|
|
const cornerPadding = Config.border.rounding || 20;
|
|
showNotifications = x >= panelX - cornerPadding &&
|
|
x <= panelX + panelWidth + cornerPadding &&
|
|
y < Config.border.thickness + cornerPadding;
|
|
}
|
|
|
|
// Check if mouse is over the clear all button area
|
|
// Button is positioned to the left of the notification panel
|
|
if (!showNotifications && panels.notifications.height > 0 && panels.clearAllButton && panels.clearAllButton.visible) {
|
|
const buttonX = bar.implicitWidth + panels.clearAllButton.x;
|
|
const buttonY = Config.border.thickness + panels.clearAllButton.y;
|
|
const buttonWidth = panels.clearAllButton.width;
|
|
const buttonHeight = panels.clearAllButton.height;
|
|
|
|
const inButtonArea = x >= buttonX &&
|
|
x <= buttonX + buttonWidth &&
|
|
y >= buttonY &&
|
|
y <= buttonY + buttonHeight;
|
|
|
|
if (inButtonArea) {
|
|
showNotifications = true;
|
|
}
|
|
}
|
|
|
|
// Show or hide notification panel based on hover
|
|
if (panels.notifications.content) {
|
|
if (showNotifications) {
|
|
panels.notifications.content.show();
|
|
} else {
|
|
// Hide if not hovering over panel or button
|
|
panels.notifications.content.shouldShow = false;
|
|
}
|
|
}
|
|
|
|
// Show popouts on hover
|
|
if (x < bar.implicitWidth) {
|
|
bar.checkPopout(y);
|
|
} else if ((!popouts.currentName.startsWith("traymenu") || (popouts.current?.depth ?? 0) <= 1) && !inLeftPanel(panels.popouts, x, y)) {
|
|
popouts.hasCurrent = false;
|
|
bar.closeTray();
|
|
}
|
|
}
|
|
|
|
// Monitor individual visibility changes
|
|
Connections {
|
|
target: root.visibilities
|
|
|
|
function onLauncherChanged() {
|
|
// If launcher is hidden, clear shortcut flags for dashboard and OSD
|
|
if (!root.visibilities.launcher) {
|
|
root.dashboardShortcutActive = false;
|
|
root.osdShortcutActive = false;
|
|
root.utilitiesShortcutActive = false;
|
|
|
|
// Also hide dashboard and OSD if they're not being hovered
|
|
const inDashboardArea = root.inTopPanel(root.panels.dashboard, root.mouseX, root.mouseY);
|
|
const inOsdArea = root.inRightPanel(root.panels.osd, root.mouseX, root.mouseY);
|
|
|
|
if (!inDashboardArea) {
|
|
root.visibilities.dashboard = false;
|
|
}
|
|
if (!inOsdArea) {
|
|
root.visibilities.osd = false;
|
|
root.panels.osd.hovered = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function onDashboardChanged() {
|
|
if (root.visibilities.dashboard) {
|
|
// Dashboard became visible, immediately check if this should be shortcut mode
|
|
const inDashboardArea = root.inTopPanel(root.panels.dashboard, root.mouseX, root.mouseY);
|
|
if (!inDashboardArea) {
|
|
root.dashboardShortcutActive = true;
|
|
}
|
|
} else {
|
|
// Dashboard hidden, clear shortcut flag
|
|
root.dashboardShortcutActive = false;
|
|
}
|
|
}
|
|
|
|
function onOsdChanged() {
|
|
if (root.visibilities.osd) {
|
|
// OSD became visible, immediately check if this should be shortcut mode
|
|
const inOsdArea = root.inRightPanel(root.panels.osd, root.mouseX, root.mouseY);
|
|
if (!inOsdArea) {
|
|
root.osdShortcutActive = true;
|
|
}
|
|
} else {
|
|
// OSD hidden, clear shortcut flag
|
|
root.osdShortcutActive = false;
|
|
}
|
|
}
|
|
|
|
function onUtilitiesChanged() {
|
|
if (root.visibilities.utilities) {
|
|
// Utilities became visible, immediately check if this should be shortcut mode
|
|
const inUtilitiesArea = root.inBottomPanel(root.panels.utilities, root.mouseX, root.mouseY);
|
|
if (!inUtilitiesArea) {
|
|
root.utilitiesShortcutActive = true;
|
|
}
|
|
} else {
|
|
// Utilities hidden, clear shortcut flag
|
|
root.utilitiesShortcutActive = false;
|
|
}
|
|
}
|
|
}
|
|
}
|