vue-markdown-design 0.3.1 → 0.3.2

package/lib/markdown/Markdown.js

@@ -1,321 +1,228 @@
-"use strict";
-require('./index.css');var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css            */
-const index$3 = require("../render/index.js");
-const index$2 = require("../search/index.js");
-const index$4 = require("../toc/index.js");
-const format = require("../utils/format.js");
-const Render = require("../render/Render.js");
-const Search = require("../search/Search.js");
-const Toc = require("../toc/Toc.js");
-const lodash = require("lodash");
-const core = require("@vueuse/core");
-const index = require("../hooks/use-scroll-element/index.js");
-const index$1 = require("../sticky/index.js");
-const vueFontawesome = require("@fortawesome/vue-fontawesome");
-const freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-const {
-  name,
-  addPrefix
-} = format.createNamespace("markdown");
-const markdownProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, Render.renderProps), format.keysAddPrefix(Search.searchProps, "search")), format.keysAddPrefix(Toc.tocProps, "toc")), {
-  keyword: Search.searchProps.modelValue,
-  tocOffset: Toc.tocProps.offset.type,
-  // 不设置默认值，toc 需要 undefined 作为判断依据
-  showBtn: {
-    type: [Boolean, Array, Object],
-    default: false
-  },
-  search: Boolean,
-  toc: Boolean,
-  topOffset: {
-    type: [Number, String],
-    default: 0
-  },
-  bottomOffset: {
-    type: [Number, String],
-    default: 0
-  },
-  miniScreenWidth: {
-    type: [Number, String],
-    default: 768
-  }
+require("../_virtual/_rolldown/runtime.js");
+require('./index.css');const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js");
+const require_format = require("../utils/format.js");
+const require_Render = require("../render/Render.js");
+const require_index = require("../render/index2.js");
+const require_asyncToGenerator = require("../_virtual/_@oxc-project_runtime@0.115.0/helpers/asyncToGenerator.js");
+const require_Search = require("../search/Search.js");
+const require_index$1 = require("../search/index2.js");
+const require_index$2 = ;/* empty css                                 */
+const require_Toc = require("../toc/Toc.js");
+const require_index$3 = require("../toc/index2.js");
+const require_index$4 = require("../sticky/index2.js");
+;/* empty css       */
+let lodash = require("lodash");
+let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
+let _fortawesome_vue_fontawesome = require("@fortawesome/vue-fontawesome");
+let _fortawesome_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
+//#region src/markdown/Markdown.tsx
+var { name, addPrefix } = require_format.createNamespace("markdown");
+var markdownProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_Render.renderProps), require_format.keysAddPrefix(require_Search.searchProps, "search")), require_format.keysAddPrefix(require_Toc.tocProps, "toc")), {}, {
+	keyword: require_Search.searchProps.modelValue,
+	tocOffset: require_Toc.tocProps.offset.type,
+	showBtn: {
+		type: [
+			Boolean,
+			Array,
+			Object
+		],
+		default: false
+	},
+	search: Boolean,
+	toc: Boolean,
+	topOffset: {
+		type: [Number, String],
+		default: 0
+	},
+	bottomOffset: {
+		type: [Number, String],
+		default: 0
+	},
+	miniScreenWidth: {
+		type: [Number, String],
+		default: 768
+	}
 });
-const emits = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, Render.renderEmits), format.keysAddPrefix(Search.searchEmits, "search")), format.keysAddPrefix(Toc.tocEmits, "toc")), {
-  "update:keyword": Search.searchEmits["update:modelValue"],
-  "update:search": (payload) => lodash.isBoolean(payload),
-  "update:toc": (payload) => lodash.isBoolean(payload)
+var emits = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_Render.renderEmits), require_format.keysAddPrefix(require_Search.searchEmits, "search")), require_format.keysAddPrefix(require_Toc.tocEmits, "toc")), {}, {
+	"update:keyword": require_Search.searchEmits["update:modelValue"],
+	"update:search": (payload) => (0, lodash.isBoolean)(payload),
+	"update:toc": (payload) => (0, lodash.isBoolean)(payload)
 });
