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

package/dist/suggestion/Suggestion.js

@@ -85,10 +85,18 @@ var XSuggestion = /* @__PURE__ */ defineComponent({
 		const innerOpen = ref(false);
 		const mergedOpen = computed(() => props.open ?? innerOpen.value);
 		const itemList = 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 = ref();
+		const resolveItems = (source, info) => {
+			if (typeof source === "function") return source(info);
+			return Array.isArray(source) ? source : [];
+		};
 		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;
@@ -103,7 +111,8 @@ var XSuggestion = /* @__PURE__ */ defineComponent({
 				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) => {
@@ -113,10 +122,31 @@ var XSuggestion = /* @__PURE__ */ defineComponent({
 			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 = computed(() => {
 			const { class: _class, style: _style, ...rest } = attrs;
 			return rest;
@@ -190,7 +220,8 @@ var XSuggestion = /* @__PURE__ */ defineComponent({
 					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])])] });
 		};
 	}

package/dist/suggestion/useActive.d.ts

@@ -6,5 +6,5 @@ interface ActiveItem {
 /**
  * Cascader does not expose active item control, so we use `value` to mirror focus path.
  */
-export default function useActive(items: Ref<ActiveItem[]>, open: Ref<boolean>, rtl: Ref<boolean>, onCancel: () => void): readonly [Ref<string[], string[]>, (event: KeyboardEvent) => false | undefined];
+export default function useActive(items: Ref<ActiveItem[]>, open: Ref<boolean>, rtl: Ref<boolean>, onCancel: () => void): readonly [Ref<string[], string[]>, (event: KeyboardEvent) => false | undefined, (event: KeyboardEvent) => boolean];
 export {};

package/dist/suggestion/useActive.js

@@ -1,6 +1,13 @@
 import { ref, watch } from "vue";
 //#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) {
@@ -31,6 +38,26 @@ function useActive(items, open, rtl, onCancel) {
 		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) {
@@ -56,18 +83,33 @@ function useActive(items, open, rtl, onCancel) {
 				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;
 		}
 	};
 	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
 export { useActive as default };

package/dist/theme/util/alias.js

@@ -111,19 +111,19 @@ function formatToken(derivativeToken) {
     `,
 		screenXS,
 		screenXSMin: screenXS,
-		screenXSMax: 575,
+		screenXSMax: screenSM - 1,
 		screenSM,
 		screenSMMin: screenSM,
-		screenSMMax: 767,
+		screenSMMax: screenMD - 1,
 		screenMD,
 		screenMDMin: screenMD,
-		screenMDMax: 991,
+		screenMDMax: screenLG - 1,
 		screenLG,
 		screenLGMin: screenLG,
-		screenLGMax: 1199,
+		screenLGMax: screenXL - 1,
 		screenXL,
 		screenXLMin: screenXL,
-		screenXLMax: 1599,
+		screenXLMax: screenXXL - 1,
 		screenXXL,
 		screenXXLMin: screenXXL,
 		boxShadowPopoverArrow: "2px 2px 5px rgba(0, 0, 0, 0.05)",

package/dist/think/Think.js

@@ -142,15 +142,14 @@ var XThink = /* @__PURE__ */ defineComponent({
 		});
 		const prefixCls = computed(() => props.prefixCls);
 		function renderContent() {
-			const node = createVNode("div", { "ref": contentRef }, [createVNode("div", {
+			return withDirectives(createVNode("div", { "ref": contentRef }, [createVNode("div", {
 				"class": [
 					`${prefixCls.value}-content`,
 					contextConfig.value.classes?.content,
 					props.classes?.content
 				],
 				"style": [contextConfig.value.styles?.content, props.styles?.content]
-			}, [slots.default?.()])]);
-			return withDirectives(node, [[vShow, mergedExpanded.value]]);
+			}, [slots.default?.()])]), [[vShow, mergedExpanded.value]]);
 		}
 		expose({ get nativeElement() {
 			return rootRef.value;

package/dist/thought-chain/Node.js

@@ -166,11 +166,10 @@ var Node_default = /* @__PURE__ */ defineComponent({
 			const showContent = hasContent && (!collapsible || props.expanded);
 			const destroyOnHidden = item.destroyOnHidden ?? true;
 			const renderContent = () => {
-				const node = createVNode("div", null, [createVNode("div", {
+				return withDirectives(createVNode("div", null, [createVNode("div", {
 					"class": [`${cls}-content`, props.classes?.itemContent],
 					"style": props.styles?.itemContent
-				}, [createVNode("div", { "class": `${cls}-content-box` }, [contentNode])])]);
-				return withDirectives(node, [[vShow, showContent]]);
+				}, [createVNode("div", { "class": `${cls}-content-box` }, [contentNode])])]), [[vShow, showContent]]);
 			};
 			return createVNode("div", {
 				"class": [`${cls}`, props.classes?.item],

package/dist/x-provider/index.js

@@ -78,7 +78,7 @@ var XProvider = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { slots }) {
 		const attrs = useAttrs();
-		const xProviderConfig = computed(() => {
+		provide(XProviderContextKey, computed(() => {
 			return {
 				attachments: props.attachments,
 				actions: props.actions,
@@ -95,8 +95,7 @@ var XProvider = /* @__PURE__ */ defineComponent({
 				thoughtChain: props.thoughtChain,
 				welcome: props.welcome
 			};
-		});
-		provide(XProviderContextKey, xProviderConfig);
+		}));
 		return () => createVNode(ConfigProvider, mergeProps(attrs, {
 			"theme": props.theme,
 			"locale": props.locale,

package/es/{_basePickBy-CrbncDqR.js → _basePickBy-BL4DHvHb.js}

@@ -1,5 +1,5 @@
 import { A as e, B as t, C as n, E as r, H as i, M as a, U as o, V as s, k as c, p as l, w as u, z as d } from "./isArrayLikeObject-Dqk_yOP-.js";
-import { A as f, C as p, D as m, M as h, N as g, S as _, T as v, f as y, h as b, u as x, w as S } from "./_baseUniq-B-qU_Imh.js";
+import { A as f, C as p, D as m, M as h, N as g, S as _, T as v, f as y, h as b, u as x, w as S } from "./_baseUniq-CyFYmJd-.js";
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_trimmedEndIndex.js
 var C = /\s/;
 function w(e) {

package/es/{_baseUniq-B-qU_Imh.js → _baseUniq-CyFYmJd-.js}

@@ -1,5 +1,5 @@
 import { A as e, B as t, F as n, H as r, M as i, O as a, T as o, U as s, V as c, W as l, _ as u, a as d, b as f, c as p, d as m, g as h, h as g, i as _, k as v, l as y, n as ee, o as b, p as x, r as te, s as ne, u as re, v as ie, w as S, y as C, z as w } from "./isArrayLikeObject-Dqk_yOP-.js";
-import { c as T, l as ae, s as E } from "./mermaid.core-BVGVwWcu.js";
+import { i as ae, n as T, r as E } from "./isEmpty-BJdINx-6.js";
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js
 var oe = "[object Symbol]";
 function D(e) {
@@ -267,13 +267,13 @@ function ut(e, t, n) {
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseIsMap.js
 var dt = "[object Map]";
 function ft(e) {
-	return r(e) && E(e) == dt;
+	return r(e) && T(e) == dt;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isMap.js
 var pt = u && u.isMap, mt = pt ? ie(pt) : ft, ht = "[object Set]";
 function gt(e) {
-	return r(e) && E(e) == ht;
+	return r(e) && T(e) == ht;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isSet.js
@@ -287,7 +287,7 @@ function W(e, r, i, a, o, s) {
 	if (m) {
 		if (l = Re(e), !u) return n(e, l);
 	} else {
-		var h = E(e), g = h == Dt || h == Ot;
+		var h = T(e), g = h == Dt || h == Ot;
 		if (C(e)) return ne(e, u);
 		if (h == jt || h == St || g && !o) {
 			if (l = d || g ? {} : te(e), !u) return d ? Pe(e, Ae(l, e)) : Me(e, ke(l, e));
@@ -447,7 +447,7 @@ function bn(e, t, n, r, i, a) {
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseIsEqualDeep.js
 var xn = 1, Sn = "[object Arguments]", Cn = "[object Array]", Y = "[object Object]", wn = Object.prototype.hasOwnProperty;
 function Tn(e, t, n, r, i, a) {
-	var o = c(e), s = c(t), l = o ? Cn : E(e), u = s ? Cn : E(t);
+	var o = c(e), s = c(t), l = o ? Cn : T(e), u = s ? Cn : T(t);
 	l = l == Sn ? Y : l, u = u == Sn ? Y : u;
 	var d = l == Y, f = u == Y, m = l == u;
 	if (m && C(e)) {
@@ -658,8 +658,8 @@ function Qn(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_createSet.js
-var $n = T && 1 / q(new T([, -0]))[1] == Infinity ? function(e) {
-	return new T(e);
+var $n = E && 1 / q(new E([, -0]))[1] == Infinity ? function(e) {
+	return new E(e);
 } : de, er = 200;
 function tr(e, t, n) {
 	var r = -1, i = _e, a = e.length, o = !0, s = [], c = s;