1/****************************************************************************
2**
3** Copyright (C) 2017 The Qt Company Ltd.
4** Contact: http://www.qt.io/licensing/
5**
6** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
7**
8** $QT_BEGIN_LICENSE:LGPL3$
9** Commercial License Usage
10** Licensees holding valid commercial Qt licenses may use this file in
11** accordance with the commercial license agreement provided with the
12** Software or, alternatively, in accordance with the terms contained in
13** a written agreement between you and The Qt Company. For licensing terms
14** and conditions see http://www.qt.io/terms-conditions. For further
15** information use the contact form at http://www.qt.io/contact-us.
16**
17** GNU Lesser General Public License Usage
18** Alternatively, this file may be used under the terms of the GNU Lesser
19** General Public License version 3 as published by the Free Software
20** Foundation and appearing in the file LICENSE.LGPLv3 included in the
21** packaging of this file. Please review the following information to
22** ensure the GNU Lesser General Public License version 3 requirements
23** will be met: https://www.gnu.org/licenses/lgpl.html.
24**
25** GNU General Public License Usage
26** Alternatively, this file may be used under the terms of the GNU
27** General Public License version 2.0 or later as published by the Free
28** Software Foundation and appearing in the file LICENSE.GPL included in
29** the packaging of this file. Please review the following information to
30** ensure the GNU General Public License version 2.0 requirements will be
31** met: http://www.gnu.org/licenses/gpl-2.0.html.
32**
33** $QT_END_LICENSE$
34**
35****************************************************************************/
36
37import QtQuick 2.12
38import QtQuick.Controls 2.12
39import QtQuick.Templates 2.12 as T
40import QtQuick.Controls.Material 2.12
41import QtQuick.Controls.Material.impl 2.12
42import QtQuick.Window 2.12
43
44T.Menu {
45    id: control
46
47    Material.elevation: 8
48
49    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
50                            contentWidth + leftPadding + rightPadding)
51    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
52                             contentHeight + topPadding + bottomPadding)
53
54    margins: 0
55    verticalPadding: 8
56
57    transformOrigin: !cascade ? Item.Top : (mirrored ? Item.TopRight : Item.TopLeft)
58
59    delegate: MenuItem { }
60
61    enter: Transition {
62        // grow_fade_in
63        NumberAnimation { property: "scale"; from: 0.9; to: 1.0; easing.type: Easing.OutQuint; duration: 220 }
64        NumberAnimation { property: "opacity"; from: 0.0; to: 1.0; easing.type: Easing.OutCubic; duration: 150 }
65    }
66
67    exit: Transition {
68        // shrink_fade_out
69        NumberAnimation { property: "scale"; from: 1.0; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
70        NumberAnimation { property: "opacity"; from: 1.0; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
71    }
72
73    contentItem: ListView {
74        implicitHeight: contentHeight
75
76        model: control.contentModel
77        interactive: Window.window
78                        ? contentHeight + control.topPadding + control.bottomPadding > Window.window.height
79                        : false
80        clip: true
81        currentIndex: control.currentIndex
82
83        ScrollIndicator.vertical: ScrollIndicator {}
84    }
85
86    background: Rectangle {
87        implicitWidth: 200
88        implicitHeight: control.Material.menuItemHeight
89
90        radius: 3
91        color: control.Material.dialogColor
92
93        layer.enabled: control.Material.elevation > 0
94        layer.effect: ElevationEffect {
95            elevation: control.Material.elevation
96        }
97    }
98
99    T.Overlay.modal: Rectangle {
100        color: control.Material.backgroundDimColor
101        Behavior on opacity { NumberAnimation { duration: 150 } }
102    }
103
104    T.Overlay.modeless: Rectangle {
105        color: control.Material.backgroundDimColor
106        Behavior on opacity { NumberAnimation { duration: 150 } }
107    }
108}
109