-const _Markdown = /* @__PURE__ */ vue.defineComponent({
-  name: "vue-markdown",
-  props: markdownProps,
-  emits,
-  setup(props, {
-    emit,
-    expose
-  }) {
-    const {
-      search,
-      toc,
-      keyword
-    } = core.useVModels(props, emit, {
-      passive: true
-    });
-    const root = vue.shallowRef();
-    const {
-      width: rootWidth,
-      height: rootHeight
-    } = core.useElementBounding(root);
-    const isMiniScreen = vue.computed(() => rootWidth.value <= Number(props.miniScreenWidth));
-    const getPrefixedKey = (key, prefix) => prefix ? prefix + lodash.upperFirst(key) : key;
-    const createAttrs = (propAttrs, emitAttrs, prefix) => {
-      const targetProps = lodash.mapValues(propAttrs, (_, key) => {
-        const prefixedKey = getPrefixedKey(key, prefix);
-        if (prefixedKey in props) return props[prefixedKey];
-      });
-      const targetEmits = lodash.chain(emitAttrs).mapValues((_, key) => {
-        const prefixedKey = getPrefixedKey(key, prefix);
-        if (prefixedKey in emits) return (...arg) => emit(prefixedKey, ...arg);
-      }).mapKeys((_, key) => `on${lodash.upperFirst(key)}`).value();
-      return __spreadValues(__spreadValues({}, targetProps), targetEmits);
-    };
-    const renderRef = vue.shallowRef();
-    const renderAttrs = vue.computed(() => createAttrs(Render.renderProps, Render.renderEmits));
-    const offsetWithNum = vue.computed(() => [props.topOffset, props.bottomOffset].map(Number));
-    const {
-      scrollEl
-    } = index.useScrollParent(root);
-    const getDefaultOffset = (offset) => {
-      const {
-        block,
-        getOffset
-      } = format.computeOffset(offset);
-      if (block !== "start") return block;
-      const [topOffset] = offsetWithNum.value;
-      return (scrollAction) => {
-        const {
-          el
-        } = scrollAction;
-        const isParent = (scrollEl.value || document.documentElement) === el;
-        const curOffset = getOffset(scrollAction, isParent);
-        if (!isParent) return curOffset;
-        const targetOffset = lodash.isUndefined(offset) ? topOffset : curOffset;
-        return targetOffset + searchRect.height.value;
-      };
-    };
-    const searchAttrs = vue.computed(() => __spreadProps(__spreadValues({}, createAttrs(Search.searchProps, Search.searchEmits, "search")), {
-      onClose: () => {
-        search.value = false;
-        emit("searchClose");
-      }
-    }));
-    const searchRef = vue.shallowRef();
-    const searchRect = core.useElementBounding(searchRef);
-    const searchIsOnMiniScreen = vue.computed(() => isMiniScreen.value && toc.value);
-    const tocRef = vue.shallowRef();
-    const tocRect = core.useElementBounding(tocRef);
-    const onTocClick = () => {
-      if (!isMiniScreen.value) return;
-      toc.value = false;
-    };
-    const tocAttrs = vue.computed(() => {
-      const tocAttrs2 = createAttrs(Toc.tocProps, Toc.tocEmits, "toc");
-      return __spreadProps(__spreadValues({}, tocAttrs2), {
-        offset: getDefaultOffset(props.tocOffset),
-        onClick: (tocItem) => {
-          onTocClick();
-          emit("tocClick", tocItem);
-        }
-      });
-    });
-    const scrollRect = core.useElementBounding(scrollEl);
-    const windowSize = core.useWindowSize();
-    const tocStyles = vue.computed(() => {
-      const offset = lodash.sum(offsetWithNum.value);
-      const scrollHeight = Math.min(scrollRect.height.value || windowSize.height.value, rootHeight.value);
-      if (isMiniScreen.value) {
-        return {
-          wrapper: {
-            width: format.addUnit(rootWidth.value),
-            height: format.addUnit(scrollHeight - offset)
-          }
-        };
-      }
-      const tocHeight = tocRect.height.value;
-      if (tocHeight + offset < scrollHeight) return {};
-      return {
-        wrapper: {
-          height: format.addUnit(tocHeight)
-        },
-        content: {
-          marginBottom: format.addUnit(tocHeight + offset - scrollHeight)
-        }
-      };
-    });
-    const showBtnWithObj = vue.computed(() => {
-      const {
-        toc: toc2,
-        search: search2
-      } = format.allToObject(props.showBtn, ["search", "toc"]);
-      return {
-        search: search2 && !searchIsOnMiniScreen.value,
-        toc: toc2
-      };
-    });
-    const btnCount = vue.computed(() => lodash.values(showBtnWithObj.value).filter(Boolean).length);
-    const createBtnClass = (isActive) => [addPrefix("__btn-icon"), {
-      [addPrefix("__btn-icon--active")]: isActive
-    }];
-    expose({
-      tocRefresh: () => __async(this, null, function* () {
-        var _a;
-        return (_a = tocRef.value) == null ? void 0 : _a.refresh();
-      }),
-      tocScrollTo: (href) => {
-        var _a;
-        return (_a = tocRef.value) == null ? void 0 : _a.scrollTo(href);
-      },
-      searchRefresh: (resetIndex) => __async(this, null, function* () {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.refresh(resetIndex);
-      }),
-      searchFocus: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.focus();
-      },
-      searchBlur: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.blur();
-      },
-      searchClear: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.clear();
-      },
-      searchToggle: (...arg) => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.toggle(...arg);
-      },
-      mdInstance: vue.computed(() => {
-        var _a;
-        return (_a = renderRef.value) == null ? void 0 : _a.mdInstance;
-      }),
-      htmlStr: vue.computed(() => {
-        var _a;
-        return ((_a = renderRef.value) == null ? void 0 : _a.htmlStr) || "";
-      })
-    });
-    return () => (
-      // 加多一层 div 可保证外部样式不影响内部粘性布局
-      vue.createVNode("div", {
-        "ref": root,
-        "class": name
-      }, [vue.createVNode("div", {
-        "class": addPrefix("__wrapper")
-      }, [vue.createVNode("div", {
-        "class": addPrefix("__main")
-      }, [search.value && vue.createVNode(index$1.VmdSticky, {
-        "offset": props.topOffset
-      }, {
-        default: () => [vue.createVNode("div", {
-          "class": addPrefix("__search")
-        }, [vue.createVNode("div", {
-          "class": addPrefix("__search-input")
-        }, [vue.createVNode(index$2.VmdSearch, vue.mergeProps(searchAttrs.value, {
-          "ref": searchRef,
-          "modelValue": keyword.value,
-          "onUpdate:modelValue": ($event) => keyword.value = $event,
-          "target": renderRef.value
-        }), null)])])]
-      }), vue.createVNode(index$3.VmdRender, vue.mergeProps(renderAttrs.value, {
-        "ref": renderRef
-      }), null), !!btnCount.value && vue.createVNode(index$1.VmdSticky, {
-        "posY": "bottom",
-        "posX": "right",
-        "flow": false,
-        "zIndex": "var(--vmd-markdown-btn-z-index)",
-        "offset": props.bottomOffset
-      }, {
-        default: () => [vue.createVNode("div", {
-          "class": addPrefix("__btn"),
-          "style": {
-            width: `${btnCount.value * 40}px`
-          }
-        }, [showBtnWithObj.value.search && vue.createVNode("span", {
-          "class": [addPrefix("__btn-search"), createBtnClass(search.value)],
-          "onClick": () => search.value = !search.value
-        }, [vue.createVNode(vueFontawesome.FontAwesomeIcon, {
-          "size": "xs",
-          "icon": freeSolidSvgIcons.faMagnifyingGlass
-        }, null)]), showBtnWithObj.value.toc && vue.createVNode("span", {
-          "class": [addPrefix("__btn-toc"), createBtnClass(toc.value)],
-          "onClick": () => toc.value = !toc.value
-        }, [vue.createVNode(vueFontawesome.FontAwesomeIcon, {
-          "size": "xs",
-          "icon": freeSolidSvgIcons.faList
-        }, null)])])]
-      })]), vue.createVNode(vue.Transition, {
-        "name": addPrefix("__ani")
-      }, {
-        default: () => [toc.value && vue.createVNode("aside", {
-          "class": [addPrefix("__aside"), {
-            [addPrefix("--mini")]: isMiniScreen.value
-          }]
-        }, [vue.createVNode(index$1.VmdSticky, {
-          "class": addPrefix("__aside-sticky"),
-          "offset": props.topOffset
-        }, {
-          default: () => [vue.createVNode("div", {
-            "style": tocStyles.value.wrapper,
-            "class": addPrefix("__toc")
-          }, [vue.createVNode(index$4.VmdToc, vue.mergeProps(tocAttrs.value, {
-            "ref": tocRef,
-            "style": tocStyles.value.content,
-            "target": renderRef.value
-          }), null)])]
-        })])]
-      })])])
-    );
-  }
+var Markdown_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "vue-markdown",
+	props: markdownProps,
+	emits,
+	setup(props, { emit, expose }) {
+		const { search, toc, keyword } = (0, _vueuse_core.useVModels)(props, emit, { passive: true });
+		const root = (0, vue.shallowRef)();
+		const { width: rootWidth, height: rootHeight } = (0, _vueuse_core.useElementBounding)(root);
+		const isMiniScreen = (0, vue.computed)(() => rootWidth.value <= Number(props.miniScreenWidth));
+		const getPrefixedKey = (key, prefix) => prefix ? prefix + (0, lodash.upperFirst)(key) : key;
+		const createAttrs = (propAttrs, emitAttrs, prefix) => {
+			const targetProps = (0, lodash.mapValues)(propAttrs, (_, key) => {
+				const prefixedKey = getPrefixedKey(key, prefix);
+				if (prefixedKey in props) return props[prefixedKey];
+			});
+			const targetEmits = (0, lodash.chain)(emitAttrs).mapValues((_, key) => {
+				const prefixedKey = getPrefixedKey(key, prefix);
+				if (prefixedKey in emits) return (...arg) => emit(prefixedKey, ...arg);
+			}).mapKeys((_, key) => `on${(0, lodash.upperFirst)(key)}`).value();
+			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, targetProps), targetEmits);
+		};
+		const renderRef = (0, vue.shallowRef)();
+		const renderAttrs = (0, vue.computed)(() => createAttrs(require_Render.renderProps, require_Render.renderEmits));
+		const offsetWithNum = (0, vue.computed)(() => [props.topOffset, props.bottomOffset].map(Number));
+		const { scrollEl } = require_index$2.useScrollParent(root);
+		const getDefaultOffset = (offset) => {
+			const { block, getOffset } = require_format.computeOffset(offset);
+			if (block !== "start") return block;
+			const [topOffset] = offsetWithNum.value;
+			return (scrollAction) => {
+				const { el } = scrollAction;
+				const isParent = (scrollEl.value || document.documentElement) === el;
+				const curOffset = getOffset(scrollAction, isParent);
+				if (!isParent) return curOffset;
+				return ((0, lodash.isUndefined)(offset) ? topOffset : curOffset) + searchRect.height.value;
+			};
+		};
+		const searchAttrs = (0, vue.computed)(() => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, createAttrs(require_Search.searchProps, require_Search.searchEmits, "search")), {}, { onClose: () => {
+			search.value = false;
+			emit("searchClose");
+		} }));
+		const searchRef = (0, vue.shallowRef)();
+		const searchRect = (0, _vueuse_core.useElementBounding)(searchRef);
+		const searchIsOnMiniScreen = (0, vue.computed)(() => isMiniScreen.value && toc.value);
+		const tocRef = (0, vue.shallowRef)();
+		const tocRect = (0, _vueuse_core.useElementBounding)(tocRef);
+		const onTocClick = () => {
+			if (!isMiniScreen.value) return;
+			toc.value = false;
+		};
+		const tocAttrs = (0, vue.computed)(() => {
+			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, createAttrs(require_Toc.tocProps, require_Toc.tocEmits, "toc")), {}, {
+				offset: getDefaultOffset(props.tocOffset),
+				onClick: (tocItem) => {
+					onTocClick();
+					emit("tocClick", tocItem);
+				}
+			});
+		});
+		const scrollRect = (0, _vueuse_core.useElementBounding)(scrollEl);
+		const windowSize = (0, _vueuse_core.useWindowSize)();
+		const tocStyles = (0, vue.computed)(() => {
+			const offset = (0, lodash.sum)(offsetWithNum.value);
+			const scrollHeight = Math.min(scrollRect.height.value || windowSize.height.value, rootHeight.value);
+			if (isMiniScreen.value) return { wrapper: {
+				width: require_format.addUnit(rootWidth.value),
+				height: require_format.addUnit(scrollHeight - offset)
+			} };
+			const tocHeight = tocRect.height.value;
+			if (tocHeight + offset < scrollHeight) return {};
+			return {
+				wrapper: { height: require_format.addUnit(tocHeight) },
+				content: { marginBottom: require_format.addUnit(tocHeight + offset - scrollHeight) }
+			};
+		});
+		const showBtnWithObj = (0, vue.computed)(() => {
+			const { toc, search } = require_format.allToObject(props.showBtn, ["search", "toc"]);
+			return {
+				search: search && !searchIsOnMiniScreen.value,
+				toc
+			};
+		});
+		const btnCount = (0, vue.computed)(() => (0, lodash.values)(showBtnWithObj.value).filter(Boolean).length);
+		const createBtnClass = (isActive) => [addPrefix("__btn-icon"), { [addPrefix("__btn-icon--active")]: isActive }];
+		expose({
+			tocRefresh: function() {
+				var _ref = require_asyncToGenerator._asyncToGenerator(function* () {
+					var _tocRef$value;
+					return (_tocRef$value = tocRef.value) === null || _tocRef$value === void 0 ? void 0 : _tocRef$value.refresh();
+				});
+				return function tocRefresh() {
+					return _ref.apply(this, arguments);
+				};
+			}(),
+			tocScrollTo: (href) => {
+				var _tocRef$value2;
+				return (_tocRef$value2 = tocRef.value) === null || _tocRef$value2 === void 0 ? void 0 : _tocRef$value2.scrollTo(href);
+			},
+			searchRefresh: function() {
+				var _ref2 = require_asyncToGenerator._asyncToGenerator(function* (resetIndex) {
+					var _searchRef$value;
+					return (_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 ? void 0 : _searchRef$value.refresh(resetIndex);
+				});
+				return function searchRefresh(_x) {
+					return _ref2.apply(this, arguments);
+				};
+			}(),
+			searchFocus: () => {
+				var _searchRef$value2;
+				return (_searchRef$value2 = searchRef.value) === null || _searchRef$value2 === void 0 ? void 0 : _searchRef$value2.focus();
+			},
+			searchBlur: () => {
+				var _searchRef$value3;
+				return (_searchRef$value3 = searchRef.value) === null || _searchRef$value3 === void 0 ? void 0 : _searchRef$value3.blur();
+			},
+			searchClear: () => {
+				var _searchRef$value4;
+				return (_searchRef$value4 = searchRef.value) === null || _searchRef$value4 === void 0 ? void 0 : _searchRef$value4.clear();
+			},
+			searchToggle: (...arg) => {
+				var _searchRef$value5;
+				return (_searchRef$value5 = searchRef.value) === null || _searchRef$value5 === void 0 ? void 0 : _searchRef$value5.toggle(...arg);
+			},
+			mdInstance: (0, vue.computed)(() => {
+				var _renderRef$value;
+				return (_renderRef$value = renderRef.value) === null || _renderRef$value === void 0 ? void 0 : _renderRef$value.mdInstance;
+			}),
+			htmlStr: (0, vue.computed)(() => {
+				var _renderRef$value2;
+				return ((_renderRef$value2 = renderRef.value) === null || _renderRef$value2 === void 0 ? void 0 : _renderRef$value2.htmlStr) || "";
+			})
+		});
+		return () => (0, vue.createVNode)("div", {
+			"ref": root,
+			"class": name
+		}, [(0, vue.createVNode)("div", { "class": addPrefix("__wrapper") }, [(0, vue.createVNode)("div", { "class": addPrefix("__main") }, [
+			search.value && (0, vue.createVNode)(require_index$4.default, { "offset": props.topOffset }, { default: () => [(0, vue.createVNode)("div", { "class": addPrefix("__search") }, [(0, vue.createVNode)("div", { "class": addPrefix("__search-input") }, [(0, vue.createVNode)(require_index$1.default, (0, vue.mergeProps)(searchAttrs.value, {
+				"ref": searchRef,
+				"modelValue": keyword.value,
+				"onUpdate:modelValue": ($event) => keyword.value = $event,
+				"target": renderRef.value
+			}), null)])])] }),
+			(0, vue.createVNode)(require_index.default, (0, vue.mergeProps)(renderAttrs.value, { "ref": renderRef }), null),
+			!!btnCount.value && (0, vue.createVNode)(require_index$4.default, {
+				"posY": "bottom",
+				"posX": "right",
+				"flow": false,
+				"zIndex": "var(--vmd-markdown-btn-z-index)",
+				"offset": props.bottomOffset
+			}, { default: () => [(0, vue.createVNode)("div", {
+				"class": addPrefix("__btn"),
+				"style": { width: `${btnCount.value * 40}px` }
+			}, [showBtnWithObj.value.search && (0, vue.createVNode)("button", {
+				"aria-label": "Search",
+				"class": [addPrefix("__btn-search"), createBtnClass(search.value)],
+				"onClick": () => search.value = !search.value
+			}, [(0, vue.createVNode)(_fortawesome_vue_fontawesome.FontAwesomeIcon, { "icon": _fortawesome_free_solid_svg_icons.faMagnifyingGlass }, null)]), showBtnWithObj.value.toc && (0, vue.createVNode)("button", {
+				"aria-label": "Table of contents",
+				"class": [addPrefix("__btn-toc"), createBtnClass(toc.value)],
+				"onClick": () => toc.value = !toc.value
+			}, [(0, vue.createVNode)(_fortawesome_vue_fontawesome.FontAwesomeIcon, { "icon": _fortawesome_free_solid_svg_icons.faList }, null)])])] })
+		]), (0, vue.createVNode)(vue.Transition, { "name": addPrefix("__ani") }, { default: () => [toc.value && (0, vue.createVNode)("aside", { "class": [addPrefix("__aside"), { [addPrefix("--mini")]: isMiniScreen.value }] }, [(0, vue.createVNode)(require_index$4.default, {
+			"class": addPrefix("__aside-sticky"),
+			"offset": props.topOffset
+		}, { default: () => [(0, vue.createVNode)("div", {
+			"style": tocStyles.value.wrapper,
+			"class": addPrefix("__toc")
+		}, [(0, vue.createVNode)(require_index$3.default, (0, vue.mergeProps)(tocAttrs.value, {
+			"ref": tocRef,
+			"style": tocStyles.value.content,
+			"target": renderRef.value
+		}), null)])] })])] })])]);
+	}
 });
