@dimailn/vuetify 2.7.2-alpha23 → 2.7.2-alpha25

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.
Files changed (108) hide show
  1. package/dist/vuetify.js +280 -256
  2. package/dist/vuetify.js.map +1 -1
  3. package/dist/vuetify.min.css +1 -1
  4. package/dist/vuetify.min.js +2 -2
  5. package/es5/components/VBadge/VBadge.js +17 -14
  6. package/es5/components/VBadge/VBadge.js.map +1 -1
  7. package/es5/components/VBtn/VBtn.js +16 -16
  8. package/es5/components/VBtn/VBtn.js.map +1 -1
  9. package/es5/components/VColorPicker/VColorPicker.js +18 -31
  10. package/es5/components/VColorPicker/VColorPicker.js.map +1 -1
  11. package/es5/components/VColorPicker/VColorPickerCanvas.js +45 -46
  12. package/es5/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  13. package/es5/components/VColorPicker/VColorPickerEdit.js +27 -26
  14. package/es5/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  15. package/es5/components/VColorPicker/VColorPickerPreview.js +41 -30
  16. package/es5/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  17. package/es5/components/VColorPicker/VColorPickerSwatches.js +13 -10
  18. package/es5/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  19. package/es5/components/VDataTable/VDataTable.js +7 -11
  20. package/es5/components/VDataTable/VDataTable.js.map +1 -1
  21. package/es5/components/VInput/VInput.js +24 -6
  22. package/es5/components/VInput/VInput.js.map +1 -1
  23. package/es5/components/VSelect/VSelectList.js +1 -1
  24. package/es5/components/VSelect/VSelectList.js.map +1 -1
  25. package/es5/components/VSlider/VSlider.js +23 -18
  26. package/es5/components/VSlider/VSlider.js.map +1 -1
  27. package/es5/components/VTooltip/VTooltip.js +3 -7
  28. package/es5/components/VTooltip/VTooltip.js.map +1 -1
  29. package/es5/framework.js +1 -1
  30. package/es5/mixins/activatable/index.js +2 -1
  31. package/es5/mixins/activatable/index.js.map +1 -1
  32. package/es5/mixins/bootable/index.js +1 -2
  33. package/es5/mixins/bootable/index.js.map +1 -1
  34. package/es5/mixins/mouse/index.js +10 -5
  35. package/es5/mixins/mouse/index.js.map +1 -1
  36. package/es5/mixins/selectable/index.js +3 -0
  37. package/es5/mixins/selectable/index.js.map +1 -1
  38. package/lib/components/VBadge/VBadge.js +14 -13
  39. package/lib/components/VBadge/VBadge.js.map +1 -1
  40. package/lib/components/VBtn/VBtn.js +18 -19
  41. package/lib/components/VBtn/VBtn.js.map +1 -1
  42. package/lib/components/VColorPicker/VColorPicker.js +29 -37
  43. package/lib/components/VColorPicker/VColorPicker.js.map +1 -1
  44. package/lib/components/VColorPicker/VColorPickerCanvas.js +41 -43
  45. package/lib/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  46. package/lib/components/VColorPicker/VColorPickerEdit.js +25 -31
  47. package/lib/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  48. package/lib/components/VColorPicker/VColorPickerPreview.js +45 -32
  49. package/lib/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  50. package/lib/components/VColorPicker/VColorPickerSwatches.js +15 -9
  51. package/lib/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  52. package/lib/components/VDataTable/VDataTable.js +3 -4
  53. package/lib/components/VDataTable/VDataTable.js.map +1 -1
  54. package/lib/components/VInput/VInput.js +16 -4
  55. package/lib/components/VInput/VInput.js.map +1 -1
  56. package/lib/components/VSelect/VSelectList.js +2 -1
  57. package/lib/components/VSelect/VSelectList.js.map +1 -1
  58. package/lib/components/VSlider/VSlider.js +26 -21
  59. package/lib/components/VSlider/VSlider.js.map +1 -1
  60. package/lib/components/VTooltip/VTooltip.js +6 -9
  61. package/lib/components/VTooltip/VTooltip.js.map +1 -1
  62. package/lib/framework.js +1 -1
  63. package/lib/mixins/activatable/index.js +2 -1
  64. package/lib/mixins/activatable/index.js.map +1 -1
  65. package/lib/mixins/bootable/index.js +2 -4
  66. package/lib/mixins/bootable/index.js.map +1 -1
  67. package/lib/mixins/mouse/index.js +9 -5
  68. package/lib/mixins/mouse/index.js.map +1 -1
  69. package/lib/mixins/selectable/index.js +4 -0
  70. package/lib/mixins/selectable/index.js.map +1 -1
  71. package/package.json +1 -1
  72. package/src/components/VBadge/VBadge.ts +24 -25
  73. package/src/components/VBadge/__tests__/VBadge.spec.ts +47 -30
  74. package/src/components/VBadge/__tests__/__snapshots__/VBadge.spec.ts.snap +5 -5
  75. package/src/components/VBtn/VBtn.ts +18 -16
  76. package/src/components/VBtn/__tests__/VBtn.spec.ts +257 -242
  77. package/src/components/VBtn/__tests__/__snapshots__/VBtn.spec.ts.snap +13 -73
  78. package/src/components/VColorPicker/VColorPicker.ts +32 -35
  79. package/src/components/VColorPicker/VColorPickerCanvas.ts +44 -37
  80. package/src/components/VColorPicker/VColorPickerEdit.ts +37 -35
  81. package/src/components/VColorPicker/VColorPickerPreview.ts +48 -28
  82. package/src/components/VColorPicker/VColorPickerSwatches.ts +23 -12
  83. package/src/components/VColorPicker/__tests__/VColorPicker.spec.ts +47 -47
  84. package/src/components/VColorPicker/__tests__/VColorPickerCanvas.spec.ts +15 -13
  85. package/src/components/VColorPicker/__tests__/VColorPickerEdit.spec.ts +52 -50
  86. package/src/components/VColorPicker/__tests__/VColorPickerPreview.spec.ts +101 -30
  87. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap +200 -157
  88. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap +28 -11
  89. package/src/components/VDataTable/VDataTable.ts +3 -3
  90. package/src/components/VInput/VInput.ts +12 -2
  91. package/src/components/VInput/__tests__/VInput.spec.ts +170 -234
  92. package/src/components/VInput/__tests__/__snapshots__/VInput.spec.ts.snap +50 -101
  93. package/src/components/VSelect/VSelectList.ts +1 -0
  94. package/src/components/VSkeletonLoader/__tests__/VSkeletonLoader.spec.ts +22 -15
  95. package/src/components/VSkeletonLoader/__tests__/__snapshots__/VSkeletonLoader.spec.ts.snap +60 -60
  96. package/src/components/VSlider/VSlider.ts +43 -27
  97. package/src/components/VSlider/__tests__/VSlider.spec.ts +188 -286
  98. package/src/components/VSlider/__tests__/__snapshots__/VSlider.spec.ts.snap +157 -246
  99. package/src/components/VTabs/__tests__/VTab.spec.ts +3 -3
  100. package/src/components/VTabs/__tests__/VTabsBar.spec.ts +2 -2
  101. package/src/components/VTooltip/VTooltip.ts +20 -20
  102. package/src/components/VTooltip/__tests__/VTooltip.spec.ts +60 -75
  103. package/src/mixins/activatable/index.ts +2 -1
  104. package/src/mixins/bootable/__tests__/bootable.spec.ts +17 -11
  105. package/src/mixins/bootable/index.ts +4 -3
  106. package/src/mixins/mouse/__tests__/mouse.spec.ts +54 -40
  107. package/src/mixins/mouse/index.ts +10 -6
  108. package/src/mixins/selectable/index.ts +4 -0
