@v-c/trigger 1.0.1 → 1.0.3

package/dist/Popup/Arrow.cjs

@@ -1,6 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 const Arrow = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: {
 		prefixCls: {
@@ -50,7 +51,7 @@ const Arrow = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 			return (0, vue.createVNode)("div", {
 				"ref": arrowRef,
-				"class": (0, __v_c_util.classNames)(`${prefixCls}-arrow`, className),
+				"class": (0, _v_c_util.classNames)(`${prefixCls}-arrow`, className),
 				"style": {
 					...alignStyle,
 					...style

package/dist/Popup/Mask.cjs

@@ -1,12 +1,15 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
+let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
 var Mask = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 	return () => {
 		const { prefixCls, open, zIndex, mask, motion, mobile } = props;
 		if (!mask) return null;
-		return (0, vue.createVNode)(vue.Transition, (0, __v_c_util_dist_utils_transition.getTransitionProps)(motion?.name, motion), { default: () => [open ? (0, vue.createVNode)("div", {
+		return (0, vue.createVNode)(vue.Transition, (0, _v_c_util_dist_utils_transition.getTransitionProps)(motion?.name, motion), { default: () => [open ? (0, vue.createVNode)("div", {
 			"style": { zIndex },
 			"class": [
 				`${prefixCls}-mask`,

package/dist/Popup/PopupContent.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var PopupContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {

package/dist/Popup/index.cjs

@@ -1,18 +1,20 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_useOffsetStyle = require("../hooks/useOffsetStyle.cjs");
 const require_Arrow = require("./Arrow.cjs");
 const require_Mask = require("./Mask.cjs");
 const require_PopupContent = require("./PopupContent.cjs");
 let vue = require("vue");
-let __v_c_resize_observer = require("@v-c/resize-observer");
-__v_c_resize_observer = require_rolldown_runtime.__toESM(__v_c_resize_observer);
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let __v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
+let _v_c_resize_observer = require("@v-c/resize-observer");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
 var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, expose }) => {
 	const popupContent = (0, vue.computed)(() => typeof props.popup === "function" ? props.popup() : props.popup);
-	const { offsetX, offsetR, offsetY, offsetB, open, ready, align } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align");
+	const { offsetX, offsetR, offsetY, offsetB, open, ready, align } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align");
 	const isNodeVisible = (0, vue.computed)(() => props.open || props.keepDom);
 	const isMobile = (0, vue.computed)(() => !!props.mobile);
 	const getPopupContainerNeedParams = props?.getPopupContainer?.length > 0;
@@ -46,9 +48,10 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		getElement: () => popupElementRef.value,
 		nativeElement: popupElementRef
 	});
+	(0, _v_c_resize_observer.useResizeObserver)(open, popupElementRef, onInternalResize);
 	return () => {
 		if (!show.value) return null;
-		const { stretch, targetHeight, targetWidth, portal: Portal, forceRender, getPopupContainer, target, autoDestroy, zIndex, prefixCls, arrow, arrowPos, align: align$1, onMouseEnter, onMouseLeave, onPointerEnter, onPointerDownCapture, onClick, fresh, onPrepare, onVisibleChanged } = props;
+		const { onEsc, stretch, targetHeight, targetWidth, portal: Portal, forceRender, getPopupContainer, target, autoDestroy, zIndex, prefixCls, arrow, arrowPos, align: align$1, onMouseEnter, onMouseLeave, onPointerEnter, onPointerDownCapture, onClick, fresh, onPrepare, onVisibleChanged } = props;
 		const miscStyle = {};
 		if (stretch) {
 			if (stretch.includes("height") && targetHeight) miscStyle.height = `${targetHeight}px`;
@@ -59,7 +62,7 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		if (!open.value) miscStyle.pointerEvents = "none";
 		const [mergedMask, mergedMaskMotion, mergedPopupMotion] = mergedProps.value;
 		const popupMotionName = mergedPopupMotion?.name ?? mergedPopupMotion?.motionName;
-		const baseTransitionProps = popupMotionName ? (0, __v_c_util_dist_utils_transition.getTransitionProps)(popupMotionName, mergedPopupMotion) : {
+		const baseTransitionProps = popupMotionName ? (0, _v_c_util_dist_utils_transition.getTransitionProps)(popupMotionName, mergedPopupMotion) : {
 			appear: true,
 			...mergedPopupMotion || {}
 		};
@@ -69,21 +72,26 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 			onBeforeEnter: (element) => {
 				onPrepare?.();
 				baseTransitionProps?.onBeforeEnter?.(element);
-				onVisibleChanged?.(true);
 			},
 			onAfterEnter: (element) => {
 				baseTransitionProps?.onAfterEnter?.(element);
+				requestAnimationFrame(() => {
+					requestAnimationFrame(() => {
+						onVisibleChanged?.(true);
+					});
+				});
 			},
 			onAfterLeave: (element) => {
 				baseTransitionProps.onAfterLeave?.(element);
 				onVisibleChanged?.(false);
 			}
 		};
-		const cls = (0, __v_c_util.classNames)(prefixCls, attrs.class, props.className, { [`${prefixCls}-mobile`]: isMobile.value });
+		const cls = (0, _v_c_util.classNames)(prefixCls, attrs.class, props.className, { [`${prefixCls}-mobile`]: isMobile.value });
 		return (0, vue.createVNode)(Portal, {
 			"open": forceRender || isNodeVisible.value,
 			"getContainer": getPopupContainer && (() => getPopupContainer(target)),
-			"autoDestroy": autoDestroy
+			"autoDestroy": autoDestroy,
+			"onEsc": onEsc
 		}, { default: () => [
 			(0, vue.createVNode)(require_Mask.default, {
 				"prefixCls": prefixCls,
@@ -93,10 +101,7 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 				"motion": mergedMaskMotion,
 				"mobile": isMobile.value
 			}, null),
-			(0, vue.createVNode)(__v_c_resize_observer.default, {
-				"onResize": onInternalResize,
-				"disabled": !open.value
-			}, { default: () => [(0, vue.createVNode)(vue.Transition, mergedTransitionProps, { default: () => [(0, vue.withDirectives)((0, vue.createVNode)("div", (0, vue.mergeProps)({
+			(0, vue.createVNode)(vue.Transition, mergedTransitionProps, { default: () => [(0, vue.withDirectives)((0, vue.createVNode)("div", (0, vue.mergeProps)({
 				"ref": popupElementRef,
 				"class": cls,
 				"style": [
@@ -121,11 +126,15 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 				"arrow": arrow === true ? {} : arrow,
 				"arrowPos": arrowPos,
 				"align": align$1
-			}, null), (0, vue.createVNode)(require_PopupContent.default, { "cache": !open.value && !fresh }, { default: () => [popupContent.value] })]), [[vue.vShow, open.value]])] })] }),
+			}, null), (0, vue.createVNode)(require_PopupContent.default, { "cache": !open.value && !fresh }, { default: () => [popupContent.value] })]), [[vue.vShow, open.value]])] }),
 			slots?.default?.()
 		] });
 	};
 }, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+	onEsc: {
+		required: false,
+		default: void 0
+	},
 	prefixCls: {
 		type: String,
 		required: true,
@@ -137,7 +146,7 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
@@ -148,7 +157,6 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		default: void 0
 	},
 	target: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -248,7 +256,6 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		default: void 0
 	},
 	portal: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -278,7 +285,6 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		default: void 0
 	},
 	onAlign: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -303,7 +309,6 @@ var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, exp
 		default: void 0
 	},
 	onResize: {
-		type: null,
 		required: false,
 		default: void 0
 	},

package/dist/Popup/index.d.ts

@@ -1,3 +1,4 @@
+import { PortalProps } from '@v-c/portal';
 import { ResizeObserverProps } from '@v-c/resize-observer';
 import { CSSMotionProps } from '@v-c/util/dist/utils/transition';
 import { CSSProperties } from 'vue';
@@ -11,6 +12,7 @@ export interface MobileConfig {
     maskMotion?: CSSMotionProps;
 }
 export interface PopupProps {
+    onEsc?: PortalProps['onEsc'];
     prefixCls: string;
     className?: string;
     style?: CSSProperties;

package/dist/Popup/index.js

@@ -3,7 +3,7 @@ import { Arrow } from "./Arrow.js";
 import Mask_default from "./Mask.js";
 import PopupContent_default from "./PopupContent.js";
 import { Transition, computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, shallowRef, vShow, watchEffect, withDirectives } from "vue";
-import ResizeObserver from "@v-c/resize-observer";
+import { useResizeObserver } from "@v-c/resize-observer";
 import { classNames } from "@v-c/util";
 import { toPropsRefs } from "@v-c/util/dist/props-util";
 import { getTransitionProps } from "@v-c/util/dist/utils/transition";
@@ -43,9 +43,10 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		getElement: () => popupElementRef.value,
 		nativeElement: popupElementRef
 	});
+	useResizeObserver(open, popupElementRef, onInternalResize);
 	return () => {
 		if (!show.value) return null;
-		const { stretch, targetHeight, targetWidth, portal: Portal, forceRender, getPopupContainer, target, autoDestroy, zIndex, prefixCls, arrow, arrowPos, align: align$1, onMouseEnter, onMouseLeave, onPointerEnter, onPointerDownCapture, onClick, fresh, onPrepare, onVisibleChanged } = props;
+		const { onEsc, stretch, targetHeight, targetWidth, portal: Portal, forceRender, getPopupContainer, target, autoDestroy, zIndex, prefixCls, arrow, arrowPos, align: align$1, onMouseEnter, onMouseLeave, onPointerEnter, onPointerDownCapture, onClick, fresh, onPrepare, onVisibleChanged } = props;
 		const miscStyle = {};
 		if (stretch) {
 			if (stretch.includes("height") && targetHeight) miscStyle.height = `${targetHeight}px`;
@@ -66,10 +67,14 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 			onBeforeEnter: (element) => {
 				onPrepare?.();
 				baseTransitionProps?.onBeforeEnter?.(element);
-				onVisibleChanged?.(true);
 			},
 			onAfterEnter: (element) => {
 				baseTransitionProps?.onAfterEnter?.(element);
+				requestAnimationFrame(() => {
+					requestAnimationFrame(() => {
+						onVisibleChanged?.(true);
+					});
+				});
 			},
 			onAfterLeave: (element) => {
 				baseTransitionProps.onAfterLeave?.(element);
@@ -80,7 +85,8 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		return createVNode(Portal, {
 			"open": forceRender || isNodeVisible.value,
 			"getContainer": getPopupContainer && (() => getPopupContainer(target)),
-			"autoDestroy": autoDestroy
+			"autoDestroy": autoDestroy,
+			"onEsc": onEsc
 		}, { default: () => [
 			createVNode(Mask_default, {
 				"prefixCls": prefixCls,
@@ -90,10 +96,7 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 				"motion": mergedMaskMotion,
 				"mobile": isMobile.value
 			}, null),
-			createVNode(ResizeObserver, {
-				"onResize": onInternalResize,
-				"disabled": !open.value
-			}, { default: () => [createVNode(Transition, mergedTransitionProps, { default: () => [withDirectives(createVNode("div", mergeProps({
+			createVNode(Transition, mergedTransitionProps, { default: () => [withDirectives(createVNode("div", mergeProps({
 				"ref": popupElementRef,
 				"class": cls,
 				"style": [
@@ -118,11 +121,15 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 				"arrow": arrow === true ? {} : arrow,
 				"arrowPos": arrowPos,
 				"align": align$1
-			}, null), createVNode(PopupContent_default, { "cache": !open.value && !fresh }, { default: () => [popupContent.value] })]), [[vShow, open.value]])] })] }),
+			}, null), createVNode(PopupContent_default, { "cache": !open.value && !fresh }, { default: () => [popupContent.value] })]), [[vShow, open.value]])] }),
 			slots?.default?.()
 		] });
 	};
 }, { props: /* @__PURE__ */ mergeDefaults({
+	onEsc: {
+		required: false,
+		default: void 0
+	},
 	prefixCls: {
 		type: String,
 		required: true,
@@ -134,7 +141,7 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
@@ -145,7 +152,6 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		default: void 0
 	},
 	target: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -245,7 +251,6 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		default: void 0
 	},
 	portal: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -275,7 +280,6 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		default: void 0
 	},
 	onAlign: {
-		type: null,
 		required: true,
 		default: void 0
 	},
@@ -300,7 +304,6 @@ var Popup_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expo
 		default: void 0
 	},
 	onResize: {
-		type: null,
 		required: false,
 		default: void 0
 	},

package/dist/UniqueProvider/UniqueContainer.cjs

@@ -1,19 +1,21 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_useOffsetStyle = require("../hooks/useOffsetStyle.cjs");
 let vue = require("vue");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let __v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
 var UniqueContainer = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 	const motionVisible = (0, vue.shallowRef)(false);
-	const { open, isMobile, align, ready, offsetR, offsetB, offsetX, offsetY } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "open", "isMobile", "align", "ready", "offsetR", "offsetB", "offsetX", "offsetY");
+	const { open, isMobile, align, ready, offsetR, offsetB, offsetX, offsetY } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "open", "isMobile", "align", "ready", "offsetR", "offsetB", "offsetX", "offsetY");
 	const offsetStyle = require_useOffsetStyle.default(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY);
 	const cachedOffsetStyleRef = (0, vue.shallowRef)(offsetStyle.value);
 	(0, vue.watchEffect)(() => {
 		if (ready.value) cachedOffsetStyleRef.value = offsetStyle.value;
 	});
-	(0, vue.watch)(open, async (nextVisible) => {
-		await (0, vue.nextTick)();
+	(0, vue.watch)(open, (nextVisible) => {
 		if (nextVisible) motionVisible.value = true;
 	});
 	return () => {
@@ -23,7 +25,7 @@ var UniqueContainer = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 			sizeStyle.width = `${popupSize.width}px`;
 			sizeStyle.height = `${popupSize.height}px`;
 		}
-		const baseTransitionProps = (0, __v_c_util_dist_utils_transition.getTransitionProps)(motion?.name, motion);
+		const baseTransitionProps = (0, _v_c_util_dist_utils_transition.getTransitionProps)(motion?.name, motion);
 		const mergedTransitionProps = {
 			...baseTransitionProps,
 			onBeforeEnter: (element) => {
@@ -36,6 +38,7 @@ var UniqueContainer = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 			},
 			onAfterLeave: (element) => {
 				motionVisible.value = false;
+				cachedOffsetStyleRef.value = {};
 				baseTransitionProps.onAfterLeave?.(element);
 			}
 		};
@@ -124,7 +127,7 @@ var UniqueContainer = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 		default: void 0
 	},
 	uniqueContainerStyle: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	}

package/dist/UniqueProvider/UniqueContainer.js

@@ -1,5 +1,5 @@
 import useOffsetStyle from "../hooks/useOffsetStyle.js";
-import { Transition, createVNode, defineComponent, nextTick, shallowRef, vShow, watch, watchEffect, withDirectives } from "vue";
+import { Transition, createVNode, defineComponent, shallowRef, vShow, watch, watchEffect, withDirectives } from "vue";
 import { toPropsRefs } from "@v-c/util/dist/props-util";
 import { getTransitionProps } from "@v-c/util/dist/utils/transition";
 var UniqueContainer_default = /* @__PURE__ */ defineComponent((props) => {
@@ -10,8 +10,7 @@ var UniqueContainer_default = /* @__PURE__ */ defineComponent((props) => {
 	watchEffect(() => {
 		if (ready.value) cachedOffsetStyleRef.value = offsetStyle.value;
 	});
-	watch(open, async (nextVisible) => {
-		await nextTick();
+	watch(open, (nextVisible) => {
 		if (nextVisible) motionVisible.value = true;
 	});
 	return () => {
@@ -34,6 +33,7 @@ var UniqueContainer_default = /* @__PURE__ */ defineComponent((props) => {
 			},
 			onAfterLeave: (element) => {
 				motionVisible.value = false;
+				cachedOffsetStyleRef.value = {};
 				baseTransitionProps.onAfterLeave?.(element);
 			}
 		};
@@ -122,7 +122,7 @@ var UniqueContainer_default = /* @__PURE__ */ defineComponent((props) => {
 		default: void 0
 	},
 	uniqueContainerStyle: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	}

package/dist/UniqueProvider/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
@@ -8,10 +11,10 @@ const require_index = require("../Popup/index.cjs");
 const require_UniqueContainer = require("./UniqueContainer.cjs");
 const require_useTargetState = require("./useTargetState.cjs");
 let vue = require("vue");
-let __v_c_portal = require("@v-c/portal");
-__v_c_portal = require_rolldown_runtime.__toESM(__v_c_portal);
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
+let _v_c_portal = require("@v-c/portal");
+_v_c_portal = require_rolldown_runtime.__toESM(_v_c_portal);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
 var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	const [trigger, open, options, onTargetVisibleChanged] = require_useTargetState.default();
 	const mergedOptions = (0, vue.computed)(() => {
@@ -23,15 +26,15 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 	const externalPopupRef = (0, vue.shallowRef)(null);
 	const resolveToElement = (node) => {
 		if (!node) return null;
-		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(node)) return node;
+		if ((0, _v_c_util_dist_Dom_findDOMNode.isDOM)(node)) return node;
 		const exposed = node;
-		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(exposed?.$el)) return exposed.$el;
+		if ((0, _v_c_util_dist_Dom_findDOMNode.isDOM)(exposed?.$el)) return exposed.$el;
 		const nativeEl = exposed?.nativeElement;
-		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl?.value)) return nativeEl.value;
-		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl)) return nativeEl;
+		if ((0, _v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl?.value)) return nativeEl.value;
+		if ((0, _v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl)) return nativeEl;
 		if (typeof exposed?.getElement === "function") {
 			const el = exposed.getElement();
-			if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(el)) return el;
+			if ((0, _v_c_util_dist_Dom_findDOMNode.isDOM)(el)) return el;
 		}
 		return null;
 	};
@@ -55,13 +58,22 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 			trigger(false);
 		}, delay);
 	};
+	const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, , , alignInfo, onAlign] = require_useAlign.default(open, popupEle, (0, vue.computed)(() => mergedOptions.value?.target), (0, vue.computed)(() => mergedOptions.value?.popupPlacement), (0, vue.computed)(() => mergedOptions.value?.builtinPlacements || {}), (0, vue.computed)(() => mergedOptions.value?.popupAlign), void 0, (0, vue.ref)(false));
+	const inMotion = (0, vue.shallowRef)(false);
+	(0, vue.watch)(open, () => {
+		if (open.value) inMotion.value = true;
+	});
+	const triggerAlign = () => {
+		if (!inMotion.value) onAlign();
+	};
 	const onVisibleChanged = (visible) => {
 		onTargetVisibleChanged(visible);
+		inMotion.value = false;
+		onAlign();
 	};
-	const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, , , alignInfo, onAlign] = require_useAlign.default(open, popupEle, (0, vue.computed)(() => mergedOptions.value?.target), (0, vue.computed)(() => mergedOptions.value?.popupPlacement), (0, vue.computed)(() => mergedOptions.value?.builtinPlacements || {}), (0, vue.computed)(() => mergedOptions.value?.popupAlign), void 0, (0, vue.ref)(false));
 	const alignedClassName = (0, vue.computed)(() => {
 		if (!mergedOptions.value) return "";
-		return (0, __v_c_util.classNames)(require_util.getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false), mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
+		return (0, _v_c_util.classNames)(require_util.getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false), mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
 	});
 	const contextValue = {
 		show,
@@ -69,7 +81,7 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 	};
 	(0, vue.watch)(() => mergedOptions.value?.target, () => {
 		onAlign();
-	}, { immediate: true });
+	});
 	const onPrepare = () => {
 		onAlign();
 		return Promise.resolve();
@@ -87,10 +99,11 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 		const prefixCls = mergedOptions?.value?.prefixCls;
 		return (0, vue.createVNode)(require_context.UniqueContextProvider, contextValue, { default: () => [slots?.default?.(), !!mergedOptions.value && (0, vue.createVNode)(require_context.TriggerContextProvider, triggerContextValue.value, { default: () => [(0, vue.createVNode)(require_index.default, {
 			"ref": setPopupRef,
-			"portal": __v_c_portal.default,
+			"portal": _v_c_portal.default,
 			"prefixCls": prefixCls,
 			"popup": mergedOptions.value?.popup,
-			"className": (0, __v_c_util.classNames)(mergedOptions.value?.popupClassName, alignedClassName.value, `${prefixCls}-unique-controlled`),
+			"onEsc": mergedOptions.value?.onEsc,
+			"className": (0, _v_c_util.classNames)(mergedOptions.value?.popupClassName, alignedClassName.value, `${prefixCls}-unique-controlled`),
 			"style": mergedOptions.value?.popupStyle,
 			"target": mergedOptions.value?.target,
 			"open": open.value,
@@ -103,7 +116,7 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 			"offsetY": offsetY.value,
 			"offsetR": offsetR.value,
 			"offsetB": offsetB.value,
-			"onAlign": onAlign,
+			"onAlign": triggerAlign,
 			"onPrepare": onPrepare,
 			"onResize": (size) => {
 				popupSize.value = {
@@ -138,7 +151,7 @@ var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots })
 			},
 			"popupSize": popupSize.value,
 			"motion": mergedOptions.value?.popupMotion,
-			"uniqueContainerClassName": (0, __v_c_util.classNames)(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
+			"uniqueContainerClassName": (0, _v_c_util.classNames)(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
 			"uniqueContainerStyle": mergedOptions?.value?.uniqueContainerStyle
 		}, null)] })] })] });
 	};

package/dist/UniqueProvider/index.js

@@ -52,10 +52,19 @@ var UniqueProvider_default = /* @__PURE__ */ defineComponent((props, { slots })
 			trigger(false);
 		}, delay);
 	};
