vue-stream-markdown 0.1.5 → 0.2.0

package/dist/{inline-code-C44UJ2TH.js → inline-code-BZNE1ALQ.js}

@@ -17,8 +17,8 @@ var inline_code_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{inline-math-wO1rMt9T.js → inline-math--lfq9WCW.js}

@@ -1,5 +1,6 @@
-import { o as useMathRenderer } from "./composables-yny5gJo3.js";
-import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
+import { h as useMathRenderer } from "./composables-DuQ72m6O.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts
@@ -19,8 +20,8 @@ var inline_math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{link-sGo7CEll.js → link-DAOjAX6n.js}

@@ -1,6 +1,7 @@
-import { g as useHardenSanitizers } from "./composables-yny5gJo3.js";
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
-import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
+import { i as useSanitizers } from "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts
@@ -20,8 +21,8 @@ var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -66,7 +67,7 @@ var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const { hardenOptions } = toRefs(props);
 		const url = computed(() => props.node.url);
 		const loading = computed(() => props.node.loading || props.markdownParser.hasLoadingNode(props.node.children) || !url.value);
-		const { transformedUrl, isHardenUrl } = useHardenSanitizers({
+		const { transformedUrl, isHardenUrl } = useSanitizers({
 			url,
 			hardenOptions,
 			loading

package/dist/{list-C0I1ysSI.js → list-EOEqkWEi.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts
@@ -17,8 +18,8 @@ var list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{list-item-BoC2wKBL.js → list-item-ZG4eadLp.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts
@@ -23,8 +24,8 @@ var list_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{math-BlqtUf2r.js → math-3zyrsc0O.js}

@@ -1,5 +1,6 @@
-import { o as useMathRenderer } from "./composables-yny5gJo3.js";
-import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
+import { h as useMathRenderer } from "./composables-DuQ72m6O.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts
@@ -19,8 +20,8 @@ var math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{mermaid-Ka1jnXrR.js → mermaid-VkvXdOuQ.js}

@@ -1,10 +1,11 @@
-import { V as useControls, i as useMermaid, s as throttle } from "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import "./button-BQhuT7wh.js";
-import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
-import { t as zoom_container_default } from "./zoom-container-B1qbA-7z.js";
-import { t as spin_default } from "./spin--f5jNjBn.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
+import { U as useControls, g as throttle, p as useMermaid } from "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import { t as button_default } from "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
+import { t as zoom_container_default } from "./zoom-container-CrKx_BbS.js";
+import { t as spin_default } from "./spin-DzERwGWy.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 
 //#region src/components/previewers/mermaid.vue?vue&type=script&setup=true&lang.ts
@@ -24,8 +25,8 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -82,7 +83,7 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const { controls, mermaidOptions, isDark } = toRefs(props);
-		const { isControlEnabled, getControlValue } = useControls({ controls });
+		const { isControlEnabled, getControlValue, resolveControls } = useControls({ controls });
 		const showControl = computed(() => isControlEnabled("mermaid.position"));
 		const controlPosition = computed(() => {
 			const position = getControlValue("mermaid.position");
@@ -147,19 +148,23 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				else containerHeight.value = data;
 			}
 		}
-		watch(() => [
-			code.value,
-			mermaidOptions.value,
-			isDark.value,
-			nodeLoading.value
-		], throttle(props.throttle, async () => {
+		const render = throttle(props.throttle, async () => {
 			const data = await renderMermaid(code.value);
 			if (data) {
 				svg.value = data;
-				updateHeight();
+				nextTick(() => {
+					updateHeight();
+				});
 			}
 			renderFlag.value = true;
-		}), { immediate: true });
+		});
+		const mermaidControls = computed(() => resolveControls("mermaid", [], props));
+		watch(() => [
+			code.value,
+			mermaidOptions.value,
+			isDark.value,
+			nodeLoading.value
+		], render, { immediate: true });
 		watch(loading, (curr, prev) => {
 			if (!curr && prev) renderFlag.value = false;
 		}, { immediate: true });
@@ -185,6 +190,15 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				"show-control": showControl.value,
 				position: controlPosition.value
 			}, {
+				controls: withCtx((buttonProps) => [(openBlock(true), createElementBlock(Fragment, null, renderList(mermaidControls.value, (item) => {
+					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, {
+						...buttonProps,
+						...item
+					}, {
+						key: item.key,
+						onClick: item.onClick
+					}), null, 16, ["onClick"]);
+				}), 128))]),
 				default: withCtx(() => [createElementVNode("div", {
 					"data-stream-markdown": "mermaid",
 					innerHTML: svg.value

package/dist/modal-BKzT1TQI.js

@@ -0,0 +1,4 @@
+import "./composables-DuQ72m6O.js";
+import { t as modal_default } from "./modal-DrPdD2g1.js";
+
+export { modal_default as default };

package/dist/{modal-Rc_RoeYA.js → modal-DrPdD2g1.js}

@@ -1,4 +1,4 @@
-import { H as useContext } from "./composables-yny5gJo3.js";
+import { W as useContext } from "./composables-DuQ72m6O.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 
@@ -14,7 +14,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		zIndex: {
 			type: Number,
 			required: false,
-			default: 1e3
+			default: 100
 		},
 		modalStyle: {
 			type: Object,
@@ -48,7 +48,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const open = useModel(__props, "open");
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
 		const { getContainer } = useContext();
-		const container = getContainer() || "body";
+		const container = computed(() => getContainer() || "body");
 		const modalStyle = computed(() => ({
 			...props.modalStyle,
 			zIndex: props.zIndex
@@ -74,7 +74,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					renderSlot(_ctx.$slots, "actions")
 				], 4)) : createCommentVNode("v-if", true), createElementVNode("main", _hoisted_1, [renderSlot(_ctx.$slots, "default")])], 4)) : createCommentVNode("v-if", true)]),
 				_: 3
-			}), (openBlock(), createBlock(Teleport, { to: unref(container) }, [__props.transition ? (openBlock(), createBlock(Transition, {
+			}), (openBlock(), createBlock(Teleport, { to: container.value }, [__props.transition ? (openBlock(), createBlock(Transition, {
 				key: 0,
 				name: __props.transition,
 				appear: ""

package/dist/{node-list-YhpHXdM_.js → node-list-D7eKaZGS.js}

@@ -1,3 +1,4 @@
+import { W as useContext } from "./composables-DuQ72m6O.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts
@@ -17,8 +18,8 @@ var markdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -85,8 +86,8 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			required: false,
 			default: () => []
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: false
 		},
 		markdownParser: {
@@ -136,11 +137,17 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	},
 	setup(__props) {
 		const props = __props;
+		const { mode, enableAnimate } = useContext();
+		const enableTransition = computed(() => {
+			if (typeof enableAnimate.value === "boolean") return enableAnimate.value;
+			return mode.value === "streaming";
+		});
 		const nodes = computed(() => {
 			var _props$nodes;
 			return (_props$nodes = props.nodes) === null || _props$nodes === void 0 ? void 0 : _props$nodes.map((node, index) => ({
 				node,
-				index
+				index,
+				key: getNodeKey(node, index)
 			}));
 		});
 		const excludeTransition = ["code"];
@@ -154,22 +161,24 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				nodes: void 0
 			};
 		}
-		function getNodeIndexKey(index) {
-			return `${props.indexKey || "stream-markdown"}-${index}`;
+		function getNodeKey(node, index) {
+			const nodeKey = `${props.nodeKey || "stream-markdown"}-${node.type}`;
+			if (node.type === "footnoteReference" || node.type === "footnoteDefinition") return `${nodeKey}-${node.identifier}`;
+			return `${nodeKey}-${index}`;
 		}
 		return (_ctx, _cache) => {
 			return openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (item) => {
-				return openBlock(), createElementBlock(Fragment, { key: item.index }, [!excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [enableTransition.value && !excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
 					key: 0,
 					name: "typewriter",
 					appear: ""
 				}, {
-					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "index-key": getNodeIndexKey(item.index) }), null, 16, ["index-key"]))]),
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))]),
 					_: 2
 				}, 1024)) : (openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({
 					key: 1,
 					ref_for: true
-				}, getNodeBindings(item.node), { "index-key": getNodeIndexKey(item.index) }), null, 16, ["index-key"]))], 64);
+				}, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))], 64);
 			}), 128);
 		};
 	}

