@antdv-next/x 0.1.0 → 0.3.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";
@@ -13,7 +13,7 @@ import lightTheme from "shiki/dist/themes/vitesse-light.mjs";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 import { KeyCode, classNames } from "@v-c/util";
 //#region package.json
-var version = "0.1.0";
+var version = "0.3.0";
 //#endregion
 //#region components/x-provider/context.ts
 var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -39,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) {
@@ -618,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,
@@ -909,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"
 			})];
@@ -1271,7 +1285,7 @@ var File = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		iconRenderSlot: {
+		iconSlot: {
 			type: Function,
 			default: void 0
 		}
@@ -1332,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
@@ -2139,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);
@@ -2349,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
@@ -2674,6 +2688,10 @@ var PlaceholderUploader = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: true
 		},
+		type: {
+			type: String,
+			required: true
+		},
 		placeholder: {
 			type: [
 				String,
@@ -2721,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;
 		};
@@ -2731,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,
@@ -2968,10 +3008,6 @@ var XAttachments = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		onChange: {
-			type: Function,
-			default: void 0
-		},
 		onRemove: {
 			type: Function,
 			default: void 0
@@ -3013,7 +3049,6 @@ var XAttachments = /* @__PURE__ */ defineComponent({
 		});
 		const triggerChange = (info) => {
 			fileList.value = info.fileList;
-			props.onChange?.(info);
 			emit("change", info);
 		};
 		const onUploadChange = (info) => {
@@ -3078,12 +3113,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;
@@ -3818,10 +3859,6 @@ 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: "AxBubble",
 	inheritAttrs: false,
@@ -3985,12 +4022,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;
 		});
@@ -4081,12 +4118,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);
@@ -4226,7 +4263,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
@@ -4661,10 +4698,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);
@@ -4732,7 +4769,8 @@ async function getHighlighter() {
 }
 async function loadLang(lang) {
 	const loader = LANG_LOADERS[lang];
-	if (!loader || loadedLangs.has(lang)) return false;
+	if (!loader) return false;
+	if (loadedLangs.has(lang)) return true;
 	const instance = await getHighlighter();
 	const mod = await loader();
 	await instance.loadLanguage(mod.default);
@@ -5479,6 +5517,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,
@@ -5514,15 +5566,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
@@ -5607,10 +5666,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;
@@ -5741,7 +5796,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,
@@ -5962,6 +6017,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
@@ -6133,6 +6198,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,
@@ -6411,6 +6478,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");
@@ -6538,7 +6625,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;
@@ -6878,10 +6965,6 @@ 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({
@@ -6901,10 +6984,6 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 			],
 			default: void 0
 		},
-		onItemClick: {
-			type: Function,
-			default: void 0
-		},
 		vertical: {
 			type: Boolean,
 			default: false
@@ -7006,9 +7085,7 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 		});
 		const triggerItemClick = (item, nested) => {
 			if (item.disabled || !nested && hasChildren(item)) return;
-			const info = { data: item };
-			props.onItemClick?.(info);
-			emit("itemClick", info);
+			emit("itemClick", { data: item });
 		};
 		const renderTitle = () => {
 			if (slots.title) return slots.title({ originNode: props.title });
@@ -7054,12 +7131,12 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 					],
 					"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
 					"onClick": () => triggerItemClick(item, nested)
-				}), [hasRenderableNode$5(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), createVNode("div", {
+				}), [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)])
 				])]);
 			})]);
@@ -7084,7 +7161,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)]);
@@ -9282,10 +9359,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: {
@@ -9396,7 +9469,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])]);
 		})())] })]);
 	}
 });
@@ -9501,12 +9574,6 @@ 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: "AxSources",
@@ -9583,10 +9650,6 @@ var sources_default = /* @__PURE__ */ defineComponent({
 		defaultExpanded: {
 			type: Boolean,
 			default: void 0
-		},
-		onExpand: {
-			type: Function,
-			default: void 0
 		}
 	},
 	emits: ["expand"],
@@ -9609,7 +9672,6 @@ var sources_default = /* @__PURE__ */ defineComponent({
 		const toggleExpand = () => {
 			const newExpand = !isExpand.value;
 			if (props.expanded === void 0) innerExpanded.value = newExpand;
-			props.onExpand?.(newExpand);
 			emit("expand", newExpand);
 		};
 		const domAttrs = computed(() => {
@@ -9659,9 +9721,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, {
@@ -9809,12 +9871,6 @@ 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: "AxSuggestion",
@@ -9856,14 +9912,6 @@ var suggestion_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		onOpenChange: {
-			type: Function,
-			default: void 0
-		},
-		onSelect: {
-			type: Function,
-			default: void 0
-		},
 		items: {
 			type: [Array, Function],
 			default: () => []
@@ -9906,7 +9954,6 @@ var suggestion_default = /* @__PURE__ */ defineComponent({
 		}, { immediate: true });
 		const triggerOpen = (nextOpen) => {
 			if (props.open === void 0) innerOpen.value = nextOpen;
-			props.onOpenChange?.(nextOpen);
 			emit("openChange", nextOpen);
 		};
 		const onClose = () => {
@@ -9924,11 +9971,7 @@ var suggestion_default = /* @__PURE__ */ defineComponent({
 			const path = Array.isArray(valuePath) ? valuePath : [];
 			const lastValue = path[path.length - 1];
 			const selected = selectedOptions ?? [];
-			if (lastValue !== void 0) {
-				const selectedValue = String(lastValue);
-				props.onSelect?.(selectedValue, selected);
-				emit("select", selectedValue, selected);
-			}
+			if (lastValue !== void 0) emit("select", String(lastValue), selected);
 			triggerOpen(false);
 		};
 		const [activePath, onKeyDown] = useActive(itemList, mergedOpen, isRtl, onClose);
@@ -9971,9 +10014,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 } },
@@ -10500,10 +10543,6 @@ 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: "AxThoughtChainItem",
 	props: {
@@ -10583,16 +10622,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": [
@@ -10612,7 +10651,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,
@@ -10635,10 +10674,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: {