@antdv-next/x 1.2.1-beta.1 → 1.2.2

package/dist/attachments/index.js

@@ -205,10 +205,9 @@ 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,
+				"placeholder": typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder,
 				"upload": uploadProps.value,
 				"prefixCls": props.prefixCls,
 				"class": mergedClasses.value.placeholder,

package/dist/code-highlighter/style/index.d.ts

@@ -1,51 +1,83 @@
 import { FullToken, GetDefaultToken } from '../../theme/interface';
 export interface ComponentToken {
     /**
-     * 代码字体
+     * @desc 标题背景颜色
+     * @descEN Title background color
      */
-    codeFontFamily?: string;
+    colorBgTitle?: string;
     /**
-     * 代码字体大小
+     * @desc 暗色主题下标题背景颜色
+     * @descEN Title background color in dark theme
      */
-    codeFontSize?: number;
+    colorBgTitleDark?: string;
     /**
-     * 亮色主题下的代码文字颜色，用于语言未命中高亮时的降级文本
+     * @desc 标题文本颜色
+     * @descEN Title text color
      */
-    codeColor?: string;
+    colorTextTitle?: string;
     /**
-     * 暗色主题下的代码文字颜色，用于语言未命中高亮时的降级文本
+     * @desc 暗色主题下标题文本颜色
+     * @descEN Title text color in dark theme
      */
-    codeColorDark?: string;
+    colorTextTitleDark?: string;
+    /**
+     * @desc 代码块边框颜色
+     * @descEN Code block border color
+     */
+    colorBorderCode?: string;
+    /**
+     * @desc 暗色主题下代码块边框颜色
+     * @descEN Code block border color in dark theme
+     */
+    colorBorderCodeDark?: string;
     /**
-     * 亮色主题下代码区与行号栏的背景色
+     * @desc 代码区与行号栏背景色
+     * @descEN Background of the code area and gutter
      */
     codeBg?: string;
     /**
-     * 暗色主题下代码区与行号栏的背景色
+     * @desc 暗色主题下代码区与行号栏背景色
+     * @descEN Background of the code area and gutter in dark theme
      */
     codeBgDark?: string;
     /**
-     * 暗色主题下头部区域的背景色
+     * @desc 代码文字颜色（语言未命中高亮时降级）
+     * @descEN Code text color (fallback when language is not highlighted)
      */
-    codeHeaderBgDark?: string;
+    codeColor?: string;
     /**
-     * 暗色主题下头部与行号栏的分隔线颜色
+     * @desc 暗色主题下代码文字颜色（语言未命中高亮时降级）
+     * @descEN Code text color in dark theme (fallback when language is not highlighted)
      */
-    codeBorderColorDark?: string;
+    codeColorDark?: string;
     /**
-     * 暗色主题下语言标签的文字颜色
+     * @desc 行号文字颜色
+     * @descEN Line number color
      */
-    codeLangColorDark?: string;
+    codeLineNumberColor?: string;
     /**
-     * 暗色主题下行号的文字颜色
+     * @desc 暗色主题下行号文字颜色
+     * @descEN Line number color in dark theme
      */
     codeLineNumberColorDark?: string;
     /**
-     * 暗色主题下头部操作按钮的文字颜色
+     * @desc 操作按钮文字颜色
+     * @descEN Action button color
+     */
+    codeBtnColor?: string;
+    /**
+     * @desc 暗色主题下操作按钮文字颜色
+     * @descEN Action button color in dark theme
      */
     codeBtnColorDark?: string;
     /**
-     * 暗色主题下头部操作按钮悬浮态的背景色
+     * @desc 操作按钮悬浮背景色
+     * @descEN Action button hover background
+     */
+    codeBtnHoverBg?: string;
+    /**
+     * @desc 暗色主题下操作按钮悬浮背景色
+     * @descEN Action button hover background in dark theme
      */
     codeBtnHoverBgDark?: string;
 }

package/dist/code-highlighter/style/index.js

