@gitlab/ui 131.3.1 → 131.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -14,11 +14,10 @@ import {
|
|
|
14
14
|
MODEL_EVENT_NAME_PREFIX
|
|
15
15
|
} from '../../constants/events'
|
|
16
16
|
import {
|
|
17
|
-
|
|
17
|
+
PROP_TYPE_ARRAY,
|
|
18
18
|
PROP_TYPE_BOOLEAN,
|
|
19
19
|
PROP_TYPE_FUNCTION,
|
|
20
|
-
|
|
21
|
-
PROP_TYPE_NUMBER_STRING,
|
|
20
|
+
PROP_TYPE_NUMBER,
|
|
22
21
|
PROP_TYPE_OBJECT,
|
|
23
22
|
PROP_TYPE_STRING
|
|
24
23
|
} from '../../constants/props'
|
|
@@ -28,7 +27,6 @@ import { getScopeId } from '../../utils/get-scope-id'
|
|
|
28
27
|
import { isUndefinedOrNull } from '../../utils/inspect'
|
|
29
28
|
import { pick } from '../../utils/object'
|
|
30
29
|
import { TOOLTIP_DELAY } from '../../constants/config'
|
|
31
|
-
import { makeProp } from '../../utils/props'
|
|
32
30
|
import { createNewChildComponent, eventProp } from '../../utils/create-new-child-component'
|
|
33
31
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot'
|
|
34
32
|
import { BVTooltip } from './helpers/bv-tooltip'
|
|
@@ -47,35 +45,98 @@ export const props = {
|
|
|
47
45
|
// String: scrollParent, window, or viewport
|
|
48
46
|
// Element: element reference
|
|
49
47
|
// Object: Vue component
|
|
50
|
-
boundary:
|
|
51
|
-
|
|
48
|
+
boundary: {
|
|
49
|
+
type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
|
|
50
|
+
required: false,
|
|
51
|
+
default: 'scrollParent'
|
|
52
|
+
},
|
|
53
|
+
boundaryPadding: {
|
|
54
|
+
type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
|
|
55
|
+
required: false,
|
|
56
|
+
default: 5
|
|
57
|
+
},
|
|
52
58
|
// String: HTML ID of container, if null body is used (default)
|
|
53
59
|
// HTMLElement: element reference reference
|
|
54
60
|
// Object: Vue Component
|
|
55
|
-
container:
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
61
|
+
container: {
|
|
62
|
+
type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
|
|
63
|
+
required: false,
|
|
64
|
+
default: undefined
|
|
65
|
+
},
|
|
66
|
+
customClass: {
|
|
67
|
+
type: PROP_TYPE_STRING,
|
|
68
|
+
required: false,
|
|
69
|
+
default: 'gl-tooltip'
|
|
70
|
+
},
|
|
71
|
+
delay: {
|
|
72
|
+
type: [PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
|
|
73
|
+
required: false,
|
|
74
|
+
default: () => ({ ...TOOLTIP_DELAY })
|
|
75
|
+
},
|
|
76
|
+
[MODEL_PROP_NAME_ENABLED]: {
|
|
77
|
+
type: PROP_TYPE_BOOLEAN,
|
|
78
|
+
required: false,
|
|
79
|
+
default: false
|
|
80
|
+
},
|
|
81
|
+
fallbackPlacement: {
|
|
82
|
+
type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
|
|
83
|
+
required: false,
|
|
84
|
+
default: 'flip'
|
|
85
|
+
},
|
|
60
86
|
// ID to use for tooltip element
|
|
61
87
|
// If not provided on will automatically be generated
|
|
62
|
-
id:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
88
|
+
id: {
|
|
89
|
+
type: PROP_TYPE_STRING,
|
|
90
|
+
required: false,
|
|
91
|
+
default: undefined
|
|
92
|
+
},
|
|
93
|
+
noFade: {
|
|
94
|
+
type: PROP_TYPE_BOOLEAN,
|
|
95
|
+
required: false,
|
|
96
|
+
default: false
|
|
97
|
+
},
|
|
98
|
+
noninteractive: {
|
|
99
|
+
type: PROP_TYPE_BOOLEAN,
|
|
100
|
+
required: false,
|
|
101
|
+
default: false
|
|
102
|
+
},
|
|
103
|
+
offset: {
|
|
104
|
+
type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
|
|
105
|
+
required: false,
|
|
106
|
+
default: 0
|
|
107
|
+
},
|
|
108
|
+
placement: {
|
|
109
|
+
type: PROP_TYPE_STRING,
|
|
110
|
+
required: false,
|
|
111
|
+
default: 'top'
|
|
112
|
+
},
|
|
113
|
+
[MODEL_PROP_NAME_SHOW]: {
|
|
114
|
+
type: PROP_TYPE_BOOLEAN,
|
|
115
|
+
required: false,
|
|
116
|
+
default: false
|
|
117
|
+
},
|
|
68
118
|
// String ID of element, or element/component reference
|
|
69
119
|
// Or function that returns one of the above
|
|
70
120
|
// Required
|
|
71
|
-
target:
|
|
72
|
-
[HTMLElement, SVGElement, PROP_TYPE_FUNCTION, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
121
|
+
target: {
|
|
122
|
+
type: [HTMLElement, SVGElement, PROP_TYPE_FUNCTION, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
|
|
123
|
+
required: true
|
|
124
|
+
},
|
|
125
|
+
title: {
|
|
126
|
+
type: PROP_TYPE_STRING,
|
|
127
|
+
required: false,
|
|
128
|
+
default: undefined
|
|
129
|
+
},
|
|
130
|
+
triggers: {
|
|
131
|
+
type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
|
|
132
|
+
required: false,
|
|
133
|
+
default: 'hover focus'
|
|
134
|
+
},
|
|
135
|
+
variant: {
|
|
136
|
+
type: PROP_TYPE_STRING,
|
|
137
|
+
required: false,
|
|
138
|
+
default: undefined
|
|
139
|
+
}
|
|
79
140
|
}
|
|
80
141
|
|
|
81
142
|
// --- Main component ---
|