@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/accordion/accordion.js

@@ -6,36 +6,18 @@ import { defineComponent, h, ref } from "vue";
 const XhAccordionRoot = defineComponent({
 	name: "XhAccordionRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		value: {
-			type: Array,
-			default: void 0
-		},
-		defaultValue: {
-			type: Array,
-			default: void 0
-		},
+		collection: { type: Array },
+		value: { type: Array },
+		defaultValue: { type: Array },
 		multiple: Boolean,
 		collapsible: Boolean,
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		loop: Boolean,
+		disabled: Boolean,
+		variant: { type: String },
+		orientation: { type: String },
+		dir: { type: String },
+		tone: { type: String },
+		size: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -75,6 +57,14 @@ const XhAccordionItem = defineComponent({
 		}), slots.default?.());
 	}
 });
+/** 条目之间的分隔线，纯视觉；不渲染它时条目直接相邻 */
+const XhAccordionItemSeparator = defineComponent({
+	name: "XhAccordionItemSeparator",
+	setup(_, { slots }) {
+		const ctx = useAccordionContext();
+		return () => h("div", ctx.api.value.getItemSeparatorProps(), slots.default?.());
+	}
+});
 const XhAccordionHeader = defineComponent({
 	name: "XhAccordionHeader",
 	setup(_, { slots }) {
@@ -120,8 +110,8 @@ const XhAccordionIndicator = defineComponent({
 	}
 });
 /**
-* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
-* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
 * 正文默认取 node.content，写 content 插槽即由作者接管。
 */
 function renderDefaultTree(collection, contentSlot) {
@@ -131,6 +121,6 @@ function renderDefaultTree(collection, contentSlot) {
 	}, () => [h(XhAccordionHeader, null, () => [h(XhAccordionTrigger, null, () => [h("span", null, node.label), h(XhAccordionIndicator)])]), h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? "")]));
 }
 //#endregion