@@ -1,6 +1,7 @@
 import { genStyleHooks } from "../../theme/genStyleUtils.js";
 import { unit } from "@antdv-next/cssinjs";
 import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
+import { FastColor } from "@ant-design/fast-color";
 //#region components/code-highlighter/style/index.ts
 var genCodeHighlighterStyle = (token) => {
 	const { componentCls } = token;
@@ -8,21 +9,20 @@ var genCodeHighlighterStyle = (token) => {
 		position: "relative",
 		borderRadius: token.borderRadiusLG,
 		overflow: "hidden",
-		fontFamily: token.fontFamily,
 		fontSize: token.fontSize,
-		border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+		border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 		[`${componentCls}-header`]: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
 			paddingInline: unit(token.paddingSM),
 			paddingBlock: 4,
-			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
-			backgroundColor: token.colorFillSecondary
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
+			backgroundColor: token.colorBgTitle
 		},
 		[`${componentCls}-lang`]: {
 			fontSize: token.fontSizeSM,
-			color: token.colorTextSecondary,
+			color: token.colorTextTitle,
 			fontWeight: 500,
 			textTransform: "capitalize"
 		},
@@ -31,7 +31,13 @@ var genCodeHighlighterStyle = (token) => {
 			alignItems: "center",
 			gap: token.paddingXXS
 		},
-		[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: { color: token.colorTextSecondary },
+		[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
+			color: `${token.codeBtnColor} !important`,
+			"&:hover, &:focus": {
+				color: `${token.codeBtnColor} !important`,
+				backgroundColor: `${token.codeBtnHoverBg} !important`
+			}
+		},
 		[`${componentCls}-content`]: {
 			display: "flex",
 			overflow: "auto",
@@ -43,18 +49,18 @@ var genCodeHighlighterStyle = (token) => {
 			paddingInline: unit(token.paddingXS),
 			textAlign: "right",
 			backgroundColor: token.codeBg,
-			borderRight: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+			borderRight: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 			userSelect: "none",
 			flexShrink: 0,
 			minWidth: "3em",
 			lineHeight: "1.5em"
 		},
 		[`${componentCls}-line-number`]: {
-			fontFamily: token.codeFontFamily,
-			fontSize: unit(token.codeFontSize ?? 13),
+			fontFamily: token.fontFamilyCode,
+			fontSize: unit(token.fontSize),
 			lineHeight: "1.5em",
 			height: "1.5em",
-			color: token.colorTextQuaternary,
+			color: token.codeLineNumberColor,
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "flex-end",
@@ -68,8 +74,8 @@ var genCodeHighlighterStyle = (token) => {
 				margin: 0,
 				padding: unit(token.paddingSM),
 				backgroundColor: "transparent !important",
-				fontFamily: token.codeFontFamily,
-				fontSize: unit(token.codeFontSize ?? 13),
+				fontFamily: token.fontFamilyCode,
+				fontSize: unit(token.fontSize),
 				lineHeight: "1.5em",
 				overflow: "visible"
 			},
@@ -82,12 +88,12 @@ var genCodeHighlighterStyle = (token) => {
 			}
 		},
 		[`&${componentCls}-dark`]: {
-			borderColor: token.colorBorder,
+			borderColor: token.colorBorderCodeDark,
 			[`${componentCls}-header`]: {
-				backgroundColor: token.codeHeaderBgDark,
-				borderBottomColor: token.codeBorderColorDark
+				backgroundColor: token.colorBgTitleDark,
+				borderBottomColor: token.colorBorderCodeDark
 			},
-			[`${componentCls}-lang`]: { color: token.codeLangColorDark },
+			[`${componentCls}-lang`]: { color: token.colorTextTitleDark },
 			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
 				color: `${token.codeBtnColorDark} !important`,
 				"&:hover, &:focus": {
@@ -98,27 +104,34 @@ var genCodeHighlighterStyle = (token) => {
 			[`${componentCls}-content`]: { backgroundColor: token.codeBgDark },
 			[`${componentCls}-line-numbers`]: {
 				backgroundColor: token.codeBgDark,
-				borderRightColor: token.codeBorderColorDark
+				borderRightColor: token.colorBorderCodeDark
 			},
 			[`${componentCls}-line-number`]: { color: token.codeLineNumberColorDark },
 			[`${componentCls}-code`]: { color: token.codeColorDark }
 		}
 	} };
 };
-var prepareComponentToken = () => ({
-	codeFontFamily: "'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
-	codeFontSize: 14,
-	codeColor: "#393a34",
-	codeColorDark: "#dbd7caee",
-	codeBg: "#fafafa",
-	codeBgDark: "#1e1e1e",
-	codeHeaderBgDark: "#252526",
-	codeBorderColorDark: "#3e3e42",
-	codeLangColorDark: "#cccccc",
-	codeLineNumberColorDark: "#858585",
-	codeBtnColorDark: "#ffffff",
-	codeBtnHoverBgDark: "#3e3e42"
-});
+var prepareComponentToken = (token) => {
+	const isDarkApp = new FastColor(token.colorBgContainer).isDark();
+	return {
+		colorBgTitle: isDarkApp ? "#f0f0f0" : token.colorFillContent,
+		colorTextTitle: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorText,
+		colorBorderCode: isDarkApp ? "#f0f0f0" : token.colorBorderSecondary,
+		codeColor: isDarkApp ? "#393a34" : token.colorText,
+		codeBg: isDarkApp ? "#fafafa" : token.colorBgLayout,
+		codeLineNumberColor: isDarkApp ? "rgba(0, 0, 0, 0.25)" : token.colorTextQuaternary,
+		codeBtnColor: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorTextSecondary,
+		codeBtnHoverBg: isDarkApp ? "rgba(0, 0, 0, 0.06)" : token.colorFillSecondary,
+		colorBgTitleDark: isDarkApp ? token.colorFillContent : "#252526",
+		colorTextTitleDark: isDarkApp ? token.colorText : "#cccccc",
+		colorBorderCodeDark: isDarkApp ? token.colorBorder : "#3e3e42",
+		codeColorDark: isDarkApp ? token.colorText : "#dbd7caee",
+		codeBgDark: isDarkApp ? token.colorBgElevated : "#1e1e1e",
+		codeLineNumberColorDark: isDarkApp ? token.colorTextQuaternary : "#858585",
+		codeBtnColorDark: isDarkApp ? token.colorText : "#ffffff",
+		codeBtnHoverBgDark: isDarkApp ? token.colorFillSecondary : "#3e3e42"
+	};
+};
 var style_default = genStyleHooks("CodeHighlighter", (token) => {
 	return [genCodeHighlighterStyle(mergeToken(token, {}))];
 }, prepareComponentToken);

package/dist/index.umd.js

@@ -56,7 +56,7 @@
 		}
 		return to;
 	};
