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

package/dist/components/accordion/accordion.js

@@ -1,6 +1,7 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from "./context.js";
 import { useAccordion } from "./use-accordion.js";
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 //#region src/components/accordion/accordion.ts
 const XhAccordionRoot = defineComponent({
 	name: "XhAccordionRoot",
@@ -95,7 +96,19 @@ const XhAccordionContent = defineComponent({
 	setup(_, { slots }) {
 		const ctx = useAccordionContext();
 		const item = useAccordionItem();
-		return () => h("div", ctx.api.value.getContentProps(item()), slots.default?.());
+		const contentRef = ref(null);
+		const visible = useOverlayExit({
+			config: ctx.config,
+			isOpen: () => ctx.api.value.isOpen(item().value),
+			contentRef
+		});
+		return () => h("div", {
+			...ctx.api.value.getContentProps(item()),
+			style: visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				contentRef.value = el;
+			}
+		}, slots.default?.());
 	}
 });
 const XhAccordionIndicator = defineComponent({

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 } from 'vue'\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    return () => h('div', ctx.api.value.getContentProps(item()) as Record<string, unknown>, 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":["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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"}

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

@@ -1,8 +1,11 @@
 import { ComputedRef } from "vue";
 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，闸门退化成跟着展开态。 */
+  config: RuntimeConfig | null;
 }
 declare function useAccordion(props: AccordionSchema['props'], onValueChange?: AccordionSchema['props']['onValueChange']): AccordionContext;
 //#endregion

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":";;;UASiB;EACf,KAAK,YAAY;;iBAGH,aACd,OAAO,0BACP,gBAAgB,4CACf"}
+{"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"}

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

@@ -3,14 +3,25 @@ import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
 import { accordionMachine, connectAccordion } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
+import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 //#region src/components/accordion/use-accordion.ts
 function useAccordion(props, onValueChange) {
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
 	const service = useMachine(accordionMachine, () => ({
 		...props,
 		onValueChange
-	}), createScope(null, createVueIdGenerator()));
-	return { api: computed(() => connectAccordion(service, vueNormalize)) };
+	}), scope);
+	const api = computed(() => connectAccordion(service, vueNormalize));
+	let config = null;
+	if (typeof document !== "undefined") config = createRuntimeConfig({
+		scope,
+		idGenerator: idGen
+	});
+	return {
+		api,
+		config
+	};
 }
 //#endregion
 export { useAccordion };

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 { ComputedRef } from 'vue'\nimport { accordionMachine, connectAccordion } 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 AccordionContext {\n  api: ComputedRef<AccordionApi>\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  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,aACd,OACA,eACkB;CAGlB,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAc,IADhE,YAAY,MADZ,qBACsB,CACkD,CAAC;CAEvF,OAAO,EAAE,KADG,eAAe,iBAAiB,SAAS,YAAY,CACtD,EAAE;AACf"}
+{"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"}

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

@@ -106,12 +106,12 @@ declare const XhAnchorRoot: import("vue").DefineComponent<import("vue").ExtractP
   "onValue-change"?: ((_details: import("@xihan-ui/headless").AnchorValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
 }>, {
+  size: Size;
   value: string | null;
   defaultValue: string | null;
   orientation: Orientation;
   dir: Direction;
   tone: Tone;
-  size: Size;
   translations: Partial<AnchorTranslations>;
   targets: readonly string[];
   offset: number;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","names":[],"sources":["../../../src/components/avatar-group/avatar-group.ts"],"mappings":";;;cAQa,iCAAiB,8BAAA;;;;;;IAKF,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;qCAOnC;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"avatar-group.d.ts","names":[],"sources":["../../../src/components/avatar-group/avatar-group.ts"],"mappings":";;;cASa,iCAAiB,8BAAA;;;;;;IAKF,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;qCAOnC;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

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

@@ -1,4 +1,5 @@
 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";
@@ -16,7 +17,7 @@ const XhAvatarGroupRoot = defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		const api = computed(() => connectAvatarGroup(props, vueNormalize));
+		const api = computed(() => connectAvatarGroup(withXhConfig("avatar-group", props), vueNormalize));
 		provideAvatarGroup({ api });
 		return () => h("div", api.value.getRootProps(), slots.default?.());
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../src/components/avatar-group/avatar-group.ts"],"sourcesContent":["import type { AvatarGroupProps } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectAvatarGroup } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideAvatarGroup, useAvatarGroupContext } from './context'\n\nexport const XhAvatarGroupRoot = defineComponent({\n  name: 'XhAvatarGroupRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    max: { type: Number, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectAvatarGroup(props as AvatarGroupProps, vueNormalize))\n    provideAvatarGroup({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAvatarGroupOverflow = defineComponent({\n  name: 'XhAvatarGroupOverflow',\n  setup(_, { slots }) {\n    const ctx = useAvatarGroupContext()\n    // 「+N」的文本由作者写进插槽\n    return () => h('span', ctx.api.value.getOverflowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,mBAAmB,OAA2B,YAAY,CAAC;EACtF,mBAAmB,EAAE,IAAI,CAAC;EAC1B,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAElC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC"}
+{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../src/components/avatar-group/avatar-group.ts"],"sourcesContent":["import type { AvatarGroupProps } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectAvatarGroup } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideAvatarGroup, useAvatarGroupContext } from './context'\n\nexport const XhAvatarGroupRoot = defineComponent({\n  name: 'XhAvatarGroupRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    max: { type: Number, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectAvatarGroup(withXhConfig('avatar-group', props) as AvatarGroupProps, vueNormalize))\n    provideAvatarGroup({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAvatarGroupOverflow = defineComponent({\n  name: 'XhAvatarGroupOverflow',\n  setup(_, { slots }) {\n    const ctx = useAvatarGroupContext()\n    // 「+N」的文本由作者写进插槽\n    return () => h('span', ctx.api.value.getOverflowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,mBAAmB,aAAa,gBAAgB,KAAK,GAAuB,YAAY,CAAC;EACpH,mBAAmB,EAAE,IAAI,CAAC;EAC1B,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAElC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC"}

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

@@ -66,9 +66,9 @@ declare const XhBackTopRoot: import("vue").DefineComponent<import("vue").Extract
 }>> & Readonly<{
   "onVisible-change"?: ((_details: import("@xihan-ui/headless").BackTopVisibleChangeDetails) => any) | undefined;
 }>, {
-  tone: Tone;
-  size: Size;
   target: HTMLElement | null;
+  size: Size;
+  tone: Tone;
   translations: Partial<BackTopTranslations>;
   visibilityHeight: number;
   behavior: BackTopBehavior;

package/dist/components/badge/badge.d.ts

@@ -6,13 +6,69 @@ declare const XhBadge: import("vue").DefineComponent<import("vue").ExtractPropTy
   variant: PropType<BadgeVariant>;
   tone: PropType<Tone>;
   size: PropType<Size>;
+  /** 计数：给了它徽标就自己出数字，超过 max 写成「max+」。 */
+  count: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  max: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  showZero: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  dot: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 读屏怎么念这枚徽标，例如「3 条未读」。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   variant: PropType<BadgeVariant>;
   tone: PropType<Tone>;
   size: PropType<Size>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  /** 计数：给了它徽标就自己出数字，超过 max 写成「max+」。 */
+  count: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  max: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  showZero: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  dot: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 读屏怎么念这枚徽标，例如「3 条未读」。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+  max: number;
+  count: number;
+  showZero: boolean;
+  dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { XhBadge };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../src/components/badge/badge.ts"],"mappings":";;;;cAOa,uBAAO,8BAAA;EAGG,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;EAFN,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;MAK3B,oDAAA"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../src/components/badge/badge.ts"],"mappings":";;;;cAQa,uBAAO,8BAAA;EAGG,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAFN,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAqB3B"}

package/dist/components/badge/badge.js

@@ -1,4 +1,5 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
 import { defineComponent, h } from "vue";
 import { connectBadge } from "@xihan-ui/headless";
 //#region src/components/badge/badge.ts
@@ -7,10 +8,39 @@ const XhBadge = defineComponent({
 	props: {
 		variant: String,
 		tone: String,
-		size: String
+		size: String,
+		/** 计数：给了它徽标就自己出数字，超过 max 写成「max+」。 */
+		count: {
+			type: Number,
+			default: void 0
+		},
+		/** 计数上限，默认 99。 */
+		max: {
+			type: Number,
+			default: void 0
+		},
+		/** 计数为 0 时是否照样显示，默认不显示。 */
+		showZero: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 只出一个点，不出数字。 */
+		dot: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 读屏怎么念这枚徽标，例如「3 条未读」。 */
+		label: {
+			type: String,
+			default: void 0
+		}
 	},
 	setup(props, { slots }) {
-		return () => h("span", connectBadge(props, vueNormalize).getRootProps(), slots.default?.());
+		const configured = withXhConfig("badge", props);
+		return () => {
+			const api = connectBadge(configured, vueNormalize);
+			return h("span", api.getRootProps(), slots.default?.() ?? api.text);
+		};
 	}
 });
 //#endregion

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["import type { BadgeProps, BadgeVariant } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectBadge } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhBadge = defineComponent({\n  name: 'XhBadge',\n  props: {\n    variant: String as PropType<BadgeVariant>,\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n  },\n  setup(props, { slots }) {\n    return () => h('span', connectBadge(props as BadgeProps, vueNormalize).getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AAOA,MAAa,UAAU,gBAAgB;CACrC,MAAM;CACN,OAAO;EACL,SAAS;EACT,MAAM;EACN,MAAM;CACR;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EAAE,QAAQ,aAAa,OAAqB,YAAY,CAAC,CAAC,aAAa,GAA8B,MAAM,UAAU,CAAC;CACrI;AACF,CAAC"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["import type { BadgeProps, BadgeVariant } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectBadge } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhBadge = defineComponent({\n  name: 'XhBadge',\n  props: {\n    variant: String as PropType<BadgeVariant>,\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n    /** 计数：给了它徽标就自己出数字，超过 max 写成「max+」。 */\n    count: { type: Number, default: undefined },\n    /** 计数上限，默认 99。 */\n    max: { type: Number, default: undefined },\n    /** 计数为 0 时是否照样显示，默认不显示。 */\n    showZero: { type: Boolean, default: undefined },\n    /** 只出一个点，不出数字。 */\n    dot: { type: Boolean, default: undefined },\n    /** 读屏怎么念这枚徽标，例如「3 条未读」。 */\n    label: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('badge', props)\n    return () => {\n      const api = connectBadge(configured as BadgeProps, vueNormalize)\n      // 插槽有内容就以它为准，没有才用算好的计数文本\n      return h('span', api.getRootProps() as Record<string, unknown>, slots.default?.() ?? api.text)\n    }\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,UAAU,gBAAgB;CACrC,MAAM;CACN,OAAO;EACL,SAAS;EACT,MAAM;EACN,MAAM;;EAEN,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;;EAE1C,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;;EAExC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAE9C,KAAK;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAEzC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;CAC5C;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,SAAS,KAAK;EAC9C,aAAa;GACX,MAAM,MAAM,aAAa,YAA0B,YAAY;GAE/D,OAAO,EAAE,QAAQ,IAAI,aAAa,GAA8B,MAAM,UAAU,KAAK,IAAI,IAAI;EAC/F;CACF;AACF,CAAC"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -40,9 +40,9 @@ declare const XhBreadcrumbRoot: import("vue").DefineComponent<import("vue").Extr
     default: undefined;
   };
 }>> & Readonly<{}>, {
+  size: Size;
   dir: Direction;
   tone: Tone;
-  size: Size;
   translations: Partial<BreadcrumbTranslations>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhBreadcrumbList: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/dist/components/button-group/button-group.d.ts

@@ -38,9 +38,9 @@ declare const XhButtonGroup: import("vue").DefineComponent<import("vue").Extract
     default: undefined;
   };
 }>> & Readonly<{}>, {
+  size: Size;
   orientation: "horizontal" | "vertical";
   tone: Tone;
-  size: Size;
   variant: ActionVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

package/dist/components/button-group/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../../src/components/button-group/button-group.ts"],"mappings":";;;cAOa,6BAAa,8BAAA;;IAIS,MAAA;;;;IACJ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IAHF,MAAA;;;;IACJ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;qCAUnC"}
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../../src/components/button-group/button-group.ts"],"mappings":";;;cAQa,6BAAa,8BAAA;;IAIS,MAAA;;;;IACJ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IAHF,MAAA;;;;IACJ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;qCAUnC"}

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

@@ -1,4 +1,5 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
 import { defineComponent, h } from "vue";
 import { connectButtonGroup } from "@xihan-ui/headless";
 //#region src/components/button-group/button-group.ts
@@ -23,7 +24,7 @@ const XhButtonGroup = defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		return () => h("div", connectButtonGroup(props, vueNormalize).getRootProps(), slots.default?.());
+		return () => h("div", connectButtonGroup(withXhConfig("button-group", props), vueNormalize).getRootProps(), slots.default?.());
 	}
 });
 //#endregion

