valaxy-theme-yun 0.7.3 → 0.7.4

package/components/ValaxyMain.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import type { PageData, Post } from 'valaxy'
-import { useConfig, usePostProperty, usePostTitle } from 'valaxy'
+import { useConfig, usePostTitle } from 'valaxy'
 import { computed } from 'vue'
+import { usePostProperty } from '../composables'
 
 const props = defineProps<{
   frontmatter: Post
@@ -51,9 +52,9 @@ const title = usePostTitle(computed(() => props.frontmatter))
             </YunCard>
           </slot>
 
-          <ValaxyFooter>
+          <YunFooter>
             <slot name="footer" />
-          </ValaxyFooter>
+          </YunFooter>
         </div>
       </slot>
 

package/components/YunBanner.vue

@@ -6,7 +6,7 @@
  */
 
 import { CSSProperties, computed } from 'vue'
-import { useThemeConfig } from 'valaxy'
+import { useThemeConfig } from '../composables'
 import { random } from '~/utils'
 const themeConfig = useThemeConfig()
 

package/components/YunBg.vue

@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useThemeConfig } from 'valaxy-theme-yun/composables'
+import { useCssVar } from '@vueuse/core'
+import { isDark } from '~/composables'
+
+const themeConfig = useThemeConfig()
+
+const bgImgOpacity = useCssVar('--va-bg-img-opacity')
+if (themeConfig.value.bg_image.opacity)
+  bgImgOpacity.value = themeConfig.value.bg_image.opacity.toString() || '1'
+
+const styles = computed(() => {
+  return {
+    backgroundImage: `url('${isDark.value
+      ? themeConfig.value.bg_image.dark
+      : themeConfig.value.bg_image.url
+      }')`,
+  }
+})
+</script>
+
+<template>
+  <div class="va-bg" :style="styles" />
+</template>
+
+<style lang="scss">
+.va-bg {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  background-image: var(--va-bg-image);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  animation-name: bgFadeIn;
+  animation-duration: 2s;
+  opacity: var(--va-bg-img-opacity, 1);
+}
+
+@keyframes bgFadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: var(--va-bg-img-opacity, 1);
+  }
+}
+</style>

package/components/YunCard.vue

@@ -31,8 +31,6 @@ defineProps<{ cover?: string }>()
 
   min-height: 100px;
 
-  margin: auto;
-
   // todo
   background-color: var(--va-c-bg-light);
 }

package/components/YunFooter.vue

@@ -0,0 +1,54 @@
+<script lang="ts" setup>
+import { capitalize, computed } from 'vue'
+import { useConfig } from 'valaxy'
+import { useI18n } from 'vue-i18n'
+
+import pkg from 'valaxy/package.json'
+import { useThemeConfig } from '../composables'
+
+const { t } = useI18n()
+
+const config = useConfig()
+const themeConfig = useThemeConfig()
+
+const year = new Date().getFullYear()
+
+const isThisYear = computed(() => {
+  return year === themeConfig.value.footer.since
+})
+
+const poweredHtml = computed(() => t('footer.powered', [`<a href="${pkg.repository}" target="_blank" rel="noopener">Valaxy</a> v${pkg.version}`]))
+const footerIcon = computed(() => themeConfig.value.footer.icon!)
+</script>
+
+<template>
+  <footer class="va-footer p-4" text="center sm" style="color:var(--va-c-text-light)">
+    <div v-if="themeConfig.footer.beian?.enable && themeConfig.footer.beian.icp" class="beian" m="y-2">
+      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">
+        {{ themeConfig.footer.beian.icp }}
+      </a>
+    </div>
+
+    <div class="copyright flex justify-center items-center" p="1">
+      <span>
+        &copy;
+        <template v-if="!isThisYear">
+          {{ themeConfig.footer.since }} -
+        </template>
+        {{ year }}
+      </span>
+
+      <a m="x-2" class="inline-flex animate-pulse" :href="footerIcon.url" target="_blank" :title="footerIcon.title">
+        <div :class="footerIcon.name" />
+      </a>
+
+      <span>{{ config.author.name }}</span>
+    </div>
+
+    <div v-if="themeConfig.footer.powered" class="powered" m="2">
+      <span v-html="poweredHtml" /> | <span>{{ t('footer.theme') }} - <a :href="themeConfig.pkg.homepage" :title="`valaxy-theme-${config.theme}`" target="_blank">{{ capitalize(config.theme) }}</a> v{{ themeConfig.pkg.version }}</span>
+    </div>
+
+    <slot />
+  </footer>
+</template>