-	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 		value: mod,
 		enumerable: true
 	}) : target, mod));
@@ -66,7 +66,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs, 1);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs, 1);
 	//#region package.json
-	var version = "1.2.1-beta.1";
+	var version = "1.2.2";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -3165,10 +3165,9 @@
 				}
 			});
 			const getPlaceholderNode = (type, options) => {
-				const placeholderContent = typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder;
 				return (0, vue.createVNode)(PlaceholderUploader, {
 					"type": type,
-					"placeholder": placeholderContent,
+					"placeholder": typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder,
 					"upload": uploadProps.value,
 					"prefixCls": props.prefixCls,
 					"class": mergedClasses.value.placeholder,
@@ -4897,21 +4896,20 @@
 			position: "relative",
 			borderRadius: token.borderRadiusLG,
 			overflow: "hidden",
-			fontFamily: token.fontFamily,
 			fontSize: token.fontSize,
-			border: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+			border: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 			[`${componentCls}-header`]: {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
 				paddingInline: (0, _antdv_next_cssinjs.unit)(token.paddingSM),
 				paddingBlock: 4,
-				borderBottom: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
-				backgroundColor: token.colorFillSecondary
+				borderBottom: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
+				backgroundColor: token.colorBgTitle
 			},
 			[`${componentCls}-lang`]: {
 				fontSize: token.fontSizeSM,
-				color: token.colorTextSecondary,
+				color: token.colorTextTitle,
 				fontWeight: 500,
 				textTransform: "capitalize"
 			},
@@ -4920,7 +4918,13 @@
 				alignItems: "center",
 				gap: token.paddingXXS
 			},
-			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: { color: token.colorTextSecondary },
+			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
+				color: `${token.codeBtnColor} !important`,
+				"&:hover, &:focus": {
+					color: `${token.codeBtnColor} !important`,
+					backgroundColor: `${token.codeBtnHoverBg} !important`
+				}
+			},
 			[`${componentCls}-content`]: {
 				display: "flex",
 				overflow: "auto",
@@ -4932,18 +4936,18 @@
 				paddingInline: (0, _antdv_next_cssinjs.unit)(token.paddingXS),
 				textAlign: "right",
 				backgroundColor: token.codeBg,
-				borderRight: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+				borderRight: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 				userSelect: "none",
 				flexShrink: 0,
 				minWidth: "3em",
 				lineHeight: "1.5em"
 			},
 			[`${componentCls}-line-number`]: {
-				fontFamily: token.codeFontFamily,
-				fontSize: (0, _antdv_next_cssinjs.unit)(token.codeFontSize ?? 13),
+				fontFamily: token.fontFamilyCode,
+				fontSize: (0, _antdv_next_cssinjs.unit)(token.fontSize),
 				lineHeight: "1.5em",
 				height: "1.5em",
-				color: token.colorTextQuaternary,
+				color: token.codeLineNumberColor,
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "flex-end",
@@ -4957,8 +4961,8 @@
 					margin: 0,
 					padding: (0, _antdv_next_cssinjs.unit)(token.paddingSM),
 					backgroundColor: "transparent !important",
-					fontFamily: token.codeFontFamily,
-					fontSize: (0, _antdv_next_cssinjs.unit)(token.codeFontSize ?? 13),
+					fontFamily: token.fontFamilyCode,
+					fontSize: (0, _antdv_next_cssinjs.unit)(token.fontSize),
 					lineHeight: "1.5em",
 					overflow: "visible"
 				},
@@ -4971,12 +4975,12 @@
 				}
 			},
 			[`&${componentCls}-dark`]: {
-				borderColor: token.colorBorder,
+				borderColor: token.colorBorderCodeDark,
 				[`${componentCls}-header`]: {
-					backgroundColor: token.codeHeaderBgDark,
-					borderBottomColor: token.codeBorderColorDark
+					backgroundColor: token.colorBgTitleDark,
+					borderBottomColor: token.colorBorderCodeDark
 				},
-				[`${componentCls}-lang`]: { color: token.codeLangColorDark },
+				[`${componentCls}-lang`]: { color: token.colorTextTitleDark },
 				[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
 					color: `${token.codeBtnColorDark} !important`,
 					"&:hover, &:focus": {
@@ -4987,27 +4991,34 @@
 				[`${componentCls}-content`]: { backgroundColor: token.codeBgDark },
 				[`${componentCls}-line-numbers`]: {
 					backgroundColor: token.codeBgDark,
-					borderRightColor: token.codeBorderColorDark
+					borderRightColor: token.colorBorderCodeDark
 				},
 				[`${componentCls}-line-number`]: { color: token.codeLineNumberColorDark },
 				[`${componentCls}-code`]: { color: token.codeColorDark }
 			}
 		} };
 	};
