mediacube-ui 0.1.435 → 0.1.436
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/CHANGELOG.md +2 -0
- package/package.json +1 -1
- package/src/elements/McButton/McButton.vue +17 -11
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.1.436](https://github.com/MediaCubeCo/mcui/compare/v0.1.435...v0.1.436) (2025-11-19)
|
|
6
|
+
|
|
5
7
|
### [0.1.435](https://github.com/MediaCubeCo/mcui/compare/v0.1.434...v0.1.435) (2025-11-19)
|
|
6
8
|
|
|
7
9
|
### [0.1.434](https://github.com/MediaCubeCo/mcui/compare/v0.1.433...v0.1.434) (2025-11-14)
|
package/package.json
CHANGED
|
@@ -248,7 +248,13 @@ export default {
|
|
|
248
248
|
type: String,
|
|
249
249
|
default: null,
|
|
250
250
|
},
|
|
251
|
-
|
|
251
|
+
/**
|
|
252
|
+
* Позиционирование тултипа
|
|
253
|
+
*/
|
|
254
|
+
tooltipPosition: {
|
|
255
|
+
type: String,
|
|
256
|
+
default: 'top',
|
|
257
|
+
},
|
|
252
258
|
/**
|
|
253
259
|
* Атрибут tabindex для главного элемента
|
|
254
260
|
*
|
|
@@ -369,15 +375,15 @@ export default {
|
|
|
369
375
|
tooltipOptions() {
|
|
370
376
|
return this.tooltip
|
|
371
377
|
? {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
378
|
+
content: this.tooltip,
|
|
379
|
+
placement: this.tooltipPosition || 'top',
|
|
380
|
+
classes: 'mc-tooltip mc-tooltip--width-m mc-tooltip--size-s',
|
|
381
|
+
trigger: 'hover focus',
|
|
382
|
+
show: false,
|
|
383
|
+
container: 'body',
|
|
384
|
+
template: `<div class="tooltip" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"><div class="tooltip-inner__content"></div></div> </div>`,
|
|
385
|
+
innerSelector: '.tooltip-inner__content',
|
|
386
|
+
}
|
|
381
387
|
: null
|
|
382
388
|
},
|
|
383
389
|
},
|
|
@@ -390,7 +396,7 @@ export default {
|
|
|
390
396
|
animateUp() {
|
|
391
397
|
if (this.animation) {
|
|
392
398
|
this.customAnimation?.text &&
|
|
393
|
-
|
|
399
|
+
(this.$refs['mc-button'].querySelector('.mc-button__text').innerHTML = this.customAnimation?.text)
|
|
394
400
|
this.custom_background = this.customAnimation?.background
|
|
395
401
|
}
|
|
396
402
|
},
|