package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap CHANGED
@@ -7,6 +7,7 @@ exports[`VColorPickerEdit.ts should change mode 1`] = `
7
7
  min="0"
8
8
  max="255"
9
9
  step="1"
10
+ value="0"
10
11
  >
11
12
  <span>
12
13
  R
@@ -17,6 +18,7 @@ exports[`VColorPickerEdit.ts should change mode 1`] = `
17
18
  min="0"
18
19
  max="255"
19
20
  step="1"
21
+ value="0"
20
22
  >
21
23
  <span>
22
24
  G
@@ -27,6 +29,7 @@ exports[`VColorPickerEdit.ts should change mode 1`] = `
27
29
  min="0"
28
30
  max="255"
29
31
  step="1"
32
+ value="0"
30
33
  >
31
34
  <span>
32
35
  B
@@ -37,6 +40,7 @@ exports[`VColorPickerEdit.ts should change mode 1`] = `
37
40
  min="0"
38
41
  max="1"
39
42
  step="0.01"
43
+ value="0"
40
44
  >
41
45
  <span>
42
46
  A
@@ -49,7 +53,6 @@ exports[`VColorPickerEdit.ts should change mode 1`] = `
49
53
  <i aria-hidden="true"
50
54
  class="v-icon notranslate material-icons theme--light"
51
55
  >
52
- $unfold
53
56
  </i>
54
57
  </span>
55
58
  </button>
@@ -63,6 +66,7 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
63
66
  min="0"
64
67
  max="360"
65
68
  step="1"
69
+ value="0"
66
70
  >
67
71
  <span>
68
72
  H
@@ -73,6 +77,7 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
73
77
  min="0"
74
78
  max="1"
75
79
  step="0.01"
80
+ value="0"
76
81
  >
77
82
  <span>
78
83
  S
@@ -83,6 +88,7 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
83
88
  min="0"
84
89
  max="1"
85
90
  step="0.01"
91
+ value="0"
86
92
  >
87
93
  <span>
88
94
  L
@@ -93,6 +99,7 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
93
99
  min="0"
94
100
  max="1"
95
101
  step="0.01"
102
+ value="0"
96
103
  >
97
104
  <span>
98
105
  A
@@ -105,7 +112,6 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
105
112
  <i aria-hidden="true"
106
113
  class="v-icon notranslate material-icons theme--light"
107
114
  >
108
- $unfold
109
115
  </i>
110
116
  </span>
111
117
  </button>
@@ -115,7 +121,9 @@ exports[`VColorPickerEdit.ts should change mode 2`] = `
115
121
  exports[`VColorPickerEdit.ts should change mode 3`] = `
116
122
  <div class="v-color-picker__edit">
117
123
  <div class="v-color-picker__input">
118
- <input maxlength="9">
124
+ <input maxlength="9"
125
+ value="#00000000"
126
+ >
119
127
  <span>
120
128
  HEX
121
129
  </span>
@@ -127,7 +135,6 @@ exports[`VColorPickerEdit.ts should change mode 3`] = `
127
135
  <i aria-hidden="true"
