@antdv-next/x 0.0.4 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Antdv Next
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/_utils/vue.d.ts

@@ -0,0 +1,2 @@
+export declare function isEmptyNode(node: unknown): boolean;
+export declare function hasRenderableNode(node: unknown): boolean;

package/dist/_utils/vue.js

@@ -0,0 +1,16 @@
+import { Comment, Fragment, isVNode } from "vue";
+//#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
+export { hasRenderableNode, isEmptyNode };

package/dist/actions/Actions.js

@@ -1,4 +1,5 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { isEmptyNode } from "../_utils/vue.js";
 import Item from "./Item.js";
 import style_default from "./style/index.js";
 import { Transition, computed, createVNode, defineComponent, isVNode, mergeProps, ref, useAttrs, useSlots } from "vue";
@@ -20,7 +21,7 @@ function getMotionTransitionProps(motionName) {
 	};
 }
 var XActions = /* @__PURE__ */ defineComponent({
-	name: "XActions",
+	name: "AxActions",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -130,8 +131,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,

package/dist/actions/ActionsAudio.js

@@ -3,7 +3,7 @@ import { createVNode, defineComponent, mergeProps } from "vue";
 import { MutedOutlined, SoundOutlined } from "@antdv-next/icons";
 //#region components/actions/ActionsAudio.tsx
 var XActionsAudio = /* @__PURE__ */ defineComponent({
-	name: "XActionsAudio",
+	name: "AxActionsAudio",
 	props: {
 		status: {
 			type: String,

package/dist/actions/ActionsCopy.js

@@ -7,7 +7,7 @@ var normalizeCopyIcons = (icon) => {
 	return [icon, icon];
 };
 var XActionsCopy = /* @__PURE__ */ defineComponent({
-	name: "XActionsCopy",
+	name: "AxActionsCopy",
 	inheritAttrs: false,
 	props: {
 		text: {
@@ -66,14 +66,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"
 			})];

package/dist/actions/ActionsFeedback.js

@@ -10,7 +10,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: {

package/dist/actions/ActionsItem.js

@@ -11,7 +11,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: {

package/dist/attachments/PlaceholderUploader.d.ts

@@ -6,8 +6,16 @@ export interface PlaceholderConfig {
     description?: VNodeChild;
 }
 export type PlaceholderType = PlaceholderConfig | VNodeChild;
+export interface PlaceholderSlotInfo {
+    type: "inline" | "drop";
+    originNode?: VNodeChild;
+}
+export interface PlaceholderFieldSlotInfo extends PlaceholderSlotInfo {
+    originNode?: VNodeChild;
+}
 export interface PlaceholderProps {
     prefixCls: string;
+    type: "inline" | "drop";
     placeholder?: PlaceholderType;
     upload?: UploadProps;
     class?: ClassValue;
@@ -18,6 +26,10 @@ declare const PlaceholderUploader: import('vue').DefineComponent<import('vue').E
         type: StringConstructor;
         required: true;
     };
+    type: {
+        type: PropType<PlaceholderProps["type"]>;
+        required: true;
+    };
     placeholder: {
         type: PropType<PlaceholderType>;
         default: undefined;
@@ -39,6 +51,10 @@ declare const PlaceholderUploader: import('vue').DefineComponent<import('vue').E
         type: StringConstructor;
         required: true;
     };
+    type: {
+        type: PropType<PlaceholderProps["type"]>;
+        required: true;
+    };
     placeholder: {
         type: PropType<PlaceholderType>;
         default: undefined;

package/dist/attachments/PlaceholderUploader.js

@@ -13,6 +13,10 @@ var PlaceholderUploader = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: true
 		},
+		type: {
+			type: String,
+			required: true
+		},
 		placeholder: {
 			type: [
 				String,
@@ -60,6 +64,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;
 		};
@@ -70,11 +96,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,

package/dist/attachments/index.d.ts

@@ -3,7 +3,7 @@ import { ClassValue, CSSProperties, DefineComponent, StyleValue, VNodeChild } fr
 import { FileCardProps } from '../file-card';
 import { SemanticType as FileCardSemanticType } from '../file-card/FileCard';
 import { SemanticType as FileCardListSemanticType } from '../file-card/List';
-import { PlaceholderType } from './PlaceholderUploader';
+import { PlaceholderFieldSlotInfo, PlaceholderSlotInfo, PlaceholderType } from './PlaceholderUploader';
 export type SemanticType = "root" | "list" | "placeholder" | "upload";
 export interface Attachment<T = any> extends UploadFile<T>, Omit<FileCardProps, "size" | "byte" | "type"> {
     description?: VNodeChild;
@@ -38,6 +38,12 @@ export interface AttachmentsProps<T = any> {
     withCredentials?: boolean;
     openFileDialogOnClick?: boolean;
 }
+export interface AttachmentsSlots {
+    placeholder?: (info: PlaceholderSlotInfo) => VNodeChild;
+    placeholderIcon?: (info: PlaceholderFieldSlotInfo) => VNodeChild;
+    placeholderTitle?: (info: PlaceholderFieldSlotInfo) => VNodeChild;
+    placeholderDescription?: (info: PlaceholderFieldSlotInfo) => VNodeChild;
+}
 export interface AttachmentsRef {
     nativeElement?: HTMLDivElement | null;
     fileNativeElement?: HTMLInputElement | null;
@@ -49,3 +55,4 @@ export interface AttachmentsRef {
 }
 declare const _default: DefineComponent<AttachmentsProps>;
 export default _default;
+export type { PlaceholderConfig, PlaceholderFieldSlotInfo, PlaceholderSlotInfo, PlaceholderType, } from './PlaceholderUploader';

package/dist/attachments/index.js

@@ -12,7 +12,7 @@ function _isSlot(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: {
@@ -211,12 +211,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;

package/dist/bubble/Bubble.js

@@ -1,4 +1,5 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import { EditableContent } from "./EditableContent.js";
 import loading_default from "./loading.js";
 import style_default from "./style/index.js";
@@ -9,12 +10,8 @@ function renderBubbleSlot(slot, content, info) {
 	if (!slot) return null;
 	return typeof slot === "function" ? slot(content, info) : slot;
 }
-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 XBubble = /* @__PURE__ */ defineComponent({
-	name: "XBubble",
+	name: "AxBubble",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -176,8 +173,8 @@ 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
 				});
@@ -272,8 +269,8 @@ 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
 					});

package/dist/bubble/BubbleList.js

@@ -22,7 +22,7 @@ var bubbleSlotNames = [
 	"extra"
 ];
 var XBubbleList = /* @__PURE__ */ defineComponent({
-	name: "XBubbleList",
+	name: "AxBubbleList",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -240,10 +240,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);

package/dist/bubble/Divider.js

@@ -6,7 +6,7 @@ function _isSlot(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,
@@ -68,7 +68,7 @@ var XBubbleDivider = /* @__PURE__ */ defineComponent({
 			"class": [`${props.prefixCls}-divider`, props.class],
 			"styles": props.styles,
 			"classes": props.classes
-		}), { contentRender: ({ content }) => createVNode(Divider, props.dividerProps, _isSlot(content) ? content : { default: () => [content] }) });
+		}), { content: ({ content }) => createVNode(Divider, props.dividerProps, _isSlot(content) ? content : { default: () => [content] }) });
 	}
 });
 //#endregion

package/dist/bubble/System.js

@@ -2,7 +2,7 @@ import { XBubble } from "./Bubble.js";
 import { createVNode, defineComponent, mergeProps, ref } from "vue";
 //#region components/bubble/System.tsx
 var XBubbleSystem = /* @__PURE__ */ defineComponent({
-	name: "XBubbleSystem",
+	name: "AxBubbleSystem",
 	props: {
 		prefixCls: {
 			type: String,

package/dist/code-highlighter/CodeHighlighter.js

@@ -1,20 +1,11 @@
+import { codeToHtml } from "./shiki.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, shallowRef, useAttrs, watch } from "vue";
 import { Button, Tooltip } from "antdv-next";
 import { CheckOutlined, CopyOutlined, MoonOutlined, SunOutlined } from "@antdv-next/icons";
 //#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;
-}
 var XCodeHighlighter = /* @__PURE__ */ defineComponent({
-	name: "XCodeHighlighter",
+	name: "AxCodeHighlighter",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -95,9 +86,7 @@ var XCodeHighlighter = /* @__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"
 				});

package/dist/code-highlighter/shiki.d.ts

@@ -0,0 +1,4 @@
+export declare function codeToHtml(code: string, options?: {
+    lang?: string;
+    theme?: string;
+}): Promise<string>;

package/dist/code-highlighter/shiki.js

@@ -0,0 +1,73 @@
+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";
+//#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
+export { codeToHtml };

package/dist/conversations/Creation.js

@@ -2,7 +2,7 @@ import useCreation from "./hooks/useCreation.js";
 import { computed, createVNode, defineComponent } from "vue";
 //#region components/conversations/Creation.tsx
 var Creation = /* @__PURE__ */ defineComponent({
-	name: "XConversationsCreation",
+	name: "AxConversationsCreation",
 	props: {
 		label: {
 			type: [

package/dist/conversations/GroupTitle.d.ts

@@ -1,8 +1,10 @@
-import { PropType, TransitionProps } from 'vue';
-import { GroupInfoType } from './interface';
+import { PropType, TransitionProps, VNodeChild } from 'vue';
+import { GroupInfoType, GroupLabelRenderInfo, GroupLabelRender } from './interface';
 export interface GroupTitleProps {
     prefixCls?: string;
     groupInfo: GroupInfoType;
+    groupLabelRender?: GroupLabelRender;
+    groupLabelRenderSlot?: (info: GroupLabelRenderInfo) => VNodeChild;
     classes?: any;
     enableCollapse?: boolean;
     expandedKeys?: string[];
@@ -18,6 +20,14 @@ declare const GroupTitle: import('vue').DefineComponent<import('vue').ExtractPro
         type: PropType<GroupInfoType>;
         required: true;
     };
+    groupLabelRender: {
+        type: PropType<GroupTitleProps["groupLabelRender"]>;
+        default: undefined;
+    };
+    groupLabelRenderSlot: {
+        type: PropType<GroupTitleProps["groupLabelRenderSlot"]>;
+        default: undefined;
+    };
     classes: {
         type: PropType<GroupTitleProps["classes"]>;
         default: undefined;
@@ -47,6 +57,14 @@ declare const GroupTitle: import('vue').DefineComponent<import('vue').ExtractPro
         type: PropType<GroupInfoType>;
         required: true;
     };
+    groupLabelRender: {
+        type: PropType<GroupTitleProps["groupLabelRender"]>;
+        default: undefined;
+    };
+    groupLabelRenderSlot: {
+        type: PropType<GroupTitleProps["groupLabelRenderSlot"]>;
+        default: undefined;
+    };
     classes: {
         type: PropType<GroupTitleProps["classes"]>;
         default: undefined;
@@ -71,6 +89,8 @@ declare const GroupTitle: import('vue').DefineComponent<import('vue').ExtractPro
     prefixCls: string;
     classes: any;
     expandedKeys: string[];
+    groupLabelRender: GroupLabelRender;
+    groupLabelRenderSlot: ((info: GroupLabelRenderInfo) => VNodeChild) | undefined;
     onItemExpand: ((curKey: string) => void) | undefined;
     enableCollapse: boolean;
     collapseTransition: TransitionProps;

package/dist/conversations/GroupTitle.js

@@ -1,3 +1,4 @@
+import { hasRenderableNode } from "../_utils/vue.js";
 import { Transition, computed, createVNode, defineComponent } from "vue";
 import { RightOutlined } from "@antdv-next/icons";
 //#region components/conversations/GroupTitle.tsx
@@ -12,6 +13,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,
@@ -47,15 +62,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

package/dist/conversations/Item.d.ts

@@ -132,8 +132,8 @@ declare const ConversationsItem: import('vue').DefineComponent<import('vue').Ext
     onClick: ((value: ConversationItemType["key"], item?: import('./interface').ItemType) => void) | undefined;
     labelRender: import('./interface').ConversationItemRender;
     iconRender: import('./interface').ConversationItemRender;
-    iconRenderSlot: ((info: ConversationItemRenderInfo) => VNodeChild) | undefined;
     index: number;
     labelRenderSlot: ((info: ConversationItemRenderInfo) => VNodeChild) | undefined;
+    iconRenderSlot: ((info: ConversationItemRenderInfo) => VNodeChild) | undefined;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default ConversationsItem;

package/dist/conversations/Item.js

@@ -1,3 +1,4 @@
+import { hasRenderableNode } from "../_utils/vue.js";
 import { computed, createVNode, defineComponent, isVNode } from "vue";
 import { Dropdown, Typography } from "antdv-next";
 import { EllipsisOutlined } from "@antdv-next/icons";
@@ -8,10 +9,6 @@ function _isSlot(s) {
 var stopPropagation = (event) => {
 	event.stopPropagation();
 };
-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 renderWithPriority = (render, slotRender, info) => {
 	if (slotRender) return slotRender(info);
 	if (render !== void 0) return typeof render === "function" ? render(info.item, info) : render;