@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

package/dist/components/hotkeys/use-hotkeys.d.ts

@@ -0,0 +1,31 @@
+import { ComputedRef, Ref } from "vue";
+import { HotkeySegment, HotkeysApi, HotkeysProps, HotkeysResolvedPlatform, HotkeysTarget } from "@xihan-ui/headless";
+//#region src/components/hotkeys/use-hotkeys.d.ts
+interface UseHotkeysOptions extends Omit<HotkeysProps, 'target'> {
+  /**
+   * 监听装在哪儿。'document' 缺省；'parent' 把组合限制在组件所在的那一层面板里，
+   * 需要第二参给出根节点；也可以自己给一个节点（滚动容器、window 等）。
+   */
+  target?: HotkeysTarget | (() => EventTarget | null);
+}
+interface HotkeysHandle {
+  /** 连接层产出的整面，渲染键帽时用。 */
+  api: ComputedRef<HotkeysApi>;
+  /** 翻好的各枚键，自绘键帽时用。 */
+  segments: ComputedRef<readonly HotkeySegment[]>;
+  platform: ComputedRef<HotkeysResolvedPlatform>;
+  separator: ComputedRef<string>;
+  /** 提前解绑；作用域销毁时自动调用。 */
+  stop: () => void;
+}
+/**
+ * 注册一组按键组合。只要注册不要键帽的场景（全局快捷键）直接用它，
+ * 要铺键帽就用 XhHotkeys——那个组件本身就是这个组合式的消费者。
+ *
+ * 一次调用管一组组合，注册四条就调四次：与组件形态一比一对齐，
+ * 免得两种形态的 preventDefault / enabled / platform 语义各走各的。
+ */
+declare function useHotkeys(options: UseHotkeysOptions | (() => UseHotkeysOptions), rootRef?: Ref<HTMLElement | null>): HotkeysHandle;
+//#endregion
+export { HotkeysHandle, UseHotkeysOptions, useHotkeys };
+//# sourceMappingURL=use-hotkeys.d.ts.map

package/dist/components/hotkeys/use-hotkeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hotkeys.d.ts","names":[],"sources":["../../../src/components/hotkeys/use-hotkeys.ts"],"mappings":";;;UAaiB,0BAA0B,KAAK;;;;;EAK9C,SAAS,uBAAuB;;UAGjB;;EAEf,KAAK,YAAY;;EAEjB,UAAU,qBAAqB;EAC/B,UAAU,YAAY;EACtB,WAAW;;EAEX;;;;;;;;;iBAUc,WACd,SAAS,2BAA2B,oBACpC,UAAU,IAAI,sBACb"}

package/dist/components/hotkeys/use-hotkeys.js

@@ -0,0 +1,60 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { computed, onBeforeUnmount, onMounted, ref, toValue, watchEffect } from "vue";
+import { connectHotkeys, detectHotkeysPlatform } from "@xihan-ui/headless";
+//#region src/components/hotkeys/use-hotkeys.ts
+/**
+* 注册一组按键组合。只要注册不要键帽的场景（全局快捷键）直接用它，
+* 要铺键帽就用 XhHotkeys——那个组件本身就是这个组合式的消费者。
+*
+* 一次调用管一组组合，注册四条就调四次：与组件形态一比一对齐，
+* 免得两种形态的 preventDefault / enabled / platform 语义各走各的。
+*/
+function useHotkeys(options, rootRef) {
+	const detected = ref("auto");
+	onMounted(() => {
+		detected.value = detectHotkeysPlatform();
+	});
+	const api = computed(() => {
+		const o = toValue(options);
+		return connectHotkeys({
+			...o,
+			platform: o.platform && o.platform !== "auto" ? o.platform : detected.value,
+			target: typeof o.target === "function" ? void 0 : o.target
+		}, vueNormalize);
+	});
+	const onKeyDown = (event) => api.value.handleKeyDown(event);
+	let bound = null;
+	const stop = () => {
+		bound?.removeEventListener("keydown", onKeyDown);
+		bound = null;
+	};
+	watchEffect(() => {
+		const custom = toValue(options).target;
+		if (typeof custom === "function") {
+			const next = custom();
+			if (next === bound) return;
+			stop();
+			bound = next;
+			bound?.addEventListener("keydown", onKeyDown);
+			return;
+		}
+		const el = rootRef?.value ?? null;
+		const next = el === null ? typeof document === "undefined" ? null : document : api.value.target === "parent" ? el.parentElement : el.ownerDocument;
+		if (next === bound) return;
+		stop();
+		bound = next;
+		bound?.addEventListener("keydown", onKeyDown);
+	});
+	onBeforeUnmount(stop);
+	return {
+		api,
+		segments: computed(() => api.value.segments),
+		platform: computed(() => api.value.platform),
+		separator: computed(() => api.value.separator),
+		stop
+	};
+}
+//#endregion
+export { useHotkeys };
+
+//# sourceMappingURL=use-hotkeys.js.map