+	const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, , , alignInfo, onAlign] = useAlign(open, popupEle, computed(() => mergedOptions.value?.target), computed(() => mergedOptions.value?.popupPlacement), computed(() => mergedOptions.value?.builtinPlacements || {}), computed(() => mergedOptions.value?.popupAlign), void 0, ref(false));
+	const inMotion = shallowRef(false);
+	watch(open, () => {
+		if (open.value) inMotion.value = true;
+	});
+	const triggerAlign = () => {
+		if (!inMotion.value) onAlign();
+	};
 	const onVisibleChanged = (visible) => {
 		onTargetVisibleChanged(visible);
+		inMotion.value = false;
+		onAlign();
 	};
-	const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, , , alignInfo, onAlign] = useAlign(open, popupEle, computed(() => mergedOptions.value?.target), computed(() => mergedOptions.value?.popupPlacement), computed(() => mergedOptions.value?.builtinPlacements || {}), computed(() => mergedOptions.value?.popupAlign), void 0, ref(false));
 	const alignedClassName = computed(() => {
 		if (!mergedOptions.value) return "";
 		return classNames(getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false), mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
@@ -66,7 +75,7 @@ var UniqueProvider_default = /* @__PURE__ */ defineComponent((props, { slots })
 	};
 	watch(() => mergedOptions.value?.target, () => {
 		onAlign();
-	}, { immediate: true });
+	});
 	const onPrepare = () => {
 		onAlign();
 		return Promise.resolve();
@@ -87,6 +96,7 @@ var UniqueProvider_default = /* @__PURE__ */ defineComponent((props, { slots })
 			"portal": Portal,
 			"prefixCls": prefixCls,
 			"popup": mergedOptions.value?.popup,
+			"onEsc": mergedOptions.value?.onEsc,
 			"className": classNames(mergedOptions.value?.popupClassName, alignedClassName.value, `${prefixCls}-unique-controlled`),
 			"style": mergedOptions.value?.popupStyle,
 			"target": mergedOptions.value?.target,
@@ -100,7 +110,7 @@ var UniqueProvider_default = /* @__PURE__ */ defineComponent((props, { slots })
 			"offsetY": offsetY.value,
 			"offsetR": offsetR.value,
 			"offsetB": offsetB.value,
-			"onAlign": onAlign,
+			"onAlign": triggerAlign,
 			"onPrepare": onPrepare,
 			"onResize": (size) => {
 				popupSize.value = {

package/dist/UniqueProvider/useTargetState.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useTargetState() {
@@ -11,7 +14,6 @@ function useTargetState() {
 		if (nextOptions === false) {
 			pendingOptionsRef.value = null;
 			open.value = false;
-			isAnimating.value = false;
 		} else if (isAnimating.value && wasOpen) pendingOptionsRef.value = nextOptions;
 		else {
 			open.value = true;

package/dist/UniqueProvider/useTargetState.js

@@ -9,7 +9,6 @@ function useTargetState() {
 		if (nextOptions === false) {
 			pendingOptionsRef.value = null;
 			open.value = false;
-			isAnimating.value = false;
 		} else if (isAnimating.value && wasOpen) pendingOptionsRef.value = nextOptions;
 		else {
 			open.value = true;

package/dist/context.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var TriggerContextKey = Symbol("TriggerContextKey");

package/dist/context.d.ts

@@ -1,3 +1,4 @@
+import { PortalProps } from '@v-c/portal';
 import { CSSMotionProps } from '@v-c/util/dist/utils/transition';
 import { CSSProperties, InjectionKey, Ref } from 'vue';
 import { TriggerProps } from './index';
@@ -32,6 +33,7 @@ export interface UniqueShowOptions {
     arrow?: ArrowTypeOuter;
     getPopupContainer?: TriggerProps['getPopupContainer'];
     getPopupClassNameFromAlign?: (align: AlignType) => string;
+    onEsc?: PortalProps['onEsc'];
 }
 export interface UniqueContextProps {
     show: (options: UniqueShowOptions, isOpen: () => boolean) => void;

package/dist/hooks/useAction.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function toArray(val) {