from the bottom??
This commit is contained in:
Zacharias-Brohn
@@ -0,0 +1,82 @@
|
||||
import Quickshell
|
||||
import QtQuick
|
||||
import QtQuick.Controls
|
||||
|
||||
TextField {
|
||||
id: root
|
||||
color: "white"
|
||||
horizontalAlignment: Text.AlignLeft
|
||||
echoMode: TextInput.Normal
|
||||
placeholderText: qsTr("Search applications...")
|
||||
background: null
|
||||
renderType: TextInput.NativeRendering
|
||||
|
||||
font.family: "Rubik"
|
||||
|
||||
cursorDelegate: Rectangle {
|
||||
id: cursor
|
||||
|
||||
property bool disableBlink
|
||||
|
||||
implicitWidth: 2
|
||||
color: "white"
|
||||
radius: 2
|
||||
|
||||
Connections {
|
||||
target: root
|
||||
|
||||
function onCursorPositionChanged(): void {
|
||||
if ( root.activeFocus && root.cursorVisible ) {
|
||||
cursor.opacity = 1;
|
||||
cursor.disableBlink = true;
|
||||
enableBlink.restart();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Timer {
|
||||
id: enableBlink
|
||||
|
||||
interval: 100
|
||||
onTriggered: cursor.disableBlink = false
|
||||
}
|
||||
|
||||
Timer {
|
||||
running: root.activeFocus && root.cursorVisible && !cursor.disableBlink
|
||||
repeat: true
|
||||
triggeredOnStart: true
|
||||
interval: 500
|
||||
onTriggered: parent.opacity = parent.opacity === 1 ? 0 : 1
|
||||
}
|
||||
|
||||
Binding {
|
||||
when: !root.activeFocus || !root.cursorVisible
|
||||
cursor.opacity: 0
|
||||
}
|
||||
|
||||
Behavior on opacity {
|
||||
Anim {
|
||||
duration: 200
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Keys.onPressed: {
|
||||
if ( event.key === Qt.Key_Down ) {
|
||||
appListView.decrementCurrentIndex();
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Up ) {
|
||||
appListView.incrementCurrentIndex();
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Return || event.key === Qt.Key_Enter ) {
|
||||
if ( appListView.currentItem ) {
|
||||
Search.launch(appListView.currentItem.modelData);
|
||||
launcherWindow.visible = false;
|
||||
}
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Escape ) {
|
||||
closeAnim.start();
|
||||
event.accepted = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
+183
-90
@@ -3,6 +3,7 @@ import Quickshell.Wayland
|
||||
import Quickshell.Hyprland
|
||||
import QtQuick
|
||||
import QtQuick.Controls
|
||||
import QtQuick.Effects
|
||||
import QtQuick.Layouts
|
||||
import qs
|
||||
|
||||
@@ -38,30 +39,133 @@ Scope {
|
||||
appid: "z-cast"
|
||||
name: "toggle-launcher"
|
||||
onPressed: {
|
||||
launcherWindow.visible = !launcherWindow.visible;
|
||||
if ( !launcherWindow.visible ) {
|
||||
openAnim.start();
|
||||
} else if ( launcherWindow.visible ) {
|
||||
closeAnim.start();
|
||||
}
|
||||
focusGrab.active = true;
|
||||
searchInput.forceActiveFocus();
|
||||
}
|
||||
}
|
||||
|
||||
mask: Region { item: backgroundRect }
|
||||
// mask: Region { item: backgroundRect }
|
||||
|
||||
Rectangle {
|
||||
id: shadowRect
|
||||
anchors {
|
||||
top: appListView.count > 0 ? appListRect.top : backgroundRect.top
|
||||
bottom: backgroundRect.bottom
|
||||
left: appListRect.left
|
||||
right: appListRect.right
|
||||
}
|
||||
layer.enabled: true
|
||||
radius: 8
|
||||
color: "black"
|
||||
visible: false
|
||||
}
|
||||
|
||||
MultiEffect {
|
||||
id: effects
|
||||
source: shadowRect
|
||||
anchors.fill: shadowRect
|
||||
shadowBlur: 2.0
|
||||
shadowEnabled: true
|
||||
shadowOpacity: 1
|
||||
shadowColor: "black"
|
||||
maskSource: shadowRect
|
||||
maskEnabled: true
|
||||
maskInverted: true
|
||||
autoPaddingEnabled: true
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: backgroundRect
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 200
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.bottomMargin: -1
|
||||
implicitHeight: mainLayout.childrenRect.height + 20
|
||||
implicitWidth: 600
|
||||
x: Math.round(( parent.width - width ) / 2 )
|
||||
color: "#d01a1a1a"
|
||||
radius: 8
|
||||
opacity: 1
|
||||
border.color: "#444444"
|
||||
border.width: 1
|
||||
|
||||
Behavior on implicitHeight {
|
||||
ParallelAnimation {
|
||||
id: openAnim
|
||||
Anim {
|
||||
target: appListRect
|
||||
duration: MaterialEasing.expressiveFastSpatialTime
|
||||
easing.bezierCurve: MaterialEasing.expressiveDefaultSpatial
|
||||
property: "implicitHeight"
|
||||
from: 40
|
||||
to: appListView.implicitHeight + 20
|
||||
}
|
||||
Anim {
|
||||
target: appListRect
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
}
|
||||
Anim {
|
||||
target: backgroundRect
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
}
|
||||
Anim {
|
||||
target: effects
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
}
|
||||
onStarted: {
|
||||
launcherWindow.visible = true;
|
||||
}
|
||||
}
|
||||
|
||||
ParallelAnimation {
|
||||
id: closeAnim
|
||||
Anim {
|
||||
target: appListRect
|
||||
duration: MaterialEasing.expressiveFastSpatialTime
|
||||
easing.bezierCurve: MaterialEasing.expressiveDefaultSpatial
|
||||
property: "implicitHeight"
|
||||
from: appListView.implicitHeight
|
||||
to: 40
|
||||
}
|
||||
SequentialAnimation {
|
||||
PauseAnimation { duration: 120 }
|
||||
|
||||
ParallelAnimation {
|
||||
Anim {
|
||||
target: backgroundRect
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
}
|
||||
Anim {
|
||||
target: appListRect
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
}
|
||||
Anim {
|
||||
target: effects
|
||||
duration: 50
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
onStopped: {
|
||||
launcherWindow.visible = false;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -70,97 +174,39 @@ Scope {
|
||||
anchors.fill: parent
|
||||
anchors.margins: 10
|
||||
spacing: 5
|
||||
clip: true
|
||||
|
||||
TextField {
|
||||
CustomTextField {
|
||||
id: searchInput
|
||||
implicitHeight: 30
|
||||
implicitWidth: parent.width
|
||||
color: "white"
|
||||
horizontalAlignment: Text.AlignLeft
|
||||
echoMode: TextInput.Normal
|
||||
placeholderText: qsTr("Search applications...")
|
||||
background: null
|
||||
|
||||
cursorDelegate: Rectangle {
|
||||
id: cursor
|
||||
|
||||
property bool disableBlink
|
||||
|
||||
implicitWidth: 2
|
||||
color: "white"
|
||||
radius: 2
|
||||
|
||||
Connections {
|
||||
target: searchInput
|
||||
|
||||
function onCursorPositionChanged(): void {
|
||||
if ( searchInput.activeFocus && searchInput.cursorVisible ) {
|
||||
cursor.opacity = 1;
|
||||
cursor.disableBlink = true;
|
||||
enableBlink.restart();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Timer {
|
||||
id: enableBlink
|
||||
|
||||
interval: 100
|
||||
onTriggered: cursor.disableBlink = false
|
||||
}
|
||||
|
||||
Timer {
|
||||
running: searchInput.activeFocus && searchInput.cursorVisible && !cursor.disableBlink
|
||||
repeat: true
|
||||
triggeredOnStart: true
|
||||
interval: 500
|
||||
onTriggered: parent.opacity = parent.opacity === 1 ? 0 : 1
|
||||
}
|
||||
|
||||
Binding {
|
||||
when: !searchInput.activeFocus || !searchInput.cursorVisible
|
||||
cursor.opacity: 0
|
||||
}
|
||||
|
||||
Behavior on opacity {
|
||||
Anim {
|
||||
duration: 200
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Keys.onPressed: {
|
||||
if ( event.key === Qt.Key_Down ) {
|
||||
appListView.incrementCurrentIndex();
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Up ) {
|
||||
appListView.decrementCurrentIndex();
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Return || event.key === Qt.Key_Enter ) {
|
||||
if ( appListView.currentItem ) {
|
||||
Search.launch(appListView.currentItem.modelData);
|
||||
launcherWindow.visible = false;
|
||||
}
|
||||
event.accepted = true;
|
||||
} else if ( event.key === Qt.Key_Escape ) {
|
||||
launcherWindow.visible = false;
|
||||
event.accepted = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: separator
|
||||
implicitWidth: parent.width
|
||||
implicitHeight: 1
|
||||
color: "#444444"
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: appListRect
|
||||
implicitWidth: parent.width
|
||||
implicitHeight: appListView.implicitHeight
|
||||
color: "transparent"
|
||||
x: Math.round(( parent.width - width ) / 2 )
|
||||
implicitWidth: backgroundRect.implicitWidth
|
||||
implicitHeight: appListView.implicitHeight + 20
|
||||
anchors.bottom: backgroundRect.top
|
||||
anchors.bottomMargin: -1
|
||||
color: backgroundRect.color
|
||||
topRightRadius: 8
|
||||
topLeftRadius: 8
|
||||
border.color: backgroundRect.border.color
|
||||
|
||||
Behavior on implicitHeight {
|
||||
Anim {
|
||||
duration: MaterialEasing.expressiveFastSpatialTime
|
||||
easing.bezierCurve: MaterialEasing.expressiveDefaultSpatial
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
anchors.fill: parent
|
||||
anchors.margins: 10
|
||||
visible: appListView.count > 0
|
||||
clip: true
|
||||
ListView {
|
||||
id: appListView
|
||||
@@ -173,7 +219,8 @@ Scope {
|
||||
}
|
||||
}
|
||||
|
||||
implicitHeight: Math.min( count, 15 ) * 48
|
||||
verticalLayoutDirection: ListView.BottomToTop
|
||||
implicitHeight: Math.min( count, 20 ) * 48
|
||||
|
||||
preferredHighlightBegin: 0
|
||||
preferredHighlightEnd: appListRect.height
|
||||
@@ -197,7 +244,9 @@ Scope {
|
||||
}
|
||||
}
|
||||
|
||||
state: "apps"
|
||||
property list<var> search: Search.search( searchInput.text )
|
||||
|
||||
state: search.length === 0 ? "noresults" : "apps"
|
||||
|
||||
states: [
|
||||
State {
|
||||
@@ -206,6 +255,13 @@ Scope {
|
||||
appModel.values: Search.search(searchInput.text)
|
||||
appListView.delegate: appItem
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "noresults"
|
||||
PropertyChanges {
|
||||
appModel.values: [1]
|
||||
appListView.delegate: noResultsItem
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@@ -215,6 +271,42 @@ Scope {
|
||||
}
|
||||
}
|
||||
|
||||
Component {
|
||||
id: noResultsItem
|
||||
Item {
|
||||
width: appListView.width
|
||||
height: 48
|
||||
Text {
|
||||
id: icon
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
property real fill: 0
|
||||
text: "\ue000"
|
||||
color: "#cccccc"
|
||||
renderType: Text.NativeRendering
|
||||
font.pointSize: 28
|
||||
font.family: "Material Symbols Outlined"
|
||||
font.variableAxes: ({
|
||||
FILL: fill.toFixed(1),
|
||||
GRAD: -25,
|
||||
opsz: fontInfo.pixelSize,
|
||||
wght: fontInfo.weight
|
||||
})
|
||||
}
|
||||
|
||||
Text {
|
||||
anchors.left: icon.right
|
||||
anchors.leftMargin: 10
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
text: "No results found"
|
||||
color: "#cccccc"
|
||||
renderType: Text.NativeRendering
|
||||
|
||||
font.pointSize: 12
|
||||
font.family: "Rubik"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
SequentialAnimation {
|
||||
ParallelAnimation {
|
||||
@@ -266,6 +358,7 @@ Scope {
|
||||
}
|
||||
|
||||
add: Transition {
|
||||
enabled: !appListView.state
|
||||
Anim {
|
||||
properties: "opacity"
|
||||
from: 0
|
||||
@@ -280,6 +373,7 @@ Scope {
|
||||
}
|
||||
|
||||
remove: Transition {
|
||||
enabled: !appListView.state
|
||||
Anim {
|
||||
properties: "opacity"
|
||||
from: 1
|
||||
@@ -327,5 +421,4 @@ Scope {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+30
-1
@@ -21,10 +21,39 @@ Searcher {
|
||||
}
|
||||
|
||||
function search(search: string): list<var> {
|
||||
const prefix = ">";
|
||||
if (search.startsWith(`${prefix}i `)) {
|
||||
keys = ["id", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}c `)) {
|
||||
keys = ["categories", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}d `)) {
|
||||
keys = ["comment", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}e `)) {
|
||||
keys = ["execString", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}w `)) {
|
||||
keys = ["startupClass", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}g `)) {
|
||||
keys = ["genericName", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else if (search.startsWith(`${prefix}k `)) {
|
||||
keys = ["keywords", "name"];
|
||||
weights = [0.9, 0.1];
|
||||
} else {
|
||||
keys = ["name"];
|
||||
weights = [1];
|
||||
|
||||
const results = query(search).map(e => e.entry);
|
||||
if (!search.startsWith(`${prefix}t `))
|
||||
return query(search).map(e => e.entry);
|
||||
}
|
||||
|
||||
const results = query(search.slice(prefix.length + 2)).map(e => e.entry);
|
||||
if (search.startsWith(`${prefix}t `))
|
||||
return results.filter(a => a.runInTerminal);
|
||||
return results;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user