@antdv-next/x 0.0.4 → 0.2.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.2.0";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -70,6 +74,20 @@
 		});
 	}
 	//#endregion
+	//#region components/_utils/vue.ts
+	function isEmptyNode(node) {
+		if (node === null || node === void 0 || typeof node === "boolean") return true;
+		if (Array.isArray(node)) return node.every(isEmptyNode);
+		if ((0, vue.isVNode)(node)) {
+			if (node.type === vue.Comment) return true;
+			if (node.type === vue.Fragment && Array.isArray(node.children)) return node.children.every((child) => isEmptyNode(child));
+		}
+		return false;
+	}
+	function hasRenderableNode(node) {
+		return !isEmptyNode(node);
+	}
+	//#endregion
 	//#region components/actions/ActionsMenu.tsx
 	var keySeed$1 = 0;
 	function findItem(keyPath, items) {
@@ -539,7 +557,7 @@
 		};
 	}
 	var XActions = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActions",
+		name: "AxActions",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -649,8 +667,8 @@
 				});
 				const mergedItem = {
 					...item,
-					icon: slottedIcon ?? item.icon,
-					actionRender: slotActionNode !== void 0 ? slotActionNode : item.actionRender
+					icon: slottedIcon !== void 0 && !isEmptyNode(slottedIcon) ? slottedIcon : item.icon,
+					actionRender: slotActionNode !== void 0 && !isEmptyNode(slotActionNode) ? slotActionNode : item.actionRender
 				};
 				return (0, vue.createVNode)(Item, {
 					"key": item.key ?? idx,
@@ -697,7 +715,7 @@
 		return ACTIONS_ITEM_STATUS;
 	}({});
 	var XActionsItem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsItem",
+		name: "AxActionsItem",
 		inheritAttrs: false,
 		props: {
 			status: {
@@ -807,7 +825,7 @@
 	//#endregion
 	//#region components/actions/ActionsAudio.tsx
 	var XActionsAudio = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsAudio",
+		name: "AxActionsAudio",
 		props: {
 			status: {
 				type: String,
@@ -881,7 +899,7 @@
 		return [icon, icon];
 	};
 	var XActionsCopy = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsCopy",
+		name: "AxActionsCopy",
 		inheritAttrs: false,
 		props: {
 			text: {
@@ -940,14 +958,14 @@
 				const { class: _class, style: _style, ...rest } = attrs;
 				return rest;
 			});
-			const iconRenderSlot = (0, vue.computed)(() => slots.iconRender ?? slots["icon-render"]);
+			const iconSlot = (0, vue.computed)(() => slots.icon);
 			const mergedCopyIcons = (0, vue.computed)(() => {
 				const [defaultOriginNode, copiedOriginNode] = normalizeCopyIcons(props.icon);
-				if (!iconRenderSlot.value) return props.icon;
-				return [iconRenderSlot.value({
+				if (!iconSlot.value) return props.icon;
+				return [iconSlot.value({
 					originNode: defaultOriginNode,
 					status: "default"
-				}), iconRenderSlot.value({
+				}), iconSlot.value({
 					originNode: copiedOriginNode,
 					status: "copied"
 				})];
@@ -986,7 +1004,7 @@
 		return FEEDBACK_VALUE;
 	}(FEEDBACK_VALUE || {});
 	var XActionsFeedback = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XActionsFeedback",
+		name: "AxActionsFeedback",
 		inheritAttrs: false,
 		props: {
 			value: {
@@ -1302,7 +1320,7 @@
 				type: Function,
 				default: void 0
 			},
-			iconRenderSlot: {
+			iconSlot: {
 				type: Function,
 				default: void 0
 			}
@@ -1363,7 +1381,7 @@
 						color: props.iconColor,
 						...props.styles.icon
 					}
-				}, [renderWithSlot(props.iconRenderSlot, iconNode.value)]),
+				}, [renderWithSlot(props.iconSlot, iconNode.value)]),
 				(0, vue.createVNode)("div", { "class": `${compCls.value}-content` }, [(0, vue.createVNode)("div", {
 					"class": [`${compCls.value}-name`, props.classes.name],
 					"style": props.styles.name
@@ -1964,7 +1982,7 @@
 		key: "default"
 	};
 	var XFileCard = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XFileCard",
+		name: "AxFileCard",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -2170,7 +2188,7 @@
 					"mask": props.mask,
 					"descriptionRenderSlot": slots.description,
 					"maskRenderSlot": slots.mask,
-					"iconRenderSlot": slots.iconRender,
+					"iconSlot": slots.icon,
 					"classes": mergedClasses.value,
 					"styles": mergedStyles.value
 				}, null);
@@ -2203,7 +2221,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,
@@ -2380,7 +2398,7 @@
 								item: fileItem,
 								index: itemIndex
 							}) : void 0,
-							iconRender: slots.iconRender ? (slotInfo) => slots.iconRender?.({
+							icon: slots.iconRender ? (slotInfo) => slots.iconRender?.({
 								...slotInfo,
 								item: fileItem,
 								index: itemIndex
@@ -2705,6 +2723,10 @@
 				type: String,
 				required: true
 			},
+			type: {
+				type: String,
+				required: true
+			},
 			placeholder: {
 				type: [
 					String,
@@ -2752,6 +2774,28 @@
 				if (!isConfig.value) return {};
 				return props.placeholder;
 			});
+			const renderConfigNode = () => {
+				const iconOriginNode = placeholderConfig.value.icon;
+				const titleOriginNode = placeholderConfig.value.title;
+				const descriptionOriginNode = placeholderConfig.value.description;
+				const iconNode = slots.placeholderIcon?.({
+					type: props.type,
+					originNode: iconOriginNode
+				}) ?? iconOriginNode;
+				const titleNode = slots.placeholderTitle?.({
+					type: props.type,
+					originNode: titleOriginNode
+				}) ?? titleOriginNode;
+				const descriptionNode = slots.placeholderDescription?.({
+					type: props.type,
+					originNode: descriptionOriginNode
+				}) ?? descriptionOriginNode;
+				return (0, vue.createVNode)("div", { "class": `${placeholderCls.value}-inner` }, [
+					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-icon` }, [iconNode]),
+					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-title` }, [titleNode]),
+					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-description` }, [descriptionNode])
+				]);
+			};
 			const onDragEnter = () => {
 				dragIn.value = true;
 			};
@@ -2762,11 +2806,11 @@
 				dragIn.value = false;
 			};
 			return () => {
-				const node = isConfig.value ? (0, vue.createVNode)("div", { "class": `${placeholderCls.value}-inner` }, [
-					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-icon` }, [placeholderConfig.value.icon]),
-					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-title` }, [placeholderConfig.value.title]),
-					(0, vue.createVNode)("span", { "class": `${placeholderCls.value}-description` }, [placeholderConfig.value.description])
-				]) : slots.default?.() || props.placeholder;
+				const originNode = isConfig.value ? renderConfigNode() : slots.default?.() || props.placeholder;
+				const node = slots.placeholder?.({
+					type: props.type,
+					originNode
+				}) ?? originNode;
 				return (0, vue.createVNode)("div", {
 					"class": [
 						placeholderCls.value,
@@ -2910,7 +2954,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: {
@@ -3109,12 +3153,18 @@
 			const getPlaceholderNode = (type, options) => {
 				const placeholderContent = typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder;
 				return (0, vue.createVNode)(PlaceholderUploader, {
+					"type": type,
 					"placeholder": placeholderContent,
 					"upload": uploadProps.value,
 					"prefixCls": props.prefixCls,
 					"class": mergedClasses.value.placeholder,
 					"style": [mergedStyles.value.placeholder, options?.style]
-				}, null);
+				}, {
+					placeholder: slots.placeholder,
+					placeholderIcon: slots.placeholderIcon,
+					placeholderTitle: slots.placeholderTitle,
+					placeholderDescription: slots.placeholderDescription
+				});
 			};
 			const renderWithChildren = () => {
 				let _slot;
@@ -3849,12 +3899,8 @@
 		if (!slot) return null;
 		return typeof slot === "function" ? slot(content, info) : slot;
 	}
-	function hasRenderableNode$7(node) {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	}
 	var XBubble = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubble",
+		name: "AxBubble",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -4016,12 +4062,12 @@
 				return rest;
 			});
 			const memoedContent = (0, vue.computed)(() => {
-				if (slots.contentRender) {
-					const slotNode = slots.contentRender({
+				if (slots.content) {
+					const slotNode = slots.content({
 						content: props.content,
 						info: props.info
 					});
-					if (hasRenderableNode$7(slotNode)) return slotNode;
+					if (hasRenderableNode(slotNode)) return slotNode;
 				}
 				return props.contentRender ? props.contentRender(props.content, props.info) : props.content;
 			});
@@ -4112,12 +4158,12 @@
 			};
 			const renderContent = () => {
 				if (props.loading) {
-					if (slots.loadingRender) {
-						const slotNode = slots.loadingRender({
+					if (slots.loading) {
+						const slotNode = slots.loading({
 							content: props.content,
 							info: props.info
 						});
-						if (hasRenderableNode$7(slotNode)) return slotNode;
+						if (hasRenderableNode(slotNode)) return slotNode;
 					}
 					if (props.loadingRender) return props.loadingRender(props.content, props.info);
 					return (0, vue.createVNode)(loading_default, { "prefixCls": props.prefixCls }, null);
@@ -4195,7 +4241,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,
@@ -4257,7 +4303,7 @@
 				"class": [`${props.prefixCls}-divider`, props.class],
 				"styles": props.styles,
 				"classes": props.classes
-			}), { contentRender: ({ content }) => (0, vue.createVNode)(antdv_next.Divider, props.dividerProps, _isSlot$3(content) ? content : { default: () => [content] }) });
+			}), { content: ({ content }) => (0, vue.createVNode)(antdv_next.Divider, props.dividerProps, _isSlot$3(content) ? content : { default: () => [content] }) });
 		}
 	});
 	//#endregion
@@ -4385,7 +4431,7 @@
 	//#endregion
 	//#region components/bubble/System.tsx
 	var XBubbleSystem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubbleSystem",
+		name: "AxBubbleSystem",
 		props: {
 			prefixCls: {
 				type: String,
@@ -4474,7 +4520,7 @@
 		"extra"
 	];
 	var XBubbleList = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XBubbleList",
+		name: "AxBubbleList",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -4692,10 +4738,10 @@
 						role
 					});
 				};
-				if (slots.contentRender) bubbleSlots.contentRender = bindListSlot("contentRender");
-				else if (contentRender) bubbleSlots.contentRender = ({ content, info: bubbleInfo }) => contentRender(content, bubbleInfo);
-				if (slots.loadingRender) bubbleSlots.loadingRender = bindListSlot("loadingRender");
-				else if (loadingRender) bubbleSlots.loadingRender = ({ content, info: bubbleInfo }) => loadingRender(content, bubbleInfo);
+				if (slots.contentRender) bubbleSlots.content = bindListSlot("contentRender");
+				else if (contentRender) bubbleSlots.content = ({ content, info: bubbleInfo }) => contentRender(content, bubbleInfo);
+				if (slots.loadingRender) bubbleSlots.loading = bindListSlot("loadingRender");
+				else if (loadingRender) bubbleSlots.loading = ({ content, info: bubbleInfo }) => loadingRender(content, bubbleInfo);
 				for (const name of bubbleSlotNames) {
 					if (name === "contentRender" || name === "loadingRender") continue;
 					const slot = bindListSlot(name);
@@ -4712,6 +4758,74 @@
 	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) return false;
+		if (loadedLangs.has(lang)) return true;
+		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 +4936,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 +5019,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 +5462,7 @@
 	//#endregion
 	//#region components/conversations/Creation.tsx
 	var Creation = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XConversationsCreation",
+		name: "AxConversationsCreation",
 		props: {
 			label: {
 				type: [
@@ -5457,6 +5557,20 @@
 				type: Object,
 				required: true
 			},
+			groupLabelRender: {
+				type: [
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			groupLabelRenderSlot: {
+				type: Function,
+				default: void 0
+			},
 			classes: {
 				type: [
 					String,
@@ -5492,15 +5606,22 @@
 			});
 			const labelNode = (0, vue.computed)(() => {
 				const { label, name } = props.groupInfo;
-				if (typeof label === "function") return label(name, { groupInfo: props.groupInfo });
-				return label || name;
+				const originNode = typeof label === "function" ? label(name, { groupInfo: props.groupInfo }) : label || name;
+				const renderInfo = {
+					group: name,
+					groupInfo: props.groupInfo,
+					originNode
+				};
+				if (props.groupLabelRenderSlot) return props.groupLabelRenderSlot(renderInfo);
+				if (props.groupLabelRender !== void 0) return typeof props.groupLabelRender === "function" ? props.groupLabelRender(name, renderInfo) : props.groupLabelRender;
+				return originNode;
 			});
 			return () => (0, vue.createVNode)("li", { "class": props.classes }, [(0, vue.createVNode)("div", {
 				"class": [`${props.prefixCls}-group-title`, { [`${props.prefixCls}-group-title-collapsible`]: mergeCollapsible.value }],
 				"onClick": () => {
 					if (mergeCollapsible.value) props.onItemExpand?.(props.groupInfo.name);
 				}
-			}, [labelNode.value && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-group-label` }, [labelNode.value]), mergeCollapsible.value && (0, vue.createVNode)("div", { "class": [`${props.prefixCls}-group-collapse-trigger`, `${props.prefixCls}-group-collapse-trigger-${groupOpen.value ? "open" : "close"}`] }, [(0, vue.createVNode)(_antdv_next_icons.RightOutlined, null, null)])]), (0, vue.createVNode)(vue.Transition, props.collapseTransition ?? {}, { default: () => [mergeCollapsible.value ? groupOpen.value ? (0, vue.createVNode)("div", null, [slots.default?.()]) : null : (0, vue.createVNode)("div", null, [slots.default?.()])] })]);
+			}, [hasRenderableNode(labelNode.value) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-group-label` }, [labelNode.value]), mergeCollapsible.value && (0, vue.createVNode)("div", { "class": [`${props.prefixCls}-group-collapse-trigger`, `${props.prefixCls}-group-collapse-trigger-${groupOpen.value ? "open" : "close"}`] }, [(0, vue.createVNode)(_antdv_next_icons.RightOutlined, null, null)])]), (0, vue.createVNode)(vue.Transition, props.collapseTransition ?? {}, { default: () => [mergeCollapsible.value ? groupOpen.value ? (0, vue.createVNode)("div", null, [slots.default?.()]) : null : (0, vue.createVNode)("div", null, [slots.default?.()])] })]);
 		}
 	});
 	//#endregion
@@ -5585,10 +5706,6 @@
 	var stopPropagation = (event) => {
 		event.stopPropagation();
 	};
-	var hasRenderableNode$6 = (node) => {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	};
 	var renderWithPriority = (render, slotRender, info) => {
 		if (slotRender) return slotRender(info);
 		if (render !== void 0) return typeof render === "function" ? render(info.item, info) : render;
@@ -5719,7 +5836,7 @@
 						if (!disabled) props.onClick?.(props.info.key, props.info);
 					}
 				}, [
-					hasRenderableNode$6(iconNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-icon` }, [iconNode]),
+					hasRenderableNode(iconNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-icon` }, [iconNode]),
 					(0, vue.createVNode)(antdv_next.Typography.Text, { "class": `${props.prefixCls}-label` }, _isSlot$2(labelNode) ? labelNode : { default: () => [labelNode] }),
 					!disabled && props.menu && (0, vue.createVNode)("div", { "onClick": stopPropagation }, [(0, vue.createVNode)(antdv_next.Dropdown, {
 						"menu": menuProps.value,
@@ -5901,7 +6018,7 @@
 		return tagName === "input" || tagName === "textarea" || tagName === "select";
 	}
 	var ConversationsWithSub = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XConversations",
+		name: "AxConversations",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -5940,6 +6057,16 @@
 				],
 				default: void 0
 			},
+			groupLabelRender: {
+				type: [
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
 			menu: {
 				type: [Object, Function],
 				default: void 0
@@ -6111,6 +6238,8 @@
 						"key": groupInfo.name || `key-${groupIndex}`,
 						"prefixCls": props.prefixCls,
 						"groupInfo": groupInfo,
+						"groupLabelRender": props.groupLabelRender,
+						"groupLabelRenderSlot": slots.groupLabelRender,
 						"classes": [contextConfig.value.classes?.group, props.classes?.group],
 						"enableCollapse": enableCollapse.value,
 						"expandedKeys": mergedExpandedKeys.value,
@@ -6138,6 +6267,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 +6405,7 @@
 	//#endregion
 	//#region components/mermaid/index.tsx
 	var mermaid_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XMermaid",
+		name: "AxMermaid",
 		inheritAttrs: false,
 		props: {
 			content: {
@@ -6357,6 +6518,26 @@
 				const { class: _class, style: _style, ...rest } = attrs;
 				return rest;
 			});
+			const getNamedSlot = (name) => slots[name] ?? slots[name.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`)];
+			const resolvedCustomActions = (0, vue.computed)(() => mergedActions.value.customActions.map((item, index) => {
+				const iconSlotInfo = {
+					item,
+					index,
+					originNode: item.icon
+				};
+				const iconFromSlot = getNamedSlot("customActionIconRender")?.(iconSlotInfo);
+				const actionSlotInfo = {
+					item,
+					index,
+					originNode: item.actionRender !== void 0 ? typeof item.actionRender === "function" ? item.actionRender(item) : item.actionRender : void 0
+				};
+				const actionFromSlot = getNamedSlot("customActionRender")?.(actionSlotInfo);
+				return {
+					...item,
+					icon: iconFromSlot !== void 0 && !isEmptyNode(iconFromSlot) ? iconFromSlot : item.icon,
+					actionRender: actionFromSlot !== void 0 && !isEmptyNode(actionFromSlot) ? actionFromSlot : item.actionRender
+				};
+			}));
 			function applySvgTransform() {
 				if (mergedRenderType.value !== RenderType.Image) return;
 				const svgEl = graphRef.value?.querySelector("svg");
@@ -6375,8 +6556,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) {
@@ -6484,7 +6665,7 @@
 					key: "copy",
 					actionRender: () => (0, vue.createVNode)(ActionsWithSub.Copy, { "text": props.content }, null)
 				});
