SearchField.qml 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. // Copyright (C) 2025 The Qt Company Ltd.
  2. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
  3. // Qt-Security score:significant reason:default
  4. pragma ComponentBehavior: Bound
  5. import QtQuick
  6. import QtQuick.Templates as T
  7. import QtQuick.Controls.impl
  8. import QtQuick.Controls.Fusion
  9. import QtQuick.Controls.Fusion.impl
  10. T.SearchField {
  11. id: control
  12. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  13. implicitContentWidth + leftPadding + rightPadding)
  14. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  15. implicitContentHeight + topPadding + bottomPadding,
  16. searchIndicator.implicitIndicatorHeight + topPadding + bottomPadding)
  17. leftPadding: padding + (control.mirrored
  18. ? (!clearIndicator.indicator || !clearIndicator.indicator.visible ? 0 : clearIndicator.indicator.width + spacing)
  19. : (!searchIndicator.indicator || !searchIndicator.indicator.visible ? 0 : searchIndicator.indicator.width + spacing))
  20. rightPadding: padding + (control.mirrored
  21. ? (!searchIndicator.indicator || !searchIndicator.indicator.visible ? 0 : searchIndicator.indicator.width + spacing)
  22. : (!clearIndicator.indicator || !clearIndicator.indicator.visible ? 0 : clearIndicator.indicator.width + spacing))
  23. delegate: MenuItem {
  24. width: ListView.view.width
  25. text: model[control.textRole]
  26. font.weight: control.currentIndex === index ? Font.DemiBold : Font.Normal
  27. highlighted: control.highlightedIndex === index
  28. hoverEnabled: control.hoverEnabled
  29. required property var model
  30. required property int index
  31. }
  32. searchIndicator.indicator: Rectangle {
  33. implicitWidth: 20
  34. implicitHeight: 20
  35. x: !control.mirrored ? 2 : control.width - width - 2
  36. y: control.topPadding + (control.availableHeight - height) / 2
  37. color: control.palette.base
  38. ColorImage {
  39. x: (parent.width - width) / 2
  40. y: (parent.height - height) / 2
  41. width: 18
  42. height: 18
  43. color: control.palette.buttonText
  44. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Fusion/images/search-magnifier.png"
  45. opacity: enabled ? 1 : 0.3
  46. }
  47. }
  48. clearIndicator.indicator: Rectangle {
  49. implicitWidth: 20
  50. implicitHeight: 20
  51. x: control.mirrored ? 2 : control.width - width - 2
  52. y: control.topPadding + (control.availableHeight - height) / 2
  53. visible: control.text.length > 0
  54. color: control.palette.base
  55. ColorImage {
  56. x: (parent.width - width) / 2
  57. y: (parent.height - height) / 2
  58. width: 18
  59. height: 18
  60. color: control.palette.buttonText
  61. source: "qrc:/qt-project.org/imports/QtQuick/Controls/Fusion/images/close_circle.png"
  62. opacity: enabled ? 1 : 0.3
  63. }
  64. }
  65. contentItem: T.TextField {
  66. leftPadding: !control.mirrored ? 6 : 0
  67. rightPadding: !control.mirrored ? 6 : 0
  68. text: control.text
  69. color: control.palette.text
  70. selectionColor: control.palette.highlight
  71. selectedTextColor: control.palette.highlightedText
  72. verticalAlignment: TextInput.AlignVCenter
  73. }
  74. background: Rectangle {
  75. implicitWidth: 120
  76. implicitHeight: 24
  77. radius: 2
  78. color: control.palette.base
  79. border.color: control.activeFocus ? Fusion.highlightedOutline(control.palette) : Fusion.outline(control.palette)
  80. Rectangle {
  81. x: 1; y: 1
  82. width: parent.width - 2
  83. height: parent.height - 2
  84. color: "transparent"
  85. border.color: Color.transparent(Fusion.highlightedOutline(control.palette), 40 / 255)
  86. visible: control.activeFocus
  87. radius: 1.7
  88. }
  89. Rectangle {
  90. x: 2
  91. y: 1
  92. width: parent.width - 4
  93. height: 1
  94. color: Fusion.topShadow
  95. }
  96. }
  97. popup: T.Popup {
  98. y: control.height
  99. width: control.width
  100. height: Math.min(contentItem.implicitHeight, control.Window.height - control.y - control.height - control.padding)
  101. topMargin: 6
  102. bottomMargin: 6
  103. palette: control.palette
  104. contentItem: ListView {
  105. clip: true
  106. implicitHeight: contentHeight
  107. model: control.delegateModel
  108. currentIndex: control.highlightedIndex
  109. highlightMoveDuration: 0
  110. T.ScrollIndicator.vertical: ScrollIndicator { }
  111. }
  112. background: Rectangle {
  113. color: control.popup.palette.window
  114. border.color: Fusion.outline(control.palette)
  115. Rectangle {
  116. z: -1
  117. x: 1; y: 1
  118. width: parent.width
  119. height: parent.height
  120. color: control.palette.shadow
  121. opacity: 0.2
  122. }
  123. }
  124. }
  125. }