128
136
  class="v-icon notranslate material-icons theme--light"
129
137
  >
130
- $unfold
131
138
  </i>
132
139
  </span>
133
140
  </button>
@@ -141,6 +148,7 @@ exports[`VColorPickerEdit.ts should change mode 4`] = `
141
148
  min="0"
142
149
  max="360"
143
150
  step="1"
151
+ value="0"
144
152
  >
145
153
  <span>
146
154
  H
@@ -151,6 +159,7 @@ exports[`VColorPickerEdit.ts should change mode 4`] = `
151
159
  min="0"
152
160
  max="1"
153
161
  step="0.01"
162
+ value="0"
154
163
  >
155
164
  <span>
156
165
  S
@@ -161,6 +170,7 @@ exports[`VColorPickerEdit.ts should change mode 4`] = `
161
170
  min="0"
162
171
  max="1"
163
172
  step="0.01"
173
+ value="0"
164
174
  >
165
175
  <span>
166
176
  L
@@ -171,6 +181,7 @@ exports[`VColorPickerEdit.ts should change mode 4`] = `
171
181
  min="0"
172
182
  max="1"
173
183
  step="0.01"
184
+ value="0"
174
185
  >
175
186
  <span>
176
187
  A
@@ -183,7 +194,6 @@ exports[`VColorPickerEdit.ts should change mode 4`] = `
183
194
  <i aria-hidden="true"
184
195
  class="v-icon notranslate material-icons theme--light"
185
196
  >
186
- $unfold
187
197
  </i>
188
198
  </span>
189
199
  </button>
@@ -197,6 +207,7 @@ exports[`VColorPickerEdit.ts should hide mode switch button 1`] = `
197
207
  min="0"
198
208
  max="255"
199
209
  step="1"
210
+ value="0"
200
211
  >
201
212
  <span>
202
213
  R
@@ -207,6 +218,7 @@ exports[`VColorPickerEdit.ts should hide mode switch button 1`] = `
207
218
  min="0"
208
219
  max="255"
209
220
  step="1"
221
+ value="0"
210
222
  >
211
223
  <span>
212
224
  G
@@ -217,6 +229,7 @@ exports[`VColorPickerEdit.ts should hide mode switch button 1`] = `
217
229
  min="0"
218
230
  max="255"
219
231
  step="1"
232
+ value="0"
220
233
  >
221
234
  <span>
222
235
  B
