vft 0.0.362 → 0.0.363

package/lib/components/md-code-tabs/md-code-tabs.cjs

@@ -1 +1,148 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@vueuse/core"),i=require("vue"),n=y.useStorage("VUEPRESS_CODE_TAB_STORE",{}),g=i.defineComponent({name:"VftMdCodeTabs",props:{active:{type:Number,default:0},data:{type:Array,required:!0},id:{type:String,required:!0},tabId:{type:String,default:""}},setup(a,{slots:v}){const d=i.ref(a.active),c=i.ref([]),r=()=>{if(a.tabId){const{title:e,id:t=e}=a.data[d.value];n.value[a.tabId]=t}},o=(e=d.value)=>{d.value=e<c.value.length-1?e+1:0,c.value[d.value].focus()},b=(e=d.value)=>{d.value=e>0?e-1:c.value.length-1,c.value[d.value].focus()},f=(e,t)=>{if(e.key===" "||e.key==="Enter"?(e.preventDefault(),d.value=t):e.key==="ArrowRight"?(e.preventDefault(),o()):e.key==="ArrowLeft"&&(e.preventDefault(),b()),a.tabId){const{title:u,id:l=u}=a.data[d.value];n.value[a.tabId]=l}},s=()=>{if(a.tabId){const e=a.data.findIndex(({title:t,id:u=t})=>n.value[a.tabId]===u);if(e!==-1)return e}return a.active};return i.onMounted(()=>{d.value=s(),i.watch(()=>n.value[a.tabId],(e,t)=>{if(a.tabId&&e!==t){const u=a.data.findIndex(({title:l,id:I=l})=>I===e);u!==-1&&(d.value=u)}})}),()=>a.data.length?i.h("div",{class:"vft-md-code-tabs"},[i.h("div",{class:"code-tabs-nav",role:"tablist"},a.data.map(({title:e},t)=>{const u=t===d.value;return i.h("button",{ref:l=>{l&&(c.value[t]=l)},class:["code-tabs-nav-tab",{active:u}],role:"tab","aria-controls":`codetab-${a.id}-${t}`,"aria-selected":u,onClick:()=>{d.value=t,r()},onKeydown:l=>f(l,t)},e)})),a.data.map(({title:e,id:t=e},u)=>{const l=u===d.value;return i.h("div",{class:["code-tab",{active:l}],id:`codetab-${a.id}-${u}`,role:"tabpanel","aria-expanded":l},v[`tab${u}`]?.({title:e,value:t,isActive:l}))})]):null}});exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const core = require("@vueuse/core");
+const vue = require("vue");
+const codeTabStore = core.useStorage(
+  "VUEPRESS_CODE_TAB_STORE",
+  {}
+);
+const MdCodeTabs = vue.defineComponent({
+  name: "VftMdCodeTabs",
+  props: {
+    /**
+     * Active tab index
+     *
+     * 激活的标签页序号
+     */
+    active: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Code tab data
+     *
+     * 代码标签页数据
+     */
+    data: {
+      type: Array,
+      required: true
+    },
+    /**
+     * Code tab id
+     *
+     * 代码标签页 id
+     */
+    id: {
+      type: String,
+      required: true
+    },
+    /**
+     * tab id
+     *
+     * 标签页 id
+     */
+    tabId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, { slots }) {
+    const activeIndex = vue.ref(props.active);
+    const tabRefs = vue.ref([]);
+    const updateStore = () => {
+      if (props.tabId) {
+        const { title, id: value = title } = props.data[activeIndex.value];
+        codeTabStore.value[props.tabId] = value;
+      }
+    };
+    const activateNext = (index = activeIndex.value) => {
+      activeIndex.value = index < tabRefs.value.length - 1 ? index + 1 : 0;
+      tabRefs.value[activeIndex.value].focus();
+    };
+    const activatePrev = (index = activeIndex.value) => {
+      activeIndex.value = index > 0 ? index - 1 : tabRefs.value.length - 1;
+      tabRefs.value[activeIndex.value].focus();
+    };
+    const keyboardHandler = (event, index) => {
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        activeIndex.value = index;
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        activateNext();
+      } else if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        activatePrev();
+      }
+      if (props.tabId) {
+        const { title, id: value = title } = props.data[activeIndex.value];
+        codeTabStore.value[props.tabId] = value;
+      }
+    };
+    const getInitialIndex = () => {
+      if (props.tabId) {
+        const valueIndex = props.data.findIndex(
+          ({ title, id: value = title }) => codeTabStore.value[props.tabId] === value
+        );
+        if (valueIndex !== -1) return valueIndex;
+      }
+      return props.active;
+    };
+    vue.onMounted(() => {
+      activeIndex.value = getInitialIndex();
+      vue.watch(
+        () => codeTabStore.value[props.tabId],
+        (newValue, oldValue) => {
+          if (props.tabId && newValue !== oldValue) {
+            const index = props.data.findIndex(
+              ({ title, id: value = title }) => value === newValue
+            );
+            if (index !== -1) activeIndex.value = index;
+          }
+        }
+      );
+    });
+    return () => props.data.length ? vue.h("div", { class: "vft-md-code-tabs" }, [
+      vue.h(
+        "div",
+        { class: "code-tabs-nav", role: "tablist" },
+        props.data.map(({ title }, index) => {
+          const isActive = index === activeIndex.value;
+          return vue.h(
+            "button",
+            {
+              ref: (element) => {
+                if (element)
+                  tabRefs.value[index] = element;
+              },
+              class: ["code-tabs-nav-tab", { active: isActive }],
+              role: "tab",
+              "aria-controls": `codetab-${props.id}-${index}`,
+              "aria-selected": isActive,
+              onClick: () => {
+                activeIndex.value = index;
+                updateStore();
+              },
+              onKeydown: (event) => keyboardHandler(event, index)
+            },
+            title
+          );
+        })
+      ),
+      props.data.map(({ title, id: value = title }, index) => {
+        const isActive = index === activeIndex.value;
+        return vue.h(
+          "div",
+          {
+            class: ["code-tab", { active: isActive }],
+            id: `codetab-${props.id}-${index}`,
+            role: "tabpanel",
+            "aria-expanded": isActive
+          },
+          slots[`tab${index}`]?.({ title, value, isActive })
+        );
+      })
+    ]) : null;
+  }
+});
+exports.default = MdCodeTabs;

