@antdv-next/x 1.0.2-beta.4 → 1.1.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 = "1.0.2-beta.4";
+	var version = "1.1.0";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -527,8 +527,8 @@
 			}
 		} };
 	};
-	var prepareComponentToken$13 = () => ({});
-	var style_default$13 = genStyleHooks("Actions", (token) => {
+	var prepareComponentToken$14 = () => ({});
+	var style_default$14 = genStyleHooks("Actions", (token) => {
 		const compToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
 		return [
 			genActionsStyle(compToken),
@@ -538,7 +538,7 @@
 			initFadeLeftMotion(compToken),
 			initFadeMotion(compToken)
 		];
-	}, prepareComponentToken$13);
+	}, prepareComponentToken$14);
 	//#endregion
 	//#region components/actions/Actions.tsx
 	function _isSlot$7(s) {
@@ -623,7 +623,7 @@
 			const slots = (0, vue.useSlots)();
 			const contextConfig = useXComponentConfig("actions");
 			const rootRef = (0, vue.ref)();
-			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$14((0, vue.computed)(() => props.prefixCls));
 			const rootPrefixCls = (0, vue.computed)(() => configCtx.value.getPrefixCls());
 			const motionName = (0, vue.computed)(() => {
 				if (!props.fadeIn && !props.fadeInLeft) return "";
@@ -782,7 +782,7 @@
 		setup(props) {
 			const attrs = (0, vue.useAttrs)();
 			const slots = (0, vue.useSlots)();
-			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$14((0, vue.computed)(() => props.prefixCls));
 			const itemCls = `${props.prefixCls}-button-item`;
 			const domAttrs = (0, vue.computed)(() => {
 				const { class: _class, style: _style, ...rest } = attrs;
@@ -952,7 +952,7 @@
 		setup(props) {
 			const attrs = (0, vue.useAttrs)();
 			const slots = (0, vue.useSlots)();
-			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$14((0, vue.computed)(() => props.prefixCls));
 			const copyCls = `${props.prefixCls}-copy`;
 			const domAttrs = (0, vue.computed)(() => {
 				const { class: _class, style: _style, ...rest } = attrs;
@@ -1050,7 +1050,7 @@
 		},
 		setup(props) {
 			const attrs = (0, vue.useAttrs)();
-			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$14((0, vue.computed)(() => props.prefixCls));
 			const feedbackCls = `${props.prefixCls}-feedback`;
 			const domAttrs = (0, vue.computed)(() => {
 				const { class: _class, style: _style, ...rest } = attrs;
@@ -1862,11 +1862,11 @@
 			} }
 		} };
 	};
-	var prepareComponentToken$12 = () => ({});
-	var style_default$12 = genStyleHooks("FileCard", (token) => {
+	var prepareComponentToken$13 = () => ({});
+	var style_default$13 = genStyleHooks("FileCard", (token) => {
 		const fileCardToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
 		return [genFileCardStyle(fileCardToken), genFileCardListStyle(fileCardToken)];
-	}, prepareComponentToken$12);
+	}, prepareComponentToken$13);
 	//#endregion
 	//#region components/file-card/FileCard.tsx
 	var IMAGE_EXT = [
@@ -2098,7 +2098,7 @@
 			const attrs = (0, vue.useAttrs)();
 			const configCtx = (0, antdv_next_config_provider_context.useConfig)();
 			const contextConfig = useXComponentConfig("fileCard");
-			const [hashId, cssVarCls] = style_default$12((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
 			const domAttrs = (0, vue.computed)(() => {
 				const { class: _class, style: _style, ...rest } = attrs;
 				return rest;
@@ -2288,7 +2288,7 @@
 		},
 		setup(props, { attrs, slots }) {
 			const configCtx = (0, antdv_next_config_provider_context.useConfig)();
-			const [hashId, cssVarCls] = style_default$12((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$13((0, vue.computed)(() => props.prefixCls));
 			const compCls = (0, vue.computed)(() => `${props.prefixCls}-list`);
 			const list = (0, vue.ref)([]);
 			(0, vue.watch)(() => props.items, (items) => {
@@ -2941,13 +2941,13 @@
 			}
 		} } };
 	};
-	var prepareComponentToken$11 = (token) => {
+	var prepareComponentToken$12 = (token) => {
 		return { colorBgPlaceholderHover: new _ant_design_fast_color.FastColor(token.colorBgContainer).setA(.85).toRgbString() };
 	};
-	var style_default$11 = genStyleHooks("Attachments", (token) => {
+	var style_default$12 = genStyleHooks("Attachments", (token) => {
 		const compToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
 		return [genAttachmentsStyle(compToken), genFileListStyle(compToken)];
-	}, prepareComponentToken$11);
+	}, prepareComponentToken$12);
 	//#endregion
 	//#region components/attachments/index.tsx
 	function _isSlot$4(s) {
@@ -3065,7 +3065,7 @@
 			const configCtx = (0, antdv_next_config_provider_context.useConfig)();
 			const contextConfig = useXComponentConfig("attachments");
 			const containerRef = (0, vue.ref)(null);
-			const [hashId, cssVarCls] = style_default$11((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$12((0, vue.computed)(() => props.prefixCls));
 			const mergedClasses = (0, vue.computed)(() => ({
 				...contextConfig.value.classes,
 				...props.classes
@@ -3678,12 +3678,12 @@
 	};
 	//#endregion
 	//#region components/bubble/style/index.ts
-	var prepareComponentToken$10 = () => ({
+	var prepareComponentToken$11 = () => ({
 		typingContent: "\"|\"",
 		typingAnimationName: "cursorBlink",
 		typingAnimationDuration: "0.8s"
 	});
-	var style_default$10 = genStyleHooks("Bubble", (token) => {
+	var style_default$11 = genStyleHooks("Bubble", (token) => {
 		const bubbleToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
 		return [
 			genBubbleStyle(bubbleToken),
@@ -3694,7 +3694,7 @@
 			genSystemBubbleStyle(bubbleToken),
 			genDividerBubbleStyle(bubbleToken)
 		];
-	}, prepareComponentToken$10);
+	}, prepareComponentToken$11);
 	//#endregion
 	//#region components/bubble/hooks/useTyping.ts
 	function getLcp(left, right) {
@@ -4048,7 +4048,7 @@
 			const attrs = (0, vue.useAttrs)();
 			const contextConfig = useXComponentConfig("bubble");
 			const rootRef = (0, vue.ref)();
-			const [hashId, cssVarCls] = style_default$10((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$11((0, vue.computed)(() => props.prefixCls));
 			expose({ get nativeElement() {
 				return rootRef.value;
 			} });
@@ -4577,7 +4577,7 @@
 			const scrollBoxRef = (0, vue.ref)();
 			const scrollContentRef = (0, vue.ref)();
 			const bubbleRefs = /* @__PURE__ */ new Map();
-			const [hashId, cssVarCls] = style_default$10((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$11((0, vue.computed)(() => props.prefixCls));
 			const { scrollTo: compatibleScrollTo } = useCompatibleScroll(scrollBoxRef, scrollContentRef);
 			const listPrefixCls = (0, vue.computed)(() => `${props.prefixCls}-list`);
 			const handleScroll = (event) => {
@@ -4928,13 +4928,13 @@
 			}
 		} };
 	};
-	var prepareComponentToken$9 = () => ({
+	var prepareComponentToken$10 = () => ({
 		codeFontFamily: "'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
 		codeFontSize: 14
 	});
-	var style_default$9 = genStyleHooks("CodeHighlighter", (token) => {
+	var style_default$10 = genStyleHooks("CodeHighlighter", (token) => {
 		return [genCodeHighlighterStyle((0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {}))];
-	}, prepareComponentToken$9);
+	}, prepareComponentToken$10);
 	//#endregion
 	//#region components/code-highlighter/index.tsx
 	var code_highlighter_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -5015,7 +5015,7 @@
 			const attrs = (0, vue.useAttrs)();
 			const contextConfig = useXComponentConfig("codeHighlighter");
 			const rootRef = (0, vue.ref)();
-			const [hashId, cssVarCls] = style_default$9((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$10((0, vue.computed)(() => props.prefixCls));
 			const copied = (0, vue.ref)(false);
 			const highlightedHtml = (0, vue.shallowRef)("");
 			const highlightCode = async () => {
@@ -6009,7 +6009,7 @@
 			[`${componentCls}-group-collapse-trigger-close`]: { transform: "rotate(0deg)" }
 		} };
 	};
-	var prepareComponentToken$8 = (token) => {
+	var prepareComponentToken$9 = (token) => {
 		const creationBgColor = new _ant_design_fast_color.FastColor(token.colorPrimary).setA(.15);
 		const creationBorderColor = new _ant_design_fast_color.FastColor(token.colorPrimary).setA(.22);
 		const creationHoverColor = new _ant_design_fast_color.FastColor(token.colorPrimary).setA(.25);
@@ -6021,10 +6021,10 @@
 			shortcutKeyTextColor: shortcutKeyTextColor.toRgbString()
 		};
 	};
-	var style_default$8 = genStyleHooks("Conversations", (token) => {
+	var style_default$9 = genStyleHooks("Conversations", (token) => {
 		const compToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
 		return [genConversationsStyle(compToken), genCollapseMotion(compToken)];
-	}, prepareComponentToken$8);
+	}, prepareComponentToken$9);
 	//#endregion
 	//#region components/conversations/index.tsx
 	function isTypingTarget(target) {
@@ -6138,7 +6138,7 @@
 			const attrs = (0, vue.useAttrs)();
 			const contextConfig = useXComponentConfig("conversations");
 			const rootRef = (0, vue.ref)();
-			const [hashId, cssVarCls] = style_default$8((0, vue.computed)(() => props.prefixCls));
+			const [hashId, cssVarCls] = style_default$9((0, vue.computed)(() => props.prefixCls));
 			const mergedItems = (0, vue.computed)(() => props.items ?? []);
 			const { groupList, collapsibleOptions, keyList } = useGroupable((0, vue.computed)(() => props.groupable), mergedItems);
 			const innerActiveKey = (0, vue.ref)(props.defaultActiveKey);
@@ -6271,6 +6271,715 @@
 	});
 	ConversationsWithSub.Creation = Creation;
 	//#endregion
+	//#region components/folder/DirectoryTree.tsx
+	function isFolder(node) {
+		return !!node.children && node.children.length > 0;
+	}
+	function buildPathSegments(node, parentSegments) {
+		if (node.path === "/" && parentSegments.length === 0) return ["/"];
+		return [...parentSegments, node.path].filter((seg) => seg !== "");
+	}
+	function getIcon(node, directoryIcons) {
+		if (directoryIcons === false || directoryIcons === null) return null;
+		if (isFolder(node)) {
+			const icon = directoryIcons?.directory;
+			if (typeof icon === "function") return icon();
+			return icon ?? (0, vue.createVNode)(_antdv_next_icons.FolderOutlined, null, null);
+		}
+		const ext = node.path.toLowerCase().split(".").pop();
+		if (ext) {
+			const icon = directoryIcons?.[ext];
+			if (icon) return typeof icon === "function" ? icon() : icon;
+		}
+		return (0, vue.createVNode)(_antdv_next_icons.FileOutlined, null, null);
+	}
+	function convertToTreeData(nodes, directoryIcons, parentSegments = []) {
+		return nodes.map((node) => {
+			const pathSegments = buildPathSegments(node, parentSegments);
+			const fullPath = pathSegments.join("/").replace(/^\/+/, "");
+			return {
+				key: fullPath,
+				path: fullPath,
+				pathSegments,
+				title: node.title,
+				icon: getIcon(node, directoryIcons),
+				isLeaf: !isFolder(node),
+				content: node.content,
+				children: node.children ? convertToTreeData(node.children, directoryIcons, pathSegments) : void 0
+			};
+		});
+	}
+	var FolderDirectoryTree = /* @__PURE__ */ (0, vue.defineComponent)({
+		name: "AxFolderDirectoryTree",
+		props: {
+			prefixCls: {
+				type: String,
+				required: true
+			},
+			treeData: {
+				type: Array,
+				default: () => []
+			},
+			directoryIcons: {
+				type: [Boolean, Object],
+				default: void 0
+			},
+			selectedKeys: {
+				type: Array,
+				default: () => []
+			},
+			expandedKeys: {
+				type: Array,
+				default: void 0
+			},
+			defaultExpandAll: {
+				type: Boolean,
+				default: true
+			},
+			showLine: {
+				type: Boolean,
+				default: false
+			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			styles: {
+				type: Object,
+				default: () => ({})
+			},
+			directoryTitle: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			}
+		},
+		emits: {
+			select: (_keys, _info) => true,
+			expand: (_keys, _info) => true
+		},
+		setup(props, { emit }) {
+			const treeDataConverted = (0, vue.computed)(() => convertToTreeData(props.treeData, props.directoryIcons));
+			const titleNode = (0, vue.computed)(() => {
+				const t = props.directoryTitle;
+				if (t === false || t === null || t === void 0) return null;
+				if (typeof t === "function") return t();
+				return t;
+			});
+			return () => {
+				const { prefixCls } = props;
+				return (0, vue.createVNode)(vue.Fragment, null, [titleNode.value ? (0, vue.createVNode)("div", {
+					"class": [`${prefixCls}-directory-tree-title`, props.classes?.directoryTitle],
+					"style": props.styles?.directoryTitle
+				}, [titleNode.value]) : null, (0, vue.createVNode)(antdv_next.DirectoryTree, {
+					treeData: treeDataConverted.value,
+					selectedKeys: props.selectedKeys,
+					expandedKeys: props.expandedKeys,
+					multiple: false,
+					blockNode: true,
+					showLine: props.showLine,
+					defaultExpandAll: props.defaultExpandAll,
+					class: [`${prefixCls}-directory-tree-content`, props.classes?.directoryTree],
+					style: props.styles?.directoryTree,
+					classes: { itemTitle: `${prefixCls}-directory-tree-item-title` },
+					onSelect: (keys, info) => emit("select", keys, info),
+					onExpand: (keys, info) => emit("expand", keys, info)
+				}, null)]);
+			};
+		}
+	});
+	//#endregion
+	//#region components/folder/style/folder.ts
+	var genFolderStyle = (token) => {
+		const { componentCls, antCls } = token;
+		return { [componentCls]: {
+			height: "100%",
+			width: "100%",
+			background: token.colorBgDirectory,
+			[`${antCls}-tree-node-content-wrapper`]: { display: "flex" },
+			[`${antCls}-tree-node-content-wrapper-open,${antCls}-tree-node-content-wrapper-close`]: { display: "flex" },
+			[`${antCls}-tree-node-content-wrapper-normal`]: { display: "flex" },
+			[`${antCls}-tree-list`]: {
+				paddingInline: token.padding,
+				paddingBlock: token.paddingXS
+			},
+			[`${antCls}-tree-switcher`]: {
+				width: "10px",
+				"&:before": {
+					width: "10px",
+					height: "10px"
+				}
+			},
+			[`${antCls}-tree-node-content-wrapper`]: { paddingInline: 0 },
+			[`${componentCls}-container`]: { height: "100%" },
+			[`${componentCls}-directory-tree`]: {
+				height: "100%",
+				display: "flex",
+				flexDirection: "column"
+			},
+			[`${componentCls}-directory-tree-title`]: {
+				width: "100%",
+				display: "flex",
+				alignItems: "center"
+			},
+			[`${componentCls}-directory-tree-content`]: {
+				width: "100%",
+				background: "transparent",
+				height: "100%",
+				borderRadius: "unset",
+				display: "flex",
+				overflow: "auto"
+			},
+			[`&${componentCls}-rtl`]: { direction: "rtl" }
+		} };
+	};
+	var genFilePreviewStyle = (token) => {
+		const { componentCls } = token;
+		return { [componentCls]: {
+			[`${componentCls}-preview`]: {
+				width: "100%",
+				background: token.colorBgContainer,
+				flex: 1,
+				height: "100%",
+				display: "flex",
+				flexDirection: "column"
+			},
+			[`${componentCls}-preview-title-wrapper`]: {
+				background: token.colorBgContainer,
+				paddingInline: token.padding,
+				paddingBlock: token.paddingXS,
+				borderBottom: `1px solid ${token.colorBorderSecondary}`
+			},
+			[`${componentCls}-preview-title`]: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			[`${componentCls}-preview-content`]: {
+				overflow: "auto",
+				flex: 1,
+				background: token.colorBgContainer,
+				paddingInline: token.padding,
+				paddingBlock: token.paddingXS
+			},
+			[`${componentCls}-preview-loading-container`]: {
+				display: "flex",
+				justifyContent: "center",
+				alignItems: "center",
+				marginBlockStart: token.calc(token.marginLG).mul(3).equal()
+			},
+			[`${componentCls}-preview-empty-container`]: { marginBlockStart: token.calc(token.marginLG).mul(3).equal() },
+			[`${componentCls}-directory-tree-item-title`]: {
+				display: "flex",
+				whiteSpace: "nowrap",
+				paddingInlineEnd: token.padding
+			}
+		} };
+	};
+	//#endregion
+	//#region components/folder/style/index.ts
+	var prepareComponentToken$8 = (token) => ({ colorBgDirectory: token.colorFillTertiary });
+	var style_default$8 = genStyleHooks("Folder", (token) => {
+		const folderToken = (0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {});
+		return [genFolderStyle(folderToken), genFilePreviewStyle(folderToken)];
+	}, prepareComponentToken$8);
+	//#endregion
+	//#region components/folder/FilePreview.tsx
+	function getFileExtension(path = "") {
+		const parts = path.split(".");
+		return parts[parts.length - 1] || "";
+	}
+	function getLanguageFromExtension(ext) {
+		return ext.toLowerCase() || "txt";
+	}
+	var FilePreview = /* @__PURE__ */ (0, vue.defineComponent)({
+		name: "AxFolderFilePreview",
+		props: {
+			prefixCls: {
+				type: String,
+				required: true
+			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			styles: {
+				type: Object,
+				default: () => ({})
+			},
+			style: {
+				type: Object,
+				default: void 0
+			},
+			selectedFile: {
+				type: Array,
+				default: () => []
+			},
+			fileContent: {
+				type: String,
+				default: ""
+			},
+			loading: {
+				type: Boolean,
+				default: false
+			},
+			previewTitle: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			previewRender: {
+				type: [
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			emptyRender: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			getFileNode: {
+				type: Function,
+				default: void 0
+			}
+		},
+		setup(props) {
+			const [locale] = useLocale("Folder", localeValues$1.Folder);
+			const contextConfig = useXComponentConfig("folder");
+			const [hashId, cssVarCls] = style_default$8((0, vue.computed)(() => props.prefixCls));
+			const previewCls = (0, vue.computed)(() => `${props.prefixCls}-preview`);
+			const renderOriginContent = (fileContent, language) => (0, vue.createVNode)(code_highlighter_default, {
+				"content": fileContent.replace(/\n$/, ""),
+				"language": language,
+				"showLanguage": false,
+				"showLineNumbers": false,
+				"showCopyButton": false,
+				"style": {
+					background: "transparent",
+					border: 0,
+					borderRadius: 0,
+					padding: 0
+				}
+			}, null);
+			const renderEmpty = () => {
+				if (props.emptyRender === false || props.emptyRender === null) return null;
+				const node = typeof props.emptyRender === "function" ? props.emptyRender() : props.emptyRender ?? (0, vue.createVNode)(antdv_next.Empty, {
+					"image": antdv_next.Empty.PRESENTED_IMAGE_SIMPLE,
+					"description": locale.value.selectFile
+				}, null);
+				return (0, vue.createVNode)("div", {
+					"class": [`${previewCls.value}-empty-container`, props.classes?.previewRender],
+					"style": props.styles?.previewRender
+				}, [node]);
+			};
+			const renderContent = () => {
+				if (props.loading) return (0, vue.createVNode)("div", {
+					"class": [`${previewCls.value}-loading-container`, props.classes?.previewRender],
+					"style": props.styles?.previewRender
+				}, [(0, vue.createVNode)(antdv_next.Spin, null, null)]);
+				if (!props.selectedFile || props.selectedFile.length === 0) return renderEmpty();
+				const selected = props.selectedFile;
+				const fileNode = props.getFileNode?.(selected);
+				const title = fileNode?.title ?? selected[selected.length - 1];
+				const fileName = selected[selected.length - 1];
+				const language = getLanguageFromExtension(getFileExtension(fileName));
+				let headerNode;
+				if (props.previewTitle === false || props.previewTitle === null) headerNode = null;
+				else if (props.previewTitle) headerNode = typeof props.previewTitle === "function" ? props.previewTitle({
+					title,
+					path: selected,
+					content: props.fileContent ?? ""
+				}) : props.previewTitle;
+				else headerNode = (0, vue.createVNode)("div", { "class": `${previewCls.value}-title` }, [(0, vue.createVNode)("span", { "class": `${previewCls.value}-filename` }, [title]), (0, vue.createVNode)(XActionsCopy, {
+					"text": props.fileContent ?? "",
+					"class": `${previewCls.value}-copy`
+				}, null)]);
+				const originNode = renderOriginContent(props.fileContent ?? "", language);
+				let contentNode;
+				if (props.previewRender !== void 0 && props.previewRender !== null) if (typeof props.previewRender === "function") contentNode = props.previewRender({
+					content: props.fileContent,
+					path: selected,
+					title: fileNode?.title,
+					language
+				}, { originNode });
+				else contentNode = props.previewRender;
+				else contentNode = originNode;
+				return (0, vue.createVNode)(vue.Fragment, null, [headerNode && (0, vue.createVNode)("div", {
+					"class": [`${previewCls.value}-title-wrapper`, props.classes?.previewTitle],
+					"style": props.styles?.previewTitle
+				}, [headerNode]), (0, vue.createVNode)("div", {
+					"class": [`${previewCls.value}-content`, props.classes?.previewRender],
+					"style": props.styles?.previewRender
+				}, [contentNode])]);
+			};
+			return () => (0, vue.createVNode)("div", {
+				"class": [
+					`${previewCls.value}`,
+					props.classes?.filePreview,
+					hashId.value,
+					cssVarCls.value
+				],
+				"style": [
+					contextConfig.value.styles?.filePreview,
+					props.styles?.filePreview,
+					props.style
+				]
+			}, [renderContent()]);
+		}
+	});
+	//#endregion
+	//#region components/folder/Folder.tsx
+	function findNode(nodes, segments, index = 0) {
+		if (index >= segments.length) return void 0;
+		const current = segments[index];
+		for (const node of nodes) if (node.path === current) {
+			if (index === segments.length - 1) return node;
+			return node.children ? findNode(node.children, segments, index + 1) : void 0;
+		}
+	}
+	function findNodeAndValidate(treeData, path, validateAsFile = false) {
+		if (!path) return {
+			node: void 0,
+			isValid: false
+		};
+		const segments = Array.isArray(path) ? path.filter(Boolean) : path.split("/").filter(Boolean);
+		if (segments.length === 0) return {
+			node: void 0,
+			isValid: false
+		};
+		const node = findNode(treeData, segments);
+		return {
+			node,
+			isValid: validateAsFile ? !!node && (!node?.children || node.children.length === 0) : !!node
+		};
+	}
+	//#endregion
+	//#region components/folder/index.ts
+	var folder_default = /* @__PURE__ */ (0, vue.defineComponent)({
+		name: "AxFolder",
+		inheritAttrs: false,
+		props: {
+			prefixCls: {
+				type: String,
+				default: "antd-folder"
+			},
+			rootClass: {
+				type: String,
+				default: ""
+			},
+			class: {
+				type: [
+					String,
+					Array,
+					Object
+				],
+				default: void 0
+			},
+			style: {
+				type: [
+					String,
+					Object,
+					Array
+				],
+				default: void 0
+			},
+			classes: {
+				type: Object,
+				default: () => ({})
+			},
+			styles: {
+				type: Object,
+				default: () => ({})
+			},
+			treeData: {
+				type: Array,
+				default: () => []
+			},
+			directoryIcons: {
+				type: [Boolean, Object],
+				default: void 0
+			},
+			selectable: {
+				type: Boolean,
+				default: true
+			},
+			selectedFile: {
+				type: Array,
+				default: void 0
+			},
+			defaultSelectedFile: {
+				type: Array,
+				default: void 0
+			},
+			directoryTreeWith: {
+				type: [Number, String],
+				default: 278
+			},
+			emptyRender: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			previewRender: {
+				type: [
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			defaultExpandedPaths: {
+				type: Array,
+				default: void 0
+			},
+			expandedPaths: {
+				type: Array,
+				default: void 0
+			},
+			defaultExpandAll: {
+				type: Boolean,
+				default: true
+			},
+			fileContentService: {
+				type: Object,
+				default: void 0
+			},
+			directoryTitle: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			},
+			previewTitle: {
+				type: [
+					Boolean,
+					String,
+					Number,
+					Object,
+					Array,
+					Function
+				],
+				default: void 0
+			}
+		},
+		emits: {
+			selectedFileChange: (_file) => true,
+			fileClick: (_path, _content) => true,
+			folderClick: (_path) => true,
+			expandedPathsChange: (_paths) => true,
+			"update:selectedFile": (_paths) => true,
+			"update:expandedPaths": (_paths) => true
+		},
+		slots: Object,
+		setup(props, { emit, expose, slots }) {
+			const attrs = (0, vue.useAttrs)();
+			const configCtx = (0, antdv_next_config_provider_context.useConfig)();
+			const contextConfig = useXComponentConfig("folder");
+			const [hashId, cssVarCls] = style_default$8((0, vue.computed)(() => props.prefixCls));
+			const [locale] = useLocale("Folder", localeValues$1.Folder);
+			const rootRef = (0, vue.ref)();
+			const isValidSelectedFile = (filePath) => !!(filePath && filePath.length > 0 && findNodeAndValidate(props.treeData, filePath, true).isValid);
+			const innerSelectedFile = (0, vue.ref)(isValidSelectedFile(props.defaultSelectedFile) ? props.defaultSelectedFile ?? [] : []);
+			const mergedSelectedFile = (0, vue.computed)(() => props.selectedFile !== void 0 ? props.selectedFile : innerSelectedFile.value);
+			const validSelectedFile = (0, vue.ref)(isValidSelectedFile(props.selectedFile ?? props.defaultSelectedFile));
+			(0, vue.watch)(() => [
+				props.selectedFile,
+				props.defaultSelectedFile,
+				props.treeData
+			], () => {
+				validSelectedFile.value = isValidSelectedFile(props.selectedFile ?? props.defaultSelectedFile ?? []);
+			}, { deep: true });
+			const innerExpandedPaths = (0, vue.ref)(props.defaultExpandedPaths);
+			const mergedExpandedPaths = (0, vue.computed)(() => props.expandedPaths !== void 0 ? props.expandedPaths : innerExpandedPaths.value);
+			const fileContent = (0, vue.ref)("");
+			const loadingContent = (0, vue.ref)(false);
+			const loadFileContent = async () => {
+				if (!validSelectedFile.value || mergedSelectedFile.value.length === 0) {
+					fileContent.value = "";
+					loadingContent.value = false;
+					return;
+				}
+				const filePath = mergedSelectedFile.value.join("/");
+				const segments = filePath.split("/").filter((s) => s !== "");
+				const { node } = findNodeAndValidate(props.treeData, segments);
+				if (props.fileContentService) {
+					loadingContent.value = true;
+					try {
+						fileContent.value = await props.fileContentService.loadFileContent(filePath);
+					} catch (error) {
+						fileContent.value = `// ${locale.value.loadError}: ${error instanceof Error ? error.message : "Unknown error"}`;
+					} finally {
+						loadingContent.value = false;
+					}
+					return;
+				}
+				if (node?.content) {
+					fileContent.value = node.content;
+					loadingContent.value = false;
+					return;
+				}
+				fileContent.value = `// ${locale.value.noService}`;
+				loadingContent.value = false;
+			};
+			(0, vue.watch)([
+				validSelectedFile,
+				mergedSelectedFile,
+				() => props.treeData,
+				() => props.fileContentService
+			], () => {
+				loadFileContent();
+			}, {
+				immediate: true,
+				deep: true
+			});
+			const handleSelect = (keys, info) => {
+				const nodes = Array.isArray(info?.selectedNodes) ? info.selectedNodes : info?.selectedNodes ? [info.selectedNodes] : [];
+				if (nodes.some((node) => !node?.isLeaf)) {
+					if (nodes.length === 1) emit("folderClick", nodes[0]?.path ?? "");
+					return;
+				}
+				const pathArray = keys[0]?.split("/").filter(Boolean) ?? [];
+				if (pathArray.length === 0) return;
+				const selectedNode = nodes[0];
+				const fileName = selectedNode?.title;
+				const fileContentValue = selectedNode?.content;
+				emit("selectedFileChange", {
+					path: pathArray,
+					title: fileName,
+					content: fileContentValue
+				});
+				if (!(props.selectedFile !== void 0)) {
+					validSelectedFile.value = true;
+					innerSelectedFile.value = pathArray;
+					emit("update:selectedFile", pathArray);
+				}
+				if (nodes.length === 1) {
+					const node = nodes[0];
+					emit("fileClick", node?.path ?? "", node?.content);
+				}
+			};
+			const handleExpand = (keys) => {
+				const newPaths = keys ?? [];
+				if (props.expandedPaths === void 0) innerExpandedPaths.value = newPaths;
+				emit("update:expandedPaths", newPaths);
+				emit("expandedPathsChange", newPaths);
+			};
+			const domAttrs = (0, vue.computed)(() => {
+				const { class: _c, style: _s, ...rest } = attrs;
+				return rest;
+			});
+			expose({ get nativeElement() {
+				return rootRef.value;
+			} });
+			const mergedDirectoryTitle = (0, vue.computed)(() => slots.directoryTitle ?? props.directoryTitle);
+			const mergedPreviewTitle = (0, vue.computed)(() => slots.previewTitle ?? props.previewTitle);
+			const mergedPreviewRender = (0, vue.computed)(() => {
+				if (slots.previewRender) return (file, info) => slots.previewRender({
+					file,
+					originNode: info.originNode
+				});
+				return props.previewRender;
+			});
+			const mergedEmptyRender = (0, vue.computed)(() => slots.emptyRender ?? props.emptyRender);
+			return () => {
+				const prefixCls = props.prefixCls;
+				return (0, vue.createVNode)("div", (0, vue.mergeProps)({ "ref": rootRef }, domAttrs.value, {
+					"class": [
+						prefixCls,
+						contextConfig.value.classes?.root,
+						props.rootClass,
+						props.classes?.root,
+						hashId.value,
+						cssVarCls.value,
+						attrs.class,
+						props.class,
+						{
+							[`${prefixCls}-rtl`]: configCtx.value.direction === "rtl",
+							[`${prefixCls}-selectable`]: props.selectable
+						}
+					],
+					"style": [
+						contextConfig.value.style,
+						contextConfig.value.styles?.root,
+						props.styles?.root,
+						attrs.style,
+						props.style
+					]
+				}), [(0, vue.createVNode)(antdv_next.Flex, { "class": `${prefixCls}-container` }, { default: () => [(0, vue.createVNode)(antdv_next.Splitter, null, { default: () => [(0, vue.createVNode)(antdv_next.SplitterPanel, { "defaultSize": props.directoryTreeWith }, { default: () => [(0, vue.createVNode)("div", {
+					"class": [`${prefixCls}-directory-tree`, props.classes?.directoryTree],
+					"style": [contextConfig.value.styles?.directoryTree, props.styles?.directoryTree]
+				}, [(0, vue.createVNode)(FolderDirectoryTree, {
+					"prefixCls": prefixCls,
+					"directoryIcons": props.directoryIcons,
+					"treeData": props.treeData,
+					"selectedKeys": props.selectable && mergedSelectedFile.value && validSelectedFile.value ? [mergedSelectedFile.value.join("/")] : [],
+					"classes": props.classes,
+					"styles": props.styles,
+					"expandedKeys": mergedExpandedPaths.value,
+					"defaultExpandAll": props.defaultExpandAll,
+					"directoryTitle": mergedDirectoryTitle.value,
+					"onSelect": handleSelect,
+					"onExpand": handleExpand
+				}, null)])] }), (0, vue.createVNode)(antdv_next.SplitterPanel, null, { default: () => [(0, vue.createVNode)(FilePreview, {
+					"prefixCls": prefixCls,
+					"classes": props.classes,
+					"styles": props.styles,
+					"selectedFile": validSelectedFile.value ? mergedSelectedFile.value : [],
+					"fileContent": fileContent.value,
+					"loading": loadingContent.value,
+					"previewTitle": mergedPreviewTitle.value,
+					"previewRender": mergedPreviewRender.value,
+					"emptyRender": mergedEmptyRender.value,
+					"getFileNode": (path) => {
+						if (!path || path.length === 0) return void 0;
+						const { node } = findNodeAndValidate(props.treeData, path);
+						return node ? {
+							title: node.title,
+							path: node.path,
+							content: node.content
+						} : void 0;
+					}
+				}, null)] })] })] })]);
+			};
+		}
+	});
+	//#endregion
 	//#region components/_utils/warning.ts
 	var warnedMessages = /* @__PURE__ */ new Set();
 	var warning = (valid, component, message) => {
@@ -11430,6 +12139,7 @@
 		XActionsItem,
 		FileCardWithSub,
 		XFileCardList,
+		folder_default,
 		mermaid_default,
 		XAttachments,
 		Sender,
@@ -11465,6 +12175,7 @@
 	exports.ConversationsCreation = Creation;
 	exports.FileCard = FileCardWithSub;
 	exports.FileCardList = XFileCardList;
+	exports.Folder = folder_default;
 	exports.Mermaid = mermaid_default;
 	exports.Notification = notification_default;
 	exports.Prompts = prompts_default;