@kine-design/core 0.0.1-beta.11 → 0.0.1-beta.13

package/dist/core.js

@@ -1,6 +1,6 @@
-import { computed, createVNode, inject, nextTick, onBeforeUnmount, onMounted, onUnmounted, provide, ref, shallowRef, toRef, triggerRef, watch } from "vue";
+import { computed, createVNode, effectScope, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, isReactive, isRef, markRaw, nextTick, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, provide, reactive, ref, shallowRef, toRaw, toRef, toRefs, triggerRef, watch } from "vue";
 import * as _interactjsModule from "interactjs";
-import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
+import { arrow, autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 import dayjs from "dayjs";
 //#endregion
 //#region components/base/avatar/index.ts
@@ -1895,6 +1895,10 @@ var props$36 = {
 		type: String,
 		default: "top"
 	},
+	delay: {
+		type: Number,
+		default: 300
+	},
 	disabled: {
 		type: Boolean,
 		default: false
@@ -1907,78 +1911,158 @@ var props$36 = {
 //#endregion
 //#region components/base/tooltip/useTooltip.ts
 /**
-* @description tooltip composable，管理 hover 显示/隐藏及定位
+* @description tooltip composable — manages show/hide with delay, positioning via usePopper, singleton, scroll/interaction dismissal
 * @author 阿怪
 * @date 2026/2/25
-* @version v1.0.0
+* @version v2.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-/**
-* 根据 trigger 元素的 getBoundingClientRect 和 placement 计算 tooltip 的 fixed 定位样式
-*/
-function calcPosition(rect, tooltipEl, placement) {
-	const gap = 8;
-	const tooltipRect = tooltipEl.getBoundingClientRect();
-	let left = 0;
-	let top = 0;
-	switch (placement) {
-		case "top":
-			left = rect.left + rect.width / 2 - tooltipRect.width / 2;
-			top = rect.top - tooltipRect.height - gap;
-			break;
-		case "bottom":
-			left = rect.left + rect.width / 2 - tooltipRect.width / 2;
-			top = rect.bottom + gap;
-			break;
-		case "left":
-			left = rect.left - tooltipRect.width - gap;
-			top = rect.top + rect.height / 2 - tooltipRect.height / 2;
-			break;
-		case "right":
-			left = rect.right + gap;
-			top = rect.top + rect.height / 2 - tooltipRect.height / 2;
-			break;
-	}
-	return {
-		position: "fixed",
-		left: `${left}px`,
-		top: `${top}px`,
-		zIndex: "9999"
-	};
-}
+var HIDE_DELAY = 100;
+/** Singleton: only one tooltip visible at a time */
+var activeHide = null;
 function useTooltip(props) {
 	const visible = ref(false);
-	const tooltipStyle = ref({});
+	const positionData = ref(null);
 	const triggerRef = ref(null);
 	const tooltipRef = ref(null);
-	const show = async () => {
+	const arrowRef = ref(null);
+	let showTimer = null;
+	let hideTimer = null;
+	let popperCleanup = null;
+	const tooltipId = `k-tooltip-${Math.random().toString(36).slice(2, 10)}`;
+	/** Clean up popper auto-update subscription */
+	const destroyPopper = () => {
+		if (popperCleanup) {
+			popperCleanup();
+			popperCleanup = null;
+		}
+	};
+	/** Immediately hide — no delay */
+	const hideImmediate = () => {
+		clearTimers();
+		visible.value = false;
+		positionData.value = null;
+		destroyPopper();
+		if (activeHide === hideImmediate) activeHide = null;
+		removeInteractionListeners();
+		removeScrollListeners();
+	};
+	/** Show tooltip after delay */
+	const show = () => {
 		if (props.disabled) return;
+		if (activeHide && activeHide !== hideImmediate) activeHide();
+		if (hideTimer) {
+			clearTimeout(hideTimer);
+			hideTimer = null;
+		}
+		if (visible.value) return;
+		const delay = props.delay ?? 300;
+		showTimer = setTimeout(() => {
+			showTimer = null;
+			if (props.disabled) return;
+			doShow();
+		}, delay);
+	};
+	/** Actually display the tooltip and set up popper */
+	const doShow = () => {
 		visible.value = true;
-		await nextTick();
+		activeHide = hideImmediate;
+		addInteractionListeners();
+		addScrollListeners();
+	};
+	/** Initialize popper positioning — called after tooltip DOM is mounted */
+	const initPopper = () => {
 		if (!triggerRef.value || !tooltipRef.value) return;
-		tooltipStyle.value = calcPosition(triggerRef.value.getBoundingClientRect(), tooltipRef.value, props.placement);
+		destroyPopper();
+		const { clear } = usePopper(triggerRef.value, tooltipRef.value, (data) => {
+			positionData.value = {
+				style: { ...data.style },
+				arrowStyle: { ...data.arrowStyle },
+				placement: data.placement
+			};
+		}, arrowRef.value ?? void 0, {
+			placement: props.placement,
+			middleware: [
+				offset(8),
+				flip(),
+				shift({ padding: 8 })
+			]
+		});
+		popperCleanup = clear;
 	};
+	/** Hide tooltip with a short delay (allows cursor to move between trigger and tooltip) */
 	const hide = () => {
-		visible.value = false;
-		tooltipStyle.value = {};
+		if (showTimer) {
+			clearTimeout(showTimer);
+			showTimer = null;
+		}
+		if (!visible.value) return;
+		hideTimer = setTimeout(() => {
+			hideTimer = null;
+			hideImmediate();
+		}, HIDE_DELAY);
+	};
+	const clearTimers = () => {
+		if (showTimer) {
+			clearTimeout(showTimer);
+			showTimer = null;
+		}
+		if (hideTimer) {
+			clearTimeout(hideTimer);
+			hideTimer = null;
+		}
+	};
+	const onInteraction = () => {
+		hideImmediate();
 	};
+	const addInteractionListeners = () => {
+		document.addEventListener("mousedown", onInteraction, true);
+		document.addEventListener("keydown", onInteraction, true);
+	};
+	const removeInteractionListeners = () => {
+		document.removeEventListener("mousedown", onInteraction, true);
+		document.removeEventListener("keydown", onInteraction, true);
+	};
+	const onScroll = () => {
+		if (!triggerRef.value) {
+			hideImmediate();
+			return;
+		}
+		const rect = triggerRef.value.getBoundingClientRect();
+		if (!(rect.bottom > 0 && rect.top < window.innerHeight && rect.right > 0 && rect.left < window.innerWidth)) hideImmediate();
+	};
+	const addScrollListeners = () => {
+		window.addEventListener("scroll", onScroll, true);
+		window.addEventListener("resize", onScroll, true);
+	};
+	const removeScrollListeners = () => {
+		window.removeEventListener("scroll", onScroll, true);
+		window.removeEventListener("resize", onScroll, true);
+	};
+	onBeforeUnmount(() => {
+		hideImmediate();
+	});
 	return {
 		visible,
-		tooltipStyle,
+		positionData,
 		triggerRef,
 		tooltipRef,
+		arrowRef,
+		tooltipId,
 		show,
-		hide
+		hide,
+		hideImmediate,
+		initPopper
 	};
 }
 //#endregion
 //#region components/base/tooltip/index.ts
 /**
-* @description tooltip core 导出
+* @description tooltip core barrel export
 * @author 阿怪
 * @date 2026/2/25
-* @version v1.0.0
+* @version v2.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
@@ -5305,13 +5389,34 @@ var props$8 = {
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
+function normalizeItem(item) {
+	if (typeof item === "string") return {
+		src: item,
+		type: "image"
+	};
+	return {
+		src: item.src,
+		type: item.type ?? "image"
+	};
+}
+function getSrc(item) {
+	return typeof item === "string" ? item : item.src;
+}
 function useImage(props, emit) {
 	const status = ref("loading");
 	const previewVisible = ref(false);
 	const previewIndex = ref(0);
 	const previewScale = ref(1);
 	const previewRotate = ref(0);
-	/** 重置加载状态（src 变化时调用） */
+	const currentPreviewItem = computed(() => {
+		const list = props.previewSrcList;
+		if (!list || list.length === 0) return {
+			src: "",
+			type: "image"
+		};
+		return normalizeItem(list[previewIndex.value] ?? list[0]);
+	});
+	const currentPreviewIsVideo = computed(() => currentPreviewItem.value.type === "video");
 	const reset = () => {
 		status.value = "loading";
 	};
@@ -5323,10 +5428,9 @@ function useImage(props, emit) {
 		status.value = "error";
 		emit("error", e);
 	};
-	/** 打开全屏预览，定位到 src 在 previewSrcList 中的位置 */
 	const openPreview = () => {
 		if (!props.previewSrcList || props.previewSrcList.length === 0) return;
-		const idx = props.previewSrcList.indexOf(props.src);
+		const idx = props.previewSrcList.findIndex((item) => getSrc(item) === props.src);
 		previewIndex.value = idx >= 0 ? idx : 0;
 		previewScale.value = 1;
 		previewRotate.value = 0;
@@ -5335,7 +5439,6 @@ function useImage(props, emit) {
 	const closePreview = () => {
 		previewVisible.value = false;
 	};
-	/** 预览切换到上一张 */
 	const previewPrev = () => {
 		const total = props.previewSrcList.length;
 		if (total === 0) return;
@@ -5344,7 +5447,6 @@ function useImage(props, emit) {
 		previewRotate.value = 0;
 		emit("switch", previewIndex.value);
 	};
-	/** 预览切换到下一张 */
 	const previewNext = () => {
 		const total = props.previewSrcList.length;
 		if (total === 0) return;
@@ -5353,15 +5455,12 @@ function useImage(props, emit) {
 		previewRotate.value = 0;
 		emit("switch", previewIndex.value);
 	};
-	/** 预览放大 */
 	const zoomIn = () => {
 		previewScale.value = Math.min(previewScale.value + .25, 5);
 	};
-	/** 预览缩小 */
 	const zoomOut = () => {
 		previewScale.value = Math.max(previewScale.value - .25, .25);
 	};
-	/** 顺时针旋转 90° */
 	const rotate = () => {
 		previewRotate.value = (previewRotate.value + 90) % 360;
 	};
@@ -5375,6 +5474,8 @@ function useImage(props, emit) {
 		previewIndex,
 		previewScale,
 		previewRotate,
+		currentPreviewItem,
+		currentPreviewIsVideo,
 		handleLoad,
 		handleError,
 		openPreview,
@@ -6320,6 +6421,685 @@ var AnchorCore = {
 	useAnchor
 };
 //#endregion
+//#region ../../node_modules/.pnpm/pinia@3.0.4_typescript@5.9.3_vue@3.5.30_typescript@5.9.3_/node_modules/pinia/dist/pinia.mjs
+/*!
+* pinia v3.0.4
+* (c) 2025 Eduardo San Martin Morote
+* @license MIT
+*/
+var IS_CLIENT = typeof window !== "undefined";
+/**
+* setActivePinia must be called to handle SSR at the top of functions like
+* `fetch`, `setup`, `serverPrefetch` and others
+*/
+var activePinia;
+/**
+* Sets or unsets the active pinia. Used in SSR and internally when calling
+* actions and getters
+*
+* @param pinia - Pinia instance
+*/
+var setActivePinia = (pinia) => activePinia = pinia;
+process.env.NODE_ENV;
+var piniaSymbol = process.env.NODE_ENV !== "production" ? Symbol("pinia") : Symbol();
+function isPlainObject(o) {
+	return o && typeof o === "object" && Object.prototype.toString.call(o) === "[object Object]" && typeof o.toJSON !== "function";
+}
+/**
+* Possible types for SubscriptionCallback
+*/
+var MutationType;
+(function(MutationType) {
+	/**
+	* Direct mutation of the state:
+	*
+	* - `store.name = 'new name'`
+	* - `store.$state.name = 'new name'`
+	* - `store.list.push('new item')`
+	*/
+	MutationType["direct"] = "direct";
+	/**
+	* Mutated the state with `$patch` and an object
+	*
+	* - `store.$patch({ name: 'newName' })`
+	*/
+	MutationType["patchObject"] = "patch object";
+	/**
+	* Mutated the state with `$patch` and a function
+	*
+	* - `store.$patch(state => state.name = 'newName')`
+	*/
+	MutationType["patchFunction"] = "patch function";
+})(MutationType || (MutationType = {}));
+var _global = typeof window === "object" && window.window === window ? window : typeof self === "object" && self.self === self ? self : typeof global === "object" && global.global === global ? global : typeof globalThis === "object" ? globalThis : { HTMLElement: null };
+function bom(blob, { autoBom = false } = {}) {
+	if (autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) return new Blob([String.fromCharCode(65279), blob], { type: blob.type });
+	return blob;
+}
+function download(url, name, opts) {
+	const xhr = new XMLHttpRequest();
+	xhr.open("GET", url);
+	xhr.responseType = "blob";
+	xhr.onload = function() {
+		saveAs(xhr.response, name, opts);
+	};
+	xhr.onerror = function() {
+		console.error("could not download file");
+	};
+	xhr.send();
+}
+function corsEnabled(url) {
+	const xhr = new XMLHttpRequest();
+	xhr.open("HEAD", url, false);
+	try {
+		xhr.send();
+	} catch (e) {}
+	return xhr.status >= 200 && xhr.status <= 299;
+}
+function click(node) {
+	try {
+		node.dispatchEvent(new MouseEvent("click"));
+	} catch (e) {
+		const evt = new MouseEvent("click", {
+			bubbles: true,
+			cancelable: true,
+			view: window,
+			detail: 0,
+			screenX: 80,
+			screenY: 20,
+			clientX: 80,
+			clientY: 20,
+			ctrlKey: false,
+			altKey: false,
+			shiftKey: false,
+			metaKey: false,
+			button: 0,
+			relatedTarget: null
+		});
+		node.dispatchEvent(evt);
+	}
+}
+var _navigator = typeof navigator === "object" ? navigator : { userAgent: "" };
+var isMacOSWebView = /Macintosh/.test(_navigator.userAgent) && /AppleWebKit/.test(_navigator.userAgent) && !/Safari/.test(_navigator.userAgent);
+var saveAs = !IS_CLIENT ? () => {} : typeof HTMLAnchorElement !== "undefined" && "download" in HTMLAnchorElement.prototype && !isMacOSWebView ? downloadSaveAs : "msSaveOrOpenBlob" in _navigator ? msSaveAs : fileSaverSaveAs;
+function downloadSaveAs(blob, name = "download", opts) {
+	const a = document.createElement("a");
+	a.download = name;
+	a.rel = "noopener";
+	if (typeof blob === "string") {
+		a.href = blob;
+		if (a.origin !== location.origin) if (corsEnabled(a.href)) download(blob, name, opts);
+		else {
+			a.target = "_blank";
+			click(a);
+		}
+		else click(a);
+	} else {
+		a.href = URL.createObjectURL(blob);
+		setTimeout(function() {
+			URL.revokeObjectURL(a.href);
+		}, 4e4);
+		setTimeout(function() {
+			click(a);
+		}, 0);
+	}
+}
+function msSaveAs(blob, name = "download", opts) {
+	if (typeof blob === "string") if (corsEnabled(blob)) download(blob, name, opts);
+	else {
+		const a = document.createElement("a");
+		a.href = blob;
+		a.target = "_blank";
+		setTimeout(function() {
+			click(a);
+		});
+	}
+	else navigator.msSaveOrOpenBlob(bom(blob, opts), name);
+}
+function fileSaverSaveAs(blob, name, opts, popup) {
+	popup = popup || open("", "_blank");
+	if (popup) popup.document.title = popup.document.body.innerText = "downloading...";
+	if (typeof blob === "string") return download(blob, name, opts);
+	const force = blob.type === "application/octet-stream";
+	const isSafari = /constructor/i.test(String(_global.HTMLElement)) || "safari" in _global;
+	const isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent);
+	if ((isChromeIOS || force && isSafari || isMacOSWebView) && typeof FileReader !== "undefined") {
+		const reader = new FileReader();
+		reader.onloadend = function() {
+			let url = reader.result;
+			if (typeof url !== "string") {
+				popup = null;
+				throw new Error("Wrong reader.result type");
+			}
+			url = isChromeIOS ? url : url.replace(/^data:[^;]*;/, "data:attachment/file;");
+			if (popup) popup.location.href = url;
+			else location.assign(url);
+			popup = null;
+		};
+		reader.readAsDataURL(blob);
+	} else {
+		const url = URL.createObjectURL(blob);
+		if (popup) popup.location.assign(url);
+		else location.href = url;
+		popup = null;
+		setTimeout(function() {
+			URL.revokeObjectURL(url);
+		}, 4e4);
+	}
+}
+var { assign: assign$1 } = Object;
+/**
+* Mutates in place `newState` with `oldState` to _hot update_ it. It will
+* remove any key not existing in `newState` and recursively merge plain
+* objects.
+*
+* @param newState - new state object to be patched
+* @param oldState - old state that should be used to patch newState
+* @returns - newState
+*/
+function patchObject(newState, oldState) {
+	for (const key in oldState) {
+		const subPatch = oldState[key];
+		if (!(key in newState)) continue;
+		const targetValue = newState[key];
+		if (isPlainObject(targetValue) && isPlainObject(subPatch) && !isRef(subPatch) && !isReactive(subPatch)) newState[key] = patchObject(targetValue, subPatch);
+		else newState[key] = subPatch;
+	}
+	return newState;
+}
+var noop = () => {};
+function addSubscription(subscriptions, callback, detached, onCleanup = noop) {
+	subscriptions.add(callback);
+	const removeSubscription = () => {
+		subscriptions.delete(callback) && onCleanup();
+	};
+	if (!detached && getCurrentScope()) onScopeDispose(removeSubscription);
+	return removeSubscription;
+}
+function triggerSubscriptions(subscriptions, ...args) {
+	subscriptions.forEach((callback) => {
+		callback(...args);
+	});
+}
+var fallbackRunWithContext = (fn) => fn();
+/**
+* Marks a function as an action for `$onAction`
+* @internal
+*/
+var ACTION_MARKER = Symbol();
+/**
+* Action name symbol. Allows to add a name to an action after defining it
+* @internal
+*/
+var ACTION_NAME = Symbol();
+function mergeReactiveObjects(target, patchToApply) {
+	if (target instanceof Map && patchToApply instanceof Map) patchToApply.forEach((value, key) => target.set(key, value));
+	else if (target instanceof Set && patchToApply instanceof Set) patchToApply.forEach(target.add, target);
+	for (const key in patchToApply) {
+		if (!patchToApply.hasOwnProperty(key)) continue;
+		const subPatch = patchToApply[key];
+		const targetValue = target[key];
+		if (isPlainObject(targetValue) && isPlainObject(subPatch) && target.hasOwnProperty(key) && !isRef(subPatch) && !isReactive(subPatch)) target[key] = mergeReactiveObjects(targetValue, subPatch);
+		else target[key] = subPatch;
+	}
+	return target;
+}
+var skipHydrateSymbol = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : Symbol();
+/**
+* Returns whether a value should be hydrated
+*
+* @param obj - target variable
+* @returns true if `obj` should be hydrated
+*/
+function shouldHydrate(obj) {
+	return !isPlainObject(obj) || !Object.prototype.hasOwnProperty.call(obj, skipHydrateSymbol);
+}
+var { assign } = Object;
+function isComputed(o) {
+	return !!(isRef(o) && o.effect);
+}
+function createOptionsStore(id, options, pinia, hot) {
+	const { state, actions, getters } = options;
+	const initialState = pinia.state.value[id];
+	let store;
+	function setup() {
+		if (!initialState && (!(process.env.NODE_ENV !== "production") || !hot))
+ /* istanbul ignore if */
+		pinia.state.value[id] = state ? state() : {};
+		const localState = process.env.NODE_ENV !== "production" && hot ? toRefs(ref(state ? state() : {}).value) : toRefs(pinia.state.value[id]);
+		return assign(localState, actions, Object.keys(getters || {}).reduce((computedGetters, name) => {
+			if (process.env.NODE_ENV !== "production" && name in localState) console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${name}" in store "${id}".`);
+			computedGetters[name] = markRaw(computed(() => {
+				setActivePinia(pinia);
+				const store = pinia._s.get(id);
+				return getters[name].call(store, store);
+			}));
+			return computedGetters;
+		}, {}));
+	}
+	store = createSetupStore(id, setup, options, pinia, hot, true);
+	return store;
+}
+function createSetupStore($id, setup, options = {}, pinia, hot, isOptionsStore) {
+	let scope;
+	const optionsForPlugin = assign({ actions: {} }, options);
+	/* istanbul ignore if */
+	if (process.env.NODE_ENV !== "production" && !pinia._e.active) throw new Error("Pinia destroyed");
+	const $subscribeOptions = { deep: true };
+	/* istanbul ignore else */
+	if (process.env.NODE_ENV !== "production") $subscribeOptions.onTrigger = (event) => {
+		/* istanbul ignore else */
+		if (isListening) debuggerEvents = event;
+		else if (isListening == false && !store._hotUpdating)
+ /* istanbul ignore else */
+		if (Array.isArray(debuggerEvents)) debuggerEvents.push(event);
+		else console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug.");
+	};
+	let isListening;
+	let isSyncListening;
+	let subscriptions = /* @__PURE__ */ new Set();
+	let actionSubscriptions = /* @__PURE__ */ new Set();
+	let debuggerEvents;
+	const initialState = pinia.state.value[$id];
+	if (!isOptionsStore && !initialState && (!(process.env.NODE_ENV !== "production") || !hot))
+ /* istanbul ignore if */
+	pinia.state.value[$id] = {};
+	const hotState = ref({});
+	let activeListener;
+	function $patch(partialStateOrMutator) {
+		let subscriptionMutation;
+		isListening = isSyncListening = false;
+		/* istanbul ignore else */
+		if (process.env.NODE_ENV !== "production") debuggerEvents = [];
+		if (typeof partialStateOrMutator === "function") {
+			partialStateOrMutator(pinia.state.value[$id]);
+			subscriptionMutation = {
+				type: MutationType.patchFunction,
+				storeId: $id,
+				events: debuggerEvents
+			};
+		} else {
+			mergeReactiveObjects(pinia.state.value[$id], partialStateOrMutator);
+			subscriptionMutation = {
+				type: MutationType.patchObject,
+				payload: partialStateOrMutator,
+				storeId: $id,
+				events: debuggerEvents
+			};
+		}
+		const myListenerId = activeListener = Symbol();
+		nextTick().then(() => {
+			if (activeListener === myListenerId) isListening = true;
+		});
+		isSyncListening = true;
+		triggerSubscriptions(subscriptions, subscriptionMutation, pinia.state.value[$id]);
+	}
+	const $reset = isOptionsStore ? function $reset() {
+		const { state } = options;
+		const newState = state ? state() : {};
+		this.$patch(($state) => {
+			assign($state, newState);
+		});
+	} : process.env.NODE_ENV !== "production" ? () => {
+		throw new Error(`🍍: Store "${$id}" is built using the setup syntax and does not implement $reset().`);
+	} : noop;
+	function $dispose() {
+		scope.stop();
+		subscriptions.clear();
+		actionSubscriptions.clear();
+		pinia._s.delete($id);
+	}
+	/**
+	* Helper that wraps function so it can be tracked with $onAction
+	* @param fn - action to wrap
+	* @param name - name of the action
+	*/
+	const action = (fn, name = "") => {
+		if (ACTION_MARKER in fn) {
+			fn[ACTION_NAME] = name;
+			return fn;
+		}
+		const wrappedAction = function() {
+			setActivePinia(pinia);
+			const args = Array.from(arguments);
+			const afterCallbackSet = /* @__PURE__ */ new Set();
+			const onErrorCallbackSet = /* @__PURE__ */ new Set();
+			function after(callback) {
+				afterCallbackSet.add(callback);
+			}
+			function onError(callback) {
+				onErrorCallbackSet.add(callback);
+			}
+			triggerSubscriptions(actionSubscriptions, {
+				args,
+				name: wrappedAction[ACTION_NAME],
+				store,
+				after,
+				onError
+			});
+			let ret;
+			try {
+				ret = fn.apply(this && this.$id === $id ? this : store, args);
+			} catch (error) {
+				triggerSubscriptions(onErrorCallbackSet, error);
+				throw error;
+			}
+			if (ret instanceof Promise) return ret.then((value) => {
+				triggerSubscriptions(afterCallbackSet, value);
+				return value;
+			}).catch((error) => {
+				triggerSubscriptions(onErrorCallbackSet, error);
+				return Promise.reject(error);
+			});
+			triggerSubscriptions(afterCallbackSet, ret);
+			return ret;
+		};
+		wrappedAction[ACTION_MARKER] = true;
+		wrappedAction[ACTION_NAME] = name;
+		return wrappedAction;
+	};
+	const _hmrPayload = /* @__PURE__ */ markRaw({
+		actions: {},
+		getters: {},
+		state: [],
+		hotState
+	});
+	const partialStore = {
+		_p: pinia,
+		$id,
+		$onAction: addSubscription.bind(null, actionSubscriptions),
+		$patch,
+		$reset,
+		$subscribe(callback, options = {}) {
+			const removeSubscription = addSubscription(subscriptions, callback, options.detached, () => stopWatcher());
+			const stopWatcher = scope.run(() => watch(() => pinia.state.value[$id], (state) => {
+				if (options.flush === "sync" ? isSyncListening : isListening) callback({
+					storeId: $id,
+					type: MutationType.direct,
+					events: debuggerEvents
+				}, state);
+			}, assign({}, $subscribeOptions, options)));
+			return removeSubscription;
+		},
+		$dispose
+	};
+	const store = reactive(process.env.NODE_ENV !== "production" || (process.env.NODE_ENV !== "production" || false) && !(process.env.NODE_ENV === "test") && IS_CLIENT ? assign({
+		_hmrPayload,
+		_customProperties: markRaw(/* @__PURE__ */ new Set())
+	}, partialStore) : partialStore);
+	pinia._s.set($id, store);
+	const setupStore = (pinia._a && pinia._a.runWithContext || fallbackRunWithContext)(() => pinia._e.run(() => (scope = effectScope()).run(() => setup({ action }))));
+	for (const key in setupStore) {
+		const prop = setupStore[key];
+		if (isRef(prop) && !isComputed(prop) || isReactive(prop)) {
+			if (process.env.NODE_ENV !== "production" && hot) hotState.value[key] = toRef(setupStore, key);
+			else if (!isOptionsStore) {
+				if (initialState && shouldHydrate(prop)) if (isRef(prop)) prop.value = initialState[key];
+				else mergeReactiveObjects(prop, initialState[key]);
+				pinia.state.value[$id][key] = prop;
+			}
+			/* istanbul ignore else */
+			if (process.env.NODE_ENV !== "production") _hmrPayload.state.push(key);
+		} else if (typeof prop === "function") {
+			setupStore[key] = process.env.NODE_ENV !== "production" && hot ? prop : action(prop, key);
+			/* istanbul ignore else */
+			if (process.env.NODE_ENV !== "production") _hmrPayload.actions[key] = prop;
+			optionsForPlugin.actions[key] = prop;
+		} else if (process.env.NODE_ENV !== "production") {
+			if (isComputed(prop)) {
+				_hmrPayload.getters[key] = isOptionsStore ? options.getters[key] : prop;
+				if (IS_CLIENT) (setupStore._getters || (setupStore._getters = markRaw([]))).push(key);
+			}
+		}
+	}
+	/* istanbul ignore if */
+	assign(store, setupStore);
+	assign(toRaw(store), setupStore);
+	Object.defineProperty(store, "$state", {
+		get: () => process.env.NODE_ENV !== "production" && hot ? hotState.value : pinia.state.value[$id],
+		set: (state) => {
+			/* istanbul ignore if */
+			if (process.env.NODE_ENV !== "production" && hot) throw new Error("cannot set hotState");
+			$patch(($state) => {
+				assign($state, state);
+			});
+		}
+	});
+	/* istanbul ignore else */
+	if (process.env.NODE_ENV !== "production") store._hotUpdate = markRaw((newStore) => {
+		store._hotUpdating = true;
+		newStore._hmrPayload.state.forEach((stateKey) => {
+			if (stateKey in store.$state) {
+				const newStateTarget = newStore.$state[stateKey];
+				const oldStateSource = store.$state[stateKey];
+				if (typeof newStateTarget === "object" && isPlainObject(newStateTarget) && isPlainObject(oldStateSource)) patchObject(newStateTarget, oldStateSource);
+				else newStore.$state[stateKey] = oldStateSource;
+			}
+			store[stateKey] = toRef(newStore.$state, stateKey);
+		});
+		Object.keys(store.$state).forEach((stateKey) => {
+			if (!(stateKey in newStore.$state)) delete store[stateKey];
+		});
+		isListening = false;
+		isSyncListening = false;
+		pinia.state.value[$id] = toRef(newStore._hmrPayload, "hotState");
+		isSyncListening = true;
+		nextTick().then(() => {
+			isListening = true;
+		});
+		for (const actionName in newStore._hmrPayload.actions) {
+			const actionFn = newStore[actionName];
+			store[actionName] = action(actionFn, actionName);
+		}
+		for (const getterName in newStore._hmrPayload.getters) {
+			const getter = newStore._hmrPayload.getters[getterName];
+			store[getterName] = isOptionsStore ? computed(() => {
+				setActivePinia(pinia);
+				return getter.call(store, store);
+			}) : getter;
+		}
+		Object.keys(store._hmrPayload.getters).forEach((key) => {
+			if (!(key in newStore._hmrPayload.getters)) delete store[key];
+		});
+		Object.keys(store._hmrPayload.actions).forEach((key) => {
+			if (!(key in newStore._hmrPayload.actions)) delete store[key];
+		});
+		store._hmrPayload = newStore._hmrPayload;
+		store._getters = newStore._getters;
+		store._hotUpdating = false;
+	});
+	if ((process.env.NODE_ENV !== "production" || false) && !(process.env.NODE_ENV === "test") && IS_CLIENT) {
+		const nonEnumerable = {
+			writable: true,
+			configurable: true,
+			enumerable: false
+		};
+		[
+			"_p",
+			"_hmrPayload",
+			"_getters",
+			"_customProperties"
+		].forEach((p) => {
+			Object.defineProperty(store, p, assign({ value: store[p] }, nonEnumerable));
+		});
+	}
+	pinia._p.forEach((extender) => {
+		/* istanbul ignore else */
+		if ((process.env.NODE_ENV !== "production" || false) && !(process.env.NODE_ENV === "test") && IS_CLIENT) {
+			const extensions = scope.run(() => extender({
+				store,
+				app: pinia._a,
+				pinia,
+				options: optionsForPlugin
+			}));
+			Object.keys(extensions || {}).forEach((key) => store._customProperties.add(key));
+			assign(store, extensions);
+		} else assign(store, scope.run(() => extender({
+			store,
+			app: pinia._a,
+			pinia,
+			options: optionsForPlugin
+		})));
+	});
+	if (process.env.NODE_ENV !== "production" && store.$state && typeof store.$state === "object" && typeof store.$state.constructor === "function" && !store.$state.constructor.toString().includes("[native code]")) console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+	state: () => new MyClass()
+Found in store "${store.$id}".`);
+	if (initialState && isOptionsStore && options.hydrate) options.hydrate(store.$state, initialState);
+	isListening = true;
+	isSyncListening = true;
+	return store;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+function defineStore(id, setup, setupOptions) {
+	let options;
+	const isSetupStore = typeof setup === "function";
+	options = isSetupStore ? setupOptions : setup;
+	function useStore(pinia, hot) {
+		const hasContext = hasInjectionContext();
+		pinia = (process.env.NODE_ENV === "test" && activePinia && activePinia._testing ? null : pinia) || (hasContext ? inject(piniaSymbol, null) : null);
+		if (pinia) setActivePinia(pinia);
+		if (process.env.NODE_ENV !== "production" && !activePinia) throw new Error("[🍍]: \"getActivePinia()\" was called but there was no active Pinia. Are you trying to use a store before calling \"app.use(pinia)\"?\nSee https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.\nThis will fail in production.");
+		pinia = activePinia;
+		if (!pinia._s.has(id)) {
+			if (isSetupStore) createSetupStore(id, setup, options, pinia);
+			else createOptionsStore(id, options, pinia);
+			/* istanbul ignore else */
+			if (process.env.NODE_ENV !== "production") useStore._pinia = pinia;
+		}
+		const store = pinia._s.get(id);
+		if (process.env.NODE_ENV !== "production" && hot) {
+			const hotId = "__hot:" + id;
+			const newStore = isSetupStore ? createSetupStore(hotId, setup, options, pinia, true) : createOptionsStore(hotId, assign({}, options), pinia, true);
+			hot._hotUpdate(newStore);
+			delete pinia.state.value[hotId];
+			pinia._s.delete(hotId);
+		}
+		if (process.env.NODE_ENV !== "production" && IS_CLIENT) {
+			const currentInstance = getCurrentInstance();
+			if (currentInstance && currentInstance.proxy && !hot) {
+				const vm = currentInstance.proxy;
+				const cache = "_pStores" in vm ? vm._pStores : vm._pStores = {};
+				cache[id] = store;
+			}
+		}
+		return store;
+	}
+	useStore.$id = id;
+	return useStore;
+}
+//#endregion
+//#region compositions/overlay/useOverlayStack.ts
+/**
+* @description overlay stack manager — unified z-index and ESC handling for all popups
+* @author kine-design
+* @date 2026/5/22 00:00
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var Z_INDEX_BASE = 100;
+var idCounter = 0;
+var generateId = (type) => `overlay-${type}-${++idCounter}`;
+var useOverlayStackStore = defineStore("overlayStack", () => {
+	const overlayStack = ref([]);
+	const isEmpty = computed(() => overlayStack.value.length === 0);
+	const topItem = computed(() => overlayStack.value.length > 0 ? overlayStack.value[overlayStack.value.length - 1] : void 0);
+	const push = (item) => {
+		const zIndex = overlayStack.value.length + Z_INDEX_BASE;
+		const entry = {
+			...item,
+			zIndex
+		};
+		overlayStack.value.push(entry);
+		return entry;
+	};
+	const pop = () => {
+		const item = overlayStack.value.pop();
+		if (item) item.close();
+		return item;
+	};
+	const remove = (id) => {
+		const index = overlayStack.value.findIndex((item) => item.id === id);
+		if (index !== -1) {
+			overlayStack.value.splice(index, 1);
+			recalculateZIndices();
+		}
+	};
+	const recalculateZIndices = () => {
+		overlayStack.value.forEach((item, index) => {
+			item.zIndex = index + Z_INDEX_BASE;
+		});
+	};
+	const handleEsc = (e) => {
+		if (e.key === "Escape" && !isEmpty.value) pop();
+	};
+	let listenerAttached = false;
+	const attachEscListener = () => {
+		if (!listenerAttached) {
+			document.addEventListener("keydown", handleEsc);
+			listenerAttached = true;
+		}
+	};
+	const detachEscListener = () => {
+		if (listenerAttached) {
+			document.removeEventListener("keydown", handleEsc);
+			listenerAttached = false;
+		}
+	};
+	return {
+		overlayStack,
+		isEmpty,
+		topItem,
+		push,
+		pop,
+		remove,
+		attachEscListener,
+		detachEscListener
+	};
+});
+function useOverlayStack() {
+	const store = useOverlayStackStore();
+	onMounted(() => {
+		store.attachEscListener();
+	});
+	onBeforeUnmount(() => {
+		store.detachEscListener();
+	});
+	return store;
+}
+function useOverlayItem(type) {
+	const store = useOverlayStackStore();
+	let itemId;
+	const register = (closeFn) => {
+		const id = generateId(type);
+		const entry = store.push({
+			id,
+			type,
+			close: closeFn
+		});
+		itemId = entry.id;
+		return entry;
+	};
+	const unregister = () => {
+		if (itemId) {
+			store.remove(itemId);
+			itemId = void 0;
+		}
+	};
+	const currentZIndex = computed(() => {
+		if (!itemId) return void 0;
+		return store.overlayStack.find((i) => i.id === itemId)?.zIndex;
+	});
+	onBeforeUnmount(() => {
+		unregister();
+	});
+	return {
+		register,
+		unregister,
+		currentZIndex
+	};
+}
+//#endregion
 //#region locale/zh.ts
 var zh = {
 	common: {
@@ -6776,4 +7556,4 @@ function getActiveLocaleMessages() {
 	return activeLocaleMessages;
 }
 //#endregion
-export { AffixCore, AlertCore, AnchorCore, AutoCompleteCore, AvatarCore, BackTopCore, BadgeCore, BorderCore, BreadcrumbCore, ButtonCore, CardCore, CarouselCore, CascaderCore, CheckboxCore, CollapseCore, ConfirmCore, DEFAULT_LOCALE, DEFAULT_MENU_CONFIG, DEFAULT_TREE_CONFIG, DarkModeCore, DatePickerCore, DescriptionsCore, DialogCore, DividerCore, DrawerCore, DropdownCore, EmptyCore, FormCore, GridCore, ImageCore, InputCore, InputNumberCore, KINE_LOCALE_KEY, LiCore, ListCore, LoadingCore, MenuCore, MessageCore, MessagePopoverCore, NotificationCore, PaginationCore, PopoverCore, ProgressCore, RadioCore, RateCore, ResultCore, SelectCore, SkeletonCore, SliderCore, SpaceCore, StepsCore, SwitchCore, TableColumnCore, TableCore, TabsCore, TagCore, TimelineCore, TooltipCore, TransferCore, Tree, TreeCore, VirtualListCore, createRadioId, en, fixKey, generateTimeColumn, getActiveLocaleMessages, getNewModelValue, initChecked, locales, setActiveLocaleMessages, toDayjs, treeNodeProps, props as treeProps, useDatePicker, useLocale, useMessageQueue, useNotificationQueue, usePagination, useTable, useTree, zh };
+export { AffixCore, AlertCore, AnchorCore, AutoCompleteCore, AvatarCore, BackTopCore, BadgeCore, BorderCore, BreadcrumbCore, ButtonCore, CardCore, CarouselCore, CascaderCore, CheckboxCore, CollapseCore, ConfirmCore, DEFAULT_LOCALE, DEFAULT_MENU_CONFIG, DEFAULT_TREE_CONFIG, DarkModeCore, DatePickerCore, DescriptionsCore, DialogCore, DividerCore, DrawerCore, DropdownCore, EmptyCore, FormCore, GridCore, ImageCore, InputCore, InputNumberCore, KINE_LOCALE_KEY, LiCore, ListCore, LoadingCore, MenuCore, MessageCore, MessagePopoverCore, NotificationCore, PaginationCore, PopoverCore, ProgressCore, RadioCore, RateCore, ResultCore, SelectCore, SkeletonCore, SliderCore, SpaceCore, StepsCore, SwitchCore, TableColumnCore, TableCore, TabsCore, TagCore, TimelineCore, TooltipCore, TransferCore, Tree, TreeCore, VirtualListCore, createRadioId, en, fixKey, generateTimeColumn, getActiveLocaleMessages, getNewModelValue, initChecked, locales, setActiveLocaleMessages, toDayjs, treeNodeProps, props as treeProps, useDatePicker, useLocale, useMessageQueue, useNotificationQueue, useOverlayItem, useOverlayStack, useOverlayStackStore, usePagination, useTable, useTree, zh };