package/lib/components/md-code-tabs/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-code-tabs.css");
+"use strict";

package/lib/components/md-code-tabs/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/md-code-tabs.scss");
+"use strict";

package/lib/components/md-comment/index.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./md-comment.vue2.cjs"),e=t.withInstall(r.default);exports.VftMdComment=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mdComment_vue_vue_type_script_setup_true_lang = require("./md-comment.vue2.cjs");
+const install = require("../../utils/vue/install.cjs");
+const VftMdComment = install.withInstall(mdComment_vue_vue_type_script_setup_true_lang.default);
+exports.VftMdComment = VftMdComment;
+exports.default = VftMdComment;

package/lib/components/md-comment/md-comment.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./md-comment.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mdComment_vue_vue_type_script_setup_true_lang = require("./md-comment.vue2.cjs");
+exports.default = mdComment_vue_vue_type_script_setup_true_lang.default;

package/lib/components/md-comment/md-comment.vue2.cjs

@@ -1 +1,41 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=require("@waline/client"),r=["id"],t=e.defineComponent({name:"vft-md-comment"}),u=e.defineComponent({...t,setup(c){const i=n.useNamespace("md-comment");return e.onMounted(()=>{o.init({el:`#${i.e("waline")}`,serverURL:"https://waline.wflynn.cn/",pageview:!0,reaction:!0,emoji:["//unpkg.com/@waline/emojis@1.1.0/weibo","//unpkg.com/@waline/emojis@1.1.0/bilibili","//unpkg.com/@waline/emojis@1.1.0/bmoji","//unpkg.com/@waline/emojis@1.1.0/qq","//unpkg.com/@waline/emojis@1.1.0/tieba","//unpkg.com/@waline/emojis@1.1.0/tw-emoji"]})}),(l,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b())},[e.createElementVNode("div",{id:e.unref(i).e("waline")},null,8,r)],2))}});exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const client = require("@waline/client");
+const index = require("../../hooks/use-namespace/index.cjs");
+const _hoisted_1 = ["id"];
+const __default__ = vue.defineComponent({
+  name: "vft-md-comment"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  setup(__props) {
+    const ns = index.useNamespace("md-comment");
+    vue.onMounted(() => {
+      client.init({
+        el: `#${ns.e("waline")}`,
+        serverURL: "https://waline.wflynn.cn/",
+        pageview: true,
+        reaction: true,
+        emoji: [
+          "//unpkg.com/@waline/emojis@1.1.0/weibo",
+          "//unpkg.com/@waline/emojis@1.1.0/bilibili",
+          "//unpkg.com/@waline/emojis@1.1.0/bmoji",
+          "//unpkg.com/@waline/emojis@1.1.0/qq",
+          "//unpkg.com/@waline/emojis@1.1.0/tieba",
+          "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
+        ]
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createElementVNode("div", {
+          id: vue.unref(ns).e("waline")
+        }, null, 8, _hoisted_1)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/md-comment/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-comment.css");
+"use strict";

package/lib/components/md-comment/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/md-comment.scss");
+"use strict";

package/lib/components/md-container/index.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./md-container.vue2.cjs"),e=r.withInstall(t.default);exports.VftMdContainer=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mdContainer_vue_vue_type_script_setup_true_lang = require("./md-container.vue2.cjs");
+const install = require("../../utils/vue/install.cjs");
+const VftMdContainer = install.withInstall(mdContainer_vue_vue_type_script_setup_true_lang.default);
+exports.VftMdContainer = VftMdContainer;
+exports.default = VftMdContainer;

package/lib/components/md-container/md-container.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./md-container.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mdContainer_vue_vue_type_script_setup_true_lang = require("./md-container.vue2.cjs");
+exports.default = mdContainer_vue_vue_type_script_setup_true_lang.default;

package/lib/components/md-container/md-container.vue2.cjs

@@ -1 +1,164 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../icon/index.cjs"),C=require("../icon-text/index.cjs"),V=require("../tag/index.cjs"),k=require("../md-comment/index.cjs");require("@vueuse/core");const a=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const _=require("../../utils/ns-cover.cjs");require("lodash-es");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const N=require("@vft/router"),E=require("@vft/use"),T=require("@vft/use/photoswipe"),d=require("@vft/utils/date"),b=require("./toc.cjs"),B=require("./use/useCopyCode.cjs"),S=require("./use/useActiveHeaderLinks.cjs"),w=require("./utils.cjs"),L={class:"info-container"},$={key:0,class:"left"},z={class:"infos"},D={class:"reading",title:"阅读量"},A=["data-path"],P=e.defineComponent({name:"vft-md-container"}),I=e.defineComponent({...P,props:{tocList:{}},setup(s){const r=x.useNamespace("md-container"),m=e.getCurrentInstance(),c=e.computed(()=>s.tocList&&s.tocList!=="undefined"?JSON.parse(s.tocList):""),{initPhotoSwipe:f}=T.usePhotoSwipe(`.${r.e("content")} img`);f(),S.useActiveHeaderLinks({}),B.useCopyCode();const l=m.appContext.config.globalProperties.$router,n=l.currentRoute.value;e.onMounted(()=>{e.nextTick(()=>{setTimeout(()=>{a.jumpElement(encodeURI(n.hash))});const i=document.querySelectorAll(".item.expand"),o=document.querySelectorAll("div.language-vue");for(let t=0;t<i.length;t++)E.useEventListener(i[t],"click",()=>{o[t].offsetHeight===0?(o[t].style.height="auto",o[t].style.visibility="visible"):(o[t].style.height="0px",o[t].style.visibility="hidden")})})});const p=_.primaryColor(),g=a.isClient?location.pathname:"",{go:y}=N.useRouterHelper(l);function h(i){y("/?classify="+i)}const v=e.computed(()=>n.meta.category?.includes("api"));return(i,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("api",v.value)])},[c.value?(e.openBlock(),e.createBlock(e.unref(b.default),{key:0,items:c.value,route:e.unref(n)},null,8,["items","route"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(e.unref(n).meta?.title),3),e.createElementVNode("div",L,[e.unref(n).meta?.category?.length?(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(u.VftIcon),{size:14,color:e.unref(p),icon:"icon-category"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).meta?.category,(t,q)=>(e.openBlock(),e.createBlock(e.unref(V.VftTag),{size:"small",class:"tag",type:e.unref(a.getRandomElementForArr)(e.unref(w.COMP_TYPE),1)[0],key:q,onClick:M=>h(t)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",z,[e.createVNode(e.unref(C.VftIconText),{title:"发布时间",icon:"icon-date",size:12,class:"mr-10px",distance:5,text:e.unref(d.formatToDateTime)((e.unref(n).meta?.date?new Date(e.unref(n).meta.date).getTime():new Date().getTime())-e.unref(d.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",D,[e.createVNode(e.unref(u.VftIcon),{icon:"icon-reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(g)},"0",8,A)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(i.$slots,"default")],2),e.createVNode(e.unref(k.VftMdComment)),o[0]||(o[0]=e.createElementVNode("ins",{class:"adsbygoogle",style:{display:"block","text-align":"center"},"data-ad-layout":"in-article","data-ad-format":"fluid","data-ad-client":"ca-pub-4046301015031382","data-ad-slot":"6525439078"},null,-1))],2))}});exports.default=I;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../icon/index.cjs");
+const index$3 = require("../icon-text/index.cjs");
+const index$2 = require("../tag/index.cjs");
+const index$4 = require("../md-comment/index.cjs");
+const router = require("@vft/router");
+const use = require("@vft/use");
+const photoswipe = require("@vft/use/photoswipe");
+const utils = require("@vft/utils");
+const date = require("@vft/utils/date");
+const toc = require("./toc.cjs");
+const utils$1 = require("./utils.cjs");
+const useActiveHeaderLinks = require("./use/useActiveHeaderLinks.cjs");
+const useCopyCode = require("./use/useCopyCode.cjs");
+const index = require("../../hooks/use-namespace/index.cjs");
+const nsCover = require("../../utils/ns-cover.cjs");
+const _hoisted_1 = { class: "info-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "left"
+};
+const _hoisted_3 = { class: "infos" };
+const _hoisted_4 = {
+  class: "reading",
+  title: "阅读量"
+};
+const _hoisted_5 = ["data-path"];
+const __default__ = vue.defineComponent({
+  name: "vft-md-container"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    tocList: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("md-container");
+    const instance = vue.getCurrentInstance();
+    const _tocList = vue.computed(() => {
+      if (__props.tocList && __props.tocList !== "undefined") {
+        return JSON.parse(__props.tocList);
+      }
+      return "";
+    });
+    const { initPhotoSwipe } = photoswipe.usePhotoSwipe(`.${ns.e("content")} img`);
+    initPhotoSwipe();
+    useActiveHeaderLinks.useActiveHeaderLinks({});
+    useCopyCode.useCopyCode();
+    const _router = instance.appContext.config.globalProperties.$router;
+    const route = _router.currentRoute.value;
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        setTimeout(() => {
+          utils.jumpElement(encodeURI(route.hash));
+        });
+        const showCodeDom = document.querySelectorAll(".item.expand");
+        const languageVueDom = document.querySelectorAll(
+          "div.language-vue"
+        );
+        for (let i = 0; i < showCodeDom.length; i++) {
+          use.useEventListener(showCodeDom[i], "click", () => {
+            if (languageVueDom[i].offsetHeight === 0) {
+              languageVueDom[i].style.height = "auto";
+              languageVueDom[i].style.visibility = "visible";
+            } else {
+              languageVueDom[i].style.height = "0px";
+              languageVueDom[i].style.visibility = "hidden";
+            }
+          });
+        }
+      });
+    });
+    const _primaryColor = nsCover.primaryColor();
+    const _path = utils.isClient ? location.pathname : "";
+    const { go } = router.useRouterHelper(_router);
+    function handleJump(item) {
+      go("/?classify=" + item);
+    }
+    const isApi = vue.computed(() => {
+      return route.meta.category?.includes("api");
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("api", isApi.value)])
+      }, [
+        _tocList.value ? (vue.openBlock(), vue.createBlock(vue.unref(toc.default), {
+          key: 0,
+          items: _tocList.value,
+          route: vue.unref(route)
+        }, null, 8, ["items", "route"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("header"))
+        }, [
+          vue.createElementVNode("h1", {
+            class: vue.normalizeClass(vue.unref(ns).e("title"))
+          }, vue.toDisplayString(vue.unref(route).meta?.title), 3),
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.unref(route).meta?.category?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.createVNode(vue.unref(index$1.VftIcon), {
+                size: 14,
+                color: vue.unref(_primaryColor),
+                icon: "icon-category"
+              }, null, 8, ["color"]),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(route).meta?.category, (item, index2) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(index$2.VftTag), {
+                  size: "small",
+                  class: "tag",
+                  type: vue.unref(utils.getRandomElementForArr)(vue.unref(utils$1.COMP_TYPE), 1)[0],
+                  key: index2,
+                  onClick: ($event) => handleJump(item)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(item), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "onClick"]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(vue.unref(index$3.VftIconText), {
+                title: "发布时间",
+                icon: "icon-date",
+                size: 12,
+                class: "mr-10px",
+                distance: 5,
+                text: vue.unref(date.formatToDateTime)(
+                  (vue.unref(route).meta?.date ? new Date(vue.unref(route).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - vue.unref(date.getDayTimestamp)()
+                )
+              }, null, 8, ["text"]),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(vue.unref(index$1.VftIcon), {
+                  icon: "icon-reading",
+                  size: 14,
+                  class: "mr-5px"
+                }),
+                vue.createElementVNode("div", {
+                  class: "waline-pageview-count lh-1",
+                  "data-path": vue.unref(_path)
+                }, "0", 8, _hoisted_5)
+              ])
+            ])
+          ])
+        ], 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("content"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2),
+        vue.createVNode(vue.unref(index$4.VftMdComment)),
+        _cache[0] || (_cache[0] = vue.createElementVNode("ins", {
+          class: "adsbygoogle",
+          style: { "display": "block", "text-align": "center" },
+          "data-ad-layout": "in-article",
+          "data-ad-format": "fluid",
+          "data-ad-client": "ca-pub-4046301015031382",
+          "data-ad-slot": "6525439078"
+        }, null, -1))
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/md-container/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-comment.css");require("vft/theme-style/vft-md-code-demo.css");require("vft/theme-style/vft-md-code-tabs.css");require("vft/theme-style/vft-md-tabs.css");require("vft/theme-style/vft-md-vue-playground.css");require("vft/theme-style/vft-md-container.css");
+"use strict";