-export { XhAccordionContent, XhAccordionHeader, XhAccordionIndicator, XhAccordionItem, XhAccordionRoot, XhAccordionTrigger };
+export { XhAccordionContent, XhAccordionHeader, XhAccordionIndicator, XhAccordionItem, XhAccordionItemSeparator, XhAccordionRoot, XhAccordionTrigger };
 
 //# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["import type { AccordionNode, AccordionNodeMeta, AccordionSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref } from 'vue'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from './context'\nimport { useAccordion } from './use-accordion'\n\ntype AccordionProps = AccordionSchema['props']\n\nexport const XhAccordionRoot = defineComponent({\n  name: 'XhAccordionRoot',\n  props: {\n    collection: { type: Array as PropType<AccordionNode[]>, default: undefined },\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    multiple: Boolean,\n    collapsible: Boolean,\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    // 只改水平轴上左右键的语义，不写进 DOM\n    dir: { type: String as PropType<Direction>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<AccordionProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<AccordionProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AccordionProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useAccordion(props as AccordionProps, notify)\n    provideAccordion(ctx)\n    return () => h(\n      'div',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.content)\n          : [],\n    )\n  },\n})\n\nexport const XhAccordionItem = defineComponent({\n  name: 'XhAccordionItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useAccordionContext()\n    provideAccordionItem(() => ({ value: props.value, disabled: props.disabled }))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n// 渲染为 h3，与 connect 给出的 aria-level 对齐\nexport const XhAccordionHeader = defineComponent({\n  name: 'XhAccordionHeader',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('h3', ctx.api.value.getHeaderProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionTrigger = defineComponent({\n  name: 'XhAccordionTrigger',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('button', ctx.api.value.getTriggerProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionContent = defineComponent({\n  name: 'XhAccordionContent',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    const contentRef = ref<HTMLElement | null>(null)\n    // 闸门按面板各开一个：手风琴模式下切换项时，一个进场一个退场是同时发生的\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => ctx.api.value.isOpen(item().value),\n      contentRef,\n    })\n    return () => h('div', {\n      ...ctx.api.value.getContentProps(item()) as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhAccordionIndicator = defineComponent({\n  name: 'XhAccordionIndicator',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('span', ctx.api.value.getIndicatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 正文默认取 node.content，写 content 插槽即由作者接管。\n */\nfunction renderDefaultTree(\n  collection: readonly AccordionNodeMeta[],\n  contentSlot?: (node: AccordionNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node => h(XhAccordionItem, { key: node.value, value: node.value }, () => [\n    h(XhAccordionHeader, null, () => [\n      h(XhAccordionTrigger, null, () => [\n        h('span', null, node.label),\n        h(XhAccordionIndicator),\n      ]),\n    ]),\n    h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? ''),\n  ]))\n}\n"],"mappings":"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"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 accordion 相关实现。\n\nimport type { ControlVariant, Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { AccordionNode, AccordionNodeMeta, AccordionSchema } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref } from 'vue'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from './context'\nimport { useAccordion } from './use-accordion'\n\ntype AccordionProps = AccordionSchema['props']\n\nexport const XhAccordionRoot = defineComponent({\n  name: 'XhAccordionRoot',\n  props: {\n    collection: { type: Array as PropType<AccordionNode[]> },\n    value: { type: Array as PropType<string[]> },\n    defaultValue: { type: Array as PropType<string[]> },\n    multiple: Boolean,\n    collapsible: Boolean,\n    loop: Boolean,\n    disabled: Boolean,\n    variant: { type: String as PropType<ControlVariant> },\n    orientation: { type: String as PropType<Orientation> },\n    // 只改水平轴上左右键的语义，不写进 DOM\n    dir: { type: String as PropType<Direction> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<AccordionProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<AccordionProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AccordionProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useAccordion(props as AccordionProps, notify)\n    provideAccordion(ctx)\n    return () => h(\n      'div',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.content)\n          : [],\n    )\n  },\n})\n\nexport const XhAccordionItem = defineComponent({\n  name: 'XhAccordionItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useAccordionContext()\n    provideAccordionItem(() => ({ value: props.value, disabled: props.disabled }))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 条目之间的分隔线，纯视觉；不渲染它时条目直接相邻 */\nexport const XhAccordionItemSeparator = defineComponent({\n  name: 'XhAccordionItemSeparator',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    return () => h('div', ctx.api.value.getItemSeparatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 渲染为 h3，与 connect 给出的 aria-level 对齐\nexport const XhAccordionHeader = defineComponent({\n  name: 'XhAccordionHeader',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('h3', ctx.api.value.getHeaderProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionTrigger = defineComponent({\n  name: 'XhAccordionTrigger',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('button', ctx.api.value.getTriggerProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionContent = defineComponent({\n  name: 'XhAccordionContent',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    const contentRef = ref<HTMLElement | null>(null)\n    // 闸门按面板各开一个：手风琴模式下切换项时，一个进场一个退场是同时发生的\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => ctx.api.value.isOpen(item().value),\n      contentRef,\n    })\n    return () => h('div', {\n      ...ctx.api.value.getContentProps(item()) as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhAccordionIndicator = defineComponent({\n  name: 'XhAccordionIndicator',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('span', ctx.api.value.getIndicatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n * 正文默认取 node.content，写 content 插槽即由作者接管。\n */\nfunction renderDefaultTree(\n  collection: readonly AccordionNodeMeta[],\n  contentSlot?: (node: AccordionNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node => h(XhAccordionItem, { key: node.value, value: node.value }, () => [\n    h(XhAccordionHeader, null, () => [\n      h(XhAccordionTrigger, null, () => [\n        h('span', null, node.label),\n        h(XhAccordionIndicator),\n      ]),\n    ]),\n    h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? ''),\n  ]))\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/accordion/context.ts"],"sourcesContent":["import type { AccordionItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { AccordionContext } from './use-accordion'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AccordionContext> = Symbol.for('xh-accordion')\n/** 条目身份下传给 header/trigger/content，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => AccordionItemProps> = Symbol.for('xh-accordion-item')\n\nexport function provideAccordion(ctx: AccordionContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAccordionContext(): AccordionContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Accordion 部件必须用在 XhAccordionRoot 内')\n  return ctx\n}\n\nexport function provideAccordionItem(item: () => AccordionItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useAccordionItem(): () => AccordionItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Accordion 条目部件必须用在 XhAccordionItem 内')\n  return item\n}\n"],"mappings":";;AAKA,MAAM,MAAsC,OAAO,IAAI,cAAc;;AAErE,MAAM,WAAmD,OAAO,IAAI,mBAAmB;AAEvF,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;AAEA,SAAgB,qBAAqB,MAAsC;CACzE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,mBAA6C;CAC3D,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/accordion/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { AccordionItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { AccordionContext } from './use-accordion'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AccordionContext> = Symbol.for('xh-accordion')\n/** 条目身份下传给 header/trigger/content，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => AccordionItemProps> = Symbol.for('xh-accordion-item')\n\nexport function provideAccordion(ctx: AccordionContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAccordionContext(): AccordionContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Accordion 部件必须用在 XhAccordionRoot 内')\n  return ctx\n}\n\nexport function provideAccordionItem(item: () => AccordionItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useAccordionItem(): () => AccordionItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Accordion 条目部件必须用在 XhAccordionItem 内')\n  return item\n}\n"],"mappings":";;AAYA,MAAM,MAAsC,OAAO,IAAI,cAAc;;AAErE,MAAM,WAAmD,OAAO,IAAI,mBAAmB;AAEvF,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;AAEA,SAAgB,qBAAqB,MAAsC;CACzE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,mBAA6C;CAC3D,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

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

