@xihan-ui/vue 4.2.0 → 5.1.0

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

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { AccordionNode, AccordionSchema } from "@xihan-ui/headless";
 import { PropType, VNode } from "vue";
 import { ControlVariant, Direction, Orientation, Size, Tone } from "@xihan-ui/core";
-import { AccordionNode, AccordionSchema } from "@xihan-ui/headless";
 //#region src/components/accordion/accordion.d.ts
 type AccordionProps = AccordionSchema['props'];
 declare const XhAccordionRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -35,6 +35,9 @@ declare const XhAccordionRoot: import("vue").DefineComponent<import("vue").Extra
   };
   lazyMount: BooleanConstructor;
   unmountOnExit: BooleanConstructor;
+  contentRole: {
+    type: PropType<AccordionProps["contentRole"]>;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -71,6 +74,9 @@ declare const XhAccordionRoot: import("vue").DefineComponent<import("vue").Extra
   };
   lazyMount: BooleanConstructor;
   unmountOnExit: BooleanConstructor;
+  contentRole: {
+    type: PropType<AccordionProps["contentRole"]>;
+  };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").AccordionValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string[]) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"mappings":";;;;;KAgBK,iBAAiB;cAET,+BAAe,8BAAA;;IAGK,MAAA,SAAS;;;IACd,MAAA;;;IACO,MAAA;;;;;;;IAKJ,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IAEjB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;EAMN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAnBN,MAAA,SAAS;;;IACd,MAAA;;;IACO,MAAA;;;;;;;IAKJ,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IAEjB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;qCA0BnC;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAgB1B;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAoB7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"mappings":";;;;;KAkBK,iBAAiB;cAET,+BAAe,8BAAA;;IAGK,MAAA,SAAS;;;IACd,MAAA;;;IACO,MAAA;;;;;;;IAKJ,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IAEjB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;IAGF,MAAA,SAAS;;;;;EAIb,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IApBN,MAAA,SAAS;;;IACd,MAAA;;;IACO,MAAA;;;;;;;IAKJ,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IAEjB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;IAGF,MAAA,SAAS;;;;;;;;;;;;qCAoB1C;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAgB1B;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAoB7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/accordion/accordion.js

@@ -1,6 +1,8 @@
+import { renderStructure } from "../../runtime/structure.js";
 import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from "./context.js";
 import { useAccordion } from "./use-accordion.js";
