themekit-js 1.1.3 → 1.1.5

package/README.md

@@ -1 +1,50 @@
-#  ThemeKit
+#  ThemeKit
+
+
+
+<!--#Doc-->
+### markdown样式 222 
+<!--Doc #--> 
+
+<!--#GithubCode--> 
+  [markdown-it](https://github.com/seedunk/markdown-it)&nbsp;&nbsp;&nbsp;[markdown-it2](https://github.com/seedunk/markdown-it)
+   
+
+  ```javascript
+    set test="123123"  
+    set test="123123"
+    function a(){} 
+    //撒大大 
+  ``` 
+<!--GithubCode #--> 
+
+<!--#Hero-->
+ ## 个人
+ # Seedunk
+  其他站点说明
+  
+  [跳转1](#)&nbsp;&nbsp;[跳转2](?theme=alt)
+
+  ![右图](bg.jpg)![右图](bg.jpg)
+  ![右图](bg.jpg?hero=right)
+<!--Hero #-->
+<!--#Doc-->
+# markdown样式 
+<!--Doc #-->
+
+<!--#Features-->
+  - ![](bg.jpg?class=icon)![](bg.jpg?class=icon)
+    # A
+    AAAAAAAAAAAAA
+    
+    [查看更多](/baidu.com)
+  - ## B
+    bbbb
+  
+  * ### c
+    ccc
+  * ### d
+    dd
+  * ### d
+    dd
+<!--Features #-->

package/dist/client/app/data.js

@@ -37,6 +37,9 @@ export function initData(route) {
     });
     return {
         site,
+        // @seedunk
+        themeName: computed(() => site.value.themeName),
+        base: computed(() => site.value.base),
         theme: computed(() => site.value.themeConfig),
         page: computed(() => route.data),
         frontmatter: computed(() => route.data.frontmatter),

package/dist/client/app/index.js

@@ -29,12 +29,34 @@ const Theme = resolveThemeExtends(RawTheme);
 const VitePressApp = defineComponent({
     name: 'VitePressApp',
     setup() {
-        const { site, lang, dir } = useData();
+        const { site, lang, dir, themeName, base } = useData();
         // change the language on the HTML element based on the current lang
         onMounted(() => {
             watchEffect(() => {
                 document.documentElement.lang = lang.value;
                 document.documentElement.dir = dir.value;
+                //@seedunk-theme
+                document.documentElement.setAttribute("theme", themeName.value);
+                let links = [];
+                //let scripts=[]
+                if (themeName.value == "changzhou") {
+                    links.push("bootstrap3/dist/css/bootstrap.min.css");
+                    links.push("changzhou/dist/css/style.css");
+                }
+                for (var linkHref in links) {
+                    const link = document.createElement('link');
+                    link.href = base.value + '.themekit/assets/' + links[linkHref];
+                    link.rel = "stylesheet";
+                    document.head.appendChild(link);
+                }
+                /*
+                for(var scriptSrc in scripts){
+                  const script = document.createElement('script');
+                        script.src =    base.value +'.themekit/assets/'+scripts[scriptSrc];
+                        script.type="text/javascript";
+                        document.body.appendChild(script);
+                  }
+                */
             });
         });
         if (import.meta.env.PROD && site.value.router.prefetchLinks) {

package/dist/client/app/router.js

@@ -54,7 +54,8 @@ export function createRouter(loadPageModule, fallbackComponent) {
                 if (inBrowser) {
                     nextTick(() => {
                         let actualPathname = siteDataRef.value.base +
-                            __pageData.relativePath.replace(/(?:(^|\/)index)?\.md$/, '$1');
+                            __pageData.relativePath.replace(/(?:(^|\/)README)?\.md$/, '$1');
+                        //@seedunk index __pageData.relativePath.replace(/(?:(^|\/)index)?\.md$/, '$1')
                         if (!siteDataRef.value.cleanUrls && !actualPathname.endsWith('/')) {
                             actualPathname += '.html';
                         }
@@ -215,15 +216,18 @@ function handleHMR(route) {
     }
 }
 function shouldHotReload(payload) {
-    const payloadPath = payload.path.replace(/(?:(^|\/)index)?\.md$/, '$1');
+    //@seedunk index|const payloadPath = payload.path.replace(/(?:(^|\/)index)?\.md$/, '$1')
+    const payloadPath = payload.path.replace(/(?:(^|\/)README)?\.md$/, '$1');
     const locationPath = location.pathname
-        .replace(/(?:(^|\/)index)?\.html$/, '')
+        //@seedunk index|.replace(/(?:(^|\/)index)?\.html$/, '')
+        .replace(/(?:(^|\/)README)?\.html$/, '')
         .slice(siteDataRef.value.base.length - 1);
     return payloadPath === locationPath;
 }
 function normalizeHref(href) {
     const url = new URL(href, fakeHost);
-    url.pathname = url.pathname.replace(/(^|\/)index(\.html)?$/, '$1');
+    //@seedunk index| url.pathname = url.pathname.replace(/(^|\/)index(\.html)?$/, '$1')
+    url.pathname = url.pathname.replace(/(^|\/)README(\.html)?$/, '$1');
     // ensure correct deep link so page refresh lands on correct files.
     if (siteDataRef.value.cleanUrls)
         url.pathname = url.pathname.replace(/\.html$/, '');

package/dist/client/app/utils.js

@@ -22,7 +22,8 @@ export function withBase(path) {
 export function pathToFile(path) {
     let pagePath = path.replace(/\.html$/, '');
     pagePath = decodeURIComponent(pagePath);
-    pagePath = pagePath.replace(/\/$/, '/index'); // /foo/ -> /foo/index
+    //@seedunk index|pagePath = pagePath.replace(/\/$/, '/index') // /foo/ -> /foo/index 
+    pagePath = pagePath.replace(/\/$/, '/README');
     if (import.meta.env.DEV) {
         // always force re-fetch content in dev
         pagePath += `.md?t=${Date.now()}`;
@@ -34,14 +35,14 @@ export function pathToFile(path) {
         if (inBrowser) {
             const base = import.meta.env.BASE_URL;
             pagePath =
-                sanitizeFileName(pagePath.slice(base.length).replace(/\//g, '_') || 'index') + '.md';
+                sanitizeFileName(pagePath.slice(base.length).replace(/\//g, '_') || 'README' //seedunk index| || 'index'
+                ) + '.md';
             // client production build needs to account for page hash, which is
             // injected directly in the page's html
             let pageHash = __VP_HASH_MAP__[pagePath.toLowerCase()];
             if (!pageHash) {
-                pagePath = pagePath.endsWith('_index.md')
-                    ? pagePath.slice(0, -9) + '.md'
-                    : pagePath.slice(0, -3) + '_index.md';
+                //@seedunk index| pagePath = pagePath.endsWith('_index.md') ? pagePath.slice(0, -9) + '.md' : pagePath.slice(0, -3) + '_index.md'
+                pagePath = pagePath.endsWith('_README.md') ? pagePath.slice(0, -9) + '.md' : pagePath.slice(0, -3) + '_README.md';
                 pageHash = __VP_HASH_MAP__[pagePath.toLowerCase()];
             }
             if (!pageHash)

package/dist/client/index.d.ts

@@ -1292,6 +1292,7 @@ interface SiteData<ThemeConfig = any> {
     | 'force-dark'
     | (Omit<UseDarkOptions, 'initialValue'> & { initialValue?: 'dark' })
   themeConfig: ThemeConfig
+  themeName:string
   scrollOffset:
     | number
     | string
@@ -1317,6 +1318,7 @@ interface LocaleSpecificConfig<ThemeConfig = any> {
   description?: string
   head?: HeadConfig[]
   themeConfig?: ThemeConfig
+  themeName?:string
 }
 
 type LocaleConfig<ThemeConfig = any> = Record<
@@ -1382,6 +1384,8 @@ interface VitePressData<T = any> {
     title: Ref$1<string>;
     description: Ref$1<string>;
     lang: Ref$1<string>;
+    themeName: Ref$1<string>;
+    base: Ref$1<string>;
     dir: Ref$1<string>;
     localeIndex: Ref$1<string>;
     isDark: Ref$1<boolean>;

package/dist/client/index.js

@@ -6,3 +6,4 @@ export { useRoute, useRouter } from './app/router';
 export { inBrowser, onContentUpdated, defineClientComponent, withBase, getScrollOffset } from './app/utils';
 // components
 export { Content } from './app/components/Content';
+//@seedunk

package/dist/client/shared.js

@@ -2,7 +2,8 @@ export const EXTERNAL_URL_RE = /^(?:[a-z]+:|\/\/)/i;
 export const APPEARANCE_KEY = 'themekit-js-theme-appearance';
 const HASH_RE = /#.*$/;
 const HASH_OR_QUERY_RE = /[?#].*$/;
-const INDEX_OR_EXT_RE = /(?:(^|\/)index)?\.(?:md|html)$/;
+//@seedunk index|const INDEX_OR_EXT_RE = /(?:(^|\/)index)?\.(?:md|html)$/
+const INDEX_OR_EXT_RE = /(?:(^|\/)README)?\.(?:md|html)$/;
 export const inBrowser = typeof document !== 'undefined';
 export const notFoundPageData = {
     relativePath: '',

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

@@ -51,6 +51,11 @@ provide('hero-image-slot-exists', heroImageSlotExists)
     </VPSidebar>
 
     <VPContent>
+      
+      <!--@seedun from TKBlock-->
+      <template #block-top><slot name="block-top" /></template>
+      <template #block-bottom><slot name="block-bottom" /></template>
+      
       <template #page-top><slot name="page-top" /></template>
       <template #page-bottom><slot name="page-bottom" /></template>
 
@@ -78,7 +83,7 @@ provide('hero-image-slot-exists', heroImageSlotExists)
       <template #aside-ads-before><slot name="aside-ads-before" /></template>
       <template #aside-ads-after><slot name="aside-ads-after" /></template>
     </VPContent>
-
+    
     <VPFooter />
     <slot name="layout-bottom" />
   </div>

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

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+ 
+import { useData } from '../composables/data' 
+import Hero from './blocks/Hero.vue';
+import Doc from './blocks/Doc.vue';  
+import Features from './blocks/Features.vue';
+const { frontmatter } = useData()
+</script>
+
+<template>
+  <div class="TKBlock">
+
+    <div class="clearfix" v-for="(item, index) in frontmatter.blocks" :key="index"> 
+          <Hero :block="item" v-if="item.block_type =='Hero'"></Hero> 
+          <Features :block="item" v-else-if="item.block_type =='Features'"></Features> 
+          <Doc :block="item" v-else-if="item.block_type =='Doc'" ></Doc>   
+    </div>   
+    <VPHomeContent v-if="frontmatter.markdownStyles !== false">
+      <Content />
+    </VPHomeContent>
+    <Content v-else />
+  </div>
+</template>
+<style>  
+@import 'blocks/Button.css';
+</style>
+<style scoped>
+.TKBlock {
+  margin-bottom: 96px;
+}
+
+@media (min-width: 768px) {
+  .TKBlock {
+    margin-bottom: 128px;
+  }
+}
+</style>
+
+
+
+
+ 
+

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

@@ -5,6 +5,7 @@ import { useSidebar } from '../composables/sidebar'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'
+import TKBlock from './TKBlock.vue'
 
 const { page, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
@@ -20,7 +21,11 @@ const { hasSidebar } = useSidebar()
     }"
   >
     <slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
-
+    <!--@seedun add TKBlock-->
+    <TKBlock v-else-if="frontmatter.layout === 'block'">
+      <template #block-top><slot name="block-top" /></template>
+      <template #block-bottom><slot name="block-bottom" /></template>
+    </TKBlock>
     <VPPage v-else-if="frontmatter.layout === 'page'">
       <template #page-top><slot name="page-top" /></template>
       <template #page-bottom><slot name="page-bottom" /></template>
@@ -36,6 +41,8 @@ const { hasSidebar } = useSidebar()
       <template #home-hero-after><slot name="home-hero-after" /></template>
       <template #home-features-before><slot name="home-features-before" /></template>
       <template #home-features-after><slot name="home-features-after" /></template>
+ 
+      
     </VPHome>
 
     <component
@@ -58,6 +65,7 @@ const { hasSidebar } = useSidebar()
       <template #aside-ads-after><slot name="aside-ads-after" /></template>
       <template #aside-bottom><slot name="aside-bottom" /></template>
     </VPDoc>
+    
   </div>
 </template>
 

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

@@ -36,7 +36,7 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
           <p v-if="tagline" v-html="tagline" class="tagline"></p>
         </slot>
         <slot name="home-hero-info-after" />
-
+        
         <div v-if="actions" class="actions">
           <div v-for="action in actions" :key="action.link" class="action">
             <VPButton

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

@@ -5,7 +5,7 @@ import VPHero from './VPHero.vue'
 const { frontmatter: fm } = useData()
 </script>
 
-<template>
+<template> 
   <VPHero
     v-if="fm.hero"
     class="VPHomeHero"

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

@@ -9,6 +9,7 @@ defineProps<{
 }>()
 
 const { page } = useData()
+ 
 </script>
 
 <template>

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

@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import VPFlyout from './VPFlyout.vue'
-import VPMenuLink from './VPMenuLink.vue'
+// seedunk import VPMenuLink from './VPMenuLink.vue'
 import { useData } from '../composables/data'
 import { useLangs } from '../composables/langs'
 
-const { theme } = useData()
+const { theme,frontmatter} = useData()
 const { localeLinks, currentLang } = useLangs({ correspondingLink: true })
+
+
 </script>
 
 <template>
@@ -16,11 +18,23 @@ const { localeLinks, currentLang } = useLangs({ correspondingLink: true })
     :label="theme.langMenuLabel || 'Change language'"
   >
     <div class="items">
-      <p class="title">{{ currentLang.label }}</p>
-
-      <template v-for="locale in localeLinks" :key="locale.link">
-        <VPMenuLink :item="locale" />
-      </template>
+        <p v-if="frontmatter.lang=='zh_CN'" class="title">简体中文</p> 
+        <p v-if="frontmatter.lang=='en_US'" class="title">English</p> 
+        <p v-if="frontmatter.lang=='ja_JP'" class="title">日本語</p> 
+        <div v-if="frontmatter.en_US!=null" class="VPMenuLink"> 
+              <a class="VPLink link" :href="frontmatter.en_US"  >English</a>
+        </div>
+        <div v-if="frontmatter.zh_CN!=null" class="VPMenuLink">
+              <a class="VPLink link" :href="frontmatter.zh_CN"  >简体中文</a> 
+        </div>
+        <div v-if="frontmatter.ja_JP!=null" class="VPMenuLink">
+              <a class="VPLink link" :href="frontmatter.ja_JP"  >日本語</a> 
+        </div>
+        <!--@seedunk
+        <p class="title">{{ currentLang.label }}</p> 
+        <template v-for="locale in localeLinks" :key="locale.link">
+          <VPMenuLink :item="locale" /> 
+        </template>-->
     </div>
   </VPFlyout>
 </template>
@@ -44,4 +58,31 @@ const { localeLinks, currentLang } = useLangs({ correspondingLink: true })
   font-weight: 700;
   color: var(--vp-c-text-1);
 }
+ 
+.VPMenuGroup + .VPMenuLink {
+  margin: 12px -12px 0;
+  border-top: 1px solid var(--vp-c-divider);
+  padding: 12px 12px 0;
+}
+
+.link {
+  display: block;
+  border-radius: 6px;
+  padding: 0 12px;
+  line-height: 32px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--vp-c-text-1);
+  white-space: nowrap;
+  transition: background-color 0.25s, color 0.25s;
+}
+
+.link:hover {
+  color: var(--vp-c-brand-1);
+  background-color: var(--vp-c-default-soft);
+}
+
+.link.active {
+  color: var(--vp-c-brand-1);
+} 
 </style>

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

@@ -0,0 +1,87 @@
+.btn {
+    display: inline-block;
+    border: 1px solid transparent;
+    text-align: center;
+    font-weight: 600;
+    white-space: nowrap;
+    transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+  }
+  a.btn{ 
+    text-decoration:none !important;
+    border-radius: 28px;
+    padding: 0 12px;
+    line-height: 28px;
+    font-size: 14px; 
+  }
+  a.btn .icon{ display: inline-flex; vertical-align: middle; margin-left: -6px; margin-right: 2px;margin-top: -2px; }
+  .btn:active {
+    transition: color 0.1s, border-color 0.1s, background-color 0.1s;
+  }
+  
+  .btn.medium {
+    border-radius: 20px;
+    padding: 0 20px;
+    line-height: 38px;
+    font-size: 14px;
+  }
+  
+  .btn.big {
+    border-radius: 24px;
+    padding: 0 24px;
+    line-height: 46px;
+    font-size: 16px;
+  }
+  
+  .btn.brand {
+    border-color: var(--vp-button-brand-border);
+    color: var(--vp-button-brand-text);
+    background-color: var(--vp-button-brand-bg);
+  }
+  
+  .btn.brand:hover {
+    border-color: var(--vp-button-brand-hover-border);
+    color: var(--vp-button-brand-hover-text);
+    background-color: var(--vp-button-brand-hover-bg);
+  }
+  
+  .btn.brand:active {
+    border-color: var(--vp-button-brand-active-border);
+    color: var(--vp-button-brand-active-text);
+    background-color: var(--vp-button-brand-active-bg);
+  }
+  
+  .btn.alt {
+    border-color: var(--vp-button-alt-border);
+    color: var(--vp-button-alt-text);
+    background-color: var(--vp-button-alt-bg);
+  }
+  
+  .btn.alt:hover {
+    border-color: var(--vp-button-alt-hover-border);
+    color: var(--vp-button-alt-hover-text);
+    background-color: var(--vp-button-alt-hover-bg);
+  }
+  
+  .btn.alt:active {
+    border-color: var(--vp-button-alt-active-border);
+    color: var(--vp-button-alt-active-text);
+    background-color: var(--vp-button-alt-active-bg);
+  }
+  
+  .btn.sponsor {
+    border-color: var(--vp-button-sponsor-border);
+    color: var(--vp-button-sponsor-text);
+    background-color: var(--vp-button-sponsor-bg);
+  }
+  
+  .btn.sponsor:hover {
+    border-color: var(--vp-button-sponsor-hover-border);
+    color: var(--vp-button-sponsor-hover-text);
+    background-color: var(--vp-button-sponsor-hover-bg);
+  }
+  
+  .btn.sponsor:active {
+    border-color: var(--vp-button-sponsor-active-border);
+    color: var(--vp-button-sponsor-active-text);
+    background-color: var(--vp-button-sponsor-active-bg);
+  } 

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

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+   
+interface Props {
+  block?:any
+  tag?: string
+  size?: 'medium' | 'big'
+  theme?: 'brand' | 'alt' | 'sponsor' 
+  href?: string
+  target?: string;
+  rel?: string;
+  icon?:any;
+  baseClass?:string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 'medium' 
+})
+ 
+const component = computed(() => {
+  return props.tag || props.href ? 'a' : 'button'
+})
+
+const params = computed(() => { 
+    const pattern = /[?&]([^=#]+)=([^&#]*)/g;
+    let params:any = {};
+    let match; 
+    while ((match = pattern.exec(props.href==null?"?size=big":props.href)) !== null) {
+        params[match[1]] = match[2]
+    } 
+    return params
+    // 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]"
+    :href="href ? href : undefined"
+    :target="props.target"
+    > 
+    <slot></slot> 
+    <template v-for="(item) in block.children" >{{item.content}}</template></component>
+</template> 

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

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { useWindowSize } from '@vueuse/core'
+import { computed } from 'vue' 
+const { width: vw } = useWindowSize({ includeScrollbar: false }) 
+const { block} =defineProps<{
+  block?: any
+}>()
+
+const docStyles= computed(() => { 
+
+    let styles:any=[ vw ? { '--vp-offset': "calc(50% - "+vw.value/2+"px)"} : {}];
+    if(block['background-color']){
+      styles.push({'padding':'1px 0','background-color':block['background-color']})
+    }
+    if(block['background-image']){
+      styles.push({'padding':'1px 0','background-image':block['background-image']})
+    }  
+    return styles
+})
+    
+ 
+</script> 
+<template> 
+ 
+<div class="vp-doc doc" :style="docStyles" >
+  <div class="container" v-html="block.content"></div>
+</div>
+</template> 
+ 
+<style>  
+.doc{  background-size: cover;background-position: center;} 
+</style>
+<style scoped>  
+ 
+.container {
+  margin: auto;
+  width: 100%;
+  max-width: 1280px;
+  padding: 0 24px;
+}
+
+@media (min-width: 640px) {
+  .container {
+    padding: 0 48px;
+  }
+}
+
+@media (min-width: 960px) {
+  .container {
+    width: 100%;
+    padding: 0 64px;
+  }
+}
+
+.vp-doc :deep(.VPHomeSponsors),
+.vp-doc :deep(.VPTeamPage) {
+  margin-left: var(--vp-offset, calc(50% - 50vw));
+  margin-right: var(--vp-offset, calc(50% - 50vw));
+}
+
+.vp-doc :deep(.VPHomeSponsors h2) {
+  border-top: none;
+  letter-spacing: normal;
+}
+
+.vp-doc :deep(.VPHomeSponsors a),
+.vp-doc :deep(.VPTeamPage a){
+  text-decoration: none;
+}
+
+
+</style>