package/lib/components/md-container/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/md-comment.scss");require("vft/theme-style/src/md-code-tabs.scss");require("vft/theme-style/src/md-code-demo.scss");require("vft/theme-style/src/md-tabs.scss");require("vft/theme-style/src/md-vue-playground.scss");require("vft/theme-style/src/md-container.scss");
+"use strict";

package/lib/components/md-container/toc.cjs

@@ -1 +1,106 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("@vft/utils"),t=require("vue"),m=require("./utils.cjs"),g=({title:o,level:e,slug:l})=>t.h("a",{href:`#${l}`,class:["toc-link",`level${e}`]},o),s=(o,e,l)=>o.length&&e>0?t.h("ul",{class:"toc-list"},o.map(c=>[t.h("li",{class:["toc-item",{active:m.isActiveLink(l,`#${decodeURIComponent(c.slug)}`)}],onClick:r=>f(r,c.slug)},g(c)),s(c.children,e-1,l)])):null;function f(o,e){o.preventDefault(),p.jumpElement("#"+e)}const T=t.defineComponent({props:{items:{type:Array,default:()=>[]},headerDepth:{type:Number,default:2}},setup(o){const e=t.ref(),c=t.getCurrentInstance().appContext.config.globalProperties.$router,r=t.computed(()=>c.currentRoute.value),a=n=>{e.value?.scrollTo({top:n,behavior:"smooth"})};return t.onMounted(()=>{t.watch(()=>r.value.hash,n=>{if(e.value){const h=document.querySelector(`#toc a.toc-link[href$="${n}"]`);if(!h)return;const{top:u,height:d}=e.value.getBoundingClientRect(),{top:i,height:v}=h.getBoundingClientRect();i<u?a(e.value.scrollTop+i-u):i+v>u+d&&a(e.value.scrollTop+i+v-u-d)}})}),()=>{const n=o.items.length?s(o.items,o.headerDepth,r.value):s([],o.headerDepth,r.value);return n?t.h("div",{class:"toc-place-holder"},[t.h("aside",{id:"toc"},[t.h("div",{class:"toc-header"},["此页内容"]),t.h("div",{class:"toc-wrapper",ref:e},[n])])]):null}}});exports.default=T;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils$1 = require("@vft/utils");
+const vue = require("vue");
+const utils = require("./utils.cjs");
+const renderHeader = ({ title, level, slug }) => vue.h(
+  "a",
+  {
+    href: `#${slug}`,
+    class: ["toc-link", `level${level}`]
+  },
+  title
+);
+const renderChildren = (headers, headerDepth, route) => {
+  return headers.length && headerDepth > 0 ? vue.h(
+    "ul",
+    { class: "toc-list" },
+    headers.map((header) => [
+      vue.h(
+        "li",
+        {
+          class: [
+            "toc-item",
+            {
+              active: utils.isActiveLink(
+                route,
+                `#${decodeURIComponent(header.slug)}`
+              )
+            }
+          ],
+          onClick: (e) => jumpAnchor(e, header.slug)
+        },
+        renderHeader(header)
+      ),
+      renderChildren(header.children, headerDepth - 1, route)
+    ])
+  ) : null;
+};
+function jumpAnchor(e, hash) {
+  e.preventDefault();
+  utils$1.jumpElement("#" + hash);
+}
+const Toc = vue.defineComponent({
+  props: {
+    /**
+     * TOC items config
+     *
+     * TOC 项目配置
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Max header nesting depth
+     *
+     * 最大的标题嵌套深度
+     */
+    headerDepth: {
+      type: Number,
+      default: 2
+    }
+  },
+  setup(props) {
+    const toc = vue.ref();
+    const instance = vue.getCurrentInstance();
+    const _router = instance.appContext.config.globalProperties.$router;
+    const route = vue.computed(() => {
+      return _router.currentRoute.value;
+    });
+    const scrollTo = (top) => {
+      toc.value?.scrollTo({ top, behavior: "smooth" });
+    };
+    vue.onMounted(() => {
+      vue.watch(
+        () => route.value.hash,
+        (hash) => {
+          if (toc.value) {
+            const activeTocItem = document.querySelector(
+              `#toc a.toc-link[href$="${hash}"]`
+            );
+            if (!activeTocItem) return;
+            const { top: tocTop, height: tocHeight } = toc.value.getBoundingClientRect();
+            const { top: activeTocItemTop, height: activeTocItemHeight } = activeTocItem.getBoundingClientRect();
+            if (activeTocItemTop < tocTop)
+              scrollTo(toc.value.scrollTop + activeTocItemTop - tocTop);
+            else if (activeTocItemTop + activeTocItemHeight > tocTop + tocHeight)
+              scrollTo(
+                toc.value.scrollTop + activeTocItemTop + activeTocItemHeight - tocTop - tocHeight
+              );
+          }
+        }
+      );
+    });
+    return () => {
+      const tocHeaders = props.items.length ? renderChildren(props.items, props.headerDepth, route.value) : [] ? renderChildren([], props.headerDepth, route.value) : null;
+      return tocHeaders ? vue.h("div", { class: "toc-place-holder" }, [
+        vue.h("aside", { id: "toc" }, [
+          vue.h("div", { class: "toc-header" }, ["此页内容"]),
+          vue.h("div", { class: "toc-wrapper", ref: toc }, [tocHeaders])
+        ])
+      ]) : null;
+    };
+  }
+});
+exports.default = Toc;