package/components/YunGirls.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useRandomData } from 'valaxy-theme-yun/composables'
 import { onImgError } from '../utils'
+import { useRandomData } from '../composables'
 
 interface GirlType {
   name: string

package/components/YunPostCard.vue

@@ -0,0 +1,81 @@
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
+import type { Post } from 'valaxy'
+import { usePostProperty } from '../composables'
+
+const props = defineProps<{
+  post: Post
+}>()
+
+const { t } = useI18n()
+
+const { icon, styles } = usePostProperty(props.post.type)
+</script>
+
+<template>
+  <YunCard m="y-4 auto" :class="post.cover ? 'post-card-image' : 'post-card'" :style="styles">
+    <div class="flex flex-1 of-hidden justify-start items-start post-card-info" w="full">
+      <img
+        v-if="post.cover"
+        :src="post.cover"
+        :alt="t('post.cover')"
+        width="320" height="180"
+        w="40%" h="54"
+        class="cover object-cover object-center md:shadow"
+      >
+
+      <div class="flex flex-col flex-1 items-center" :class="post.cover && 'max-h-54'" w="full">
+        <AppLink
+          class="post-title-link"
+          :to="post.path || ''"
+          m="t-3"
+        >
+          <div class="flex justify-center items-center title text-2xl" font="serif black">
+            <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
+          </div>
+        </AppLink>
+
+        <YunPostMeta :frontmatter="post" />
+
+        <div v-if="post.excerpt" class="markdown-body" text="left" w="full" p="x-6 lt-sm:4" v-html="post.excerpt" />
+        <div m="b-5" />
+
+        <a
+          v-if="post.url"
+          :href="post.url"
+          class="post-link-btn shadow hover:shadow-md"
+          rounded
+          target="_blank"
+          m="b-4"
+        >
+          {{ t('post.view_link') }}
+        </a>
+      </div>
+    </div>
+
+    <!-- always show -->
+    <div w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
+      <div class="inline-flex">
+        <router-link
+          :to="{
+            path: '/categories/',
+            query: { category: Array.isArray(post.categories) ? post.categories[post.categories.length - 1] : post.categories },
+          }"
+          class="post-categories inline-flex justify-center items-center" m="l-2"
+        >
+          <div m="x-1" i-ri-folder-2-line />
+          {{ Array.isArray(post.categories) ? post.categories.join(' > ') : post.categories }}
+        </router-link>
+      </div>
+
+      <div class="post-tags inline-flex" m="r-2">
+        <template v-if="post.tags">
+          <router-link v-for="tag, i in post.tags" :key="i" :to="{ path: '/tags/', query: { tag } }" m="x-1" class="post-tag inline-flex justify-center items-center">
+            <div m="r-1" i-ri-price-tag-3-line />
+            {{ tag }}
+          </router-link>
+        </template>
+      </div>
+    </div>
+  </YunCard>
+</template>

