@will-ui/vue 1.0.0

package/dist/components/layer/Layer.js

@@ -0,0 +1,557 @@
+import { isArray } from "../../util/tools.js";
+import { getElement, getElementPositionInPage, getInvisibleElementSize, getParentScrollElement, isElement, pageToNearbyLocal } from "../../util/dom.js";
+import { getPlacement } from "../../util/calc.js";
+import { collectTriggerSizeContext, mergeStyle, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useTabIndex from "../../use/useTabIndex.js";
+import useSlot from "../../use/useSlot.js";
+import useGlobalZIndex from "../../use/useGlobalZIndex.js";
+import useEscStack from "../../use/useEscStack.js";
+import useEvent from "../../use/useEvent.js";
+import useDelay from "../../use/useDelay.js";
+import clickOutside_default from "../../directives/clickOutside.js";
+import Mask_default from "../mask/Mask.js";
+import { LayerSizeKey } from "./injectionKey.js";
+import { Fragment, Teleport, Transition, capitalize, cloneVNode, computed, createVNode, defineComponent, isVNode, normalizeClass, onBeforeUnmount, onMounted, onUpdated, provide, reactive, readonly, ref, resolveDirective, toRefs, vShow, watch, withDirectives } from "vue";
+//#region components/layer/Layer.tsx
+/**
+* Layer：根据 trigger 插槽位置锚定的弹出层。
+* 公开 API（props / slots / emits）保持不变；内部加强监听生命周期、测量与定位校正。
+*/
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var eventEnter = "mouseenter";
+var eventLeave = "mouseleave";
+var LayerProps = {
+	bind: {
+		type: String,
+		default: "v-if"
+	},
+	show: {
+		type: Boolean,
+		default: false
+	},
+	manual: {
+		type: Boolean,
+		default: false
+	},
+	disabled: { type: Boolean },
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	gap: {
+		type: Number,
+		default: 6
+	},
+	offset: {
+		type: Object,
+		default: () => ({
+			x: 0,
+			y: 0
+		})
+	},
+	arrowOffset: {
+		type: Object,
+		default: () => ({
+			x: 0,
+			y: 0
+		})
+	},
+	trigger: {
+		type: String,
+		default: "click"
+	},
+	triggerAttrs: { type: Object },
+	triggerTag: {
+		type: String,
+		default: "span"
+	},
+	nearby: {
+		type: Boolean,
+		default: false
+	},
+	canCloseByClickOutside: {
+		type: Boolean,
+		default: true
+	},
+	exclude: {
+		type: Array,
+		default: () => []
+	},
+	transitionName: {
+		type: String,
+		default: "w-scale"
+	},
+	hasArrow: {
+		type: Boolean,
+		default: true
+	},
+	hasMask: {
+		type: Boolean,
+		default: false
+	},
+	layerCssVar: {
+		type: Object,
+		default: () => ({})
+	},
+	layerClass: { type: [
+		String,
+		Array,
+		Object
+	] },
+	layerStyle: {
+		type: Object,
+		default: () => ({})
+	},
+	/** 实例尺度（px）→ `--w-prop-layer-size` */
+	size: {
+		type: Number,
+		default: void 0
+	},
+	/** 实例 CSS 变量（三级 token 等） */
+	cssVars: {
+		type: Object,
+		default: void 0
+	},
+	immediate: {
+		type: Boolean,
+		default: false
+	},
+	realTime: {
+		type: Boolean,
+		default: false
+	},
+	adjustPosition: {
+		type: String,
+		default: "auto"
+	},
+	clickOutside: Function
+};
+var Layer_default = /* @__PURE__ */ defineComponent({
+	name: "Layer",
+	inheritAttrs: false,
+	props: LayerProps,
+	emits: {
+		"update:show": (v) => true,
+		"get-trigger-rect": (rect) => true,
+		"get-layer-size": (size) => true,
+		"get-layer-element": (elem) => true,
+		"after-enter": (elem) => true,
+		"before-enter": (elem) => true,
+		enter: (elem) => true,
+		"before-leave": (elem) => true,
+		"after-leave": (elem) => true
+	},
+	directives: { clickOutside: clickOutside_default },
+	setup(props, { slots, emit, expose }) {
+		let scrollElements = [];
+		let layerResizeObserver;
+		let repositionRaf = 0;
+		const click_outside = resolveDirective("clickOutside");
+		const visible = ref(props.show);
+		const { delay, stop } = useDelay();
+		const { zIndex, add: addZIndex, get } = useGlobalZIndex();
+		const triggerRoot = ref(null);
+		const nearbyRoot = ref();
+		const defaultRoot = ref();
+		/** 避免 onUpdated 在刚打开时重复狂算 */
+		const justNow = ref(false);
+		const triggerRect = reactive({
+			top: 0,
+			left: 0,
+			bottom: 0,
+			right: 0,
+			width: 0,
+			height: 0
+		});
+		const defaultSize = reactive({
+			width: 0,
+			height: 0
+		});
+		provide(LayerSizeKey, readonly(toRefs(defaultSize)));
+		const placementInfo = reactive({
+			top: 0,
+			left: 0,
+			x: 0,
+			y: 0,
+			placement: props.placement
+		});
+		function hide() {
+			visible.value = false;
+		}
+		function show() {
+			visible.value = true;
+		}
+		function toggle() {
+			visible.value = !visible.value;
+		}
+		useEscStack(() => visible.value && !props.disabled && !props.manual, hide, () => get());
+		const vnode_trigger = useSlot(computed(() => slots?.trigger?.({
+			toggle,
+			hide,
+			show,
+			visible: visible.value
+		})), true, props.triggerTag, props.triggerAttrs);
+		const leaveBox = reactive({
+			width: "",
+			height: "",
+			minWidth: ""
+		});
+		const defaultOptions = computed(() => {
+			visible.value;
+			const pInfo = placementInfo;
+			const placement = pInfo.placement;
+			const triggerEl = getElement(triggerRoot.value);
+			const options = {
+				ref: defaultRoot,
+				class: [
+					"w-layer-content",
+					`w-layer-${placement}`,
+					{ "w-layer-no-arrow": !props.hasArrow || placement === "center" || placement === "client-center" },
+					props.layerClass && normalizeClass(props.layerClass)
+				],
+				style: mergeStyle(toCssVarsStyle(collectTriggerSizeContext(isElement(triggerEl) ? triggerEl : null)), toCssVarsStyle({
+					...propSizeToCssVars("layer", props.size),
+					...props.cssVars
+				}), props.layerCssVar, props.layerStyle, {
+					top: `${pInfo.top}px`,
+					left: `${pInfo.left}px`,
+					"z-index": zIndex.value,
+					"--_layer-arrow-x": `${pInfo.x}px`,
+					"--_layer-arrow-y": `${pInfo.y}px`
+				}, leaveBox.width || leaveBox.height ? {
+					width: leaveBox.width || void 0,
+					minWidth: leaveBox.minWidth || void 0,
+					height: leaveBox.height || void 0
+				} : void 0)
+			};
+			if (props.trigger === "hover") {
+				options[`on${capitalize(eventEnter)}`] = () => {
+					stop();
+					show();
+				};
+				options[`on${capitalize(eventLeave)}`] = () => {
+					delay(hide);
+				};
+			}
+			return options;
+		});
+		if (!props.manual) useTriggerType(triggerRoot, props.trigger, handleTriggerEvent);
+		function handleTriggerEvent(e) {
+			if (props.disabled) return;
+			if (props.trigger === "hover") {
+				if (e.type === eventLeave) delay(hide);
+				else if (e.type === eventEnter) delay(() => show());
+			} else if (props.trigger === "focus") {
+				if (e.type === "focus") show();
+				else if (e.type === "blur") hide();
+			} else toggle();
+		}
+		/** nearby：页面坐标 → 相对 .w-layer；箭头 x/y 仍相对层自身 */
+		function localizePlacement(p) {
+			if (!props.nearby || p.placement === "client-center") return p;
+			const { top, left } = pageToNearbyLocal(p, nearbyRoot.value);
+			return {
+				...p,
+				top,
+				left
+			};
+		}
+		function toGetDefaultPlacement(immediate = false) {
+			if (visible.value || immediate) {
+				const p = getPlacement({
+					triggerRect,
+					layerSize: defaultSize,
+					placement: props.placement,
+					gap: props.gap,
+					offset: props.offset,
+					arrowOffset: props.arrowOffset,
+					layer: defaultRoot,
+					adjustPosition: props.adjustPosition
+				});
+				const local = localizePlacement(p);
+				Object.assign(placementInfo, {
+					top: Math.round(local.top),
+					left: Math.round(local.left),
+					x: Math.round(p.x),
+					y: Math.round(p.y),
+					placement: p.placement
+				});
+			}
+		}
+		/** 进场动画前同步写入定位（对齐 React syncPlacementBeforeEnter） */
+		function syncPlacementToEl(el) {
+			const htmlEl = el;
+			htmlEl.style.top = `${placementInfo.top}px`;
+			htmlEl.style.left = `${placementInfo.left}px`;
+			htmlEl.style.setProperty("--_layer-arrow-x", `${placementInfo.x}px`);
+			htmlEl.style.setProperty("--_layer-arrow-y", `${placementInfo.y}px`);
+		}
+		function calcTriggerRect(immediate = false) {
+			if (immediate || visible.value && triggerRoot.value) {
+				const rect = getElementPositionInPage(triggerRoot);
+				for (const k in rect) triggerRect[k] = rect[k];
+				emit("get-trigger-rect", readonly(rect));
+				justNow.value = true;
+			}
+		}
+		/**
+		* 优先用真实节点的布局尺寸（不受 scale 动画影响）；
+		* 节点尚不可见时回退到 clone 测量。
+		*/
+		function getDefaultRootSize(maybeEl, immediate = false) {
+			if (!(immediate || visible.value)) return;
+			const el = getElement(maybeEl);
+			if (el && isElement(el)) {
+				const width = el.offsetWidth;
+				const height = el.offsetHeight;
+				if (width > 0 && height > 0) {
+					defaultSize.width = width;
+					defaultSize.height = height;
+					emit("get-layer-size", {
+						width,
+						height
+					});
+					return;
+				}
+			}
+			const { width, height } = getInvisibleElementSize(maybeEl, props.nearby, triggerRoot.value, props.transitionName);
+			defaultSize.width = width;
+			defaultSize.height = height;
+			emit("get-layer-size", {
+				width,
+				height
+			});
+		}
+		function clearScrollParents() {
+			removeDomEvent(scrollElements, "scroll", handleParentScroll);
+			scrollElements = [];
+		}
+		function bindScrollParents() {
+			clearScrollParents();
+			if (!visible.value || !triggerRoot.value) return;
+			scrollElements = getParentScrollElement(triggerRoot.value);
+			addDomEvent(scrollElements, "scroll", handleParentScroll);
+		}
+		function scheduleReposition() {
+			if (repositionRaf) cancelAnimationFrame(repositionRaf);
+			repositionRaf = requestAnimationFrame(() => {
+				repositionRaf = 0;
+				calcTriggerRect();
+				toGetDefaultPlacement();
+			});
+		}
+		function handleParentScroll() {
+			scheduleReposition();
+		}
+		function handleWindowResize() {
+			if (!visible.value) return;
+			calcTriggerRect();
+			if (defaultRoot.value) getDefaultRootSize(defaultRoot.value);
+			toGetDefaultPlacement();
+		}
+		function bindWindowListeners() {
+			window.addEventListener("scroll", handleParentScroll, true);
+			window.addEventListener("resize", handleWindowResize);
+		}
+		function unbindWindowListeners() {
+			window.removeEventListener("scroll", handleParentScroll, true);
+			window.removeEventListener("resize", handleWindowResize);
+		}
+		function observeLayerSize(el) {
+			layerResizeObserver?.disconnect();
+			layerResizeObserver = void 0;
+			if (!el || typeof ResizeObserver === "undefined") return;
+			layerResizeObserver = new ResizeObserver(() => {
+				if (!visible.value) return;
+				const prevW = defaultSize.width;
+				const prevH = defaultSize.height;
+				getDefaultRootSize(el);
+				if (defaultSize.width === prevW && defaultSize.height === prevH) return;
+				calcTriggerRect();
+				toGetDefaultPlacement();
+			});
+			layerResizeObserver.observe(el);
+		}
+		/** 对外：强制按当前 trigger / 内容重新定位 */
+		function updatePosition() {
+			calcTriggerRect(true);
+			if (defaultRoot.value) getDefaultRootSize(defaultRoot.value, true);
+			toGetDefaultPlacement(true);
+		}
+		onMounted(() => {
+			calcTriggerRect(props.immediate);
+			getDefaultRootSize(defaultRoot.value, props.immediate);
+			toGetDefaultPlacement(props.immediate);
+			if (visible.value) {
+				bindWindowListeners();
+				bindScrollParents();
+				observeLayerSize(defaultRoot.value);
+			}
+		});
+		onUpdated(() => {
+			if (!visible.value) return;
+			if (props.realTime) {
+				calcTriggerRect();
+				getDefaultRootSize(defaultRoot.value);
+				toGetDefaultPlacement();
+			} else if (!justNow.value) calcTriggerRect();
+		});
+		onBeforeUnmount(() => {
+			clearScrollParents();
+			unbindWindowListeners();
+			layerResizeObserver?.disconnect();
+			if (repositionRaf) cancelAnimationFrame(repositionRaf);
+		});
+		watch(visible, (v) => {
+			emit("update:show", v);
+			if (v) {
+				addZIndex();
+				calcTriggerRect();
+				bindWindowListeners();
+				bindScrollParents();
+				observeLayerSize(defaultRoot.value);
+			} else {
+				clearScrollParents();
+				unbindWindowListeners();
+				layerResizeObserver?.disconnect();
+				layerResizeObserver = void 0;
+			}
+		});
+		watch(() => props.show, (v) => {
+			visible.value = v;
+		});
+		watch(defaultRoot, (el) => {
+			if (el) {
+				emit("get-layer-element", el);
+				if (visible.value) observeLayerSize(el);
+			}
+		});
+		const dom = ref();
+		expose({
+			dom,
+			show,
+			hide,
+			toggle,
+			updatePosition
+		});
+		function renderDefaultContent() {
+			const _default = slots.default?.({
+				toggle,
+				hide,
+				show,
+				visible: visible.value
+			});
+			if (props.bind === "v-show") return withDirectives(createVNode("div", defaultOptions.value, [_default]), [[vShow, visible.value]]);
+			return visible.value ? createVNode("div", defaultOptions.value, [_default]) : null;
+		}
+		return () => {
+			let _slot;
+			let trigger_content = vnode_trigger.value === void 0 ? void 0 : cloneVNode(vnode_trigger.value, { ref: triggerRoot });
+			let default_content = createVNode(Transition, {
+				"ref": dom,
+				"name": props.transitionName,
+				"onBeforeEnter": (el) => {
+					getDefaultRootSize(el);
+					toGetDefaultPlacement();
+					syncPlacementToEl(el);
+					emit("before-enter", el);
+				},
+				"onEnter": (el) => {
+					emit("enter", el);
+				},
+				"onAfterEnter": (el) => {
+					justNow.value = false;
+					const prevW = defaultSize.width;
+					const prevH = defaultSize.height;
+					getDefaultRootSize(el);
+					if (defaultSize.width !== prevW || defaultSize.height !== prevH) toGetDefaultPlacement();
+					observeLayerSize(el);
+					emit("after-enter", el);
+				},
+				"onBeforeLeave": (el) => {
+					const htmlEl = el;
+					const w = htmlEl.offsetWidth;
+					const h = htmlEl.offsetHeight;
+					if (w > 0) {
+						leaveBox.width = `${w}px`;
+						leaveBox.minWidth = `${w}px`;
+						htmlEl.style.width = `${w}px`;
+						htmlEl.style.minWidth = `${w}px`;
+					}
+					if (h > 0) {
+						leaveBox.height = `${h}px`;
+						htmlEl.style.height = `${h}px`;
+					}
+					emit("before-leave", el);
+				},
+				"onAfterLeave": (el) => {
+					const htmlEl = el;
+					htmlEl.style.width = "";
+					htmlEl.style.minWidth = "";
+					htmlEl.style.height = "";
+					leaveBox.width = "";
+					leaveBox.minWidth = "";
+					leaveBox.height = "";
+					emit("after-leave", el);
+				}
+			}, _isSlot(_slot = renderDefaultContent()) ? _slot : { default: () => [_slot] });
+			if (props.canCloseByClickOutside && !props.manual || props.clickOutside) {
+				const directive = [[click_outside, {
+					handler: hide,
+					clickOutside: props.clickOutside,
+					exclude: [...props.exclude, ...defaultRoot.value ? [defaultRoot.value] : []]
+				}]];
+				if (trigger_content) trigger_content = withDirectives(trigger_content, directive);
+			}
+			if (!props.nearby) {
+				const _default_content = function() {
+					return default_content;
+				}();
+				default_content = createVNode(Teleport, { "to": "body" }, _isSlot(default_content) ? default_content : { default: () => [_default_content] });
+			}
+			const mask = props.hasMask ? createVNode(Mask_default, {
+				"show": visible.value,
+				"zIndex": zIndex.value - 1,
+				"onUpdate:show": (v) => {
+					visible.value = v;
+				}
+			}, null) : null;
+			if (props.nearby) return createVNode(Fragment, null, [createVNode("span", {
+				"class": "w-layer",
+				"ref": nearbyRoot
+			}, [trigger_content, !props.disabled && default_content]), mask]);
+			return createVNode(Fragment, null, [
+				trigger_content,
+				mask,
+				!props.disabled && default_content
+			]);
+		};
+	}
+});
+function addDomEvent(el, type, fn) {
+	(isArray(el) ? el : [el]).forEach((e) => e.addEventListener(type, fn));
+}
+function removeDomEvent(el, type, fn) {
+	(isArray(el) ? el : [el]).forEach((e) => e.removeEventListener(type, fn));
+}
+function useTriggerType(el, triggerType, handler) {
+	switch (triggerType) {
+		case "click":
+			useEvent(el, triggerType, handler);
+			break;
+		case "hover":
+			useEvent(el, eventEnter, handler);
+			useEvent(el, eventLeave, handler);
+			break;
+		case "focus":
+			useTabIndex(el);
+			useEvent(el, "focus", handler);
+			useEvent(el, "blur", handler);
+	}
+}
+//#endregion
+export { LayerProps, Layer_default as default };
+
+//# sourceMappingURL=Layer.js.map

package/dist/components/layer/Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.js","names":["Transition","Teleport","vShow","_vShow","createVNode","_createVNode","withDirectives","_withDirectives","isVNode","_isVNode","Fragment","_Fragment","onMounted","onUpdated","onBeforeUnmount","toRefs","resolveDirective","defineComponent","ref","reactive","computed","watch","cloneVNode","normalizeClass","readonly","capitalize","provide","useTabIndex","useSlot","useGlobalZIndex","useEscStack","useEvent","useDelay","clickOutside","Mask","isArray","isElement","getElement","getElementPositionInPage","getInvisibleElementSize","getParentScrollElement","pageToNearbyLocal","mergeStyle","collectTriggerSizeContext","propSizeToCssVars","toCssVarsStyle","getPlacement","LayerSizeKey","_isSlot","s","Object","prototype","toString","call","eventEnter","eventLeave","LayerProps","bind","type","String","default","show","Boolean","manual","disabled","placement","gap","Number","offset","x","y","arrowOffset","trigger","triggerAttrs","triggerTag","nearby","canCloseByClickOutside","exclude","Array","transitionName","hasArrow","hasMask","layerCssVar","layerClass","layerStyle","size","undefined","cssVars","immediate","realTime","adjustPosition","Function","name","inheritAttrs","props","emits","v","rect","elem","enter","directives","setup","slots","emit","expose","scrollElements","layerResizeObserver","repositionRaf","click_outside","visible","delay","stop","zIndex","add","addZIndex","get","triggerRoot","nearbyRoot","defaultRoot","justNow","triggerRect","top","left","bottom","right","width","height","defaultSize","placementInfo","hide","value","toggle","vnode_trigger","leaveBox","minWidth","defaultOptions","pInfo","triggerEl","options","class","style","useTriggerType","handleTriggerEvent","e","localizePlacement","p","toGetDefaultPlacement","layerSize","layer","local","assign","Math","round","syncPlacementToEl","el","htmlEl","setProperty","calcTriggerRect","k","getDefaultRootSize","maybeEl","offsetWidth","offsetHeight","clearScrollParents","removeDomEvent","handleParentScroll","bindScrollParents","addDomEvent","scheduleReposition","cancelAnimationFrame","requestAnimationFrame","handleWindowResize","bindWindowListeners","window","addEventListener","unbindWindowListeners","removeEventListener","observeLayerSize","disconnect","ResizeObserver","prevW","prevH","observe","updatePosition","dom","renderDefaultContent","_default","_slot","trigger_content","default_content","w","h","directive","handler","_default_content","mask","fn","arr","forEach","triggerType"],"sources":["../../../components/layer/Layer.tsx"],"sourcesContent":["/**\r\n * Layer：根据 trigger 插槽位置锚定的弹出层。\r\n * 公开 API（props / slots / emits）保持不变；内部加强监听生命周期、测量与定位校正。\r\n */\r\nimport type { Ref, PropType, DirectiveArguments } from 'vue'\r\nimport { Transition, Teleport } from 'vue'\r\nimport { onMounted, onUpdated, onBeforeUnmount, toRefs } from 'vue'\r\nimport { withDirectives, resolveDirective } from 'vue'\r\nimport {\r\n  defineComponent,\r\n  ref,\r\n  reactive,\r\n  computed,\r\n  watch,\r\n  cloneVNode,\r\n  normalizeClass,\r\n  readonly,\r\n  capitalize,\r\n  provide,\r\n} from 'vue'\r\nimport type {\r\n  TriggerType,\r\n  PlacementType,\r\n  AdjustmentPosition,\r\n  RectType,\r\n  EmptyObject,\r\n} from '../../config/types'\r\nimport useTabIndex from '../../use/useTabIndex'\r\nimport useSlot from '../../use/useSlot'\r\nimport useGlobalZIndex from '../../use/useGlobalZIndex'\r\nimport useEscStack from '../../use/useEscStack'\r\nimport useEvent from '../../use/useEvent'\r\nimport useDelay from '../../use/useDelay'\r\nimport clickOutside from '../../directives/clickOutside'\r\nimport Mask from '../mask'\r\nimport {\r\n  isArray,\r\n  isElement,\r\n  getElement,\r\n  getElementPositionInPage,\r\n  getInvisibleElementSize,\r\n  getParentScrollElement,\r\n  pageToNearbyLocal,\r\n  mergeStyle,\r\n  collectTriggerSizeContext,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { getPlacement } from '../../util/calc'\r\nimport { LayerSizeKey } from './injectionKey'\r\n\r\nexport interface LayerCssVarType {\r\n  '--_layer-border-color'?: string\r\n  '--_layer-background-color'?: string\r\n  '--_layer-arrow-size'?: string\r\n  '--_layer-color'?: string\r\n  '--_layer-transform'?: string\r\n}\r\n\r\nconst eventEnter = 'mouseenter'\r\nconst eventLeave = 'mouseleave'\r\n\r\nexport const LayerProps = {\r\n  bind: { type: String as PropType<'v-if' | 'v-show'>, default: 'v-if' },\r\n  show: { type: Boolean, default: false },\r\n  manual: { type: Boolean, default: false },\r\n  disabled: { type: Boolean },\r\n  placement: { type: String as PropType<PlacementType>, default: 'bottom' },\r\n  gap: { type: Number, default: 6 },\r\n  offset: {\r\n    type: Object as PropType<{ x: number; y: number }>,\r\n    default: () => ({ x: 0, y: 0 }),\r\n  },\r\n  arrowOffset: {\r\n    type: Object as PropType<{ x: number; y: number }>,\r\n    default: () => ({ x: 0, y: 0 }),\r\n  },\r\n  trigger: { type: String as PropType<TriggerType>, default: 'click' },\r\n  triggerAttrs: { type: Object },\r\n  triggerTag: { type: String, default: 'span' },\r\n  nearby: { type: Boolean, default: false },\r\n  canCloseByClickOutside: { type: Boolean, default: true },\r\n  exclude: { type: Array as PropType<HTMLElement[]>, default: () => [] },\r\n  transitionName: { type: String, default: 'w-scale' },\r\n  hasArrow: { type: Boolean, default: true },\r\n  hasMask: { type: Boolean, default: false },\r\n  layerCssVar: {\r\n    type: Object as PropType<LayerCssVarType>,\r\n    default: () => ({}),\r\n  },\r\n  layerClass: { type: [String, Array, Object] },\r\n  layerStyle: { type: Object, default: () => ({}) },\r\n  /** 实例尺度（px）→ `--w-prop-layer-size` */\r\n  size: { type: Number, default: undefined },\r\n  /** 实例 CSS 变量（三级 token 等） */\r\n  cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  immediate: { type: Boolean, default: false },\r\n  realTime: { type: Boolean, default: false },\r\n  adjustPosition: {\r\n    type: String as PropType<AdjustmentPosition>,\r\n    default: 'auto',\r\n  },\r\n  clickOutside: Function,\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Layer',\r\n  inheritAttrs: false,\r\n  props: LayerProps,\r\n  emits: {\r\n    'update:show': (v: boolean) => true,\r\n    'get-trigger-rect': (rect: RectType) => true,\r\n    'get-layer-size': (size: { width: number; height: number }) => true,\r\n    'get-layer-element': (elem: HTMLElement) => true,\r\n    'after-enter': (elem: Element) => true,\r\n    'before-enter': (elem: Element) => true,\r\n    enter: (elem: Element) => true,\r\n    'before-leave': (elem: Element) => true,\r\n    'after-leave': (elem: Element) => true,\r\n  },\r\n  directives: { clickOutside },\r\n  setup(props, { slots, emit, expose }) {\r\n    let scrollElements: HTMLElement[] = []\r\n    let layerResizeObserver: ResizeObserver | undefined\r\n    let repositionRaf = 0\r\n\r\n    const click_outside = resolveDirective('clickOutside')\r\n    const visible = ref(props.show)\r\n    const { delay, stop } = useDelay()\r\n    const { zIndex, add: addZIndex, get } = useGlobalZIndex()\r\n    const triggerRoot = ref(null)\r\n    const nearbyRoot = ref<HTMLElement>()\r\n    const defaultRoot = ref<HTMLElement>()\r\n    /** 避免 onUpdated 在刚打开时重复狂算 */\r\n    const justNow = ref(false)\r\n\r\n    const triggerRect = reactive<RectType>({\r\n      top: 0,\r\n      left: 0,\r\n      bottom: 0,\r\n      right: 0,\r\n      width: 0,\r\n      height: 0,\r\n    })\r\n    const defaultSize = reactive({ width: 0, height: 0 })\r\n    provide(LayerSizeKey, readonly(toRefs(defaultSize)))\r\n\r\n    const placementInfo = reactive({\r\n      top: 0,\r\n      left: 0,\r\n      x: 0,\r\n      y: 0,\r\n      placement: props.placement,\r\n    })\r\n\r\n    function hide() {\r\n      visible.value = false\r\n    }\r\n    function show() {\r\n      visible.value = true\r\n    }\r\n    function toggle() {\r\n      visible.value = !visible.value\r\n    }\r\n\r\n    useEscStack(\r\n      () => visible.value && !props.disabled && !props.manual,\r\n      hide,\r\n      () => get(),\r\n    )\r\n\r\n    const vnode_trigger = useSlot(\r\n      computed(() =>\r\n        slots?.trigger?.({ toggle, hide, show, visible: visible.value }),\r\n      ),\r\n      true,\r\n      props.triggerTag,\r\n      props.triggerAttrs,\r\n    )\r\n\r\n    const leaveBox = reactive({ width: '', height: '', minWidth: '' })\r\n\r\n    const defaultOptions = computed(() => {\r\n      void visible.value\r\n      const pInfo = placementInfo\r\n      const placement = pInfo.placement\r\n      const triggerEl = getElement(triggerRoot.value)\r\n      const options: EmptyObject = {\r\n        ref: defaultRoot,\r\n        class: [\r\n          'w-layer-content',\r\n          `w-layer-${placement}`,\r\n          {\r\n            'w-layer-no-arrow':\r\n              !props.hasArrow ||\r\n              placement === 'center' ||\r\n              placement === 'client-center',\r\n          },\r\n          props.layerClass && normalizeClass(props.layerClass),\r\n        ],\r\n        style: mergeStyle(\r\n          toCssVarsStyle(\r\n            collectTriggerSizeContext(\r\n              isElement(triggerEl) ? triggerEl : null,\r\n            ),\r\n          ),\r\n          toCssVarsStyle({\r\n            ...propSizeToCssVars('layer', props.size),\r\n            ...props.cssVars,\r\n          }),\r\n          props.layerCssVar,\r\n          props.layerStyle,\r\n          {\r\n            top: `${pInfo.top}px`,\r\n            left: `${pInfo.left}px`,\r\n            'z-index': zIndex.value,\r\n            '--_layer-arrow-x': `${pInfo.x}px`,\r\n            '--_layer-arrow-y': `${pInfo.y}px`,\r\n          },\r\n          leaveBox.width || leaveBox.height\r\n            ? {\r\n                width: leaveBox.width || undefined,\r\n                minWidth: leaveBox.minWidth || undefined,\r\n                height: leaveBox.height || undefined,\r\n              }\r\n            : undefined,\r\n        ),\r\n      }\r\n      if (props.trigger === 'hover') {\r\n        options[`on${capitalize(eventEnter)}`] = () => {\r\n          stop()\r\n          show()\r\n        }\r\n        options[`on${capitalize(eventLeave)}`] = () => {\r\n          delay(hide)\r\n        }\r\n      }\r\n      return options\r\n    })\r\n\r\n    if (!props.manual) {\r\n      useTriggerType(triggerRoot, props.trigger, handleTriggerEvent)\r\n    }\r\n\r\n    function handleTriggerEvent(e: MouseEvent) {\r\n      if (props.disabled) return\r\n      if (props.trigger === 'hover') {\r\n        if (e.type === eventLeave) {\r\n          delay(hide)\r\n        } else if (e.type === eventEnter) {\r\n          delay(() => show())\r\n        }\r\n      } else if (props.trigger === 'focus') {\r\n        if (e.type === 'focus') show()\r\n        else if (e.type === 'blur') hide()\r\n      } else {\r\n        toggle()\r\n      }\r\n    }\r\n\r\n    /** nearby：页面坐标 → 相对 .w-layer；箭头 x/y 仍相对层自身 */\r\n    function localizePlacement(p: {\r\n      top: number\r\n      left: number\r\n      x: number\r\n      y: number\r\n      placement: PlacementType\r\n    }) {\r\n      if (!props.nearby || p.placement === 'client-center') return p\r\n      const { top, left } = pageToNearbyLocal(p, nearbyRoot.value)\r\n      return { ...p, top, left }\r\n    }\r\n\r\n    function toGetDefaultPlacement(immediate = false) {\r\n      if (visible.value || immediate) {\r\n        const p = getPlacement({\r\n          triggerRect,\r\n          layerSize: defaultSize,\r\n          placement: props.placement,\r\n          gap: props.gap,\r\n          offset: props.offset,\r\n          arrowOffset: props.arrowOffset,\r\n          layer: defaultRoot,\r\n          adjustPosition: props.adjustPosition,\r\n        })\r\n        const local = localizePlacement(p)\r\n        Object.assign(placementInfo, {\r\n          top: Math.round(local.top),\r\n          left: Math.round(local.left),\r\n          x: Math.round(p.x),\r\n          y: Math.round(p.y),\r\n          placement: p.placement,\r\n        })\r\n      }\r\n    }\r\n\r\n    /** 进场动画前同步写入定位（对齐 React syncPlacementBeforeEnter） */\r\n    function syncPlacementToEl(el: Element) {\r\n      const htmlEl = el as HTMLElement\r\n      htmlEl.style.top = `${placementInfo.top}px`\r\n      htmlEl.style.left = `${placementInfo.left}px`\r\n      htmlEl.style.setProperty('--_layer-arrow-x', `${placementInfo.x}px`)\r\n      htmlEl.style.setProperty('--_layer-arrow-y', `${placementInfo.y}px`)\r\n    }\r\n\r\n    function calcTriggerRect(immediate = false) {\r\n      if (immediate || (visible.value && triggerRoot.value)) {\r\n        const rect = getElementPositionInPage(triggerRoot)\r\n        for (const k in rect) {\r\n          triggerRect[k] = rect[k]\r\n        }\r\n        emit('get-trigger-rect', readonly(rect))\r\n        justNow.value = true\r\n      }\r\n    }\r\n\r\n    /**\r\n     * 优先用真实节点的布局尺寸（不受 scale 动画影响）；\r\n     * 节点尚不可见时回退到 clone 测量。\r\n     */\r\n    function getDefaultRootSize(maybeEl: any, immediate: boolean = false) {\r\n      if (!(immediate || visible.value)) return\r\n\r\n      const el = getElement(maybeEl)\r\n      if (el && isElement(el)) {\r\n        const width = el.offsetWidth\r\n        const height = el.offsetHeight\r\n        if (width > 0 && height > 0) {\r\n          defaultSize.width = width\r\n          defaultSize.height = height\r\n          emit('get-layer-size', { width, height })\r\n          return\r\n        }\r\n      }\r\n\r\n      const { width, height } = getInvisibleElementSize(\r\n        maybeEl,\r\n        props.nearby,\r\n        triggerRoot.value,\r\n        props.transitionName,\r\n      )\r\n      defaultSize.width = width\r\n      defaultSize.height = height\r\n      emit('get-layer-size', { width, height })\r\n    }\r\n\r\n    function clearScrollParents() {\r\n      removeDomEvent(scrollElements, 'scroll', handleParentScroll)\r\n      scrollElements = []\r\n    }\r\n\r\n    function bindScrollParents() {\r\n      clearScrollParents()\r\n      if (!visible.value || !triggerRoot.value) return\r\n      scrollElements = getParentScrollElement(triggerRoot.value)\r\n      addDomEvent(scrollElements, 'scroll', handleParentScroll)\r\n    }\r\n\r\n    function scheduleReposition() {\r\n      if (repositionRaf) cancelAnimationFrame(repositionRaf)\r\n      repositionRaf = requestAnimationFrame(() => {\r\n        repositionRaf = 0\r\n        calcTriggerRect()\r\n        toGetDefaultPlacement()\r\n      })\r\n    }\r\n\r\n    function handleParentScroll() {\r\n      scheduleReposition()\r\n    }\r\n\r\n    function handleWindowResize() {\r\n      if (!visible.value) return\r\n      calcTriggerRect()\r\n      if (defaultRoot.value) {\r\n        getDefaultRootSize(defaultRoot.value)\r\n      }\r\n      toGetDefaultPlacement()\r\n    }\r\n\r\n    function bindWindowListeners() {\r\n      window.addEventListener('scroll', handleParentScroll, true)\r\n      window.addEventListener('resize', handleWindowResize)\r\n    }\r\n\r\n    function unbindWindowListeners() {\r\n      window.removeEventListener('scroll', handleParentScroll, true)\r\n      window.removeEventListener('resize', handleWindowResize)\r\n    }\r\n\r\n    function observeLayerSize(el: Element | null | undefined) {\r\n      layerResizeObserver?.disconnect()\r\n      layerResizeObserver = undefined\r\n      if (!el || typeof ResizeObserver === 'undefined') return\r\n      layerResizeObserver = new ResizeObserver(() => {\r\n        if (!visible.value) return\r\n        const prevW = defaultSize.width\r\n        const prevH = defaultSize.height\r\n        getDefaultRootSize(el)\r\n        if (\r\n          defaultSize.width === prevW &&\r\n          defaultSize.height === prevH\r\n        ) {\r\n          return\r\n        }\r\n        calcTriggerRect()\r\n        toGetDefaultPlacement()\r\n      })\r\n      layerResizeObserver.observe(el)\r\n    }\r\n\r\n    /** 对外：强制按当前 trigger / 内容重新定位 */\r\n    function updatePosition() {\r\n      calcTriggerRect(true)\r\n      if (defaultRoot.value) {\r\n        getDefaultRootSize(defaultRoot.value, true)\r\n      }\r\n      toGetDefaultPlacement(true)\r\n    }\r\n\r\n    onMounted(() => {\r\n      calcTriggerRect(props.immediate)\r\n      getDefaultRootSize(defaultRoot.value, props.immediate)\r\n      toGetDefaultPlacement(props.immediate)\r\n      if (visible.value) {\r\n        bindWindowListeners()\r\n        bindScrollParents()\r\n        observeLayerSize(defaultRoot.value)\r\n      }\r\n    })\r\n\r\n    onUpdated(() => {\r\n      if (!visible.value) return\r\n      if (props.realTime) {\r\n        calcTriggerRect()\r\n        getDefaultRootSize(defaultRoot.value)\r\n        toGetDefaultPlacement()\r\n      } else if (!justNow.value) {\r\n        calcTriggerRect()\r\n      }\r\n    })\r\n\r\n    onBeforeUnmount(() => {\r\n      clearScrollParents()\r\n      unbindWindowListeners()\r\n      layerResizeObserver?.disconnect()\r\n      if (repositionRaf) cancelAnimationFrame(repositionRaf)\r\n    })\r\n\r\n    watch(visible, (v) => {\r\n      emit('update:show', v)\r\n      if (v) {\r\n        addZIndex()\r\n        calcTriggerRect()\r\n        bindWindowListeners()\r\n        bindScrollParents()\r\n        observeLayerSize(defaultRoot.value)\r\n      } else {\r\n        clearScrollParents()\r\n        unbindWindowListeners()\r\n        layerResizeObserver?.disconnect()\r\n        layerResizeObserver = undefined\r\n      }\r\n    })\r\n\r\n    watch(\r\n      () => props.show,\r\n      (v) => {\r\n        visible.value = v\r\n      },\r\n    )\r\n\r\n    watch(defaultRoot, (el) => {\r\n      if (el) {\r\n        emit('get-layer-element', el)\r\n        if (visible.value) observeLayerSize(el)\r\n      }\r\n    })\r\n\r\n    const dom = ref()\r\n    expose({\r\n      dom,\r\n      show,\r\n      hide,\r\n      toggle,\r\n      updatePosition,\r\n    })\r\n\r\n    function renderDefaultContent() {\r\n      const _default = slots.default?.({\r\n        toggle,\r\n        hide,\r\n        show,\r\n        visible: visible.value,\r\n      })\r\n      if (props.bind === 'v-show') {\r\n        return (\r\n          <div v-show={visible.value} {...defaultOptions.value}>\r\n            {_default}\r\n          </div>\r\n        )\r\n      }\r\n      return visible.value ? (\r\n        <div {...defaultOptions.value}>{_default}</div>\r\n      ) : null\r\n    }\r\n\r\n    return () => {\r\n      let trigger_content =\r\n        vnode_trigger.value === undefined\r\n          ? undefined\r\n          : cloneVNode(vnode_trigger.value, { ref: triggerRoot })\r\n\r\n      let default_content = (\r\n        <Transition\r\n          //@ts-ignore\r\n          ref={dom}\r\n          name={props.transitionName}\r\n          onBeforeEnter={(el) => {\r\n            getDefaultRootSize(el)\r\n            toGetDefaultPlacement()\r\n            syncPlacementToEl(el)\r\n            emit('before-enter', el)\r\n          }}\r\n          onEnter={(el) => {\r\n            emit('enter', el)\r\n          }}\r\n          onAfterEnter={(el: Element) => {\r\n            justNow.value = false\r\n            const prevW = defaultSize.width\r\n            const prevH = defaultSize.height\r\n            getDefaultRootSize(el)\r\n            // 尺寸未变则不再写 top/left，避免 client-center 等场景二次定位闪一下\r\n            if (\r\n              defaultSize.width !== prevW ||\r\n              defaultSize.height !== prevH\r\n            ) {\r\n              toGetDefaultPlacement()\r\n            }\r\n            observeLayerSize(el)\r\n            emit('after-enter', el)\r\n          }}\r\n          onBeforeLeave={(el: Element) => {\r\n            // 钉住离场前宽高，避免 close 时清 size 上下文 / 改内容导致收缩换行\r\n            const htmlEl = el as HTMLElement\r\n            const w = htmlEl.offsetWidth\r\n            const h = htmlEl.offsetHeight\r\n            if (w > 0) {\r\n              leaveBox.width = `${w}px`\r\n              leaveBox.minWidth = `${w}px`\r\n              htmlEl.style.width = `${w}px`\r\n              htmlEl.style.minWidth = `${w}px`\r\n            }\r\n            if (h > 0) {\r\n              leaveBox.height = `${h}px`\r\n              htmlEl.style.height = `${h}px`\r\n            }\r\n            emit('before-leave', el)\r\n          }}\r\n          onAfterLeave={(el: Element) => {\r\n            const htmlEl = el as HTMLElement\r\n            htmlEl.style.width = ''\r\n            htmlEl.style.minWidth = ''\r\n            htmlEl.style.height = ''\r\n            leaveBox.width = ''\r\n            leaveBox.minWidth = ''\r\n            leaveBox.height = ''\r\n            emit('after-leave', el)\r\n          }}>\r\n          {renderDefaultContent()}\r\n        </Transition>\r\n      )\r\n\r\n      if (\r\n        (props.canCloseByClickOutside && !props.manual) ||\r\n        props.clickOutside\r\n      ) {\r\n        const directive: DirectiveArguments = [\r\n          [\r\n            click_outside!,\r\n            {\r\n              handler: hide,\r\n              clickOutside: props.clickOutside,\r\n              exclude: [\r\n                ...props.exclude,\r\n                ...(defaultRoot.value ? [defaultRoot.value] : []),\r\n              ],\r\n            },\r\n          ],\r\n        ]\r\n        if (trigger_content) {\r\n          trigger_content = withDirectives(trigger_content, directive)\r\n        }\r\n      }\r\n\r\n      if (!props.nearby) {\r\n        default_content = <Teleport to={'body'}>{default_content}</Teleport>\r\n      }\r\n\r\n      const mask = props.hasMask ? (\r\n        <Mask\r\n          show={visible.value}\r\n          zIndex={zIndex.value - 1}\r\n          onUpdate:show={(v) => {\r\n            visible.value = v\r\n          }}\r\n        />\r\n      ) : null\r\n\r\n      if (props.nearby) {\r\n        return (\r\n          <>\r\n            <span class=\"w-layer\" ref={nearbyRoot}>\r\n              {trigger_content}\r\n              {!props.disabled && default_content}\r\n            </span>\r\n            {mask}\r\n          </>\r\n        )\r\n      }\r\n\r\n      return (\r\n        <>\r\n          {trigger_content}\r\n          {mask}\r\n          {!props.disabled && default_content}\r\n        </>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nfunction addDomEvent(\r\n  el: HTMLElement[] | HTMLElement,\r\n  type: 'scroll' | 'resize',\r\n  fn: () => void,\r\n) {\r\n  const arr = isArray(el) ? el : [el]\r\n  arr.forEach((e) => e.addEventListener(type, fn))\r\n}\r\n\r\nfunction removeDomEvent(\r\n  el: HTMLElement[] | HTMLElement,\r\n  type: 'scroll' | 'resize',\r\n  fn: () => void,\r\n) {\r\n  const arr = isArray(el) ? el : [el]\r\n  arr.forEach((e) => e.removeEventListener(type, fn))\r\n}\r\n\r\nfunction useTriggerType(el: Ref, triggerType: TriggerType, handler: Function) {\r\n  switch (triggerType) {\r\n    case 'click':\r\n      useEvent(el, triggerType, handler)\r\n      break\r\n    case 'hover':\r\n      useEvent(el, eventEnter, handler)\r\n      useEvent(el, eventLeave, handler)\r\n      break\r\n    case 'focus':\r\n      useTabIndex(el)\r\n      useEvent(el, 'focus', handler)\r\n      useEvent(el, 'blur', handler)\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/components/layer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Layer';
+export * from './Layer';

package/dist/components/layer/injectionKey.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from 'vue';
+export declare const LayerSizeKey: InjectionKey<{
+    width: number;
+    height: number;
+}>;

package/dist/components/layer/injectionKey.js

@@ -0,0 +1,6 @@
+//#region components/layer/injectionKey.ts
+var LayerSizeKey = Symbol();
+//#endregion
+export { LayerSizeKey };
+
+//# sourceMappingURL=injectionKey.js.map

package/dist/components/layer/injectionKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectionKey.js","names":[],"sources":["../../../components/layer/injectionKey.ts"],"sourcesContent":["import type { InjectionKey, ToRefs } from \"vue\"\r\n\r\nexport const LayerSizeKey: InjectionKey<{ width: number; height: number }> =\r\n  Symbol()\r\n"],"mappings":";AAEA,IAAa,eACX,OAAO"}

package/dist/components/layer/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/layer.css';