vft 0.0.363 → 0.0.365

package/es/components/md-code-tabs/md-code-tabs.js

@@ -1,10 +1,9 @@
-import { useStorage } from "@vueuse/core";
-import { defineComponent, ref, onMounted, watch, h } from "vue";
-const codeTabStore = useStorage(
+import { useStorage as m } from "@vueuse/core";
+import { defineComponent as g, ref as n, onMounted as S, watch as h, h as c } from "vue";
+const v = m(
   "VUEPRESS_CODE_TAB_STORE",
   {}
-);
-const MdCodeTabs = defineComponent({
+), C = g({
   name: "VftMdCodeTabs",
   props: {
     /**
@@ -23,7 +22,7 @@ const MdCodeTabs = defineComponent({
      */
     data: {
       type: Array,
-      required: true
+      required: !0
     },
     /**
      * Code tab id
@@ -32,7 +31,7 @@ const MdCodeTabs = defineComponent({
      */
     id: {
       type: String,
-      required: true
+      required: !0
     },
     /**
      * tab id
@@ -44,105 +43,83 @@ const MdCodeTabs = defineComponent({
       default: ""
     }
   },
-  setup(props, { slots }) {
-    const activeIndex = ref(props.active);
-    const tabRefs = ref([]);
-    const updateStore = () => {
-      if (props.tabId) {
-        const { title, id: value = title } = props.data[activeIndex.value];
-        codeTabStore.value[props.tabId] = value;
+  setup(t, { slots: o }) {
+    const d = n(t.active), i = n([]), r = () => {
+      if (t.tabId) {
+        const { title: a, id: e = a } = t.data[d.value];
+        v.value[t.tabId] = e;
       }
-    };
-    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();
+    }, f = (a = d.value) => {
+      d.value = a < i.value.length - 1 ? a + 1 : 0, i.value[d.value].focus();
+    }, b = (a = d.value) => {
+      d.value = a > 0 ? a - 1 : i.value.length - 1, i.value[d.value].focus();
+    }, s = (a, e) => {
+      if (a.key === " " || a.key === "Enter" ? (a.preventDefault(), d.value = e) : a.key === "ArrowRight" ? (a.preventDefault(), f()) : a.key === "ArrowLeft" && (a.preventDefault(), b()), t.tabId) {
+        const { title: l, id: u = l } = t.data[d.value];
+        v.value[t.tabId] = u;
       }
-      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
+    }, I = () => {
+      if (t.tabId) {
+        const a = t.data.findIndex(
+          ({ title: e, id: l = e }) => v.value[t.tabId] === l
         );
-        if (valueIndex !== -1) return valueIndex;
+        if (a !== -1) return a;
       }
-      return props.active;
+      return t.active;
     };
-    onMounted(() => {
-      activeIndex.value = getInitialIndex();
-      watch(
-        () => codeTabStore.value[props.tabId],
-        (newValue, oldValue) => {
-          if (props.tabId && newValue !== oldValue) {
-            const index = props.data.findIndex(
-              ({ title, id: value = title }) => value === newValue
+    return S(() => {
+      d.value = I(), h(
+        () => v.value[t.tabId],
+        (a, e) => {
+          if (t.tabId && a !== e) {
+            const l = t.data.findIndex(
+              ({ title: u, id: y = u }) => y === a
             );
-            if (index !== -1) activeIndex.value = index;
+            l !== -1 && (d.value = l);
           }
         }
       );
-    });
-    return () => props.data.length ? h("div", { class: "vft-md-code-tabs" }, [
-      h(
+    }), () => t.data.length ? c("div", { class: "vft-md-code-tabs" }, [
+      c(
         "div",
         { class: "code-tabs-nav", role: "tablist" },
-        props.data.map(({ title }, index) => {
-          const isActive = index === activeIndex.value;
-          return h(
+        t.data.map(({ title: a }, e) => {
+          const l = e === d.value;
+          return c(
             "button",
             {
-              ref: (element) => {
-                if (element)
-                  tabRefs.value[index] = element;
+              ref: (u) => {
+                u && (i.value[e] = u);
               },
-              class: ["code-tabs-nav-tab", { active: isActive }],
+              class: ["code-tabs-nav-tab", { active: l }],
               role: "tab",
-              "aria-controls": `codetab-${props.id}-${index}`,
-              "aria-selected": isActive,
+              "aria-controls": `codetab-${t.id}-${e}`,
+              "aria-selected": l,
               onClick: () => {
-                activeIndex.value = index;
-                updateStore();
+                d.value = e, r();
               },
-              onKeydown: (event) => keyboardHandler(event, index)
+              onKeydown: (u) => s(u, e)
             },
-            title
+            a
           );
         })
       ),
-      props.data.map(({ title, id: value = title }, index) => {
-        const isActive = index === activeIndex.value;
-        return h(
+      t.data.map(({ title: a, id: e = a }, l) => {
+        const u = l === d.value;
+        return c(
           "div",
           {
-            class: ["code-tab", { active: isActive }],
-            id: `codetab-${props.id}-${index}`,
+            class: ["code-tab", { active: u }],
+            id: `codetab-${t.id}-${l}`,
             role: "tabpanel",
-            "aria-expanded": isActive
+            "aria-expanded": u
           },
-          slots[`tab${index}`]?.({ title, value, isActive })
+          o[`tab${l}`]?.({ title: a, value: e, isActive: u })
         );
       })
     ]) : null;
   }
 });
 export {
-  MdCodeTabs as default
+  C as default
 };

package/es/components/md-code-tabs/style/css.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-md-code-tabs.css";

package/es/components/md-code-tabs/style/index.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/md-code-tabs.scss";

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

@@ -1,7 +1,12 @@
-import _sfc_main from "./md-comment.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftMdComment = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+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,20 +1,25 @@
-import { defineComponent, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode } from "vue";
-import { init } from "@waline/client";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const _hoisted_1 = ["id"];
-const __default__ = defineComponent({
+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 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 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",
@@ -24,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-comment/style/css.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-md-comment.css";

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

@@ -1 +1,2 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/md-comment.scss";

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

@@ -1,7 +1,12 @@
-import _sfc_main from "./md-container.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftMdContainer = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+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,164 +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 { useRouterHelper } from "@vft/router";
-import { useEventListener } from "@vft/use";
-import { usePhotoSwipe } from "@vft/use/photoswipe";
-import { jumpElement, getRandomElementForArr, isClient } from "@vft/utils";
-import { formatToDateTime, getDayTimestamp } from "@vft/utils/date";
-import Toc from "./toc.js";
-import { COMP_TYPE } from "./utils.js";
-import { useActiveHeaderLinks } from "./use/useActiveHeaderLinks.js";
-import { useCopyCode } from "./use/useCopyCode.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { primaryColor } from "../../utils/ns-cover.js";
-const _hoisted_1 = { class: "info-container" };
-const _hoisted_2 = {
+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 as H, getRandomElementForArr as M, isClient as q } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import { primaryColor as F } from "../../utils/ns-cover.js";
+import "lodash-es";
+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 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/style/css.js

@@ -1 +1,7 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-md-comment.css";
+import "vft/theme-style/vft-md-code-demo.css";
+import "vft/theme-style/vft-md-code-tabs.css";
+import "vft/theme-style/vft-md-tabs.css";
+import "vft/theme-style/vft-md-vue-playground.css";
+import "vft/theme-style/vft-md-container.css";

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

@@ -1 +1,7 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/md-comment.scss";
+import "vft/theme-style/src/md-code-tabs.scss";
+import "vft/theme-style/src/md-code-demo.scss";
+import "vft/theme-style/src/md-tabs.scss";
+import "vft/theme-style/src/md-vue-playground.scss";
+import "vft/theme-style/src/md-container.scss";