vue-stream-markdown 0.1.4 → 0.1.6

package/dist/{zoom-container-gjQ0EMyk.js → zoom-container-f44XxzOI.js}

@@ -1,6 +1,6 @@
-import { B as useContext, t as useZoom, u as useI18n } from "./composables-Cx0nvyHl.js";
-import { t as button_default } from "./button-jFTF378X.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
+import { H as useContext, P as useI18n, t as useZoom } from "./composables-DWipZHuF.js";
+import { t as button_default } from "./button-B2ebQt7R.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { "data-stream-markdown": "zoom-inner" };
@@ -12,10 +12,20 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			required: false,
 			default: true
 		},
+		controlSize: {
+			type: String,
+			required: false,
+			default: "vanilla"
+		},
 		position: {
 			type: String,
 			required: false,
 			default: "bottom-right"
+		},
+		containerStyle: {
+			type: Object,
+			required: false,
+			default: () => ({})
 		}
 	},
 	setup(__props) {
@@ -25,7 +35,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const { icons } = useContext();
 		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd } = useZoom();
 		const zoomPercent = computed(() => `${Math.round(zoom.value * 100)}%`);
-		const controlsStyle = computed(() => {
+		const controlsPosition = computed(() => {
 			switch (props.position) {
 				case "top-left": return {
 					top: "0.5rem",
@@ -35,10 +45,20 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					top: "0.5rem",
 					right: "0.5rem"
 				};
+				case "top-center": return {
+					top: "0.5rem",
+					left: "50%",
+					transform: "translateX(-50%)"
+				};
 				case "bottom-left": return {
 					bottom: "0.5rem",
 					left: "0.5rem"
 				};
+				case "bottom-center": return {
+					bottom: "0.5rem",
+					left: "50%",
+					transform: "translateX(-50%)"
+				};
 				case "bottom-right":
 				default: return {
 					bottom: "0.5rem",
@@ -46,6 +66,14 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				};
 			}
 		});
+		const controlButtonProps = computed(() => {
+			if (props.controlSize === "vanilla") return {};
+			return {
+				iconWidth: 18,
+				iconHeight: 18,
+				buttonStyle: { fontSize: "0.875rem" }
+			};
+		});
 		function onWheel(event) {
 			if (containerRef.value) handleWheel(event, containerRef.value);
 		}
@@ -67,40 +95,39 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				onTouchstart: onTouchStart,
 				onTouchmove: onTouchMove,
 				onTouchend: onTouchEnd,
-				onPointerdown: _cache[0] || (_cache[0] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
-				onPointermove: _cache[1] || (_cache[1] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
-				onPointerup: _cache[2] || (_cache[2] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointercancel: _cache[3] || (_cache[3] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointerleave: _cache[4] || (_cache[4] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"]))
+				onPointerdown: _cache[2] || (_cache[2] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
+				onPointermove: _cache[3] || (_cache[3] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
+				onPointerup: _cache[4] || (_cache[4] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
+				onPointercancel: _cache[5] || (_cache[5] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
+				onPointerleave: _cache[6] || (_cache[6] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"]))
 			}, [__props.showControl ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				"data-stream-markdown": "zoom-controls",
-				style: normalizeStyle(controlsStyle.value)
+				style: normalizeStyle(controlsPosition.value),
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
 			}, [
-				createVNode(button_default, {
+				renderSlot(_ctx.$slots, "controls", normalizeProps(guardReactiveProps(controlButtonProps.value))),
+				createVNode(button_default, mergeProps({
 					icon: unref(icons).zoomIn,
-					name: unref(t)("button.zoomIn"),
-					onClick: unref(zoomIn)
-				}, null, 8, [
+					name: unref(t)("button.zoomIn")
+				}, controlButtonProps.value, { onClick: unref(zoomIn) }), null, 16, [
 					"icon",
 					"name",
 					"onClick"
 				]),
-				createVNode(button_default, {
+				createVNode(button_default, mergeProps({
 					icon: unref(icons).zoomOut,
-					name: unref(t)("button.zoomOut"),
-					onClick: unref(zoomOut)
-				}, null, 8, [
+					name: unref(t)("button.zoomOut")
+				}, controlButtonProps.value, { onClick: unref(zoomOut) }), null, 16, [
 					"icon",
 					"name",
 					"onClick"
 				]),
-				createVNode(button_default, {
+				createVNode(button_default, mergeProps({
 					title: unref(t)("button.resetZoom"),
 					name: zoomPercent.value,
-					variant: "text",
-					onClick: unref(resetZoom)
-				}, null, 8, [
+					variant: "text"
+				}, controlButtonProps.value, { onClick: unref(resetZoom) }), null, 16, [
 					"title",
 					"name",
 					"onClick"
@@ -109,8 +136,10 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"data-stream-markdown": "zoom-transform-container",
 				style: normalizeStyle({
 					...unref(transformStyle),
+					...__props.containerStyle,
 					cursor: unref(isDragging) ? "grabbing" : "grab"
-				})
+				}),
+				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
 			}, [renderSlot(_ctx.$slots, "default")], 4)])], 544);
 		};
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -52,19 +52,17 @@
     }
   },
   "dependencies": {
+    "@floating-ui/vue": "^1.1.9",
     "@vueuse/core": "^14.1.0",
     "markdown-it-async": "^2.2.0",
-    "medium-zoom": "^1.1.0",
-    "remend": "^1.0.1",
-    "tippy.js": "^6.3.7",
-    "vue-tippy": "^6.7.1"
+    "remend": "^1.0.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.4.2",
+    "@antfu/eslint-config": "^6.6.1",
     "@antfu/utils": "^9.3.0",
     "@iconify-json/catppuccin": "^1.2.17",
     "@iconify-json/lucide": "^1.2.79",
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
     "@unocss/eslint-plugin": "66.5.9",
     "@vitejs/plugin-vue": "^6.0.2",
     "@vue/test-utils": "^2.4.6",
@@ -87,16 +85,17 @@
     "pncat": "^0.7.7",
     "simple-git-hooks": "^2.13.1",
     "taze": "^19.9.2",
-    "tsdown": "^0.17.0",
+    "treechop": "^0.1.2",
+    "tsdown": "^0.17.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "unocss": "^66.5.10",
     "unplugin-icons": "^22.5.0",
     "unplugin-lightningcss": "^0.4.3",
-    "vite": "^7.2.6",
+    "vite": "^7.2.7",
     "vitepress": "^1.6.4",
     "vitest": "^4.0.15",
-    "vue-tsc": "^3.1.6"
+    "vue-tsc": "^3.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"

package/dist/button-D6ccVxGm.js

@@ -1,5 +0,0 @@
-import "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import { t as button_default } from "./button-jFTF378X.js";
-
-export { button_default as default };

package/dist/code-block-B72JfFy-.js

@@ -1,9 +0,0 @@
-import "./previewers-ByaS2Ksa.js";
-import "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import "./button-jFTF378X.js";
-import "./modal-CuQR21UD.js";
-import { t as code_block_default } from "./code-block-uZcUI59D.js";
-import "./segmented-DBW9ignu.js";
-
-export { code_block_default as default };

package/dist/dropdown-oiCw8QVq.js

@@ -1,5 +0,0 @@
-import "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import { n as dropdown_default } from "./button-jFTF378X.js";
-
-export { dropdown_default as default };

package/dist/error-component-8y13-fYG.js

@@ -1,4 +0,0 @@
-import "./composables-Cx0nvyHl.js";
-import { t as error_component_default } from "./error-component-Bhl770lu.js";
-
-export { error_component_default as default };

package/dist/modal-CuQR21UD.js

@@ -1,71 +0,0 @@
-import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
-
-//#region src/components/modal.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = {
-	key: 0,
-	"data-stream-markdown": "modal-header"
-};
-const _hoisted_2 = { "data-stream-markdown": "modal-actions" };
-const _hoisted_3 = { "data-stream-markdown": "modal-body" };
-var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "modal",
-	props: /* @__PURE__ */ mergeModels({
-		title: {
-			type: String,
-			required: false
-		},
-		closable: {
-			type: Boolean,
-			required: false
-		},
-		zIndex: {
-			type: Number,
-			required: false,
-			default: 1e3
-		},
-		getContainer: {
-			type: Function,
-			required: false
-		}
-	}, {
-		"open": {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		"openModifiers": {}
-	}),
-	emits: ["update:open"],
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const open = useModel(__props, "open");
-		const container = props.getContainer ? props.getContainer() || "body" : "body";
-		const modalStyle = computed(() => ({ zIndex: props.zIndex }));
-		const showHeader = computed(() => !!props.title || props.closable || !!slots.title || !!slots.extra);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: unref(container) }, [createVNode(Transition, {
-				name: "modal",
-				appear: ""
-			}, {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					"data-stream-markdown": "modal",
-					style: normalizeStyle(modalStyle.value)
-				}, [showHeader.value ? (openBlock(), createElementBlock("header", _hoisted_1, [
-					renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)]),
-					renderSlot(_ctx.$slots, "header-center", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", null, null, -1))]),
-					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "actions")])
-				])) : createCommentVNode("v-if", true), createElementVNode("main", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 4)) : createCommentVNode("v-if", true)]),
-				_: 3
-			})], 8, ["to"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/modal.vue
-var modal_default = modal_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-export { modal_default as t };

package/dist/modal-DcpxxDDX.js

@@ -1,3 +0,0 @@
-import { t as modal_default } from "./modal-CuQR21UD.js";
-
-export { modal_default as default };

package/dist/node-list-lgY1wbfQ.js

@@ -1,3 +0,0 @@
-import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-
-export { node_list_default as default };

package/dist/previewers-ByaS2Ksa.js

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

package/dist/segmented-B4IEw3wg.js

@@ -1,6 +0,0 @@
-import "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import "./button-jFTF378X.js";
-import { t as segmented_default } from "./segmented-DBW9ignu.js";
-
-export { segmented_default as default };

package/dist/spin-Bz4zGBEo.js

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

package/dist/table-CZLbUHiJ.js

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

package/dist/tooltip-3UDC9mw-.js

@@ -1,71 +0,0 @@
-import { B as useContext } from "./composables-Cx0nvyHl.js";
-import { computed, createBlock, createElementVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
-import { Tippy } from "vue-tippy";
-
-//#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { "data-stream-markdown": "tooltip-overlay" };
-var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "tooltip",
-	props: {
-		content: {
-			type: String,
-			required: false
-		},
-		trigger: {
-			type: String,
-			required: false
-		},
-		placement: {
-			type: null,
-			required: false
-		},
-		interactive: {
-			type: Boolean,
-			required: false
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		const { isDark, getContainer } = useContext();
-		const tippyRef = ref();
-		const appendTo = computed(() => getContainer() || "parent");
-		__expose({
-			show: () => {
-				var _tippyRef$value;
-				return (_tippyRef$value = tippyRef.value) === null || _tippyRef$value === void 0 ? void 0 : _tippyRef$value.show();
-			},
-			hide: () => {
-				var _tippyRef$value2;
-				return (_tippyRef$value2 = tippyRef.value) === null || _tippyRef$value2 === void 0 ? void 0 : _tippyRef$value2.hide();
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Tippy), {
-				ref_key: "tippyRef",
-				ref: tippyRef,
-				trigger: __props.trigger,
-				placement: __props.placement,
-				interactive: __props.interactive,
-				"append-to": appendTo.value,
-				theme: unref(isDark) ? "" : "light",
-				"data-stream-markdown": "tooltip"
-			}, {
-				content: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createElementVNode("pre", _hoisted_1, toDisplayString(__props.content), 1)])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"trigger",
-				"placement",
-				"interactive",
-				"append-to",
-				"theme"
-			]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/tooltip.vue
-var tooltip_default = tooltip_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-export { tooltip_default as t };

package/dist/tooltip-CAoc_U1X.js

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

package/dist/vanilla-De7W3PpS.js

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

package/dist/zoom-container-DBgGdbJS.js

@@ -1,6 +0,0 @@
-import "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import "./button-jFTF378X.js";
-import { t as zoom_container_default } from "./zoom-container-gjQ0EMyk.js";
-
-export { zoom_container_default as default };