vft 0.0.369 → 0.0.371

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

@@ -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 MdTabs from "./md-tabs.js";
-const VftMdTabs = withInstall(MdTabs);
+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-vue-playground/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-vue-playground.vue2.js";
-const VftMdVuePlayground = withInstall(_sfc_main);
+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
 };

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

@@ -1,67 +1,54 @@
-import { defineComponent, ref, shallowRef, computed, onMounted, createVNode, h } from "vue";
-import { VftIcon } from "../icon/index.js";
+import { defineComponent as i, ref as s, shallowRef as p, computed as d, onMounted as m, createVNode as e, h as v } from "vue";
+import { VftIcon as f } from "../icon/index.js";
 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 g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { Repl, ReplStore } from "@vue/repl";
-import { getVuePlaygroundSettings } from "./playground.js";
-const __default__ = defineComponent({
+import { Repl as w, ReplStore as h } from "@vue/repl";
+import { getVuePlaygroundSettings as V } from "./playground.js";
+const y = i({
   name: "vft-md-vue-playground"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), P = /* @__PURE__ */ i({
+  ...y,
   props: {
     title: {},
     files: {},
     settings: {}
   },
-  setup(__props) {
-    const ns = useNamespace("md-vue-playground");
-    const loading = ref(true);
-    const component = shallowRef();
-    const store = ref();
-    const playgroundOptions = computed(() => getVuePlaygroundSettings(__props.settings));
-    const showCode = ref(playgroundOptions.value.showCode || false);
-    const setupRepl = async () => {
-      component.value = Repl;
-      store.value = new ReplStore({
-        serializedState: decodeURIComponent(__props.files),
-        showOutput: true
-      });
-      if (playgroundOptions.value.vueVersion) await store.value.setVueVersion(playgroundOptions.value.vueVersion);
-    };
-    onMounted(async () => {
-      await setupRepl();
-      loading.value = false;
-    });
-    return () => {
-      return createVNode("div", {
-        "class": ns.b()
-      }, [createVNode("div", {
-        "class": "title-wrapper"
-      }, [__props.title ? createVNode("div", {
-        "class": "title"
-      }, [decodeURIComponent(__props.title)]) : null, createVNode(VftIcon, {
-        "cursor": true,
-        "icon": !showCode.value ? "icon-expand-alt" : "icon-collapse-alt",
-        "size": 20,
-        "onClick": () => {
-          showCode.value = !showCode.value;
-        }
-      }, null)]), createVNode("div", {
-        "class": ["repl-container", showCode.value ? "show-code" : "hide-code"]
-      }, [component.value ? h(component.value, {
-        store: store.value,
-        ...playgroundOptions.value
-      }) : null])]);
+  setup(t) {
+    const u = g("md-vue-playground"), r = s(!0), n = p(), a = s(), o = d(() => V(t.settings)), l = s(o.value.showCode || !1), c = async () => {
+      n.value = w, a.value = new h({
+        serializedState: decodeURIComponent(t.files),
+        showOutput: !0
+      }), o.value.vueVersion && await a.value.setVueVersion(o.value.vueVersion);
     };
+    return m(async () => {
+      await c(), r.value = !1;
+    }), () => e("div", {
+      class: u.b()
+    }, [e("div", {
+      class: "title-wrapper"
+    }, [t.title ? e("div", {
+      class: "title"
+    }, [decodeURIComponent(t.title)]) : null, e(f, {
+      cursor: !0,
+      icon: l.value ? "icon-collapse-alt" : "icon-expand-alt",
+      size: 20,
+      onClick: () => {
+        l.value = !l.value;
+      }
+    }, null)]), e("div", {
+      class: ["repl-container", l.value ? "show-code" : "hide-code"]
+    }, [n.value ? v(n.value, {
+      store: a.value,
+      ...o.value
+    }) : null])]);
   }
 });
 export {
-  _sfc_main as default
+  P as default
 };

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

@@ -1,17 +1,16 @@
-import { deepMerge } from "@vft/utils";
-const VUE_PLAYGROUND_OPTIONS = {
-  autoResize: true,
-  showCode: false,
-  showCompileOutput: false,
-  showImportMap: true,
-  clearConsole: false,
+import { deepMerge as o } from "@vft/utils";
+const t = {
+  autoResize: !0,
+  showCode: !1,
+  showCompileOutput: !1,
+  showImportMap: !0,
+  clearConsole: !1,
   layout: "vertical",
-  ssr: false
-};
-const getVuePlaygroundSettings = (settings) => deepMerge(
-  VUE_PLAYGROUND_OPTIONS,
-  JSON.parse(decodeURIComponent(settings))
+  ssr: !1
+}, r = (e) => o(
+  t,
+  JSON.parse(decodeURIComponent(e))
 );
 export {
-  getVuePlaygroundSettings
+  r as getVuePlaygroundSettings
 };

package/es/components/menu/index.js

@@ -2,24 +2,21 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall, withNoopInstall } from "../../utils/vue/install.js";
+import { withInstall as n, withNoopInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main$3 from "./menu.vue2.js";
-import _sfc_main$2 from "./menu-item.vue2.js";
-import _sfc_main$1 from "./menu-item-group.vue2.js";
-import _sfc_main from "./sub-menu.vue2.js";
-const VftMenu = withInstall(_sfc_main$3, {
-  MenuItem: _sfc_main$2,
-  MenuItemGroup: _sfc_main$1,
-  SubMenu: _sfc_main
-});
-const VftMenuItem = withNoopInstall(_sfc_main$2);
-const VftMenuItemGroup = withNoopInstall(_sfc_main$1);
-const VftSubMenu = withNoopInstall(_sfc_main);
+import i from "./menu.vue2.js";
+import o from "./menu-item.vue2.js";
+import m from "./menu-item-group.vue2.js";
+import r from "./sub-menu.vue2.js";
+const l = n(i, {
+  MenuItem: o,
+  MenuItemGroup: m,
+  SubMenu: r
+}), V = t(o), $ = t(m), b = t(r);
 export {
-  VftMenu,
-  VftMenuItem,
-  VftMenuItemGroup,
-  VftSubMenu,
-  VftMenu as default
+  l as VftMenu,
+  V as VftMenuItem,
+  $ as VftMenuItemGroup,
+  b as VftSubMenu,
+  l as default
 };