package/lib/components/md-container/use/index.cjs

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useCopyCode.cjs"),s=require("./useActiveHeaderLinks.cjs");exports.useCopyCode=e.useCopyCode;exports.useActiveHeaderLinks=s.useActiveHeaderLinks;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useCopyCode = require("./useCopyCode.cjs");
+const useActiveHeaderLinks = require("./useActiveHeaderLinks.cjs");
+exports.useCopyCode = useCopyCode.useCopyCode;
+exports.useActiveHeaderLinks = useActiveHeaderLinks.useActiveHeaderLinks;

package/lib/components/md-container/use/useActiveHeaderLinks.cjs

@@ -1 +1,73 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("lodash-es"),v=require("vue"),B=require("vue-router"),E=({headerLinkSelector:e="a.toc-link",headerAnchorSelector:s=".header-anchor",delay:c=200,offset:i=5})=>{const a=B.useRouter(),p=()=>{const h=document.querySelector(".vft-md-container"),n=h.scrollTop;if(Math.abs(n)<i){A(a,"");return}const y=window.innerHeight+n-100,q=h.scrollHeight,g=Math.abs(q-y)<i,H=Array.from(document.querySelectorAll(e)),t=Array.from(document.querySelectorAll(s)).filter(o=>H.some(r=>r.hash===o.hash));for(let o=0;o<t.length;o++){const r=t[o],d=t[o+1],S=n>=(r.parentElement?.offsetTop??0)-100,R=!d||n<(d.parentElement?.offsetTop??0)-100;if(!(S&&R))continue;const m=decodeURIComponent(a.currentRoute.value.hash),f=decodeURIComponent(r.hash);if(m===f)return;if(g){for(let l=o+1;l<t.length;l++)if(m===decodeURIComponent(t[l].hash))return}A(a,f);return}},u=T.debounce(p,c);v.onMounted(()=>{document.querySelector(".vft-md-container").addEventListener("scroll",u)}),v.onBeforeUnmount(()=>{document.querySelector(".vft-md-container")&&document.querySelector(".vft-md-container").removeEventListener("scroll",u)})},A=async(e,s)=>{const{scrollBehavior:c}=e.options;e.options.scrollBehavior=void 0,await e.replace({query:e.currentRoute.value.query,hash:s,force:!0}).finally(()=>e.options.scrollBehavior=c)};exports.useActiveHeaderLinks=E;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lodashEs = require("lodash-es");
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const useActiveHeaderLinks = ({
+  headerLinkSelector = "a.toc-link",
+  headerAnchorSelector = ".header-anchor",
+  delay = 200,
+  offset = 5
+}) => {
+  const router = vueRouter.useRouter();
+  const setActiveRouteHash = () => {
+    const scrollEl = document.querySelector(".vft-md-container");
+    const scrollTop = scrollEl.scrollTop;
+    const isAtPageTop = Math.abs(scrollTop) < offset;
+    if (isAtPageTop) {
+      updateHash(router, "");
+      return;
+    }
+    const scrollBottom = window.innerHeight + scrollTop - 100;
+    const scrollHeight = scrollEl.scrollHeight;
+    const isAtPageBottom = Math.abs(scrollHeight - scrollBottom) < offset;
+    const headerLinks = Array.from(
+      document.querySelectorAll(headerLinkSelector)
+    );
+    const headerAnchors = Array.from(
+      document.querySelectorAll(headerAnchorSelector)
+    );
+    const existedHeaderAnchors = headerAnchors.filter(
+      (anchor) => headerLinks.some((link) => link.hash === anchor.hash)
+    );
+    for (let i = 0; i < existedHeaderAnchors.length; i++) {
+      const anchor = existedHeaderAnchors[i];
+      const nextAnchor = existedHeaderAnchors[i + 1];
+      const hasPassedCurrentAnchor = scrollTop >= (anchor.parentElement?.offsetTop ?? 0) - 100;
+      const hasNotPassedNextAnchor = !nextAnchor || scrollTop < (nextAnchor.parentElement?.offsetTop ?? 0) - 100;
+      const isActive = hasPassedCurrentAnchor && hasNotPassedNextAnchor;
+      if (!isActive) continue;
+      const routeHash = decodeURIComponent(router.currentRoute.value.hash);
+      const anchorHash = decodeURIComponent(anchor.hash);
+      if (routeHash === anchorHash) return;
+      if (isAtPageBottom) {
+        for (let j = i + 1; j < existedHeaderAnchors.length; j++) {
+          if (routeHash === decodeURIComponent(existedHeaderAnchors[j].hash)) {
+            return;
+          }
+        }
+      }
+      updateHash(router, anchorHash);
+      return;
+    }
+  };
+  const onScroll = lodashEs.debounce(setActiveRouteHash, delay);
+  vue.onMounted(() => {
+    document.querySelector(".vft-md-container").addEventListener("scroll", onScroll);
+  });
+  vue.onBeforeUnmount(() => {
+    if (document.querySelector(".vft-md-container")) {
+      document.querySelector(".vft-md-container").removeEventListener("scroll", onScroll);
+    }
+  });
+};
+const updateHash = async (router, hash) => {
+  const { scrollBehavior } = router.options;
+  router.options.scrollBehavior = void 0;
+  await router.replace({
+    query: router.currentRoute.value.query,
+    hash,
+    force: true
+  }).finally(() => router.options.scrollBehavior = scrollBehavior);
+};
+exports.useActiveHeaderLinks = useActiveHeaderLinks;