valaxy-theme-hairy 0.0.7 → 0.0.10

package/components/HairyArticleSeries.vue

@@ -15,7 +15,7 @@ function isCurrent(title = '') {
 </script>
 
 <template>
-  <div class="pl-16px text-14px relative overflow-hidden">
+  <div class="pl-16px text-14px relative overflow-hidden animate__animated animate__fadeIn">
     <div class="outline-title">
       On this Series
     </div>

package/components/HairyFooter.vue

@@ -21,7 +21,7 @@ const footerIcon = computed(() => themeConfig.value.footer.icon)
 </script>
 
 <template>
-  <footer class="va-footer p-4 pb-10" text="center sm" style="color:var(--va-c-text-light)">
+  <footer v-if="themeConfig.footer" class="va-footer p-4 pb-10" 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 }}

package/components/HairyImageGroup.vue

@@ -2,8 +2,8 @@
 import { computed, provide, useCssVars, useSlots } from 'vue'
 import { executeOverlay } from 'unoverlay-vue'
 import type { ImageViewerProps } from 'element-plus/es/components/image-viewer/index'
-import type { AtWillNumber } from '@hairy/libcore'
-import { atWillToUnit } from '@hairy/libcore'
+import type { AtWillNumber } from '../utils'
+import { atWillToUnit } from '../utils'
 import HairyImageViewer from './HairyImageViewer.vue'
 
 const props = withDefaults(defineProps<{

package/components/HairyToc.vue

@@ -32,7 +32,7 @@ function handleClick({ target: el }: Event) {
 </script>
 
 <template>
-  <div v-show="resolvedHeaders.length" ref="container">
+  <div v-show="resolvedHeaders.length" ref="container" class="animate__animated animate__fadeIn">
     <div class="content">
       <div class="outline-title">
         {{ themeConfig.outlineTitle || 'On this page' }}

package/components/HairyUserCard.vue

@@ -11,7 +11,7 @@ const description = computed(() => theme.value.user?.description || config.value
 </script>
 
 <template>
-  <div class="pt-5">
+  <div class="pt-5 animate__animated animate__fadeIn">
     <div class="flex flex-col items-center">
       <img class="mx-auto w-40 rounded-full -mx-1px" :src="config.author.avatar" />
       <div class="leading-loose mt-2">

package/node/addon-hairy.ts

@@ -1,6 +1,8 @@
-import type { ValaxyExtendConfig } from 'valaxy'
+import type { ResolvedValaxyOptions, ValaxyExtendConfig } from 'valaxy'
+import type { HairyTheme } from 'valaxy-theme-hairy'
 
-function addonHairy(): ValaxyExtendConfig {
+function addonHairy(options: ResolvedValaxyOptions<HairyTheme>): ValaxyExtendConfig {
+  const safelist = options.config.themeConfig?.nav?.filter(v => v.icon)?.map(v => v.icon || '') || []
   return {
     extendMd(ctx) {
       if (ctx.route.meta.excerpt)
@@ -19,6 +21,9 @@ function addonHairy(): ValaxyExtendConfig {
         route.meta.layout = 'hairy'
       },
     },
+    unocss: {
+      safelist,
+    },
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-hairy",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "packageManager": "pnpm@7.5.0",
   "author": {
     "email": "wwu710632@gmail.com",
@@ -21,7 +21,6 @@
   "dependencies": {
     "@docsearch/css": "^3.1.1",
     "@docsearch/js": "^3.1.1",
-    "@hairy/libcore": "^0.3.0",
     "@hairy/vue-use": "^1.2.0",
     "@iconify-json/ant-design": "^1.1.3",
     "@iconify-json/simple-icons": "^1.1.19",
@@ -35,7 +34,7 @@
     "markdown-toc": "^1.2.0",
     "reading-time": "^1.5.0",
     "swiper": "^8.3.1",
-    "unoverlay-vue": "0.2.1"
+    "unoverlay-vue": "0.2.2"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.182",

package/utils/index.ts

@@ -1,3 +1,5 @@
+import { isNumber, isString } from 'lodash-es'
+
 /**
  * 跳转到新的页面
  * @param url 跳转url
@@ -26,3 +28,11 @@ export const toArr = <T>(arr: T[] | T): T[] => {
     return arr as any
   else return [arr].filter(Boolean) as any
 }
+
+export type AtWillNumber = string | number
+
+export const atWillToUnit = (value: AtWillNumber, unit = 'px') => {
+  if (!(isString(value) || isNumber(value)))
+    return ''
+  return isString(value) && /\D/g.test(value) ? value : value + unit
+}

package/valaxy.config.ts

@@ -7,7 +7,7 @@ import addonStatistics from './node/addon-statistics'
 import addonToc from './node/addon-toc'
 export default defineTheme<HairyTheme>((options) => {
   const images = addonImages(options)
-  const hairy = addonHairy()
+  const hairy = addonHairy(options)
 
   return {
     vite: images.vite,

package/dist/index.d.ts

@@ -1,15 +0,0 @@
-import * as valaxy_dist_node from 'valaxy/dist/node';
-
-interface HairyTheme {
-    nav?: NavItem[];
-}
-interface NavItem {
-    text: string;
-    icon?: string;
-    link?: string;
-    items?: NavItem[];
-}
-
-declare const _default: Promise<valaxy_dist_node.ValaxyThemePlugin | valaxy_dist_node.ThemeConfigFn>;
-
-export { HairyTheme, NavItem, _default as default };

package/dist/index.js

@@ -1,40 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// node/index.ts
-var node_exports = {};
-__export(node_exports, {
-  default: () => node_default
-});
-module.exports = __toCommonJS(node_exports);
-var import_valaxy = require("valaxy");
-var safelist = [
-  "i-ri-home-line",
-  "i-ri-github-line"
-];
-var node_default = (0, import_valaxy.defineThemePlugin)(() => {
-  return {
-    vite: {},
-    unocss: {
-      safelist
-    }
-  };
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/index.mjs

@@ -1,17 +0,0 @@
-// node/index.ts
-import { defineThemePlugin } from "valaxy";
-var safelist = [
-  "i-ri-home-line",
-  "i-ri-github-line"
-];
-var node_default = defineThemePlugin(() => {
-  return {
-    vite: {},
-    unocss: {
-      safelist
-    }
-  };
-});
-export {
-  node_default as default
-};