vft 0.0.363 → 0.0.364

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

@@ -1,148 +1 @@
-"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;
+"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;

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

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

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

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

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

@@ -1,7 +1 @@
-"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;
+"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;

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

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

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

@@ -1,41 +1 @@
-"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;
+"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;

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

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

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

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

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

@@ -1,7 +1 @@
-"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;
+"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;

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

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

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

@@ -1,164 +1 @@
-"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;
+"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;

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

@@ -1 +1 @@
-"use strict";
+"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");

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

@@ -1 +1 @@
-"use strict";
+"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");

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

@@ -1,106 +1 @@
-"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;
+"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;

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

@@ -1,6 +1 @@
-"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;
+"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;

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

@@ -1,73 +1 @@
-"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;
+"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;