package/dist/components/button-group/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../../src/components/button-group/button-group.ts"],"sourcesContent":["import type { ButtonGroupProps } from '@xihan-ui/headless'\nimport type { ActionVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectButtonGroup } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhButtonGroup = defineComponent({\n  name: 'XhButtonGroup',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: undefined },\n    variant: { type: String as PropType<ActionVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    // 组内每一段是作者放进插槽的按钮，直接当直接子节点摆\n    return () => h(\n      'div',\n      connectButtonGroup(props as ButtonGroupProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAOA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS,KAAA;EAAU;EACvF,SAAS;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACvE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,aAAa,EACX,OACA,mBAAmB,OAA2B,YAAY,CAAC,CAAC,aAAa,GACzE,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../src/components/button-group/button-group.ts"],"sourcesContent":["import type { ButtonGroupProps } from '@xihan-ui/headless'\nimport type { ActionVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectButtonGroup } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhButtonGroup = defineComponent({\n  name: 'XhButtonGroup',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: undefined },\n    variant: { type: String as PropType<ActionVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    // 组内每一段是作者放进插槽的按钮，直接当直接子节点摆\n    return () => h(\n      'div',\n      connectButtonGroup(withXhConfig('button-group', props) as ButtonGroupProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS,KAAA;EAAU;EACvF,SAAS;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACvE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,aAAa,EACX,OACA,mBAAmB,aAAa,gBAAgB,KAAK,GAAuB,YAAY,CAAC,CAAC,aAAa,GACvG,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}

package/dist/components/button.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from "vue";
+import { ButtonProps } from "@xihan-ui/headless";
 //#region src/components/button.d.ts
 declare const XhButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   type: {
@@ -7,9 +8,11 @@ declare const XhButton: import("vue").DefineComponent<import("vue").ExtractPropT
   };
   disabled: BooleanConstructor;
   loading: BooleanConstructor;
-  variant: StringConstructor;
-  tone: StringConstructor;
-  size: StringConstructor;
+  iconOnly: BooleanConstructor;
+  fullWidth: BooleanConstructor;
+  variant: PropType<ButtonProps["variant"]>;
+  tone: PropType<ButtonProps["tone"]>;
+  size: PropType<ButtonProps["size"]>;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -19,13 +22,17 @@ declare const XhButton: import("vue").DefineComponent<import("vue").ExtractPropT
   };
   disabled: BooleanConstructor;
   loading: BooleanConstructor;
-  variant: StringConstructor;
-  tone: StringConstructor;
-  size: StringConstructor;
+  iconOnly: BooleanConstructor;
+  fullWidth: BooleanConstructor;
+  variant: PropType<ButtonProps["variant"]>;
+  tone: PropType<ButtonProps["tone"]>;
+  size: PropType<ButtonProps["size"]>;
 }>> & Readonly<{}>, {
   type: "reset" | "submit" | "button";
   disabled: boolean;
   loading: boolean;
+  iconOnly: boolean;
+  fullWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhButtonLabel: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/components/button.ts"],"mappings":";;cAmBa,wBAAQ,8BAAA;;IAGO,MAAA;;;;;;;;;;;;IAAA,MAAA;;;;;;;;;;;;qCAY1B;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/components/button.ts"],"mappings":";;;cAoBa,wBAAQ,8BAAA;;IAGO,MAAA;;;;;;;EAKL,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;IAPD,MAAA;;;;;;;EAKL,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;qCAe3B;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/button.js

@@ -1,5 +1,6 @@
 import { vueNormalize } from "../runtime/normalize-props.js";
-import { computed, defineComponent, h, inject, provide } from "vue";
+import { withXhConfig } from "../config/config.js";
+import { computed, defineComponent, h, inject, provide, useAttrs } from "vue";
 import { connectButton } from "@xihan-ui/headless";
 //#region src/components/button.ts
 const ButtonKey = Symbol("XhButton");
@@ -17,12 +18,20 @@ const XhButton = defineComponent({
 		},
 		disabled: Boolean,
 		loading: Boolean,
+		iconOnly: Boolean,
+		fullWidth: Boolean,
 		variant: String,
 		tone: String,
 		size: String
 	},
 	setup(props, { slots }) {
-		const api = computed(() => connectButton(props, vueNormalize));
+		const attrs = useAttrs();
+		const configured = withXhConfig("button", props);
+		const api = computed(() => connectButton({
+			...configured,
+			ariaLabel: attrs["aria-label"],
+			ariaLabelledby: attrs["aria-labelledby"]
+		}, vueNormalize));
 		provide(ButtonKey, api);
 		return () => h("button", api.value.getRootProps(), slots.default?.());
 	}

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/components/button.ts"],"sourcesContent":["import type { ButtonProps } from '@xihan-ui/headless'\nimport type { PropTypes } from '@xihan-ui/kernel'\nimport type { InjectionKey, PropType, Ref } from 'vue'\nimport { connectButton } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, inject, provide } from 'vue'\nimport { vueNormalize } from '../runtime/normalize-props'\n\n/** 从实际调用推出 api 形状，免得再写一遍 normalize 的类型参数。 */\ntype VueButtonApi = ReturnType<typeof connectButton<PropTypes>>\n\nconst ButtonKey: InjectionKey<Ref<VueButtonApi>> = Symbol('XhButton')\n\nfunction useButtonApi(): Ref<VueButtonApi> {\n  const api = inject(ButtonKey, null)\n  if (!api)\n    throw new Error('[xh] XhButton 的子部件必须放在 XhButton 里')\n  return api\n}\n\nexport const XhButton = defineComponent({\n  name: 'XhButton',\n  props: {\n    type: { type: String as PropType<'button' | 'submit' | 'reset'>, default: 'button' },\n    disabled: Boolean,\n    loading: Boolean,\n    variant: String,\n    tone: String,\n    size: String,\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectButton(props as ButtonProps, vueNormalize))\n    provide(ButtonKey, api)\n    return () => h('button', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonLabel = defineComponent({\n  name: 'XhButtonLabel',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonPrefix = defineComponent({\n  name: 'XhButtonPrefix',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonSuffix = defineComponent({\n  name: 'XhButtonSuffix',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 载入态的转圈标记；皮肤给它挂了旋转动画，作者只需摆位置。 */\nexport const XhButtonIndicator = defineComponent({\n  name: 'XhButtonIndicator',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AAUA,MAAM,YAA6C,OAAO,UAAU;AAEpE,SAAS,eAAkC;CACzC,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,MAAa,WAAW,gBAAgB;CACtC,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAmD,SAAS;EAAS;EACnF,UAAU;EACV,SAAS;EACT,SAAS;EACT,MAAM;EACN,MAAM;CACR;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,cAAc,OAAsB,YAAY,CAAC;EAC5E,QAAQ,WAAW,GAAG;EACtB,aAAa,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CAChG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}
+{"version":3,"file":"button.js","names":[],"sources":["../../src/components/button.ts"],"sourcesContent":["import type { ButtonProps } from '@xihan-ui/headless'\nimport type { PropTypes } from '@xihan-ui/kernel'\nimport type { InjectionKey, PropType, Ref } from 'vue'\nimport { connectButton } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, inject, provide, useAttrs } from 'vue'\nimport { withXhConfig } from '../config/config'\nimport { vueNormalize } from '../runtime/normalize-props'\n\n/** 从实际调用推出 api 形状，免得再写一遍 normalize 的类型参数。 */\ntype VueButtonApi = ReturnType<typeof connectButton<PropTypes>>\n\nconst ButtonKey: InjectionKey<Ref<VueButtonApi>> = Symbol('XhButton')\n\nfunction useButtonApi(): Ref<VueButtonApi> {\n  const api = inject(ButtonKey, null)\n  if (!api)\n    throw new Error('[xh] XhButton 的子部件必须放在 XhButton 里')\n  return api\n}\n\nexport const XhButton = defineComponent({\n  name: 'XhButton',\n  props: {\n    type: { type: String as PropType<'button' | 'submit' | 'reset'>, default: 'button' },\n    disabled: Boolean,\n    loading: Boolean,\n    iconOnly: Boolean,\n    fullWidth: Boolean,\n    variant: String as PropType<ButtonProps['variant']>,\n    tone: String as PropType<ButtonProps['tone']>,\n    size: String as PropType<ButtonProps['size']>,\n  },\n  setup(props, { slots }) {\n    const attrs = useAttrs()\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('button', props as ButtonProps)\n    // 作者写在根节点上的可及名转告连接层，图标按钮缺名时由它提醒\n    const api = computed(() => connectButton({\n      ...configured,\n      ariaLabel: attrs['aria-label'] as string | undefined,\n      ariaLabelledby: attrs['aria-labelledby'] as string | undefined,\n    }, vueNormalize))\n    provide(ButtonKey, api)\n    return () => h('button', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonLabel = defineComponent({\n  name: 'XhButtonLabel',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonPrefix = defineComponent({\n  name: 'XhButtonPrefix',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhButtonSuffix = defineComponent({\n  name: 'XhButtonSuffix',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 载入态的转圈标记；皮肤给它挂了旋转动画，作者只需摆位置。 */\nexport const XhButtonIndicator = defineComponent({\n  name: 'XhButtonIndicator',\n  setup(_, { slots }) {\n    const api = useButtonApi()\n    return () => h('span', api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAWA,MAAM,YAA6C,OAAO,UAAU;AAEpE,SAAS,eAAkC;CACzC,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,MAAa,WAAW,gBAAgB;CACtC,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAmD,SAAS;EAAS;EACnF,UAAU;EACV,SAAS;EACT,UAAU;EACV,WAAW;EACX,SAAS;EACT,MAAM;EACN,MAAM;CACR;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,QAAQ,SAAS;EAEvB,MAAM,aAAa,aAAa,UAAU,KAAoB;EAE9D,MAAM,MAAM,eAAe,cAAc;GACvC,GAAG;GACH,WAAW,MAAM;GACjB,gBAAgB,MAAM;EACxB,GAAG,YAAY,CAAC;EAChB,QAAQ,WAAW,GAAG;EACtB,aAAa,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CAChG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,aAAa;EACzB,aAAa,EAAE,QAAQ,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}