@antdv-next/x 0.0.4 → 0.2.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createTextVNode, createVNode, defineComponent, inject, isVNode, mergeProps, nextTick, onBeforeUnmount, onMounted, provide, ref, render, shallowRef, toRefs, unref, useAttrs, useSlots, vShow, watch, withDirectives } from "vue";
+import { Comment, Fragment, Teleport, Transition, TransitionGroup, computed, createTextVNode, createVNode, defineComponent, inject, isVNode, mergeProps, nextTick, onBeforeUnmount, onMounted, provide, ref, render, shallowRef, toRefs, unref, useAttrs, useSlots, vShow, watch, withDirectives } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Button, Carousel, Cascader, ConfigProvider, Divider, Dropdown, Flex, Image as Image$1, Input, Popover, Progress, Segmented, Skeleton, Spin, TextArea, Tooltip, Typography, Upload, theme } from "antdv-next";
 import Icon, { ArrowUpOutlined, AudioMutedOutlined, AudioOutlined, CheckCircleOutlined, CheckOutlined, ClearOutlined, CloseCircleFilled, CloseCircleOutlined, CloseOutlined, CopyOutlined, DislikeFilled, DislikeOutlined, DownloadOutlined, EllipsisOutlined, FileExcelFilled, FileImageFilled, FileMarkdownFilled, FilePdfFilled, FilePptFilled, FileTextFilled, FileWordFilled, FileZipFilled, JavaOutlined, JavaScriptOutlined, LeftOutlined, LikeFilled, LikeOutlined, LoadingOutlined, MinusCircleOutlined, MoonOutlined, MutedOutlined, PlusOutlined, PythonOutlined, RightOutlined, SoundOutlined, SunOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
@@ -7,10 +7,13 @@ import { genStyleUtils, mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
 import { FastColor } from "@ant-design/fast-color";
 import useAntdToken from "antdv-next/dist/theme/useToken";
 import { useResizeObserver } from "@vueuse/core";
+import { createHighlighterCore } from "shiki/core";
+import darkTheme from "shiki/dist/themes/vitesse-dark.mjs";
+import lightTheme from "shiki/dist/themes/vitesse-light.mjs";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 import { KeyCode, classNames } from "@v-c/util";
-import mermaid from "mermaid";
 //#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");
@@ -36,6 +39,20 @@ function useXComponentConfig(component) {
 	});
 }
 //#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 (isVNode(node)) {