package/dist/components/hotkeys/use-hotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hotkeys.js","names":[],"sources":["../../../src/components/hotkeys/use-hotkeys.ts"],"sourcesContent":["import type {\n  HotkeysApi,\n  HotkeySegment,\n  HotkeysPlatform,\n  HotkeysProps,\n  HotkeysResolvedPlatform,\n  HotkeysTarget,\n} from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectHotkeys, detectHotkeysPlatform } from '@xihan-ui/headless'\nimport { computed, onBeforeUnmount, onMounted, ref, toValue, watchEffect } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport interface UseHotkeysOptions extends Omit<HotkeysProps, 'target'> {\n  /**\n   * 监听装在哪儿。'document' 缺省；'parent' 把组合限制在组件所在的那一层面板里，\n   * 需要第二参给出根节点；也可以自己给一个节点（滚动容器、window 等）。\n   */\n  target?: HotkeysTarget | (() => EventTarget | null)\n}\n\nexport interface HotkeysHandle {\n  /** 连接层产出的整面，渲染键帽时用。 */\n  api: ComputedRef<HotkeysApi>\n  /** 翻好的各枚键，自绘键帽时用。 */\n  segments: ComputedRef<readonly HotkeySegment[]>\n  platform: ComputedRef<HotkeysResolvedPlatform>\n  separator: ComputedRef<string>\n  /** 提前解绑；作用域销毁时自动调用。 */\n  stop: () => void\n}\n\n/**\n * 注册一组按键组合。只要注册不要键帽的场景（全局快捷键）直接用它，\n * 要铺键帽就用 XhHotkeys——那个组件本身就是这个组合式的消费者。\n *\n * 一次调用管一组组合，注册四条就调四次：与组件形态一比一对齐，\n * 免得两种形态的 preventDefault / enabled / platform 语义各走各的。\n */\nexport function useHotkeys(\n  options: UseHotkeysOptions | (() => UseHotkeysOptions),\n  rootRef?: Ref<HTMLElement | null>,\n): HotkeysHandle {\n  // 平台要等挂载后才测得出来：落定前 'Mod' 会解析成 Control，Mac 上 ⌘K 按不出来\n  const detected = ref<HotkeysPlatform>('auto')\n  onMounted(() => {\n    detected.value = detectHotkeysPlatform()\n  })\n\n  const api = computed(() => {\n    const o = toValue(options)\n    return connectHotkeys({\n      ...o,\n      // 作者显式写了平台就以他为准，写 auto 或没写才用实测值\n      platform: o.platform && o.platform !== 'auto' ? o.platform : detected.value,\n      // 自定义节点由本组合式自己挑，连接层只认那两种字面量\n      target: typeof o.target === 'function' ? undefined : o.target,\n    }, vueNormalize)\n  })\n\n  // 每次都现取 api：监听节点可以不变，接不接这次按键的判据却随选项走\n  const onKeyDown = (event: Event): void => api.value.handleKeyDown(event as KeyboardEvent)\n  let bound: EventTarget | null = null\n  const stop = (): void => {\n    bound?.removeEventListener('keydown', onKeyDown)\n    bound = null\n  }\n\n  watchEffect(() => {\n    const custom = toValue(options).target\n    if (typeof custom === 'function') {\n      const next = custom()\n      if (next === bound)\n        return\n      stop()\n      bound = next\n      bound?.addEventListener('keydown', onKeyDown)\n      return\n    }\n    const el = rootRef?.value ?? null\n    const next = el === null\n      ? (typeof document === 'undefined' ? null : document)\n      : (api.value.target === 'parent' ? el.parentElement : el.ownerDocument)\n    if (next === bound)\n      return\n    stop()\n    bound = next\n    bound?.addEventListener('keydown', onKeyDown)\n  })\n  onBeforeUnmount(stop)\n\n  return {\n    api,\n    segments: computed(() => api.value.segments),\n    platform: computed(() => api.value.platform),\n    separator: computed(() => api.value.separator),\n    stop,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAuCA,SAAgB,WACd,SACA,SACe;CAEf,MAAM,WAAW,IAAqB,MAAM;CAC5C,gBAAgB;EACd,SAAS,QAAQ,sBAAsB;CACzC,CAAC;CAED,MAAM,MAAM,eAAe;EACzB,MAAM,IAAI,QAAQ,OAAO;EACzB,OAAO,eAAe;GACpB,GAAG;GAEH,UAAU,EAAE,YAAY,EAAE,aAAa,SAAS,EAAE,WAAW,SAAS;GAEtE,QAAQ,OAAO,EAAE,WAAW,aAAa,KAAA,IAAY,EAAE;EACzD,GAAG,YAAY;CACjB,CAAC;CAGD,MAAM,aAAa,UAAuB,IAAI,MAAM,cAAc,KAAsB;CACxF,IAAI,QAA4B;CAChC,MAAM,aAAmB;EACvB,OAAO,oBAAoB,WAAW,SAAS;EAC/C,QAAQ;CACV;CAEA,kBAAkB;EAChB,MAAM,SAAS,QAAQ,OAAO,CAAC,CAAC;EAChC,IAAI,OAAO,WAAW,YAAY;GAChC,MAAM,OAAO,OAAO;GACpB,IAAI,SAAS,OACX;GACF,KAAK;GACL,QAAQ;GACR,OAAO,iBAAiB,WAAW,SAAS;GAC5C;EACF;EACA,MAAM,KAAK,SAAS,SAAS;EAC7B,MAAM,OAAO,OAAO,OACf,OAAO,aAAa,cAAc,OAAO,WACzC,IAAI,MAAM,WAAW,WAAW,GAAG,gBAAgB,GAAG;EAC3D,IAAI,SAAS,OACX;EACF,KAAK;EACL,QAAQ;EACR,OAAO,iBAAiB,WAAW,SAAS;CAC9C,CAAC;CACD,gBAAgB,IAAI;CAEpB,OAAO;EACL;EACA,UAAU,eAAe,IAAI,MAAM,QAAQ;EAC3C,UAAU,eAAe,IAAI,MAAM,QAAQ;EAC3C,WAAW,eAAe,IAAI,MAAM,SAAS;EAC7C;CACF;AACF"}

package/dist/components/hover-card/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/hover-card/context.ts
-const KEY = Symbol("xh-hover-card");
+const KEY = Symbol.for("xh-hover-card");
 function provideHoverCard(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/hover-card/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hover-card/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { HoverCardContext } from './use-hover-card'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<HoverCardContext> = Symbol('xh-hover-card')\n\nexport function provideHoverCard(ctx: HoverCardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useHoverCardContext(): HoverCardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] HoverCard 部件必须用在 XhHoverCardRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,eAAe;AAElE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hover-card/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { HoverCardContext } from './use-hover-card'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<HoverCardContext> = Symbol.for('xh-hover-card')\n\nexport function provideHoverCard(ctx: HoverCardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useHoverCardContext(): HoverCardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] HoverCard 部件必须用在 XhHoverCardRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,eAAe;AAEtE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/hover-card/hover-card.d.ts

@@ -80,18 +80,26 @@ declare const XhHoverCardRoot: import("vue").DefineComponent<import("vue").Extra
   dir: Direction;
   size: Size;
   disabled: boolean;
+  offset: number;
   open: boolean;
   defaultOpen: boolean;
-  offset: number;
   placement: Placement;
   openDelay: number;
   closeDelay: number;
 }, SlotsType<{
   default?: (props: HoverCardRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhHoverCardTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhHoverCardTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>> & Readonly<{}>, {
+  asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhHoverCardPositioner: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/hover-card/hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../../src/components/hover-card/hover-card.ts"],"mappings":";;;;;KAQK,iBAAiB;;KAGV,yBAAyB,KAAK;cAE7B,+BAAe,8BAAA;;;;;;;IAMK,MAAA,SAAS;;;;;;;;;;;;;;;;IAIf,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;IAXJ,MAAA,SAAS;;;;;;;;;;;;;;;;IAIf,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAc/C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAShC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../../src/components/hover-card/hover-card.ts"],"mappings":";;;;;KAUK,iBAAiB;;KAGV,yBAAyB,KAAK;cAE7B,+BAAe,8BAAA;;;;;;;IAMK,MAAA,SAAS;;;;;;;;;;;;;;;;IAIf,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;IAXJ,MAAA,SAAS;;;;;;;;;;;;;;;;IAIf,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAc/C;cAEW,kCAAkB,8BAAA;;;;;;;;;;qCAuB7B;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAgBhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/hover-card/hover-card.js

@@ -1,6 +1,8 @@
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { mergeIntoChild } from "../../runtime/as-child.js";
 import { provideHoverCard, useHoverCardContext } from "./context.js";
 import { useHoverCard } from "./use-hover-card.js";
-import { defineComponent, h } from "vue";
+import { Teleport, defineComponent, h, mergeProps } from "vue";
 //#region src/components/hover-card/hover-card.ts
 const XhHoverCardRoot = defineComponent({
 	name: "XhHoverCardRoot",
@@ -56,26 +58,39 @@ const XhHoverCardRoot = defineComponent({
 });
 const XhHoverCardTrigger = defineComponent({
 	name: "XhHoverCardTrigger",
-	setup(_, { slots }) {
+	props: { 
+	/** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+asChild: Boolean },
+	setup(props, { slots }) {
 		const ctx = useHoverCardContext();
-		return () => h("button", {
-			...ctx.api.value.getTriggerProps(),
-			ref: (el) => {
-				ctx.triggerRef.value = el;
+		return () => {
+			const attrs = {
+				...ctx.api.value.getTriggerProps(),
+				ref: (el) => {
+					ctx.triggerRef.value = el;
+				}
+			};
+			const children = slots.default?.();
+			if (props.asChild) {
+				const merged = mergeIntoChild(children, attrs, "hover-card");
+				if (merged) return merged;
 			}
-		}, slots.default?.());
+			return h("button", attrs, children);
+		};
 	}
 });
 const XhHoverCardPositioner = defineComponent({
 	name: "XhHoverCardPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useHoverCardContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		const bars = useScrollbars({ scrollable: () => ctx.contentRef.value });
+		return () => h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
+			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {
 				ctx.positionerRef.value = el;
 			}
-		}, slots.default?.());
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
 	}
 });
 const XhHoverCardContent = defineComponent({
@@ -84,6 +99,7 @@ const XhHoverCardContent = defineComponent({
 		const ctx = useHoverCardContext();
 		return () => h("div", {
 			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
 			ref: (el) => {
 				ctx.contentRef.value = el;
 			}

package/dist/components/hover-card/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","names":[],"sources":["../../../src/components/hover-card/hover-card.ts"],"sourcesContent":["import type { HoverCardApi, HoverCardSchema } from '@xihan-ui/headless'\nimport type { Direction, Placement, Size } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideHoverCard, useHoverCardContext } from './context'\nimport { useHoverCard } from './use-hover-card'\n\ntype HoverCardProps = HoverCardSchema['props']\n\n/** 默认插槽的载荷：浮层的开合状态与程序化开合的方法。 */\nexport type HoverCardRootSlotProps = Pick<HoverCardApi, 'open' | 'setOpen'>\n\nexport const XhHoverCardRoot = defineComponent({\n  name: 'XhHoverCardRoot',\n  // 缺省值由机器与 connect 给出，这里一律 default: undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    openDelay: { type: Number, default: undefined },\n    closeDelay: { type: Number, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    disabled: Boolean,\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<HoverCardProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<HoverCardProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: HoverCardRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: HoverCardProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useHoverCard(props as HoverCardProps, notify)\n    provideHoverCard(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhHoverCardTrigger = defineComponent({\n  name: 'XhHoverCardTrigger',\n  setup(_, { slots }) {\n    const ctx = useHoverCardContext()\n    return () => h('button', {\n      ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhHoverCardPositioner = defineComponent({\n  name: 'XhHoverCardPositioner',\n  setup(_, { slots }) {\n    const ctx = useHoverCardContext()\n    return () => h('div', {\n      ...ctx.api.value.getPositionerProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhHoverCardContent = defineComponent({\n  name: 'XhHoverCardContent',\n  setup(_, { slots }) {\n    const ctx = useHoverCardContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhHoverCardArrow = defineComponent({\n  name: 'XhHoverCardArrow',\n  setup() {\n    const ctx = useHoverCardContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;AAaA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,WAAW;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EACrE,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,YAAY;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC/C,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,UAAU;EACV,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CAEA,OAAO;EACL,gBAAgB,aAAwD;EACxE,gBAAgB,UAA6D;CAC/E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,aAAa,OAAyB,MAAM;EACxD,iBAAiB,GAAG;EACpB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,MAAM,IAAI,IAAI,MAAM;GACpB,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,UAAU;GACvB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,mBAAmB;GACpC,MAAM,OAAgB;IAAE,IAAI,cAAc,QAAQ;GAAkB;EACtE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,CAA4B;CAChF;AACF,CAAC"}
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../../src/components/hover-card/hover-card.ts"],"sourcesContent":["import type { HoverCardApi, HoverCardSchema } from '@xihan-ui/headless'\nimport type { Direction, Placement, Size } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps, Teleport } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { provideHoverCard, useHoverCardContext } from './context'\nimport { useHoverCard } from './use-hover-card'\n\ntype HoverCardProps = HoverCardSchema['props']\n\n/** 默认插槽的载荷：浮层的开合状态与程序化开合的方法。 */\nexport type HoverCardRootSlotProps = Pick<HoverCardApi, 'open' | 'setOpen'>\n\nexport const XhHoverCardRoot = defineComponent({\n  name: 'XhHoverCardRoot',\n  // 缺省值由机器与 connect 给出，这里一律 default: undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    openDelay: { type: Number, default: undefined },\n    closeDelay: { type: Number, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    disabled: Boolean,\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<HoverCardProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<HoverCardProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: HoverCardRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: HoverCardProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useHoverCard(props as HoverCardProps, notify)\n    provideHoverCard(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhHoverCardTrigger = defineComponent({\n  name: 'XhHoverCardTrigger',\n  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useHoverCardContext()\n    return () => {\n      const attrs = {\n        ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      }\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'hover-card')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, children)\n    }\n  },\n})\n\nexport const XhHoverCardPositioner = defineComponent({\n  name: 'XhHoverCardPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useHoverCardContext()\n    // 卡片内容的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(Teleport, { to: ctx.portalTarget.value }, [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhHoverCardContent = defineComponent({\n  name: 'XhHoverCardContent',\n  setup(_, { slots }) {\n    const ctx = useHoverCardContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhHoverCardArrow = defineComponent({\n  name: 'XhHoverCardArrow',\n  setup() {\n    const ctx = useHoverCardContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;;AAeA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,WAAW;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EACrE,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,YAAY;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC/C,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,UAAU;EACV,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CAEA,OAAO;EACL,gBAAgB,aAAwD;EACxE,gBAAgB,UAA6D;CAC/E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,aAAa,OAAyB,MAAM;EACxD,iBAAiB,GAAG;EACpB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,MAAM,IAAI,IAAI,MAAM;GACpB,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;;AAEL,SAAS,QACX;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,oBAAoB;EAChC,aAAa;GACX,MAAM,QAAQ;IACZ,GAAG,IAAI,IAAI,MAAM,gBAAgB;IACjC,MAAM,OAAgB;KAAE,IAAI,WAAW,QAAQ;IAAkB;GACnE;GACA,MAAM,WAAW,MAAM,UAAU;GAEjC,IAAI,MAAM,SAAS;IACjB,MAAM,SAAS,eAAe,UAAU,OAAO,YAAY;IAC3D,IAAI,QACF,OAAO;GACX;GACA,OAAO,EAAE,UAAU,OAAO,QAAQ;EACpC;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CAEN,cAAc;CACd,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,oBAAoB;EAEhC,MAAM,OAAO,cAAc,EAAE,kBAAkB,IAAI,WAAW,MAAM,CAAC;EAErE,aAAa,EAAE,UAAU,EAAE,IAAI,IAAI,aAAa,MAAM,GAAG,CACvD,EAAE,OAAO;GACP,GAAG,WAAW,IAAI,IAAI,MAAM,mBAAmB,GAA8B,KAAK;GAClF,MAAM,OAAgB;IAAE,IAAI,cAAc,QAAQ;GAAkB;EACtE,GAAG,CAAC,GAAI,MAAM,UAAU,KAAK,CAAC,GAAI,GAAG,KAAK,OAAO,CAAC,CAAC,CACrD,CAAC;CACH;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GAGjC,OAAO,IAAI,QAAQ,QAAQ,KAAA,IAAY,EAAE,SAAS,OAAO;GACzD,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,CAA4B;CAChF;AACF,CAAC"}

package/dist/components/hover-card/use-hover-card.d.ts

@@ -11,6 +11,10 @@ interface HoverCardContext {
   positionerRef: Ref<HTMLElement | null>;
   /** 消解层节点，也是判定焦点是否仍在卡片内的依据。 */
   contentRef: Ref<HTMLElement | null>;
+  /** 此刻该不该渲染：退场动画播完之前仍为真。 */
+  visible: Ref<boolean>;
+  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */
+  portalTarget: ComputedRef<string | Element>;
 }
 declare function useHoverCard(props: HoverCardSchema['props'], onOpenChange?: HoverCardSchema['props']['onOpenChange']): HoverCardContext;
 //#endregion

package/dist/components/hover-card/use-hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-hover-card.d.ts","names":[],"sources":["../../../src/components/hover-card/use-hover-card.ts"],"mappings":";;;;UAYiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,YAAY,IAAI;;EAEhB,eAAe,IAAI;;EAEnB,YAAY,IAAI;;iBAGF,aACd,OAAO,0BACP,eAAe,2CACd"}
+{"version":3,"file":"use-hover-card.d.ts","names":[],"sources":["../../../src/components/hover-card/use-hover-card.ts"],"mappings":";;;;UAciB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,YAAY,IAAI;;EAEhB,eAAe,IAAI;;EAEnB,YAAY,IAAI;;EAEhB,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,aACd,OAAO,0BACP,eAAe,2CACd"}

package/dist/components/hover-card/use-hover-card.js

@@ -1,4 +1,6 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
@@ -7,6 +9,7 @@ import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/hover-card/use-hover-card.ts
 function useHoverCard(props, onOpenChange) {
+	const xhConfig = useXhConfig();
 	const triggerRef = ref(null);
 	const positionerRef = ref(null);
 	const contentRef = ref(null);
@@ -16,15 +19,16 @@ function useHoverCard(props, onOpenChange) {
 		...props,
 		onOpenChange
 	}), scope);
+	let config = null;
 	if (typeof document !== "undefined") {
-		const config = createRuntimeConfig({
+		config = createRuntimeConfig({
 			scope,
 			idGenerator: idGen
 		});
 		const registerLayer = () => config.layerRegistry.register({
 			kind: "popover",
 			node: () => contentRef.value,
-			branches: () => [triggerRef.value].filter(Boolean),
+			branches: () => [triggerRef.value, positionerRef.value].filter(Boolean),
 			isModal: () => false,
 			setModal: () => {},
 			surfaces: () => []
@@ -36,12 +40,19 @@ function useHoverCard(props, onOpenChange) {
 	service.refs.set("getAnchorEl", () => triggerRef.value);
 	service.refs.set("getFloatingEl", () => positionerRef.value);
 	service.refs.set("getContentEl", () => contentRef.value);
+	const api = computed(() => connectHoverCard(service, vueNormalize));
 	return {
+		visible: useOverlayExit({
+			config,
+			isOpen: () => api.value.open,
+			contentRef
+		}),
 		service,
-		api: computed(() => connectHoverCard(service, vueNormalize)),
+		api,
 		triggerRef,
 		positionerRef,
-		contentRef
+		contentRef,
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? "body")
 	};
 }
 //#endregion

package/dist/components/hover-card/use-hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-hover-card.js","names":[],"sources":["../../../src/components/hover-card/use-hover-card.ts"],"sourcesContent":["import type { HoverCardApi, HoverCardSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectHoverCard, hoverCardMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface HoverCardContext {\n  service: Service<HoverCardSchema>\n  api: ComputedRef<HoverCardApi>\n  /** 定位锚点。 */\n  triggerRef: Ref<HTMLElement | null>\n  /** 被定位的浮层。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 消解层节点，也是判定焦点是否仍在卡片内的依据。 */\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport function useHoverCard(\n  props: HoverCardSchema['props'],\n  onOpenChange?: HoverCardSchema['props']['onOpenChange'],\n): HoverCardContext {\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(hoverCardMachine, () => ({ ...props, onOpenChange }), scope)\n\n  // 无 DOM 环境（SSR）不建引擎与消解层\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按可见态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，指针按在它上面算层内交互\n      branches: () => [triggerRef.value].filter(Boolean) as Element[],\n      // 悬停卡片非模态：不陷焦点、不锁滚动、无遮罩\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n  }\n\n  // 元素 getter 在无 DOM 环境下也要设，连接层判定焦点去向时经它们取节点\n  service.refs.set('getAnchorEl', () => triggerRef.value)\n  service.refs.set('getFloatingEl', () => positionerRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectHoverCard(service, vueNormalize))\n  return { service, api, triggerRef, positionerRef, contentRef }\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,aACd,OACA,cACkB;CAClB,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAa,IAAI,KAAK;CAGtF,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG/E,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAC5F,MAAM;GACN,YAAY,WAAW;GAEvB,gBAAgB,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO;GAEjD,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;CACrD;CAGA,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;CACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;CAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE;EAAS,KADN,eAAe,iBAAiB,SAAS,YAAY,CAC7C;EAAG;EAAY;EAAe;CAAW;AAC/D"}
+{"version":3,"file":"use-hover-card.js","names":[],"sources":["../../../src/components/hover-card/use-hover-card.ts"],"sourcesContent":["import type { HoverCardApi, HoverCardSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectHoverCard, hoverCardMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface HoverCardContext {\n  service: Service<HoverCardSchema>\n  api: ComputedRef<HoverCardApi>\n  /** 定位锚点。 */\n  triggerRef: Ref<HTMLElement | null>\n  /** 被定位的浮层。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 消解层节点，也是判定焦点是否仍在卡片内的依据。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useHoverCard(\n  props: HoverCardSchema['props'],\n  onOpenChange?: HoverCardSchema['props']['onOpenChange'],\n): HoverCardContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(hoverCardMachine, () => ({ ...props, onOpenChange }), scope)\n\n  // 无 DOM 环境（SSR）不建引擎与消解层\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按可见态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，指针按在它上面算层内交互；\n      // 浮层壳一并记上：卡片之外还浮着自绘滚动条，按住它拖动不该把卡片消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      // 悬停卡片非模态：不陷焦点、不锁滚动、无遮罩\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n  }\n\n  // 元素 getter 在无 DOM 环境下也要设，连接层判定焦点去向时经它们取节点\n  service.refs.set('getAnchorEl', () => triggerRef.value)\n  service.refs.set('getFloatingEl', () => positionerRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectHoverCard(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 先问全局配置的落点，没有才落 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA6BA,SAAgB,aACd,OACA,cACkB;CAClB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAa,IAAI,KAAK;CAItF,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GAEtE,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;CACrD;CAGA,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;CACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;CAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,iBAAiB,SAAS,YAAY,CAAC;CAMlE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAS;EAAK;EAAY;EAAe;EAAY,cAFlD,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEvC;CAAE;AACtF"}

package/dist/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","names":[],"sources":["../../../src/components/icon/icon.ts"],"mappings":";;;;;;;;;;cAqBa,sBAAM,8BAAA;;IAIS,MAAA,SAAS;;;;;;;;IAET,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;IAJT,MAAA,SAAS;;;;;;;;IAET,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;;;qCAmBnC"}
+{"version":3,"file":"icon.d.ts","names":[],"sources":["../../../src/components/icon/icon.ts"],"mappings":";;;;;;;;;;cAsBa,sBAAM,8BAAA;;IAIS,MAAA,SAAS;;;;;;;;IAET,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;IAJT,MAAA,SAAS;;;;;;;;IAET,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;;;qCAmBnC"}

package/dist/components/icon/icon.js

@@ -1,3 +1,4 @@
+import { withXhConfig } from "../../config/config.js";
 import { slotPaints } from "../../runtime/slot-content.js";
 import { useIcon } from "./use-icon.js";
 import { defineComponent, h } from "vue";
@@ -40,7 +41,7 @@ const XhIcon = defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		const ctx = useIcon(props);
+		const ctx = useIcon(withXhConfig("icon", props));
 		return () => {
 			const authored = slots.default?.();
 			return h("svg", ctx.api.value.getRootProps(), slotPaints(authored) ? authored : [h("g", ctx.api.value.getGlyphProps(), ctx.api.value.nodes.map(renderNode))]);

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../src/components/icon/icon.ts"],"sourcesContent":["import type { IconProps, IconWeight } from '@xihan-ui/headless'\nimport type { IconNode, IconRecord, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useIcon } from './use-icon'\n\n/**\n * 把一个图元节点建成 VNode，递归到底。\n * 标签与属性名逐字透传（连字符与大小写都保留），命名空间由 Vue 从父 `<svg>` 往下带。\n */\nfunction renderNode(node: IconNode): VNode {\n  return h(node.tag, node.attrs as Record<string, unknown> | undefined, node.children?.map(renderNode))\n}\n\n/**\n * 根 `<svg>` 加一层 `<g>` 空壳，图元铺在空壳里。\n * 默认插槽给出了内容时改由插槽内容填充根，元素不再生成 glyph 与图元；\n * 判据是插槽产出里有真会画出东西的节点：既不是插槽函数存不存在（宿主可能恒传一个插槽），\n * 也不是产出数组非空（`v-if` 为假时产出里还剩一个注释节点）。\n */\nexport const XhIcon = defineComponent({\n  name: 'XhIcon',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    icon: { type: Object as PropType<IconRecord>, default: undefined },\n    label: { type: String, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    weight: { type: String as PropType<IconWeight>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useIcon(props as IconProps)\n    return () => {\n      const authored = slots.default?.()\n      return h(\n        'svg',\n        ctx.api.value.getRootProps() as Record<string, unknown>,\n        slotPaints(authored)\n          ? authored\n          : [h(\n              'g',\n              ctx.api.value.getGlyphProps() as Record<string, unknown>,\n              ctx.api.value.nodes.map(renderNode),\n            )],\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;AAWA,SAAS,WAAW,MAAuB;CACzC,OAAO,EAAE,KAAK,KAAK,KAAK,OAA8C,KAAK,UAAU,IAAI,UAAU,CAAC;AACtG;;;;;;;AAQA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAgC,SAAS,KAAA;EAAU;EACjE,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,QAAQ;GAAE,MAAM;GAAgC,SAAS,KAAA;EAAU;EACnE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,QAAQ,KAAkB;EACtC,aAAa;GACX,MAAM,WAAW,MAAM,UAAU;GACjC,OAAO,EACL,OACA,IAAI,IAAI,MAAM,aAAa,GAC3B,WAAW,QAAQ,IACf,WACA,CAAC,EACC,KACA,IAAI,IAAI,MAAM,cAAc,GAC5B,IAAI,IAAI,MAAM,MAAM,IAAI,UAAU,CACpC,CAAC,CACP;EACF;CACF;AACF,CAAC"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../../src/components/icon/icon.ts"],"sourcesContent":["import type { IconProps, IconWeight } from '@xihan-ui/headless'\nimport type { IconNode, IconRecord, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useIcon } from './use-icon'\n\n/**\n * 把一个图元节点建成 VNode，递归到底。\n * 标签与属性名逐字透传（连字符与大小写都保留），命名空间由 Vue 从父 `<svg>` 往下带。\n */\nfunction renderNode(node: IconNode): VNode {\n  return h(node.tag, node.attrs as Record<string, unknown> | undefined, node.children?.map(renderNode))\n}\n\n/**\n * 根 `<svg>` 加一层 `<g>` 空壳，图元铺在空壳里。\n * 默认插槽给出了内容时改由插槽内容填充根，元素不再生成 glyph 与图元；\n * 判据是插槽产出里有真会画出东西的节点：既不是插槽函数存不存在（宿主可能恒传一个插槽），\n * 也不是产出数组非空（`v-if` 为假时产出里还剩一个注释节点）。\n */\nexport const XhIcon = defineComponent({\n  name: 'XhIcon',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    icon: { type: Object as PropType<IconRecord>, default: undefined },\n    label: { type: String, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    weight: { type: String as PropType<IconWeight>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useIcon(withXhConfig('icon', props) as IconProps)\n    return () => {\n      const authored = slots.default?.()\n      return h(\n        'svg',\n        ctx.api.value.getRootProps() as Record<string, unknown>,\n        slotPaints(authored)\n          ? authored\n          : [h(\n              'g',\n              ctx.api.value.getGlyphProps() as Record<string, unknown>,\n              ctx.api.value.nodes.map(renderNode),\n            )],\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAYA,SAAS,WAAW,MAAuB;CACzC,OAAO,EAAE,KAAK,KAAK,KAAK,OAA8C,KAAK,UAAU,IAAI,UAAU,CAAC;AACtG;;;;;;;AAQA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAgC,SAAS,KAAA;EAAU;EACjE,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,QAAQ;GAAE,MAAM;GAAgC,SAAS,KAAA;EAAU;EACnE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,QAAQ,aAAa,QAAQ,KAAK,CAAc;EAC5D,aAAa;GACX,MAAM,WAAW,MAAM,UAAU;GACjC,OAAO,EACL,OACA,IAAI,IAAI,MAAM,aAAa,GAC3B,WAAW,QAAQ,IACf,WACA,CAAC,EACC,KACA,IAAI,IAAI,MAAM,cAAc,GAC5B,IAAI,IAAI,MAAM,MAAM,IAAI,UAAU,CACpC,CAAC,CACP;EACF;CACF;AACF,CAAC"}

package/dist/components/icon-wrapper/icon-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-wrapper.d.ts","names":[],"sources":["../../../src/components/icon-wrapper/icon-wrapper.ts"],"mappings":";;;cAOa,6BAAa,8BAAA;;IAIK,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IAFN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;qCASnC"}
+{"version":3,"file":"icon-wrapper.d.ts","names":[],"sources":["../../../src/components/icon-wrapper/icon-wrapper.ts"],"mappings":";;;cAQa,6BAAa,8BAAA;;IAIK,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IAFN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;qCASnC"}

package/dist/components/icon-wrapper/icon-wrapper.js

@@ -1,4 +1,5 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
 import { defineComponent, h } from "vue";
 import { connectIconWrapper } from "@xihan-ui/headless";
 //#region src/components/icon-wrapper/icon-wrapper.ts
@@ -19,7 +20,7 @@ const XhIconWrapper = defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		return () => h("span", connectIconWrapper(props, vueNormalize).getRootProps(), slots.default?.());
+		return () => h("span", connectIconWrapper(withXhConfig("icon-wrapper", props), vueNormalize).getRootProps(), slots.default?.());
 	}
 });
 //#endregion

package/dist/components/icon-wrapper/icon-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-wrapper.js","names":[],"sources":["../../../src/components/icon-wrapper/icon-wrapper.ts"],"sourcesContent":["import type { IconWrapperProps } from '@xihan-ui/headless'\nimport type { ActionVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectIconWrapper } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhIconWrapper = defineComponent({\n  name: 'XhIconWrapper',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    variant: { type: String as PropType<ActionVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    return () => h(\n      'span',\n      connectIconWrapper(props as IconWrapperProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAOA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACvE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EACX,QACA,mBAAmB,OAA2B,YAAY,CAAC,CAAC,aAAa,GACzE,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"icon-wrapper.js","names":[],"sources":["../../../src/components/icon-wrapper/icon-wrapper.ts"],"sourcesContent":["import type { IconWrapperProps } from '@xihan-ui/headless'\nimport type { ActionVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectIconWrapper } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhIconWrapper = defineComponent({\n  name: 'XhIconWrapper',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    variant: { type: String as PropType<ActionVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    return () => h(\n      'span',\n      connectIconWrapper(withXhConfig('icon-wrapper', props) as IconWrapperProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACvE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EACX,QACA,mBAAmB,aAAa,gBAAgB,KAAK,GAAuB,YAAY,CAAC,CAAC,aAAa,GACvG,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}

package/dist/components/image/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/image/context.ts
-const KEY = Symbol("xh-image");
+const KEY = Symbol.for("xh-image");
 function provideImage(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/image/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/image/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ImageContext } from './use-image'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ImageContext> = Symbol('xh-image')\n\nexport function provideImage(ctx: ImageContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useImageContext(): ImageContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Image 部件必须用在 XhImageRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,UAAU;AAEzD,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/image/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ImageContext } from './use-image'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ImageContext> = Symbol.for('xh-image')\n\nexport function provideImage(ctx: ImageContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useImageContext(): ImageContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Image 部件必须用在 XhImageRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,IAAI,UAAU;AAE7D,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}

package/dist/components/image-cropper/context.d.ts

@@ -0,0 +1,6 @@
+import { ImageCropperContext } from "./use-image-cropper.js";
+//#region src/components/image-cropper/context.d.ts
+declare function useImageCropperContext(): ImageCropperContext;
+//#endregion
+export { useImageCropperContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/image-cropper/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/image-cropper/context.ts"],"mappings":";;iBAUgB,0BAA0B"}

package/dist/components/image-cropper/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/image-cropper/context.ts
+const KEY = Symbol.for("xh-image-cropper");
+function provideImageCropper(ctx) {
+	provide(KEY, ctx);
+}
+function useImageCropperContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] ImageCropper 部件必须用在 XhImageCropperRoot 内");
+	return ctx;
+}
+//#endregion
+export { provideImageCropper, useImageCropperContext };
+
+//# sourceMappingURL=context.js.map

package/dist/components/image-cropper/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/image-cropper/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ImageCropperContext } from './use-image-cropper'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ImageCropperContext> = Symbol.for('xh-image-cropper')\n\nexport function provideImageCropper(ctx: ImageCropperContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useImageCropperContext(): ImageCropperContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ImageCropper 部件必须用在 XhImageCropperRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAyC,OAAO,IAAI,kBAAkB;AAE5E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}