-				return [...items, ...mergedActions.value.customActions];
+				return [...items, ...resolvedCustomActions.value];
 			});
 			function renderHeader() {
 				if (props.header === null) return null;
@@ -6509,7 +6690,7 @@
 				if (next !== void 0) internalRenderType.value = next;
 			});
 			(0, vue.watch)(() => props.config, (nextConfig) => {
-				mermaid.default.initialize({
+				initializeMermaid({
 					startOnLoad: false,
 					securityLevel: "strict",
 					theme: "default",
@@ -6824,14 +7005,10 @@
 		delete domAttrs.children;
 		return domAttrs;
 	}
-	function hasRenderableNode$5(node) {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	}
 	//#endregion
 	//#region components/prompts/index.tsx
 	var prompts_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XPrompts",
+		name: "AxPrompts",
 		inheritAttrs: false,
 		props: {
 			items: {
@@ -6951,8 +7128,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,13 +7176,13 @@
 							}
 						],
 						"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-						"onClick": () => triggerItemClick(item, itemHasChildren)
-					}), [hasRenderableNode$5(iconNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), (0, vue.createVNode)("div", {
+						"onClick": () => triggerItemClick(item, nested)
+					}), [hasRenderableNode(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
 					}, [
-						hasRenderableNode$5(labelNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-label` }, [labelNode]),
-						hasRenderableNode$5(descriptionNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-desc` }, [descriptionNode]),
+						hasRenderableNode(labelNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-label` }, [labelNode]),
+						hasRenderableNode(descriptionNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-desc` }, [descriptionNode]),
 						itemHasChildren && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-nested` }, [renderItems(item.children, true)])
 					])]);
 				})]);
@@ -7028,7 +7207,7 @@
 					attrs.style,
 					props.style
 				]
-			}), [hasRenderableNode$5(renderTitle()) && (0, vue.createVNode)("div", {
+			}), [hasRenderableNode(renderTitle()) && (0, vue.createVNode)("div", {
 				"class": [`${props.prefixCls}-title`, mergedClasses.value.title],
 				"style": mergedStyles.value.title
 			}, [renderTitle()]), renderItems(props.items)]);
@@ -8637,7 +8816,7 @@
 		SpeechButton: SpeechButton_default
 	};
 	var Sender_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSender",
+		name: "AxSender",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -8978,7 +9157,7 @@
 	//#endregion
 	//#region components/sender/SenderHeader.tsx
 	var SenderHeader_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSenderHeader",
+		name: "AxSenderHeader",
 		props: {
 			open: {
 				type: Boolean,
@@ -9082,7 +9261,7 @@
 	//#endregion
 	//#region components/sender/SenderSwitch.tsx
 	var SenderSwitch_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSenderSwitch",
+		name: "AxSenderSwitch",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -9226,10 +9405,6 @@
 	Sender.Switch = SenderSwitch_default;
 	//#endregion
 	//#region components/sources/components/CarouselCard.tsx
-	var hasRenderableNode$4 = (node) => {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	};
 	var CarouselCard = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "XSourcesCarouselCard",
 		props: {
@@ -9340,7 +9515,7 @@
 					"key": item.key ?? index,
 					"class": `${compCls}-item`,
 					"onClick": () => handleClick(item)
-				}, [(0, vue.createVNode)("div", { "class": `${compCls}-item-title-wrapper` }, [hasRenderableNode$4(iconNode) && (0, vue.createVNode)("span", { "class": `${compCls}-item-icon` }, [iconNode]), (0, vue.createVNode)("span", { "class": `${compCls}-item-title` }, [titleNode])]), hasRenderableNode$4(descriptionNode) && (0, vue.createVNode)("div", { "class": `${compCls}-item-description` }, [descriptionNode])]);
+				}, [(0, vue.createVNode)("div", { "class": `${compCls}-item-title-wrapper` }, [hasRenderableNode(iconNode) && (0, vue.createVNode)("span", { "class": `${compCls}-item-icon` }, [iconNode]), (0, vue.createVNode)("span", { "class": `${compCls}-item-title` }, [titleNode])]), hasRenderableNode(descriptionNode) && (0, vue.createVNode)("div", { "class": `${compCls}-item-description` }, [descriptionNode])]);
 			})())] })]);
 		}
 	});
@@ -9445,15 +9620,9 @@
 		return [genSourcesStyle(compToken), genCollapseMotion(compToken)];
 	}, prepareComponentToken$4);
 	//#endregion
-	//#region components/sources/Sources.tsx
-	var hasRenderableNode$3 = (node) => {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	};
-	//#endregion
 	//#region components/sources/index.tsx
 	var sources_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSources",
+		name: "AxSources",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -9603,9 +9772,9 @@
 						"target": "_blank",
 						"rel": "noopener noreferrer"
 					}, [
-						hasRenderableNode$3(iconNode) && (0, vue.createVNode)("span", { "class": `${props.prefixCls}-link-icon` }, [iconNode]),
+						hasRenderableNode(iconNode) && (0, vue.createVNode)("span", { "class": `${props.prefixCls}-link-icon` }, [iconNode]),
 						(0, vue.createVNode)("span", { "class": `${props.prefixCls}-link-title` }, [titleNode]),
-						hasRenderableNode$3(descriptionNode) && (0, vue.createVNode)("span", { "class": `${props.prefixCls}-link-description` }, [descriptionNode])
+						hasRenderableNode(descriptionNode) && (0, vue.createVNode)("span", { "class": `${props.prefixCls}-link-description` }, [descriptionNode])
 					])]);
 				})]) : slots.default?.();
 				return (0, vue.createVNode)("div", (0, vue.mergeProps)({ "ref": rootRef }, domAttrs.value, {
@@ -9753,15 +9922,9 @@
 		return [activePaths, onKeyDown];
 	}
 	//#endregion
-	//#region components/suggestion/Suggestion.tsx
-	var hasRenderableNode$2 = (node) => {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	};
-	//#endregion
 	//#region components/suggestion/index.tsx
 	var suggestion_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XSuggestion",
+		name: "AxSuggestion",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -9915,9 +10078,9 @@
 							originNode: item.extra
 						});
 						return (0, vue.createVNode)(antdv_next.Flex, { "class": `${prefixCls.value}-item` }, { default: () => [
-							hasRenderableNode$2(iconNode) && (0, vue.createVNode)("div", { "class": `${prefixCls.value}-item-icon` }, [iconNode]),
+							hasRenderableNode(iconNode) && (0, vue.createVNode)("div", { "class": `${prefixCls.value}-item-icon` }, [iconNode]),
 							labelNode,
-							hasRenderableNode$2(extraNode) && (0, vue.createVNode)("div", { "class": `${prefixCls.value}-item-extra` }, [extraNode])
+							hasRenderableNode(extraNode) && (0, vue.createVNode)("div", { "class": `${prefixCls.value}-item-extra` }, [extraNode])
 						] });
 					},
 					"classes": { popup: { root: popupRootClass.value } },
@@ -10039,7 +10202,7 @@
 	//#endregion
 	//#region components/think/index.tsx
 	var think_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThink",
+		name: "AxThink",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -10444,12 +10607,8 @@
 	}, prepareComponentToken$1);
 	//#endregion
 	//#region components/thought-chain/Item.tsx
-	function hasRenderableNode$1(node) {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	}
 	var XThoughtChainItem = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThoughtChainItem",
+		name: "AxThoughtChainItem",
 		props: {
 			prefixCls: {
 				type: String,
@@ -10527,16 +10686,16 @@
 			return () => {
 				const cls = itemPrefixCls.value;
 				const statusCls = `${props.prefixCls}-status`;
-				const iconRenderSlot = slots.iconRender ?? slots["icon-render"];
+				const iconSlot = slots.icon;
 				const originIconNode = props.status ? STATUS_ICON_MAP[props.status] : props.icon;
-				const iconNode = iconRenderSlot ? iconRenderSlot({
+				const iconNode = iconSlot ? iconSlot({
 					originNode: originIconNode,
 					status: props.status
 				}) : originIconNode;
 				const titleNode = slots.title ? slots.title({ originNode: props.title }) : props.title;
 				const descriptionNode = slots.description ? slots.description({ originNode: props.description }) : props.description;
-				const hasTitle = hasRenderableNode$1(titleNode);
-				const hasDescription = hasRenderableNode$1(descriptionNode);
+				const hasTitle = hasRenderableNode(titleNode);
+				const hasDescription = hasRenderableNode(descriptionNode);
 				return (0, vue.createVNode)("div", {
 					"ref": rootRef,
 					"class": [
@@ -10556,7 +10715,7 @@
 					],
 					"style": props.styles?.root,
 					"onClick": handleClick
-				}, [hasRenderableNode$1(iconNode) && (0, vue.createVNode)("div", {
+				}, [hasRenderableNode(iconNode) && (0, vue.createVNode)("div", {
 					"style": props.styles?.icon,
 					"class": [
 						statusCls,
@@ -10579,10 +10738,6 @@
 	});
 	//#endregion
 	//#region components/thought-chain/Node.tsx
-	function hasRenderableNode(node) {
-		if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-		return node !== null && node !== void 0 && node !== false;
-	}
 	var Node_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ThoughtChainNode",
 		props: {
@@ -10779,7 +10934,7 @@
 	//#endregion
 	//#region components/thought-chain/index.tsx
 	var ThoughtChainWithSub = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XThoughtChain",
+		name: "AxThoughtChain",
 		inheritAttrs: false,
 		props: {
 			prefixCls: {
@@ -10997,7 +11152,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 +11317,7 @@
 	//#endregion
 	//#region components/x-provider/index.tsx
 	var XProvider = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: "XProvider",
+		name: "AxProvider",
 		inheritAttrs: false,
 		props: {
 			attachments: {
@@ -11267,36 +11422,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