+		if (node.type === Comment) return true;
+		if (node.type === 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) {
@@ -505,7 +522,7 @@ function getMotionTransitionProps(motionName) {
 	};
 }
 var XActions = /* @__PURE__ */ defineComponent({
-	name: "XActions",
+	name: "AxActions",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -615,8 +632,8 @@ var XActions = /* @__PURE__ */ defineComponent({
 			});
 			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 createVNode(Item, {
 				"key": item.key ?? idx,
@@ -663,7 +680,7 @@ var ACTIONS_ITEM_STATUS = /* @__PURE__ */ function(ACTIONS_ITEM_STATUS) {
 	return ACTIONS_ITEM_STATUS;
 }({});
 var XActionsItem = /* @__PURE__ */ defineComponent({
-	name: "XActionsItem",
+	name: "AxActionsItem",
 	inheritAttrs: false,
 	props: {
 		status: {
@@ -773,7 +790,7 @@ var XActionsItem = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/actions/ActionsAudio.tsx
 var XActionsAudio = /* @__PURE__ */ defineComponent({
-	name: "XActionsAudio",
+	name: "AxActionsAudio",
 	props: {
 		status: {
 			type: String,
@@ -847,7 +864,7 @@ var normalizeCopyIcons = (icon) => {
 	return [icon, icon];
 };
 var XActionsCopy = /* @__PURE__ */ defineComponent({
-	name: "XActionsCopy",
+	name: "AxActionsCopy",
 	inheritAttrs: false,
 	props: {
 		text: {
@@ -906,14 +923,14 @@ var XActionsCopy = /* @__PURE__ */ defineComponent({
 			const { class: _class, style: _style, ...rest } = attrs;
 			return rest;
 		});
-		const iconRenderSlot = computed(() => slots.iconRender ?? slots["icon-render"]);
+		const iconSlot = computed(() => slots.icon);
 		const mergedCopyIcons = 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"
 			})];
@@ -952,7 +969,7 @@ var FEEDBACK_VALUE = /* @__PURE__ */ function(FEEDBACK_VALUE) {
 	return FEEDBACK_VALUE;
 }(FEEDBACK_VALUE || {});
 var XActionsFeedback = /* @__PURE__ */ defineComponent({
-	name: "XActionsFeedback",
+	name: "AxActionsFeedback",
 	inheritAttrs: false,
 	props: {
 		value: {
@@ -1268,7 +1285,7 @@ var File = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		iconRenderSlot: {
+		iconSlot: {
 			type: Function,
 			default: void 0
 		}
@@ -1329,7 +1346,7 @@ var File = /* @__PURE__ */ defineComponent({
 					color: props.iconColor,
 					...props.styles.icon
 				}
-			}, [renderWithSlot(props.iconRenderSlot, iconNode.value)]),
+			}, [renderWithSlot(props.iconSlot, iconNode.value)]),
 			createVNode("div", { "class": `${compCls.value}-content` }, [createVNode("div", {
 				"class": [`${compCls.value}-name`, props.classes.name],
 				"style": props.styles.name
@@ -1930,7 +1947,7 @@ var DEFAULT_ICON = {
 	key: "default"
 };
 var XFileCard = /* @__PURE__ */ defineComponent({
-	name: "XFileCard",
+	name: "AxFileCard",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -2136,7 +2153,7 @@ var XFileCard = /* @__PURE__ */ defineComponent({
 				"mask": props.mask,
 				"descriptionRenderSlot": slots.description,
 				"maskRenderSlot": slots.mask,
-				"iconRenderSlot": slots.iconRender,
+				"iconSlot": slots.icon,
 				"classes": mergedClasses.value,
 				"styles": mergedStyles.value
 			}, null);
@@ -2169,7 +2186,7 @@ function _isSlot$6(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XFileCardList = /* @__PURE__ */ defineComponent({
-	name: "XFileCardList",
+	name: "AxFileCardList",
 	props: {
 		prefixCls: {
 			type: String,
@@ -2346,7 +2363,7 @@ var XFileCardList = /* @__PURE__ */ defineComponent({
 							item: fileItem,
 							index: itemIndex
 						}) : void 0,
-						iconRender: slots.iconRender ? (slotInfo) => slots.iconRender?.({
+						icon: slots.iconRender ? (slotInfo) => slots.iconRender?.({
 							...slotInfo,
 							item: fileItem,
 							index: itemIndex
@@ -2671,6 +2688,10 @@ var PlaceholderUploader = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: true
 		},
+		type: {
+			type: String,
+			required: true
+		},
 		placeholder: {
 			type: [
 				String,
@@ -2718,6 +2739,28 @@ var PlaceholderUploader = /* @__PURE__ */ defineComponent({
 			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 createVNode("div", { "class": `${placeholderCls.value}-inner` }, [
+				createVNode("span", { "class": `${placeholderCls.value}-icon` }, [iconNode]),
+				createVNode("span", { "class": `${placeholderCls.value}-title` }, [titleNode]),
+				createVNode("span", { "class": `${placeholderCls.value}-description` }, [descriptionNode])
+			]);
+		};
 		const onDragEnter = () => {
 			dragIn.value = true;
 		};
@@ -2728,11 +2771,11 @@ var PlaceholderUploader = /* @__PURE__ */ defineComponent({
 			dragIn.value = false;
 		};
 		return () => {
-			const node = isConfig.value ? createVNode("div", { "class": `${placeholderCls.value}-inner` }, [
-				createVNode("span", { "class": `${placeholderCls.value}-icon` }, [placeholderConfig.value.icon]),
-				createVNode("span", { "class": `${placeholderCls.value}-title` }, [placeholderConfig.value.title]),
-				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 createVNode("div", {
 				"class": [
 					placeholderCls.value,
@@ -2876,7 +2919,7 @@ function _isSlot$4(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XAttachments = /* @__PURE__ */ defineComponent({
-	name: "XAttachments",
+	name: "AxAttachments",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -3075,12 +3118,18 @@ var XAttachments = /* @__PURE__ */ defineComponent({
 		const getPlaceholderNode = (type, options) => {
 			const placeholderContent = typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder;
 			return 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;
@@ -3815,12 +3864,8 @@ function renderBubbleSlot(slot, content, info) {
 	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__ */ defineComponent({
-	name: "XBubble",
+	name: "AxBubble",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -3982,12 +4027,12 @@ var XBubble = /* @__PURE__ */ defineComponent({
 			return rest;
 		});
 		const memoedContent = 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;
 		});
@@ -4078,12 +4123,12 @@ var XBubble = /* @__PURE__ */ defineComponent({
 		};
 		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 createVNode(loading_default, { "prefixCls": props.prefixCls }, null);
@@ -4161,7 +4206,7 @@ function _isSlot$3(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XBubbleDivider = /* @__PURE__ */ defineComponent({
-	name: "XBubbleDivider",
+	name: "AxBubbleDivider",
 	props: {
 		prefixCls: {
 			type: String,
@@ -4223,7 +4268,7 @@ var XBubbleDivider = /* @__PURE__ */ defineComponent({
 			"class": [`${props.prefixCls}-divider`, props.class],
 			"styles": props.styles,
 			"classes": props.classes
-		}), { contentRender: ({ content }) => createVNode(Divider, props.dividerProps, _isSlot$3(content) ? content : { default: () => [content] }) });
+		}), { content: ({ content }) => createVNode(Divider, props.dividerProps, _isSlot$3(content) ? content : { default: () => [content] }) });
 	}
 });
 //#endregion
@@ -4351,7 +4396,7 @@ function useCompatibleScroll(scrollDomRef, contentDomRef) {
 //#endregion
 //#region components/bubble/System.tsx
 var XBubbleSystem = /* @__PURE__ */ defineComponent({
-	name: "XBubbleSystem",
+	name: "AxBubbleSystem",
 	props: {
 		prefixCls: {
 			type: String,
@@ -4440,7 +4485,7 @@ var bubbleSlotNames = [
 	"extra"
 ];
 var XBubbleList = /* @__PURE__ */ defineComponent({
-	name: "XBubbleList",
+	name: "AxBubbleList",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -4658,10 +4703,10 @@ var XBubbleList = /* @__PURE__ */ defineComponent({
 					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);
@@ -4678,6 +4723,74 @@ BubbleWithSub.List = XBubbleList;
 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 = createHighlighterCore({
+		themes: [lightTheme, darkTheme],
+		langs: [],
+		engine: 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;
@@ -4788,21 +4901,9 @@ var style_default$9 = genStyleHooks("CodeHighlighter", (token) => {
 	return [genCodeHighlighterStyle(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__ */ defineComponent({
-	name: "XCodeHighlighter",
+	name: "AxCodeHighlighter",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -4883,9 +4984,7 @@ var code_highlighter_default = /* @__PURE__ */ defineComponent({
 		const highlightedHtml = 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"
 				});
@@ -5328,7 +5427,7 @@ function useCreation({ icon, label, align, shortcutKeyInfo, prefixCls }) {
 //#endregion
 //#region components/conversations/Creation.tsx
 var Creation = /* @__PURE__ */ defineComponent({
-	name: "XConversationsCreation",
+	name: "AxConversationsCreation",
 	props: {
 		label: {
 			type: [
@@ -5423,6 +5522,20 @@ var GroupTitle = /* @__PURE__ */ defineComponent({
 			type: Object,
 			required: true
 		},
+		groupLabelRender: {
+			type: [
+				String,
+				Number,
+				Object,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		groupLabelRenderSlot: {
+			type: Function,
+			default: void 0
+		},
 		classes: {
 			type: [
 				String,
@@ -5458,15 +5571,22 @@ var GroupTitle = /* @__PURE__ */ defineComponent({
 		});
 		const labelNode = 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 () => createVNode("li", { "class": props.classes }, [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 && createVNode("div", { "class": `${props.prefixCls}-group-label` }, [labelNode.value]), mergeCollapsible.value && createVNode("div", { "class": [`${props.prefixCls}-group-collapse-trigger`, `${props.prefixCls}-group-collapse-trigger-${groupOpen.value ? "open" : "close"}`] }, [createVNode(RightOutlined, null, null)])]), createVNode(Transition, props.collapseTransition ?? {}, { default: () => [mergeCollapsible.value ? groupOpen.value ? createVNode("div", null, [slots.default?.()]) : null : createVNode("div", null, [slots.default?.()])] })]);
+		}, [hasRenderableNode(labelNode.value) && createVNode("div", { "class": `${props.prefixCls}-group-label` }, [labelNode.value]), mergeCollapsible.value && createVNode("div", { "class": [`${props.prefixCls}-group-collapse-trigger`, `${props.prefixCls}-group-collapse-trigger-${groupOpen.value ? "open" : "close"}`] }, [createVNode(RightOutlined, null, null)])]), createVNode(Transition, props.collapseTransition ?? {}, { default: () => [mergeCollapsible.value ? groupOpen.value ? createVNode("div", null, [slots.default?.()]) : null : createVNode("div", null, [slots.default?.()])] })]);
 	}
 });
 //#endregion
@@ -5551,10 +5671,6 @@ function _isSlot$2(s) {
 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;
@@ -5685,7 +5801,7 @@ var ConversationsItem = /* @__PURE__ */ defineComponent({
 					if (!disabled) props.onClick?.(props.info.key, props.info);
 				}
 			}, [
-				hasRenderableNode$6(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]),
+				hasRenderableNode(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]),
 				createVNode(Typography.Text, { "class": `${props.prefixCls}-label` }, _isSlot$2(labelNode) ? labelNode : { default: () => [labelNode] }),
 				!disabled && props.menu && createVNode("div", { "onClick": stopPropagation }, [createVNode(Dropdown, {
 					"menu": menuProps.value,
@@ -5867,7 +5983,7 @@ function isTypingTarget(target) {
 	return tagName === "input" || tagName === "textarea" || tagName === "select";
 }
 var ConversationsWithSub = /* @__PURE__ */ defineComponent({
-	name: "XConversations",
+	name: "AxConversations",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -5906,6 +6022,16 @@ var ConversationsWithSub = /* @__PURE__ */ defineComponent({
 			],
 			default: void 0
 		},
+		groupLabelRender: {
+			type: [
+				String,
+				Number,
+				Object,
+				Array,
+				Function
+			],
+			default: void 0
+		},
 		menu: {
 			type: [Object, Function],
 			default: void 0
@@ -6077,6 +6203,8 @@ var ConversationsWithSub = /* @__PURE__ */ defineComponent({
 					"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,
@@ -6104,6 +6232,38 @@ var warning = (valid, component, message) => {
 	}
 };
 //#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;
@@ -6210,7 +6370,7 @@ function throttle(fn, wait) {
 //#endregion
 //#region components/mermaid/index.tsx
 var mermaid_default = /* @__PURE__ */ defineComponent({
-	name: "XMermaid",
+	name: "AxMermaid",
 	inheritAttrs: false,
 	props: {
 		content: {
@@ -6323,6 +6483,26 @@ var mermaid_default = /* @__PURE__ */ defineComponent({
 			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 = 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");
@@ -6341,8 +6521,8 @@ var mermaid_default = /* @__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) {
@@ -6450,7 +6630,7 @@ var mermaid_default = /* @__PURE__ */ defineComponent({
 				key: "copy",
 				actionRender: () => createVNode(ActionsWithSub.Copy, { "text": props.content }, null)
 			});
-			return [...items, ...mergedActions.value.customActions];
+			return [...items, ...resolvedCustomActions.value];
 		});
 		function renderHeader() {
 			if (props.header === null) return null;
@@ -6475,7 +6655,7 @@ var mermaid_default = /* @__PURE__ */ defineComponent({
 			if (next !== void 0) internalRenderType.value = next;
 		});
 		watch(() => props.config, (nextConfig) => {
-			mermaid.initialize({
+			initializeMermaid({
 				startOnLoad: false,
 				securityLevel: "strict",
 				theme: "default",
@@ -6790,14 +6970,10 @@ function getItemDomAttrs(item) {
 	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__ */ defineComponent({
-	name: "XPrompts",
+	name: "AxPrompts",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -6917,8 +7093,10 @@ var prompts_default = /* @__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 });
@@ -6963,13 +7141,13 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 						}
 					],
 					"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-					"onClick": () => triggerItemClick(item, itemHasChildren)
-				}), [hasRenderableNode$5(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), createVNode("div", {
+					"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
 				}, [
-					hasRenderableNode$5(labelNode) && createVNode("div", { "class": `${props.prefixCls}-label` }, [labelNode]),
-					hasRenderableNode$5(descriptionNode) && createVNode("div", { "class": `${props.prefixCls}-desc` }, [descriptionNode]),
+					hasRenderableNode(labelNode) && createVNode("div", { "class": `${props.prefixCls}-label` }, [labelNode]),
+					hasRenderableNode(descriptionNode) && createVNode("div", { "class": `${props.prefixCls}-desc` }, [descriptionNode]),
 					itemHasChildren && createVNode("div", { "class": `${props.prefixCls}-nested` }, [renderItems(item.children, true)])
 				])]);
 			})]);
@@ -6994,7 +7172,7 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 				attrs.style,
 				props.style
 			]
-		}), [hasRenderableNode$5(renderTitle()) && createVNode("div", {
+		}), [hasRenderableNode(renderTitle()) && createVNode("div", {
 			"class": [`${props.prefixCls}-title`, mergedClasses.value.title],
 			"style": mergedStyles.value.title
 		}, [renderTitle()]), renderItems(props.items)]);
@@ -8603,7 +8781,7 @@ var sharedRenderComponents = {
 	SpeechButton: SpeechButton_default
 };
 var Sender_default = /* @__PURE__ */ defineComponent({
-	name: "XSender",
+	name: "AxSender",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -8944,7 +9122,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/sender/SenderHeader.tsx
 var SenderHeader_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderHeader",
+	name: "AxSenderHeader",
 	props: {
 		open: {
 			type: Boolean,
@@ -9048,7 +9226,7 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/sender/SenderSwitch.tsx
 var SenderSwitch_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderSwitch",
+	name: "AxSenderSwitch",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -9192,10 +9370,6 @@ Sender.Header = SenderHeader_default;
 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__ */ defineComponent({
 	name: "XSourcesCarouselCard",
 	props: {
@@ -9306,7 +9480,7 @@ var CarouselCard = /* @__PURE__ */ defineComponent({
 				"key": item.key ?? index,
 				"class": `${compCls}-item`,
 				"onClick": () => handleClick(item)
-			}, [createVNode("div", { "class": `${compCls}-item-title-wrapper` }, [hasRenderableNode$4(iconNode) && createVNode("span", { "class": `${compCls}-item-icon` }, [iconNode]), createVNode("span", { "class": `${compCls}-item-title` }, [titleNode])]), hasRenderableNode$4(descriptionNode) && createVNode("div", { "class": `${compCls}-item-description` }, [descriptionNode])]);
+			}, [createVNode("div", { "class": `${compCls}-item-title-wrapper` }, [hasRenderableNode(iconNode) && createVNode("span", { "class": `${compCls}-item-icon` }, [iconNode]), createVNode("span", { "class": `${compCls}-item-title` }, [titleNode])]), hasRenderableNode(descriptionNode) && createVNode("div", { "class": `${compCls}-item-description` }, [descriptionNode])]);
 		})())] })]);
 	}
 });
@@ -9411,15 +9585,9 @@ var style_default$4 = genStyleHooks("Sources", (token) => {
 	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__ */ defineComponent({
-	name: "XSources",
+	name: "AxSources",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -9569,9 +9737,9 @@ var sources_default = /* @__PURE__ */ defineComponent({
 					"target": "_blank",
 					"rel": "noopener noreferrer"
 				}, [
-					hasRenderableNode$3(iconNode) && createVNode("span", { "class": `${props.prefixCls}-link-icon` }, [iconNode]),
+					hasRenderableNode(iconNode) && createVNode("span", { "class": `${props.prefixCls}-link-icon` }, [iconNode]),
 					createVNode("span", { "class": `${props.prefixCls}-link-title` }, [titleNode]),
-					hasRenderableNode$3(descriptionNode) && createVNode("span", { "class": `${props.prefixCls}-link-description` }, [descriptionNode])
+					hasRenderableNode(descriptionNode) && createVNode("span", { "class": `${props.prefixCls}-link-description` }, [descriptionNode])
 				])]);
 			})]) : slots.default?.();
 			return createVNode("div", mergeProps({ "ref": rootRef }, domAttrs.value, {
@@ -9719,15 +9887,9 @@ function useActive(items, open, rtl, onCancel) {
 	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__ */ defineComponent({
-	name: "XSuggestion",
+	name: "AxSuggestion",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -9881,9 +10043,9 @@ var suggestion_default = /* @__PURE__ */ defineComponent({
 						originNode: item.extra
 					});
 					return createVNode(Flex, { "class": `${prefixCls.value}-item` }, { default: () => [
-						hasRenderableNode$2(iconNode) && createVNode("div", { "class": `${prefixCls.value}-item-icon` }, [iconNode]),
+						hasRenderableNode(iconNode) && createVNode("div", { "class": `${prefixCls.value}-item-icon` }, [iconNode]),
 						labelNode,
-						hasRenderableNode$2(extraNode) && createVNode("div", { "class": `${prefixCls.value}-item-extra` }, [extraNode])
+						hasRenderableNode(extraNode) && createVNode("div", { "class": `${prefixCls.value}-item-extra` }, [extraNode])
 					] });
 				},
 				"classes": { popup: { root: popupRootClass.value } },
@@ -10005,7 +10167,7 @@ var style_default$2 = genStyleHooks("Think", (token) => {
 //#endregion
 //#region components/think/index.tsx
 var think_default = /* @__PURE__ */ defineComponent({
-	name: "XThink",
+	name: "AxThink",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -10410,12 +10572,8 @@ var style_default$1 = genStyleHooks("ThoughtChain", (token) => {
 }, 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__ */ defineComponent({
-	name: "XThoughtChainItem",
+	name: "AxThoughtChainItem",
 	props: {
 		prefixCls: {
 			type: String,
@@ -10493,16 +10651,16 @@ var XThoughtChainItem = /* @__PURE__ */ defineComponent({
 		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 createVNode("div", {
 				"ref": rootRef,
 				"class": [
@@ -10522,7 +10680,7 @@ var XThoughtChainItem = /* @__PURE__ */ defineComponent({
 				],
 				"style": props.styles?.root,
 				"onClick": handleClick
-			}, [hasRenderableNode$1(iconNode) && createVNode("div", {
+			}, [hasRenderableNode(iconNode) && createVNode("div", {
 				"style": props.styles?.icon,
 				"class": [
 					statusCls,
@@ -10545,10 +10703,6 @@ var XThoughtChainItem = /* @__PURE__ */ defineComponent({
 });
 //#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__ */ defineComponent({
 	name: "ThoughtChainNode",
 	props: {
@@ -10745,7 +10899,7 @@ var Node_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/thought-chain/index.tsx
 var ThoughtChainWithSub = /* @__PURE__ */ defineComponent({
-	name: "XThoughtChain",
+	name: "AxThoughtChain",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -10963,7 +11117,7 @@ function hasContent(value) {
 	return Array.isArray(value) ? value.length > 0 : value !== null && value !== void 0;
 }
 var XWelcome = /* @__PURE__ */ defineComponent({
-	name: "XWelcome",
+	name: "AxWelcome",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -11128,7 +11282,7 @@ var XWelcome = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/x-provider/index.tsx
 var XProvider = /* @__PURE__ */ defineComponent({
-	name: "XProvider",
+	name: "AxProvider",
 	inheritAttrs: false,
 	props: {
 		attachments: {
@@ -11233,36 +11387,11 @@ var components = [
 	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