-	var prepareComponentToken$10 = () => ({
-		codeFontFamily: "'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
-		codeFontSize: 14,
-		codeColor: "#393a34",
-		codeColorDark: "#dbd7caee",
-		codeBg: "#fafafa",
-		codeBgDark: "#1e1e1e",
-		codeHeaderBgDark: "#252526",
-		codeBorderColorDark: "#3e3e42",
-		codeLangColorDark: "#cccccc",
-		codeLineNumberColorDark: "#858585",
-		codeBtnColorDark: "#ffffff",
-		codeBtnHoverBgDark: "#3e3e42"
-	});
+	var prepareComponentToken$10 = (token) => {
+		const isDarkApp = new _ant_design_fast_color.FastColor(token.colorBgContainer).isDark();
+		return {
+			colorBgTitle: isDarkApp ? "#f0f0f0" : token.colorFillContent,
+			colorTextTitle: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorText,
+			colorBorderCode: isDarkApp ? "#f0f0f0" : token.colorBorderSecondary,
+			codeColor: isDarkApp ? "#393a34" : token.colorText,
+			codeBg: isDarkApp ? "#fafafa" : token.colorBgLayout,
+			codeLineNumberColor: isDarkApp ? "rgba(0, 0, 0, 0.25)" : token.colorTextQuaternary,
+			codeBtnColor: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorTextSecondary,
+			codeBtnHoverBg: isDarkApp ? "rgba(0, 0, 0, 0.06)" : token.colorFillSecondary,
+			colorBgTitleDark: isDarkApp ? token.colorFillContent : "#252526",
+			colorTextTitleDark: isDarkApp ? token.colorText : "#cccccc",
+			colorBorderCodeDark: isDarkApp ? token.colorBorder : "#3e3e42",
+			codeColorDark: isDarkApp ? token.colorText : "#dbd7caee",
+			codeBgDark: isDarkApp ? token.colorBgElevated : "#1e1e1e",
+			codeLineNumberColorDark: isDarkApp ? token.colorTextQuaternary : "#858585",
+			codeBtnColorDark: isDarkApp ? token.colorText : "#ffffff",
+			codeBtnHoverBgDark: isDarkApp ? token.colorFillSecondary : "#3e3e42"
+		};
+	};
 	var style_default$10 = genStyleHooks("CodeHighlighter", (token) => {
 		return [genCodeHighlighterStyle((0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {}))];
 	}, prepareComponentToken$10);
