valaxy-theme-yun 0.23.4 → 0.23.6

package/components/YunBanner.vue

@@ -44,7 +44,7 @@ onMounted(async () => {
   await sleep(500)
   lineStatus.value = 'active'
   if (yun.isNimbo) {
-    await sleep(500)
+    await sleep(themeConfig.value.banner.duration || 500)
     lineStatus.value = 'exit'
 
     animationStatus.value = 'prologue'

package/components/page/YunPageHeaderGradient.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useValaxyDark } from 'valaxy'
 import { computed } from 'vue'
+
 // background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
 const { isDark } = useValaxyDark()
 const gradientStyles = computed(() => {

package/components/theme/nimbo/YunNimboNavMenu.vue

@@ -64,11 +64,11 @@ const app = useAppStore()
           />
 
           <YunNavMenuItem
-            v-for="item, i in themeConfig.pages"
+            v-for="item, i in themeConfig.nav"
             :key="i"
             :icon="item.icon"
-            :to="item.url"
-            :title="item.name"
+            :to="item.link"
+            :title="item.text"
           />
         </template>
       </div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "valaxy-theme-yun",
   "type": "module",
-  "version": "0.23.4",
+  "version": "0.23.6",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -24,15 +24,15 @@
     "@ctrl/tinycolor": "^4.1.0",
     "@explosions/fireworks": "^0.2.0",
     "@iconify-json/ant-design": "^1.2.5",
-    "@iconify-json/simple-icons": "^1.2.35",
+    "@iconify-json/simple-icons": "^1.2.40",
     "@vueuse/motion": "^3.0.3",
     "animejs": "^4.0.2",
     "gsap": "^3.13.0",
-    "primevue": "^4.3.4"
+    "primevue": "^4.3.5"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.13",
-    "valaxy": "0.23.4",
+    "valaxy": "0.23.6",
     "valaxy-addon-waline": "0.2.1"
   },
   "scripts": {

package/types/index.d.ts

@@ -27,6 +27,14 @@ export namespace YunTheme {
      * site-name class
      */
     siteNameClass?: string
+
+    /**
+     * @nimbo
+     * @en Banner Animation Duration
+     * @zh Banner 动画持续时间
+     * @default 500
+     */
+    duration?: number
   }
 }
 
@@ -89,6 +97,14 @@ export interface ThemeConfig extends DefaultTheme.Config {
    * 首页标语
    */
   banner: YunTheme.Banner
+  // /**
+  //  * prologue
+  //  * 开场白
+  //  * @zh banner 之后的首页导航
+  //  */
+  // prologue: {
+  //   enable: boolean
+  // }
 
   /**
    * @en Background image
@@ -279,7 +295,8 @@ export interface NavItemGroup {
   items: NavItemLink[]
 }
 
-export type NavItem = NavItemLink | NavItemGroup
+// export type NavItem = NavItemLink | NavItemGroup
+export type NavItem = NavItemLink
 
 /**
  * girl

package/components/YunClassifyPopover.vue

@@ -1,60 +0,0 @@
-<script setup lang="ts">
-import type { ComponentInstance } from 'vue'
-import { useMotion } from '@vueuse/motion'
-import Popover from 'primevue/popover'
-import { onMounted, ref } from 'vue'
-
-const op = ref<ComponentInstance<typeof Popover>>()
-
-const pContentRef = ref<HTMLElement>()
-const motion = useMotion(pContentRef, {
-  initial: {
-    opacity: 0,
-    translateY: 30,
-  },
-  enter: {
-    opacity: 1,
-    translateY: 0,
-    transition: {
-      type: 'spring',
-      duration: 200,
-      damping: 9,
-    },
-  },
-})
-
-onMounted(() => {
-  motion.variant.value = 'initial'
-
-  // 滚动时隐藏
-  window.addEventListener('scroll', () => {
-    motion.variant.value = 'initial'
-    setTimeout(() => {
-      op.value?.hide()
-    }, 200)
-  })
-})
-
-function toggle(event: Event) {
-  op.value?.toggle(event)
-  motion.variant.value = op.value?.visible ? 'enter' : 'initial'
-}
-</script>
-
-<template>
-  <YunNavMenuItem
-    icon="i-ri-mind-map" @click="toggle"
-  />
-  <Popover
-    ref="op"
-  >
-    <div
-      ref="pContentRef"
-      class="p-4 shadow-xl"
-      bg="$va-c-bg-light"
-    >
-      <YunSiteInfo class="text-center" />
-      <YunPostsInfo />
-    </div>
-  </Popover>
-</template>