vft 0.0.524 → 0.0.525

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

@@ -0,0 +1,179 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_ns_cover = require("../../utils/ns-cover.cjs");
+const require_index$1 = require("../icon/index.cjs");
+const require_index$2 = require("../tag/index.cjs");
+const require_index$3 = require("../icon-text/index.cjs");
+const require_index$4 = require("../side-menu/index.cjs");
+const require_useCopyCode = require("./use/useCopyCode.cjs");
+const require_utils = require("./utils.cjs");
+let _vft_utils = require("@vft/utils");
+let lodash_es = require("lodash-es");
+let vue = require("vue");
+let _vft_use = require("@vft/use");
+let _vft_utils_date = require("@vft/utils/date");
+let _vft_router = require("@vft/router");
+let _vft_use_photoswipe = require("@vft/use/photoswipe");
+//#region ../../packages/components/md-container/md-container.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "info-container" };
+const _hoisted_2 = {
+	key: 0,
+	class: "left"
+};
+const _hoisted_3 = { class: "infos" };
+const _hoisted_4 = {
+	class: "reading",
+	title: "阅读量"
+};
+const _hoisted_5 = ["data-path"];
+const __default__ = (0, vue.defineComponent)({ name: "vft-md-container" });
+var md_container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		tocList: {
+			type: String,
+			required: false
+		},
+		scrollDom: {
+			type: String,
+			required: false,
+			default: ".layout-content"
+		},
+		showComment: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const ns = require_index.useNamespace("md-container");
+		const instance = (0, vue.getCurrentInstance)();
+		const sideMenuRef = (0, vue.ref)();
+		const _tocList = (0, vue.computed)(() => {
+			if (__props.tocList && __props.tocList !== "undefined") return JSON.parse(__props.tocList);
+			return "";
+		});
+		const { initPhotoSwipe } = (0, _vft_use_photoswipe.usePhotoSwipe)(`.${ns.e("content")} img`);
+		initPhotoSwipe();
+		require_useCopyCode.useCopyCode();
+		const _router = instance.appContext.config.globalProperties.$router;
+		const route = _router.currentRoute.value;
+		const _primaryColor = require_ns_cover.primaryColor();
+		const _path = _vft_utils.isClient ? location.pathname : "";
+		const { go } = (0, _vft_router.useRouterHelper)(_router);
+		function handleJump(item) {
+			go(`/?classify=${item}`);
+		}
+		const isApi = (0, vue.computed)(() => {
+			return route.meta.category?.includes("api");
+		});
+		const handleTabScroll = (0, lodash_es.debounce)(() => (0, _vft_utils.handleScrollPosition)({
+			scrollDom: __props.scrollDom,
+			contentDom: ".header-anchor",
+			selectAttrName: "href",
+			offset: (0, _vft_utils.getAdaptiveOffset)(210, 1920, 1500, 1920),
+			callback: (currentActiveSection) => {
+				if (sideMenuRef.value?.menuRef) sideMenuRef.value.menuRef.activeIndex = currentActiveSection.slice(1);
+			}
+		}), 100);
+		const handleTocClick = (data) => {
+			(0, _vft_utils.jumpElement)(`[id="${data.index}"]`, __props.scrollDom, 120);
+		};
+		const removeListener = () => {
+			const scrollContainer = document.querySelector(__props.scrollDom);
+			if (scrollContainer) scrollContainer.removeEventListener("scroll", handleTabScroll);
+		};
+		(0, vue.onMounted)(() => {
+			(0, vue.nextTick)(() => {
+				setTimeout(() => {
+					if (route.hash) (0, _vft_utils.jumpElement)(`[id="${encodeURI(route.hash).slice(1)}"]`);
+				});
+				setTimeout(() => {
+					const scrollContainer = document.querySelector(".layout-content");
+					if (scrollContainer) scrollContainer.addEventListener("scroll", handleTabScroll);
+				}, 1500);
+				const showCodeDom = document.querySelectorAll(".item.expand");
+				const languageVueDom = document.querySelectorAll("div.language-vue");
+				for (let i = 0; i < showCodeDom.length; i++) (0, _vft_use.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";
+					}
+				});
+			});
+		});
+		(0, vue.onDeactivated)(() => {
+			removeListener();
+		});
+		(0, vue.onBeforeMount)(() => {
+			removeListener();
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b(), (0, vue.unref)(ns).is("api", isApi.value)]) }, [
+				_tocList.value?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$4.VftSideMenu), {
+					key: 0,
+					ref_key: "sideMenuRef",
+					ref: sideMenuRef,
+					"default-active": _tocList.value[0].slug,
+					class: "toc-side-menu",
+					menus: _tocList.value,
+					"is-fixed-left": false,
+					"default-openeds-level": "",
+					"unique-opened": false,
+					"disable-sub-menu-action": "",
+					"attr-mapping": { index: "slug" },
+					onSelect: handleTocClick,
+					onSubMenuClick: handleTocClick
+				}, null, 8, ["default-active", "menus"])) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("header")) }, [(0, vue.createElementVNode)("h1", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title")) }, (0, vue.toDisplayString)((0, vue.unref)(route).meta?.title), 3), (0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.unref)(route).meta?.category)?.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.createVNode)((0, vue.unref)(require_index$1.VftIcon), {
+					size: 14,
+					color: (0, vue.unref)(_primaryColor),
+					icon: "icon-category"
+				}, null, 8, ["color"]), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(route).meta?.category, (item, index) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.VftTag), {
+						size: "small",
+						class: "tag",
+						type: (0, vue.unref)(_vft_utils.getRandomElementForArr)((0, vue.unref)(require_utils.COMP_TYPE), 1)[0],
+						key: index,
+						onClick: ($event) => handleJump(item)
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item), 1)]),
+						_: 2
+					}, 1032, ["type", "onClick"]);
+				}), 128))])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createVNode)((0, vue.unref)(require_index$3.VftIconText), {
+					title: "发布时间",
+					icon: "icon-date",
+					size: 12,
+					class: "mr-10px",
+					distance: 5,
+					text: (0, vue.unref)(_vft_utils_date.formatToDateTime)(((0, vue.unref)(route).meta?.date ? new Date((0, vue.unref)(route).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - (0, vue.unref)(_vft_utils_date.getDayTimestamp)())
+				}, null, 8, ["text"]), (0, vue.createElementVNode)("div", _hoisted_4, [(0, vue.createVNode)((0, vue.unref)(require_index$1.VftIcon), {
+					icon: "icon-reading",
+					size: 14,
+					class: "mr-5px"
+				}), (0, vue.createElementVNode)("div", {
+					class: "waline-pageview-count lh-1",
+					"data-path": (0, vue.unref)(_path)
+				}, "0", 8, _hoisted_5)])])])], 2),
+				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("content")) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2),
+				(0, vue.createCommentVNode)(" 留言板插槽：使用方可自定义留言板组件 "),
+				__props.showComment ? (0, vue.renderSlot)(_ctx.$slots, "comment", { key: 1 }) : (0, vue.createCommentVNode)("v-if", true),
+				_cache[0] || (_cache[0] = (0, vue.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);
+		};
+	}
+});
+//#endregion
+exports.default = md_container_vue_vue_type_script_setup_true_lang_default;

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

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-code-demo.css");require("vft/theme-style/vft-md-code-tabs.css");require("vft/theme-style/vft-md-tabs.css");require("vft/theme-style/vft-md-vue-playground.css");require("vft/theme-style/vft-md-container.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("../../md-code-tabs/style/css.cjs");
+require("../../md-code-demo/style/css.cjs");
+require("../../md-tabs/style/css.cjs");
+require("../../md-vue-playground/style/css.cjs");
+require("vft/theme-style/vft-md-container.css");

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

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/md-code-tabs.scss");require("vft/theme-style/src/md-code-demo.scss");require("vft/theme-style/src/md-tabs.scss");require("vft/theme-style/src/md-vue-playground.scss");require("vft/theme-style/src/md-container.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("../../md-code-tabs/style/index.cjs");
+require("../../md-code-demo/style/index.cjs");
+require("../../md-tabs/style/index.cjs");
+require("../../md-vue-playground/style/index.cjs");
+require("vft/theme-style/src/md-container.scss");

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