@@ -10726,6 +10737,13 @@
 	//#endregion
 	//#region components/suggestion/useActive.ts
 	/**
+	* An Enter pressed with a modifier or while an IME is composing belongs to the trigger
+	* (submit, newline, candidate confirmation), never to the suggestion list.
+	*/
+	function isPlainEnter(event) {
+		return !event.isComposing && !event.shiftKey && !event.ctrlKey && !event.altKey && !event.metaKey;
+	}
+	/**
 	* Cascader does not expose active item control, so we use `value` to mirror focus path.
 	*/
 	function useActive(items, open, rtl, onCancel) {
@@ -10756,6 +10774,26 @@
 			const firstItem = getItems(activePaths.value.length + 1)[0];
 			if (firstItem) activePaths.value = [...activePaths.value, firstItem.value];
 		};
+		const getActiveItem = () => {
+			let currentItems = items.value;
+			let activeItem;
+			for (const activePath of activePaths.value) {
+				activeItem = currentItems.find((item) => item.value === activePath);
+				if (!activeItem) return void 0;
+				currentItems = activeItem.children || [];
+			}
+			return activeItem;
+		};
+		/**
+		* Whether this Enter belongs to the popup: it needs an open popup, a plain Enter and a
+		* leaf item to select. Anything else stays with the trigger, so the input can still
+		* submit, insert a newline or confirm an IME candidate.
+		*/
+		const shouldSelectOnEnter = (event) => {
+			if (!open.value || !isPlainEnter(event)) return false;
+			const activeItem = getActiveItem();
+			return !!activeItem && !activeItem.children?.length;
+		};
 		const onKeyDown = (event) => {
 			if (!open.value) return;
 			switch (event.key) {
@@ -10781,18 +10819,33 @@
 					event.preventDefault();
 					event.stopPropagation();
 					break;
-				case "Enter":
+				case "Enter": {
+					if (!isPlainEnter(event)) break;
+					const activeItem = getActiveItem();
+					if (!activeItem) break;
 					event.preventDefault();
+					if (activeItem.children?.length) {
+						offsetNext();
+						event.stopPropagation();
+					}
 					return false;
+				}
 				case "Escape":
 					onCancel();
 					event.preventDefault();
+					event.stopPropagation();
+					break;
+				default: break;
 			}
 		};
 		(0, vue.watch)([open, items], ([nextOpen, nextItems]) => {
 			if (nextOpen && Array.isArray(nextItems) && nextItems.length > 0) activePaths.value = [nextItems[0].value];
 		}, { immediate: true });