@@ -1,10 +1,10 @@
 import { ComputedRef } from "vue";
+import { RuntimeConfig } from "@xihan-ui/core";
 import { AccordionApi, AccordionSchema } from "@xihan-ui/headless";
-import { RuntimeConfig } from "@xihan-ui/kernel";
 //#region src/components/accordion/use-accordion.d.ts
 interface AccordionContext {
   api: ComputedRef<AccordionApi>;
-  /** 每个面板各自开退场闸门，共用这一份运行期配置；服务端为 null，闸门退化成跟着展开态。 */
+  /** 每个面板各自建立退场闸门，共用这一份运行期配置；服务端为 null，闸门退化为跟随展开态。 */
   config: RuntimeConfig | null;
 }
 declare function useAccordion(props: AccordionSchema['props'], onValueChange?: AccordionSchema['props']['onValueChange']): AccordionContext;

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

@@ -1 +1 @@
-{"version":3,"file":"use-accordion.d.ts","names":[],"sources":["../../../src/components/accordion/use-accordion.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,QAAQ;;iBAGM,aACd,OAAO,0BACP,gBAAgB,4CACf"}
+{"version":3,"file":"use-accordion.d.ts","names":[],"sources":["../../../src/components/accordion/use-accordion.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,QAAQ;;iBAGM,aACd,OAAO,0BACP,gBAAgB,4CACf"}

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

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { accordionMachine, connectAccordion } from "@xihan-ui/headless";
-import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 //#region src/components/accordion/use-accordion.ts
 function useAccordion(props, onValueChange) {
 	const idGen = createVueIdGenerator();

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

@@ -1 +1 @@
-{"version":3,"file":"use-accordion.js","names":[],"sources":["../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["import type { AccordionApi, AccordionSchema } from '@xihan-ui/headless'\nimport type { RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef } from 'vue'\nimport { accordionMachine, connectAccordion } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface AccordionContext {\n  api: ComputedRef<AccordionApi>\n  /** 每个面板各自开退场闸门，共用这一份运行期配置；服务端为 null，闸门退化成跟着展开态。 */\n  config: RuntimeConfig | null\n}\n\nexport function useAccordion(\n  props: AccordionSchema['props'],\n  onValueChange?: AccordionSchema['props']['onValueChange'],\n): AccordionContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(accordionMachine, () => ({ ...props, onValueChange }), scope)\n  const api = computed(() => connectAccordion(service, vueNormalize))\n\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined')\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n  return { api, config }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,aACd,OACA,eACkB;CAClB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAc,IAAI,KAAK;CACvF,MAAM,MAAM,eAAe,iBAAiB,SAAS,YAAY,CAAC;CAElE,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC;CAE5D,OAAO;EAAE;EAAK;CAAO;AACvB"}
+{"version":3,"file":"use-accordion.js","names":[],"sources":["../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use accordion 相关实现。\n\nimport type { RuntimeConfig } from '@xihan-ui/core'\nimport type { AccordionApi, AccordionSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { accordionMachine, connectAccordion } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface AccordionContext {\n  api: ComputedRef<AccordionApi>\n  /** 每个面板各自建立退场闸门，共用这一份运行期配置；服务端为 null，闸门退化为跟随展开态。 */\n  config: RuntimeConfig | null\n}\n\nexport function useAccordion(\n  props: AccordionSchema['props'],\n  onValueChange?: AccordionSchema['props']['onValueChange'],\n): AccordionContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(accordionMachine, () => ({ ...props, onValueChange }), scope)\n  const api = computed(() => connectAccordion(service, vueNormalize))\n\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined')\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n  return { api, config }\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,aACd,OACA,eACkB;CAClB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAc,IAAI,KAAK;CACvF,MAAM,MAAM,eAAe,iBAAiB,SAAS,YAAY,CAAC;CAElE,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC;CAE5D,OAAO;EAAE;EAAK;CAAO;AACvB"}

package/dist/components/affix/affix.d.ts

@@ -3,22 +3,19 @@ import { PropType, SlotsType, VNode } from "vue";
 import { AffixApi, AffixSchema } from "@xihan-ui/headless";
 //#region src/components/affix/affix.d.ts
 type AffixProps = AffixSchema['props'];
-/** 默认插槽的载荷：此刻是不是吸住了。 */
+/** 默认插槽的载荷：当前是否处于吸附状态。 */
 type AffixRootSlotProps = Pick<AffixApi, 'affixed'>;
-/** 根节点是占位盒：content 吸住时脱流，它留在原位撑住那块空间。 */
+/** 根节点是占位盒：content 吸附时脱离文档流，它留在原位撑住该空间。 */
 declare const XhAffixRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   offsetTop: {
     type: NumberConstructor;
-    default: undefined;
   };
   offsetBottom: {
     type: NumberConstructor;
-    default: undefined;
   };
-  /** 滚动容器，缺省即整页滚动；经 refs 交给观察器。 */
+  /** 滚动容器，默认即整页滚动；经 refs 交给观察器。 */
   target: {
     type: PropType<HTMLElement | null>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -27,27 +24,20 @@ declare const XhAffixRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   offsetTop: {
     type: NumberConstructor;
-    default: undefined;
   };
   offsetBottom: {
     type: NumberConstructor;
-    default: undefined;
   };
-  /** 滚动容器，缺省即整页滚动；经 refs 交给观察器。 */
+  /** 滚动容器，默认即整页滚动；经 refs 交给观察器。 */
   target: {
     type: PropType<HTMLElement | null>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onAffix-change"?: ((_details: import("@xihan-ui/headless").AffixChangeDetails) => any) | undefined;
-}>, {
-  offsetTop: number;
-  offsetBottom: number;
-  target: HTMLElement | null;
-}, SlotsType<{
+}>, {}, SlotsType<{
   default?: (props: AffixRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 吸住时脱离常规流钉在可视区边上，落位由机器量好写进内联样式。 */
+/** 吸附时脱离常规流固定在可视区边缘，位置由状态机测量后写入内联样式。 */
 declare const XhAffixContent: 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/affix/affix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"affix.d.ts","names":[],"sources":["../../../src/components/affix/affix.ts"],"mappings":";;;;KAOK,aAAa;;KAGN,qBAAqB,KAAK;;cAGzB,2BAAW,8BAAA;;;;;;;;;;;IAOM,MAAA,SAAS;;;;;;EAGR,iBAAA,UAAA,UAAU;;;;;;;;;;;;IAHX,MAAA,SAAS;;;;;;;;;;EAMzB,WAAC,OAAO,uBAAuB;kCAY3C;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"affix.d.ts","names":[],"sources":["../../../src/components/affix/affix.ts"],"mappings":";;;;KAcK,aAAa;;KAGN,qBAAqB,KAAK;;cAGzB,2BAAW,8BAAA;;;;;;;;;IAOM,MAAA,SAAS;;;;;EAGR,iBAAA,UAAA,UAAU;;;;;;;;;;IAHX,MAAA,SAAS;;;;;EAMzB,WAAC,OAAO,uBAAuB;kCAY3C;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/affix/affix.js

@@ -2,23 +2,14 @@ import { provideAffix, useAffixContext } from "./context.js";
 import { useAffix } from "./use-affix.js";
 import { defineComponent, h } from "vue";
 //#region src/components/affix/affix.ts
-/** 根节点是占位盒：content 吸住时脱流，它留在原位撑住那块空间。 */
+/** 根节点是占位盒：content 吸附时脱离文档流，它留在原位撑住该空间。 */
 const XhAffixRoot = defineComponent({
 	name: "XhAffixRoot",
 	props: {
-		offsetTop: {
-			type: Number,
-			default: void 0
-		},
-		offsetBottom: {
-			type: Number,
-			default: void 0
-		},
-		/** 滚动容器，缺省即整页滚动；经 refs 交给观察器。 */
-		target: {
-			type: Object,
-			default: void 0
-		}
+		offsetTop: { type: Number },
+		offsetBottom: { type: Number },
+		/** 滚动容器，默认即整页滚动；经 refs 交给观察器。 */
+		target: { type: Object }
 	},
 	emits: { "affix-change": (_details) => true },
 	slots: Object,
@@ -34,7 +25,7 @@ const XhAffixRoot = defineComponent({
 		}, slots.default?.({ affixed: ctx.api.value.affixed }));
 	}
 });
-/** 吸住时脱离常规流钉在可视区边上，落位由机器量好写进内联样式。 */
+/** 吸附时脱离常规流固定在可视区边缘，位置由状态机测量后写入内联样式。 */
 const XhAffixContent = defineComponent({
 	name: "XhAffixContent",
 	setup(_, { slots }) {

package/dist/components/affix/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","names":[],"sources":["../../../src/components/affix/affix.ts"],"sourcesContent":["import type { AffixApi, AffixSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideAffix, useAffixContext } from './context'\nimport { useAffix } from './use-affix'\n\ntype AffixProps = AffixSchema['props']\n\n/** 默认插槽的载荷：此刻是不是吸住了。 */\nexport type AffixRootSlotProps = Pick<AffixApi, 'affixed'>\n\n/** 根节点是占位盒：content 吸住时脱流，它留在原位撑住那块空间。 */\nexport const XhAffixRoot = defineComponent({\n  name: 'XhAffixRoot',\n  // 缺省值由机器与 connect 决定，这里一律 default: undefined\n  props: {\n    offsetTop: { type: Number, default: undefined },\n    offsetBottom: { type: Number, default: undefined },\n    /** 滚动容器，缺省即整页滚动；经 refs 交给观察器。 */\n    target: { type: Object as PropType<HTMLElement | null>, default: undefined },\n  },\n  emits: {\n    'affix-change': (_details: PayloadOf<AffixProps, 'onAffixChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: AffixRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: AffixProps['onAffixChange'] = details => emit('affix-change', details)\n    // 传响应式 props 对象本身而非快照，供机器每次读时重新展开\n    const ctx = useAffix(props as AffixProps, notify, () => props.target ?? null)\n    provideAffix(ctx)\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n    }, slots.default?.({ affixed: ctx.api.value.affixed }))\n  },\n})\n\n/** 吸住时脱离常规流钉在可视区边上，落位由机器量好写进内联样式。 */\nexport const XhAffixContent = defineComponent({\n  name: 'XhAffixContent',\n  setup(_, { slots }) {\n    const ctx = useAffixContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAaA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EACL,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,cAAc;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;;EAEjD,QAAQ;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU;CAC7E;CACA,OAAO,EACL,iBAAiB,aAAqD,KACxE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAW,KAAK,gBAAgB,OAAO;EAEnF,MAAM,MAAM,SAAS,OAAqB,cAAc,MAAM,UAAU,IAAI;EAC5E,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,MAAM,OAAgB;IAAE,IAAI,QAAQ,QAAQ;GAAkB;EAChE,GAAG,MAAM,UAAU,EAAE,SAAS,IAAI,IAAI,MAAM,QAAQ,CAAC,CAAC;CACxD;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC"}
+{"version":3,"file":"affix.js","names":[],"sources":["../../../src/components/affix/affix.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 affix 相关实现。\n\nimport type { AffixApi, AffixSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideAffix, useAffixContext } from './context'\nimport { useAffix } from './use-affix'\n\ntype AffixProps = AffixSchema['props']\n\n/** 默认插槽的载荷：当前是否处于吸附状态。 */\nexport type AffixRootSlotProps = Pick<AffixApi, 'affixed'>\n\n/** 根节点是占位盒：content 吸附时脱离文档流，它留在原位撑住该空间。 */\nexport const XhAffixRoot = defineComponent({\n  name: 'XhAffixRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    offsetTop: { type: Number },\n    offsetBottom: { type: Number },\n    /** 滚动容器，默认即整页滚动；经 refs 交给观察器。 */\n    target: { type: Object as PropType<HTMLElement | null> },\n  },\n  emits: {\n    'affix-change': (_details: PayloadOf<AffixProps, 'onAffixChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: AffixRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: AffixProps['onAffixChange'] = details => emit('affix-change', details)\n    // 传响应式 props 对象本身而非快照，供机器每次读时重新展开\n    const ctx = useAffix(props as AffixProps, notify, () => props.target ?? null)\n    provideAffix(ctx)\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n    }, slots.default?.({ affixed: ctx.api.value.affixed }))\n  },\n})\n\n/** 吸附时脱离常规流固定在可视区边缘，位置由状态机测量后写入内联样式。 */\nexport const XhAffixContent = defineComponent({\n  name: 'XhAffixContent',\n  setup(_, { slots }) {\n    const ctx = useAffixContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAoBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EACL,WAAW,EAAE,MAAM,OAAO;EAC1B,cAAc,EAAE,MAAM,OAAO;;EAE7B,QAAQ,EAAE,MAAM,OAAuC;CACzD;CACA,OAAO,EACL,iBAAiB,aAAqD,KACxE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAW,KAAK,gBAAgB,OAAO;EAEnF,MAAM,MAAM,SAAS,OAAqB,cAAc,MAAM,UAAU,IAAI;EAC5E,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,MAAM,OAAgB;IAAE,IAAI,QAAQ,QAAQ;GAAkB;EAChE,GAAG,MAAM,UAAU,EAAE,SAAS,IAAI,IAAI,MAAM,QAAQ,CAAC,CAAC;CACxD;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC"}

package/dist/components/affix/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/affix/context.ts"],"mappings":";;iBAMgB,aAAa,KAAK;iBAIlB,mBAAmB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/affix/context.ts"],"mappings":";;iBAagB,aAAa,KAAK;iBAIlB,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/affix/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { AffixContext } from './use-affix'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AffixContext> = Symbol.for('xh-affix')\n\nexport function provideAffix(ctx: AffixContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAffixContext(): AffixContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Affix 部件必须用在 XhAffixRoot 内')\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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/affix/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { AffixContext } from './use-affix'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AffixContext> = Symbol.for('xh-affix')\n\nexport function provideAffix(ctx: AffixContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAffixContext(): AffixContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Affix 部件必须用在 XhAffixRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,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/affix/use-affix.d.ts

@@ -1,14 +1,14 @@
 import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { AffixApi, AffixSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/affix/use-affix.d.ts
 interface AffixContext {
   api: ComputedRef<AffixApi>;
   service: Service<AffixSchema>;
-  /** 占位盒节点：判定线与占位尺寸都量它。 */
+  /** 占位盒节点：判定线与占位尺寸都测量它。 */
   rootRef: Ref<HTMLElement | null>;
 }
-/** getTargetEl 返回滚动容器，null 即整页滚动；量测与监听都在机器的效应里跑，DOM 取值口经 refs 交进去。 */
+/** getTargetEl 返回滚动容器，null 即整页滚动；测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */
 declare function useAffix(props: AffixSchema['props'], onAffixChange?: AffixSchema['props']['onAffixChange'], getTargetEl?: () => HTMLElement | null): AffixContext;
 //#endregion
 export { AffixContext, useAffix };

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

@@ -1 +1 @@
-{"version":3,"file":"use-affix.d.ts","names":[],"sources":["../../../src/components/affix/use-affix.ts"],"mappings":";;;;UAQiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;;iBAIC,SACd,OAAO,sBACP,gBAAgB,uCAChB,oBAAmB,qBAClB"}
+{"version":3,"file":"use-affix.d.ts","names":[],"sources":["../../../src/components/affix/use-affix.ts"],"mappings":";;;;UAeiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;;iBAIC,SACd,OAAO,sBACP,gBAAgB,uCAChB,oBAAmB,qBAClB"}

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

@@ -3,7 +3,7 @@ import { useMachine } from "../../runtime/use-machine.js";
 import { computed, ref } from "vue";
 import { affixMachine, connectAffix } from "@xihan-ui/headless";
 //#region src/components/affix/use-affix.ts
-/** getTargetEl 返回滚动容器，null 即整页滚动；量测与监听都在机器的效应里跑，DOM 取值口经 refs 交进去。 */
+/** getTargetEl 返回滚动容器，null 即整页滚动；测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */
 function useAffix(props, onAffixChange, getTargetEl = () => null) {
 	const rootRef = ref(null);
 	const service = useMachine(affixMachine, () => ({

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

@@ -1 +1 @@
-{"version":3,"file":"use-affix.js","names":[],"sources":["../../../src/components/affix/use-affix.ts"],"sourcesContent":["import type { AffixApi, AffixSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { affixMachine, connectAffix } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface AffixContext {\n  api: ComputedRef<AffixApi>\n  service: Service<AffixSchema>\n  /** 占位盒节点：判定线与占位尺寸都量它。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\n/** getTargetEl 返回滚动容器，null 即整页滚动；量测与监听都在机器的效应里跑，DOM 取值口经 refs 交进去。 */\nexport function useAffix(\n  props: AffixSchema['props'],\n  onAffixChange?: AffixSchema['props']['onAffixChange'],\n  getTargetEl: () => HTMLElement | null = () => null,\n): AffixContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const service = useMachine(affixMachine, () => ({ ...props, onAffixChange }))\n\n  service.refs.set('getRootEl', () => rootRef.value)\n  service.refs.set('getTargetEl', getTargetEl)\n\n  const api = computed(() => connectAffix(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,SACd,OACA,eACA,oBAA8C,MAChC;CACd,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;CAAc,EAAE;CAE5E,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CACjD,QAAQ,KAAK,IAAI,eAAe,WAAW;CAG3C,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;EAAS;CAAQ;AACjC"}
+{"version":3,"file":"use-affix.js","names":[],"sources":["../../../src/components/affix/use-affix.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use affix 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { AffixApi, AffixSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { affixMachine, connectAffix } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface AffixContext {\n  api: ComputedRef<AffixApi>\n  service: Service<AffixSchema>\n  /** 占位盒节点：判定线与占位尺寸都测量它。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\n/** getTargetEl 返回滚动容器，null 即整页滚动；测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */\nexport function useAffix(\n  props: AffixSchema['props'],\n  onAffixChange?: AffixSchema['props']['onAffixChange'],\n  getTargetEl: () => HTMLElement | null = () => null,\n): AffixContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const service = useMachine(affixMachine, () => ({ ...props, onAffixChange }))\n\n  service.refs.set('getRootEl', () => rootRef.value)\n  service.refs.set('getTargetEl', getTargetEl)\n\n  const api = computed(() => connectAffix(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,SACd,OACA,eACA,oBAA8C,MAChC;CACd,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;CAAc,EAAE;CAE5E,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CACjD,QAAQ,KAAK,IAAI,eAAe,WAAW;CAG3C,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/alert/alert.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType } from "vue";
+import { Tone } from "@xihan-ui/core";
 import { AlertSchema, AlertTranslations } from "@xihan-ui/headless";
-import { Tone } from "@xihan-ui/kernel";
 //#region src/components/alert/alert.d.ts
 type AlertProps = AlertSchema['props'];
 declare const XhAlertRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -47,7 +47,10 @@ declare const XhAlertRoot: import("vue").DefineComponent<import("vue").ExtractPr
   closable: boolean;
   defaultOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhAlertIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhAlertIndicator: import("vue").DefineComponent<{}, () => import("vue").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>;
+declare const XhAlertContent: import("vue").DefineComponent<{}, () => import("vue").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>;
 declare const XhAlertTitle: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -56,9 +59,12 @@ declare const XhAlertTitle: import("vue").DefineComponent<{}, () => import("vue"
 declare const XhAlertDescription: import("vue").DefineComponent<{}, () => import("vue").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>;
+declare const XhAlertAction: import("vue").DefineComponent<{}, () => import("vue").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>;
 declare const XhAlertCloseTrigger: import("vue").DefineComponent<{}, () => import("vue").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>;
 //#endregion
-export { XhAlertCloseTrigger, XhAlertDescription, XhAlertIcon, XhAlertRoot, XhAlertTitle };
+export { XhAlertAction, XhAlertCloseTrigger, XhAlertContent, XhAlertDescription, XhAlertIndicator, XhAlertRoot, XhAlertTitle };
 //# sourceMappingURL=alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.ts"],"mappings":";;;;;KASK,aAAa;cAEL,2BAAW,8BAAA;EAGJ,MAAA,SAAS;;;;;;;;;;;;;EAKD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAVjB,MAAA,SAAS;;;;;;;;;;;;;EAKD,cAAA,SAAS,QAAQ;;;;;;;;qCAgB3C;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.ts"],"mappings":";;;;;KAgBK,aAAa;cAEL,2BAAW,8BAAA;EAGJ,MAAA,SAAS;;;;;;;;;;;;;EAKD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAVjB,MAAA,SAAS;;;;;;;;;;;;;EAKD,cAAA,SAAS,QAAQ;;;;;;;;qCAgB3C;cAEW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/alert/alert.js

@@ -35,11 +35,18 @@ const XhAlertRoot = defineComponent({
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.());
 	}
 });
-const XhAlertIcon = defineComponent({
-	name: "XhAlertIcon",
+const XhAlertIndicator = defineComponent({
+	name: "XhAlertIndicator",
 	setup(_, { slots }) {
 		const ctx = useAlertContext();
-		return () => h("span", ctx.api.value.getIconProps(), slots.default?.());
+		return () => h("span", ctx.api.value.getIndicatorProps(), slots.default?.());
+	}
+});
+const XhAlertContent = defineComponent({
+	name: "XhAlertContent",
+	setup(_, { slots }) {
+		const ctx = useAlertContext();
+		return () => h("div", ctx.api.value.getContentProps(), slots.default?.());
 	}
 });
 const XhAlertTitle = defineComponent({
@@ -56,6 +63,13 @@ const XhAlertDescription = defineComponent({
 		return () => h("div", ctx.api.value.getDescriptionProps(), slots.default?.());
 	}
 });
+const XhAlertAction = defineComponent({
+	name: "XhAlertAction",
+	setup(_, { slots }) {
+		const ctx = useAlertContext();
+		return () => h("div", ctx.api.value.getActionProps(), slots.default?.());
+	}
+});
 const XhAlertCloseTrigger = defineComponent({
 	name: "XhAlertCloseTrigger",
 	setup(_, { slots }) {
@@ -64,6 +78,6 @@ const XhAlertCloseTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhAlertCloseTrigger, XhAlertDescription, XhAlertIcon, XhAlertRoot, XhAlertTitle };
+export { XhAlertAction, XhAlertCloseTrigger, XhAlertContent, XhAlertDescription, XhAlertIndicator, XhAlertRoot, XhAlertTitle };
 
 //# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.ts"],"sourcesContent":["import type { AlertSchema, AlertTranslations } from '@xihan-ui/headless'\nimport type { Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideAlert, useAlertContext } from './context'\nimport { useAlert } from './use-alert'\n\ntype AlertProps = AlertSchema['props']\n\nexport const XhAlertRoot = defineComponent({\n  name: 'XhAlertRoot',\n  props: {\n    tone: String as PropType<Tone>,\n    // 三态：不传即由 connect 决定缺省，传 false 才真的关掉\n    closable: { type: Boolean, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    translations: Object as PropType<Partial<AlertTranslations>>,\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<AlertProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<AlertProps, 'onOpenChange'>['open']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AlertProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useAlert(withXhConfig('alert', props) as AlertProps, notify)\n    provideAlert(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertIcon = defineComponent({\n  name: 'XhAlertIcon',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('span', ctx.api.value.getIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertTitle = defineComponent({\n  name: 'XhAlertTitle',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertDescription = defineComponent({\n  name: 'XhAlertDescription',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertCloseTrigger = defineComponent({\n  name: 'XhAlertCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAWA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,MAAM;EAEN,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACjD,cAAc;CAChB;CAEA,OAAO;EACL,gBAAgB,aAAoD;EACpE,gBAAgB,UAAyD;CAC3E;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAY;GACtD,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,SAAS,aAAa,SAAS,KAAK,GAAiB,MAAM;EACvE,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 alert 相关实现。\n\nimport type { Tone } from '@xihan-ui/core'\nimport type { AlertSchema, AlertTranslations } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideAlert, useAlertContext } from './context'\nimport { useAlert } from './use-alert'\n\ntype AlertProps = AlertSchema['props']\n\nexport const XhAlertRoot = defineComponent({\n  name: 'XhAlertRoot',\n  props: {\n    tone: String as PropType<Tone>,\n    // 三态：不传即由 connect 决定缺省，传 false 才真的关掉\n    closable: { type: Boolean, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    translations: Object as PropType<Partial<AlertTranslations>>,\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<AlertProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<AlertProps, 'onOpenChange'>['open']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AlertProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useAlert(withXhConfig('alert', props) as AlertProps, notify)\n    provideAlert(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertIndicator = defineComponent({\n  name: 'XhAlertIndicator',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertContent = defineComponent({\n  name: 'XhAlertContent',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertTitle = defineComponent({\n  name: 'XhAlertTitle',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertDescription = defineComponent({\n  name: 'XhAlertDescription',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertAction = defineComponent({\n  name: 'XhAlertAction',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('div', ctx.api.value.getActionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAlertCloseTrigger = defineComponent({\n  name: 'XhAlertCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useAlertContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAkBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,MAAM;EAEN,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACjD,cAAc;CAChB;CAEA,OAAO;EACL,gBAAgB,aAAoD;EACpE,gBAAgB,UAAyD;CAC3E;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAY;GACtD,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,SAAS,aAAa,SAAS,KAAK,GAAiB,MAAM;EACvE,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/alert/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { AlertContext } from './use-alert'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AlertContext> = Symbol.for('xh-alert')\n\nexport function provideAlert(ctx: AlertContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAlertContext(): AlertContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Alert 部件必须用在 XhAlertRoot 内')\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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/alert/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { AlertContext } from './use-alert'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AlertContext> = Symbol.for('xh-alert')\n\nexport function provideAlert(ctx: AlertContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAlertContext(): AlertContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Alert 部件必须用在 XhAlertRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,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/alert/use-alert.js

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { alertMachine, connectAlert } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/alert/use-alert.ts
 function useAlert(props, onOpenChange) {
 	const service = useMachine(alertMachine, () => ({

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

@@ -1 +1 @@
-{"version":3,"file":"use-alert.js","names":[],"sources":["../../../src/components/alert/use-alert.ts"],"sourcesContent":["import type { AlertApi, AlertSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { alertMachine, connectAlert } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface AlertContext {\n  api: ComputedRef<AlertApi>\n}\n\nexport function useAlert(\n  props: AlertSchema['props'],\n  onOpenChange?: AlertSchema['props']['onOpenChange'],\n): AlertContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(alertMachine, () => ({ ...props, onOpenChange }), scope)\n  const api = computed(() => connectAlert(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,SACd,OACA,cACc;CAGd,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;CAAa,IAD3D,YAAY,MADZ,qBACsB,CAC6C,CAAC;CAElF,OAAO,EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD,EAAE;AACf"}
+{"version":3,"file":"use-alert.js","names":[],"sources":["../../../src/components/alert/use-alert.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use alert 相关实现。\n\nimport type { AlertApi, AlertSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { alertMachine, connectAlert } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface AlertContext {\n  api: ComputedRef<AlertApi>\n}\n\nexport function useAlert(\n  props: AlertSchema['props'],\n  onOpenChange?: AlertSchema['props']['onOpenChange'],\n): AlertContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(alertMachine, () => ({ ...props, onOpenChange }), scope)\n  const api = computed(() => connectAlert(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,SACd,OACA,cACc;CAGd,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;CAAa,IAD3D,YAAY,MADZ,qBACsB,CAC6C,CAAC;CAElF,OAAO,EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD,EAAE;AACf"}