package/dist/node-list-DtNGUnnI.js

@@ -0,0 +1,4 @@
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+
+export { node_list_default as default };

package/dist/{paragraph-BN-4-Dn7.js → paragraph-DEyWEFYY.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +19,8 @@ var paragraph_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/previewers-DYnyVv4Y.js

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from "vue";
+
+//#region src/components/previewers/index.ts
+const CODE_PREVIEWERS = {
+	html: defineAsyncComponent(() => import("./html-D7bGx0Cz.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-VkvXdOuQ.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/segmented-6Ch-Ees3.js

@@ -0,0 +1,7 @@
+import "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as segmented_default } from "./segmented-CeLXMLZa.js";
+
+export { segmented_default as default };

package/dist/{segmented-CaC54iz_.js → segmented-CeLXMLZa.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-BQhuT7wh.js";
+import { t as button_default } from "./button-BDO3n0n_.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts

package/dist/{shiki-sJNZTn1K.js → shiki-Dgoch7Q6.js}

@@ -1,5 +1,5 @@
-import { U as useCodeOptions, r as useShiki } from "./composables-yny5gJo3.js";
-import { t as vanilla_default } from "./vanilla-BTOVqKl7.js";
+import { G as useCodeOptions, r as useShiki } from "./composables-DuQ72m6O.js";
+import { t as vanilla_default } from "./vanilla-YFxsSfhA.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +18,8 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -62,7 +62,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { shikiOptions, codeOptions, isDark } = toRefs(props);
-		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-CLmUjKa3.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-BjxmGfXH.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({

package/dist/spin-DElj7VPm.js

@@ -0,0 +1,3 @@
+import { t as spin_default } from "./spin-DzERwGWy.js";
+
+export { spin_default as default };

package/dist/{strong-NdAS3VjP.js → strong-CFjQLk1h.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +19,8 @@ var strong_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/table-20vwclBI.js

@@ -0,0 +1,3 @@
+import { t as table_default } from "./table-BMlD4JhL.js";
+
+export { table_default as default };

package/dist/{table-CWX5B2i1.js → table-DI25RphX.js}

@@ -1,9 +1,10 @@
-import { H as useContext, O as save, V as useControls, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV } from "./composables-yny5gJo3.js";
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
-import "./tooltip-Bgbzbk4Q.js";
-import { t as button_default } from "./button-BQhuT7wh.js";
-import { t as spin_default } from "./spin--f5jNjBn.js";
-import { t as table_default$1 } from "./table-CaUMjs4M.js";
+import { A as tableDataToTSV, D as extractTableDataFromElement, O as tableDataToCSV, U as useControls, W as useContext, k as tableDataToMarkdown, y as useI18n, z as save } from "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./tooltip-CnO7OPL1.js";
+import { t as button_default } from "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as spin_default } from "./spin-DzERwGWy.js";
+import { t as table_default$1 } from "./table-BMlD4JhL.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -26,8 +27,8 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -70,15 +71,17 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
-		const { icons } = useContext();
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
-		const { isControlEnabled } = useControls({ controls: props.controls });
+		const { isControlEnabled, resolveControls } = useControls({ controls: props.controls });
 		const showCopy = computed(() => isControlEnabled("table.copy"));
 		const showDownload = computed(() => isControlEnabled("table.download"));
 		const tableRef = ref();
 		const align = computed(() => props.node.align || []);
-		const headerCells = computed(() => props.node.children[0].children ?? []);
+		const headerCells = computed(() => {
+			var _props$node$children;
+			return ((_props$node$children = props.node.children) === null || _props$node$children === void 0 || (_props$node$children = _props$node$children[0]) === null || _props$node$children === void 0 ? void 0 : _props$node$children.children) ?? [];
+		});
 		const bodyRows = computed(() => props.node.children.slice(1));
 		const loading = computed(() => props.markdownParser.hasLoadingNode(props.node.children));
 		function getAlign(index) {
@@ -121,10 +124,10 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				value: "markdown"
 			}
 		];
-		const controls = computed(() => [{
+		const builtinControls = computed(() => [{
 			name: t("button.copy"),
 			key: "copy",
-			icon: copied.value ? icons.value.check : icons.value.copy,
+			icon: copied.value ? "check" : "copy",
 			options,
 			visible: () => showCopy.value,
 			onClick: (_event, item) => {
@@ -136,7 +139,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, {
 			name: t("button.download"),
 			key: "download",
-			icon: icons.value.download,
+			icon: "download",
 			options,
 			visible: () => showDownload.value,
 			onClick: (_event, item) => {
@@ -144,25 +147,18 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				if (!data) return;
 				save(`table.${data.extension}`, data.content, data.mimeType);
 			}
-		}].filter((item) => item.visible()));
+		}]);
+		const controls = computed(() => resolveControls("table", builtinControls.value, props));
 		function getNodes(cell) {
 			return [cell];
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(controls.value, (item) => {
-					return openBlock(), createBlock(button_default, {
+					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, item, {
 						key: item.key,
-						name: item.name,
-						icon: item.icon,
-						options: item.options,
 						onClick: item.onClick
-					}, null, 8, [
-						"name",
-						"icon",
-						"options",
-						"onClick"
-					]);
+					}), null, 16, ["onClick"]);
 				}), 128))]),
 				createElementVNode("div", _hoisted_3, [createVNode(table_default$1, {
 					ref_key: "tableRef",

package/dist/{text-DpleLvNh.js → text-DP2IAZrc.js}

@@ -17,8 +17,8 @@ var text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{thematic-break-D5GvzU5S.js → thematic-break-DIO-A8eY.js}

@@ -17,8 +17,8 @@ var thematic_break_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/tooltip-CAyfm3_l.js

@@ -0,0 +1,4 @@
+import "./composables-DuQ72m6O.js";
+import { t as tooltip_default } from "./tooltip-CnO7OPL1.js";
+
+export { tooltip_default as default };

package/dist/{tooltip-Bgbzbk4Q.js → tooltip-CnO7OPL1.js}

@@ -1,4 +1,4 @@
-import { B as useFloatingElement, H as useContext } from "./composables-yny5gJo3.js";
+import { T as useFloatingElement, W as useContext } from "./composables-DuQ72m6O.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts

package/dist/vanilla-BZ1fQWZQ.js

@@ -0,0 +1,4 @@
+import "./composables-DuQ72m6O.js";
+import { t as vanilla_default } from "./vanilla-YFxsSfhA.js";
+
+export { vanilla_default as default };

package/dist/{vanilla-BTOVqKl7.js → vanilla-YFxsSfhA.js}

@@ -1,4 +1,4 @@
-import { U as useCodeOptions } from "./composables-yny5gJo3.js";
+import { G as useCodeOptions } from "./composables-DuQ72m6O.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{yaml-y0snrPRx.js → yaml-eOuEqAWX.js}

@@ -1,4 +1,4 @@
-import { t as table_default } from "./table-CaUMjs4M.js";
+import { t as table_default } from "./table-BMlD4JhL.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
 
 //#region src/components/renderers/yaml.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +18,8 @@ var yaml_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{zh-CN-Dfow4Yn2.js → zh-CN-B9lWRP8O.js}

@@ -4,7 +4,7 @@ var button = {
 	"zoomOut": "缩小",
 	"resetZoom": "重置缩放",
 	"preview": "预览",
-	"source": "源代码",
+	"source": "代码",
 	"collapse": "折叠",
 	"copy": "复制",
 	"download": "下载",
@@ -15,7 +15,8 @@ var button = {
 	"rotateLeft": "左转",
 	"rotateRight": "右转",
 	"previous": "上个",
-	"next": "下个"
+	"next": "下个",
+	"back": "返回"
 };
 var error = {
 	"vanilla": "错误",