vft 0.0.375 → 0.0.376

package/es/components/md-comment/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./md-comment.vue2.js";
-const VftMdComment = withInstall(_sfc_main);
+import m from "./md-comment.vue2.js";
+const s = t(m);
 export {
-  VftMdComment,
-  VftMdComment as default
+  s as VftMdComment,
+  s as default
 };

package/es/components/md-comment/md-comment.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./md-comment.vue2.js";
+import f from "./md-comment.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/md-comment/md-comment.vue2.js

@@ -1,27 +1,25 @@
-import { defineComponent, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode } from "vue";
+import { defineComponent as i, onMounted as n, createElementBlock as m, openBlock as t, normalizeClass as r, unref as o, createElementVNode as a } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { init } from "@waline/client";
-const _hoisted_1 = ["id"];
-const __default__ = defineComponent({
+import { init as c } from "@waline/client";
+const l = ["id"], s = i({
   name: "vft-md-comment"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const ns = useNamespace("md-comment");
-    onMounted(() => {
-      init({
-        el: `#${ns.e("waline")}`,
+}), B = /* @__PURE__ */ i({
+  ...s,
+  setup(u) {
+    const e = p("md-comment");
+    return n(() => {
+      c({
+        el: `#${e.e("waline")}`,
         serverURL: "https://waline.wflynn.cn/",
-        pageview: true,
-        reaction: true,
+        pageview: !0,
+        reaction: !0,
         emoji: [
           "//unpkg.com/@waline/emojis@1.1.0/weibo",
           "//unpkg.com/@waline/emojis@1.1.0/bilibili",
@@ -31,18 +29,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
         ]
       });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          id: unref(ns).e("waline")
-        }, null, 8, _hoisted_1)
-      ], 2);
-    };
+    }), (w, d) => (t(), m("div", {
+      class: r(o(e).b())
+    }, [
+      a("div", {
+        id: o(e).e("waline")
+      }, null, 8, l)
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  B as default
 };

package/es/components/md-container/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./md-container.vue2.js";
-const VftMdContainer = withInstall(_sfc_main);
+import o from "./md-container.vue2.js";
+const s = t(o);
 export {
-  VftMdContainer,
-  VftMdContainer as default
+  s as VftMdContainer,
+  s as default
 };

package/es/components/md-container/md-container.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./md-container.vue2.js";
+import f from "./md-container.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/md-container/md-container.vue2.js

@@ -1,170 +1,137 @@
-import { defineComponent, getCurrentInstance, computed, onMounted, nextTick, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx, createTextVNode, renderSlot } from "vue";
-import { VftIcon } from "../icon/index.js";
-import { VftIconText } from "../icon-text/index.js";
-import { VftTag } from "../tag/index.js";
-import { VftMdComment } from "../md-comment/index.js";
+import { defineComponent as _, getCurrentInstance as D, computed as f, onMounted as S, nextTick as E, createElementBlock as d, openBlock as s, normalizeClass as l, unref as t, createBlock as g, createCommentVNode as y, createElementVNode as n, createVNode as c, toDisplayString as h, Fragment as N, renderList as z, withCtx as A, createTextVNode as P, renderSlot as I } from "vue";
+import { VftIcon as v } from "../icon/index.js";
+import { VftIconText as R } from "../icon-text/index.js";
+import { VftTag as $ } from "../tag/index.js";
+import { VftMdComment as B } from "../md-comment/index.js";
 import "@vueuse/core";
-import { jumpElement, getRandomElementForArr, isClient } from "@vft/utils";
+import { jumpElement as H, getRandomElementForArr as M, isClient as q } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { primaryColor } from "../../utils/ns-cover.js";
+import { primaryColor as F } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper } from "@vft/router";
-import { useEventListener } from "@vft/use";
-import { usePhotoSwipe } from "@vft/use/photoswipe";
-import { formatToDateTime, getDayTimestamp } from "@vft/utils/date";
-import Toc from "./toc.js";
-import { useCopyCode } from "./use/useCopyCode.js";
-import { useActiveHeaderLinks } from "./use/useActiveHeaderLinks.js";
-import { COMP_TYPE } from "./utils.js";
-const _hoisted_1 = { class: "info-container" };
-const _hoisted_2 = {
+import { useRouterHelper as O } from "@vft/router";
+import { useEventListener as j } from "@vft/use";
+import { usePhotoSwipe as U } from "@vft/use/photoswipe";
+import { formatToDateTime as Y, getDayTimestamp as G } from "@vft/utils/date";
+import K from "./toc.js";
+import { useCopyCode as Q } from "./use/useCopyCode.js";
+import { useActiveHeaderLinks as W } from "./use/useActiveHeaderLinks.js";
+import { COMP_TYPE as X } from "./utils.js";
+const Z = { class: "info-container" }, tt = {
   key: 0,
   class: "left"
-};
-const _hoisted_3 = { class: "infos" };
-const _hoisted_4 = {
+}, et = { class: "infos" }, ot = {
   class: "reading",
   title: "阅读量"
-};
-const _hoisted_5 = ["data-path"];
-const __default__ = defineComponent({
+}, it = ["data-path"], nt = _({
   name: "vft-md-container"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), Dt = /* @__PURE__ */ _({
+  ...nt,
   props: {
     tocList: {}
   },
-  setup(__props) {
-    const ns = useNamespace("md-container");
-    const instance = getCurrentInstance();
-    const _tocList = computed(() => {
-      if (__props.tocList && __props.tocList !== "undefined") {
-        return JSON.parse(__props.tocList);
-      }
-      return "";
-    });
-    const { initPhotoSwipe } = usePhotoSwipe(`.${ns.e("content")} img`);
-    initPhotoSwipe();
-    useActiveHeaderLinks({});
-    useCopyCode();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const route = _router.currentRoute.value;
-    onMounted(() => {
-      nextTick(() => {
+  setup(m) {
+    const r = J("md-container"), C = D(), u = f(() => m.tocList && m.tocList !== "undefined" ? JSON.parse(m.tocList) : ""), { initPhotoSwipe: x } = U(`.${r.e("content")} img`);
+    x(), W({}), Q();
+    const p = C.appContext.config.globalProperties.$router, o = p.currentRoute.value;
+    S(() => {
+      E(() => {
         setTimeout(() => {
-          jumpElement(encodeURI(route.hash));
+          H(encodeURI(o.hash));
         });
-        const showCodeDom = document.querySelectorAll(".item.expand");
-        const languageVueDom = document.querySelectorAll(
+        const a = document.querySelectorAll(".item.expand"), i = document.querySelectorAll(
           "div.language-vue"
         );
-        for (let i = 0; i < showCodeDom.length; i++) {
-          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";
-            }
+        for (let e = 0; e < a.length; e++)
+          j(a[e], "click", () => {
+            i[e].offsetHeight === 0 ? (i[e].style.height = "auto", i[e].style.visibility = "visible") : (i[e].style.height = "0px", i[e].style.visibility = "hidden");
           });
-        }
       });
     });
-    const _primaryColor = primaryColor();
-    const _path = isClient ? location.pathname : "";
-    const { go } = useRouterHelper(_router);
-    function handleJump(item) {
-      go("/?classify=" + item);
+    const k = F(), T = q ? location.pathname : "", { go: V } = O(p);
+    function b(a) {
+      V("/?classify=" + a);
     }
-    const isApi = computed(() => {
-      return route.meta.category?.includes("api");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("api", isApi.value)])
+    const w = f(() => o.meta.category?.includes("api"));
+    return (a, i) => (s(), d("div", {
+      class: l([t(r).b(), t(r).is("api", w.value)])
+    }, [
+      u.value ? (s(), g(t(K), {
+        key: 0,
+        items: u.value,
+        route: t(o)
+      }, null, 8, ["items", "route"])) : y("", !0),
+      n("div", {
+        class: l(t(r).e("header"))
       }, [
-        _tocList.value ? (openBlock(), createBlock(unref(Toc), {
-          key: 0,
-          items: _tocList.value,
-          route: unref(route)
-        }, null, 8, ["items", "route"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("header"))
-        }, [
-          createElementVNode("h1", {
-            class: normalizeClass(unref(ns).e("title"))
-          }, toDisplayString(unref(route).meta?.title), 3),
-          createElementVNode("div", _hoisted_1, [
-            unref(route).meta?.category?.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(unref(VftIcon), {
+        n("h1", {
+          class: l(t(r).e("title"))
+        }, h(t(o).meta?.title), 3),
+        n("div", Z, [
+          t(o).meta?.category?.length ? (s(), d("div", tt, [
+            c(t(v), {
+              size: 14,
+              color: t(k),
+              icon: "icon-category"
+            }, null, 8, ["color"]),
+            (s(!0), d(N, null, z(t(o).meta?.category, (e, L) => (s(), g(t($), {
+              size: "small",
+              class: "tag",
+              type: t(M)(t(X), 1)[0],
+              key: L,
+              onClick: (rt) => b(e)
+            }, {
+              default: A(() => [
+                P(h(e), 1)
+              ]),
+              _: 2
+            }, 1032, ["type", "onClick"]))), 128))
+          ])) : y("", !0),
+          n("div", et, [
+            c(t(R), {
+              title: "发布时间",
+              icon: "icon-date",
+              size: 12,
+              class: "mr-10px",
+              distance: 5,
+              text: t(Y)(
+                (t(o).meta?.date ? new Date(t(o).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - t(G)()
+              )
+            }, null, 8, ["text"]),
+            n("div", ot, [
+              c(t(v), {
+                icon: "icon-reading",
                 size: 14,
-                color: unref(_primaryColor),
-                icon: "icon-category"
-              }, null, 8, ["color"]),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(route).meta?.category, (item, index) => {
-                return openBlock(), createBlock(unref(VftTag), {
-                  size: "small",
-                  class: "tag",
-                  type: unref(getRandomElementForArr)(unref(COMP_TYPE), 1)[0],
-                  key: index,
-                  onClick: ($event) => handleJump(item)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(item), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["type", "onClick"]);
-              }), 128))
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_3, [
-              createVNode(unref(VftIconText), {
-                title: "发布时间",
-                icon: "icon-date",
-                size: 12,
-                class: "mr-10px",
-                distance: 5,
-                text: unref(formatToDateTime)(
-                  (unref(route).meta?.date ? new Date(unref(route).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - unref(getDayTimestamp)()
-                )
-              }, null, 8, ["text"]),
-              createElementVNode("div", _hoisted_4, [
-                createVNode(unref(VftIcon), {
-                  icon: "icon-reading",
-                  size: 14,
-                  class: "mr-5px"
-                }),
-                createElementVNode("div", {
-                  class: "waline-pageview-count lh-1",
-                  "data-path": unref(_path)
-                }, "0", 8, _hoisted_5)
-              ])
+                class: "mr-5px"
+              }),
+              n("div", {
+                class: "waline-pageview-count lh-1",
+                "data-path": t(T)
+              }, "0", 8, it)
             ])
           ])
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("content"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        createVNode(unref(VftMdComment)),
-        _cache[0] || (_cache[0] = 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);
-    };
+        ])
+      ], 2),
+      n("div", {
+        class: l(t(r).e("content"))
+      }, [
+        I(a.$slots, "default")
+      ], 2),
+      c(t(B)),
+      i[0] || (i[0] = n("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));
   }
 });
 export {
-  _sfc_main as default
+  Dt as default
 };

package/es/components/md-container/toc.js

@@ -1,44 +1,40 @@
-import { jumpElement } from "@vft/utils";
-import { defineComponent, ref, getCurrentInstance, computed, onMounted, watch, h } from "vue";
-import { isActiveLink } from "./utils.js";
-const renderHeader = ({ title, level, slug }) => h(
+import { jumpElement as h } from "@vft/utils";
+import { defineComponent as v, ref as f, getCurrentInstance as g, computed as T, onMounted as C, watch as $, h as o } from "vue";
+import { isActiveLink as I } from "./utils.js";
+const k = ({ title: t, level: e, slug: l }) => o(
   "a",
   {
-    href: `#${slug}`,
-    class: ["toc-link", `level${level}`]
+    href: `#${l}`,
+    class: ["toc-link", `level${e}`]
   },
-  title
-);
-const renderChildren = (headers, headerDepth, route) => {
-  return headers.length && headerDepth > 0 ? h(
-    "ul",
-    { class: "toc-list" },
-    headers.map((header) => [
-      h(
-        "li",
-        {
-          class: [
-            "toc-item",
-            {
-              active: 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();
-  jumpElement("#" + hash);
+  t
+), a = (t, e, l) => t.length && e > 0 ? o(
+  "ul",
+  { class: "toc-list" },
+  t.map((c) => [
+    o(
+      "li",
+      {
+        class: [
+          "toc-item",
+          {
+            active: I(
+              l,
+              `#${decodeURIComponent(c.slug)}`
+            )
+          }
+        ],
+        onClick: (r) => y(r, c.slug)
+      },
+      k(c)
+    ),
+    a(c.children, e - 1, l)
+  ])
+) : null;
+function y(t, e) {
+  t.preventDefault(), h("#" + e);
 }
-const Toc = defineComponent({
+const A = v({
   props: {
     /**
      * TOC items config
@@ -59,48 +55,37 @@ const Toc = defineComponent({
       default: 2
     }
   },
-  setup(props) {
-    const toc = ref();
-    const instance = getCurrentInstance();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const route = computed(() => {
-      return _router.currentRoute.value;
-    });
-    const scrollTo = (top) => {
-      toc.value?.scrollTo({ top, behavior: "smooth" });
+  setup(t) {
+    const e = f(), c = g().appContext.config.globalProperties.$router, r = T(() => c.currentRoute.value), u = (n) => {
+      e.value?.scrollTo({ top: n, behavior: "smooth" });
     };
-    onMounted(() => {
-      watch(
-        () => route.value.hash,
-        (hash) => {
-          if (toc.value) {
-            const activeTocItem = document.querySelector(
-              `#toc a.toc-link[href$="${hash}"]`
+    return C(() => {
+      $(
+        () => r.value.hash,
+        (n) => {
+          if (e.value) {
+            const p = document.querySelector(
+              `#toc a.toc-link[href$="${n}"]`
+            );
+            if (!p) return;
+            const { top: i, height: m } = e.value.getBoundingClientRect(), { top: s, height: d } = p.getBoundingClientRect();
+            s < i ? u(e.value.scrollTop + s - i) : s + d > i + m && u(
+              e.value.scrollTop + s + d - i - m
             );
-            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 ? h("div", { class: "toc-place-holder" }, [
-        h("aside", { id: "toc" }, [
-          h("div", { class: "toc-header" }, ["此页内容"]),
-          h("div", { class: "toc-wrapper", ref: toc }, [tocHeaders])
+    }), () => {
+      const n = t.items.length ? a(t.items, t.headerDepth, r.value) : a([], t.headerDepth, r.value);
+      return n ? o("div", { class: "toc-place-holder" }, [
+        o("aside", { id: "toc" }, [
+          o("div", { class: "toc-header" }, ["此页内容"]),
+          o("div", { class: "toc-wrapper", ref: e }, [n])
         ])
       ]) : null;
     };
   }
 });
 export {
-  Toc as default
+  A as default
 };

package/es/components/md-container/use/index.js

@@ -1,6 +1,6 @@
-import { useCopyCode } from "./useCopyCode.js";
-import { useActiveHeaderLinks } from "./useActiveHeaderLinks.js";
+import { useCopyCode as r } from "./useCopyCode.js";
+import { useActiveHeaderLinks as s } from "./useActiveHeaderLinks.js";
 export {
-  useActiveHeaderLinks,
-  useCopyCode
+  s as useActiveHeaderLinks,
+  r as useCopyCode
 };