themekit-js 1.1.22 → 1.1.31

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

@@ -33,14 +33,30 @@ const params = computed(() => {
     // return [params["theme"]==null?props.theme:params["theme"],params["size"]==null?props.size:params["size"],props.baseClass] 
 })
 
- 
+
+const classes = computed(() => { 
+     const _:any=[props.baseClass]
+     if(params.value['theme']!=null){ 
+      _.push(params.value['theme'])
+     }
+     if(params.value['size']!=null){ 
+      _.push(params.value['size'])
+     } 
+     
+     if(params.value['class']!=null){ 
+      _.push(params.value['class'])
+     }
+     return _ 
+})
+
+//[params['theme']==null?props.theme:params['theme'],params['size']==null?props.size:params['size'],props.baseClass]
 </script>
 
 <template >
   <component
     :is="component"
      class="btn"
-    :class="[params['theme']==null?props.theme:params['theme'],params['size']==null?props.size:params['size'],props.baseClass]"
+    :class="classes"
     :href="href ? href : undefined"
     :target="props.target"
     > 

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> 
@@ -26,16 +59,13 @@ defineProps<{
                        <template v-for="(subitem) in item.children"> 
                               <template v-if="subitem.block_type=='text'">{{subitem.content}} </template>
                               <Image  v-if="subitem.block_type=='img'"
-                                        :block="subitem"  
-                                      /> 
+                                        :block="subitem"   /> 
                               <Button  v-if="subitem.block_type=='a'"
-                                    tag="a"
-                                    size="medium"
+                                      tag="a"
+                                      size="medium"
                                     :block="subitem" 
                                     :href="subitem.href"
-                                    :target="_blank" 
-                                ></Button> 
-                          
+                                    :target="_blank"  ></Button>  
                        </template>
                     </p>
                    
@@ -46,8 +76,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 +85,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-B2ZqpcxS.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-DIhz1XaQ.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-B2ZqpcxS.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-B2ZqpcxS.js';
+import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, a as getDefaultExportFromCjs } from './serve-DIhz1XaQ.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-DIhz1XaQ.js';
 import path from 'path';
 import 'crypto';
 import 'module';

package/dist/node/{serve-B2ZqpcxS.js → serve-DIhz1XaQ.js}

@@ -46733,7 +46733,7 @@ function escapeHtml(string) {
 
 var escape$1 = /*@__PURE__*/getDefaultExportFromCjs(escapeHtml_1);
 
-var version = "1.1.22";
+var version = "1.1.31";
 
 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.22",  
+  "version": "1.1.31",   
   "description": "基于VitePress开发的Markdown静态网站生成器",
   "type": "module",
   "packageManager": "pnpm@8.15.6",
@@ -27,7 +27,7 @@
     },
     "./vue-demi": {
       "default": "./lib/vue-demi.mjs"
-    }
+    } 
   },
   "bin": {
     "themekit": "bin/themekit.js"