package/components/YunPostList.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import type { Post } from 'valaxy'
+import { usePostList } from '~/composables'
+
+const props = withDefaults(defineProps<{
+  type?: string
+  posts?: Post[]
+  curPage?: number
+}>(), {
+  curPage: 1,
+})
+
+const pageSize = ref(7)
+
+const routes = usePostList({ type: props.type || '' })
+const posts = computed(() => props.posts || routes.value)
+const displayedPosts = computed(() => posts.value.slice((props.curPage - 1) * pageSize.value, props.curPage * pageSize.value))
+</script>
+
+<template>
+  <div w="full" p="x-4 lt-sm:0">
+    <template v-if="!displayedPosts.length">
+      <div py2 op50>
+        博主还什么都没写哦～
+      </div>
+    </template>
+
+    <Transition v-for="route, i in displayedPosts" :key="i" name="fade">
+      <YunPostCard :post="route" />
+    </Transition>
+  </div>
+
+  <ValaxyPagination :cur-page="curPage" :page-size="pageSize" :total="posts.length" />
+</template>
+
+<style>
+.yun-card-actions {
+  border-top: 1px solid rgba(122, 122, 122, 0.15);
+  min-height: 2.5rem;
+}
+
+.post-categories {
+  color: var(--va-c-text);
+}
+</style>

package/components/YunSay.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-import { useThemeConfig } from 'valaxy'
+import { useThemeConfig } from '../composables'
 
 const themeConfig = useThemeConfig()
 

package/components/YunSidebarLinks.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useThemeConfig } from 'valaxy'
+import { useThemeConfig } from '../composables'
 const themeConfig = useThemeConfig()
 </script>
 

package/components/YunSidebarNav.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
-import { useCategory, usePostList, useTag, useThemeConfig } from 'valaxy'
+import { useCategory, usePostList, useTag } from 'valaxy'
 import { useI18n } from 'vue-i18n'
+import { useThemeConfig } from '../composables'
 
 const { t } = useI18n()
 

package/components/YunToc.vue

