vft 0.0.363 → 0.0.365

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
 };

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

@@ -1,73 +1,52 @@
-import { debounce } from "lodash-es";
-import { onMounted, onBeforeUnmount } from "vue";
-import { useRouter } from "vue-router";
-const useActiveHeaderLinks = ({
-  headerLinkSelector = "a.toc-link",
-  headerAnchorSelector = ".header-anchor",
-  delay = 200,
-  offset = 5
+import { debounce as R } from "lodash-es";
+import { onMounted as S, onBeforeUnmount as B } from "vue";
+import { useRouter as T } from "vue-router";
+const k = ({
+  headerLinkSelector: e = "a.toc-link",
+  headerAnchorSelector: c = ".header-anchor",
+  delay: s = 200,
+  offset: i = 5
 }) => {
-  const router = useRouter();
-  const setActiveRouteHash = () => {
-    const scrollEl = document.querySelector(".vft-md-container");
-    const scrollTop = scrollEl.scrollTop;
-    const isAtPageTop = Math.abs(scrollTop) < offset;
-    if (isAtPageTop) {
-      updateHash(router, "");
+  const a = T(), h = R(() => {
+    const u = document.querySelector(".vft-md-container"), n = u.scrollTop;
+    if (Math.abs(n) < i) {
+      p(a, "");
       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 v = window.innerHeight + n - 100, A = u.scrollHeight, y = Math.abs(A - v) < i, H = Array.from(
+      document.querySelectorAll(e)
+    ), t = Array.from(
+      document.querySelectorAll(c)
+    ).filter(
+      (o) => H.some((r) => r.hash === o.hash)
     );
-    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)) {
+    for (let o = 0; o < t.length; o++) {
+      const r = t[o], d = t[o + 1], g = n >= (r.parentElement?.offsetTop ?? 0) - 100, q = !d || n < (d.parentElement?.offsetTop ?? 0) - 100;
+      if (!(g && q)) continue;
+      const m = decodeURIComponent(a.currentRoute.value.hash), f = decodeURIComponent(r.hash);
+      if (m === f) return;
+      if (y) {
+        for (let l = o + 1; l < t.length; l++)
+          if (m === decodeURIComponent(t[l].hash))
             return;
-          }
-        }
       }
-      updateHash(router, anchorHash);
+      p(a, f);
       return;
     }
-  };
-  const onScroll = debounce(setActiveRouteHash, delay);
-  onMounted(() => {
-    document.querySelector(".vft-md-container").addEventListener("scroll", onScroll);
+  }, s);
+  S(() => {
+    document.querySelector(".vft-md-container").addEventListener("scroll", h);
+  }), B(() => {
+    document.querySelector(".vft-md-container") && document.querySelector(".vft-md-container").removeEventListener("scroll", h);
   });
-  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);
+}, p = async (e, c) => {
+  const { scrollBehavior: s } = e.options;
+  e.options.scrollBehavior = void 0, await e.replace({
+    query: e.currentRoute.value.query,
+    hash: c,
+    force: !0
+  }).finally(() => e.options.scrollBehavior = s);
 };
 export {
-  useActiveHeaderLinks
+  k as useActiveHeaderLinks
 };

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

@@ -1,65 +1,38 @@
-import { inBrowser } from "@vft/utils";
-function useCopyCode() {
-  if (inBrowser) {
-    const timeoutIdMap = /* @__PURE__ */ new Map();
+import { inBrowser as a } from "@vft/utils";
+function u() {
+  if (a) {
+    const o = /* @__PURE__ */ new Map();
     window.addEventListener("click", (e) => {
-      const el = e.target;
-      if (el.matches('div[class*="language-"] > button.copy')) {
-        const parent = el.parentElement;
-        const sibling = el.nextElementSibling;
-        if (!parent || !sibling) {
+      const t = e.target;
+      if (t.matches('div[class*="language-"] > button.copy')) {
+        const n = t.parentElement, s = t.nextElementSibling;
+        if (!n || !s)
           return;
-        }
-        const isShell = /language-(shellscript|shell|bash|sh|zsh)/.test(
-          parent.classList.toString()
+        const i = /language-(shellscript|shell|bash|sh|zsh)/.test(
+          n.classList.toString()
         );
-        let text = sibling.textContent;
-        if (isShell) {
-          text = text.replace(/^ *(\$|>) /gm, "");
-        }
-        copyToClipboard(text).then(() => {
-          el.classList.add("copied");
-          clearTimeout(timeoutIdMap.get(el));
-          const timeoutId = setTimeout(() => {
-            el.classList.remove("copied");
-            el.blur();
-            timeoutIdMap.delete(el);
+        let l = s.textContent;
+        i && (l = l.replace(/^ *(\$|>) /gm, "")), r(l).then(() => {
+          t.classList.add("copied"), clearTimeout(o.get(t));
+          const c = setTimeout(() => {
+            t.classList.remove("copied"), t.blur(), o.delete(t);
           }, 2e3);
-          timeoutIdMap.set(el, timeoutId);
+          o.set(t, c);
         });
       }
     });
   }
 }
-async function copyToClipboard(text) {
+async function r(o) {
   try {
-    return navigator.clipboard.writeText(text);
+    return navigator.clipboard.writeText(o);
   } catch {
-    const element = document.createElement("textarea");
-    const previouslyFocusedElement = document.activeElement;
-    element.value = text;
-    element.setAttribute("readonly", "");
-    element.style.contain = "strict";
-    element.style.position = "absolute";
-    element.style.left = "-9999px";
-    element.style.fontSize = "12pt";
-    const selection = document.getSelection();
-    const originalRange = selection ? selection.rangeCount > 0 && selection.getRangeAt(0) : null;
-    document.body.appendChild(element);
-    element.select();
-    element.selectionStart = 0;
-    element.selectionEnd = text.length;
-    document.execCommand("copy");
-    document.body.removeChild(element);
-    if (originalRange) {
-      selection.removeAllRanges();
-      selection.addRange(originalRange);
-    }
-    if (previouslyFocusedElement) {
-      previouslyFocusedElement.focus();
-    }
+    const e = document.createElement("textarea"), t = document.activeElement;
+    e.value = o, e.setAttribute("readonly", ""), e.style.contain = "strict", e.style.position = "absolute", e.style.left = "-9999px", e.style.fontSize = "12pt";
+    const n = document.getSelection(), s = n ? n.rangeCount > 0 && n.getRangeAt(0) : null;
+    document.body.appendChild(e), e.select(), e.selectionStart = 0, e.selectionEnd = o.length, document.execCommand("copy"), document.body.removeChild(e), s && (n.removeAllRanges(), n.addRange(s)), t && t.focus();
   }
 }
 export {
-  useCopyCode
+  u as useCopyCode
 };

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

@@ -1,17 +1,11 @@
-import { getHash, HASH_REGEXP } from "@vft/utils";
-const normalizePath = (path) => decodeURI(path).replace(HASH_REGEXP, "").replace(/(index)?\.(md|html)$/, "");
-const isActiveLink = (route, link) => {
-  if (link === void 0) return false;
-  const currentPath = normalizePath(route.path);
-  const targetPath = normalizePath(link);
-  const linkHash = getHash(link);
-  if (linkHash)
-    return linkHash === route.hash && (!targetPath || currentPath === targetPath);
-  return currentPath === targetPath;
-};
-const COMP_TYPE = ["success", "info", "warning", "danger", ""];
+import { getHash as c, HASH_REGEXP as o } from "@vft/utils";
+const s = (t) => decodeURI(t).replace(o, "").replace(/(index)?\.(md|html)$/, ""), h = (t, e) => {
+  if (e === void 0) return !1;
+  const r = s(t.path), n = s(e), a = c(e);
+  return a ? a === t.hash && (!n || r === n) : r === n;
+}, d = ["success", "info", "warning", "danger", ""];
 export {
-  COMP_TYPE,
-  isActiveLink,
-  normalizePath
+  d as COMP_TYPE,
+  h as isActiveLink,
+  s as normalizePath
 };

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

@@ -1,7 +1,12 @@
-import MdTabs from "./md-tabs.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftMdTabs = withInstall(MdTabs);
+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-tabs.js";
+const d = t(o);
 export {
-  VftMdTabs,
-  VftMdTabs as default
+  d as VftMdTabs,
+  d as default
 };

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

@@ -1,7 +1,6 @@
-import { useStorage } from "@vueuse/core";
-import { defineComponent, ref, onMounted, watch, h } from "vue";
-const tabStore = useStorage("VUEPRESS_TAB_STORE", {});
-const MdTabs = defineComponent({
+import { useStorage as y } from "@vueuse/core";
+import { defineComponent as g, ref as c, onMounted as S, watch as h, h as n } from "vue";
+const v = y("VUEPRESS_TAB_STORE", {}), $ = g({
   name: "VftMdTabs",
   props: {
     /**
@@ -20,7 +19,7 @@ const MdTabs = defineComponent({
      */
     data: {
       type: Array,
-      required: true
+      required: !0
     },
     /**
      * Tab id
@@ -29,7 +28,7 @@ const MdTabs = defineComponent({
      */
     id: {
       type: String,
-      required: true
+      required: !0
     },
     /**
      * tab id
@@ -41,102 +40,80 @@ const MdTabs = 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];
-        tabStore.value[props.tabId] = value;
+  setup(t, { slots: f }) {
+    const l = c(t.active), d = c([]), r = () => {
+      if (t.tabId) {
+        const { title: a, id: e = a } = t.data[l.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();
-      }
-      updateStore();
-    };
-    const getInitialIndex = () => {
-      if (props.tabId) {
-        const valueIndex = props.data.findIndex(
-          ({ title, id: value = title }) => tabStore.value[props.tabId] === value
+    }, o = (a = l.value) => {
+      l.value = a < d.value.length - 1 ? a + 1 : 0, d.value[l.value].focus();
+    }, s = (a = l.value) => {
+      l.value = a > 0 ? a - 1 : d.value.length - 1, d.value[l.value].focus();
+    }, b = (a, e) => {
+      a.key === " " || a.key === "Enter" ? (a.preventDefault(), l.value = e) : a.key === "ArrowRight" ? (a.preventDefault(), o()) : a.key === "ArrowLeft" && (a.preventDefault(), s()), r();
+    }, I = () => {
+      if (t.tabId) {
+        const a = t.data.findIndex(
+          ({ title: e, id: i = e }) => v.value[t.tabId] === i
         );
-        if (valueIndex !== -1) return valueIndex;
+        if (a !== -1) return a;
       }
-      return props.active;
+      return t.active;
     };
-    onMounted(() => {
-      activeIndex.value = getInitialIndex();
-      watch(
-        () => tabStore.value[props.tabId],
-        (newValue, oldValue) => {
-          if (props.tabId && newValue !== oldValue) {
-            const index = props.data.findIndex(
-              ({ title, id: value = title }) => value === newValue
+    return S(() => {
+      l.value = I(), h(
+        () => v.value[t.tabId],
+        (a, e) => {
+          if (t.tabId && a !== e) {
+            const i = t.data.findIndex(
+              ({ title: u, id: m = u }) => m === a
             );
-            if (index !== -1) activeIndex.value = index;
+            i !== -1 && (l.value = i);
           }
         }
       );
-    });
-    return () => props.data.length ? h("div", { class: "vft-md-tabs" }, [
-      h(
+    }), () => t.data.length ? n("div", { class: "vft-md-tabs" }, [
+      n(
         "div",
         { class: "tab-list-nav", role: "tablist" },
-        props.data.map(({ title }, index) => {
-          const isActive = index === activeIndex.value;
-          return h(
+        t.data.map(({ title: a }, e) => {
+          const i = e === l.value;
+          return n(
             "button",
             {
-              ref: (element) => {
-                if (element)
-                  tabRefs.value[index] = element;
+              ref: (u) => {
+                u && (d.value[e] = u);
               },
-              class: ["tab-list-nav-item", { active: isActive }],
+              class: ["tab-list-nav-item", { active: i }],
               role: "tab",
-              "aria-controls": `tab-${props.id}-${index}`,
-              "aria-selected": isActive,
+              "aria-controls": `tab-${t.id}-${e}`,
+              "aria-selected": i,
               onClick: () => {
-                activeIndex.value = index;
-                updateStore();
+                l.value = e, r();
               },
-              onKeydown: (event) => keyboardHandler(event, index)
+              onKeydown: (u) => b(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 }, i) => {
+        const u = i === l.value;
+        return n(
           "div",
           {
-            class: ["tab-item", { active: isActive }],
-            id: `tab-${props.id}-${index}`,
+            class: ["tab-item", { active: u }],
+            id: `tab-${t.id}-${i}`,
             role: "tabpanel",
-            "aria-expanded": isActive
+            "aria-expanded": u
           },
-          slots[`tab${index}`]?.({ title, value, isActive })
+          f[`tab${i}`]?.({ title: a, value: e, isActive: u })
         );
       })
     ]) : null;
   }
 });
 export {
-  MdTabs as default
+  $ as default
 };

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

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

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

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

package/es/components/md-vue-playground/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./md-vue-playground.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftMdVuePlayground = 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-vue-playground.vue2.js";
+const n = t(o);
 export {
-  VftMdVuePlayground,
-  VftMdVuePlayground as default
+  n as VftMdVuePlayground,
+  n as default
 };

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

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