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

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

@@ -1,18 +1,166 @@
-import { PropType } from "vue";
-import { BadgeVariant } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
+import { BadgePlacement } from "@xihan-ui/headless";
 import { Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/badge/badge.d.ts
+/**
+ * 锚点：被标记的那个东西（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。
+ *
+ * 角标是挂在别的元素角上的一枚标记，不是可以单独摆的药丸——
+ * 行内的状态药丸请用 tag。
+ */
+declare const XhBadgeRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  readonly tone: PropType<Tone>;
+  readonly size: PropType<Size>;
+  /** 挂在哪个角上，默认 top-end。 */
+  readonly placement: PropType<BadgePlacement>;
+  /** 计数：给了它角标就自己出数字，超过 max 写成「max+」。 */
+  readonly count: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  readonly max: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  readonly showZero: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  readonly dot: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 读屏怎么念这枚角标，例如「3 条未读」。 */
+  readonly label: {
+    readonly type: StringConstructor;
+    readonly default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  readonly tone: PropType<Tone>;
+  readonly size: PropType<Size>;
+  /** 挂在哪个角上，默认 top-end。 */
+  readonly placement: PropType<BadgePlacement>;
+  /** 计数：给了它角标就自己出数字，超过 max 写成「max+」。 */
+  readonly count: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  readonly max: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  readonly showZero: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  readonly dot: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 读屏怎么念这枚角标，例如「3 条未读」。 */
+  readonly label: {
+    readonly type: StringConstructor;
+    readonly default: undefined;
+  };
+}>> & Readonly<{}>, {
+  readonly label: string;
+  readonly max: number;
+  readonly count: number;
+  readonly showZero: boolean;
+  readonly dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 角标本身，绝对定位在锚点的某个角上。不给内容就用算好的计数文本。 */
+declare const XhBadgeIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+  default?: (props: {
+    text: string;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 一步到位的写法：默认插槽放被标记的东西，角标自动跟上。
+ *
+ * 要往角标里塞自定义内容（比如一枚小图标）时改用 XhBadgeRoot + XhBadgeIndicator。
+ */
 declare const XhBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  variant: PropType<BadgeVariant>;
-  tone: PropType<Tone>;
-  size: PropType<Size>;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  readonly tone: PropType<Tone>;
+  readonly size: PropType<Size>;
+  /** 挂在哪个角上，默认 top-end。 */
+  readonly placement: PropType<BadgePlacement>;
+  /** 计数：给了它角标就自己出数字，超过 max 写成「max+」。 */
+  readonly count: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  readonly max: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  readonly showZero: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  readonly dot: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 读屏怎么念这枚角标，例如「3 条未读」。 */
+  readonly label: {
+    readonly type: StringConstructor;
+    readonly default: undefined;
+  };
+}>, () => 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>;
+  readonly tone: PropType<Tone>;
+  readonly size: PropType<Size>;
+  /** 挂在哪个角上，默认 top-end。 */
+  readonly placement: PropType<BadgePlacement>;
+  /** 计数：给了它角标就自己出数字，超过 max 写成「max+」。 */
+  readonly count: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数上限，默认 99。 */
+  readonly max: {
+    readonly type: NumberConstructor;
+    readonly default: undefined;
+  };
+  /** 计数为 0 时是否照样显示，默认不显示。 */
+  readonly showZero: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 只出一个点，不出数字。 */
+  readonly dot: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  /** 读屏怎么念这枚角标，例如「3 条未读」。 */
+  readonly label: {
+    readonly type: StringConstructor;
+    readonly default: undefined;
+  };
+}>> & Readonly<{}>, {
+  readonly label: string;
+  readonly max: number;
+  readonly count: number;
+  readonly showZero: boolean;
+  readonly dot: boolean;
+}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhBadge };
+export { XhBadge, XhBadgeIndicator, XhBadgeRoot };
 //# 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":";;;;;;;;;;cAgCa,2BAAW,8BAAA;WAtBN,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCA6B9B;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAEY,WAAC;IAAS;QAAmB;kCASpE;;;;;;cAOW,uBAAO,8BAAA;WArDF,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDS,gBAAM;kCAI7C"}

package/dist/components/badge/badge.js

@@ -1,19 +1,79 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
-import { defineComponent, h } from "vue";
+import { withXhConfig } from "../../config/config.js";
+import { provideBadge, useBadgeContext } from "./context.js";
+import { computed, defineComponent, h } from "vue";
 import { connectBadge } from "@xihan-ui/headless";
 //#region src/components/badge/badge.ts
+const badgeProps = {
+	tone: String,
+	size: String,
+	/** 挂在哪个角上，默认 top-end。 */
+	placement: 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
+	}
+};
+/**
+* 锚点：被标记的那个东西（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。
+*
+* 角标是挂在别的元素角上的一枚标记，不是可以单独摆的药丸——
+* 行内的状态药丸请用 tag。
+*/
+const XhBadgeRoot = defineComponent({
+	name: "XhBadgeRoot",
+	props: badgeProps,
+	setup(props, { slots }) {
+		const configured = withXhConfig("badge", props);
+		const api = computed(() => connectBadge(configured, vueNormalize));
+		provideBadge({ api });
+		return () => h("span", api.value.getRootProps(), slots.default?.());
+	}
+});
+/** 角标本身，绝对定位在锚点的某个角上。不给内容就用算好的计数文本。 */
+const XhBadgeIndicator = defineComponent({
+	name: "XhBadgeIndicator",
+	slots: Object,
+	setup(_, { slots }) {
+		const ctx = useBadgeContext();
+		return () => h("span", ctx.api.value.getIndicatorProps(), slots.default?.({ text: ctx.api.value.text }) ?? ctx.api.value.text);
+	}
+});
+/**
+* 一步到位的写法：默认插槽放被标记的东西，角标自动跟上。
+*
+* 要往角标里塞自定义内容（比如一枚小图标）时改用 XhBadgeRoot + XhBadgeIndicator。
+*/
 const XhBadge = defineComponent({
 	name: "XhBadge",
-	props: {
-		variant: String,
-		tone: String,
-		size: String
-	},
+	props: badgeProps,
+	slots: Object,
 	setup(props, { slots }) {
-		return () => h("span", connectBadge(props, vueNormalize).getRootProps(), slots.default?.());
+		return () => h(XhBadgeRoot, props, () => [slots.default?.(), h(XhBadgeIndicator)]);
 	}
 });
 //#endregion