@@ -2,7 +2,7 @@
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import type { Header } from 'valaxy'
-import { useThemeConfig } from 'valaxy'
+import { useThemeConfig } from '../composables'
 import { useFrontmatter } from '~/composables'
 import {
   resolveHeaders,

package/composables/config.ts

@@ -0,0 +1,12 @@
+import { computed } from 'vue'
+import { useConfig } from 'valaxy'
+import type { YunTheme } from '../types'
+
+/**
+ * getThemeConfig
+ * @returns
+ */
+export function useThemeConfig<ThemeConfig = YunTheme.Config>() {
+  const config = useConfig<ThemeConfig>()
+  return computed(() => config!.value.themeConfig)
+}

package/composables/helper.ts

@@ -0,0 +1,28 @@
+import { ref, watch } from 'vue'
+import { isClient } from '@vueuse/core'
+
+/**
+ * fetch data from source, and random
+ * @param source
+ * @param random
+ * @returns
+ */
+export function useRandomData<T>(source: string | T[], random = false) {
+  const data = ref<T[]>()
+
+  watch(() => source, async () => {
+    let rawData: T[]
+    if (typeof source === 'string') {
+      if (!isClient)
+        return
+      rawData = await fetch(source).then(res => res.json()) as T[]
+    }
+    else { rawData = source }
+
+    data.value = random ? Array.from(rawData).sort(() => Math.random() - 0.5) : rawData
+  }, { immediate: true })
+
+  return {
+    data,
+  }
+}

package/composables/index.ts

@@ -1,28 +1,3 @@
-import { ref, watch } from 'vue'
-import { isClient } from '@vueuse/core'
-
-/**
- * fetch data from source, and random
- * @param source
- * @param random
- * @returns
- */
-export function useRandomData<T>(source: string | T[], random = false) {
-  const data = ref<T[]>()
-
-  watch(() => source, async () => {
-    let rawData: T[]
-    if (typeof source === 'string') {
-      if (!isClient)
-        return
-      rawData = await fetch(source).then(res => res.json()) as T[]
-    }
-    else { rawData = source }
-
-    data.value = random ? Array.from(rawData).sort(() => Math.random() - 0.5) : rawData
-  }, { immediate: true })
-
-  return {
-    data,
-  }
-}
+export * from './config'
+export * from './helper'
+export * from './post'

package/composables/post.ts

@@ -0,0 +1,37 @@
+import type { StyleValue } from 'vue'
+import { computed } from 'vue'
+import { useThemeConfig } from './config'
+
+/**
+ * get type card property
+ * todo: test reactive
+ */
+export function usePostProperty(type?: string) {
+  if (!type) {
+    return {
+      color: '',
+      icon: '',
+      styles: {},
+    }
+  }
+
+  const themeConfig = useThemeConfig()
+
+  if (!(type in themeConfig.value.types))
+    type = 'link'
+
+  const color = themeConfig.value.types[type].color
+  const icon = themeConfig.value.types[type].icon
+
+  const styles = computed(() => {
+    return {
+      '--card-c-primary': type && color,
+    } as StyleValue
+  })
+
+  return {
+    color,
+    icon,
+    styles,
+  }
+}

package/config/index.ts

@@ -1,141 +1,12 @@
-export const anonymousImage = 'https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg'
-
-export namespace YunTheme {
-  export type Config = ThemeConfig
-  export type Sidebar = any
-}
-
-/**
- * Theme Config
- */
-export interface ThemeConfig {
-  /**
-   * toc title
-   * @default 'On this page'
-   */
-  outlineTitle: string
-
-  // for unocss
-  safelist: string[]
-  colors: {
-    /**
-     * primary color
-     * @default '#0078E7'
-     */
-    primary: string
-  }
-
-  /**
-   * 首页标语
-   */
-  banner: {
-    enable: boolean
-    /**
-     * 标题
-     */
-    title: string
-  }
-
-  bg_image: {
-    enable: boolean
-    url: string
-    dark?: string
-    opacity?: number
-  }
-
-  /**
-   * say something
-   * https://say.elpsy.cn
-   */
-  say: {
-    enable: boolean
-    api: string
-    hitokoto: {
-      enable: boolean
-      api: string
-    }
-  }
+import type { ThemeConfig, ThemeUserConfig } from '../types'
 
-  pages: {
-    name: string
-    url: string
-    icon: string
-    color: string
-  }[]
-
-  sidebar: YunTheme.Sidebar
-
-  /**
-   * footer
-   */
-  footer: {
-    /**
-     * 建站于
-     */
-    since: number
-
-    /**
-     * Icon between year and copyright info.
-     */
-    icon: {
-      /**
-       * icon name, i-xxx
-       */
-      name: string
-      animated: boolean
-      color: string
-      url: string
-      title: string
-    }
-
-    /**
-     * Powered by valaxy & valaxy-theme-${name}, default is yun
-     */
-    powered: boolean
-
-    /**
-     * Chinese Users | 中国用户
-     * 备案 ICP
-     * 国内用户需要在网站页脚展示备案 ICP 号
-     * https://beian.miit.gov.cn/
-     */
-    beian: {
-      enable: boolean
-      /**
-       * 苏ICP备xxxxxxxx号
-       */
-      icp: string
-    }
-  }
-
-  /**
-   * post card types
-   */
-  types: Record<string, {
-    color: string
-    icon: string
-  }>
-
-  /**
-   * 菜单栏
-   */
-  menu: {
-    custom: {
-      title: string
-      url: string
-      icon: string
-    }
-  }
-}
-
-export type ThemeUserConfig = Partial<ThemeConfig>
+export const anonymousImage = 'https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg'
 
 /**
  * Default Config
  */
 export const defaultThemeConfig: ThemeConfig = {
   outlineTitle: 'On this page',
-  safelist: ['i-ri-clipboard-line'],
   colors: {
     primary: '#0078E7',
   },
@@ -236,8 +107,6 @@ export const defaultThemeConfig: ThemeConfig = {
   },
 }
 
-defaultThemeConfig.safelist = defaultThemeConfig.safelist.concat(generateSafelist(defaultThemeConfig))
-
 export default defaultThemeConfig
 
 /**
@@ -251,7 +120,7 @@ export function generateSafelist(themeConfig: ThemeUserConfig) {
   const types = themeConfig.types
   if (types) {
     for (const type in types)
-      safelist.push(types[type].icon)
+      safelist.push(types[type]?.icon)
   }
 
   if (themeConfig.footer?.icon?.name)

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { Plugin } from 'vite';
 
-declare const anonymousImage = "https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg";
 declare namespace YunTheme {
     type Config = ThemeConfig;
     type Sidebar = any;
@@ -14,7 +13,6 @@ interface ThemeConfig {
      * @default 'On this page'
      */
     outlineTitle: string;
-    safelist: string[];
     colors: {
         /**
          * primary color
@@ -60,7 +58,7 @@ interface ThemeConfig {
     /**
      * footer
      */
-    footer: {
+    footer: Partial<{
         /**
          * 建站于
          */
@@ -95,7 +93,7 @@ interface ThemeConfig {
              */
             icp: string;
         };
-    };
+    }>;
     /**
      * post card types
      */
@@ -115,6 +113,8 @@ interface ThemeConfig {
     };
 }
 declare type ThemeUserConfig = Partial<ThemeConfig>;
+
+declare const anonymousImage = "https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg";
 /**
  * Default Config
  */

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n= exports.defaultThemeConfig ={outlineTitle:"On this page",safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(e){var t,r,a,l,s,c,u,p;let i=[],o=e.types;if(o)for(let g in o)i.push(o[g].icon);return(r=(t=e.footer)==null?void 0:t.icon)!=null&&r.name&&i.push((l=(a=e.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=e.menu)==null?void 0:s.custom)!=null&&c.icon&&i.push((p=(u=e.menu)==null?void 0:u.custom)==null?void 0:p.icon),i}function b(e=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=e.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var y=b;exports.anonymousImage = f; exports.default = y; exports.defaultThemeConfig = n; exports.generateSafelist = m; exports.yunPlugin = b;
+"use strict";var r=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var v=(e,i)=>{for(var o in i)r(e,o,{get:i[o],enumerable:!0})},x=(e,i,o,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of h(i))!y.call(e,n)&&n!==o&&r(e,n,{get:()=>i[n],enumerable:!(t=b(i,n))||t.enumerable});return e};var T=e=>x(r({},"__esModule",{value:!0}),e);var C={};v(C,{anonymousImage:()=>w,default:()=>j,defaultThemeConfig:()=>a,generateSafelist:()=>Y,yunPlugin:()=>g});module.exports=T(C);var w="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",a={outlineTitle:"On this page",colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};function Y(e){var t,n,l,c,u,s,p,m,f;let i=[],o=e.types;if(o)for(let d in o)i.push((t=o[d])==null?void 0:t.icon);return(l=(n=e.footer)==null?void 0:n.icon)!=null&&l.name&&i.push((u=(c=e.footer)==null?void 0:c.icon)==null?void 0:u.name),(p=(s=e.menu)==null?void 0:s.custom)!=null&&p.icon&&i.push((f=(m=e.menu)==null?void 0:m.custom)==null?void 0:f.icon),i}function g(e=a){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=e.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var j=g;0&&(module.exports={anonymousImage,defaultThemeConfig,generateSafelist,yunPlugin});

package/dist/index.mjs

@@ -1 +1 @@
-var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n={outlineTitle:"On this page",safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(e){var t,r,a,l,s,c,u,p;let i=[],o=e.types;if(o)for(let g in o)i.push(o[g].icon);return(r=(t=e.footer)==null?void 0:t.icon)!=null&&r.name&&i.push((l=(a=e.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=e.menu)==null?void 0:s.custom)!=null&&c.icon&&i.push((p=(u=e.menu)==null?void 0:u.custom)==null?void 0:p.icon),i}function b(e=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=e.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var y=b;export{f as anonymousImage,y as default,n as defaultThemeConfig,m as generateSafelist,b as yunPlugin};
+var d="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",m={outlineTitle:"On this page",colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};function b(i){var n,t,r,a,l,c,u,s,p;let e=[],o=i.types;if(o)for(let f in o)e.push((n=o[f])==null?void 0:n.icon);return(r=(t=i.footer)==null?void 0:t.icon)!=null&&r.name&&e.push((l=(a=i.footer)==null?void 0:a.icon)==null?void 0:l.name),(u=(c=i.menu)==null?void 0:c.custom)!=null&&u.icon&&e.push((p=(s=i.menu)==null?void 0:s.custom)==null?void 0:p.icon),e}function g(i=m){return{name:"valaxy-theme-yun",enforce:"pre",config(){var e;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((e=i.colors)==null?void 0:e.primary)||"#0078E7"} !default;`}}}}}}}var v=g;export{d as anonymousImage,v as default,m as defaultThemeConfig,b as generateSafelist,g as yunPlugin};

package/layouts/base.vue

@@ -6,7 +6,7 @@ const config = useConfig()
 
 <template>
   <slot name="bg">
-    <ValaxyBg v-if="config.themeConfig.bg_image.enable" />
+    <YunBg v-if="config.themeConfig.bg_image.enable" />
   </slot>
 
   <ValaxySidebar>

package/layouts/home.vue

@@ -11,7 +11,7 @@ const isHome = useLayout('home')
 </script>
 
 <template>
-  <ValaxyBg v-if="config.themeConfig.bg_image.enable" />
+  <YunBg v-if="config.themeConfig.bg_image.enable" />
 
   <main class="yun-main justify-center items-center" :class="(isHome && !app.isSidebarOpen) && 'pl-0'" flex="~ col" w="full">
     <ValaxySidebar>
@@ -29,9 +29,9 @@ const isHome = useLayout('home')
       <router-view />
     </slot>
 
-    <ValaxyFooter>
+    <YunFooter>
       <slot name="footer" />
-    </ValaxyFooter>
+    </YunFooter>
   </main>
 
   <YunSearch v-if="config.search.enable" />

package/layouts/tags.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import { useFrontmatter, useInvisibleElement, usePostList, usePostTitle, useTags, useThemeConfig } from 'valaxy'
+import { useFrontmatter, useInvisibleElement, usePostList, usePostTitle, useTags } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useThemeConfig } from '../composables'
 
 const route = useRoute()
 const router = useRouter()
@@ -78,13 +79,3 @@ const title = usePostTitle(frontmatter)
     </template>
   </Base>
 </template>
-
-<style lang="scss">
-.post-tag {
-  color: var(--yun-tag-color);
-
-  &:hover {
-    color: var(--va-c-primary);
-  }
-}
-</style>

package/{index.ts → node/index.ts}

@@ -1,8 +1,9 @@
 import type { Plugin } from 'vite'
-import type { ThemeConfig } from './config'
-import { defaultThemeConfig } from './config'
+import type { ThemeConfig } from '../types'
+import { defaultThemeConfig } from '../config'
 
-export * from './config'
+export * from '../config'
+export * from '../types'
 
 export interface UserOptions {
   colors: {

package/package.json

@@ -1,27 +1,38 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
     "url": "https://www.yunyoujun.cn"
   },
-  "homepage": "https://valaxy.yyj.moe/",
+  "homepage": "https://yun.valaxy.site",
   "repository": {
     "type": "git",
     "url": "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun"
   },
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./*": "./*"
+  },
   "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "peerDependencies": {
+    "valaxy": "0.7.4"
+  },
   "dependencies": {
     "@iconify-json/ant-design": "^1.1.3",
-    "@iconify-json/simple-icons": "^1.1.18"
+    "@iconify-json/simple-icons": "^1.1.19"
   },
   "devDependencies": {
-    "valaxy": "0.7.3"
+    "valaxy": "0.7.4"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "rimraf dist && tsup",
     "dev": "tsup --watch"
   }
 }

package/pages/index.vue

@@ -0,0 +1,8 @@
+<template>
+  <YunPostList />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: home
+</route>

package/pages/page/[page].vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+defineProps<{ page: string }>()
+</script>
+
+<template>
+  <YunPostList :cur-page="parseInt(page)" />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: home
+</route>

package/styles/layout/post.scss

@@ -90,3 +90,12 @@
     content: none;
   }
 }
+
+.post-tag {
+  white-space: nowrap;
+  color: var(--yun-tag-color);
+
+  &:hover {
+    color: var(--va-c-primary);
+  }
+}

package/tsup.config.ts

@@ -2,12 +2,15 @@ import { defineConfig } from 'tsup'
 
 export default defineConfig((options) => {
   return {
-    entry: ['index.ts'],
-    splitting: true,
+    entry: ['node/index.ts'],
     // disable for dev watch before valaxy watch
     clean: !options.watch,
     dts: true,
     format: ['cjs', 'esm'],
     minify: !options.watch,
+    external: [
+      'valaxy',
+      'vite',
+    ],
   }
 })

package/types/index.ts

@@ -0,0 +1,127 @@
+export namespace YunTheme {
+  export type Config = ThemeConfig
+  export type Sidebar = any
+}
+
+/**
+ * Theme Config
+ */
+export interface ThemeConfig {
+  /**
+   * toc title
+   * @default 'On this page'
+   */
+  outlineTitle: string
+
+  colors: {
+    /**
+     * primary color
+     * @default '#0078E7'
+     */
+    primary: string
+  }
+
+  /**
+   * 首页标语
+   */
+  banner: {
+    enable: boolean
+    /**
+     * 标题
+     */
+    title: string
+  }
+
+  bg_image: {
+    enable: boolean
+    url: string
+    dark?: string
+    opacity?: number
+  }
+
+  /**
+   * say something
+   * https://say.elpsy.cn
+   */
+  say: {
+    enable: boolean
+    api: string
+    hitokoto: {
+      enable: boolean
+      api: string
+    }
+  }
+
+  pages: {
+    name: string
+    url: string
+    icon: string
+    color: string
+  }[]
+
+  sidebar: YunTheme.Sidebar
+
+  /**
+   * footer
+   */
+  footer: Partial<{
+    /**
+     * 建站于
+     */
+    since: number
+
+    /**
+     * Icon between year and copyright info.
+     */
+    icon: {
+      /**
+       * icon name, i-xxx
+       */
+      name: string
+      animated: boolean
+      color: string
+      url: string
+      title: string
+    }
+
+    /**
+     * Powered by valaxy & valaxy-theme-${name}, default is yun
+     */
+    powered: boolean
+
+    /**
+     * Chinese Users | 中国用户
+     * 备案 ICP
+     * 国内用户需要在网站页脚展示备案 ICP 号
+     * https://beian.miit.gov.cn/
+     */
+    beian: {
+      enable: boolean
+      /**
+       * 苏ICP备xxxxxxxx号
+       */
+      icp: string
+    }
+  }>
+
+  /**
+   * post card types
+   */
+  types: Record<string, {
+    color: string
+    icon: string
+  }>
+
+  /**
+   * 菜单栏
+   */
+  menu: {
+    custom: {
+      title: string
+      url: string
+      icon: string
+    }
+  }
+}
+
+export type ThemeUserConfig = Partial<ThemeConfig>

package/unocss.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  shortcuts: [
+    ['yun-main', 'lt-md:pl-0'],
+    ['yun-card', 'm-auto transition yun-transition shadow hover:shadow-lg'],
+  ],
+})