@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/approval/approval.js

@@ -0,0 +1,196 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideApproval, useApprovalContext } from "./context.js";
+import { useApproval } from "./use-approval.js";
+import { defineComponent, h } from "vue";
+//#region src/components/approval/approval.ts
+const XhApprovalRoot = defineComponent({
+	name: "XhApprovalRoot",
+	props: {
+		requestId: { type: String },
+		status: { type: String },
+		defaultStatus: { type: String },
+		timeoutMs: { type: Number },
+		scopes: { type: Array },
+		grantedScopes: { type: Array },
+		defaultGrantedScopes: { type: Array },
+		note: { type: String },
+		defaultNote: { type: String },
+		loading: Boolean,
+		denyOnEscape: {
+			type: Boolean,
+			default: void 0
+		},
+		denyOnUnmount: {
+			type: Boolean,
+			default: void 0
+		},
+		live: { type: String },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"decision": (_details) => true,
+		"granted-scopes-change": (_details) => true,
+		"update:grantedScopes": (_value) => true,
+		"note-change": (_details) => true,
+		"update:note": (_value) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useApproval(withXhConfig("approval", props), {
+			onDecision: (details) => emit("decision", details),
+			onGrantedScopesChange: (details) => {
+				emit("granted-scopes-change", details);
+				emit("update:grantedScopes", details.value);
+			},
+			onNoteChange: (details) => {
+				emit("note-change", details);
+				emit("update:note", details.value);
+			}
+		});
+		provideApproval(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			status: ctx.api.value.status,
+			settled: ctx.api.value.settled,
+			loading: ctx.api.value.loading,
+			grantedScopes: ctx.api.value.grantedScopes,
+			note: ctx.api.value.note,
+			canApprove: ctx.api.value.canApprove,
+			announcement: ctx.api.value.announcement,
+			approve: ctx.api.value.approve,
+			deny: ctx.api.value.deny,
+			setGrantedScopes: ctx.api.value.setGrantedScopes,
+			setNote: ctx.api.value.setNote
+		}));
+	}
+});
+const XhApprovalTitle = defineComponent({
+	name: "XhApprovalTitle",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("h3", ctx.api.value.getTitleProps(), slots.default?.());
+	}
+});
+const XhApprovalDescription = defineComponent({
+	name: "XhApprovalDescription",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("p", ctx.api.value.getDescriptionProps(), slots.default?.());
+	}
+});
+const XhApprovalLiveRegion = defineComponent({
+	name: "XhApprovalLiveRegion",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("div", ctx.api.value.getLiveRegionProps(), slots.default?.() ?? ctx.api.value.announcement);
+	}
+});
+const XhApprovalGroup = defineComponent({
+	name: "XhApprovalGroup",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("div", ctx.api.value.getGroupProps(), slots.default?.());
+	}
+});
+const XhApprovalItem = defineComponent({
+	name: "XhApprovalItem",
+	props: {
+		scopeValue: {
+			type: String,
+			required: true
+		},
+		scopeLabel: { type: String },
+		scopeRequired: {
+			type: Boolean,
+			default: void 0
+		},
+		scopeDisabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useApprovalContext();
+		const scope = () => ({
+			value: props.scopeValue,
+			label: props.scopeLabel,
+			required: props.scopeRequired,
+			disabled: props.scopeDisabled
+		});
+		return () => h("div", ctx.api.value.getItemProps(scope()), slots.default?.({
+			scope: scope(),
+			granted: ctx.api.value.isScopeGranted(props.scopeValue)
+		}));
+	}
+});
+const XhApprovalItemIndicator = defineComponent({
+	name: "XhApprovalItemIndicator",
+	props: { scopeValue: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("span", ctx.api.value.getItemIndicatorProps({ value: props.scopeValue }), slots.default?.());
+	}
+});
+const XhApprovalItemText = defineComponent({
+	name: "XhApprovalItemText",
+	props: { scopeValue: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("span", ctx.api.value.getItemTextProps({ value: props.scopeValue }), slots.default?.());
+	}
+});
+const XhApprovalNote = defineComponent({
+	name: "XhApprovalNote",
+	setup() {
+		const ctx = useApprovalContext();
+		return () => h("input", ctx.api.value.getNoteProps());
+	}
+});
+const XhApprovalTimer = defineComponent({
+	name: "XhApprovalTimer",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("div", ctx.api.value.getTimerProps(), slots.default?.());
+	}
+});
+const XhApprovalResult = defineComponent({
+	name: "XhApprovalResult",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("div", ctx.api.value.getResultProps(), slots.default?.());
+	}
+});
+const XhApprovalFooter = defineComponent({
+	name: "XhApprovalFooter",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("div", ctx.api.value.getFooterProps(), slots.default?.());
+	}
+});
+const XhApprovalApproveTrigger = defineComponent({
+	name: "XhApprovalApproveTrigger",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("button", ctx.api.value.getApproveTriggerProps(), slots.default?.());
+	}
+});
+const XhApprovalDenyTrigger = defineComponent({
+	name: "XhApprovalDenyTrigger",
+	setup(_, { slots }) {
+		const ctx = useApprovalContext();
+		return () => h("button", ctx.api.value.getDenyTriggerProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhApprovalApproveTrigger, XhApprovalDenyTrigger, XhApprovalDescription, XhApprovalFooter, XhApprovalGroup, XhApprovalItem, XhApprovalItemIndicator, XhApprovalItemText, XhApprovalLiveRegion, XhApprovalNote, XhApprovalResult, XhApprovalRoot, XhApprovalTimer, XhApprovalTitle };
+
+//# sourceMappingURL=approval.js.map

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

@@ -0,0 +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    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\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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"}

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

@@ -0,0 +1,7 @@
+import { ApprovalContext } from "./use-approval.js";
+//#region src/components/approval/context.d.ts
+declare function provideApproval(ctx: ApprovalContext): void;
+declare function useApprovalContext(): ApprovalContext;
+//#endregion
+export { provideApproval, useApprovalContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/approval/context.ts"],"mappings":";;iBAagB,gBAAgB,KAAK;iBAIrB,sBAAsB"}

package/dist/components/approval/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/approval/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { ApprovalContext } from './use-approval'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ApprovalContext> = Symbol.for('xh-approval')\n\nexport function provideApproval(ctx: ApprovalContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useApprovalContext(): ApprovalContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Approval 部件必须用在 XhApprovalRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

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

@@ -0,0 +1,16 @@
+import { ComputedRef } from "vue";
+import { ApprovalApi, ApprovalSchema } from "@xihan-ui/headless";
+//#region src/components/approval/use-approval.d.ts
+type Props = ApprovalSchema['props'];
+interface ApprovalCallbacks {
+  onDecision?: Props['onDecision'];
+  onGrantedScopesChange?: Props['onGrantedScopesChange'];
+  onNoteChange?: Props['onNoteChange'];
+}
+interface ApprovalContext {
+  api: ComputedRef<ApprovalApi>;
+}
+declare function useApproval(props: Props, callbacks?: ApprovalCallbacks): ApprovalContext;
+//#endregion
+export { ApprovalCallbacks, ApprovalContext, useApproval };
+//# sourceMappingURL=use-approval.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -1,21 +1,21 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType } from "vue";
+import { Size, Tone } from "@xihan-ui/core";
 import { AvatarSchema } from "@xihan-ui/headless";
-import { Size } from "@xihan-ui/kernel";
 //#region src/components/avatar/avatar.d.ts
 type AvatarProps = AvatarSchema['props'];
 declare const XhAvatarRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   src: {
     type: StringConstructor;
-    default: undefined;
   };
   alt: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -24,23 +24,19 @@ declare const XhAvatarRoot: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   src: {
     type: StringConstructor;
-    default: undefined;
   };
   alt: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
   };
 }>> & Readonly<{
   "onStatus-change"?: ((_details: import("@xihan-ui/headless").AvatarStatusChangeDetails) => any) | undefined;
-}>, {
-  size: Size;
-  src: string;
-  alt: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhAvatarImage: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/components/avatar/avatar.ts"],"mappings":";;;;;KAQK,cAAc;cAEN,4BAAY,8BAAA;;;;;;;;;;IAMG,MAAA,SAAS;;;;;;EAIL,kBAAA,UAAA,UAAU;;;;;;;;;;;IAJd,MAAA,SAAS;;;;;;;;;qCAYnC;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAsBxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/components/avatar/avatar.ts"],"mappings":";;;;;KAeK,cAAc;cAEN,4BAAY,8BAAA;;;;;;;;IAMG,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIL,kBAAA,UAAA,UAAU;;;;;;;;;IALd,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;0CAYnC;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAsBxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/avatar/avatar.js

@@ -5,18 +5,10 @@ import { defineComponent, h, ref, watch } from "vue";
 const XhAvatarRoot = defineComponent({
 	name: "XhAvatarRoot",
 	props: {
-		src: {
-			type: String,
-			default: void 0
-		},
-		alt: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		src: { type: String },
+		alt: { type: String },
+		size: { type: String },
+		tone: { type: String }
 	},
 	emits: { "status-change": (_details) => true },
 	setup(props, { slots, emit }) {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/avatar/avatar.ts"],"sourcesContent":["import type { AvatarSchema } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref, watch } from 'vue'\nimport { provideAvatar, useAvatarContext } from './context'\nimport { useAvatar } from './use-avatar'\n\ntype AvatarProps = AvatarSchema['props']\n\nexport const XhAvatarRoot = defineComponent({\n  name: 'XhAvatarRoot',\n  props: {\n    // 缺席即无来源，落回退态\n    src: { type: String, default: undefined },\n    alt: { type: String, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // status-change 携带 { status }\n  emits: {\n    'status-change': (_details: PayloadOf<AvatarProps, 'onStatusChange'>) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AvatarProps['onStatusChange'] = details => emit('status-change', details)\n    const ctx = useAvatar(props as AvatarProps, notify)\n    provideAvatar(ctx)\n    return () => h('span', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAvatarImage = defineComponent({\n  name: 'XhAvatarImage',\n  setup() {\n    const ctx = useAvatarContext()\n    const imageEl = ref<HTMLImageElement | null>(null)\n\n    // 进入 loading 时为已就绪的图（如注水前就加载完的 SSR 图）补报一次加载完成\n    watch(() => ctx.api.value.status, (status) => {\n      const { service } = ctx\n      if (status !== 'loading' || service.getStatus() !== 'Started')\n        return\n      const img = imageEl.value\n      if (img?.complete && img.naturalWidth > 0 && img.currentSrc === img.src)\n        service.send({ type: 'IMAGE.LOAD' })\n    }, { immediate: true, flush: 'post' })\n\n    // 节点常挂，靠 hidden 显隐\n    return () => h('img', {\n      ...ctx.api.value.getImageProps() as Record<string, unknown>,\n      ref: imageEl,\n    })\n  },\n})\n\nexport const XhAvatarFallback = defineComponent({\n  name: 'XhAvatarFallback',\n  setup(_, { slots }) {\n    const ctx = useAvatarContext()\n    // 节点常挂，靠 hidden 显隐\n    return () => h('span', ctx.api.value.getFallbackProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AAUA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,OAAO;EAEL,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CAEA,OAAO,EACL,kBAAkB,aAAuD,KAC3E;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAwC,YAAW,KAAK,iBAAiB,OAAO;EACtF,MAAM,MAAM,UAAU,OAAsB,MAAM;EAClD,cAAc,GAAG;EACjB,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,iBAAiB;EAC7B,MAAM,UAAU,IAA6B,IAAI;EAGjD,YAAY,IAAI,IAAI,MAAM,SAAS,WAAW;GAC5C,MAAM,EAAE,YAAY;GACpB,IAAI,WAAW,aAAa,QAAQ,UAAU,MAAM,WAClD;GACF,MAAM,MAAM,QAAQ;GACpB,IAAI,KAAK,YAAY,IAAI,eAAe,KAAK,IAAI,eAAe,IAAI,KAClE,QAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;EACvC,GAAG;GAAE,WAAW;GAAM,OAAO;EAAO,CAAC;EAGrC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,cAAc;GAC/B,KAAK;EACP,CAAC;CACH;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAE7B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/avatar/avatar.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// 提供 avatar 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { AvatarSchema } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref, watch } from 'vue'\nimport { provideAvatar, useAvatarContext } from './context'\nimport { useAvatar } from './use-avatar'\n\ntype AvatarProps = AvatarSchema['props']\n\nexport const XhAvatarRoot = defineComponent({\n  name: 'XhAvatarRoot',\n  props: {\n    // 缺席即无来源，落回退态\n    src: { type: String },\n    alt: { type: String },\n    size: { type: String as PropType<Size> },\n    tone: { type: String as PropType<Tone> },\n  },\n  // status-change 携带 { status }\n  emits: {\n    'status-change': (_details: PayloadOf<AvatarProps, 'onStatusChange'>) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AvatarProps['onStatusChange'] = details => emit('status-change', details)\n    const ctx = useAvatar(props as AvatarProps, notify)\n    provideAvatar(ctx)\n    return () => h('span', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAvatarImage = defineComponent({\n  name: 'XhAvatarImage',\n  setup() {\n    const ctx = useAvatarContext()\n    const imageEl = ref<HTMLImageElement | null>(null)\n\n    // 进入 loading 时为已就绪的图（如注水前就加载完的 SSR 图）补报一次加载完成\n    watch(() => ctx.api.value.status, (status) => {\n      const { service } = ctx\n      if (status !== 'loading' || service.getStatus() !== 'Started')\n        return\n      const img = imageEl.value\n      if (img?.complete && img.naturalWidth > 0 && img.currentSrc === img.src)\n        service.send({ type: 'IMAGE.LOAD' })\n    }, { immediate: true, flush: 'post' })\n\n    // 节点常挂，靠 hidden 显隐\n    return () => h('img', {\n      ...ctx.api.value.getImageProps() as Record<string, unknown>,\n      ref: imageEl,\n    })\n  },\n})\n\nexport const XhAvatarFallback = defineComponent({\n  name: 'XhAvatarFallback',\n  setup(_, { slots }) {\n    const ctx = useAvatarContext()\n    // 节点常挂，靠 hidden 显隐\n    return () => h('span', ctx.api.value.getFallbackProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AAiBA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,OAAO;EAEL,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;CACzC;CAEA,OAAO,EACL,kBAAkB,aAAuD,KAC3E;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAwC,YAAW,KAAK,iBAAiB,OAAO;EACtF,MAAM,MAAM,UAAU,OAAsB,MAAM;EAClD,cAAc,GAAG;EACjB,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,iBAAiB;EAC7B,MAAM,UAAU,IAA6B,IAAI;EAGjD,YAAY,IAAI,IAAI,MAAM,SAAS,WAAW;GAC5C,MAAM,EAAE,YAAY;GACpB,IAAI,WAAW,aAAa,QAAQ,UAAU,MAAM,WAClD;GACF,MAAM,MAAM,QAAQ;GACpB,IAAI,KAAK,YAAY,IAAI,eAAe,KAAK,IAAI,eAAe,IAAI,KAClE,QAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;EACvC,GAAG;GAAE,WAAW;GAAM,OAAO;EAAO,CAAC;EAGrC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,cAAc;GAC/B,KAAK;EACP,CAAC;CACH;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAE7B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { AvatarContext } from './use-avatar'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AvatarContext> = Symbol.for('xh-avatar')\n\nexport function provideAvatar(ctx: AvatarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAvatarContext(): AvatarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Avatar 部件必须用在 XhAvatarRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { AvatarContext } from './use-avatar'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<AvatarContext> = Symbol.for('xh-avatar')\n\nexport function provideAvatar(ctx: AvatarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAvatarContext(): AvatarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Avatar 部件必须用在 XhAvatarRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-avatar.d.ts","names":[],"sources":["../../../src/components/avatar/use-avatar.ts"],"mappings":";;;;UAQiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;iBAGH,UACd,OAAO,uBACP,iBAAiB,0CAChB"}
+{"version":3,"file":"use-avatar.d.ts","names":[],"sources":["../../../src/components/avatar/use-avatar.ts"],"mappings":";;;;UAeiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;iBAGH,UACd,OAAO,uBACP,iBAAiB,0CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-avatar.js","names":[],"sources":["../../../src/components/avatar/use-avatar.ts"],"sourcesContent":["import type { AvatarApi, AvatarSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { avatarMachine, connectAvatar } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface AvatarContext {\n  service: Service<AvatarSchema>\n  api: ComputedRef<AvatarApi>\n}\n\nexport function useAvatar(\n  props: AvatarSchema['props'],\n  onStatusChange?: AvatarSchema['props']['onStatusChange'],\n): AvatarContext {\n  const service = useMachine(avatarMachine, () => ({ ...props, onStatusChange }))\n  const api = computed(() => connectAvatar(service, vueNormalize))\n  return { service, api }\n}\n"],"mappings":";;;;;AAaA,SAAgB,UACd,OACA,gBACe;CACf,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO;CAAe,EAAE;CAE9E,OAAO;EAAE;EAAS,KADN,eAAe,cAAc,SAAS,YAAY,CAC1C;CAAE;AACxB"}
+{"version":3,"file":"use-avatar.js","names":[],"sources":["../../../src/components/avatar/use-avatar.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 avatar 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { AvatarApi, AvatarSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { avatarMachine, connectAvatar } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface AvatarContext {\n  service: Service<AvatarSchema>\n  api: ComputedRef<AvatarApi>\n}\n\nexport function useAvatar(\n  props: AvatarSchema['props'],\n  onStatusChange?: AvatarSchema['props']['onStatusChange'],\n): AvatarContext {\n  const service = useMachine(avatarMachine, () => ({ ...props, onStatusChange }))\n  const api = computed(() => connectAvatar(service, vueNormalize))\n  return { service, api }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,UACd,OACA,gBACe;CACf,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO;CAAe,EAAE;CAE9E,OAAO;EAAE;EAAS,KADN,eAAe,cAAc,SAAS,YAAY,CAC1C;CAAE;AACxB"}

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

@@ -1,33 +1,26 @@
 import { PropType } from "vue";
-import { Size } from "@xihan-ui/kernel";
+import { Size } from "@xihan-ui/core";
 //#region src/components/avatar-group/avatar-group.d.ts
 declare const XhAvatarGroupRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   max: {
     type: NumberConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    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<{
   max: {
     type: NumberConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  size: Size;
-  max: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhAvatarGroupOverflow: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAvatarGroupOverflowItem: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhAvatarGroupOverflow, XhAvatarGroupRoot };
+export { XhAvatarGroupOverflowItem, XhAvatarGroupRoot };
 //# sourceMappingURL=avatar-group.d.ts.map

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":";;;cASa,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":";;;cAgBa,iCAAiB,8BAAA;;;;;IAKF,MAAA,SAAS;;;;;;;;;IAAT,MAAA,SAAS;;MAOnC,oDAAA;cAEW,yCAAyB,wCAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

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

@@ -7,14 +7,8 @@ import { connectAvatarGroup } from "@xihan-ui/headless";
 const XhAvatarGroupRoot = defineComponent({
 	name: "XhAvatarGroupRoot",
 	props: {
-		max: {
-			type: Number,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		max: { type: Number },
+		size: { type: String }
 	},
 	setup(props, { slots }) {
 		const api = computed(() => connectAvatarGroup(withXhConfig("avatar-group", props), vueNormalize));
@@ -22,14 +16,14 @@ const XhAvatarGroupRoot = defineComponent({
 		return () => h("div", api.value.getRootProps(), slots.default?.());
 	}
 });
-const XhAvatarGroupOverflow = defineComponent({
-	name: "XhAvatarGroupOverflow",
+const XhAvatarGroupOverflowItem = defineComponent({
+	name: "XhAvatarGroupOverflowItem",
 	setup(_, { slots }) {
 		const ctx = useAvatarGroupContext();
-		return () => h("span", ctx.api.value.getOverflowProps(), slots.default?.());
+		return () => h("span", ctx.api.value.getOverflowItemProps(), slots.default?.());
 	}
 });
 //#endregion
-export { XhAvatarGroupOverflow, XhAvatarGroupRoot };
+export { XhAvatarGroupOverflowItem, XhAvatarGroupRoot };
 
 //# sourceMappingURL=avatar-group.js.map

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 { 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"}
+{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../src/components/avatar-group/avatar-group.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// 提供 avatar group 相关实现。\n\nimport type { Size } from '@xihan-ui/core'\nimport type { AvatarGroupProps } from '@xihan-ui/headless'\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，Boolean 显式保留 undefined\n  props: {\n    max: { type: Number },\n    size: { type: String as PropType<Size> },\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 XhAvatarGroupOverflowItem = defineComponent({\n  name: 'XhAvatarGroupOverflowItem',\n  setup(_, { slots }) {\n    const ctx = useAvatarGroupContext()\n    // 「+N」的文本由作者写进插槽\n    return () => h('span', ctx.api.value.getOverflowItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,KAAK,EAAE,MAAM,OAAO;EACpB,MAAM,EAAE,MAAM,OAAyB;CACzC;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,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAElC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC3G;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/avatar-group/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBAKH,mBAAmB,KAAK;iBAIxB,yBAAyB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/avatar-group/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,mBAAmB,KAAK;iBAIxB,yBAAyB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar-group/context.ts"],"sourcesContent":["import type { AvatarGroupApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface AvatarGroupContext {\n  api: ComputedRef<AvatarGroupApi>\n}\n\nconst KEY: InjectionKey<AvatarGroupContext> = Symbol.for('xh-avatar-group')\n\nexport function provideAvatarGroup(ctx: AvatarGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAvatarGroupContext(): AvatarGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] AvatarGroup 部件必须用在 XhAvatarGroupRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/avatar-group/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { AvatarGroupApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface AvatarGroupContext {\n  api: ComputedRef<AvatarGroupApi>\n}\n\nconst KEY: InjectionKey<AvatarGroupContext> = Symbol.for('xh-avatar-group')\n\nexport function provideAvatarGroup(ctx: AvatarGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useAvatarGroupContext(): AvatarGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] AvatarGroup 部件必须用在 XhAvatarGroupRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}