@sdata/web-vue 3.30.0 → 4.0.0

package/es/trigger/trigger.js

@@ -1,835 +1,5 @@
-import { configProviderInjectionKey, themePopupContainerInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isEmptyChildren, mergeFirstChild } from "../_utils/vue-utils.js";
-import { off, on } from "../_utils/dom.js";
-import { throttleByRaf } from "../_utils/throttle-by-raf.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import { omit } from "../_utils/omit.js";
-import client_only_default from "../_components/client-only.js";
-import { useFirstElement } from "../_hooks/use-first-element.js";
-import resize_observer_v2_default from "../_components/resize-observer-v2.js";
-import usePickSlots from "../_hooks/use-pick-slots.js";
-import usePopupManager from "../_hooks/use-popup-manager.js";
-import { useResizeObserver as useResizeObserver$1 } from "../_hooks/use-resize-observer.js";
-import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
-import { createFloatingOptions } from "../_utils/floating.js";
-import { triggerInjectionKey } from "./context.js";
-import { getScrollElements, getTransformOrigin } from "./utils.js";
-import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, onBeforeUnmount, onDeactivated, onMounted, provide, reactive, ref, vShow, watch, withDirectives } from "vue";
-import { arrow, autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/vue";
-import { onClickOutside, useEventListener } from "@vueuse/core";
-//#region components/trigger/trigger.tsx
-var TRIGGER_EVENTS = [
-	"onClick",
-	"onMouseenter",
-	"onMouseleave",
-	"onFocusin",
-	"onFocusout",
-	"onContextmenu"
-];
-var toFloatingPlacement = (position) => {
-	return {
-		top: "top",
-		tl: "top-start",
-		tr: "top-end",
-		bottom: "bottom",
-		bl: "bottom-start",
-		br: "bottom-end",
-		left: "left",
-		lt: "left-start",
-		lb: "left-end",
-		right: "right",
-		rt: "right-start",
-		rb: "right-end"
-	}[position];
-};
-var fromFloatingPlacement = (placement) => {
-	return {
-		"top": "top",
-		"top-start": "tl",
-		"top-end": "tr",
-		"bottom": "bottom",
-		"bottom-start": "bl",
-		"bottom-end": "br",
-		"left": "left",
-		"left-start": "lt",
-		"left-end": "lb",
-		"right": "right",
-		"right-start": "rt",
-		"right-end": "rb"
-	}[placement];
-};
-var getArrowFloatingStyle = (placement, data, customStyle) => {
-	const side = placement.split("-")[0];
-	const staticSide = {
-		top: "bottom",
-		right: "left",
-		bottom: "top",
-		left: "right"
-	}[side];
-	const transforms = {
-		top: "translateY(50%) rotate(45deg)",
-		right: "translateX(-50%) rotate(45deg)",
-		bottom: "translateY(-50%) rotate(45deg)",
-		left: "translateX(50%) rotate(45deg)"
-	};
-	return _objectSpread2(_objectSpread2({}, customStyle), {}, {
-		left: (data === null || data === void 0 ? void 0 : data.x) == null ? void 0 : `${data.x}px`,
-		top: (data === null || data === void 0 ? void 0 : data.y) == null ? void 0 : `${data.y}px`,
-		[staticSide]: 0,
-		transform: transforms[side]
-	});
-};
-var trigger_default = /* @__PURE__ */ defineComponent({
-	name: "Trigger",
-	inheritAttrs: false,
-	props: {
-		/**
-		* @zh Floating UI Vue 的完整配置。与旧定位参数冲突时以此配置为准。
-		* @en Complete Floating UI Vue options. These options take precedence over legacy positioning props.
-		*/
-		floatingOptions: { type: Object },
-		/**
-		* @zh 弹出框是否可见
-		* @en Whether the popup is visible
-		* @vModel
-		*/
-		popupVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 弹出框默认是否可见（非受控模式）
-		* @en Whether the popup is visible by default (uncontrolled mode)
-		*/
-		defaultPopupVisible: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 触发方式
-		* @en Trigger method
-		* @values 'hover','click','focus','contextMenu'
-		*/
-		trigger: {
-			type: [String, Array],
-			default: "hover"
-		},
-		/**
-		* @zh 弹出位置
-		* @en Popup position
-		* @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
-		*/
-		position: {
-			type: String,
-			default: "bottom"
-		},
-		/**
-		* @zh 触发器是否禁用
-		* @en Whether the trigger is disabled
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 弹出框的偏移量（弹出框距离触发器的偏移距离）
-		* @en The offset of the popup (the offset distance of the popup from the trigger)
-		*/
-		popupOffset: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 弹出框的移动距离
-		* @en The moving distance of the popup
-		*/
-		popupTranslate: { type: [Array, Object] },
-		/**
-		* @zh 弹出框是否显示箭头
-		* @en Whether the popup shows an arrow
-		*/
-		showArrow: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 弹出框是否跟随鼠标
-		* @en Whether the popup follows the mouse
-		*/
-		alignPoint: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否在移出触发器，并移入弹出框时保持弹出框显示
-		* @en Whether to keep the popup displayed when the trigger is moved out and moved into the popup
-		*/
-		popupHoverStay: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否在触发器失去焦点时关闭弹出框
-		* @en Whether to close the popup when the trigger loses focus
-		*/
-		blurToClose: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否在点击触发器时关闭弹出框
-		* @en Whether to close the popup when the trigger is clicked
-		*/
-		clickToClose: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否在点击外部区域时关闭弹出框
-		* @en Whether to close the popup when clicking on the outer area
-		*/
-		clickOutsideToClose: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否在关闭时卸载弹出框节点
-		* @en Whether to uninstall the popup node when closing
-		*/
-		unmountOnClose: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 弹出框内容的类名
-		* @en The class name of the popup content
-		*/
-		contentClass: { type: [
-			String,
-			Array,
-			Object
-		] },
-		/**
-		* @zh 弹出框内容的样式
-		* @en The style of the popup content
-		*/
-		contentStyle: { type: Object },
-		/**
-		* @zh 弹出框箭头的类名
-		* @en The class name of the popup arrow
-		*/
-		arrowClass: { type: [
-			String,
-			Array,
-			Object
-		] },
-		/**
-		* @zh 弹出框箭头的样式
-		* @en The style of the popup arrow
-		*/
-		arrowStyle: { type: Object },
-		/**
-		* @zh 弹出框的样式
-		* @en The style of the popup
-		*/
-		popupStyle: { type: Object },
-		/**
-		* @zh 弹出动画的name
-		* @en The name of the popup animation
-		*/
-		animationName: {
-			type: String,
-			default: "fade-in"
-		},
-		/**
-		* @zh 弹出动画的持续时间
-		* @en The duration of the popup animation
-		*/
-		duration: { type: [Number, Object] },
-		/**
-		* @zh mouseenter事件延时触发的时间（毫秒）
-		* @en Delay trigger time of mouseenter event (ms)
-		*/
-		mouseEnterDelay: {
-			type: Number,
-			default: 100
-		},
-		/**
-		* @zh mouseleave事件延时触发的时间（毫秒）
-		* @en Delay trigger time of mouseleave event (ms)
-		*/
-		mouseLeaveDelay: {
-			type: Number,
-			default: 100
-		},
-		/**
-		* @zh focus事件延时触发的时间（毫秒）
-		* @en Delay trigger time of focus event (ms)
-		*/
-		focusDelay: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 是否将弹出框宽度设置为触发器宽度
-		* @en Whether to set the width of the popup to the width of the trigger
-		*/
-		autoFitPopupWidth: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否将弹出框的最小宽度设置为触发器宽度
-		* @en Whether to set the minimum width of the popup to the trigger width
-		*/
-		autoFitPopupMinWidth: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 当触发器的尺寸发生变化时，是否重新计算弹出框位置
-		* @en When the size of the trigger changes, whether to recalculate the position of the popup
-		*/
-		autoFixPosition: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 弹出框的挂载容器
-		* @en Mount container for popup
-		*/
-		popupContainer: { type: [String, Object] },
-		/**
-		* @zh 是否在容器滚动时更新弹出框的位置
-		* @us Whether to update the position of the popup when the container is scrolled
-		*/
-		updateAtScroll: {
-			type: Boolean,
-			default: false
-		},
-		autoFitTransformOrigin: {
-			type: Boolean,
-			default: false
-		},
-		hideEmpty: {
-			type: Boolean,
-			default: false
-		},
-		openedClass: { type: [
-			String,
-			Array,
-			Object
-		] },
-		/**
-		* @zh 是否自动调整弹出框位置，以适应窗口大小
-		* @en Whether to automatically adjust the position of the popup to fit the window size
-		*/
-		autoFitPosition: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否挂载在 `body` 元素下
-		* @en Whether to mount under the `body` element
-		*/
-		renderToBody: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否阻止弹出层中的元素点击时获取焦点
-		* @en Whether to prevent elements in the pop-up layer from gaining focus when clicked
-		*/
-		preventFocus: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否在滚动时关闭弹出框
-		* @en Whether to close the popover when scrolling
-		* @version 2.46.0
-		*/
-		scrollToClose: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 滚动阈值，当滚动距离超过该值时触发关闭
-		* @en Scroll threshold, trigger close when the scroll distance exceeds this value
-		*/
-		scrollToCloseDistance: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 是否支持 ESC 键关闭弹出层
-		* @en Whether to close the popup with the ESC key
-		*/
-		escToClose: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 弹出层类型，用于触发器的 `aria-haspopup`。设置后会自动给触发器加 `aria-haspopup` / `aria-expanded` / `aria-controls`，并给弹出层加 id。
-		* @en Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id.
-		* @values true, 'menu', 'listbox', 'tree', 'grid', 'dialog'
-		*/
-		ariaHasPopup: {
-			type: [Boolean, String],
-			default: void 0
-		},
-		/**
-		* @zh 是否给触发器加 `aria-describedby` 指向弹出层（tooltip 模式用）。弹出层显示时才挂。
-		* @en Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.
-		*/
-		ariaDescribedbyPopup: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:popupVisible": (_visible) => true,
-		/**
-		* @zh 弹出框显示状态改变时触发
-		* @en Emitted when the status of the popup changes
-		* @param {boolean} visible
-		*/
-		"popupVisibleChange": (_visible) => true,
-		/**
-		* @zh 弹出框显示后（动画结束）触发
-		* @en Triggered after the trigger is shown (the animation ends)
-		* @version 2.18.0
-		*/
-		"show": () => true,
-		/**
-		* @zh 弹出框隐藏后（动画结束）触发
-		* @en Triggered after the popup is hidden (the animation ends)
-		* @version 2.18.0
-		*/
-		"hide": () => true,
-		"resize": () => true
-	},
-	/**
-	* @zh 弹出框内容
-	* @en Popup content
-	* @slot content
-	*/
-	setup(props, { emit, slots, attrs }) {
-		const triggerEventAttrs = attrs;
-		const prefixCls = getPrefixCls("trigger");
-		const popupId = `${prefixCls}-popup-${getCurrentInstance().uid}`;
-		const popupAttrs = computed(() => omit(attrs, TRIGGER_EVENTS));
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const themePopupContainer = inject(themePopupContainerInjectionKey, void 0);
-		const mergedPopupContainer = computed(() => {
-			var _props$popupContainer;
-			return (_props$popupContainer = props.popupContainer) !== null && _props$popupContainer !== void 0 ? _props$popupContainer : themePopupContainer === null || themePopupContainer === void 0 ? void 0 : themePopupContainer.value;
-		});
-		const triggerMethods = computed(() => [].concat(props.trigger));
-		const childrenRefs = /* @__PURE__ */ new Set();
-		const triggerCtx = inject(triggerInjectionKey, void 0);
-		const { children, firstElement } = useFirstElement();
-		const popupRef = ref();
-		const popupVisible = ref(props.defaultPopupVisible);
-		const popupPosition = ref(props.position);
-		const arrowRef = ref();
-		const mousePosition = ref({
-			top: 0,
-			left: 0
-		});
-		let scrollPosition = null;
-		let windowScrollPosition = null;
-		const computedVisible = computed(() => {
-			var _props$popupVisible;
-			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : popupVisible.value;
-		});
-		const pointReference = {
-			getBoundingClientRect: () => {
-				const { left, top } = mousePosition.value;
-				return {
-					x: left,
-					y: top,
-					top,
-					right: left,
-					bottom: top,
-					left,
-					width: 0,
-					height: 0
-				};
-			},
-			get contextElement() {
-				return firstElement.value;
-			}
-		};
-		const floatingReference = computed(() => {
-			var _firstElement$value;
-			return props.alignPoint ? pointReference : (_firstElement$value = firstElement.value) !== null && _firstElement$value !== void 0 ? _firstElement$value : null;
-		});
-		const floatingElement = computed(() => computedVisible.value ? popupRef.value : null);
-		const legacyMiddleware = computed(() => {
-			var _props$popupTranslate;
-			const middleware = [offset(props.popupOffset)];
-			const translate = Array.isArray(props.popupTranslate) ? props.popupTranslate : (_props$popupTranslate = props.popupTranslate) === null || _props$popupTranslate === void 0 ? void 0 : _props$popupTranslate[props.position];
-			if (translate) middleware.push({
-				name: "sdTriggerTranslate",
-				options: translate,
-				fn: ({ x, y }) => ({
-					x: x + translate[0],
-					y: y + translate[1]
-				})
-			});
-			if (props.autoFitPosition) middleware.push(flip(), shift());
-			if (props.showArrow) middleware.push(arrow({ element: arrowRef }));
-			return middleware;
-		});
-		const defaultWhileElementsMounted = (reference, floating, update) => autoUpdate(reference, floating, update, {
-			ancestorScroll: props.updateAtScroll || Boolean(configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll),
-			ancestorResize: true,
-			elementResize: props.autoFixPosition,
-			layoutShift: props.autoFixPosition
-		});
-		const { floatingStyles, placement: floatingPlacement, middlewareData, isPositioned, update: updateFloatingPosition } = useFloating(floatingReference, floatingElement, createFloatingOptions(() => props.floatingOptions, {
-			open: computedVisible,
-			placement: () => toFloatingPlacement(props.position),
-			middleware: legacyMiddleware,
-			whileElementsMounted: defaultWhileElementsMounted
-		}));
-		const mergedPopupStyle = computed(() => _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, props.popupStyle), props.autoFitPopupMinWidth && firstElement.value ? { minWidth: `${firstElement.value.getBoundingClientRect().width}px` } : {}), props.autoFitPopupWidth && firstElement.value ? { width: `${firstElement.value.getBoundingClientRect().width}px` } : {}), floatingStyles.value));
-		const transformStyle = computed(() => props.autoFitTransformOrigin ? { transformOrigin: getTransformOrigin(popupPosition.value) } : {});
-		const arrowStyle = computed(() => getArrowFloatingStyle(floatingPlacement.value, middlewareData.value.arrow, props.arrowStyle));
-		watch(floatingPlacement, (placement) => {
-			popupPosition.value = fromFloatingPlacement(placement);
-		}, { immediate: true });
-		const firstChildAria = computed(() => {
-			const aria = {};
-			if (props.ariaHasPopup !== void 0) {
-				aria["aria-haspopup"] = props.ariaHasPopup === true ? "true" : props.ariaHasPopup;
-				aria["aria-expanded"] = computedVisible.value;
-				aria["aria-controls"] = computedVisible.value ? popupId : void 0;
-			}
-			if (props.ariaDescribedbyPopup) aria["aria-describedby"] = computedVisible.value ? popupId : void 0;
-			return aria;
-		});
-		const { teleportContainer, containerRef } = useTeleportContainer({
-			popupContainer: mergedPopupContainer,
-			visible: computedVisible,
-			documentContainer: true
-		});
-		const { zIndex } = usePopupManager("popup", { visible: computedVisible });
-		const syncThemePopupContainerZIndex = () => {
-			if (computedVisible.value && zIndex.value > 0 && (themePopupContainer === null || themePopupContainer === void 0 ? void 0 : themePopupContainer.value) && mergedPopupContainer.value === themePopupContainer.value) themePopupContainer.value.style.zIndex = String(zIndex.value);
-		};
-		watch([
-			computedVisible,
-			zIndex,
-			mergedPopupContainer
-		], syncThemePopupContainerZIndex, { immediate: true });
-		let delayTimer = 0;
-		let windowListener = false;
-		const cleanDelayTimer = () => {
-			if (delayTimer) {
-				window.clearTimeout(delayTimer);
-				delayTimer = 0;
-			}
-		};
-		const updateMousePosition = (e) => {
-			if (props.alignPoint) {
-				const { clientX, clientY } = e;
-				mousePosition.value = {
-					top: clientY,
-					left: clientX
-				};
-			}
-		};
-		const changeVisible = (visible, delay) => {
-			if (visible === computedVisible.value && delayTimer === 0) return;
-			const update = () => {
-				popupVisible.value = visible;
-				emit("update:popupVisible", visible);
-				emit("popupVisibleChange", visible);
-				if (visible) nextTick(() => {
-					updateFloatingPosition();
-				});
-			};
-			if (!visible) {
-				scrollPosition = null;
-				windowScrollPosition = null;
-			}
-			if (delay) {
-				cleanDelayTimer();
-				if (visible !== computedVisible.value) delayTimer = window.setTimeout(update, delay);
-			} else update();
-		};
-		const handleClick = (e) => {
-			var _triggerEventAttrs$on;
-			(_triggerEventAttrs$on = triggerEventAttrs.onClick) === null || _triggerEventAttrs$on === void 0 || _triggerEventAttrs$on.call(triggerEventAttrs, e);
-			if (props.disabled || computedVisible.value && !props.clickToClose) return;
-			if (triggerMethods.value.includes("click")) {
-				updateMousePosition(e);
-				changeVisible(!computedVisible.value);
-			} else if (triggerMethods.value.includes("contextMenu") && computedVisible.value) changeVisible(false);
-		};
-		const handleMouseEnter = (e) => {
-			var _triggerEventAttrs$on2;
-			(_triggerEventAttrs$on2 = triggerEventAttrs.onMouseenter) === null || _triggerEventAttrs$on2 === void 0 || _triggerEventAttrs$on2.call(triggerEventAttrs, e);
-			if (props.disabled || !triggerMethods.value.includes("hover")) return;
-			updateMousePosition(e);
-			changeVisible(true, props.mouseEnterDelay);
-		};
-		const handleMouseEnterWithContext = (e) => {
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onMouseenter(e);
-			handleMouseEnter(e);
-		};
-		const handleMouseLeave = (e) => {
-			var _triggerEventAttrs$on3;
-			(_triggerEventAttrs$on3 = triggerEventAttrs.onMouseleave) === null || _triggerEventAttrs$on3 === void 0 || _triggerEventAttrs$on3.call(triggerEventAttrs, e);
-			if (props.disabled || !triggerMethods.value.includes("hover")) return;
-			changeVisible(false, props.mouseLeaveDelay);
-		};
-		const handleMouseLeaveWithContext = (e) => {
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onMouseleave(e);
-			handleMouseLeave(e);
-		};
-		const handleFocusin = (e) => {
-			var _triggerEventAttrs$on4;
-			(_triggerEventAttrs$on4 = triggerEventAttrs.onFocusin) === null || _triggerEventAttrs$on4 === void 0 || _triggerEventAttrs$on4.call(triggerEventAttrs, e);
-			if (props.disabled || !triggerMethods.value.includes("focus")) return;
-			changeVisible(true, props.focusDelay);
-		};
-		const handleFocusout = (e) => {
-			var _triggerEventAttrs$on5;
-			(_triggerEventAttrs$on5 = triggerEventAttrs.onFocusout) === null || _triggerEventAttrs$on5 === void 0 || _triggerEventAttrs$on5.call(triggerEventAttrs, e);
-			if (props.disabled || !triggerMethods.value.includes("focus")) return;
-			if (!props.blurToClose) return;
-			changeVisible(false);
-		};
-		const handleContextmenu = (e) => {
-			var _triggerEventAttrs$on6;
-			(_triggerEventAttrs$on6 = triggerEventAttrs.onContextmenu) === null || _triggerEventAttrs$on6 === void 0 || _triggerEventAttrs$on6.call(triggerEventAttrs, e);
-			if (props.disabled || !triggerMethods.value.includes("contextMenu") || computedVisible.value && !props.clickToClose) return;
-			updateMousePosition(e);
-			changeVisible(!computedVisible.value);
-			e.preventDefault();
-		};
-		const handleChildContextmenu = (e) => {
-			var _popupRef$value;
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onContextmenu(e);
-			if (!props.clickOutsideToClose || !computedVisible.value) return;
-			if (!triggerMethods.value.includes("contextMenu")) return;
-			const target = e.target;
-			if ((_popupRef$value = popupRef.value) === null || _popupRef$value === void 0 ? void 0 : _popupRef$value.contains(target)) return;
-			if (getChildElements().some((element) => element.contains(target))) return;
-			changeVisible(false);
-		};
-		const handleContextmenuWithContext = (e) => {
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onContextmenu(e);
-			handleContextmenu(e);
-		};
-		const addChildRef = (ref) => {
-			childrenRefs.add(ref);
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(ref);
-		};
-		const removeChildRef = (ref) => {
-			childrenRefs.delete(ref);
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.removeChildRef(ref);
-		};
-		provide(triggerInjectionKey, reactive({
-			onMouseenter: handleMouseEnterWithContext,
-			onMouseleave: handleMouseLeaveWithContext,
-			onContextmenu: handleChildContextmenu,
-			addChildRef,
-			removeChildRef
-		}));
-		const contentSlot = usePickSlots(slots, "content");
-		const hidePopup = computed(() => {
-			var _contentSlot$value;
-			return props.hideEmpty && isEmptyChildren((_contentSlot$value = contentSlot.value) === null || _contentSlot$value === void 0 ? void 0 : _contentSlot$value.call(contentSlot));
-		});
-		const getChildElements = () => {
-			const elements = [];
-			for (const item of childrenRefs) {
-				if (!item) continue;
-				const element = "value" in item ? item.value : item;
-				if (element) elements.push(element);
-			}
-			return elements;
-		};
-		const getOutsideIgnoreElements = () => [...triggerMethods.value.includes("contextMenu") || !firstElement.value ? [] : [firstElement.value], ...getChildElements()];
-		onClickOutside(popupRef, () => {
-			if (!props.clickOutsideToClose || !computedVisible.value) return;
-			changeVisible(false);
-		}, { ignore: getOutsideIgnoreElements });
-		const handleOutsideContextmenu = (e) => {
-			var _popupRef$value2;
-			if (!props.clickOutsideToClose || !computedVisible.value) return;
-			if (!triggerMethods.value.includes("contextMenu")) return;
-			const target = e.target;
-			if ((_popupRef$value2 = popupRef.value) === null || _popupRef$value2 === void 0 ? void 0 : _popupRef$value2.contains(target)) return;
-			if (getChildElements().some((element) => element.contains(target))) return;
-			changeVisible(false);
-		};
-		const documentRef = computed(() => typeof document === "undefined" ? void 0 : document);
-		useEventListener(documentRef, "contextmenu", handleOutsideContextmenu, { capture: true });
-		const handleKeydown = (ev) => {
-			if (props.escToClose && computedVisible.value && ev.key === KEYBOARD_KEY.ESC) changeVisible(false);
-		};
-		useEventListener(documentRef, "keydown", handleKeydown);
-		const isExceedThreshold = (oldPosition, element) => {
-			const [scrollTop, scrollLeft] = oldPosition;
-			const { scrollTop: newScrollTop, scrollLeft: newScrollLeft } = element;
-			return Math.abs(newScrollTop - scrollTop) >= props.scrollToCloseDistance || Math.abs(newScrollLeft - scrollLeft) >= props.scrollToCloseDistance;
-		};
-		const handleScroll = throttleByRaf((e) => {
-			if (computedVisible.value && (props.scrollToClose || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.scrollToClose))) {
-				const element = e.target;
-				if (!scrollPosition) scrollPosition = [element.scrollTop, element.scrollLeft];
-				if (isExceedThreshold(scrollPosition, element)) changeVisible(false);
-			}
-		});
-		const removeWindowScroll = () => {
-			off(window, "scroll", onWindowScroll);
-			windowListener = false;
-		};
-		const onWindowScroll = throttleByRaf((e) => {
-			const element = e.target.documentElement;
-			if (!windowScrollPosition) windowScrollPosition = [element.scrollTop, element.scrollLeft];
-			if (isExceedThreshold(windowScrollPosition, element)) {
-				changeVisible(false);
-				removeWindowScroll();
-			}
-		});
-		const handleResize = () => {
-			if (computedVisible.value) updateFloatingPosition();
-		};
-		const onTargetResize = () => {
-			handleResize();
-			emit("resize");
-		};
-		const handlePopupMouseDown = (e) => {
-			if (props.preventFocus) e.preventDefault();
-		};
-		watch(popupRef, (el, _oldEl, onCleanup) => {
-			if (!el) return;
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(el);
-			onCleanup(() => triggerCtx === null || triggerCtx === void 0 ? void 0 : triggerCtx.removeChildRef(el));
-		}, { immediate: true });
-		const triggerCls = computed(() => {
-			return computedVisible.value ? props.openedClass : void 0;
-		});
-		let scrollElements;
-		watch(computedVisible, (value) => {
-			if (props.scrollToClose || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.scrollToClose)) {
-				on(window, "scroll", onWindowScroll);
-				windowListener = true;
-			}
-			if (props.updateAtScroll || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll)) {
-				if (value) {
-					scrollElements = getScrollElements(firstElement.value);
-					for (const item of scrollElements) item.addEventListener("scroll", handleScroll);
-				} else if (scrollElements) {
-					for (const item of scrollElements) item.removeEventListener("scroll", handleScroll);
-					scrollElements = void 0;
-				}
-			}
-			if (value) mounted.value = true;
-		});
-		watch(() => [props.autoFitPopupWidth, props.autoFitPopupMinWidth], () => {
-			if (computedVisible.value) updateFloatingPosition();
-		});
-		const { createResizeObserver, destroyResizeObserver } = useResizeObserver$1({
-			elementRef: containerRef,
-			onResize: handleResize
-		});
-		onMounted(() => {
-			createResizeObserver();
-			if (computedVisible.value) {
-				updateFloatingPosition();
-				if (props.updateAtScroll || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll)) {
-					scrollElements = getScrollElements(firstElement.value);
-					for (const item of scrollElements) item.addEventListener("scroll", handleScroll);
-				}
-			}
-		});
-		onDeactivated(() => {
-			changeVisible(false);
-		});
-		onBeforeUnmount(() => {
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.removeChildRef(popupRef.value);
-			destroyResizeObserver();
-			if (windowListener) removeWindowScroll();
-			if (scrollElements) {
-				for (const item of scrollElements) item.removeEventListener("scroll", handleScroll);
-				scrollElements = void 0;
-			}
-		});
-		const mounted = ref(computedVisible.value);
-		const isAnimation = ref(false);
-		const onAnimationStart = () => {
-			isAnimation.value = true;
-		};
-		const handleShow = () => {
-			isAnimation.value = false;
-			if (computedVisible.value) emit("show");
-		};
-		const handleHide = () => {
-			isAnimation.value = false;
-			if (!computedVisible.value) {
-				mounted.value = false;
-				emit("hide");
-			}
-		};
-		return () => {
-			var _slots$default, _slots$default2;
-			children.value = (_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : [];
-			mergeFirstChild(children.value, _objectSpread2(_objectSpread2({ class: triggerCls.value }, firstChildAria.value), {}, {
-				onClick: handleClick,
-				onMouseenter: handleMouseEnter,
-				onMouseleave: handleMouseLeave,
-				onFocusin: handleFocusin,
-				onFocusout: handleFocusout,
-				onContextmenu: handleContextmenuWithContext
-			}));
-			return createVNode(Fragment, null, [props.autoFixPosition ? createVNode(resize_observer_v2_default, { "onResize": onTargetResize }, { default: () => [children.value] }) : children.value, createVNode(client_only_default, null, { default: () => [createVNode(Teleport, {
-				"to": teleportContainer.value,
-				"disabled": !props.renderToBody
-			}, { default: () => [(!props.unmountOnClose || computedVisible.value || mounted.value) && !hidePopup.value && createVNode(resize_observer_v2_default, { "onResize": handleResize }, { default: () => [createVNode("div", mergeProps({
-				"id": popupId,
-				"ref": popupRef,
-				"class": [`${prefixCls}-popup`, `${prefixCls}-position-${popupPosition.value}`],
-				"style": _objectSpread2(_objectSpread2(_objectSpread2({}, mergedPopupStyle.value), isPositioned.value ? {} : { visibility: "hidden" }), {}, {
-					zIndex: zIndex.value,
-					pointerEvents: isAnimation.value ? "none" : "auto"
-				}),
-				"trigger-placement": popupPosition.value,
-				"onMouseenter": handleMouseEnterWithContext,
-				"onMouseleave": handleMouseLeaveWithContext,
-				"onMousedown": handlePopupMouseDown
-			}, popupAttrs.value), [createVNode(Transition, {
-				"name": props.animationName,
-				"duration": props.duration,
-				"appear": true,
-				"onBeforeEnter": onAnimationStart,
-				"onAfterEnter": handleShow,
-				"onBeforeLeave": onAnimationStart,
-				"onAfterLeave": handleHide
-			}, { default: () => {
-				var _slots$content;
-				return [withDirectives(createVNode("div", {
-					"class": `${prefixCls}-popup-wrapper`,
-					"style": transformStyle.value
-				}, [createVNode("div", {
-					"class": [`${prefixCls}-content`, props.contentClass],
-					"style": props.contentStyle
-				}, [(_slots$content = slots.content) === null || _slots$content === void 0 ? void 0 : _slots$content.call(slots)]), props.showArrow && createVNode("div", {
-					"ref": arrowRef,
-					"class": [`${prefixCls}-arrow`, props.arrowClass],
-					"style": arrowStyle.value
-				}, null)]), [[vShow, computedVisible.value]])];
-			} })])] })] })] })]);
-		};
-	}
-});
+import trigger_vue_vue_type_script_setup_true_lang_default from "./trigger.vue_vue_type_script_setup_true_lang.js";
+//#region components/trigger/trigger.vue
+var trigger_default = trigger_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { trigger_default as default };