themekit-js 1.1.32 → 1.1.36

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

@@ -9,18 +9,31 @@ const { base } = useData()
 const styles= computed(() => { 
 
   let styles:any=[ ];
+  if(block['background']){
+    styles.push({ 'background':block['background']})
+  }
   if(block['background-color']){
     styles.push({ 'background-color':block['background-color']})
   }
   if(block['background-image']){ 
-    styles.push({ 'background-image':'url('+base.value+block['background-image']+")"})
-
+      const src=block['background-image']
+      if(src.substring(0,1)=="/"){
+        styles.push({"background-image":"url("+ base.value+src.substring(1,src.length) +")"})
+      }else{
+        styles.push({"background-image":"url("+  src +")"})
+      }  
+  }  
+  if(block['width']){ 
+    styles.push({ 'width':block['width']}) 
   }  
+  if(block['height']){ 
+    styles.push({ 'height':block['height']}) 
+  }  
+  if(block['color']){ 
+    styles.push({ 'color':block['color']}) 
+  } 
   return styles
-})
-
-    
- 
+}) 
 </script> 
 <template> 
  
@@ -30,7 +43,7 @@ const styles= computed(() => {
 </template> 
  
 <style>  
-.doc{  background-size: cover;background-position: center;} 
+.doc{  background-size: cover;background-position: center;   margin: 0 auto;} 
 </style>
 <style scoped>  
  

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

@@ -13,27 +13,42 @@ defineProps<{
 
 
  
+ 
+function hasMasker(children:any){
+  return hasParam(children,"masker" );
+}
 function hasCover(children:any){
-
-  const styles:any=[]
+  return hasParam(children,"cover" );
+}
+function hasParam(children:any,name:string ){
+    const styles:any=[]
     for(let i=0;i<  children.length;i++){
          const child=children[i] 
          if(child["src"]!=null  ){ 
-               const pattern = /[?&]([^=#]+)=([^&#]*)/g; 
+              const src=child["src"]
+              const pattern = /[?&]([^=#]+)=([^&#]*)/g;  
+              const params:any={}
               let match; 
-              while ((match = pattern.exec(child["src"])) !== null) {  
- 
-                  if(match.length>2&&match[1]=="class"&&match[2]=="cover"){ 
-                      styles.push({"display":"block"})
-                      const src=child["src"]
+              while ((match = pattern.exec(src)) !== null) {   
+                  params[match[1]]=match[2]  
+              }   
+              if(params["class"]==name){ 
+                       styles.push({"display":"block"}) 
                       if(src.substring(0,1)=="/"){
                         styles.push({"background-image":"url("+ base.value+src.substring(1,src.length) +")"})
                       }else{
                         styles.push({"background-image":"url("+  src +")"})
                       } 
-                      break
-                  }  
-              }  
+                      if(params["color"]){
+                        styles.push({"color":params["color"]}) 
+                      }
+                      if(params["background"]){
+                        styles.push({"background":params["background"]}) 
+                      } 
+                      if(params["height"]){
+                        styles.push({"height":params["height"]}) 
+                      }
+              } 
          } 
     }
     return styles 
@@ -43,14 +58,12 @@ function hasCover(children:any){
 <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> 
-                   
-                   
+       <template v-for="(item) in block.children" > 
+                    <div class="box-cover"  :style="hasCover(item.children)"   ></div> 
+                    <i   class="box-cover-fixed"  :style="hasCover(item.children)" ></i>
+                    <div class="box-cover"  :style="hasMasker(item.children)"  >
+                         <i class="box-marker"  ></i> 
+                    </div>    
                     <h1 class="title" v-if="item.block_type=='h1'">
                        <span v-for="(h1) in item.children" class="clip">{{h1.content}}</span>
                     </h1> 
@@ -118,7 +131,11 @@ function hasCover(children:any){
     background-size: cover;
     background-position: center;
 }
-
+.VPFeature  .box-cover-fixed{
+     display: none;  
+     opacity: 0;
+     margin:-24px;  
+}
 .VPFeature.link:hover {
   border-color: var(--vp-c-brand-1);
 }

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

@@ -85,7 +85,8 @@ html:not(.dark) .VPImage.dark {
 .dark .VPImage.light {
   display: none;
 }
-.VPImage.cover{ 
+.VPImage.cover,
+.VPImage.masker{ 
    display: none;
 }
 

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

package/dist/node/{serve-DnyzZFIh.js → serve-DokX1-DL.js}

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