@antdv-next/x 0.0.4 → 0.1.0

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 (function(global, factory) {
-	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("antdv-next/dist/config-provider/context"), require("antdv-next"), require("@antdv-next/icons"), require("@antdv-next/cssinjs"), require("@antdv-next/cssinjs/cssinjs-utils"), require("@ant-design/fast-color"), require("antdv-next/dist/theme/useToken"), require("@vueuse/core"), require("@v-c/util"), require("mermaid")) : typeof define === "function" && define.amd ? define([
+	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("antdv-next/dist/config-provider/context"), require("antdv-next"), require("@antdv-next/icons"), require("@antdv-next/cssinjs"), require("@antdv-next/cssinjs/cssinjs-utils"), require("@ant-design/fast-color"), require("antdv-next/dist/theme/useToken"), require("@vueuse/core"), require("shiki/core"), require("shiki/dist/themes/vitesse-dark.mjs"), require("shiki/dist/themes/vitesse-light.mjs"), require("shiki/engine/javascript"), require("@v-c/util")) : typeof define === "function" && define.amd ? define([
 		"exports",
 		"vue",
 		"antdv-next/dist/config-provider/context",
@@ -10,10 +10,13 @@
 		"@ant-design/fast-color",
 		"antdv-next/dist/theme/useToken",
 		"@vueuse/core",
-		"@v-c/util",
-		"mermaid"
-	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.AntdComponents = {}, global.Vue, global.antdv_next_dist_config_provider_context, global.antd, global.AntdIcons, global._antdv_next_cssinjs, global._antdv_next_cssinjs_cssinjs_utils, global._ant_design_fast_color, global.antdv_next_dist_theme_useToken, global._vueuse_core, global._v_c_util, global.mermaid));
-})(this, function(exports, vue, antdv_next_dist_config_provider_context, antdv_next, _antdv_next_icons, _antdv_next_cssinjs, _antdv_next_cssinjs_cssinjs_utils, _ant_design_fast_color, antdv_next_dist_theme_useToken, _vueuse_core, _v_c_util, mermaid) {
+		"shiki/core",
+		"shiki/dist/themes/vitesse-dark.mjs",
+		"shiki/dist/themes/vitesse-light.mjs",
+		"shiki/engine/javascript",
+		"@v-c/util"
+	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.AntdComponents = {}, global.Vue, global.antdv_next_dist_config_provider_context, global.antd, global.AntdIcons, global._antdv_next_cssinjs, global._antdv_next_cssinjs_cssinjs_utils, global._ant_design_fast_color, global.antdv_next_dist_theme_useToken, global._vueuse_core, global.shiki_core, global.shiki_dist_themes_vitesse_dark_mjs, global.shiki_dist_themes_vitesse_light_mjs, global.shiki_engine_javascript, global._v_c_util));
+})(this, function(exports, vue, antdv_next_dist_config_provider_context, antdv_next, _antdv_next_icons, _antdv_next_cssinjs, _antdv_next_cssinjs_cssinjs_utils, _ant_design_fast_color, antdv_next_dist_theme_useToken, _vueuse_core, shiki_core, shiki_dist_themes_vitesse_dark_mjs, shiki_dist_themes_vitesse_light_mjs, shiki_engine_javascript, _v_c_util) {
 	Object.defineProperties(exports, {
 		__esModule: { value: true },
 		[Symbol.toStringTag]: { value: "Module" }
@@ -42,9 +45,10 @@
 	//#endregion
 	_antdv_next_icons = __toESM(_antdv_next_icons);
 	antdv_next_dist_theme_useToken = __toESM(antdv_next_dist_theme_useToken);
-	mermaid = __toESM(mermaid);
+	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
+	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
 	//#region package.json
-	var version = "0.0.4";
+	var version = "0.1.0";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -539,7 +543,7 @@
 		};
 	}
 	var XActions = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActions",
+		name: "AxActions",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -697,7 +701,7 @@
 		return ACTIONS_ITEM_STATUS;
 	}({});
 	var XActionsItem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsItem",
+		name: "AxActionsItem",
 		inheritAttrs: false,
 		props: {
 			status: {
@@ -807,7 +811,7 @@
 	//#endregion
 	//#region components/actions/ActionsAudio.tsx
 	var XActionsAudio = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsAudio",
+		name: "AxActionsAudio",
 		props: {
 			status: {
 				type: String,
@@ -881,7 +885,7 @@
 		return [icon, icon];
 	};
 	var XActionsCopy = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsCopy",
+		name: "AxActionsCopy",
 		inheritAttrs: false,
 		props: {
 			text: {
@@ -986,7 +990,7 @@
 		return FEEDBACK_VALUE;
 	}(FEEDBACK_VALUE || {});
 	var XActionsFeedback = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsFeedback",
+		name: "AxActionsFeedback",
 		inheritAttrs: false,
 		props: {
 			value: {
@@ -1964,7 +1968,7 @@
 		key: "default"
 	};
 	var XFileCard = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XFileCard",
+		name: "AxFileCard",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -2203,7 +2207,7 @@
 		return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 	}
 	var XFileCardList = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XFileCardList",
+		name: "AxFileCardList",
 		props: {
 			prefixCls: {
 				type: String,
@@ -2910,7 +2914,7 @@
 		return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 	}
 	var XAttachments = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XAttachments",
+		name: "AxAttachments",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -3854,7 +3858,7 @@
 		return node !== null && node !== void 0 && node !== false;
 	}
 	var XBubble = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubble",
+		name: "AxBubble",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -4195,7 +4199,7 @@
 		return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 	}
 	var XBubbleDivider = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubbleDivider",
+		name: "AxBubbleDivider",
 		props: {
 			prefixCls: {
 				type: String,
@@ -4385,7 +4389,7 @@
 	//#endregion
 	//#region components/bubble/System.tsx
 	var XBubbleSystem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubbleSystem",
+		name: "AxBubbleSystem",
 		props: {
 			prefixCls: {
 				type: String,
@@ -4474,7 +4478,7 @@
 		"extra"
 	];
 	var XBubbleList = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubbleList",
+		name: "AxBubbleList",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -4712,6 +4716,73 @@
 	BubbleWithSub.System = XBubbleSystem;
 	BubbleWithSub.Divider = XBubbleDivider;
 	//#endregion
+	//#region components/code-highlighter/shiki.ts
+	var SUPPORTED_LANG_ALIASES = {
+		ts: "typescript",
+		js: "javascript",
+		py: "python",
+		md: "markdown",
+		yml: "yaml",
+		shell: "bash",
+		zsh: "bash",
+		sh: "bash",
+		vue: "vue"
+	};
+	var LANG_LOADERS = {
+		javascript: () => import("shiki/dist/langs/javascript.mjs"),
+		typescript: () => import("shiki/dist/langs/typescript.mjs"),
+		jsx: () => import("shiki/dist/langs/jsx.mjs"),
+		tsx: () => import("shiki/dist/langs/tsx.mjs"),
+		json: () => import("shiki/dist/langs/json.mjs"),
+		bash: () => import("shiki/dist/langs/bash.mjs"),
+		markdown: () => import("shiki/dist/langs/markdown.mjs"),
+		html: () => import("shiki/dist/langs/html.mjs"),
+		css: () => import("shiki/dist/langs/css.mjs"),
+		vue: () => import("shiki/dist/langs/vue.mjs"),
+		"vue-html": () => import("shiki/dist/langs/vue-html.mjs"),
+		python: () => import("shiki/dist/langs/python.mjs"),
+		mermaid: () => import("shiki/dist/langs/mermaid.mjs"),
+		yaml: () => import("shiki/dist/langs/yaml.mjs"),
+		diff: () => import("shiki/dist/langs/diff.mjs")
+	};
+	var highlighter = null;
+	var highlighterPromise = null;
+	var loadedLangs = /* @__PURE__ */ new Set();
+	function normalizeLanguage(language) {
+		const input = (language || "text").toLowerCase();
+		return SUPPORTED_LANG_ALIASES[input] || input;
+	}
+	function escapeHtml(str) {
+		return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+	}
+	async function getHighlighter() {
+		if (highlighter) return highlighter;
+		if (!highlighterPromise) highlighterPromise = (0, shiki_core.createHighlighterCore)({
+			themes: [shiki_dist_themes_vitesse_light_mjs.default, shiki_dist_themes_vitesse_dark_mjs.default],
+			langs: [],
+			engine: (0, shiki_engine_javascript.createJavaScriptRegexEngine)()
+		});
+		highlighter = await highlighterPromise;
+		return highlighter;
+	}
+	async function loadLang(lang) {
+		const loader = LANG_LOADERS[lang];
+		if (!loader || loadedLangs.has(lang)) return false;
+		const instance = await getHighlighter();
+		const mod = await loader();
+		await instance.loadLanguage(mod.default);
+		loadedLangs.add(lang);
+		return true;
+	}
+	async function codeToHtml(code, options = {}) {
+		const lang = normalizeLanguage(options.lang);
+		if (!await loadLang(lang)) return `<pre><code>${escapeHtml(code)}</code></pre>`;
+		return (await getHighlighter()).codeToHtml(code, {
+			lang,
+			theme: options.theme || "vitesse-light"
+		});
+	}
+	//#endregion
 	//#region components/code-highlighter/style/index.ts
 	var genCodeHighlighterStyle = (token) => {
 		const { componentCls } = token;
@@ -4822,21 +4893,9 @@
 		return [genCodeHighlighterStyle((0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {}))];
 	}, prepareComponentToken$9);
 	//#endregion
-	//#region components/code-highlighter/CodeHighlighter.tsx
-	var shikiHighlighter = null;
-	var shikiPromise = null;
-	async function initShiki() {
-		if (shikiHighlighter) return;
-		if (shikiPromise) return shikiPromise;
-		shikiPromise = (async () => {
-			shikiHighlighter = (await import("shiki")).codeToHtml;
-		})();
-		return shikiPromise;
-	}
-	//#endregion
 	//#region components/code-highlighter/index.tsx
 	var code_highlighter_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XCodeHighlighter",
+		name: "AxCodeHighlighter",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -4917,9 +4976,7 @@
 			const highlightedHtml = (0, vue.shallowRef)("");
 			const highlightCode = async () => {
 				try {
-					await initShiki();
-					if (!shikiHighlighter) return;
-					highlightedHtml.value = await shikiHighlighter(props.content, {
+					highlightedHtml.value = await codeToHtml(props.content, {
 						lang: props.language,
 						theme: props.theme === "dark" ? "vitesse-dark" : "vitesse-light"
 					});
@@ -5362,7 +5419,7 @@
 	//#endregion
 	//#region components/conversations/Creation.tsx
 	var Creation = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XConversationsCreation",
+		name: "AxConversationsCreation",
 		props: {
 			label: {
 				type: [
@@ -5901,7 +5958,7 @@
 		return tagName === "input" || tagName === "textarea" || tagName === "select";
 	}
 	var ConversationsWithSub = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XConversations",
+		name: "AxConversations",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -6138,6 +6195,38 @@
 		}
 	};
 	//#endregion
+	//#region components/mermaid/loader.ts
+	var mermaidInstance = null;
+	var mermaidPromise = null;
+	var pendingInitializeConfig = null;
+	async function loadMermaid() {
+		if (mermaidInstance) return mermaidInstance;
+		if (!mermaidPromise) mermaidPromise = import("mermaid/dist/mermaid.core.mjs").then((mod) => mod.default).then((instance) => {
+			mermaidInstance = instance;
+			if (pendingInitializeConfig) {
+				instance.initialize(pendingInitializeConfig);
+				pendingInitializeConfig = null;
+			}
+			return instance;
+		});
+		return mermaidPromise;
+	}
+	function initializeMermaid(config) {
+		pendingInitializeConfig = config;
+		if (mermaidInstance) {
+			mermaidInstance.initialize(config);
+			pendingInitializeConfig = null;
+			return;
+		}
+		loadMermaid();
+	}
+	async function parseMermaid(content, options) {
+		return (await loadMermaid()).parse(content, options);
+	}
+	async function renderMermaid(id, content, container) {
+		return (await loadMermaid()).render(id, content, container);
+	}
+	//#endregion
 	//#region components/mermaid/style/index.ts
 	var genMermaidStyle = (token) => {
 		const { componentCls } = token;
@@ -6244,7 +6333,7 @@
 	//#endregion
 	//#region components/mermaid/index.tsx
 	var mermaid_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XMermaid",
+		name: "AxMermaid",
 		inheritAttrs: false,
 		props: {
 			content: {
@@ -6375,8 +6464,8 @@
 				const graphEl = graphRef.value;
 				if (!graphEl) return;
 				try {
-					if (await mermaid.default.parse(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
-					const { svg } = await mermaid.default.render(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
+					if (await parseMermaid(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
+					const { svg } = await renderMermaid(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
 					graphEl.innerHTML = svg;
 					applySvgTransform();
 				} catch (error) {
@@ -6509,7 +6598,7 @@
 				if (next !== void 0) internalRenderType.value = next;
 			});
 			(0, vue.watch)(() => props.config, (nextConfig) => {
-				mermaid.default.initialize({
+				initializeMermaid({
 					startOnLoad: false,
 					securityLevel: "strict",
 					theme: "default",
@@ -6831,7 +6920,7 @@
 	//#endregion
 	//#region components/prompts/index.tsx
 	var prompts_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XPrompts",
+		name: "AxPrompts",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -6951,8 +7040,10 @@
 				};
 			});
 			const triggerItemClick = (item, nested) => {
-				if (nested || item.disabled) return;
-				emit("itemClick", { data: item });
+				if (item.disabled || !nested && hasChildren(item)) return;
+				const info = { data: item };
+				props.onItemClick?.(info);
+				emit("itemClick", info);
 			};
 			const renderTitle = () => {
 				if (slots.title) return slots.title({ originNode: props.title });
@@ -6997,7 +7088,7 @@
 							}
 						],
 						"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-						"onClick": () => triggerItemClick(item, itemHasChildren)
+						"onClick": () => triggerItemClick(item, nested)
 					}), [hasRenderableNode$5(iconNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), (0, vue.createVNode)("div", {
 						"class": [`${props.prefixCls}-content`, mergedClasses.value.itemContent],
 						"style": mergedStyles.value.itemContent
@@ -8637,7 +8728,7 @@
 		SpeechButton: SpeechButton_default
 	};
 	var Sender_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSender",
+		name: "AxSender",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -8978,7 +9069,7 @@
 	//#endregion
 	//#region components/sender/SenderHeader.tsx
 	var SenderHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSenderHeader",
+		name: "AxSenderHeader",
 		props: {
 			open: {
 				type: Boolean,
@@ -9082,7 +9173,7 @@
 	//#endregion
 	//#region components/sender/SenderSwitch.tsx
 	var SenderSwitch_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSenderSwitch",
+		name: "AxSenderSwitch",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -9453,7 +9544,7 @@
 	//#endregion
 	//#region components/sources/index.tsx
 	var sources_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSources",
+		name: "AxSources",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -9761,7 +9852,7 @@
 	//#endregion
 	//#region components/suggestion/index.tsx
 	var suggestion_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSuggestion",
+		name: "AxSuggestion",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -10039,7 +10130,7 @@
 	//#endregion
 	//#region components/think/index.tsx
 	var think_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThink",
+		name: "AxThink",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -10449,7 +10540,7 @@
 		return node !== null && node !== void 0 && node !== false;
 	}
 	var XThoughtChainItem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThoughtChainItem",
+		name: "AxThoughtChainItem",
 		props: {
 			prefixCls: {
 				type: String,
@@ -10779,7 +10870,7 @@
 	//#endregion
 	//#region components/thought-chain/index.tsx
 	var ThoughtChainWithSub = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThoughtChain",
+		name: "AxThoughtChain",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -10997,7 +11088,7 @@
 		return Array.isArray(value) ? value.length > 0 : value !== null && value !== void 0;
 	}
 	var XWelcome = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XWelcome",
+		name: "AxWelcome",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -11162,7 +11253,7 @@
 	//#endregion
 	//#region components/x-provider/index.tsx
 	var XProvider = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XProvider",
+		name: "AxProvider",
 		inheritAttrs: false,
 		props: {
 			attachments: {
@@ -11267,36 +11358,11 @@
 		ThoughtChainWithSub,
 		XThoughtChainItem
 	];
-	var componentAliases = new Map([
-		["XBubble", ["ABubble"]],
-		["XBubbleList", ["ABubbleList"]],
-		["XBubbleSystem", ["ABubbleSystem"]],
-		["XBubbleDivider", ["ABubbleDivider"]],
-		["XActions", ["AActions"]],
-		["XActionsAudio", ["AActionsAudio"]],
-		["XActionsCopy", ["AActionsCopy"]],
-		["XActionsFeedback", ["AActionsFeedback"]],
-		["XActionsItem", ["AActionsItem"]],
-		["XFileCard", ["AFileCard"]],
-		["XFileCardList", ["AFileCardList"]],
-		["XMermaid", ["AMermaid"]],
-		["XAttachments", ["AAttachments"]],
-		["XSender", ["ASender"]],
-		["XSenderHeader", ["ASenderHeader"]],
-		["XSenderSwitch", ["ASenderSwitch"]],
-		["XSuggestion", ["ASuggestion"]],
-		["XThink", ["AThink"]],
-		["XThoughtChain", ["AThoughtChain"]],
-		["XThoughtChainItem", ["AThoughtChainItem"]]
-	]);
 	var components_default = {
 		install(app) {
 			components.forEach((component) => {
 				if (!component.name) return;
 				app.component(component.name, component);
-				componentAliases.get(component.name)?.forEach((alias) => {
-					app.component(alias, component);
-				});
 			});
 		},
 		version

package/dist/mermaid/Mermaid.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, PropType, StyleValue, VNodeChild, HTMLAttributes } from 'vue';
 import { MermaidConfig } from 'mermaid';
+import { CSSProperties, PropType, StyleValue, VNodeChild, HTMLAttributes } from 'vue';
 import { ItemType } from '../actions';
 import { CodeHighlighterProps } from '../code-highlighter';
 export type MermaidSemanticType = "root" | "header" | "graph" | "code";

package/dist/mermaid/Mermaid.js

@@ -4,12 +4,12 @@ import ActionsWithSub from "../actions/index.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import code_highlighter_default from "../code-highlighter/index.js";
+import { initializeMermaid, parseMermaid, renderMermaid } from "./loader.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, ref, useAttrs, watch } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Button, Segmented, Tooltip } from "antdv-next";
 import { DownloadOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
-import mermaid from "mermaid";
 //#region components/mermaid/Mermaid.tsx
 var RenderType = /* @__PURE__ */ function(RenderType) {
 	RenderType["Code"] = "code";
@@ -55,7 +55,7 @@ function throttle(fn, wait) {
 	return throttled;
 }
 var XMermaid = /* @__PURE__ */ defineComponent({
-	name: "XMermaid",
+	name: "AxMermaid",
 	inheritAttrs: false,
 	props: {
 		content: {
@@ -186,8 +186,8 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 			const graphEl = graphRef.value;
 			if (!graphEl) return;
 			try {
-				if (await mermaid.parse(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
-				const { svg } = await mermaid.render(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
+				if (await parseMermaid(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
+				const { svg } = await renderMermaid(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
 				graphEl.innerHTML = svg;
 				applySvgTransform();
 			} catch (error) {
@@ -320,7 +320,7 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 			if (next !== void 0) internalRenderType.value = next;
 		});
 		watch(() => props.config, (nextConfig) => {
-			mermaid.initialize({
+			initializeMermaid({
 				startOnLoad: false,
 				securityLevel: "strict",
 				theme: "default",

package/dist/mermaid/loader.d.ts

@@ -0,0 +1,6 @@
+import { MermaidConfig } from 'mermaid';
+type MermaidInstance = (typeof import("mermaid/dist/mermaid.core.mjs"))["default"];
+export declare function initializeMermaid(config: MermaidConfig): void;
+export declare function parseMermaid(content: string, options?: Parameters<MermaidInstance["parse"]>[1]): Promise<false | import('mermaid').ParseResult>;
+export declare function renderMermaid(id: string, content: string, container?: Element): Promise<import('mermaid').RenderResult>;
+export {};

package/dist/mermaid/loader.js

@@ -0,0 +1,33 @@
+//#region components/mermaid/loader.ts
+var mermaidInstance = null;
+var mermaidPromise = null;
+var pendingInitializeConfig = null;
+async function loadMermaid() {
+	if (mermaidInstance) return mermaidInstance;
+	if (!mermaidPromise) mermaidPromise = import("mermaid/dist/mermaid.core.mjs").then((mod) => mod.default).then((instance) => {
+		mermaidInstance = instance;
+		if (pendingInitializeConfig) {
+			instance.initialize(pendingInitializeConfig);
+			pendingInitializeConfig = null;
+		}
+		return instance;
+	});
+	return mermaidPromise;
+}
+function initializeMermaid(config) {
+	pendingInitializeConfig = config;
+	if (mermaidInstance) {
+		mermaidInstance.initialize(config);
+		pendingInitializeConfig = null;
+		return;
+	}
+	loadMermaid();
+}
+async function parseMermaid(content, options) {
+	return (await loadMermaid()).parse(content, options);
+}
+async function renderMermaid(id, content, container) {
+	return (await loadMermaid()).render(id, content, container);
+}
+//#endregion
+export { initializeMermaid, parseMermaid, renderMermaid };

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "0.0.4";
+var version = "0.1.0";
 //#endregion
 export { version };

package/dist/prompts/Prompts.js

@@ -24,7 +24,7 @@ function hasRenderableNode(node) {
 	return node !== null && node !== void 0 && node !== false;
 }
 var XPrompts = /* @__PURE__ */ defineComponent({
-	name: "XPrompts",
+	name: "AxPrompts",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -144,8 +144,10 @@ var XPrompts = /* @__PURE__ */ defineComponent({
 			};
 		});
 		const triggerItemClick = (item, nested) => {
-			if (nested || item.disabled) return;
-			emit("itemClick", { data: item });
+			if (item.disabled || !nested && hasChildren(item)) return;
+			const info = { data: item };
+			props.onItemClick?.(info);
+			emit("itemClick", info);
 		};
 		const renderTitle = () => {
 			if (slots.title) return slots.title({ originNode: props.title });
@@ -190,7 +192,7 @@ var XPrompts = /* @__PURE__ */ defineComponent({
 						}
 					],
 					"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-					"onClick": () => triggerItemClick(item, itemHasChildren)
+					"onClick": () => triggerItemClick(item, nested)
 				}), [hasRenderableNode(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), createVNode("div", {
 					"class": [`${props.prefixCls}-content`, mergedClasses.value.itemContent],
 					"style": mergedStyles.value.itemContent

package/dist/sender/Sender.js

@@ -19,7 +19,7 @@ var sharedRenderComponents = {
 	SpeechButton: SpeechButton_default
 };
 var Sender_default = /* @__PURE__ */ defineComponent({
-	name: "XSender",
+	name: "AxSender",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/sender/SenderHeader.js

@@ -5,7 +5,7 @@ import { Button } from "antdv-next";
 import { CloseOutlined } from "@antdv-next/icons";
 //#region components/sender/SenderHeader.tsx
 var SenderHeader_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderHeader",
+	name: "AxSenderHeader",
 	props: {
 		open: {
 			type: Boolean,

package/dist/sender/SenderSwitch.js

@@ -5,7 +5,7 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Button } from "antdv-next";
 //#region components/sender/SenderSwitch.tsx
 var SenderSwitch_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderSwitch",
+	name: "AxSenderSwitch",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/sources/Sources.js

@@ -12,7 +12,7 @@ var hasRenderableNode = (node) => {
 	return node !== null && node !== void 0 && node !== false;
 };
 var XSources = /* @__PURE__ */ defineComponent({
-	name: "XSources",
+	name: "AxSources",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/suggestion/Suggestion.js

@@ -10,7 +10,7 @@ var hasRenderableNode = (node) => {
 	return node !== null && node !== void 0 && node !== false;
 };
 var XSuggestion = /* @__PURE__ */ defineComponent({
-	name: "XSuggestion",
+	name: "AxSuggestion",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {