themekit-js 1.48.817 → 1.48.820

package/dist/client/app/index.js

@@ -49,6 +49,18 @@ const VitePressApp = defineComponent({
                     link.rel = "stylesheet";
                     document.head.appendChild(link);
                 }
+                const hbgs = document.querySelectorAll(".block-hero-background-img");
+                for (var i = 0; i < hbgs.length; i++) {
+                    const img = hbgs[i];
+                    img.addEventListener("load", function () {
+                        if (img.parentElement != null) {
+                            var p1 = img.parentElement;
+                            if (p1.parentElement != null) {
+                                p1.parentElement.style.minHeight = img.clientHeight + "px";
+                            }
+                        }
+                    });
+                }
                 /*
                 for(var scriptSrc in scripts){
                   const script = document.createElement('script');

package/dist/client/theme-default/Layout.vue

@@ -96,5 +96,5 @@ provide('hero-image-slot-exists', heroImageSlotExists)
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-}
+}  
 </style>

package/dist/client/theme-default/components/VPNav.vue

@@ -34,7 +34,7 @@ watchEffect(() => {
       <template #nav-screen-content-before><slot name="nav-screen-content-before" /></template>
       <template #nav-screen-content-after><slot name="nav-screen-content-after" /></template>
     </VPNavScreen>
-  </header>
+  </header> 
 </template>
 
 <style scoped>
@@ -48,6 +48,7 @@ watchEffect(() => {
   pointer-events: none;
   transition: background-color 0.5s;
 }
+ 
 
 @media (min-width: 960px) {
   .VPNav {

package/dist/client/theme-default/components/blocks/Hero.vue

@@ -55,10 +55,7 @@ const props = withDefaults(defineProps<Props>(), {
    return HeroImg!==null&& HeroImg.src!=""
 })
 
-const hasBgImg =computed(()=>{
-    return props.block['nav-color']!==null
-})
-
+ 
 
 import   { useData } from 'themekit-js'
 const { base } = useData()
@@ -86,19 +83,19 @@ const styles= computed(() => {
 </script>
  
 <template> 
-  <div class="VPHero block-hero" :class="[{ 'has-image':hasImg},block.class?block.class:'']" :style="styles">
-         <template v-for="(item) in block.children" >
-              
+
+<div class="hero-frame">
+<template v-for="(item) in block.children" > 
               <template v-if="item.block_type=='p'"> 
                     <template v-for="(pItem) in item.children" >
                         <div class="block-hero-background" v-if="pItem.block_type=='img'&&pItem.alt=='background' ">
-                            <Image :block="pItem" ></Image>  
+                            <img class="block-hero-background-img" :src="pItem.src" alt="IMG" > 
                         </div>
                     </template> 
               </template> 
-          </template>  
-    <div v-if="hasBgImg" class="hero-bgi-nav" :style="{'background-color':block['nav-color']}"></div>
-    <div class="container">  
+   </template>  
+  <div class="VPHero block-hero" :class="[{ 'has-image':hasImg},block.class?block.class:'']" :style="styles">
+    
       <div class="main"> 
           <template v-for="(item) in block.children" >
               <template v-if="item.block_type=='h1'">
@@ -125,7 +122,7 @@ const styles= computed(() => {
                     <template v-for="(pItem) in item.children" >
                           <A v-if="pItem.block_type=='a'" :block="pItem"></A>
                           <template v-if="pItem.block_type=='text'">{{pItem.content}}</template> 
-                          <template v-if="pItem.block_type=='img'&&pItem.src!=HeroImg.src">
+                          <template v-if="pItem.block_type=='img'&&pItem.src!=HeroImg.src&&pItem.alt!='background'">
                               <Image :block="pItem" ></Image>  
                           </template>
                     </template>
@@ -141,59 +138,54 @@ const styles= computed(() => {
            </div>
       </div>
     </div>
-  </div>
+  </div> 
 </template>
 
 <style scoped>
-.VPHero {
-  position: relative;
-  margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);
-  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px;
-  background-size: cover;
-  background-position: center;
-  position: relative;
-}
 
+.hero-frame{ display: flex;  position: relative;  }
+.VPHero { 
+      padding: 64px 24px;
+      background-size: cover;
+      background-position: center; 
+      margin: 0 auto;
+      max-width: 1152px;
+      flex: 1 ;align-self: center
+}
+ 
 .block-hero-background{
-     position: absolute;
+    position: absolute;
     left: 0;
     top: 0;
+    overflow-y: auto;
+    max-width: 100%;
+    display: flex;
+    justify-content: center;
 }
-.hero-bgi-nav{
-  height:var(--vp-nav-height)  ; 
-  position: absolute;
-  left:0;
-  right:0;
-  top:0;  
-}
-
-.dark .hero-bgi-nav{
-  background-color: var(--vp-c-bg) !important;
+.block-hero-background img{ 
+  max-width: none;
+  width: auto !important;
+  height: 100% !important;
 }
+ 
 @media (min-width: 640px) {
   .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px;
+     padding: 64px 0; 
   }
+  .block-hero-background{
+    overflow: hidden;}
 }
 
 @media (min-width: 960px) {
-  .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px;
-  }
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-  margin: 0 auto;
-  max-width: 1152px;
-}
 
-@media (min-width: 960px) {
-  .container {
-    flex-direction: row;
+  .VPHero {
+    padding: 64px 0;  
   }
+  .block-hero-background{
+    overflow: hidden;}
 }
+ 
+ 
 
 .main {
   position: relative;

package/dist/node/cli.js

@@ -1,4 +1,4 @@
-import { a as getDefaultExportFromCjs, q as c, t as clearCache, n as init, b as build, o as serve, v as version, p as createServer } from './serve-CByv2PSW.js';
+import { a as getDefaultExportFromCjs, q as c, t as clearCache, n as init, b as build, o as serve, v as version, p as createServer } from './serve-ICa4jpBf.js';
 import { createLogger } from 'vite';
 import 'path';
 import 'shiki';

package/dist/node/index.js

@@ -1,7 +1,7 @@
 import { normalizePath } from 'vite';
 export { loadEnv } from 'vite';
-import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, a as getDefaultExportFromCjs } from './serve-CByv2PSW.js';
-export { S as ScaffoldThemeType, b as build, p as createServer, e as defineConfig, h as defineConfigWithTheme, d as defineLoader, n as init, j as mergeConfig, r as resolveConfig, l as resolvePages, k as resolveSiteData, i as resolveUserConfig, s as scaffold, o as serve } from './serve-CByv2PSW.js';
+import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, a as getDefaultExportFromCjs } from './serve-ICa4jpBf.js';
+export { S as ScaffoldThemeType, b as build, p as createServer, e as defineConfig, h as defineConfigWithTheme, d as defineLoader, n as init, j as mergeConfig, r as resolveConfig, l as resolvePages, k as resolveSiteData, i as resolveUserConfig, s as scaffold, o as serve } from './serve-ICa4jpBf.js';
 import path from 'path';
 import 'crypto';
 import 'module';

package/dist/node/{serve-CByv2PSW.js → serve-ICa4jpBf.js}

@@ -46744,7 +46744,7 @@ function escapeHtml(string) {
 
 var escape$1 = /*@__PURE__*/getDefaultExportFromCjs(escapeHtml_1);
 
-var version = "1.48.0817";
+var version = "1.48.0820";
 
 async function renderPage(render, config, page, result, appChunk, cssChunk, assets, pageToHashMap, metadataScript, additionalHeadTags) {
   const routePath = `/${page.replace(/\.md$/, "")}`;

package/package.json

@@ -1,6 +1,6 @@
 { 
   "name": "themekit-js",
-  "version": "1.48.0817",  
+  "version": "1.48.0820",  
   "description": "基于VitePress开发的Markdown静态网站生成器",
   "type": "module",
   "packageManager": "pnpm@8.15.6",