valaxy-theme-yun 0.20.0-beta.11 → 0.20.0-beta.13
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/components/YunAside.vue
CHANGED
|
@@ -38,7 +38,7 @@ watch(() => [yun.rightSidebar.isOpen, yun.size.isXl], async () => {
|
|
|
38
38
|
overflow="auto"
|
|
39
39
|
>
|
|
40
40
|
<Transition name="fade" :delay="100">
|
|
41
|
-
<div v-show="show" class="w-full" flex="~ col">
|
|
41
|
+
<div v-show="show" class="w-full" flex="~ col" pb-2>
|
|
42
42
|
<template v-if="showToc">
|
|
43
43
|
<h2
|
|
44
44
|
m="t-6 b-2"
|
|
@@ -52,12 +52,12 @@ const { icon, styles } = usePostProperty(props.post.type)
|
|
|
52
52
|
</div>
|
|
53
53
|
<!-- <div m="b-5" /> -->
|
|
54
54
|
|
|
55
|
-
<
|
|
55
|
+
<YunExcerptBottomGradient v-if="post.excerpt" />
|
|
56
56
|
|
|
57
57
|
<a
|
|
58
58
|
v-if="post.url"
|
|
59
59
|
:href="post.url"
|
|
60
|
-
class="post-link-btn shadow hover:shadow-md"
|
|
60
|
+
class="post-link-btn shadow hover:shadow-md z-2"
|
|
61
61
|
rounded
|
|
62
62
|
target="_blank"
|
|
63
63
|
m="b-4"
|
|
@@ -10,18 +10,15 @@ const showContent = ref(false)
|
|
|
10
10
|
<template>
|
|
11
11
|
<div
|
|
12
12
|
flex="~ col"
|
|
13
|
-
class="yun-square-container items-center justify-center text-center"
|
|
14
|
-
:class="{
|
|
15
|
-
'size-$total-char-height': !showContent,
|
|
16
|
-
}"
|
|
13
|
+
class="yun-square-container items-center justify-center text-center size-$total-char-height"
|
|
17
14
|
>
|
|
18
15
|
<slot />
|
|
19
16
|
|
|
20
17
|
<div
|
|
21
18
|
flex="~ col center"
|
|
22
|
-
class="info relative duration-800 transition-cubic-bezier-ease-in"
|
|
19
|
+
class="info-with-avatar relative duration-800 transition-cubic-bezier-ease-in"
|
|
23
20
|
:class="{
|
|
24
|
-
|
|
21
|
+
show: showContent,
|
|
25
22
|
}"
|
|
26
23
|
>
|
|
27
24
|
<Transition
|
|
@@ -36,8 +33,8 @@ const showContent = ref(false)
|
|
|
36
33
|
>
|
|
37
34
|
<LineBurstEffects
|
|
38
35
|
class="absolute top-0 left-0 right-0 bottom-0 size-full scale-200"
|
|
39
|
-
:delay="
|
|
40
|
-
:duration="
|
|
36
|
+
:delay="200"
|
|
37
|
+
:duration="400"
|
|
41
38
|
/>
|
|
42
39
|
<Transition
|
|
43
40
|
enter-from-class="op-0"
|
|
@@ -50,45 +47,44 @@ const showContent = ref(false)
|
|
|
50
47
|
</div>
|
|
51
48
|
</Transition>
|
|
52
49
|
|
|
53
|
-
<
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
<div
|
|
51
|
+
class="info"
|
|
52
|
+
:class="{
|
|
53
|
+
show: showContent,
|
|
54
|
+
}"
|
|
57
55
|
>
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
<YunAuthorIntro />
|
|
56
|
+
<YunAuthorName class="mt-3" />
|
|
57
|
+
<YunAuthorIntro />
|
|
61
58
|
|
|
62
|
-
|
|
59
|
+
<YunDivider />
|
|
63
60
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
61
|
+
<div flex="~ col" class="gap-2 items-center justify-center">
|
|
62
|
+
<YunSiteTitle />
|
|
63
|
+
<YunSiteSubtitle />
|
|
64
|
+
<YunSiteDescription />
|
|
65
|
+
</div>
|
|
69
66
|
|
|
70
|
-
|
|
67
|
+
<YunDivider />
|
|
71
68
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
</div>
|
|
69
|
+
<div
|
|
70
|
+
class="mt-4 flex-center w-64 md:w-100 m-auto gap-2"
|
|
71
|
+
flex="~ wrap"
|
|
72
|
+
p="x-$rect-margin"
|
|
73
|
+
>
|
|
74
|
+
<YunSiteLinkItem
|
|
75
|
+
:page="{
|
|
76
|
+
name: '博客文章',
|
|
77
|
+
icon: 'i-ri-article-line',
|
|
78
|
+
url: '/posts/',
|
|
79
|
+
}"
|
|
80
|
+
/>
|
|
81
|
+
<slot />
|
|
82
|
+
<YunSiteLinkItem
|
|
83
|
+
v-for="item, i in themeConfig.pages"
|
|
84
|
+
:key="i" :page="item"
|
|
85
|
+
/>
|
|
90
86
|
</div>
|
|
91
|
-
</
|
|
87
|
+
</div>
|
|
92
88
|
</div>
|
|
93
89
|
</div>
|
|
94
90
|
</template>
|
|
@@ -101,8 +97,8 @@ const showContent = ref(false)
|
|
|
101
97
|
transition: all 0.8s map.get($cubic-bezier, 'ease-in');
|
|
102
98
|
border-radius: 50%;
|
|
103
99
|
transform: rotate(0deg) translateY(0%);
|
|
104
|
-
width:
|
|
105
|
-
height:
|
|
100
|
+
width: var(--avatar-size);
|
|
101
|
+
height: var(--avatar-size);
|
|
106
102
|
box-shadow: 0 5px 100px rgb(0 0 0 / 0.15);
|
|
107
103
|
|
|
108
104
|
&.enter-from {
|
|
@@ -113,4 +109,28 @@ const showContent = ref(false)
|
|
|
113
109
|
box-shadow: none;
|
|
114
110
|
}
|
|
115
111
|
}
|
|
112
|
+
|
|
113
|
+
.yun-square-container {
|
|
114
|
+
--avatar-size: 100px;
|
|
115
|
+
|
|
116
|
+
.info-with-avatar {
|
|
117
|
+
position: relative;
|
|
118
|
+
|
|
119
|
+
&.show {
|
|
120
|
+
transform: translateY(-50%);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.info {
|
|
125
|
+
position: relative;
|
|
126
|
+
opacity: 0;
|
|
127
|
+
transform: translateY(0);
|
|
128
|
+
transition: all 0.8s map.get($cubic-bezier, 'ease-in');
|
|
129
|
+
|
|
130
|
+
&.show {
|
|
131
|
+
opacity: 1;
|
|
132
|
+
transform: translateY(calc(50% + var(--avatar-size) / 2));
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
116
136
|
</style>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "valaxy-theme-yun",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.20.0-beta.
|
|
4
|
+
"version": "0.20.0-beta.13",
|
|
5
5
|
"author": {
|
|
6
6
|
"email": "me@yunyoujun.cn",
|
|
7
7
|
"name": "YunYouJun",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"@ctrl/tinycolor": "^4.1.0",
|
|
28
28
|
"@explosions/fireworks": "^0.1.0",
|
|
29
29
|
"@iconify-json/ant-design": "^1.2.1",
|
|
30
|
-
"@iconify-json/simple-icons": "^1.2.
|
|
30
|
+
"@iconify-json/simple-icons": "^1.2.6",
|
|
31
31
|
"@vueuse/motion": "^2.2.5",
|
|
32
32
|
"animejs": "^3.2.2",
|
|
33
33
|
"gsap": "^3.12.5",
|
|
34
|
-
"primevue": "^4.0
|
|
34
|
+
"primevue": "^4.1.0",
|
|
35
35
|
"radix-vue": "^1.9.6"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|