@@ -1 +1,78 @@
-"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(`[id="${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:i,height:d}=e.value.getBoundingClientRect(),{top:u,height:v}=h.getBoundingClientRect();u<i?a(e.value.scrollTop+u-i):u+v>i+d&&a(e.value.scrollTop+u+v-i-d)}})}),()=>{const n=o.items.length?s(o.items,o.headerDepth,r.value)||[]:s([],o.headerDepth,r.value)||null;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;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_utils = require("./utils.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/md-container/toc.ts
+const renderHeader = ({ title, level, slug }) => (0, vue.h)("a", {
+	href: `#${slug}`,
+	class: ["toc-link", `level${level}`]
+}, title);
+const renderChildren = (headers, headerDepth, route) => {
+	return headers.length && headerDepth > 0 ? (0, vue.h)("ul", { class: "toc-list" }, headers.map((header) => [(0, vue.h)("li", {
+		class: ["toc-item", { active: require_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();
+	(0, _vft_utils.jumpElement)(`[id="${hash}"]`);
+}
+var toc_default = (0, vue.defineComponent)({
+	props: {
+		/**
+		* TOC items config
+		*
+		* TOC 项目配置
+		*/
+		items: {
+			type: Array,
+			default: () => []
+		},
+		/**
+		* Max header nesting depth
+		*
+		* 最大的标题嵌套深度
+		*/
+		headerDepth: {
+			type: Number,
+			default: 2
+		}
+	},
+	setup(props) {
+		const toc = (0, vue.ref)();
+		const _router = (0, vue.getCurrentInstance)().appContext.config.globalProperties.$router;
+		const route = (0, vue.computed)(() => {
+			return _router.currentRoute.value;
+		});
+		const scrollTo = (top) => {
+			toc.value?.scrollTo({
+				top,
+				behavior: "smooth"
+			});
+		};
+		(0, vue.onMounted)(() => {
+			(0, 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 ? (0, vue.h)("div", { class: "toc-place-holder" }, [(0, vue.h)("aside", { id: "toc" }, [(0, vue.h)("div", { class: "toc-header" }, ["此页内容"]), (0, vue.h)("div", {
+				class: "toc-wrapper",
+				ref: toc
+			}, [tocHeaders])])]) : null;
+		};
+	}
+});
+//#endregion
+exports.default = toc_default;

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

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useCopyCode.cjs");exports.useCopyCode=e.useCopyCode;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useCopyCode = require("./useCopyCode.cjs");
+exports.useCopyCode = require_useCopyCode.useCopyCode;

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

@@ -1 +1,58 @@
-"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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/md-container/use/useCopyCode.ts
+function useCopyCode() {
+	if (_vft_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();
+	}
+}
+//#endregion
+exports.useCopyCode = useCopyCode;

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

@@ -1 +1,30 @@
-"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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/md-container/utils.ts
+const normalizePath = (path) => decodeURI(path).replace(_vft_utils.HASH_REGEXP, "").replace(/(index)?\.(md|html)$/, "");
+/**
+* Whether the lick is active
+*
+* @param route Current route
+* @param link link path
+* @returns Whether the lick is active
+*/
+const isActiveLink = (route, link) => {
+	if (link === void 0) return false;
+	const currentPath = normalizePath(route.path);
+	const targetPath = normalizePath(link);
+	const linkHash = (0, _vft_utils.getHash)(link);
+	if (linkHash) return linkHash === route.hash && (!targetPath || currentPath === targetPath);
+	return currentPath === targetPath;
+};
+const COMP_TYPE = [
+	"success",
+	"info",
+	"warning",
+	"danger",
+	""
+];
+//#endregion
+exports.COMP_TYPE = COMP_TYPE;
+exports.isActiveLink = isActiveLink;
+exports.normalizePath = normalizePath;

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

@@ -1 +1,11 @@
-"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");require("../form/index.cjs");const t=require("./md-tabs.cjs"),e=r.withInstall(t.default);exports.VftMdTabs=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_md_tabs = require("./md-tabs.cjs");
+//#region ../../packages/components/md-tabs/index.ts
+const VftMdTabs = require_install.withInstall(require_md_tabs.default);
+//#endregion
+exports.VftMdTabs = VftMdTabs;
+exports.default = VftMdTabs;

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

@@ -1 +1,130 @@
-"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;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+//#region ../../packages/components/md-tabs/md-tabs.ts
+const tabStore = (0, _vueuse_core.useStorage)("VUEPRESS_TAB_STORE", {});
+var md_tabs_default = (0, 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 = (0, vue.ref)(props.active);
+		const tabRefs = (0, 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;
+		};
+		(0, vue.onMounted)(() => {
+			activeIndex.value = getInitialIndex();
+			(0, 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 ? (0, vue.h)("div", { class: "vft-md-tabs" }, [(0, vue.h)("div", {
+			class: "tab-list-nav",
+			role: "tablist"
+		}, props.data.map(({ title }, index) => {
+			const isActive = index === activeIndex.value;
+			return (0, 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 (0, 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;
+	}
+});
+//#endregion
+exports.default = md_tabs_default;

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/md-tabs.scss");

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

@@ -1 +1,11 @@
-"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");require("../form/index.cjs");const u=require("./md-vue-playground.vue2.cjs"),e=r.withInstall(u.default);exports.VftMdVuePlayground=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_md_vue_playground = require("./md-vue-playground.cjs");
+//#region ../../packages/components/md-vue-playground/index.ts
+const VftMdVuePlayground = require_install.withInstall(require_md_vue_playground.default);
+//#endregion
+exports.VftMdVuePlayground = VftMdVuePlayground;
+exports.default = VftMdVuePlayground;

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

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/md-vue-playground/md-vue-playground.vue
+var md_vue_playground_default = require("./md-vue-playground.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = md_vue_playground_default;

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

@@ -0,0 +1,59 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+const require_playground = require("./playground.cjs");
+let vue = require("vue");
+let _vue_repl = require("@vue/repl");
+//#region ../../packages/components/md-vue-playground/md-vue-playground.vue?vue&type=script&setup=true&lang.tsx
+const __default__ = (0, vue.defineComponent)({ name: "vft-md-vue-playground" });
+var md_vue_playground_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		title: {
+			type: String,
+			required: true
+		},
+		files: {
+			type: String,
+			required: true
+		},
+		settings: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const ns = require_index.useNamespace("md-vue-playground");
+		const loading = (0, vue.ref)(true);
+		const component = (0, vue.shallowRef)();
+		const store = (0, vue.ref)();
+		const playgroundOptions = (0, vue.computed)(() => require_playground.getVuePlaygroundSettings(__props.settings));
+		const showCode = (0, vue.ref)(playgroundOptions.value.showCode || false);
+		const setupRepl = async () => {
+			component.value = _vue_repl.Repl;
+			store.value = new _vue_repl.ReplStore({
+				serializedState: decodeURIComponent(__props.files),
+				showOutput: true
+			});
+			if (playgroundOptions.value.vueVersion) await store.value.setVueVersion(playgroundOptions.value.vueVersion);
+		};
+		(0, vue.onMounted)(async () => {
+			await setupRepl();
+			loading.value = false;
+		});
+		return () => {
+			return (0, vue.createVNode)("div", { "class": ns.b() }, [(0, vue.createVNode)("div", { "class": "title-wrapper" }, [__props.title ? (0, vue.createVNode)("div", { "class": "title" }, [decodeURIComponent(__props.title)]) : null, (0, vue.createVNode)(require_index$1.VftIcon, {
+				"cursor": true,
+				"icon": !showCode.value ? "icon-expand-alt" : "icon-collapse-alt",
+				"size": 20,
+				"onClick": () => {
+					showCode.value = !showCode.value;
+				}
+			}, null)]), (0, vue.createVNode)("div", { "class": ["repl-container", showCode.value ? "show-code" : "hide-code"] }, [component.value ? (0, vue.h)(component.value, {
+				store: store.value,
+				...playgroundOptions.value
+			}) : null])]);
+		};
+	}
+});
+//#endregion
+exports.default = md_vue_playground_vue_vue_type_script_setup_true_lang_default;

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

@@ -1 +1,15 @@
-"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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/md-vue-playground/playground.ts
+const VUE_PLAYGROUND_OPTIONS = {
+	autoResize: true,
+	showCode: false,
+	showCompileOutput: false,
+	showImportMap: true,
+	clearConsole: false,
+	layout: "vertical",
+	ssr: false
+};
+const getVuePlaygroundSettings = (settings) => (0, _vft_utils.deepMerge)(VUE_PLAYGROUND_OPTIONS, JSON.parse(decodeURIComponent(settings)));
+//#endregion
+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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/md-vue-playground.scss");