SpinBox.qml 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. // Copyright (C) 2024 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. import QtQuick
  5. import QtQuick.Controls.impl
  6. import QtQuick.Controls.FluentWinUI3.impl as Impl
  7. import QtQuick.Templates as T
  8. T.SpinBox {
  9. id: control
  10. implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
  11. contentItem.implicitWidth + leftPadding + rightPadding)
  12. implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
  13. implicitContentHeight + topPadding + bottomPadding,
  14. up.implicitIndicatorHeight, down.implicitIndicatorHeight)
  15. property string __controlState: [
  16. enabled && (down.hovered || down.pressed) && "down",
  17. enabled && (up.hovered || up.pressed) && !(down.hovered || down.pressed) && "up",
  18. enabled && (hovered || down.hovered || up.hovered) && !(down.pressed || up.pressed) && "hovered",
  19. enabled && (down.pressed || up.pressed) && "pressed",
  20. !enabled && "disabled"
  21. ].filter(Boolean).join("_") || "normal"
  22. readonly property var __config: Config.controls.spinbox[__controlState] || {}
  23. readonly property var __downConfig: value == from ? Config.controls.spinbox["atlimit"] : __config
  24. readonly property var __upConfig: value == to ? Config.controls.spinbox["atlimit"] : __config
  25. spacing: __config.contentItem.spacing || 0
  26. leftPadding: ((!mirrored ? __config.leftPadding : __config.rightPadding) || 0) + (mirrored ? (up.indicator ? up.indicator.width * 2 : 0) : 0)
  27. rightPadding: ((!mirrored ? __config.rightPadding : __config.leftPadding) || 0) + (!mirrored ? (up.indicator ? up.indicator.width * 2 : 0) : 0)
  28. topPadding: __config.topPadding || 0
  29. bottomPadding: __config?.bottomPadding || 0
  30. topInset: -__config.topInset || 0
  31. bottomInset: -__config.bottomInset || 0
  32. leftInset: -__config.leftInset || 0
  33. rightInset: -__config.rightInset || 0
  34. validator: IntValidator {
  35. locale: control.locale.name
  36. bottom: Math.min(control.from, control.to)
  37. top: Math.max(control.from, control.to)
  38. }
  39. contentItem: TextInput {
  40. clip: width < implicitWidth
  41. text: control.displayText
  42. opacity: control.enabled ? 1 : 0.3
  43. font: control.font
  44. color: control.palette.text
  45. selectionColor: control.palette.highlight
  46. selectedTextColor: control.palette.highlightedText
  47. horizontalAlignment: control.mirrored ? Text.AlignRight : Text.AlignLeft
  48. verticalAlignment: Text.AlignVCenter
  49. readOnly: !control.editable
  50. validator: control.validator
  51. inputMethodHints: control.inputMethodHints
  52. }
  53. down.indicator: Impl.StyleImage {
  54. x: !control.mirrored ? control.up.indicator ? (control.up.indicator.x - width) : 0
  55. : control.__config.rightPadding
  56. y: control.topPadding
  57. height: control.availableHeight
  58. imageConfig: control.__downConfig.indicator_down_background
  59. Impl.StyleImage {
  60. x: (parent.width - width) / 2
  61. y: (parent.height - height) / 2
  62. imageConfig: control.__downConfig.indicator_down_icon
  63. }
  64. }
  65. up.indicator: Impl.StyleImage {
  66. x: control.mirrored ? control.__config.rightPadding + (control.down.indicator ? control.down.indicator.width : 0)
  67. : control.width - width - control.__config.rightPadding
  68. y: control.topPadding
  69. height: control.availableHeight
  70. imageConfig: control.__upConfig.indicator_up_background
  71. Impl.StyleImage {
  72. x: (parent.width - width) / 2
  73. y: (parent.height - height) / 2
  74. imageConfig: control.__upConfig.indicator_up_icon
  75. }
  76. }
  77. background: Impl.StyleImage {
  78. imageConfig: control.__config.background
  79. Item {
  80. visible: control.activeFocus
  81. width: parent.width
  82. height: 2
  83. y: parent.height - height
  84. Impl.FocusStroke {
  85. width: parent.width
  86. height: parent.height
  87. radius: control.__config.background.bottomOffset
  88. color: control.palette.accent
  89. }
  90. }
  91. }
  92. }