2019-07-08 13:52:41 +10:00
|
|
|
// Copyright 2019 miruka
|
|
|
|
// This file is part of harmonyqml, licensed under LGPLv3.
|
|
|
|
|
2019-07-13 19:39:01 +10:00
|
|
|
import QtQuick 2.12
|
|
|
|
import QtQuick.Controls 2.12
|
2019-04-27 06:02:20 +10:00
|
|
|
|
|
|
|
TextField {
|
2019-07-18 15:53:28 +10:00
|
|
|
id: field
|
2019-07-07 07:50:55 +10:00
|
|
|
font.family: theme.fontFamily.sans
|
|
|
|
font.pixelSize: theme.fontSize.normal
|
2019-04-29 05:13:18 +10:00
|
|
|
|
2019-07-18 15:53:28 +10:00
|
|
|
readonly property QtObject _tf: theme.controls.textField
|
|
|
|
|
2019-07-19 10:39:13 +10:00
|
|
|
property bool bordered: true
|
2019-07-18 15:53:28 +10:00
|
|
|
property color backgroundColor: _tf.background
|
|
|
|
property color borderColor: _tf.border
|
|
|
|
property color focusedBackgroundColor: _tf.focusedBackground
|
|
|
|
property color focusedBorderColor: _tf.focusedBorder
|
|
|
|
property alias radius: textFieldBackground.radius
|
|
|
|
|
2019-07-24 16:14:34 +10:00
|
|
|
color: activeFocus ? _tf.focusedText : _tf.text
|
|
|
|
|
2019-04-29 05:13:18 +10:00
|
|
|
background: Rectangle {
|
|
|
|
id: textFieldBackground
|
2019-07-18 15:53:28 +10:00
|
|
|
color: field.activeFocus ? focusedBackgroundColor : backgroundColor
|
|
|
|
border.color: field.activeFocus ? focusedBorderColor : borderColor
|
2019-07-14 10:15:20 +10:00
|
|
|
border.width: bordered ? theme.controls.textField.borderWidth : 0
|
2019-07-18 15:53:28 +10:00
|
|
|
|
2019-07-24 16:14:34 +10:00
|
|
|
Behavior on color { HColorAnimation { factor: 0.5 } }
|
|
|
|
Behavior on border.color { HColorAnimation { factor: 0.5 } }
|
|
|
|
Behavior on border.width { HNumberAnimation { factor: 0.5 } }
|
2019-04-29 05:13:18 +10:00
|
|
|
}
|
2019-04-27 06:02:20 +10:00
|
|
|
|
|
|
|
selectByMouse: true
|
|
|
|
}
|