themekit-js 1.1.21 → 1.1.30

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

@@ -31,10 +31,10 @@ const styles=computed(()=>{
 
      let _styles:string=""
     if(frontmatter.value["header-background"]!=null){
-        _styles+="background:"+frontmatter.value["header-background"]+" !important;" 
+        _styles+="background:"+frontmatter.value["header-background"] 
     }
     if(frontmatter.value["header-color"]!=null){
-        _styles+="color:"+frontmatter.value["header-color"]+" !important;"  
+        _styles+="color:"+frontmatter.value["header-color"]
     } 
     return _styles
 
@@ -95,6 +95,7 @@ watchPostEffect(() => {
   transition: background-color 0.5s;
 }
 
+.dark .VPNavBar{ background-color: var(--vp-c-bg) !important;} 
 .VPNavBar:not(.home) {
   background-color: var(--vp-nav-bg-color);
 }

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

@@ -2,17 +2,50 @@
 import Image from './Image.vue' 
 import Button from './Button.vue' 
 
+import { useData } from '../../composables/data' 
+ 
+const { base } = useData()
 const _blank:string="_blank"
 
 defineProps<{
   block?: any
 }>()
+
+
+ 
+function hasCover(children:any){
+
+  const styles:any=[]
+    for(let i=0;i<  children.length;i++){
+         const child=children[i] 
+         if(child["src"]!=null  ){ 
+               const pattern = /[?&]([^=#]+)=([^&#]*)/g; 
+              let match; 
+              while ((match = pattern.exec(child["src"])) !== null) {  
+ 
+                  if(match.length>2&&match[1]=="class"&&match[2]=="cover"){ 
+                      styles.push({"display":"block"})
+                      styles.push({"background-image":"url("+ base.value+ child["src"] +")"})
+                      break
+                  }  
+              }  
+         } 
+    }
+    return styles 
+}
 </script>
 
 <template>
   <div  class="VPFeature"  >
     <article class="box"> 
        <template v-for="(item) in block.children" >
+          
+                 
+                    <i class="box-cover"  :style="hasCover(item.children)"  >
+                      <i class="box-marker"  ></i> 
+                    </i> 
+                   
+                   
                     <h1 class="title" v-if="item.block_type=='h1'">
                        <span v-for="(h1) in item.children" class="clip">{{h1.content}}</span>
                     </h1> 
@@ -46,8 +79,7 @@ defineProps<{
 
 <style scoped>
 .VPFeature {
-  display: block;
-  border: 1px solid var(--vp-c-bg-soft);
+  display: block; 
   border-radius: 12px;
   height: 100%;
   background-color: var(--vp-c-bg-soft);
@@ -56,6 +88,34 @@ defineProps<{
   overflow: hidden;
 }
  
+.VPFeature  .box-marker {
+     display: block;
+     position: absolute;
+     top: 0;
+     left: 0;
+     right: 0;
+     bottom: 0;
+     z-index: 0;
+     opacity: 0.75;
+     background-color: #fff;
+} 
+
+.dark .VPFeature  .box-marker {
+    background-color: #222;
+}
+ 
+.VPFeature  .box-cover  {
+     display: none; 
+     position: absolute;
+     top: 0;
+     left: 0;
+     right: 0;
+     bottom: 0;
+    z-index: 0;
+    border-radius: 12px;
+    background-size: cover;
+    background-position: center;
+}
 
 .VPFeature.link:hover {
   border-color: var(--vp-c-brand-1);

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

@@ -85,15 +85,8 @@ html:not(.dark) .VPImage.dark {
 .dark .VPImage.light {
   display: none;
 }
-
-/**Feature */
-.cover{
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: -1;
-    border-radius: 12px;
+.VPImage.cover{ 
+   display: none;
 }
+
 </style>

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-BL40pKQQ.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-mJVIC3K8.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-BL40pKQQ.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-BL40pKQQ.js';
+import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, a as getDefaultExportFromCjs } from './serve-mJVIC3K8.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-mJVIC3K8.js';
 import path from 'path';
 import 'crypto';
 import 'module';

package/dist/node/{serve-BL40pKQQ.js → serve-mJVIC3K8.js}

@@ -46733,7 +46733,7 @@ function escapeHtml(string) {
 
 var escape$1 = /*@__PURE__*/getDefaultExportFromCjs(escapeHtml_1);
 
-var version = "1.1.21";
+var version = "1.1.30";
 
 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.1.21", 
+  "version": "1.1.30",   
   "description": "基于VitePress开发的Markdown静态网站生成器",
   "type": "module",
   "packageManager": "pnpm@8.15.6",