+import { accordionStructure } from "@xihan-ui/headless";
 import { defineComponent, h, ref } from "vue";
 //#region src/components/accordion/accordion.ts
 const XhAccordionRoot = defineComponent({
@@ -19,7 +21,8 @@ const XhAccordionRoot = defineComponent({
 		tone: { type: String },
 		size: { type: String },
 		lazyMount: Boolean,
-		unmountOnExit: Boolean
+		unmountOnExit: Boolean,
+		contentRole: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -32,7 +35,7 @@ const XhAccordionRoot = defineComponent({
 		};
 		const ctx = useAccordion(props, notify);
 		provideAccordion(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.content) : []);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default() : renderDefaultStructure(ctx.api.value, slots.content));
 	}
 });
 const XhAccordionItem = defineComponent({
@@ -111,16 +114,20 @@ const XhAccordionIndicator = defineComponent({
 		return () => h("span", ctx.api.value.getIndicatorProps(item()), slots.default?.());
 	}
 });
+/** 标准结构里各部件对应的组件。 */
+const ACCORDION_PARTS = {
+	item: XhAccordionItem,
+	header: XhAccordionHeader,
+	trigger: XhAccordionTrigger,
+	indicator: XhAccordionIndicator,
+	content: XhAccordionContent
+};
 /**
-* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
-* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
-* 正文默认取 node.content，写 content 插槽即由作者接管。
+* 未写默认插槽时照 accordionStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。
+* 正文默认取 node.content，写 content 插槽即由作者接管；挂不挂由正文部件自己按挂载判定决定。
 */
-function renderDefaultTree(collection, contentSlot) {
-	return collection.map((node) => h(XhAccordionItem, {
-		key: node.value,
-		value: node.value
-	}, () => [h(XhAccordionHeader, null, () => [h(XhAccordionTrigger, null, () => [h("span", null, node.label), h(XhAccordionIndicator)])]), h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? "")]));
+function renderDefaultStructure(api, contentSlot) {
+	return renderStructure(accordionStructure(api, { slotted: (name) => name === "content" && contentSlot != null }), ACCORDION_PARTS, (node) => node.slot?.name === "content" ? contentSlot?.(node.data) ?? node.data.content : void 0);
 }
 //#endregion
 export { XhAccordionContent, XhAccordionHeader, XhAccordionIndicator, XhAccordionItem, XhAccordionItemSeparator, XhAccordionRoot, XhAccordionTrigger };

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

@@ -1 +1 @@
-{"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    lazyMount: Boolean,\n    unmountOnExit: Boolean,\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    }, ctx.api.value.isContentMounted(item(), visible.value) ? slots.default?.() : undefined)\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 { AccordionApi, AccordionNode, AccordionNodeMeta, AccordionSchema } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { accordionStructure } from '@xihan-ui/headless'\nimport { defineComponent, h, ref } from 'vue'\nimport { renderStructure } from '../../runtime/structure'\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    lazyMount: Boolean,\n    unmountOnExit: Boolean,\n    contentRole: { type: String as PropType<AccordionProps['contentRole']> },\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 ? slots.default() : renderDefaultStructure(ctx.api.value, slots.content),\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    }, ctx.api.value.isContentMounted(item(), visible.value) ? slots.default?.() : undefined)\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/** 标准结构里各部件对应的组件。 */\nconst ACCORDION_PARTS = {\n  item: XhAccordionItem,\n  header: XhAccordionHeader,\n  trigger: XhAccordionTrigger,\n  indicator: XhAccordionIndicator,\n  content: XhAccordionContent,\n}\n\n/**\n * 未写默认插槽时照 accordionStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。\n * 正文默认取 node.content，写 content 插槽即由作者接管；挂不挂由正文部件自己按挂载判定决定。\n */\nfunction renderDefaultStructure(api: AccordionApi, contentSlot?: (node: AccordionNodeMeta) => VNode[]): VNode[] {\n  const nodes = accordionStructure(api, { slotted: name => name === 'content' && contentSlot != null })\n  return renderStructure(nodes, ACCORDION_PARTS, node =>\n    node.slot?.name === 'content' ? contentSlot?.(node.data as AccordionNodeMeta) ?? (node.data as AccordionNodeMeta).content : undefined)\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
+import { AccordionApi, AccordionSchema } from "@xihan-ui/headless";
 import { ComputedRef } from "vue";
 import { RuntimeConfig } from "@xihan-ui/core";
-import { AccordionApi, AccordionSchema } from "@xihan-ui/headless";
 //#region src/components/accordion/use-accordion.d.ts
 interface AccordionContext {
   api: ComputedRef<AccordionApi>;

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

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

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

@@ -1,6 +1,6 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { AffixApi, AffixSchema } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/affix/affix.d.ts
 type AffixProps = AffixSchema['props'];
 /** 默认插槽的载荷：当前是否处于吸附状态。 */

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

@@ -1,6 +1,6 @@
+import { AffixApi, AffixSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { AffixApi, AffixSchema } from "@xihan-ui/headless";
 //#region src/components/affix/use-affix.d.ts
 interface AffixContext {
   api: ComputedRef<AffixApi>;

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

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

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

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { AlertSchema, AlertTranslations } from "@xihan-ui/headless";
 import { PropType } from "vue";
 import { Tone } from "@xihan-ui/core";
-import { AlertSchema, AlertTranslations } from "@xihan-ui/headless";
 //#region src/components/alert/alert.d.ts
 type AlertProps = AlertSchema['props'];
 declare const XhAlertRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.ts"],"mappings":";;;;;KAgBK,aAAa;cAEL,2BAAW,8BAAA;EAGJ,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAXjB,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,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"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.ts"],"mappings":";;;;;KAiBK,aAAa;cAEL,2BAAW,8BAAA;EAGJ,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAXjB,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,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;;8BAOvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAQ7B,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

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useDescriptionPart, useTitleDescriptionPart } from "../../runtime/title-description.js";
 import { provideAlert, useAlertContext } from "./context.js";
 import { useAlert } from "./use-alert.js";
 import { defineComponent, h } from "vue";
@@ -57,6 +58,7 @@ const XhAlertTitle = defineComponent({
 	name: "XhAlertTitle",
 	setup(_, { slots }) {
 		const ctx = useAlertContext();
+		useTitleDescriptionPart(ctx.presence, "title");
 		return () => h("div", ctx.api.value.getTitleProps(), slots.default?.());
 	}
 });
@@ -64,7 +66,11 @@ const XhAlertDescription = defineComponent({
 	name: "XhAlertDescription",
 	setup(_, { slots }) {
 		const ctx = useAlertContext();
-		return () => h("div", ctx.api.value.getDescriptionProps(), slots.default?.());
+		const el = useDescriptionPart(ctx.presence);
+		return () => h("div", {
+			...ctx.api.value.getDescriptionProps(),
+			ref: el
+		}, slots.default?.());
 	}
 });
 const XhAlertAction = defineComponent({

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

@@ -1 +1 @@
-{"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    banner: { 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,QAAQ;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC5C,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"}
+{"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 { useDescriptionPart, useTitleDescriptionPart } from '../../runtime/title-description'\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    banner: { 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    useTitleDescriptionPart(ctx.presence, 'title')\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    // 读不出一句话的说明不进描述链\n    const el = useDescriptionPart(ctx.presence)\n    return () => h('div', { ...ctx.api.value.getDescriptionProps() as Record<string, unknown>, ref: el }, 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":";;;;;;AAmBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,MAAM;EAEN,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,QAAQ;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC5C,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,wBAAwB,IAAI,UAAU,OAAO;EAC7C,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;EAE5B,MAAM,KAAK,mBAAmB,IAAI,QAAQ;EAC1C,aAAa,EAAE,OAAO;GAAE,GAAG,IAAI,IAAI,MAAM,oBAAoB;GAA8B,KAAK;EAAG,GAAG,MAAM,UAAU,CAAC;CACzH;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/use-alert.js

@@ -1,16 +1,23 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { useTitleDescriptionPresence } from "../../runtime/title-description.js";
+import { alertMachine, connectAlert } from "@xihan-ui/headless";
 import { computed } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { alertMachine, connectAlert } from "@xihan-ui/headless";
 //#region src/components/alert/use-alert.ts
 function useAlert(props, onOpenChange) {
+	const scope = createScope(null, createVueIdGenerator());
+	const presence = useTitleDescriptionPresence();
 	const service = useMachine(alertMachine, () => ({
 		...props,
+		parts: presence.parts.value,
 		onOpenChange
-	}), createScope(null, createVueIdGenerator()));
-	return { api: computed(() => connectAlert(service, vueNormalize)) };
+	}), scope);
+	return {
+		api: computed(() => connectAlert(service, vueNormalize)),
+		presence
+	};
 }
 //#endregion
 export { useAlert };

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":["/*\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"}
+{"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 type { TitleDescriptionPresence } from '../../runtime/title-description'\nimport { createScope } from '@xihan-ui/core'\nimport { alertMachine, connectAlert } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useTitleDescriptionPresence } from '../../runtime/title-description'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface AlertContext {\n  api: ComputedRef<AlertApi>\n  /** 标题与说明在不在场，由 XhAlertTitle / XhAlertDescription 登记；只引用在场的部件。 */\n  presence: TitleDescriptionPresence\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 presence = useTitleDescriptionPresence()\n  const service = useMachine(alertMachine, () => ({ ...props, parts: presence.parts.value, onOpenChange }), scope)\n  const api = computed(() => connectAlert(service, vueNormalize))\n  return { api, presence }\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,SACd,OACA,cACc;CAEd,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,WAAW,4BAA4B;CAC7C,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO,OAAO,SAAS,MAAM;EAAO;CAAa,IAAI,KAAK;CAE/G,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAS;AACzB"}

package/dist/components/anchor/anchor.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { AnchorSchema, AnchorTranslations } from "@xihan-ui/headless";
 import { PropType } from "vue";
 import { Direction, Orientation, Size, Tone } from "@xihan-ui/core";
-import { AnchorSchema, AnchorTranslations } from "@xihan-ui/headless";
 //#region src/components/anchor/anchor.d.ts
 type AnchorProps = AnchorSchema['props'];
 /** 根节点渲染为 nav 地标 */

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

@@ -1,6 +1,6 @@
+import { AnchorApi, AnchorSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { AnchorApi, AnchorSchema } from "@xihan-ui/headless";
 //#region src/components/anchor/use-anchor.d.ts
 interface AnchorContext {
   api: ComputedRef<AnchorApi>;

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

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed, ref } from "vue";
 import { anchorMachine, connectAnchor } from "@xihan-ui/headless";
+import { computed, ref } from "vue";
 //#region src/components/anchor/use-anchor.ts
 /** Anchor 不派生 part id，故不另建 scope；getTargetEl 返回判定线所依附的滚动容器，null 即挂在窗口上。 */
 function useAnchor(props, onValueChange, getTargetEl = () => null) {

package/dist/components/approval/approval.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { ApprovalApi, ApprovalSchema, ApprovalScope, ApprovalStatus, ApprovalTranslations } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { ControlVariant, Size, Tone } from "@xihan-ui/core";
-import { ApprovalApi, ApprovalSchema, ApprovalScope, ApprovalStatus, ApprovalTranslations } from "@xihan-ui/headless";
 //#region src/components/approval/approval.d.ts
 type Props = ApprovalSchema['props'];
 /** 默认插槽的载荷：判定状态、是否可批准，以及三个动作入口。 */

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

@@ -1 +1 @@
-{"version":3,"file":"approval.d.ts","names":[],"sources":["../../../src/components/approval/approval.ts"],"mappings":";;;;;KAgBK,QAAQ;;KAGD,wBAAwB,KAClC;;UAKe;EACf,OAAO;EACP;;cAGW,8BAAc,8BAAA;;;;;IAIG,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;IAEjB,MAAA,kBAAkB;;;IACX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAQf,MAAA;;;IACG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAG1B,WAAA,UAAA,UAAU;EACG,0BAAA,UAAA,UAAU;EACb,yBAAA;EACP,gBAAA,UAAA,UAAU;EACZ,gBAAA;;;;;;IAxBE,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;IAEjB,MAAA,kBAAkB;;;IACX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAQf,MAAA;;;IACG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,0BAA0B;kCA6B9C;;cAGW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,2BAA2B;kCAgB/C;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;MAalC,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAc7B,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAOzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"approval.d.ts","names":[],"sources":["../../../src/components/approval/approval.ts"],"mappings":";;;;;KAiBK,QAAQ;;KAGD,wBAAwB,KAClC;;UAKe;EACf,OAAO;EACP;;cAGW,8BAAc,8BAAA;;;;;IAIG,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;IAEjB,MAAA,kBAAkB;;;IACX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAQf,MAAA;;;IACG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAG1B,WAAA,UAAA,UAAU;EACG,0BAAA,UAAA,UAAU;EACb,yBAAA;EACP,gBAAA,UAAA,UAAU;EACZ,gBAAA;;;;;;IAxBE,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;IAEjB,MAAA,kBAAkB;;;IACX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAQf,MAAA;;;IACG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,0BAA0B;kCA6B9C;;cAGW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAQhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,2BAA2B;kCAgB/C;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;MAalC,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAc7B,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAOzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/approval/approval.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useDescriptionPart, useTitleDescriptionPart } from "../../runtime/title-description.js";
 import { provideApproval, useApprovalContext } from "./context.js";
 import { useApproval } from "./use-approval.js";
 import { defineComponent, h } from "vue";
@@ -79,6 +80,7 @@ const XhApprovalTitle = defineComponent({
 	name: "XhApprovalTitle",
 	setup(_, { slots }) {
 		const ctx = useApprovalContext();
+		useTitleDescriptionPart(ctx.presence, "title");
 		return () => h("h3", ctx.api.value.getTitleProps(), slots.default?.());
 	}
 });
@@ -86,7 +88,11 @@ const XhApprovalDescription = defineComponent({
 	name: "XhApprovalDescription",
 	setup(_, { slots }) {
 		const ctx = useApprovalContext();
-		return () => h("p", ctx.api.value.getDescriptionProps(), slots.default?.());
+		const el = useDescriptionPart(ctx.presence);
+		return () => h("p", {
+			...ctx.api.value.getDescriptionProps(),
+			ref: el
+		}, slots.default?.());
 	}
 });
 const XhApprovalLiveRegion = defineComponent({

package/dist/components/approval/approval.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval.js","names":[],"sources":["../../../src/components/approval/approval.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// 提供 approval 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ApprovalApi, ApprovalSchema, ApprovalScope, ApprovalStatus, ApprovalTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideApproval, useApprovalContext } from './context'\nimport { useApproval } from './use-approval'\n\ntype Props = ApprovalSchema['props']\n\n/** 默认插槽的载荷：判定状态、是否可批准，以及三个动作入口。 */\nexport type ApprovalRootSlotProps = Pick<\n  ApprovalApi,\n  'status' | 'settled' | 'loading' | 'grantedScopes' | 'note' | 'canApprove' | 'announcement' | 'approve' | 'deny' | 'setGrantedScopes' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface ApprovalScopeSlotProps {\n  scope: ApprovalScope\n  granted: boolean\n}\n\nexport const XhApprovalRoot = defineComponent({\n  name: 'XhApprovalRoot',\n  props: {\n    requestId: { type: String },\n    status: { type: String as PropType<ApprovalStatus> },\n    defaultStatus: { type: String as PropType<ApprovalStatus> },\n    timeoutMs: { type: Number },\n    scopes: { type: Array as PropType<readonly ApprovalScope[]> },\n    grantedScopes: { type: Array as PropType<readonly string[]> },\n    defaultGrantedScopes: { type: Array as PropType<readonly string[]> },\n    note: { type: String },\n    defaultNote: { type: String },\n    loading: Boolean,\n    // 用 undefined 而非裸 Boolean，缺省值由机器与 connect 给出\n    denyOnEscape: { type: Boolean, default: undefined },\n    denyOnUnmount: { type: Boolean, default: undefined },\n    requireReason: Boolean,\n    live: { type: String as PropType<'polite' | 'assertive'> },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<ApprovalTranslations>> },\n  },\n  emits: {\n    'decision': (_details: PayloadOf<Props, 'onDecision'>) => true,\n    'granted-scopes-change': (_details: PayloadOf<Props, 'onGrantedScopesChange'>) => true,\n    'update:grantedScopes': (_value: string[]) => true,\n    'note-change': (_details: PayloadOf<Props, 'onNoteChange'>) => true,\n    'update:note': (_value: string) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ApprovalRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useApproval(withXhConfig('approval', props) as Props, {\n      onDecision: details => emit('decision', details),\n      onGrantedScopesChange: (details) => {\n        emit('granted-scopes-change', details)\n        emit('update:grantedScopes', details.value)\n      },\n      onNoteChange: (details) => {\n        emit('note-change', details)\n        emit('update:note', details.value)\n      },\n    })\n    provideApproval(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      settled: ctx.api.value.settled,\n      loading: ctx.api.value.loading,\n      grantedScopes: ctx.api.value.grantedScopes,\n      note: ctx.api.value.note,\n      canApprove: ctx.api.value.canApprove,\n      announcement: ctx.api.value.announcement,\n      approve: ctx.api.value.approve,\n      deny: ctx.api.value.deny,\n      setGrantedScopes: ctx.api.value.setGrantedScopes,\n      setNote: ctx.api.value.setNote,\n    }))\n  },\n})\n\n/** 待决时的呼吸点：放在标题旁，判过即收。 */\nexport const XhApprovalPendingIndicator = defineComponent({\n  name: 'XhApprovalPendingIndicator',\n  setup() {\n    const ctx = useApprovalContext()\n    return () => h('span', ctx.api.value.getPendingIndicatorProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhApprovalTitle = defineComponent({\n  name: 'XhApprovalTitle',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('h3', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalDescription = defineComponent({\n  name: 'XhApprovalDescription',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalLiveRegion = defineComponent({\n  name: 'XhApprovalLiveRegion',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 不给内容时念状态对应的那一句\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.announcement,\n    )\n  },\n})\n\nexport const XhApprovalGroup = defineComponent({\n  name: 'XhApprovalGroup',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('div', ctx.api.value.getGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalItem = defineComponent({\n  name: 'XhApprovalItem',\n  props: {\n    scopeValue: { type: String, required: true },\n    scopeLabel: { type: String },\n    scopeRequired: { type: Boolean, default: undefined },\n    scopeDisabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ApprovalScopeSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    const scope = (): ApprovalScope => ({\n      value: props.scopeValue,\n      label: props.scopeLabel,\n      required: props.scopeRequired,\n      disabled: props.scopeDisabled,\n    })\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps(scope()) as Record<string, unknown>,\n      slots.default?.({ scope: scope(), granted: ctx.api.value.isScopeGranted(props.scopeValue) }),\n    )\n  },\n})\n\nexport const XhApprovalItemIndicator = defineComponent({\n  name: 'XhApprovalItemIndicator',\n  props: {\n    scopeValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h(\n      'span',\n      ctx.api.value.getItemIndicatorProps({ value: props.scopeValue }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhApprovalItemText = defineComponent({\n  name: 'XhApprovalItemText',\n  props: {\n    scopeValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    // 排在勾选项之内，文本自然构成它的可及名\n    return () => h(\n      'span',\n      ctx.api.value.getItemTextProps({ value: props.scopeValue }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhApprovalNote = defineComponent({\n  name: 'XhApprovalNote',\n  setup() {\n    const ctx = useApprovalContext()\n    // 自闭合的输入格，内容由 value 给，不收插槽\n    return () => h('input', ctx.api.value.getNoteProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhApprovalTimer = defineComponent({\n  name: 'XhApprovalTimer',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 对读屏隐藏：逐秒变化的数字进活区会不停打断\n    return () => h('div', ctx.api.value.getTimerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalResult = defineComponent({\n  name: 'XhApprovalResult',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 判定落定后才露出；文字由播报区念，这一格对读屏隐藏\n    return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalFooter = defineComponent({\n  name: 'XhApprovalFooter',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalApproveTrigger = defineComponent({\n  name: 'XhApprovalApproveTrigger',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('button', ctx.api.value.getApproveTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalDenyTrigger = defineComponent({\n  name: 'XhApprovalDenyTrigger',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('button', ctx.api.value.getDenyTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"approval.js","names":[],"sources":["../../../src/components/approval/approval.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// 提供 approval 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ApprovalApi, ApprovalSchema, ApprovalScope, ApprovalStatus, ApprovalTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useDescriptionPart, useTitleDescriptionPart } from '../../runtime/title-description'\nimport { provideApproval, useApprovalContext } from './context'\nimport { useApproval } from './use-approval'\n\ntype Props = ApprovalSchema['props']\n\n/** 默认插槽的载荷：判定状态、是否可批准，以及三个动作入口。 */\nexport type ApprovalRootSlotProps = Pick<\n  ApprovalApi,\n  'status' | 'settled' | 'loading' | 'grantedScopes' | 'note' | 'canApprove' | 'announcement' | 'approve' | 'deny' | 'setGrantedScopes' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface ApprovalScopeSlotProps {\n  scope: ApprovalScope\n  granted: boolean\n}\n\nexport const XhApprovalRoot = defineComponent({\n  name: 'XhApprovalRoot',\n  props: {\n    requestId: { type: String },\n    status: { type: String as PropType<ApprovalStatus> },\n    defaultStatus: { type: String as PropType<ApprovalStatus> },\n    timeoutMs: { type: Number },\n    scopes: { type: Array as PropType<readonly ApprovalScope[]> },\n    grantedScopes: { type: Array as PropType<readonly string[]> },\n    defaultGrantedScopes: { type: Array as PropType<readonly string[]> },\n    note: { type: String },\n    defaultNote: { type: String },\n    loading: Boolean,\n    // 用 undefined 而非裸 Boolean，缺省值由机器与 connect 给出\n    denyOnEscape: { type: Boolean, default: undefined },\n    denyOnUnmount: { type: Boolean, default: undefined },\n    requireReason: Boolean,\n    live: { type: String as PropType<'polite' | 'assertive'> },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<ApprovalTranslations>> },\n  },\n  emits: {\n    'decision': (_details: PayloadOf<Props, 'onDecision'>) => true,\n    'granted-scopes-change': (_details: PayloadOf<Props, 'onGrantedScopesChange'>) => true,\n    'update:grantedScopes': (_value: string[]) => true,\n    'note-change': (_details: PayloadOf<Props, 'onNoteChange'>) => true,\n    'update:note': (_value: string) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ApprovalRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useApproval(withXhConfig('approval', props) as Props, {\n      onDecision: details => emit('decision', details),\n      onGrantedScopesChange: (details) => {\n        emit('granted-scopes-change', details)\n        emit('update:grantedScopes', details.value)\n      },\n      onNoteChange: (details) => {\n        emit('note-change', details)\n        emit('update:note', details.value)\n      },\n    })\n    provideApproval(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      settled: ctx.api.value.settled,\n      loading: ctx.api.value.loading,\n      grantedScopes: ctx.api.value.grantedScopes,\n      note: ctx.api.value.note,\n      canApprove: ctx.api.value.canApprove,\n      announcement: ctx.api.value.announcement,\n      approve: ctx.api.value.approve,\n      deny: ctx.api.value.deny,\n      setGrantedScopes: ctx.api.value.setGrantedScopes,\n      setNote: ctx.api.value.setNote,\n    }))\n  },\n})\n\n/** 待决时的呼吸点：放在标题旁，判过即收。 */\nexport const XhApprovalPendingIndicator = defineComponent({\n  name: 'XhApprovalPendingIndicator',\n  setup() {\n    const ctx = useApprovalContext()\n    return () => h('span', ctx.api.value.getPendingIndicatorProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhApprovalTitle = defineComponent({\n  name: 'XhApprovalTitle',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    useTitleDescriptionPart(ctx.presence, 'title')\n    return () => h('h3', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalDescription = defineComponent({\n  name: 'XhApprovalDescription',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 读不出一句话的说明不进描述链\n    const el = useDescriptionPart(ctx.presence)\n    return () => h('p', { ...ctx.api.value.getDescriptionProps() as Record<string, unknown>, ref: el }, slots.default?.())\n  },\n})\n\nexport const XhApprovalLiveRegion = defineComponent({\n  name: 'XhApprovalLiveRegion',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 不给内容时念状态对应的那一句\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.announcement,\n    )\n  },\n})\n\nexport const XhApprovalGroup = defineComponent({\n  name: 'XhApprovalGroup',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('div', ctx.api.value.getGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalItem = defineComponent({\n  name: 'XhApprovalItem',\n  props: {\n    scopeValue: { type: String, required: true },\n    scopeLabel: { type: String },\n    scopeRequired: { type: Boolean, default: undefined },\n    scopeDisabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ApprovalScopeSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    const scope = (): ApprovalScope => ({\n      value: props.scopeValue,\n      label: props.scopeLabel,\n      required: props.scopeRequired,\n      disabled: props.scopeDisabled,\n    })\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps(scope()) as Record<string, unknown>,\n      slots.default?.({ scope: scope(), granted: ctx.api.value.isScopeGranted(props.scopeValue) }),\n    )\n  },\n})\n\nexport const XhApprovalItemIndicator = defineComponent({\n  name: 'XhApprovalItemIndicator',\n  props: {\n    scopeValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h(\n      'span',\n      ctx.api.value.getItemIndicatorProps({ value: props.scopeValue }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhApprovalItemText = defineComponent({\n  name: 'XhApprovalItemText',\n  props: {\n    scopeValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useApprovalContext()\n    // 排在勾选项之内，文本自然构成它的可及名\n    return () => h(\n      'span',\n      ctx.api.value.getItemTextProps({ value: props.scopeValue }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhApprovalNote = defineComponent({\n  name: 'XhApprovalNote',\n  setup() {\n    const ctx = useApprovalContext()\n    // 自闭合的输入格，内容由 value 给，不收插槽\n    return () => h('input', ctx.api.value.getNoteProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhApprovalTimer = defineComponent({\n  name: 'XhApprovalTimer',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 对读屏隐藏：逐秒变化的数字进活区会不停打断\n    return () => h('div', ctx.api.value.getTimerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalResult = defineComponent({\n  name: 'XhApprovalResult',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    // 判定落定后才露出；文字由播报区念，这一格对读屏隐藏\n    return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalFooter = defineComponent({\n  name: 'XhApprovalFooter',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalApproveTrigger = defineComponent({\n  name: 'XhApprovalApproveTrigger',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('button', ctx.api.value.getApproveTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhApprovalDenyTrigger = defineComponent({\n  name: 'XhApprovalDenyTrigger',\n  setup(_, { slots }) {\n    const ctx = useApprovalContext()\n    return () => h('button', ctx.api.value.getDenyTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
-import { ComputedRef } from "vue";
+import { TitleDescriptionPresence } from "../../runtime/title-description.js";
 import { ApprovalApi, ApprovalSchema } from "@xihan-ui/headless";
+import { ComputedRef } from "vue";
 //#region src/components/approval/use-approval.d.ts
 type Props = ApprovalSchema['props'];
 interface ApprovalCallbacks {
@@ -9,6 +10,8 @@ interface ApprovalCallbacks {
 }
 interface ApprovalContext {
   api: ComputedRef<ApprovalApi>;
+  /** 标题与说明在不在场，由 XhApprovalTitle / XhApprovalDescription 登记；只引用在场的部件。 */
+  presence: TitleDescriptionPresence;
 }
 declare function useApproval(props: Props, callbacks?: ApprovalCallbacks): ApprovalContext;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-approval.d.ts","names":[],"sources":["../../../src/components/approval/use-approval.ts"],"mappings":";;;KAgBK,QAAQ;UAEI;EACf,aAAa;EACb,wBAAwB;EACxB,eAAe;;UAGA;EACf,KAAK,YAAY;;iBAGH,YAAY,OAAO,OAAO,YAAW,oBAAyB"}
+{"version":3,"file":"use-approval.d.ts","names":[],"sources":["../../../src/components/approval/use-approval.ts"],"mappings":";;;;KAkBK,QAAQ;UAEI;EACf,aAAa;EACb,wBAAwB;EACxB,eAAe;;UAGA;EACf,KAAK,YAAY;;EAEjB,UAAU;;iBAGI,YAAY,OAAO,OAAO,YAAW,oBAAyB"}

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

@@ -1,16 +1,23 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { useTitleDescriptionPresence } from "../../runtime/title-description.js";
+import { approvalMachine, connectApproval } from "@xihan-ui/headless";
 import { computed } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { approvalMachine, connectApproval } from "@xihan-ui/headless";
 //#region src/components/approval/use-approval.ts
 function useApproval(props, callbacks = {}) {
+	const scope = createScope(null, createVueIdGenerator());
+	const presence = useTitleDescriptionPresence();
 	const service = useMachine(approvalMachine, () => ({
 		...props,
+		parts: presence.parts.value,
 		...callbacks
-	}), createScope(null, createVueIdGenerator()));
-	return { api: computed(() => connectApproval(service, vueNormalize)) };
+	}), scope);
+	return {
+		api: computed(() => connectApproval(service, vueNormalize)),
+		presence
+	};
 }
 //#endregion
 export { useApproval };

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

@@ -1 +1 @@
-{"version":3,"file":"use-approval.js","names":[],"sources":["../../../src/components/approval/use-approval.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 approval 相关实现。\n\nimport type { ApprovalApi, ApprovalSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { approvalMachine, connectApproval } 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\ntype Props = ApprovalSchema['props']\n\nexport interface ApprovalCallbacks {\n  onDecision?: Props['onDecision']\n  onGrantedScopesChange?: Props['onGrantedScopesChange']\n  onNoteChange?: Props['onNoteChange']\n}\n\nexport interface ApprovalContext {\n  api: ComputedRef<ApprovalApi>\n}\n\nexport function useApproval(props: Props, callbacks: ApprovalCallbacks = {}): ApprovalContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(approvalMachine, () => ({ ...props, ...callbacks }), scope)\n  const api = computed(() => connectApproval(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,YAAY,OAAc,YAA+B,CAAC,GAAoB;CAG5F,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAU,IAD9D,YAAY,MADZ,qBACsB,CACgD,CAAC;CAErF,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}
+{"version":3,"file":"use-approval.js","names":[],"sources":["../../../src/components/approval/use-approval.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 approval 相关实现。\n\nimport type { ApprovalApi, ApprovalSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport type { TitleDescriptionPresence } from '../../runtime/title-description'\nimport { createScope } from '@xihan-ui/core'\nimport { approvalMachine, connectApproval } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useTitleDescriptionPresence } from '../../runtime/title-description'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\ntype Props = ApprovalSchema['props']\n\nexport interface ApprovalCallbacks {\n  onDecision?: Props['onDecision']\n  onGrantedScopesChange?: Props['onGrantedScopesChange']\n  onNoteChange?: Props['onNoteChange']\n}\n\nexport interface ApprovalContext {\n  api: ComputedRef<ApprovalApi>\n  /** 标题与说明在不在场，由 XhApprovalTitle / XhApprovalDescription 登记；只引用在场的部件。 */\n  presence: TitleDescriptionPresence\n}\n\nexport function useApproval(props: Props, callbacks: ApprovalCallbacks = {}): ApprovalContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const presence = useTitleDescriptionPresence()\n  const service = useMachine(approvalMachine, () => ({ ...props, parts: presence.parts.value, ...callbacks }), scope)\n  const api = computed(() => connectApproval(service, vueNormalize))\n  return { api, presence }\n}\n"],"mappings":";;;;;;;;AAgCA,SAAgB,YAAY,OAAc,YAA+B,CAAC,GAAoB;CAE5F,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,WAAW,4BAA4B;CAC7C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,OAAO,SAAS,MAAM;EAAO,GAAG;CAAU,IAAI,KAAK;CAElH,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;CAAS;AACzB"}

package/dist/components/avatar/avatar.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { AvatarSchema } from "@xihan-ui/headless";
 import { PropType } from "vue";
 import { Size, Tone } from "@xihan-ui/core";
-import { AvatarSchema } from "@xihan-ui/headless";
 //#region src/components/avatar/avatar.d.ts
 type AvatarProps = AvatarSchema['props'];
 declare const XhAvatarRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1,6 +1,6 @@
+import { AvatarApi, AvatarSchema } from "@xihan-ui/headless";
 import { ComputedRef } from "vue";
 import { Service } from "@xihan-ui/core";
-import { AvatarApi, AvatarSchema } from "@xihan-ui/headless";
 //#region src/components/avatar/use-avatar.d.ts
 interface AvatarContext {
   service: Service<AvatarSchema>;

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

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { avatarMachine, connectAvatar } from "@xihan-ui/headless";
 import { computed } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { avatarMachine, connectAvatar } from "@xihan-ui/headless";
 //#region src/components/avatar/use-avatar.ts
 function useAvatar(props, onStatusChange) {
 	const service = useMachine(avatarMachine, () => ({

package/dist/components/avatar-group/avatar-group.js

@@ -1,8 +1,8 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { withXhConfig } from "../../config/config.js";
 import { provideAvatarGroup, useAvatarGroupContext } from "./context.js";
-import { computed, defineComponent, h } from "vue";
 import { connectAvatarGroup } from "@xihan-ui/headless";
+import { computed, defineComponent, h } from "vue";
 //#region src/components/avatar-group/avatar-group.ts
 const XhAvatarGroupRoot = defineComponent({
 	name: "XhAvatarGroupRoot",

package/dist/components/avatar-group/context.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef } from "vue";
 import { AvatarGroupApi } from "@xihan-ui/headless";
+import { ComputedRef } from "vue";
 //#region src/components/avatar-group/context.d.ts
 interface AvatarGroupContext {
   api: ComputedRef<AvatarGroupApi>;

package/dist/components/back-top/back-top.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { BackTopApi, BackTopBehavior, BackTopSchema, BackTopTranslations } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { ActionVariant, Size, Tone } from "@xihan-ui/core";
-import { BackTopApi, BackTopBehavior, BackTopSchema, BackTopTranslations } from "@xihan-ui/headless";
 //#region src/components/back-top/back-top.d.ts
 type BackTopProps = BackTopSchema['props'];
 /** 默认插槽的载荷：按钮当前是否显示。 */

package/dist/components/back-top/use-back-top.d.ts

@@ -1,6 +1,6 @@
+import { BackTopApi, BackTopSchema } from "@xihan-ui/headless";
 import { ComputedRef } from "vue";
 import { Service } from "@xihan-ui/core";
-import { BackTopApi, BackTopSchema } from "@xihan-ui/headless";
 //#region src/components/back-top/use-back-top.d.ts
 interface BackTopContext {
   api: ComputedRef<BackTopApi>;

package/dist/components/back-top/use-back-top.js

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { backTopMachine, connectBackTop } from "@xihan-ui/headless";
 import { computed } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { backTopMachine, connectBackTop } from "@xihan-ui/headless";
 //#region src/components/back-top/use-back-top.ts
 /** getTargetEl 返回滚动容器，null 即整页滚动；滚动量的观察在状态机的效应中运行。 */
 function useBackTop(props, onVisibilityChange, getTargetEl = () => null) {