mediacube-ui 0.1.322 → 0.1.324
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
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
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.324](https://github.com/MediaCubeCo/mcui/compare/v0.1.323...v0.1.324) (2024-10-29)
|
|
6
|
+
|
|
7
|
+
### [0.1.323](https://github.com/MediaCubeCo/mcui/compare/v0.1.322...v0.1.323) (2024-10-24)
|
|
8
|
+
|
|
5
9
|
### [0.1.322](https://github.com/MediaCubeCo/mcui/compare/v0.1.321...v0.1.322) (2024-10-22)
|
|
6
10
|
|
|
7
11
|
### [0.1.321](https://github.com/MediaCubeCo/mcui/compare/v0.1.320...v0.1.321) (2024-10-21)
|
package/package.json
CHANGED
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
</label>
|
|
9
9
|
<div class="mc-date-picker__inner">
|
|
10
10
|
<div class="mc-date-picker__input-wrapper" :style="{ minWidth }">
|
|
11
|
+
<mc-svg-icon
|
|
12
|
+
v-if="!isTime"
|
|
13
|
+
class="mc-date-picker__icon-calendar mx-icon-calendar"
|
|
14
|
+
name="calendar"
|
|
15
|
+
size="300"
|
|
16
|
+
/>
|
|
11
17
|
<date-picker
|
|
12
18
|
ref="input"
|
|
13
19
|
:type="type"
|
|
@@ -102,11 +108,6 @@
|
|
|
102
108
|
</div>
|
|
103
109
|
</slot>
|
|
104
110
|
</template>
|
|
105
|
-
|
|
106
|
-
<!-- @slot Слот для вставки пользовательской иконки календаря -->
|
|
107
|
-
<template slot="icon-calendar">
|
|
108
|
-
<mc-svg-icon class="mc-date-picker__icon" name="calendar" />
|
|
109
|
-
</template>
|
|
110
111
|
</date-picker>
|
|
111
112
|
</div>
|
|
112
113
|
</div>
|
|
@@ -604,6 +605,7 @@ export default {
|
|
|
604
605
|
}
|
|
605
606
|
|
|
606
607
|
&__input-wrapper {
|
|
608
|
+
position: relative;
|
|
607
609
|
width: 100%;
|
|
608
610
|
}
|
|
609
611
|
|
|
@@ -661,6 +663,15 @@ export default {
|
|
|
661
663
|
color: $color-outline-gray;
|
|
662
664
|
}
|
|
663
665
|
}
|
|
666
|
+
&__icon-calendar {
|
|
667
|
+
position: absolute;
|
|
668
|
+
z-index: 1;
|
|
669
|
+
}
|
|
670
|
+
&__date-picker {
|
|
671
|
+
.mx-icon-calendar {
|
|
672
|
+
display: none;
|
|
673
|
+
}
|
|
674
|
+
}
|
|
664
675
|
}
|
|
665
676
|
|
|
666
677
|
.mx-datepicker {
|
|
@@ -58,8 +58,11 @@ export default {
|
|
|
58
58
|
init() {
|
|
59
59
|
if (this.isAutoLimit) {
|
|
60
60
|
window.addEventListener('resize', this.calcLimit)
|
|
61
|
+
this.calcLimit()
|
|
61
62
|
// setTimeout из-за случаев, когда элемент рендерится с 0 шириной, а потом она устанавливается динамически
|
|
62
|
-
|
|
63
|
+
if (!this.$refs.stack?.clientWidth) {
|
|
64
|
+
setTimeout(() => this.calcLimit(), 1)
|
|
65
|
+
}
|
|
63
66
|
} else {
|
|
64
67
|
this.toggleChilds(true, this.limit)
|
|
65
68
|
}
|