@@ -227,6 +240,7 @@ exports[`VColorPickerEdit.ts should hide mode switch button 1`] = `
227
240
  min="0"
228
241
  max="1"
229
242
  step="0.01"
243
+ value="0"
230
244
  >
231
245
  <span>
232
246
  A
@@ -242,7 +256,8 @@ exports[`VColorPickerEdit.ts should render with disabled 1`] = `
242
256
  min="0"
243
257
  max="255"
244
258
  step="1"
245
- disabled="disabled"
259
+ disabled
260
+ value="0"
246
261
  >
247
262
  <span>
248
263
  R
@@ -253,7 +268,8 @@ exports[`VColorPickerEdit.ts should render with disabled 1`] = `
253
268
  min="0"
254
269
  max="255"
255
270
  step="1"
256
- disabled="disabled"
271
+ disabled
272
+ value="0"
257
273
  >
258
274
  <span>
259
275
  G
@@ -264,7 +280,8 @@ exports[`VColorPickerEdit.ts should render with disabled 1`] = `
264
280
  min="0"
265
281
  max="255"
266
282
  step="1"
267
- disabled="disabled"
283
+ disabled
284
+ value="0"
268
285
  >
269
286
  <span>
270
287
  B
@@ -275,21 +292,21 @@ exports[`VColorPickerEdit.ts should render with disabled 1`] = `
275
292
  min="0"
276
293
  max="1"
277
294
  step="0.01"
278
- disabled="disabled"
295
+ disabled
296
+ value="0"
279
297
  >
280
298
  <span>
281
299
  A
282
300
  </span>
283
301
  </div>
284
302
  <button type="button"
285
- disabled="disabled"
303
+ disabled
286
304
  class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--small"
287
305
  >
288
306
  <span class="v-btn__content">
289
307
  <i aria-hidden="true"
290
308
  class="v-icon notranslate material-icons theme--light"
291
309
  >
292
- $unfold
293
310
  </i>
294
311
  </span>
295
312
  </button>
package/src/components/VDataTable/VDataTable.ts CHANGED
@@ -298,7 +298,7 @@ export default mixins(
298
298
  genLoading () {
299
299
  const th = h('th', {
300
300
  class: 'column',
301
- attrs: this.colspanAttrs,
301
+ ...this.colspanAttrs,
302
302
  }, [this.genProgress()])
303
303
 
304
304
  const tr = h('tr', {
@@ -348,7 +348,7 @@ export default mixins(
348
348
  class: 'v-data-table__empty-wrapper',
349
349
  }, [
350
350
  h('td', {
351
- attrs: this.colspanAttrs,
351
+ ...this.colspanAttrs,
352
352
  }, content),
353
353
  ])
354
354
  },
@@ -419,7 +419,7 @@ export default mixins(
419
419
 
420
420
  const column = h('td', {
421
421
  class: 'text-start',
422
- attrs: this.colspanAttrs,
422
+ ...this.colspanAttrs,
423
423
  }, [toggle, `${this.groupByText}: ${group}`, remove])
424
424
 
425
425
  children.unshift(h('template', { slot: 'column.header' }, [column]))
package/src/components/VInput/VInput.ts CHANGED
@@ -15,6 +15,7 @@ import {
15
15
  convertToUnit,
16
16
  getSlot,
17
17
  kebabCase,
18
+ normalizeClasses,
18
19
  } from '../../util/helpers'
19
20
  import mergeData from '../../util/mergeData'
20
21
 
@@ -107,6 +108,10 @@ export default baseMixins.extend({
107
108
  set (val: any) {
108
109
  this.lazyValue = val
109
110
  this.$emit(this.$_modelEvent, val)
111
+
112
+ if('$_emitChangeEvent' in this) {
113
+ this.$emit('change', val)
114
+ }
110
115
  },
111
116
  },
112
117
  isDirty (): boolean {
@@ -316,8 +321,13 @@ export default baseMixins.extend({
316
321
  },
317
322
 
318
323
  render (): VNode {
324
+ const { class: additionalClasses, ...restAttrs } = this.$attrs as Record<string, any>
325
+
319
326
  return h('div', this.setTextColor(this.validationState, {
320
- class: {'v-input': true, ...this.classes},
321
- }), this.genContent())
327
+ class: { 'v-input': true, ...this.classes, ...normalizeClasses(additionalClasses) },
328
+ ...restAttrs,
329
+ }), {
330
+ default: () => this.genContent(),
331
+ })
322
332
  },
323
333
  })