@mptw/skylens-ui 1.4.49 → 1.4.50
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.
|
@@ -56,8 +56,6 @@
|
|
|
56
56
|
.sidebar-nav-group-item-section-popup-link-title {{ itemConfig.title }}
|
|
57
57
|
.sidebar-nav-group-item-section-popup-link-icon(v-if='itemConfig.status === "plus"')
|
|
58
58
|
SLIcon(icon='add')
|
|
59
|
-
.sidebar-nav-group-item-section-popup-link-icon(v-else)
|
|
60
|
-
SLIcon(icon='sort-down')
|
|
61
59
|
.sidebar-nav-group-item-section-popup-divide(v-if='itemConfig.links.length > 0')
|
|
62
60
|
NuxtLink.sidebar-nav-group-item-section-popup-link(
|
|
63
61
|
v-for='(link, i) in itemConfig.links'
|
|
@@ -180,11 +178,13 @@ export default defineComponent({
|
|
|
180
178
|
const wrapperRect = bodyWrapper.getBoundingClientRect();
|
|
181
179
|
collapseTween = gsap.to(bodyEl.value, {
|
|
182
180
|
height: 0,
|
|
181
|
+
alpha: 0,
|
|
183
182
|
duration: 0.3,
|
|
184
183
|
ease: 'power2.out',
|
|
185
184
|
onStart: () => {
|
|
186
185
|
if (!bodyEl.value) return;
|
|
187
186
|
bodyEl.value.style.height = `${wrapperRect.height + 4}px`;
|
|
187
|
+
bodyEl.value.style.opacity = '1';
|
|
188
188
|
},
|
|
189
189
|
});
|
|
190
190
|
}
|
|
@@ -198,6 +198,7 @@ export default defineComponent({
|
|
|
198
198
|
const wrapperRect = bodyWrapper.getBoundingClientRect();
|
|
199
199
|
collapseTween = gsap.to(bodyEl.value, {
|
|
200
200
|
height: wrapperRect.height + 4,
|
|
201
|
+
alpha: 1,
|
|
201
202
|
duration: 0.3,
|
|
202
203
|
ease: 'power2.out',
|
|
203
204
|
onComplete: () => {
|
|
@@ -59,12 +59,6 @@ NuxtLink.sidebar-nav-link-item(
|
|
|
59
59
|
v-if='itemConfig.status === "lock"',
|
|
60
60
|
icon='lock'
|
|
61
61
|
)
|
|
62
|
-
SLIcon(
|
|
63
|
-
v-else-if='itemConfig.status === "new"',
|
|
64
|
-
icon='new-circle'
|
|
65
|
-
)
|
|
66
|
-
.inline-flex.items-center.justify-center.w-4.h-4(v-else)
|
|
67
|
-
.bg-danger.rounded-full(class='w-1.5 h-1.5')
|
|
68
62
|
</template>
|
|
69
63
|
|
|
70
64
|
<script lang="ts">
|