@v-c/trigger 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -1,590 +0,0 @@
-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_useAction = require("./hooks/useAction.cjs");
-const require_util = require("./util.cjs");
-const require_useAlign = require("./hooks/useAlign.cjs");
-const require_useDelay = require("./hooks/useDelay.cjs");
-const require_useWatch = require("./hooks/useWatch.cjs");
-const require_useWinClick = require("./hooks/useWinClick.cjs");
-const require_index = require("./Popup/index.cjs");
-const require_index$1 = require("./UniqueProvider/index.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_resize_observer = require("@v-c/resize-observer");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_Dom_shadow = require("@v-c/util/dist/Dom/shadow");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_util_dist_vnode = require("@v-c/util/dist/vnode");
-var defaults = {
-	prefixCls: "vc-trigger-popup",
-	action: "hover",
-	mouseLeaveDelay: .1,
-	maskClosable: true,
-	builtinPlacements: {},
-	popupVisible: void 0,
-	defaultPopupVisible: void 0
-};
-function generateTrigger(PortalComponent = _v_c_portal.default) {
-	return /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, slots, attrs }) => {
-		const mergedAutoDestroy = (0, vue.computed)(() => props.autoDestroy ?? false);
-		const openUncontrolled = (0, vue.computed)(() => props.popupVisible === void 0);
-		const isMobile = (0, vue.computed)(() => !!props.mobile);
-		const subPopupElements = (0, vue.ref)({});
-		const parentContext = require_context.useTriggerContext();
-		const context = (0, vue.computed)(() => {
-			return { registerSubPopup(id$1, subPopupEle) {
-				if (subPopupEle) subPopupElements.value[id$1] = subPopupEle;
-				else delete subPopupElements.value[id$1];
-				parentContext?.value.registerSubPopup(id$1, subPopupEle);
-			} };
-		});
-		const uniqueContext = require_context.useUniqueContext();
-		const id = (0, vue.useId)();
-		const popupEle = (0, vue.shallowRef)(null);
-		const externalPopupRef = (0, vue.shallowRef)(null);
-		const setPopupRef = (node) => {
-			const element = (0, _v_c_util_dist_vnode.resolveToElement)(node);
-			externalPopupRef.value = element;
-			if (popupEle.value !== element) popupEle.value = element;
-			parentContext?.value?.registerSubPopup(id, element ?? null);
-		};
-		const targetEle = (0, vue.shallowRef)();
-		const externalForwardRef = (0, vue.shallowRef)(null);
-		const setTargetRef = (node) => {
-			const element = (0, _v_c_util_dist_vnode.resolveToElement)(node);
-			if (element && targetEle.value !== element) {
-				targetEle.value = element;
-				externalForwardRef.value = element;
-			} else if (!element) {
-				targetEle.value = void 0;
-				externalForwardRef.value = null;
-			}
-		};
-		const originChildProps = (0, vue.reactive)({});
-		const baseActionProps = (0, vue.shallowRef)({});
-		const hoverActionProps = (0, vue.shallowRef)({});
-		const cloneProps = (0, vue.computed)(() => ({
-			...baseActionProps.value,
-			...hoverActionProps.value
-		}));
-		const inPopupOrChild = (ele) => {
-			const childDOM = targetEle.value;
-			return childDOM?.contains(ele) || childDOM && (0, _v_c_util_dist_Dom_shadow.getShadowRoot)(childDOM)?.host === ele || ele === childDOM || popupEle.value?.contains(ele) || popupEle.value && (0, _v_c_util_dist_Dom_shadow.getShadowRoot)(popupEle.value)?.host === ele || ele === popupEle.value || Object.values(subPopupElements.value).some((subPopupEle) => subPopupEle?.contains(ele) || ele === subPopupEle);
-		};
-		const innerArrow = (0, vue.computed)(() => {
-			return props.arrow ? { ...props?.arrow !== true ? props?.arrow : {} } : null;
-		});
-		const internalOpen = (0, vue.shallowRef)(props?.defaultPopupVisible ?? false);
-		if (props.popupVisible !== void 0) internalOpen.value = props.popupVisible;
-		const mergedOpen = (0, vue.computed)(() => {
-			return props?.popupVisible ?? internalOpen.value;
-		});
-		const isOpen = () => mergedOpen.value;
-		(0, vue.watch)(() => props.popupVisible, async (nextVisible) => {
-			if (nextVisible !== void 0) {
-				await (0, vue.nextTick)();
-				internalOpen.value = nextVisible;
-			}
-		});
-		const getUniqueOptions = (delay = 0) => {
-			return {
-				popup: props.popup,
-				target: targetEle.value,
-				delay,
-				prefixCls: props.prefixCls,
-				popupClassName: props.popupClassName,
-				uniqueContainerClassName: props.uniqueContainerClassName,
-				uniqueContainerStyle: props.uniqueContainerStyle,
-				popupStyle: props.popupStyle,
-				popupPlacement: props.popupPlacement,
-				builtinPlacements: props.builtinPlacements,
-				popupAlign: props.popupAlign,
-				zIndex: props.zIndex,
-				mask: props.mask,
-				maskClosable: props.maskClosable,
-				popupMotion: props.popupMotion,
-				maskMotion: props.maskMotion,
-				arrow: innerArrow.value,
-				getPopupContainer: props.getPopupContainer,
-				getPopupClassNameFromAlign: props.getPopupClassNameFromAlign,
-				id,
-				onEsc
-			};
-		};
-		(0, vue.watch)([mergedOpen, targetEle], () => {
-			if (uniqueContext && props.unique && targetEle.value && !openUncontrolled.value && !parentContext?.value) if (mergedOpen.value) {
-				const enterDelay = props.mouseEnterDelay ?? 0;
-				uniqueContext?.show(getUniqueOptions(enterDelay), isOpen);
-			} else uniqueContext?.hide(props.mouseLeaveDelay || 0);
-		});
-		const openRef = (0, vue.shallowRef)(mergedOpen.value);
-		const internalTriggerOpen = (nextOpen) => {
-			if (mergedOpen.value !== nextOpen) {
-				internalOpen.value = nextOpen;
-				props?.onOpenChange?.(nextOpen);
-				props?.onPopupVisibleChange?.(nextOpen);
-			}
-		};
-		const delayInvoke = require_useDelay.default();
-		const triggerOpen = (nextOpen, delay = 0) => {
-			if (props.popupVisible !== void 0) {
-				delayInvoke(() => {
-					internalTriggerOpen(nextOpen);
-				}, delay);
-				return;
-			}
-			if (uniqueContext && props.unique && openUncontrolled.value && !parentContext?.value) {
-				if (nextOpen) uniqueContext?.show(getUniqueOptions(delay), isOpen);
-				else uniqueContext.hide(delay);
-				return;
-			}
-			delayInvoke(() => {
-				internalTriggerOpen(nextOpen);
-			}, delay);
-		};
-		function onEsc({ top }) {
-			if (top) triggerOpen(false);
-		}
-		const inMotion = (0, vue.shallowRef)(false);
-		(0, vue.watch)(mergedOpen, () => {
-			if (mergedOpen.value) inMotion.value = true;
-		});
-		const motionPrepareResolve = (0, vue.shallowRef)();
-		const mousePos = (0, vue.ref)(null);
-		const setMousePosByEvent = (event) => {
-			mousePos.value = [event.clientX, event.clientY];
-		};
-		const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, scaleX, scaleY, alignInfo, onAlign] = require_useAlign.default(mergedOpen, popupEle, (0, vue.computed)(() => props?.alignPoint && mousePos.value !== null ? mousePos.value : targetEle.value), (0, vue.computed)(() => props?.popupPlacement), (0, vue.computed)(() => props?.builtinPlacements), (0, vue.computed)(() => props?.popupAlign), props?.onPopupAlign, isMobile);
-		const [showActions, hideActions] = require_useAction.default((0, vue.computed)(() => props.action), (0, vue.computed)(() => props.showAction), (0, vue.computed)(() => props.hideAction));
-		const clickToShow = (0, vue.computed)(() => showActions.value?.has("click"));
-		const clickToHide = (0, vue.computed)(() => hideActions.value?.has("click") || hideActions.value?.has("contextmenu"));
-		const triggerAlign = () => {
-			if (!inMotion.value) onAlign();
-			else onAlign(true);
-		};
-		const onScroll = () => {
-			if (openRef.value && props?.alignPoint && clickToHide.value) triggerOpen(false);
-		};
-		require_useWatch.default(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
-		(0, vue.watch)([mousePos, () => props.popupPlacement], async () => {
-			await (0, vue.nextTick)();
-			triggerAlign();
-		});
-		(0, vue.watch)(() => JSON.stringify(props.popupAlign), async () => {
-			await (0, vue.nextTick)();
-			const { builtinPlacements, popupPlacement } = props;
-			if (mergedOpen.value && !builtinPlacements?.[popupPlacement]) triggerAlign();
-		});
-		const alignedClassName = (0, vue.computed)(() => {
-			return (0, _v_c_util.classNames)(require_util.getAlignPopupClassName(props.builtinPlacements, props.prefixCls, alignInfo.value, props.alignPoint), props?.getPopupClassNameFromAlign?.(alignInfo.value));
-		});
-		expose({
-			nativeElement: externalForwardRef,
-			popupElement: externalPopupRef,
-			forceAlign: triggerAlign
-		});
-		const targetWidth = (0, vue.shallowRef)(0);
-		const targetHeight = (0, vue.shallowRef)(0);
-		const syncTargetSize = () => {
-			if (props.stretch && targetEle.value) {
-				const rect = targetEle.value.getBoundingClientRect();
-				targetWidth.value = rect.width;
-				targetHeight.value = rect.height;
-			}
-		};
-		const onTargetResize = () => {
-			syncTargetSize();
-			triggerAlign();
-		};
-		const onVisibleChanged = (visible) => {
-			inMotion.value = false;
-			onAlign();
-			props?.afterOpenChange?.(visible);
-			props?.afterPopupVisibleChange?.(visible);
-		};
-		const onPrepare = () => {
-			syncTargetSize();
-			return new Promise((resolve) => {
-				motionPrepareResolve.value = resolve;
-				inMotion.value = true;
-			});
-		};
-		(0, vue.watch)([motionPrepareResolve], () => {
-			if (motionPrepareResolve.value) {
-				onAlign();
-				motionPrepareResolve.value();
-				motionPrepareResolve.value = void 0;
-			}
-		}, { flush: "post" });
-		function wrapperAction(target, eventName, nextOpen, delay, callback, ignoreCheck) {
-			target[eventName] = (event, ...args) => {
-				if (!ignoreCheck || !ignoreCheck()) {
-					callback?.(event);
-					triggerOpen(nextOpen, delay);
-				}
-				originChildProps[eventName]?.(event, ...args);
-			};
-		}
-		const touchToShow = (0, vue.computed)(() => showActions.value?.has("touch"));
-		const touchToHide = (0, vue.computed)(() => hideActions.value?.has("touch"));
-		const touchedRef = (0, vue.shallowRef)(false);
-		(0, vue.watchEffect)(() => {
-			const nextCloneProps = {};
-			if (touchToShow.value || touchToHide.value) nextCloneProps.onTouchstart = (...args) => {
-				touchedRef.value = true;
-				if (openRef.value && touchToHide.value) triggerOpen(false);
-				else if (!openRef.value && touchToShow.value) triggerOpen(true);
-				originChildProps.onTouchstart?.(...args);
-			};
-			if (clickToShow.value || clickToHide.value) nextCloneProps.onClick = (event, ...args) => {
-				if (openRef.value && clickToHide.value) triggerOpen(false);
-				else if (!openRef.value && clickToShow.value) {
-					setMousePosByEvent(event);
-					triggerOpen(true);
-				}
-				originChildProps?.onClick?.(event, ...args);
-				touchedRef.value = false;
-			};
-			baseActionProps.value = nextCloneProps;
-		});
-		const onPopupPointerDown = require_useWinClick.default(mergedOpen, (0, vue.computed)(() => clickToHide.value || touchToHide.value), targetEle, popupEle, (0, vue.computed)(() => props.mask), (0, vue.computed)(() => props.maskClosable), inPopupOrChild, triggerOpen);
-		const hoverToShow = (0, vue.computed)(() => showActions.value?.has("hover"));
-		const hoverToHide = (0, vue.computed)(() => hideActions.value?.has("hover"));
-		let onPopupMouseEnter;
-		let onPopupMouseLeave;
-		const ignoreMouseTrigger = () => {
-			return touchedRef.value;
-		};
-		(0, vue.watchEffect)(() => {
-			const { mouseEnterDelay, mouseLeaveDelay, alignPoint, focusDelay, blurDelay } = props;
-			const nextHoverProps = {};
-			if (hoverToShow.value) {
-				const onMouseEnterCallback = (event) => {
-					setMousePosByEvent(event);
-				};
-				wrapperAction(nextHoverProps, "onMouseenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
-				wrapperAction(nextHoverProps, "onPointerenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
-				onPopupMouseEnter = (event) => {
-					if ((mergedOpen.value || inMotion.value) && popupEle?.value?.contains(event.target)) triggerOpen(true, mouseEnterDelay);
-				};
-				if (alignPoint) nextHoverProps.onMouseMove = (event) => {
-					originChildProps.onMousemove?.(event);
-				};
-			} else onPopupMouseEnter = void 0;
-			if (hoverToHide.value) {
-				wrapperAction(nextHoverProps, "onMouseleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
-				wrapperAction(nextHoverProps, "onPointerleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
-				onPopupMouseLeave = (event) => {
-					const { relatedTarget } = event;
-					if (relatedTarget && inPopupOrChild(relatedTarget)) return;
-					triggerOpen(false, mouseLeaveDelay);
-				};
-			} else onPopupMouseLeave = void 0;
-			if (showActions.value.has("focus")) wrapperAction(nextHoverProps, "onFocus", true, focusDelay);
-			if (hideActions.value.has("focus")) wrapperAction(nextHoverProps, "onBlur", false, blurDelay);
-			if (showActions.value.has("contextmenu")) nextHoverProps.onContextmenu = (event, ...args) => {
-				if (openRef.value && hideActions.value.has("contextmenu")) triggerOpen(false);
-				else {
-					setMousePosByEvent(event);
-					triggerOpen(true);
-				}
-				event.preventDefault();
-				originChildProps.onContextmenu?.(event, ...args);
-			};
-			hoverActionProps.value = nextHoverProps;
-		});
-		const rendedRef = (0, vue.shallowRef)(false);
-		(0, vue.watchEffect)(() => {
-			rendedRef.value ||= props.forceRender || mergedOpen.value || inMotion.value;
-		});
-		(0, _v_c_resize_observer.useResizeObserver)(mergedOpen, targetEle, onTargetResize);
-		return () => {
-			const child = (0, _v_c_util_dist_props_util.filterEmpty)(slots?.default?.({ open: mergedOpen.value }) ?? [])?.[0];
-			const mergedChildrenProps = {
-				...originChildProps,
-				...cloneProps.value
-			};
-			const passedProps = {};
-			[
-				"onContextmenu",
-				"onClick",
-				"onMousedown",
-				"onTouchstart",
-				"onMouseenter",
-				"onMouseleave",
-				"onFocus",
-				"onBlur"
-			].forEach((eventName) => {
-				if (attrs[eventName]) passedProps[eventName] = (...args) => {
-					mergedChildrenProps[eventName]?.(...args);
-					attrs[eventName](...args);
-				};
-			});
-			const arrowPos = {
-				x: arrowX.value,
-				y: arrowY.value
-			};
-			const triggerNode = (0, vue.createVNode)(child, {
-				...mergedChildrenProps,
-				...passedProps,
-				ref: setTargetRef
-			});
-			const { unique, prefixCls, popup, popupClassName, popupStyle, zIndex, fresh, onPopupClick, mask, popupMotion, maskMotion, forceRender, getPopupContainer, stretch, mobile } = props;
-			return (0, vue.createVNode)(vue.Fragment, null, [triggerNode, rendedRef.value && targetEle.value && (!uniqueContext || !unique) && (0, vue.createVNode)(require_context.TriggerContextProvider, context.value, { default: () => [(0, vue.createVNode)(require_index.default, {
-				"portal": PortalComponent,
-				"ref": setPopupRef,
-				"prefixCls": prefixCls,
-				"popup": popup,
-				"className": (0, _v_c_util.classNames)(popupClassName, !isMobile.value && alignedClassName.value),
-				"style": popupStyle,
-				"target": targetEle.value,
-				"onMouseEnter": onPopupMouseEnter,
-				"onMouseLeave": onPopupMouseLeave,
-				"onPointerEnter": onPopupMouseEnter,
-				"zIndex": zIndex,
-				"open": mergedOpen.value,
-				"keepDom": inMotion.value,
-				"fresh": fresh,
-				"onClick": onPopupClick,
-				"onEsc": onEsc,
-				"onPointerDownCapture": onPopupPointerDown,
-				"mask": mask,
-				"motion": popupMotion,
-				"maskMotion": maskMotion,
-				"onVisibleChanged": onVisibleChanged,
-				"onPrepare": onPrepare,
-				"forceRender": forceRender,
-				"autoDestroy": mergedAutoDestroy.value,
-				"getPopupContainer": getPopupContainer,
-				"align": alignInfo.value,
-				"arrow": innerArrow.value,
-				"arrowPos": arrowPos,
-				"ready": ready.value,
-				"offsetX": offsetX.value,
-				"offsetY": offsetY.value,
-				"offsetR": offsetR.value,
-				"offsetB": offsetB.value,
-				"onAlign": triggerAlign,
-				"stretch": stretch,
-				"targetWidth": targetWidth.value / scaleX.value,
-				"targetHeight": targetHeight.value / scaleY.value,
-				"mobile": mobile
-			}, null)] })]);
-		};
-	}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		action: {
-			type: [String, Array],
-			required: false,
-			default: void 0
-		},
-		showAction: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		hideAction: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		zIndex: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		onPopupAlign: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		stretch: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		popupVisible: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultPopupVisible: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onOpenChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		afterOpenChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onPopupVisibleChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		afterPopupVisibleChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		getPopupContainer: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		forceRender: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		autoDestroy: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		mask: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		maskClosable: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		popupMotion: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		maskMotion: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		mouseEnterDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		mouseLeaveDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		focusDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		blurDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		popup: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: true,
-			default: void 0
-		},
-		popupPlacement: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		builtinPlacements: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupAlign: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		uniqueContainerClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		uniqueContainerStyle: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupStyle: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		getPopupClassNameFromAlign: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onPopupClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		alignPoint: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		fresh: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		unique: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		arrow: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		mobile: {
-			type: Object,
-			required: false,
-			default: void 0
-		}
-	}, defaults) });
-}
-var Trigger = generateTrigger(_v_c_portal.default);
-var src_default = Trigger;
-exports.Trigger = Trigger;
-exports.UniqueProvider = require_index$1.default;
-exports.default = src_default;
-exports.generateTrigger = generateTrigger;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/util.cjs