-exports.default = _Markdown;
+//#endregion
+exports.default = Markdown_default;
 exports.markdownProps = markdownProps;

package/lib/markdown/index.css

@@ -17,6 +17,7 @@
   --vmd-markdown-btn-icon-border-w: 2px;
   --vmd-markdown-btn-icon-border: var(--vmd-markdown-btn-icon-border-w) #fff solid;
   --vmd-markdown-btn-icon-line-left: calc(0px - var(--vmd-markdown-btn-icon-border-w) - 0.5px);
+  --vmd-markdown-btn-icon-size: 12px;
   --vmd-markdown-btn-icon-active: var(--vmd-active-color);
   --vmd-markdown-btn-icon-line-w: 1px;
   --vmd-markdown-btn-icon-line-h: 18px;
@@ -70,6 +71,8 @@
   border-radius: inherit;
   box-sizing: border-box;
   color: var(--vmd-icon-color);
+  background: none;
+  font-size: var(--vmd-markdown-btn-icon-size);
 }
 .vmd-markdown__btn-icon--active {
   background: var(--vmd-markdown-btn-icon-active);

package/lib/markdown/index2.js

@@ -0,0 +1,6 @@
+const require_vue = require("../utils/vue.js");
+const require_Markdown = require("./Markdown.js");
+//#region src/markdown/index.ts
+var VueMarkdown = require_vue.withInstall(require_Markdown.default);
+//#endregion
+exports.default = VueMarkdown;