@antdv-next/x 0.1.0 → 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";
@@ -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/ActionsCopy.js

@@ -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/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

@@ -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,10 +10,6 @@ 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: "AxBubble",
 	inheritAttrs: false,
@@ -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

@@ -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

@@ -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/code-highlighter/shiki.js

@@ -53,7 +53,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);

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;

package/dist/conversations/index.d.ts

@@ -26,6 +26,10 @@ declare const XConversations: import('vue').DefineComponent<import('vue').Extrac
         type: PropType<ConversationsProps["iconRender"]>;
         default: undefined;
     };
+    groupLabelRender: {
+        type: PropType<ConversationsProps["groupLabelRender"]>;
+        default: undefined;
+    };
     menu: {
         type: PropType<ConversationsProps["menu"]>;
         default: undefined;
@@ -91,6 +95,10 @@ declare const XConversations: import('vue').DefineComponent<import('vue').Extrac
         type: PropType<ConversationsProps["iconRender"]>;
         default: undefined;
     };
+    groupLabelRender: {
+        type: PropType<ConversationsProps["groupLabelRender"]>;
+        default: undefined;
+    };
     menu: {
         type: PropType<ConversationsProps["menu"]>;
         default: undefined;
@@ -153,12 +161,13 @@ declare const XConversations: import('vue').DefineComponent<import('vue').Extrac
     creation: import('./interface').CreationProps | undefined;
     defaultActiveKey: string | undefined;
     onActiveChange: ((value: ConversationItemType["key"], item?: ItemType) => void) | undefined;
+    groupLabelRender: import('./interface').GroupLabelRender;
     groupable: boolean | import('./interface').GroupableProps | undefined;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type ConversationsType = typeof XConversations & {
     Creation: typeof Creation;
 };
 declare const ConversationsWithSub: ConversationsType;
-export type { ConversationItemRender, ConversationItemRenderInfo, ConversationItemType, ConversationsProps, ConversationsRef, CreationProps, DividerItemType, GroupableProps, ItemType, } from './interface';
+export type { ConversationItemRender, ConversationItemRenderInfo, ConversationItemType, ConversationsProps, ConversationsRef, CreationProps, DividerItemType, GroupableProps, GroupLabelRender, GroupLabelRenderInfo, ItemType, } from './interface';
 export { Creation as ConversationsCreation };
 export default ConversationsWithSub;

package/dist/conversations/index.js

@@ -56,6 +56,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
@@ -227,6 +237,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,

package/dist/conversations/interface.d.ts

@@ -26,6 +26,12 @@ export interface ConversationItemRenderInfo {
     originNode: VNodeChild;
 }
 export type ConversationItemRender = VNodeChild | ((item: ConversationItemType, info: ConversationItemRenderInfo) => VNodeChild);
+export interface GroupLabelRenderInfo {
+    group: string;
+    groupInfo: GroupInfoType;
+    originNode: VNodeChild;
+}
+export type GroupLabelRender = VNodeChild | ((group: string, info: GroupLabelRenderInfo) => VNodeChild);
 export interface DividerItemType {
     type: "divider";
     key?: string;
@@ -81,6 +87,7 @@ export interface ConversationsProps extends Omit<HTMLAttributes, "onClick" | "cl
     onActiveChange?: (value: ConversationItemType["key"], item?: ItemType) => void;
     labelRender?: ConversationItemRender;
     iconRender?: ConversationItemRender;
+    groupLabelRender?: GroupLabelRender;
     menu?: ConversationsItemMenu | ((value: ConversationItemType) => ConversationsItemMenu);
     groupable?: boolean | GroupableProps;
     styles?: Partial<Record<SemanticType, CSSProperties>>;

package/dist/file-card/FileCard.js

@@ -329,7 +329,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);

package/dist/file-card/List.js

@@ -187,7 +187,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

package/dist/file-card/components/File.d.ts

@@ -18,7 +18,7 @@ export interface FileProps {
     mask?: ExtendNode;
     descriptionRenderSlot?: (info: FileCardSlotInfo) => VNodeChild;
     maskRenderSlot?: (info: FileCardSlotInfo) => VNodeChild;
-    iconRenderSlot?: (info: FileCardSlotInfo) => VNodeChild;
+    iconSlot?: (info: FileCardSlotInfo) => VNodeChild;
 }
 declare const File: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     styles: {
@@ -89,8 +89,8 @@ declare const File: import('vue').DefineComponent<import('vue').ExtractPropTypes
         type: PropType<FileProps["maskRenderSlot"]>;
         default: undefined;
     };
-    iconRenderSlot: {
-        type: PropType<FileProps["iconRenderSlot"]>;
+    iconSlot: {
+        type: PropType<FileProps["iconSlot"]>;
         default: undefined;
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -162,8 +162,8 @@ declare const File: import('vue').DefineComponent<import('vue').ExtractPropTypes
         type: PropType<FileProps["maskRenderSlot"]>;
         default: undefined;
     };
-    iconRenderSlot: {
-        type: PropType<FileProps["iconRenderSlot"]>;
+    iconSlot: {
+        type: PropType<FileProps["iconSlot"]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
@@ -179,7 +179,7 @@ declare const File: import('vue').DefineComponent<import('vue').ExtractPropTypes
     description: ExtendNode;
     descriptionRenderSlot: ((info: FileCardSlotInfo) => VNodeChild) | undefined;
     maskRenderSlot: ((info: FileCardSlotInfo) => VNodeChild) | undefined;
-    iconRenderSlot: ((info: FileCardSlotInfo) => VNodeChild) | undefined;
+    iconSlot: ((info: FileCardSlotInfo) => VNodeChild) | undefined;
     namePrefix: string;
     ext: string;
     byte: number;

package/dist/file-card/components/File.js

@@ -92,7 +92,7 @@ var File = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		iconRenderSlot: {
+		iconSlot: {
 			type: Function,
 			default: void 0
 		}
@@ -153,7 +153,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