@@ -1,86 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function isPointsEq(a1 = [], a2 = [], isAlignPoint) {
-	const getVal = (a, index) => a[index] || "";
-	if (isAlignPoint) return getVal(a1, 0) === getVal(a2, 0);
-	return getVal(a1, 0) === getVal(a2, 0) && getVal(a1, 1) === getVal(a2, 1);
-}
-function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
-	const { points } = align;
-	const placements = Object.keys(builtinPlacements);
-	for (let i = 0; i < placements.length; i += 1) {
-		const placement = placements[i];
-		if (isPointsEq(builtinPlacements[placement]?.points, points, isAlignPoint)) return `${prefixCls}-placement-${placement}`;
-	}
-	return "";
-}
-function getWin(ele) {
-	return ele.ownerDocument.defaultView;
-}
-function collectScroller(ele) {
-	const scrollerList = [];
-	let current = ele?.parentElement;
-	const scrollStyle = [
-		"hidden",
-		"scroll",
-		"clip",
-		"auto"
-	];
-	while (current) {
-		const { overflowX, overflowY, overflow } = getWin(current).getComputedStyle(current);
-		if ([
-			overflowX,
-			overflowY,
-			overflow
-		].some((o) => scrollStyle.includes(o))) scrollerList.push(current);
-		current = current.parentElement;
-	}
-	return scrollerList;
-}
-function toNum(num, defaultValue = 1) {
-	return Number.isNaN(num) ? defaultValue : num;
-}
-function getPxValue(val) {
-	return toNum(parseFloat(val), 0);
-}
-function getVisibleArea(initArea, scrollerList) {
-	const visibleArea = { ...initArea };
-	(scrollerList || []).forEach((ele) => {
-		if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) return;
-		const { overflow, overflowClipMargin, borderTopWidth, borderBottomWidth, borderLeftWidth, borderRightWidth } = getWin(ele).getComputedStyle(ele);
-		const eleRect = ele.getBoundingClientRect();
-		const { offsetHeight: eleOutHeight, clientHeight: eleInnerHeight, offsetWidth: eleOutWidth, clientWidth: eleInnerWidth } = ele;
-		const borderTopNum = getPxValue(borderTopWidth);
-		const borderBottomNum = getPxValue(borderBottomWidth);
-		const borderLeftNum = getPxValue(borderLeftWidth);
-		const borderRightNum = getPxValue(borderRightWidth);
-		const scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3);
-		const scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3);
-		const eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
-		const eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
-		const scaledBorderTopWidth = borderTopNum * scaleY;
-		const scaledBorderBottomWidth = borderBottomNum * scaleY;
-		const scaledBorderLeftWidth = borderLeftNum * scaleX;
-		const scaledBorderRightWidth = borderRightNum * scaleX;
-		let clipMarginWidth = 0;
-		let clipMarginHeight = 0;
-		if (overflow === "clip") {
-			const clipNum = getPxValue(overflowClipMargin);
-			clipMarginWidth = clipNum * scaleX;
-			clipMarginHeight = clipNum * scaleY;
-		}
-		const eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
-		const eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
-		const eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
-		const eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
-		visibleArea.left = Math.max(visibleArea.left, eleLeft);
-		visibleArea.top = Math.max(visibleArea.top, eleTop);
-		visibleArea.right = Math.min(visibleArea.right, eleRight);
-		visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
-	});
-	return visibleArea;
-}
-exports.collectScroller = collectScroller;
-exports.getAlignPopupClassName = getAlignPopupClassName;
-exports.getVisibleArea = getVisibleArea;
-exports.getWin = getWin;
-exports.toNum = toNum;