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

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

@@ -1 +1 @@
-{"version":3,"file":"hotkeys.js","names":[],"sources":["../../../src/components/hotkeys/hotkeys.ts"],"sourcesContent":["import type { HotkeysPlatform, HotkeysProps, HotkeysTarget, HotkeysTranslations } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { connectHotkeys, detectHotkeysPlatform } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, onBeforeUnmount, onMounted, ref, watchEffect } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\n/**\n * 把一组键铺成一排键帽，并按 target 指定的节点接住这次组合。\n *\n * 内容整份由 keys 与平台算出，组件不收默认插槽——键帽上写什么、连接符出不出，\n * 两个平台的答案不一样，内容另有来源就对不上了。\n */\nexport const XhHotkeys = defineComponent({\n  name: 'XhHotkeys',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    keys: { type: Array as PropType<string[]>, default: undefined },\n    platform: { type: String as PropType<HotkeysPlatform>, default: undefined },\n    target: { type: String as PropType<HotkeysTarget>, default: undefined },\n    preventDefault: { type: Boolean, default: undefined },\n    enabled: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<HotkeysTranslations>>, default: undefined },\n  },\n  // 只读事件：组合没有可双向绑定的值\n  emits: {\n    'hot-key': (_details: PayloadOf<HotkeysProps, 'onHotKey'>) => true,\n  },\n  setup(props, { emit }) {\n    const rootEl = ref<HTMLElement | null>(null)\n    // 平台要等挂载后才测得出来；测出来之前按 connect 的缺省（非 Mac）出\n    const detected = ref<HotkeysPlatform>('auto')\n    onMounted(() => {\n      detected.value = detectHotkeysPlatform()\n    })\n\n    const merged = withXhConfig('hotkeys', props)\n    const api = computed(() => connectHotkeys({\n      keys: props.keys,\n      // 作者显式写了平台就以他为准，写 auto 或没写才用实测值\n      platform: props.platform && props.platform !== 'auto' ? props.platform : detected.value,\n      target: props.target,\n      preventDefault: props.preventDefault,\n      enabled: props.enabled,\n      size: props.size,\n      translations: merged.translations,\n      onHotKey: details => emit('hot-key', details),\n    }, vueNormalize))\n\n    // 每次都现取 api：监听节点可以不变，接不接这次按键的判据却随 props 走\n    const onKeyDown = (event: Event): void => api.value.handleKeyDown(event as KeyboardEvent)\n    let bound: EventTarget | null = null\n    const unbind = (): void => {\n      bound?.removeEventListener('keydown', onKeyDown)\n      bound = null\n    }\n    // 监听装在文档或组件所在的那一层父节点上，后者把组合限制在一块面板里\n    watchEffect(() => {\n      const el = rootEl.value\n      const next = el === null ? null : (api.value.target === 'parent' ? el.parentElement : el.ownerDocument)\n      if (next === bound)\n        return\n      unbind()\n      bound = next\n      bound?.addEventListener('keydown', onKeyDown)\n    })\n    onBeforeUnmount(unbind)\n\n    return () => {\n      const current = api.value\n      const separatorProps = current.getSeparatorProps() as Record<string, unknown>\n      const children: VNode[] = []\n      current.segments.forEach((segment, index) => {\n        if (index > 0)\n          children.push(h('span', { ...separatorProps, key: `xh-hotkeys-separator-${index}` }, current.separator))\n        children.push(h(\n          'kbd',\n          { ...current.getKeyProps({ value: segment.source }) as Record<string, unknown>, key: `xh-hotkeys-key-${index}` },\n          segment.label,\n        ))\n      })\n      return h('span', { ...current.getRootProps() as Record<string, unknown>, ref: rootEl }, children)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,YAAY,gBAAgB;CACvC,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAC9D,UAAU;GAAE,MAAM;GAAqC,SAAS,KAAA;EAAU;EAC1E,QAAQ;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACtE,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACpD,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;CAC7F;CAEA,OAAO,EACL,YAAY,aAAkD,KAChE;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,SAAS,IAAwB,IAAI;EAE3C,MAAM,WAAW,IAAqB,MAAM;EAC5C,gBAAgB;GACd,SAAS,QAAQ,sBAAsB;EACzC,CAAC;EAED,MAAM,SAAS,aAAa,WAAW,KAAK;EAC5C,MAAM,MAAM,eAAe,eAAe;GACxC,MAAM,MAAM;GAEZ,UAAU,MAAM,YAAY,MAAM,aAAa,SAAS,MAAM,WAAW,SAAS;GAClF,QAAQ,MAAM;GACd,gBAAgB,MAAM;GACtB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,cAAc,OAAO;GACrB,WAAU,YAAW,KAAK,WAAW,OAAO;EAC9C,GAAG,YAAY,CAAC;EAGhB,MAAM,aAAa,UAAuB,IAAI,MAAM,cAAc,KAAsB;EACxF,IAAI,QAA4B;EAChC,MAAM,eAAqB;GACzB,OAAO,oBAAoB,WAAW,SAAS;GAC/C,QAAQ;EACV;EAEA,kBAAkB;GAChB,MAAM,KAAK,OAAO;GAClB,MAAM,OAAO,OAAO,OAAO,OAAQ,IAAI,MAAM,WAAW,WAAW,GAAG,gBAAgB,GAAG;GACzF,IAAI,SAAS,OACX;GACF,OAAO;GACP,QAAQ;GACR,OAAO,iBAAiB,WAAW,SAAS;EAC9C,CAAC;EACD,gBAAgB,MAAM;EAEtB,aAAa;GACX,MAAM,UAAU,IAAI;GACpB,MAAM,iBAAiB,QAAQ,kBAAkB;GACjD,MAAM,WAAoB,CAAC;GAC3B,QAAQ,SAAS,SAAS,SAAS,UAAU;IAC3C,IAAI,QAAQ,GACV,SAAS,KAAK,EAAE,QAAQ;KAAE,GAAG;KAAgB,KAAK,wBAAwB;IAAQ,GAAG,QAAQ,SAAS,CAAC;IACzG,SAAS,KAAK,EACZ,OACA;KAAE,GAAG,QAAQ,YAAY,EAAE,OAAO,QAAQ,OAAO,CAAC;KAA8B,KAAK,kBAAkB;IAAQ,GAC/G,QAAQ,KACV,CAAC;GACH,CAAC;GACD,OAAO,EAAE,QAAQ;IAAE,GAAG,QAAQ,aAAa;IAA8B,KAAK;GAAO,GAAG,QAAQ;EAClG;CACF;AACF,CAAC"}
+{"version":3,"file":"hotkeys.js","names":[],"sources":["../../../src/components/hotkeys/hotkeys.ts"],"sourcesContent":["import type { HotkeysPlatform, HotkeysProps, HotkeysTarget, HotkeysTranslations } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useHotkeys } from './use-hotkeys'\n\n/**\n * 把一组键铺成一排键帽，并按 target 指定的节点接住这次组合。\n *\n * 内容整份由 keys 与平台算出，组件不收默认插槽——键帽上写什么、连接符出不出，\n * 两个平台的答案不一样，内容另有来源就对不上了。\n *\n * 注册与渲染是两件事：只要注册不要键帽就直接用 useHotkeys。\n */\nexport const XhHotkeys = defineComponent({\n  name: 'XhHotkeys',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    keys: { type: Array as PropType<string[]>, default: undefined },\n    platform: { type: String as PropType<HotkeysPlatform>, default: undefined },\n    target: { type: String as PropType<HotkeysTarget>, default: undefined },\n    preventDefault: { type: Boolean, default: undefined },\n    enabled: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<HotkeysTranslations>>, default: undefined },\n  },\n  // 只读事件：组合没有可双向绑定的值\n  emits: {\n    'hot-key': (_details: PayloadOf<HotkeysProps, 'onHotKey'>) => true,\n  },\n  setup(props, { emit }) {\n    const rootEl = ref<HTMLElement | null>(null)\n    const merged = withXhConfig('hotkeys', props)\n\n    const { api } = useHotkeys(() => ({\n      keys: props.keys,\n      platform: props.platform,\n      target: props.target,\n      preventDefault: props.preventDefault,\n      enabled: props.enabled,\n      size: props.size,\n      translations: merged.translations,\n      onHotKey: details => emit('hot-key', details),\n    }), rootEl)\n\n    return () => {\n      const current = api.value\n      const separatorProps = current.getSeparatorProps() as Record<string, unknown>\n      const children: VNode[] = []\n      current.segments.forEach((segment, index) => {\n        if (index > 0)\n          children.push(h('span', { ...separatorProps, key: `xh-hotkeys-separator-${index}` }, current.separator))\n        children.push(h(\n          'kbd',\n          { ...current.getKeyProps({ value: segment.source }) as Record<string, unknown>, key: `xh-hotkeys-key-${index}` },\n          segment.label,\n        ))\n      })\n      return h('span', { ...current.getRootProps() as Record<string, unknown>, ref: rootEl }, children)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,YAAY,gBAAgB;CACvC,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAC9D,UAAU;GAAE,MAAM;GAAqC,SAAS,KAAA;EAAU;EAC1E,QAAQ;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACtE,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACpD,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;CAC7F;CAEA,OAAO,EACL,YAAY,aAAkD,KAChE;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,SAAS,aAAa,WAAW,KAAK;EAE5C,MAAM,EAAE,QAAQ,kBAAkB;GAChC,MAAM,MAAM;GACZ,UAAU,MAAM;GAChB,QAAQ,MAAM;GACd,gBAAgB,MAAM;GACtB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,cAAc,OAAO;GACrB,WAAU,YAAW,KAAK,WAAW,OAAO;EAC9C,IAAI,MAAM;EAEV,aAAa;GACX,MAAM,UAAU,IAAI;GACpB,MAAM,iBAAiB,QAAQ,kBAAkB;GACjD,MAAM,WAAoB,CAAC;GAC3B,QAAQ,SAAS,SAAS,SAAS,UAAU;IAC3C,IAAI,QAAQ,GACV,SAAS,KAAK,EAAE,QAAQ;KAAE,GAAG;KAAgB,KAAK,wBAAwB;IAAQ,GAAG,QAAQ,SAAS,CAAC;IACzG,SAAS,KAAK,EACZ,OACA;KAAE,GAAG,QAAQ,YAAY,EAAE,OAAO,QAAQ,OAAO,CAAC;KAA8B,KAAK,kBAAkB;IAAQ,GAC/G,QAAQ,KACV,CAAC;GACH,CAAC;GACD,OAAO,EAAE,QAAQ;IAAE,GAAG,QAAQ,aAAa;IAA8B,KAAK;GAAO,GAAG,QAAQ;EAClG;CACF;AACF,CAAC"}

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

@@ -77,12 +77,12 @@ declare const XhHoverCardRoot: import("vue").DefineComponent<import("vue").Extra
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").HoverCardOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
-  size: Size;
   dir: Direction;
+  size: Size;
   disabled: boolean;
+  offset: number;
   open: boolean;
   defaultOpen: boolean;
-  offset: number;
   placement: Placement;
   openDelay: number;
   closeDelay: number;

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":";;;;;KASK,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;;8BAchC,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"}
+{"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,3 +1,4 @@
+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";
@@ -83,12 +84,13 @@ const XhHoverCardPositioner = defineComponent({
 	inheritAttrs: false,
 	setup(_, { slots, attrs }) {
 		const ctx = useHoverCardContext();
+		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({

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, mergeProps, Teleport } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\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    // 搬到 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?.()),\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":";;;;;AAcA,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,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,MAAM,UAAU,CAAC,CACtB,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"}
+{"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.js

@@ -28,7 +28,7 @@ function useHoverCard(props, onOpenChange) {
 		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: () => []

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 { 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      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  // 退场闸门：收起从跟着 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;GAEvB,gBAAgB,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO;GAEjD,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"}
+{"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

@@ -54,8 +54,8 @@ declare const XhIcon: import("vue").DefineComponent<import("vue").ExtractPropTyp
   };
 }>> & Readonly<{}>, {
   label: string;
-  size: Size;
   tone: Tone;
+  size: Size;
   icon: IconRecord;
   weight: IconWeight;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -30,8 +30,8 @@ declare const XhIconWrapper: import("vue").DefineComponent<import("vue").Extract
     default: undefined;
   };
 }>> & Readonly<{}>, {
-  size: Size;
   tone: Tone;
+  size: Size;
   variant: ActionVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

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.js

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

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

@@ -1 +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('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,kBAAkB;AAExE,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"}
+{"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"}

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

@@ -147,9 +147,9 @@ declare const XhImageCropperRoot: import("vue").DefineComponent<import("vue").Ex
   defaultValue: ImageCropperRect;
   disabled: boolean;
   translations: Partial<import("@xihan-ui/headless").ImageCropperTranslations> | undefined;
+  readOnly: boolean;
   src: string;
   alt: string;
-  readOnly: boolean;
   shape: ImageCropperShape;
   zoom: number;
   rotation: number;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/image-viewer/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ImageViewerContext } from './use-image-viewer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ImageViewerContext> = Symbol('xh-image-viewer')\n\nexport function provideImageViewer(ctx: ImageViewerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useImageViewerContext(): ImageViewerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ImageViewer 部件必须用在 XhImageViewerRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,iBAAiB;AAEtE,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/image-viewer/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ImageViewerContext } from './use-image-viewer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ImageViewerContext> = Symbol.for('xh-image-viewer')\n\nexport function provideImageViewer(ctx: ImageViewerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useImageViewerContext(): ImageViewerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ImageViewer 部件必须用在 XhImageViewerRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/image-viewer/image-viewer.d.ts

@@ -118,15 +118,15 @@ declare const XhImageViewerRoot: import("vue").DefineComponent<import("vue").Ext
   "onIndex-change"?: ((_details: import("@xihan-ui/headless").ImageViewerIndexChangeDetails) => any) | undefined;
   "onUpdate:index"?: ((_index: number) => any) | undefined;
 }>, {
+  translations: Partial<import("@xihan-ui/headless").ImageViewerTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").ImageViewerTranslations> | undefined;
   index: number;
   loop: boolean;
+  items: ImageViewerItem[];
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
-  items: ImageViewerItem[];
   defaultIndex: number;
   zoomStep: number;
   minScale: number;

package/dist/components/infinite-scroll/context.js

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

package/dist/components/infinite-scroll/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/infinite-scroll/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { InfiniteScrollContext } from './use-infinite-scroll'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<InfiniteScrollContext> = Symbol('xh-infinite-scroll')\n\nexport function provideInfiniteScroll(ctx: InfiniteScrollContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useInfiniteScrollContext(): InfiniteScrollContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] InfiniteScroll 部件必须用在 XhInfiniteScrollRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAA2C,OAAO,oBAAoB;AAE5E,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mDAAmD;CACrE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/infinite-scroll/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { InfiniteScrollContext } from './use-infinite-scroll'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<InfiniteScrollContext> = Symbol.for('xh-infinite-scroll')\n\nexport function provideInfiniteScroll(ctx: InfiniteScrollContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useInfiniteScrollContext(): InfiniteScrollContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] InfiniteScroll 部件必须用在 XhInfiniteScrollRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAA2C,OAAO,IAAI,oBAAoB;AAEhF,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mDAAmD;CACrE,OAAO;AACT"}

package/dist/components/infinite-scroll/infinite-scroll.d.ts

@@ -47,8 +47,8 @@ declare const XhInfiniteScrollRoot: import("vue").DefineComponent<import("vue").
 }>> & Readonly<{
   onLoad?: (() => any) | undefined;
 }>, {
-  target: HTMLElement | null;
   disabled: boolean;
+  target: HTMLElement | null;
   loading: boolean;
   distance: number;
 }, SlotsType<{

package/dist/components/json-viewer/json-viewer.d.ts

@@ -1,12 +1,16 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, VNode } from "vue";
-import { JsonViewerSchema, JsonViewerTranslations } from "@xihan-ui/headless";
+import { JsonViewerSchema, JsonViewerTranslations, JsonViewerView } from "@xihan-ui/headless";
 import { Direction, Size } from "@xihan-ui/kernel";
 //#region src/components/json-viewer/json-viewer.d.ts
 type JsonViewerProps = JsonViewerSchema['props'];
 declare const XhJsonViewerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<unknown>;
+    default: unknown;
+  };
+  view: {
+    type: PropType<JsonViewerView>;
     default: undefined;
   };
   expandedValue: {
@@ -57,6 +61,10 @@ declare const XhJsonViewerRoot: import("vue").DefineComponent<import("vue").Extr
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<unknown>;
+    default: unknown;
+  };
+  view: {
+    type: PropType<JsonViewerView>;
     default: undefined;
   };
   expandedValue: {
@@ -103,10 +111,11 @@ declare const XhJsonViewerRoot: import("vue").DefineComponent<import("vue").Extr
   "onExpanded-change"?: ((_details: import("@xihan-ui/headless").JsonViewerExpandedChangeDetails) => any) | undefined;
   "onUpdate:expandedValue"?: ((_value: string[]) => any) | undefined;
 }>, {
-  size: Size;
-  value: undefined;
+  value: unknown;
   dir: Direction;
+  size: Size;
   translations: Partial<JsonViewerTranslations>;
+  view: JsonViewerView;
   loop: boolean;
   expandedValue: string[];
   defaultExpandedValue: string[];

package/dist/components/json-viewer/json-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-viewer.d.ts","names":[],"sources":["../../../src/components/json-viewer/json-viewer.ts"],"mappings":";;;;;KAQK,kBAAkB;cA+DV,gCAAgB,8BAAA;;IAKS,MAAA;;;;IACF,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAInB,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;;;IAfT,MAAA;;;;IACF,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;qCAsBnD"}
+{"version":3,"file":"json-viewer.d.ts","names":[],"sources":["../../../src/components/json-viewer/json-viewer.ts"],"mappings":";;;;;KASK,kBAAkB;cA+DV,gCAAgB,8BAAA;;IAKS,MAAA;IAAyC;;;IACnD,MAAA,SAAS;;;;IACD,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAInB,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;;;IAhBT,MAAA;IAAyC;;;IACnD,MAAA,SAAS;;;;IACD,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;qCAgDnD"}

package/dist/components/json-viewer/json-viewer.js

@@ -1,6 +1,7 @@
 import { withXhConfig } from "../../config/config.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { useJsonViewer } from "./use-json-viewer.js";
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 //#region src/components/json-viewer/json-viewer.ts
 /** 可见行按父路径分组，铺 DOM 时逐层取用。 */
 function groupByParent(nodes) {
@@ -47,6 +48,10 @@ const XhJsonViewerRoot = defineComponent({
 			type: null,
 			default: void 0
 		},
+		view: {
+			type: String,
+			default: void 0
+		},
 		expandedValue: {
 			type: Array,
 			default: void 0
@@ -98,10 +103,26 @@ const XhJsonViewerRoot = defineComponent({
 			emit("update:expandedValue", details.value);
 		};
 		const ctx = useJsonViewer(withXhConfig("json-viewer", props), notify);
+		const layerRef = ref(null);
+		const keepLayer = (el) => {
+			if (el) layerRef.value = el;
+		};
+		const bars = useScrollbars({
+			scrollable: () => layerRef.value,
+			axes: ["vertical", "horizontal"],
+			props: () => ({ dir: props.dir })
+		});
 		return () => {
 			const api = ctx.api.value;
+			if (api.view === "text") return h("div", api.getRootProps(), [h("pre", {
+				...api.getTextProps(),
+				ref: keepLayer
+			}, api.text), ...bars.render()]);
 			const children = groupByParent(api.visibleNodes);
-			return h("div", api.getRootProps(), [h("div", api.getTreeProps(), renderRows(api, children, null))]);
+			return h("div", api.getRootProps(), [h("div", {
+				...api.getTreeProps(),
+				ref: keepLayer
+			}, renderRows(api, children, null)), ...bars.render()]);
 		};
 	}
 });

package/dist/components/json-viewer/json-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-viewer.js","names":[],"sources":["../../../src/components/json-viewer/json-viewer.ts"],"sourcesContent":["import type { JsonViewerApi, JsonViewerNode, JsonViewerSchema, JsonViewerTranslations } from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useJsonViewer } from './use-json-viewer'\n\ntype JsonViewerProps = JsonViewerSchema['props']\n\n/** 可见行按父路径分组，铺 DOM 时逐层取用。 */\nfunction groupByParent(nodes: readonly JsonViewerNode[]): Map<string | null, JsonViewerNode[]> {\n  const out = new Map<string | null, JsonViewerNode[]>()\n  for (const node of nodes) {\n    const list = out.get(node.parent)\n    if (list)\n      list.push(node)\n    else\n      out.set(node.parent, [node])\n  }\n  return out\n}\n\nfunction renderRows(\n  api: JsonViewerApi,\n  children: Map<string | null, JsonViewerNode[]>,\n  parent: string | null,\n): VNode[] {\n  return (children.get(parent) ?? []).map(node => renderRow(api, children, node))\n}\n\n/**\n * 一行：标量是 item（键名 + 值），对象与数组是 branch（控制行 + 子层）。\n * 没有键名的行（根行、截断占位）不渲染键名部件，免得多出一个空盒子。\n */\nfunction renderRow(\n  api: JsonViewerApi,\n  children: Map<string | null, JsonViewerNode[]>,\n  node: JsonViewerNode,\n): VNode {\n  const ref = { value: node.value }\n\n  if (!node.branch) {\n    const parts: VNode[] = []\n    if (node.key != null)\n      parts.push(h('span', api.getItemKeyProps(ref) as Record<string, unknown>, node.key))\n    parts.push(h('span', api.getItemValueProps(ref) as Record<string, unknown>, api.valueText(node)))\n    return h('div', { ...api.getItemProps(ref) as Record<string, unknown>, key: node.value }, parts)\n  }\n\n  const control: VNode[] = [\n    h('span', api.getBranchTriggerProps(ref) as Record<string, unknown>, [\n      h('span', api.getBranchIndicatorProps(ref) as Record<string, unknown>),\n    ]),\n  ]\n  if (node.key != null)\n    control.push(h('span', api.getBranchTextProps(ref) as Record<string, unknown>, node.key))\n  control.push(h('span', api.getPreviewProps(ref) as Record<string, unknown>, api.previewText(node)))\n\n  const parts: VNode[] = [h('div', api.getBranchControlProps(ref) as Record<string, unknown>, control)]\n  // 收起的子层不渲染：一份大 JSON 全铺出来会把页面压住，展开集合本来也是逐层放开的\n  if (api.isExpanded(node.value)) {\n    parts.push(h(\n      'div',\n      api.getBranchContentProps(ref) as Record<string, unknown>,\n      renderRows(api, children, node.value),\n    ))\n  }\n  return h('div', { ...api.getBranchProps(ref) as Record<string, unknown>, key: node.value }, parts)\n}\n\nexport const XhJsonViewerRoot = defineComponent({\n  name: 'XhJsonViewerRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    // 任意形状都收，类型检查交给使用方\n    value: { type: null as unknown as PropType<unknown>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedDepth: { type: Number, default: undefined },\n    maxStringLength: { type: Number, default: undefined },\n    maxItems: { type: Number, default: undefined },\n    sortKeys: { type: Boolean, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<JsonViewerTranslations>>, default: undefined },\n  },\n  // expanded-change 携带 { value }，update:expandedValue 携带裸集合\n  emits: {\n    'expanded-change': (_details: PayloadOf<JsonViewerProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<JsonViewerProps, 'onExpandedChange'>['value']) => true,\n  },\n  setup(props, { emit }) {\n    const notify: JsonViewerProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expandedValue', details.value)\n    }\n    const ctx = useJsonViewer(withXhConfig('json-viewer', props) as JsonViewerProps, notify)\n    // 行是按数据摊出来的，作者写不出也不必写：整棵树由组件自己铺\n    return () => {\n      const api = ctx.api.value\n      const children = groupByParent(api.visibleNodes)\n      return h('div', api.getRootProps() as Record<string, unknown>, [\n        h('div', api.getTreeProps() as Record<string, unknown>, renderRows(api, children, null)),\n      ])\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"json-viewer.js","names":[],"sources":["../../../src/components/json-viewer/json-viewer.ts"],"sourcesContent":["import type { JsonViewerApi, JsonViewerNode, JsonViewerSchema, JsonViewerTranslations, JsonViewerView } from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { useJsonViewer } from './use-json-viewer'\n\ntype JsonViewerProps = JsonViewerSchema['props']\n\n/** 可见行按父路径分组，铺 DOM 时逐层取用。 */\nfunction groupByParent(nodes: readonly JsonViewerNode[]): Map<string | null, JsonViewerNode[]> {\n  const out = new Map<string | null, JsonViewerNode[]>()\n  for (const node of nodes) {\n    const list = out.get(node.parent)\n    if (list)\n      list.push(node)\n    else\n      out.set(node.parent, [node])\n  }\n  return out\n}\n\nfunction renderRows(\n  api: JsonViewerApi,\n  children: Map<string | null, JsonViewerNode[]>,\n  parent: string | null,\n): VNode[] {\n  return (children.get(parent) ?? []).map(node => renderRow(api, children, node))\n}\n\n/**\n * 一行：标量是 item（键名 + 值），对象与数组是 branch（控制行 + 子层）。\n * 没有键名的行（根行、截断占位）不渲染键名部件，免得多出一个空盒子。\n */\nfunction renderRow(\n  api: JsonViewerApi,\n  children: Map<string | null, JsonViewerNode[]>,\n  node: JsonViewerNode,\n): VNode {\n  const ref = { value: node.value }\n\n  if (!node.branch) {\n    const parts: VNode[] = []\n    if (node.key != null)\n      parts.push(h('span', api.getItemKeyProps(ref) as Record<string, unknown>, node.key))\n    parts.push(h('span', api.getItemValueProps(ref) as Record<string, unknown>, api.valueText(node)))\n    return h('div', { ...api.getItemProps(ref) as Record<string, unknown>, key: node.value }, parts)\n  }\n\n  const control: VNode[] = [\n    h('span', api.getBranchTriggerProps(ref) as Record<string, unknown>, [\n      h('span', api.getBranchIndicatorProps(ref) as Record<string, unknown>),\n    ]),\n  ]\n  if (node.key != null)\n    control.push(h('span', api.getBranchTextProps(ref) as Record<string, unknown>, node.key))\n  control.push(h('span', api.getPreviewProps(ref) as Record<string, unknown>, api.previewText(node)))\n\n  const parts: VNode[] = [h('div', api.getBranchControlProps(ref) as Record<string, unknown>, control)]\n  // 收起的子层不渲染：一份大 JSON 全铺出来会把页面压住，展开集合本来也是逐层放开的\n  if (api.isExpanded(node.value)) {\n    parts.push(h(\n      'div',\n      api.getBranchContentProps(ref) as Record<string, unknown>,\n      renderRows(api, children, node.value),\n    ))\n  }\n  return h('div', { ...api.getBranchProps(ref) as Record<string, unknown>, key: node.value }, parts)\n}\n\nexport const XhJsonViewerRoot = defineComponent({\n  name: 'XhJsonViewerRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    // 任意形状都收，类型检查交给使用方\n    value: { type: null as unknown as PropType<unknown>, default: undefined as unknown },\n    view: { type: String as PropType<JsonViewerView>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedDepth: { type: Number, default: undefined },\n    maxStringLength: { type: Number, default: undefined },\n    maxItems: { type: Number, default: undefined },\n    sortKeys: { type: Boolean, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<JsonViewerTranslations>>, default: undefined },\n  },\n  // expanded-change 携带 { value }，update:expandedValue 携带裸集合\n  emits: {\n    'expanded-change': (_details: PayloadOf<JsonViewerProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<JsonViewerProps, 'onExpandedChange'>['value']) => true,\n  },\n  setup(props, { emit }) {\n    const notify: JsonViewerProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expandedValue', details.value)\n    }\n    const ctx = useJsonViewer(withXhConfig('json-viewer', props) as JsonViewerProps, notify)\n    // 此刻在场的那个滚动层：两档互斥，树档是 tree、原文档是 pre。\n    // 两档共用同一个函数 ref：换档时新旧 vnode 的 ref 是同一个，\n    // Vue 就不再先把旧节点那份置空——两档各拿一个 ref 的话，\n    // 中间会空出一拍，条子在那一拍里找不到容器、投一条诊断。\n    // 只记在场的那个：拆卸时那次空调用不往下传\n    const layerRef = ref<HTMLElement | null>(null)\n    const keepLayer = (el: unknown): void => {\n      if (el)\n        layerRef.value = el as HTMLElement\n    }\n    // 两档的自绘条：与滚动层同级、绝对定位不占布局，壳是这层根。\n    // 两条轴都摆——深层缩进往行首方向推、长字符串往行尾伸\n    const bars = useScrollbars({\n      scrollable: () => layerRef.value,\n      axes: ['vertical', 'horizontal'],\n      props: () => ({ dir: props.dir }),\n    })\n    // 行是按数据摊出来的，作者写不出也不必写：整棵树由组件自己铺\n    return () => {\n      const api = ctx.api.value\n      // 原文档不铺行：整块文本交给 pre，框选与复制才拿得到与后端一字不差的那份\n      if (api.view === 'text') {\n        return h('div', api.getRootProps() as Record<string, unknown>, [\n          h('pre', { ...api.getTextProps() as Record<string, unknown>, ref: keepLayer }, api.text),\n          ...bars.render(),\n        ])\n      }\n\n      const children = groupByParent(api.visibleNodes)\n      return h('div', api.getRootProps() as Record<string, unknown>, [\n        h('div', { ...api.getTreeProps() as Record<string, unknown>, ref: keepLayer }, renderRows(api, children, null)),\n        ...bars.render(),\n      ])\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/layout/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/layout/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { LayoutContext } from './use-layout'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<LayoutContext> = Symbol('xh-layout')\n\nexport function provideLayout(ctx: LayoutContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useLayoutContext(): LayoutContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Layout 部件必须用在 XhLayoutRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,WAAW;AAE3D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/layout/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { LayoutContext } from './use-layout'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<LayoutContext> = Symbol.for('xh-layout')\n\nexport function provideLayout(ctx: LayoutContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useLayoutContext(): LayoutContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Layout 部件必须用在 XhLayoutRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/list/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/list/context.ts"],"sourcesContent":["import type { ListApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface ListContext {\n  api: ComputedRef<ListApi>\n}\n\nconst KEY: InjectionKey<ListContext> = Symbol('xh-list')\n\nexport function provideList(ctx: ListContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListContext(): ListContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] List 部件必须用在 XhListRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,SAAS;AAEvD,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/list/context.ts"],"sourcesContent":["import type { ListApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface ListContext {\n  api: ComputedRef<ListApi>\n}\n\nconst KEY: InjectionKey<ListContext> = Symbol.for('xh-list')\n\nexport function provideList(ctx: ListContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListContext(): ListContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] List 部件必须用在 XhListRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

package/dist/components/list/list.d.ts

@@ -33,8 +33,8 @@ declare const XhListRoot: import("vue").DefineComponent<import("vue").ExtractPro
   as: string;
   size: Size;
   hoverable: boolean;
-  bordered: boolean;
   split: boolean;
+  bordered: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhListItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** 条目渲染成哪个标签，默认 li；根换成 div 时这里一并换掉。 */

package/dist/components/listbox/context.js

@@ -1,8 +1,8 @@
 import { inject, provide } from "vue";
 //#region src/components/listbox/context.ts
-const KEY = Symbol("xh-listbox");
-const ITEM_KEY = Symbol("xh-listbox-item");
-const GROUP_KEY = Symbol("xh-listbox-item-group");
+const KEY = Symbol.for("xh-listbox");
+const ITEM_KEY = Symbol.for("xh-listbox-item");
+const GROUP_KEY = Symbol.for("xh-listbox-item-group");
 function provideListbox(ctx) {
 	provide(KEY, ctx);
 }