vft 0.0.374 → 0.0.375

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

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

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

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

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

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

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

@@ -1 +1,65 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@vft/utils");function r(){if(a.inBrowser){const o=new Map;window.addEventListener("click",e=>{const t=e.target;if(t.matches('div[class*="language-"] > button.copy')){const n=t.parentElement,s=t.nextElementSibling;if(!n||!s)return;const i=/language-(shellscript|shell|bash|sh|zsh)/.test(n.classList.toString());let l=s.textContent;i&&(l=l.replace(/^ *(\$|>) /gm,"")),d(l).then(()=>{t.classList.add("copied"),clearTimeout(o.get(t));const c=setTimeout(()=>{t.classList.remove("copied"),t.blur(),o.delete(t)},2e3);o.set(t,c)})}})}}async function d(o){try{return navigator.clipboard.writeText(o)}catch{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()}}exports.useCopyCode=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+function useCopyCode() {
+  if (utils.inBrowser) {
+    const timeoutIdMap = /* @__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) {
+          return;
+        }
+        const isShell = /language-(shellscript|shell|bash|sh|zsh)/.test(
+          parent.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);
+          }, 2e3);
+          timeoutIdMap.set(el, timeoutId);
+        });
+      }
+    });
+  }
+}
+async function copyToClipboard(text) {
+  try {
+    return navigator.clipboard.writeText(text);
+  } 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();
+    }
+  }
+}
+exports.useCopyCode = useCopyCode;

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vft/utils"),r=e=>decodeURI(e).replace(i.HASH_REGEXP,"").replace(/(index)?\.(md|html)$/,""),c=(e,t)=>{if(t===void 0)return!1;const s=r(e.path),n=r(t),a=i.getHash(t);return a?a===e.hash&&(!n||s===n):s===n},o=["success","info","warning","danger",""];exports.COMP_TYPE=o;exports.isActiveLink=c;exports.normalizePath=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const normalizePath = (path) => decodeURI(path).replace(utils.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 = utils.getHash(link);
+  if (linkHash)
+    return linkHash === route.hash && (!targetPath || currentPath === targetPath);
+  return currentPath === targetPath;
+};
+const COMP_TYPE = ["success", "info", "warning", "danger", ""];
+exports.COMP_TYPE = COMP_TYPE;
+exports.isActiveLink = isActiveLink;
+exports.normalizePath = normalizePath;

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

@@ -1 +1,12 @@
-"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-tabs.cjs"),e=r.withInstall(t.default);exports.VftMdTabs=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const mdTabs = require("./md-tabs.cjs");
+const VftMdTabs = install.withInstall(mdTabs.default);
+exports.VftMdTabs = VftMdTabs;
+exports.default = VftMdTabs;

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

@@ -1 +1,142 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@vueuse/core"),d=require("vue"),r=y.useStorage("VUEPRESS_TAB_STORE",{}),g=d.defineComponent({name:"VftMdTabs",props:{active:{type:Number,default:0},data:{type:Array,required:!0},id:{type:String,required:!0},tabId:{type:String,default:""}},setup(t,{slots:c}){const l=d.ref(t.active),n=d.ref([]),v=()=>{if(t.tabId){const{title:e,id:a=e}=t.data[l.value];r.value[t.tabId]=a}},s=(e=l.value)=>{l.value=e<n.value.length-1?e+1:0,n.value[l.value].focus()},o=(e=l.value)=>{l.value=e>0?e-1:n.value.length-1,n.value[l.value].focus()},f=(e,a)=>{e.key===" "||e.key==="Enter"?(e.preventDefault(),l.value=a):e.key==="ArrowRight"?(e.preventDefault(),s()):e.key==="ArrowLeft"&&(e.preventDefault(),o()),v()},b=()=>{if(t.tabId){const e=t.data.findIndex(({title:a,id:u=a})=>r.value[t.tabId]===u);if(e!==-1)return e}return t.active};return d.onMounted(()=>{l.value=b(),d.watch(()=>r.value[t.tabId],(e,a)=>{if(t.tabId&&e!==a){const u=t.data.findIndex(({title:i,id:I=i})=>I===e);u!==-1&&(l.value=u)}})}),()=>t.data.length?d.h("div",{class:"vft-md-tabs"},[d.h("div",{class:"tab-list-nav",role:"tablist"},t.data.map(({title:e},a)=>{const u=a===l.value;return d.h("button",{ref:i=>{i&&(n.value[a]=i)},class:["tab-list-nav-item",{active:u}],role:"tab","aria-controls":`tab-${t.id}-${a}`,"aria-selected":u,onClick:()=>{l.value=a,v()},onKeydown:i=>f(i,a)},e)})),t.data.map(({title:e,id:a=e},u)=>{const i=u===l.value;return d.h("div",{class:["tab-item",{active:i}],id:`tab-${t.id}-${u}`,role:"tabpanel","aria-expanded":i},c[`tab${u}`]?.({title:e,value:a,isActive:i}))})]):null}});exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const core = require("@vueuse/core");
+const vue = require("vue");
+const tabStore = core.useStorage("VUEPRESS_TAB_STORE", {});
+const MdTabs = vue.defineComponent({
+  name: "VftMdTabs",
+  props: {
+    /**
+     * Active tab index
+     *
+     * 激活的标签页序号
+     */
+    active: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * tab data
+     *
+     * 标签页数据
+     */
+    data: {
+      type: Array,
+      required: true
+    },
+    /**
+     * 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];
+        tabStore.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();
+      }
+      updateStore();
+    };
+    const getInitialIndex = () => {
+      if (props.tabId) {
+        const valueIndex = props.data.findIndex(
+          ({ title, id: value = title }) => tabStore.value[props.tabId] === value
+        );
+        if (valueIndex !== -1) return valueIndex;
+      }
+      return props.active;
+    };
+    vue.onMounted(() => {
+      activeIndex.value = getInitialIndex();
+      vue.watch(
+        () => tabStore.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-tabs" }, [
+      vue.h(
+        "div",
+        { class: "tab-list-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: ["tab-list-nav-item", { active: isActive }],
+              role: "tab",
+              "aria-controls": `tab-${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: ["tab-item", { active: isActive }],
+            id: `tab-${props.id}-${index}`,
+            role: "tabpanel",
+            "aria-expanded": isActive
+          },
+          slots[`tab${index}`]?.({ title, value, isActive })
+        );
+      })
+    ]) : null;
+  }
+});
+exports.default = MdTabs;

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

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

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

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

package/lib/components/md-vue-playground/index.cjs

@@ -1 +1,12 @@
-"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 u=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./md-vue-playground.vue2.cjs"),e=u.withInstall(r.default);exports.VftMdVuePlayground=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const mdVuePlayground_vue_vue_type_script_setup_true_lang = require("./md-vue-playground.vue2.cjs");
+const VftMdVuePlayground = install.withInstall(mdVuePlayground_vue_vue_type_script_setup_true_lang.default);
+exports.VftMdVuePlayground = VftMdVuePlayground;
+exports.default = VftMdVuePlayground;

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

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./md-vue-playground.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mdVuePlayground_vue_vue_type_script_setup_true_lang = require("./md-vue-playground.vue2.cjs");
+exports.default = mdVuePlayground_vue_vue_type_script_setup_true_lang.default;

package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs

@@ -1 +1,67 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=require("@vue/repl"),v=require("./playground.cjs"),p=e.defineComponent({name:"vft-md-vue-playground"}),f=e.defineComponent({...p,props:{title:{},files:{},settings:{}},setup(t){const s=d.useNamespace("md-vue-playground"),a=e.ref(!0),u=e.shallowRef(),r=e.ref(),o=e.computed(()=>v.getVuePlaygroundSettings(t.settings)),n=e.ref(o.value.showCode||!1),i=async()=>{u.value=l.Repl,r.value=new l.ReplStore({serializedState:decodeURIComponent(t.files),showOutput:!0}),o.value.vueVersion&&await r.value.setVueVersion(o.value.vueVersion)};return e.onMounted(async()=>{await i(),a.value=!1}),()=>e.createVNode("div",{class:s.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(c.VftIcon,{cursor:!0,icon:n.value?"icon-collapse-alt":"icon-expand-alt",size:20,onClick:()=>{n.value=!n.value}},null)]),e.createVNode("div",{class:["repl-container",n.value?"show-code":"hide-code"]},[u.value?e.h(u.value,{store:r.value,...o.value}):null])])}});exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../icon/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const repl = require("@vue/repl");
+const playground = require("./playground.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-md-vue-playground"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    title: {},
+    files: {},
+    settings: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("md-vue-playground");
+    const loading = vue.ref(true);
+    const component = vue.shallowRef();
+    const store = vue.ref();
+    const playgroundOptions = vue.computed(() => playground.getVuePlaygroundSettings(__props.settings));
+    const showCode = vue.ref(playgroundOptions.value.showCode || false);
+    const setupRepl = async () => {
+      component.value = repl.Repl;
+      store.value = new repl.ReplStore({
+        serializedState: decodeURIComponent(__props.files),
+        showOutput: true
+      });
+      if (playgroundOptions.value.vueVersion) await store.value.setVueVersion(playgroundOptions.value.vueVersion);
+    };
+    vue.onMounted(async () => {
+      await setupRepl();
+      loading.value = false;
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "class": ns.b()
+      }, [vue.createVNode("div", {
+        "class": "title-wrapper"
+      }, [__props.title ? vue.createVNode("div", {
+        "class": "title"
+      }, [decodeURIComponent(__props.title)]) : null, vue.createVNode(index$1.VftIcon, {
+        "cursor": true,
+        "icon": !showCode.value ? "icon-expand-alt" : "icon-collapse-alt",
+        "size": 20,
+        "onClick": () => {
+          showCode.value = !showCode.value;
+        }
+      }, null)]), vue.createVNode("div", {
+        "class": ["repl-container", showCode.value ? "show-code" : "hide-code"]
+      }, [component.value ? vue.h(component.value, {
+        store: store.value,
+        ...playgroundOptions.value
+      }) : null])]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@vft/utils"),o={autoResize:!0,showCode:!1,showCompileOutput:!1,showImportMap:!0,clearConsole:!1,layout:"vertical",ssr:!1},s=e=>t.deepMerge(o,JSON.parse(decodeURIComponent(e)));exports.getVuePlaygroundSettings=s;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const VUE_PLAYGROUND_OPTIONS = {
+  autoResize: true,
+  showCode: false,
+  showCompileOutput: false,
+  showImportMap: true,
+  clearConsole: false,
+  layout: "vertical",
+  ssr: false
+};
+const getVuePlaygroundSettings = (settings) => utils.deepMerge(
+  VUE_PLAYGROUND_OPTIONS,
+  JSON.parse(decodeURIComponent(settings))
+);
+exports.getVuePlaygroundSettings = getVuePlaygroundSettings;

package/lib/components/md-vue-playground/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-vue-playground.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-md-vue-playground.css");

package/lib/components/md-vue-playground/style/index.cjs

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

package/lib/components/menu/index.cjs

@@ -1 +1,25 @@
-"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 e=require("../../utils/vue/install.cjs");require("lodash-es");const _=require("./menu.vue2.cjs"),t=require("./menu-item.vue2.cjs"),u=require("./menu-item-group.vue2.cjs"),r=require("./sub-menu.vue2.cjs"),n=e.withInstall(_.default,{MenuItem:t.default,MenuItemGroup:u.default,SubMenu:r.default}),l=e.withNoopInstall(t.default),s=e.withNoopInstall(u.default),o=e.withNoopInstall(r.default);exports.VftMenu=n;exports.VftMenuItem=l;exports.VftMenuItemGroup=s;exports.VftSubMenu=o;exports.default=n;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const menu_vue_vue_type_script_setup_true_lang = require("./menu.vue2.cjs");
+const menuItem_vue_vue_type_script_setup_true_lang = require("./menu-item.vue2.cjs");
+const menuItemGroup_vue_vue_type_script_setup_true_lang = require("./menu-item-group.vue2.cjs");
+const subMenu_vue_vue_type_script_setup_true_lang = require("./sub-menu.vue2.cjs");
+const VftMenu = install.withInstall(menu_vue_vue_type_script_setup_true_lang.default, {
+  MenuItem: menuItem_vue_vue_type_script_setup_true_lang.default,
+  MenuItemGroup: menuItemGroup_vue_vue_type_script_setup_true_lang.default,
+  SubMenu: subMenu_vue_vue_type_script_setup_true_lang.default
+});
+const VftMenuItem = install.withNoopInstall(menuItem_vue_vue_type_script_setup_true_lang.default);
+const VftMenuItemGroup = install.withNoopInstall(menuItemGroup_vue_vue_type_script_setup_true_lang.default);
+const VftSubMenu = install.withNoopInstall(subMenu_vue_vue_type_script_setup_true_lang.default);
+exports.VftMenu = VftMenu;
+exports.VftMenuItem = VftMenuItem;
+exports.VftMenuItemGroup = VftMenuItemGroup;
+exports.VftSubMenu = VftSubMenu;
+exports.default = VftMenu;

package/lib/components/menu/menu-collapse-transition.vue.cjs

@@ -1 +1,15 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.cjs"),e=require("vue"),o=require("../../_virtual/_plugin-vue_export-helper.cjs");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const menuCollapseTransition_vue_vue_type_script_lang = require("./menu-collapse-transition.vue2.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+const MenuCollapseTransition = /* @__PURE__ */ _pluginVue_exportHelper.default(menuCollapseTransition_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+exports.default = MenuCollapseTransition;