@antdv-next/x 0.1.0 → 0.2.0

package/dist/index.umd.js

@@ -48,7 +48,7 @@
 	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.1.0";
+	var version = "0.2.0";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -74,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) {
@@ -653,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,
@@ -944,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"
 				})];
@@ -1306,7 +1320,7 @@
 				type: Function,
 				default: void 0
 			},
-			iconRenderSlot: {
+			iconSlot: {
 				type: Function,
 				default: void 0
 			}
@@ -1367,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
@@ -2174,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);
@@ -2384,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
@@ -2709,6 +2723,10 @@
 				type: String,
 				required: true
 			},
+			type: {
+				type: String,
+				required: true
+			},
 			placeholder: {
 				type: [
 					String,
@@ -2756,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;
 			};
@@ -2766,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,
@@ -3113,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;
@@ -3853,10 +3899,6 @@
 		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: "AxBubble",
 		inheritAttrs: false,
@@ -4020,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;
 			});
@@ -4116,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);
@@ -4261,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
@@ -4696,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);
@@ -4767,7 +4809,8 @@
 	}
 	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);
@@ -5514,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,
@@ -5549,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
@@ -5642,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;
@@ -5776,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,
@@ -5997,6 +6057,16 @@
 				],
 				default: void 0
 			},
+			groupLabelRender: {
+				type: [
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
 			menu: {
 				type: [Object, Function],
 				default: void 0
@@ -6168,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,
@@ -6446,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");
@@ -6573,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;
@@ -6913,10 +7005,6 @@
 		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)({
@@ -7089,12 +7177,12 @@
 						],
 						"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
 						"onClick": () => triggerItemClick(item, nested)
-					}), [hasRenderableNode$5(iconNode) && (0, vue.createVNode)("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), (0, vue.createVNode)("div", {
+					}), [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)])
 					])]);
 				})]);
@@ -7119,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)]);
@@ -9317,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: {
@@ -9431,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])]);
 			})())] })]);
 		}
 	});
@@ -9536,12 +9620,6 @@
 		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: "AxSources",
@@ -9694,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, {
@@ -9844,12 +9922,6 @@
 		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: "AxSuggestion",
@@ -10006,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 } },
@@ -10535,10 +10607,6 @@
 	}, 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: "AxThoughtChainItem",
 		props: {
@@ -10618,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": [
@@ -10647,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,
@@ -10670,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: {

package/dist/mermaid/Mermaid.d.ts

@@ -28,6 +28,11 @@ export interface MermaidProps extends Omit<HTMLAttributes, "content" | "class" |
 export interface MermaidRef {
     nativeElement: HTMLDivElement;
 }
+export interface MermaidCustomActionSlotInfo {
+    item: ItemType;
+    index: number;
+    originNode: VNodeChild;
+}
 declare enum RenderType {
     Code = "code",
     Image = "image"

package/dist/mermaid/Mermaid.js

@@ -1,4 +1,5 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { isEmptyNode } from "../_utils/vue.js";
 import warning from "../_utils/warning.js";
 import ActionsWithSub from "../actions/index.js";
 import localeValues from "../locale/en_US.js";
@@ -168,6 +169,26 @@ var XMermaid = /* @__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");
@@ -295,7 +316,7 @@ var XMermaid = /* @__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;

package/dist/mermaid/index.d.ts

@@ -1,3 +1,3 @@
 import { default as Mermaid } from './Mermaid';
-export type { MermaidActions, MermaidProps, MermaidRef, MermaidRenderType, MermaidSemanticType, } from './Mermaid';
+export type { MermaidActions, MermaidCustomActionSlotInfo, MermaidProps, MermaidRef, MermaidRenderType, MermaidSemanticType, } from './Mermaid';
 export default Mermaid;

package/dist/package.js

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

package/dist/prompts/Prompts.js

@@ -1,4 +1,5 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, onMounted, ref, useAttrs } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
@@ -19,10 +20,6 @@ function getItemDomAttrs(item) {
 	delete domAttrs.children;
 	return domAttrs;
 }
-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 XPrompts = /* @__PURE__ */ defineComponent({
 	name: "AxPrompts",
 	inheritAttrs: false,

package/dist/sources/Sources.js

@@ -1,5 +1,6 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
 import initCollapseTransition from "../_utils/transition.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import CarouselCard from "./components/CarouselCard.js";
 import style_default from "./style/index.js";
 import { Fragment, Transition, computed, createVNode, defineComponent, mergeProps, ref, useAttrs } from "vue";
@@ -7,10 +8,6 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Popover } from "antdv-next";
 import { RightOutlined } from "@antdv-next/icons";
 //#region components/sources/Sources.tsx
-var 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 XSources = /* @__PURE__ */ defineComponent({
 	name: "AxSources",
 	inheritAttrs: false,

package/dist/sources/components/CarouselCard.js

@@ -1,11 +1,8 @@
+import { hasRenderableNode } from "../../_utils/vue.js";
 import { createVNode, defineComponent, nextTick, ref, watch } from "vue";
 import { Carousel } from "antdv-next";
 import { LeftOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/sources/components/CarouselCard.tsx
-var 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 CarouselCard = /* @__PURE__ */ defineComponent({
 	name: "XSourcesCarouselCard",
 	props: {

package/dist/suggestion/Suggestion.js

@@ -1,14 +1,11 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import style_default from "./style/index.js";
 import useActive from "./useActive.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, useAttrs, watch } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Cascader, Flex } from "antdv-next";
 //#region components/suggestion/Suggestion.tsx
-var 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 XSuggestion = /* @__PURE__ */ defineComponent({
 	name: "AxSuggestion",
 	inheritAttrs: false,