-		return [activePaths, onKeyDown];
+		return [
+			activePaths,
+			onKeyDown,
+			shouldSelectOnEnter
+		];
 	}
 	//#endregion
 	//#region components/suggestion/index.tsx
@@ -10875,10 +10928,18 @@
 			const innerOpen = (0, vue.ref)(false);
 			const mergedOpen = (0, vue.computed)(() => props.open ?? innerOpen.value);
 			const itemList = (0, vue.ref)([]);
+			/**
+			* What the last `onTrigger` asked for. A function `items` is usually an inline arrow,
+			* so it gets a new identity on every parent render — without this the watcher below
+			* would re-evaluate it with no info and drop the triggered list.
+			*/
+			const triggerInfo = (0, vue.ref)();
+			const resolveItems = (source, info) => {
+				if (typeof source === "function") return source(info);
+				return Array.isArray(source) ? source : [];
+			};
 			(0, vue.watch)(() => props.items, (nextItems) => {
-				if (Array.isArray(nextItems)) itemList.value = nextItems;
-				else if (typeof nextItems === "function") itemList.value = nextItems();
-				else itemList.value = [];
+				itemList.value = resolveItems(nextItems, triggerInfo.value);
 			}, { immediate: true });
 			const triggerOpen = (nextOpen) => {
 				if (props.open === void 0) innerOpen.value = nextOpen;
@@ -10893,7 +10954,8 @@
 					triggerOpen(false);
 					return;
 				}
-				if (typeof props.items === "function") itemList.value = props.items(nextInfo);
+				triggerInfo.value = nextInfo;
+				if (typeof props.items === "function") itemList.value = resolveItems(props.items, nextInfo);
 				triggerOpen(true);
 			};
 			const onInternalChange = (valuePath, selectedOptions) => {
@@ -10903,10 +10965,31 @@
 				if (lastValue !== void 0) emit("select", String(lastValue), selected);
 				triggerOpen(false);
 			};
-			const [activePath, onKeyDown] = useActive(itemList, mergedOpen, isRtl, onClose);
+			const [activePath, onKeyDown, shouldSelectOnEnter] = useActive(itemList, mergedOpen, isRtl, onClose);
 			const onInternalOpenChange = (nextOpen) => {
 				if (!nextOpen) onClose();
 			};
+			/**
+			* Cascader renders our children as its raw input element, so every keydown from the
+			* children bubbles into BaseSelect's keyboard model. That model is built for a
+			* non-editable trigger and breaks typing inside an editable one such as Sender:
+			*
+			* - Space is always `preventDefault()`ed, so no space can be typed;
+			* - Enter is always `preventDefault()`ed, even when there is nothing to select;
+			* - Backspace makes the option list step back a level or close the popup.
+			*
+			* Keep exactly those inside the content wrapper. Every other key — Escape, arrows,
+			* application shortcuts — must keep bubbling, otherwise the app around us stops
+			* receiving keyboard events while the trigger has focus.
+			*/
+			const onContentKeyDown = (event) => {
+				const { key } = event;
+				if (key === "Enter") {
+					if (!shouldSelectOnEnter(event)) event.stopPropagation();
+					return;
+				}
+				if (key === " " || key === "Backspace" && mergedOpen.value) event.stopPropagation();
+			};
 			const domAttrs = (0, vue.computed)(() => {
 				const { class: _class, style: _style, ...rest } = attrs;
 				return rest;
@@ -10980,7 +11063,8 @@
 						contextConfig.value.classes?.content,
 						mergedClasses.value.content
 					],
-					"style": [contextConfig.value.styles?.content, mergedStyles.value.content]
+					"style": [contextConfig.value.styles?.content, mergedStyles.value.content],
+					"onKeydown": onContentKeyDown
 				}, [childNode])])] });
 			};
 		}