-export { XhBadge };
+export { XhBadge, XhBadgeIndicator, XhBadgeRoot };
 
 //# sourceMappingURL=badge.js.map

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 { BadgePlacement, BadgeProps } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { connectBadge } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideBadge, useBadgeContext } from './context'\n\nconst badgeProps = {\n  tone: String as PropType<Tone>,\n  size: String as PropType<Size>,\n  /** 挂在哪个角上，默认 top-end。 */\n  placement: String as PropType<BadgePlacement>,\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} as const\n\n/**\n * 锚点：被标记的那个东西（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。\n *\n * 角标是挂在别的元素角上的一枚标记，不是可以单独摆的药丸——\n * 行内的状态药丸请用 tag。\n */\nexport const XhBadgeRoot = defineComponent({\n  name: 'XhBadgeRoot',\n  props: badgeProps,\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('badge', props)\n    const api = computed(() => connectBadge(configured as BadgeProps, vueNormalize))\n    provideBadge({ api })\n    return () => h('span', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 角标本身，绝对定位在锚点的某个角上。不给内容就用算好的计数文本。 */\nexport const XhBadgeIndicator = defineComponent({\n  name: 'XhBadgeIndicator',\n  slots: Object as SlotsType<{ default?: (props: { text: string }) => VNode[] }>,\n  setup(_, { slots }) {\n    const ctx = useBadgeContext()\n    return () => h(\n      'span',\n      ctx.api.value.getIndicatorProps() as Record<string, unknown>,\n      slots.default?.({ text: ctx.api.value.text }) ?? ctx.api.value.text,\n    )\n  },\n})\n\n/**\n * 一步到位的写法：默认插槽放被标记的东西，角标自动跟上。\n *\n * 要往角标里塞自定义内容（比如一枚小图标）时改用 XhBadgeRoot + XhBadgeIndicator。\n */\nexport const XhBadge = defineComponent({\n  name: 'XhBadge',\n  props: badgeProps,\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  setup(props, { slots }) {\n    return () => h(XhBadgeRoot, props, () => [slots.default?.(), h(XhBadgeIndicator)])\n  },\n})\n"],"mappings":";;;;;;AASA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;;CAEN,WAAW;;CAEX,OAAO;EAAE,MAAM;EAAQ,SAAS,KAAA;CAAU;;CAE1C,KAAK;EAAE,MAAM;EAAQ,SAAS,KAAA;CAAU;;CAExC,UAAU;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAE9C,KAAK;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAEzC,OAAO;EAAE,MAAM;EAAQ,SAAS,KAAA;CAAU;AAC5C;;;;;;;AAQA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,SAAS,KAAK;EAC9C,MAAM,MAAM,eAAe,aAAa,YAA0B,YAAY,CAAC;EAC/E,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa,EAAE,QAAQ,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC/F;AACF,CAAC;;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;CACP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,kBAAkB,GAChC,MAAM,UAAU,EAAE,MAAM,IAAI,IAAI,MAAM,KAAK,CAAC,KAAK,IAAI,IAAI,MAAM,IACjE;CACF;AACF,CAAC;;;;;;AAOD,MAAa,UAAU,gBAAgB;CACrC,MAAM;CACN,OAAO;CACP,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EAAE,aAAa,aAAa,CAAC,MAAM,UAAU,GAAG,EAAE,gBAAgB,CAAC,CAAC;CACnF;AACF,CAAC"}

package/dist/components/badge/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/badge/context.ts"],"sourcesContent":["import type { BadgeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface BadgeContext {\n  api: ComputedRef<BadgeApi>\n}\n\nconst KEY: InjectionKey<BadgeContext> = Symbol.for('xh-badge')\n\nexport function provideBadge(ctx: BadgeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useBadgeContext(): BadgeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Badge 部件必须用在 XhBadgeRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAkC,OAAO,IAAI,UAAU;AAE7D,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}

package/dist/components/breadcrumb/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/breadcrumb/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { BreadcrumbContext } from './use-breadcrumb'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<BreadcrumbContext> = Symbol('xh-breadcrumb')\n\nexport function provideBreadcrumb(ctx: BreadcrumbContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useBreadcrumbContext(): BreadcrumbContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Breadcrumb 部件必须用在 XhBreadcrumbRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAuC,OAAO,eAAe;AAEnE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/breadcrumb/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { BreadcrumbContext } from './use-breadcrumb'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<BreadcrumbContext> = Symbol.for('xh-breadcrumb')\n\nexport function provideBreadcrumb(ctx: BreadcrumbContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useBreadcrumbContext(): BreadcrumbContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Breadcrumb 部件必须用在 XhBreadcrumbRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAuC,OAAO,IAAI,eAAe;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

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"}