@@ -11203,15 +11287,14 @@
 			});
 			const prefixCls = (0, vue.computed)(() => props.prefixCls);
 			function renderContent() {
-				const node = (0, vue.createVNode)("div", { "ref": contentRef }, [(0, vue.createVNode)("div", {
+				return (0, vue.withDirectives)((0, vue.createVNode)("div", { "ref": contentRef }, [(0, vue.createVNode)("div", {
 					"class": [
 						`${prefixCls.value}-content`,
 						contextConfig.value.classes?.content,
 						props.classes?.content
 					],
 					"style": [contextConfig.value.styles?.content, props.styles?.content]
-				}, [slots.default?.()])]);
-				return (0, vue.withDirectives)(node, [[vue.vShow, mergedExpanded.value]]);
+				}, [slots.default?.()])]), [[vue.vShow, mergedExpanded.value]]);
 			}
 			expose({ get nativeElement() {
 				return rootRef.value;
@@ -11775,11 +11858,10 @@
 				const showContent = hasContent && (!collapsible || props.expanded);
 				const destroyOnHidden = item.destroyOnHidden ?? true;
 				const renderContent = () => {
-					const node = (0, vue.createVNode)("div", null, [(0, vue.createVNode)("div", {
+					return (0, vue.withDirectives)((0, vue.createVNode)("div", null, [(0, vue.createVNode)("div", {
 						"class": [`${cls}-content`, props.classes?.itemContent],
 						"style": props.styles?.itemContent
-					}, [(0, vue.createVNode)("div", { "class": `${cls}-content-box` }, [contentNode])])]);
-					return (0, vue.withDirectives)(node, [[vue.vShow, showContent]]);
+					}, [(0, vue.createVNode)("div", { "class": `${cls}-content-box` }, [contentNode])])]), [[vue.vShow, showContent]]);
 				};
 				return (0, vue.createVNode)("div", {
 					"class": [`${cls}`, props.classes?.item],
@@ -12263,7 +12345,7 @@
 		},
 		setup(props, { slots }) {
 			const attrs = (0, vue.useAttrs)();
-			const xProviderConfig = (0, vue.computed)(() => {
+			(0, vue.provide)(XProviderContextKey, (0, vue.computed)(() => {
 				return {
 					attachments: props.attachments,
 					actions: props.actions,
@@ -12280,8 +12362,7 @@
 					thoughtChain: props.thoughtChain,
 					welcome: props.welcome
 				};
-			});
-			(0, vue.provide)(XProviderContextKey, xProviderConfig);
+			}));
 			return () => (0, vue.createVNode)(antdv_next.ConfigProvider, (0, vue.mergeProps)(attrs, {
 				"theme": props.theme,
 				"locale": props.locale,

package/dist/package.js

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

package/dist/sender/hooks/use-speech.js

@@ -21,8 +21,7 @@ function useSpeech(onSpeech, allowSpeech) {
 			};
 			permissionStatus = status;
 		}).catch((error) => {
-			const message = error instanceof Error ? error.message : String(error);
-			warning(false, "Sender", `Browser does not support querying microphone permission. ${message}`);
+			warning(false, "Sender", `Browser does not support querying microphone permission. ${error instanceof Error ? error.message : String(error)}`);
 		});
 	});
 	onBeforeUnmount(() => {