@xihan-ui/vue 2.1.0 → 3.1.0

package/dist/components/radar-chart/use-radar-chart.js

@@ -0,0 +1,26 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { computed, ref } from "vue";
+import { connectRadarChart, radarChartMachine } from "@xihan-ui/headless";
+//#region src/components/radar-chart/use-radar-chart.ts
+/** 量测、度量与文字度量器都在状态机的效应里做，DOM 取值口经 refs 交入。 */
+function useRadarChart(props, notify) {
+	const rootRef = ref(null);
+	const viewportRef = ref(null);
+	const service = useMachine(radarChartMachine, () => ({
+		...props,
+		...notify
+	}));
+	service.refs.set("getRootEl", () => rootRef.value);
+	service.refs.set("getViewportEl", () => viewportRef.value);
+	return {
+		api: computed(() => connectRadarChart(service, vueNormalize)),
+		service,
+		rootRef,
+		viewportRef
+	};
+}
+//#endregion
+export { useRadarChart };
+
+//# sourceMappingURL=use-radar-chart.js.map

package/dist/components/radar-chart/use-radar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-radar-chart.js","names":[],"sources":["../../../src/components/radar-chart/use-radar-chart.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 radar chart 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { RadarChartApi, RadarChartSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectRadarChart, radarChartMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\n/** 对外的回调：由外壳（emit）或组合式调用方提供，随 props 一并喂给机器。 */\nexport type RadarChartNotifiers = Pick<\n  RadarChartSchema['props'],\n  'onHiddenSeriesChange' | 'onActiveKeyChange' | 'onDatumActive' | 'onDatumPress'\n>\n\nexport interface RadarChartContext {\n  api: ComputedRef<RadarChartApi>\n  service: Service<RadarChartSchema>\n  /** 根：机器在它上面读度量私有槽。 */\n  rootRef: Ref<HTMLElement | null>\n  /** 视口：尺寸观测的宿主。 */\n  viewportRef: Ref<HTMLElement | null>\n}\n\n/** 量测、度量与文字度量器都在状态机的效应里做，DOM 取值口经 refs 交入。 */\nexport function useRadarChart(\n  props: RadarChartSchema['props'],\n  notify?: RadarChartNotifiers,\n): RadarChartContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const viewportRef = ref<HTMLElement | null>(null)\n  // 传响应式 props 对象本身而非快照，供机器每次读时重新展开\n  const service = useMachine(radarChartMachine, () => ({ ...props, ...notify }))\n  service.refs.set('getRootEl', () => rootRef.value)\n  service.refs.set('getViewportEl', () => viewportRef.value)\n  const api = computed(() => connectRadarChart(service, vueNormalize))\n  return { api, service, rootRef, viewportRef }\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,cACd,OACA,QACmB;CACnB,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,cAAc,IAAwB,IAAI;CAEhD,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAO,EAAE;CAC7E,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CACjD,QAAQ,KAAK,IAAI,uBAAuB,YAAY,KAAK;CAEzD,OAAO;EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD;EAAG;EAAS;EAAS;CAAY;AAC9C"}

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

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, VNode } from "vue";
 import { Direction, Orientation, Size, Tone } from "@xihan-ui/core";
-import { RadioGroupNode, RadioGroupSchema } from "@xihan-ui/headless";
+import { RadioGroupNode, RadioGroupSchema, RadioGroupVariant } from "@xihan-ui/headless";
 //#region src/components/radio-group/radio-group.d.ts
 type RadioGroupProps = RadioGroupSchema['props'];
 declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -43,12 +43,23 @@ declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").Extr
   name: {
     type: StringConstructor;
   };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  block: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   tone: {
     type: PropType<Tone>;
   };
   size: {
     type: PropType<Size>;
   };
+  variant: {
+    type: PropType<RadioGroupVariant>;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -93,24 +104,41 @@ declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").Extr
   name: {
     type: StringConstructor;
   };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  block: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   tone: {
     type: PropType<Tone>;
   };
   size: {
     type: PropType<Size>;
   };
+  variant: {
+    type: PropType<RadioGroupVariant>;
+  };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").RadioGroupValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
 }>, {
   required: boolean;
   invalid: boolean;
+  loop: boolean;
   disabled: boolean;
   readOnly: boolean;
+  block: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhRadioGroupLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** segmented 形态里滑动的选中标记，位置由状态机测量后写入内联样式的私有槽；没有落点时收起。须写在条目之前。 */
+declare const XhRadioGroupThumb: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhRadioGroupItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -134,9 +162,16 @@ declare const XhRadioGroupItem: import("vue").DefineComponent<import("vue").Extr
 }>> & Readonly<{}>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 条目文字前的图标位：纯装饰，对读屏隐藏。 */
+declare const XhRadioGroupItemIcon: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhRadioGroupItemText: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhRadioGroupItemDescription: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhRadioGroupItem, XhRadioGroupItemText, XhRadioGroupLabel, XhRadioGroupRoot };
+export { XhRadioGroupItem, XhRadioGroupItemDescription, XhRadioGroupItemIcon, XhRadioGroupItemText, XhRadioGroupLabel, XhRadioGroupRoot, XhRadioGroupThumb };
 //# sourceMappingURL=radio-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../../../src/components/radio-group/radio-group.ts"],"mappings":";;;;;KAgBK,kBAAkB;cAEV,gCAAgB,8BAAA;;IAGI,MAAA,SAAS;;;;;;;IAGb,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;IAER,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAlBN,MAAA,SAAS;;;;;;;IAGb,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;IAER,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;qCA4BnC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAqC3B;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../../../src/components/radio-group/radio-group.ts"],"mappings":";;;;;KAiBK,kBAAkB;cAEV,gCAAgB,8BAAA;;IAGI,MAAA,SAAS;;;;;;;IAGb,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACN,MAAA,SAAS;;;;;EAIT,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IArBN,MAAA,SAAS;;;;;;;IAGb,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACN,MAAA,SAAS;;;;;;;;;;;;qCAoCtC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAa5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAqC3B;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

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

@@ -1,7 +1,8 @@
 import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideRadioGroup, provideRadioGroupItem, useRadioGroupContext, useRadioGroupItemContext } from "./context.js";
 import { useRadioGroup } from "./use-radio-group.js";
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { computed, defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from "vue";
 //#region src/components/radio-group/radio-group.ts
 const XhRadioGroupRoot = defineComponent({
 	name: "XhRadioGroupRoot",
@@ -30,8 +31,17 @@ const XhRadioGroupRoot = defineComponent({
 		orientation: { type: String },
 		dir: { type: String },
 		name: { type: String },
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
 		tone: { type: String },
-		size: { type: String }
+		size: { type: String },
+		variant: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -44,16 +54,41 @@ const XhRadioGroupRoot = defineComponent({
 		};
 		const ctx = useRadioGroup(useFormControlProps(props), notify);
 		provideRadioGroup(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.label?.() ?? (props.label != null ? [props.label] : null), slots.item) : []);
+		const fieldWiring = useFieldGroupWiring();
+		const fieldLabel = useFieldLabelWiring();
+		return () => {
+			const title = slots.label?.() ?? (props.label != null ? [props.label] : null);
+			return h("div", {
+				...fieldLabel.value({
+					...fieldWiring.value,
+					...ctx.api.value.getRootProps()
+				}),
+				ref: ctx.rootRef
+			}, slots.default ? [...renderLabel(title), ...slots.default()] : props.collection ? renderDefaultTree(ctx.api.value.collection, ctx.api.value.variant === "segmented", title, slots.item) : renderLabel(title));
+		};
 	}
 });
 const XhRadioGroupLabel = defineComponent({
 	name: "XhRadioGroupLabel",
 	setup(_, { slots }) {
 		const ctx = useRadioGroupContext();
+		onMounted(() => {
+			ctx.labelCount.value++;
+		});
+		onBeforeUnmount(() => {
+			ctx.labelCount.value--;
+		});
 		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
+/** segmented 形态里滑动的选中标记，位置由状态机测量后写入内联样式的私有槽；没有落点时收起。须写在条目之前。 */
+const XhRadioGroupThumb = defineComponent({
+	name: "XhRadioGroupThumb",
+	setup() {
+		const ctx = useRadioGroupContext();
+		return () => h("span", ctx.api.value.getThumbProps());
+	}
+});
 const XhRadioGroupItem = defineComponent({
 	name: "XhRadioGroupItem",
 	props: {
@@ -98,6 +133,15 @@ const XhRadioGroupItem = defineComponent({
 		]);
 	}
 });
+/** 条目文字前的图标位：纯装饰，对读屏隐藏。 */
+const XhRadioGroupItemIcon = defineComponent({
+	name: "XhRadioGroupItemIcon",
+	setup(_, { slots }) {
+		const ctx = useRadioGroupContext();
+		const { item } = useRadioGroupItemContext();
+		return () => h("span", ctx.api.value.getItemIconProps(item.value), slots.default?.());
+	}
+});
 const XhRadioGroupItemText = defineComponent({
 	name: "XhRadioGroupItemText",
 	setup(_, { slots }) {
@@ -106,17 +150,38 @@ const XhRadioGroupItemText = defineComponent({
 		return () => h("span", ctx.api.value.getItemTextProps(item.value), slots.default?.());
 	}
 });
+const XhRadioGroupItemDescription = defineComponent({
+	name: "XhRadioGroupItemDescription",
+	setup(_, { slots }) {
+		const ctx = useRadioGroupContext();
+		const { item } = useRadioGroupItemContext();
+		return () => h("span", ctx.api.value.getItemDescriptionProps(item.value), slots.default?.());
+	}
+});
 /**
 * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
 * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
+* segmented 形态的滑块排在条目之前：它绝对定位，依靠文档序让后面的条目覆盖在它上面，文字才不会被遮住。
 */
-function renderDefaultTree(collection, label, itemSlot) {
-	return [...label ? [h(XhRadioGroupLabel, null, () => label)] : [], ...collection.map((node) => h(XhRadioGroupItem, {
-		key: node.value,
-		value: node.value
-	}, () => [h(XhRadioGroupItemText, null, () => itemSlot?.(node) ?? node.label)]))];
+function renderDefaultTree(collection, segmented, label, itemSlot) {
+	return [
+		...renderLabel(label),
+		...segmented ? [h(XhRadioGroupThumb)] : [],
+		...collection.map((node) => h(XhRadioGroupItem, {
+			key: node.value,
+			value: node.value
+		}, () => [
+			...node.icon != null ? [h(XhRadioGroupItemIcon, null, () => node.icon)] : [],
+			h(XhRadioGroupItemText, null, () => itemSlot?.(node) ?? node.label),
+			...node.description != null ? [h(XhRadioGroupItemDescription, null, () => node.description)] : []
+		]))
+	];
+}
+/** 组标题：给了文字或 label 插槽才铺 label 部件。 */
+function renderLabel(title) {
+	return title ? [h(XhRadioGroupLabel, null, () => title)] : [];
 }
 //#endregion
-export { XhRadioGroupItem, XhRadioGroupItemText, XhRadioGroupLabel, XhRadioGroupRoot };
+export { XhRadioGroupItem, XhRadioGroupItemDescription, XhRadioGroupItemIcon, XhRadioGroupItemText, XhRadioGroupLabel, XhRadioGroupRoot, XhRadioGroupThumb };
 
 //# sourceMappingURL=radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-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// 提供 radio group 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { RadioGroupItemProps, RadioGroupNode, RadioGroupNodeMeta, RadioGroupSchema } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideRadioGroup, provideRadioGroupItem, useRadioGroupContext, useRadioGroupItemContext } from './context'\nimport { useRadioGroup } from './use-radio-group'\n\ntype RadioGroupProps = RadioGroupSchema['props']\n\nexport const XhRadioGroupRoot = defineComponent({\n  name: 'XhRadioGroupRoot',\n  props: {\n    collection: { type: Array as PropType<RadioGroupNode[]> },\n    /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */\n    label: { type: String },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    name: { type: String },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<RadioGroupProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RadioGroupProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: RadioGroupProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useRadioGroup(useFormControlProps(props) as RadioGroupProps, notify)\n    provideRadioGroup(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(\n              ctx.api.value.collection,\n              slots.label?.() ?? (props.label != null ? [props.label] : null),\n              slots.item,\n            )\n          : [],\n    )\n  },\n})\n\nexport const XhRadioGroupLabel = defineComponent({\n  name: 'XhRadioGroupLabel',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRadioGroupItem = defineComponent({\n  name: 'XhRadioGroupItem',\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 = useRadioGroupContext()\n    const item = computed<RadioGroupItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    provideRadioGroupItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报整组失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'GROUP.BLUR' })\n    })\n    // 隐藏输入与 indicator 由条目自行装配，不暴露成独立组件\n    return () => h('div', { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl }, [\n      h('input', ctx.api.value.getHiddenInputProps(item.value) as Record<string, unknown>),\n      h('span', ctx.api.value.getIndicatorProps(item.value) as Record<string, unknown>),\n      ...(slots.default?.() ?? []),\n    ])\n  },\n})\n\nexport const XhRadioGroupItemText = defineComponent({\n  name: 'XhRadioGroupItemText',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    const { item } = useRadioGroupItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  collection: readonly RadioGroupNodeMeta[],\n  label: (VNode | string)[] | null,\n  itemSlot?: (node: RadioGroupNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    ...(label ? [h(XhRadioGroupLabel, null, () => label)] : []),\n    // 条目内的 hidden-input 与 indicator 由 XhRadioGroupItem 自行装配\n    ...collection.map(node => h(XhRadioGroupItem, { key: node.value, value: node.value }, () => [\n      h(XhRadioGroupItemText, null, () => itemSlot?.(node) ?? node.label),\n    ])),\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-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// 提供 radio group 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { RadioGroupItemProps, RadioGroupNode, RadioGroupNodeMeta, RadioGroupSchema, RadioGroupVariant } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideRadioGroup, provideRadioGroupItem, useRadioGroupContext, useRadioGroupItemContext } from './context'\nimport { useRadioGroup } from './use-radio-group'\n\ntype RadioGroupProps = RadioGroupSchema['props']\n\nexport const XhRadioGroupRoot = defineComponent({\n  name: 'XhRadioGroupRoot',\n  props: {\n    collection: { type: Array as PropType<RadioGroupNode[]> },\n    /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */\n    label: { type: String },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    name: { type: String },\n    loop: { type: Boolean, default: undefined },\n    block: { type: Boolean, default: undefined },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    variant: { type: String as PropType<RadioGroupVariant> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<RadioGroupProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RadioGroupProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: RadioGroupProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useRadioGroup(useFormControlProps(props) as RadioGroupProps, notify)\n    provideRadioGroup(ctx)\n    // 放进表单字段时，字段的标题与说明接到组上：读屏进组时念组名与说明\n    const fieldWiring = useFieldGroupWiring()\n    const fieldLabel = useFieldLabelWiring()\n    return () => {\n      // 标题文字不论手写选项还是数据驱动都由根铺出：手写选项时不必再写 label 部件\n      const title = slots.label?.() ?? (props.label != null ? [props.label] : null)\n      return h(\n        'div',\n        { ...fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getRootProps() as Record<string, unknown> }), ref: ctx.rootRef },\n        slots.default\n          ? [...renderLabel(title), ...slots.default()]\n          : props.collection\n            ? renderDefaultTree(\n                ctx.api.value.collection,\n                ctx.api.value.variant === 'segmented',\n                title,\n                slots.item,\n              )\n            : renderLabel(title),\n      )\n    }\n  },\n})\n\nexport const XhRadioGroupLabel = defineComponent({\n  name: 'XhRadioGroupLabel',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    // 渲出来了才登记：根的 aria-labelledby 只在这个节点真在场时才指过来\n    onMounted(() => {\n      ctx.labelCount.value++\n    })\n    onBeforeUnmount(() => {\n      ctx.labelCount.value--\n    })\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** segmented 形态里滑动的选中标记，位置由状态机测量后写入内联样式的私有槽；没有落点时收起。须写在条目之前。 */\nexport const XhRadioGroupThumb = defineComponent({\n  name: 'XhRadioGroupThumb',\n  setup() {\n    const ctx = useRadioGroupContext()\n    return () => h('span', ctx.api.value.getThumbProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhRadioGroupItem = defineComponent({\n  name: 'XhRadioGroupItem',\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 = useRadioGroupContext()\n    const item = computed<RadioGroupItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    provideRadioGroupItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报整组失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'GROUP.BLUR' })\n    })\n    // 隐藏输入与 indicator 由条目自行装配，不暴露成独立组件\n    return () => h('div', { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl }, [\n      h('input', ctx.api.value.getHiddenInputProps(item.value) as Record<string, unknown>),\n      h('span', ctx.api.value.getIndicatorProps(item.value) as Record<string, unknown>),\n      ...(slots.default?.() ?? []),\n    ])\n  },\n})\n\n/** 条目文字前的图标位：纯装饰，对读屏隐藏。 */\nexport const XhRadioGroupItemIcon = defineComponent({\n  name: 'XhRadioGroupItemIcon',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    const { item } = useRadioGroupItemContext()\n    return () => h('span', ctx.api.value.getItemIconProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRadioGroupItemText = defineComponent({\n  name: 'XhRadioGroupItemText',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    const { item } = useRadioGroupItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRadioGroupItemDescription = defineComponent({\n  name: 'XhRadioGroupItemDescription',\n  setup(_, { slots }) {\n    const ctx = useRadioGroupContext()\n    const { item } = useRadioGroupItemContext()\n    return () => h('span', ctx.api.value.getItemDescriptionProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n * segmented 形态的滑块排在条目之前：它绝对定位，依靠文档序让后面的条目覆盖在它上面，文字才不会被遮住。\n */\nfunction renderDefaultTree(\n  collection: readonly RadioGroupNodeMeta[],\n  segmented: boolean,\n  label: (VNode | string)[] | null,\n  itemSlot?: (node: RadioGroupNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    ...renderLabel(label),\n    ...(segmented ? [h(XhRadioGroupThumb)] : []),\n    // 条目内的 hidden-input 与 indicator 由 XhRadioGroupItem 自行装配\n    ...collection.map(node => h(XhRadioGroupItem, { key: node.value, value: node.value }, () => [\n      ...(node.icon != null ? [h(XhRadioGroupItemIcon, null, () => node.icon)] : []),\n      h(XhRadioGroupItemText, null, () => itemSlot?.(node) ?? node.label),\n      ...(node.description != null ? [h(XhRadioGroupItemDescription, null, () => node.description)] : []),\n    ])),\n  ]\n}\n\n/** 组标题：给了文字或 label 插槽才铺 label 部件。 */\nfunction renderLabel(title: (VNode | string)[] | null): VNode[] {\n  return title ? [h(XhRadioGroupLabel, null, () => title)] : []\n}\n"],"mappings":"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"}

package/dist/components/radio-group/use-radio-group.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from "vue";
+import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
 import { RadioGroupApi, RadioGroupSchema } from "@xihan-ui/headless";
 //#region src/components/radio-group/use-radio-group.d.ts
@@ -6,6 +6,13 @@ interface RadioGroupContext {
   api: ComputedRef<RadioGroupApi>;
   /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
   service: Service<RadioGroupSchema>;
+  /** root 节点：条目集合的查询容器，同时是 segmented 形态滑块测量的参照系。 */
+  rootRef: Ref<HTMLElement | null>;
+  /**
+   * 已挂载的 label 部件数量，由 XhRadioGroupLabel 自行登记。
+   * 根的 aria-labelledby 据此决定输不输出：只看 label 属性有没有值不够，手写选项时标题可能根本没渲染。
+   */
+  labelCount: Ref<number>;
 }
 declare function useRadioGroup(props: RadioGroupSchema['props'], onValueChange?: RadioGroupSchema['props']['onValueChange']): RadioGroupContext;
 //#endregion

package/dist/components/radio-group/use-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio-group.d.ts","names":[],"sources":["../../../src/components/radio-group/use-radio-group.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,cACd,OAAO,2BACP,gBAAgB,6CACf"}
+{"version":3,"file":"use-radio-group.d.ts","names":[],"sources":["../../../src/components/radio-group/use-radio-group.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;;;;EAKb,YAAY;;iBAGE,cACd,OAAO,2BACP,gBAAgB,6CACf"}

package/dist/components/radio-group/use-radio-group.js

@@ -1,18 +1,25 @@
 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 { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
 import { connectRadioGroup, radioGroupMachine } from "@xihan-ui/headless";
 //#region src/components/radio-group/use-radio-group.ts
 function useRadioGroup(props, onValueChange) {
+	const scope = createScope(null, createVueIdGenerator());
+	const rootRef = ref(null);
+	const labelCount = ref(0);
 	const service = useMachine(radioGroupMachine, () => ({
 		...props,
+		labelled: labelCount.value > 0,
 		onValueChange
-	}), createScope(null, createVueIdGenerator()));
+	}), scope);
+	service.refs.set("getRootEl", () => rootRef.value);
 	return {
 		api: computed(() => connectRadioGroup(service, vueNormalize)),
-		service
+		service,
+		rootRef,
+		labelCount
 	};
 }
 //#endregion

package/dist/components/radio-group/use-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio-group.js","names":[],"sources":["../../../src/components/radio-group/use-radio-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// 提供 use radio group 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { RadioGroupApi, RadioGroupSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectRadioGroup, radioGroupMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface RadioGroupContext {\n  api: ComputedRef<RadioGroupApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<RadioGroupSchema>\n}\n\nexport function useRadioGroup(\n  props: RadioGroupSchema['props'],\n  onValueChange?: RadioGroupSchema['props']['onValueChange'],\n): RadioGroupContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(radioGroupMachine, () => ({ ...props, onValueChange }), scope)\n  const api = computed(() => connectRadioGroup(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,cACd,OACA,eACmB;CAGnB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO;CAAc,IADjE,YAAY,MADZ,qBACsB,CACmD,CAAC;CAExF,OAAO;EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-radio-group.js","names":[],"sources":["../../../src/components/radio-group/use-radio-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// 提供 use radio group 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { RadioGroupApi, RadioGroupSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectRadioGroup, radioGroupMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface RadioGroupContext {\n  api: ComputedRef<RadioGroupApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<RadioGroupSchema>\n  /** root 节点：条目集合的查询容器，同时是 segmented 形态滑块测量的参照系。 */\n  rootRef: Ref<HTMLElement | null>\n  /**\n   * 已挂载的 label 部件数量，由 XhRadioGroupLabel 自行登记。\n   * 根的 aria-labelledby 据此决定输不输出：只看 label 属性有没有值不够，手写选项时标题可能根本没渲染。\n   */\n  labelCount: Ref<number>\n}\n\nexport function useRadioGroup(\n  props: RadioGroupSchema['props'],\n  onValueChange?: RadioGroupSchema['props']['onValueChange'],\n): RadioGroupContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const rootRef = ref<HTMLElement | null>(null)\n  const labelCount = ref(0)\n  const service = useMachine(radioGroupMachine, () => ({ ...props, labelled: labelCount.value > 0, onValueChange }), scope)\n\n  // 滑块的量测在机器里跑，DOM 侧的取值口经 refs 交进去\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectRadioGroup(service, vueNormalize))\n  return { api, service, rootRef, labelCount }\n}\n"],"mappings":";;;;;;;AA8BA,SAAgB,cACd,OACA,eACmB;CAEnB,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,aAAa,IAAI,CAAC;CACxB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,UAAU,WAAW,QAAQ;EAAG;CAAc,IAAI,KAAK;CAGxH,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD;EAAG;EAAS;EAAS;CAAW;AAC7C"}

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

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","names":[],"sources":["../../../src/components/rating/rating.ts"],"mappings":";;;;;KAiBK,cAAc;;KAGP,sBAAsB,KAChC;;KAYU,sBAAsB;cAErB,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaE,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACR,iBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATd,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;;;EAS/B,WAAC,OAAO,wBAAwB;kCAwB5C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;IAIc,MAAA;;;;;;;IAAA,MAAA;;;;EAGzB,WAAC,OAAO,wBAAwB;kCA+B5C;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"rating.d.ts","names":[],"sources":["../../../src/components/rating/rating.ts"],"mappings":";;;;;KAkBK,cAAc;;KAGP,sBAAsB,KAChC;;KAYU,sBAAsB;cAErB,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaE,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACR,iBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATd,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;;;EAS/B,WAAC,OAAO,wBAAwB;kCAwB5C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAS1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;IAIc,MAAA;;;;;;;IAAA,MAAA;;;;EAGzB,WAAC,OAAO,wBAAwB;kCA+B5C;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/rating/rating.js

@@ -1,5 +1,6 @@
 import { withXhConfig } from "../../config/config.js";
 import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideRating, useRatingContext } from "./context.js";
 import { useRating } from "./use-rating.js";
 import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
@@ -75,7 +76,12 @@ const XhRatingControl = defineComponent({
 	name: "XhRatingControl",
 	setup(_, { slots }) {
 		const ctx = useRatingContext();
-		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+		const fieldWiring = useFieldGroupWiring();
+		const fieldLabel = useFieldLabelWiring();
+		return () => h("div", fieldLabel.value({
+			...fieldWiring.value,
+			...ctx.api.value.getControlProps()
+		}), slots.default?.());
 	}
 });
 const XhRatingValueText = defineComponent({

package/dist/components/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","names":[],"sources":["../../../src/components/rating/rating.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// 提供 rating 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { RatingApi, RatingItemState, RatingSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideRating, useRatingContext } from './context'\nimport { useRating } from './use-rating'\n\ntype RatingProps = RatingSchema['props']\n\n/** 默认插槽的载荷：评分与预览值、星星序号表，以及取单颗星状态与改写评分的句柄。 */\nexport type RatingRootSlotProps = Pick<\n  RatingApi,\n  | 'value'\n  | 'hoveredValue'\n  | 'highlightedValue'\n  | 'count'\n  | 'empty'\n  | 'items'\n  | 'getItemState'\n  | 'setValue'\n>\n\n/** 条目默认插槽的载荷：该颗星的选中、点亮与半亮状态。 */\nexport type RatingItemSlotProps = RatingItemState\n\nexport const XhRatingRoot = defineComponent({\n  name: 'XhRatingRoot',\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Number },\n    defaultValue: { type: Number },\n    count: { type: Number },\n    allowHalf: Boolean,\n    allowClear: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    name: { type: String },\n    dir: { type: String as PropType<Direction> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<RatingProps['translations']> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；hover-change 是预览通道\n  emits: {\n    'value-change': (_details: PayloadOf<RatingProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RatingProps, 'onValueChange'>['value']) => true,\n    'hover-change': (_details: PayloadOf<RatingProps, 'onHoverChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: RatingProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onHoverChange: RatingProps['onHoverChange'] = (details) => {\n      emit('hover-change', details)\n    }\n    const ctx = useRating(withXhConfig('rating', useFormControlProps(props)) as RatingProps, { onValueChange, onHoverChange })\n    provideRating(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      hoveredValue: ctx.api.value.hoveredValue,\n      highlightedValue: ctx.api.value.highlightedValue,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      // 条目序号列表，供 v-for 渲染星星\n      items: ctx.api.value.items,\n      getItemState: ctx.api.value.getItemState,\n      setValue: ctx.api.value.setValue,\n    }))\n  },\n})\n\nexport const XhRatingLabel = defineComponent({\n  name: 'XhRatingLabel',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingControl = defineComponent({\n  name: 'XhRatingControl',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingValueText = defineComponent({\n  name: 'XhRatingValueText',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    // 分值文本：写在 root 里、control 的兄弟；没给内容就填当前该点亮到的那个数\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.valueText,\n    )\n  },\n})\n\nexport const XhRatingItem = defineComponent({\n  name: 'XhRatingItem',\n  props: {\n    // 星序号，兼收字符串；往下传前统一归成数字\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useRatingContext()\n    const item = computed(() => ({ value: Number(props.value) }))\n\n    // 本条目持有焦点时，序号变更重报焦点条目，卸载时上报评分带失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item.value.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.FOCUS', index: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按序号比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'CONTROL.BLUR' })\n    })\n\n    return () => h('span', {\n      ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>,\n      ref: itemEl,\n    }, slots.default?.(ctx.api.value.getItemState(item.value)))\n  },\n})\n\nexport const XhRatingHiddenInput = defineComponent({\n  name: 'XhRatingHiddenInput',\n  setup() {\n    const ctx = useRatingContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;;AAmCA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,OAAO;EAEL,OAAO,EAAE,MAAM,OAAO;EACtB,cAAc,EAAE,MAAM,OAAO;EAC7B,OAAO,EAAE,MAAM,OAAO;EACtB,WAAW;EACX,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM,EAAE,MAAM,OAAO;EACrB,KAAK,EAAE,MAAM,OAA8B;EAC3C,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAgD;CACxE;CAEA,OAAO;EACL,iBAAiB,aAAsD;EACvE,iBAAiB,WAA6D;EAC9E,iBAAiB,aAAsD;CACzE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,iBAA+C,YAAY;GAC/D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,iBAA+C,YAAY;GAC/D,KAAK,gBAAgB,OAAO;EAC9B;EACA,MAAM,MAAM,UAAU,aAAa,UAAU,oBAAoB,KAAK,CAAC,GAAkB;GAAE;GAAe;EAAc,CAAC;EACzH,cAAc,GAAG;EACjB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,cAAc,IAAI,IAAI,MAAM;GAC5B,kBAAkB,IAAI,IAAI,MAAM;GAChC,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GAErB,OAAO,IAAI,IAAI,MAAM;GACrB,cAAc,IAAI,IAAI,MAAM;GAC5B,UAAU,IAAI,IAAI,MAAM;EAC1B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAE7B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,kBAAkB,GAChC,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SACrC;CACF;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,iBAAiB;EAC7B,MAAM,OAAO,gBAAgB,EAAE,OAAO,OAAO,MAAM,KAAK,EAAE,EAAE;EAG5D,MAAM,SAAS,IAAwB,IAAI;EAC3C,YAAY,KAAK,MAAM,QAAQ,MAAM,SAAS;GAC5C,IAAI,SAAS,MACX;GACF,MAAM,EAAE,YAAY;GACpB,IAAI,QAAQ,UAAU,MAAM,WAC1B;GACF,IAAI,OAAO,SAAS,QAAQ,MAAM,iBAAiB,MAAM,OAAO,OAC9D,QAAQ,KAAK;IAAE,MAAM;IAAc,OAAO;GAAK,CAAC;EACpD,CAAC;EACD,sBAAsB;GACpB,MAAM,EAAE,YAAY;GACpB,IAAI,QAAQ,UAAU,MAAM,WAC1B;GAEF,IAAI,OAAO,SAAS,QAAQ,MAAM,iBAAiB,MAAM,OAAO,OAC9D,QAAQ,KAAK,EAAE,MAAM,eAAe,CAAC;EACzC,CAAC;EAED,aAAa,EAAE,QAAQ;GACrB,GAAG,IAAI,IAAI,MAAM,aAAa,KAAK,KAAK;GACxC,KAAK;EACP,GAAG,MAAM,UAAU,IAAI,IAAI,MAAM,aAAa,KAAK,KAAK,CAAC,CAAC;CAC5D;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}
+{"version":3,"file":"rating.js","names":[],"sources":["../../../src/components/rating/rating.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// 提供 rating 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { RatingApi, RatingItemState, RatingSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideRating, useRatingContext } from './context'\nimport { useRating } from './use-rating'\n\ntype RatingProps = RatingSchema['props']\n\n/** 默认插槽的载荷：评分与预览值、星星序号表，以及取单颗星状态与改写评分的句柄。 */\nexport type RatingRootSlotProps = Pick<\n  RatingApi,\n  | 'value'\n  | 'hoveredValue'\n  | 'highlightedValue'\n  | 'count'\n  | 'empty'\n  | 'items'\n  | 'getItemState'\n  | 'setValue'\n>\n\n/** 条目默认插槽的载荷：该颗星的选中、点亮与半亮状态。 */\nexport type RatingItemSlotProps = RatingItemState\n\nexport const XhRatingRoot = defineComponent({\n  name: 'XhRatingRoot',\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Number },\n    defaultValue: { type: Number },\n    count: { type: Number },\n    allowHalf: Boolean,\n    allowClear: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    name: { type: String },\n    dir: { type: String as PropType<Direction> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<RatingProps['translations']> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；hover-change 是预览通道\n  emits: {\n    'value-change': (_details: PayloadOf<RatingProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RatingProps, 'onValueChange'>['value']) => true,\n    'hover-change': (_details: PayloadOf<RatingProps, 'onHoverChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: RatingProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onHoverChange: RatingProps['onHoverChange'] = (details) => {\n      emit('hover-change', details)\n    }\n    const ctx = useRating(withXhConfig('rating', useFormControlProps(props)) as RatingProps, { onValueChange, onHoverChange })\n    provideRating(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      hoveredValue: ctx.api.value.hoveredValue,\n      highlightedValue: ctx.api.value.highlightedValue,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      // 条目序号列表，供 v-for 渲染星星\n      items: ctx.api.value.items,\n      getItemState: ctx.api.value.getItemState,\n      setValue: ctx.api.value.setValue,\n    }))\n  },\n})\n\nexport const XhRatingLabel = defineComponent({\n  name: 'XhRatingLabel',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingControl = defineComponent({\n  name: 'XhRatingControl',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    // 放进表单字段时，字段的标题与说明接到星组上：读屏进组时念组名与说明\n    const fieldWiring = useFieldGroupWiring()\n    const fieldLabel = useFieldLabelWiring()\n    return () => h('div', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getControlProps() as Record<string, unknown> }), slots.default?.())\n  },\n})\n\nexport const XhRatingValueText = defineComponent({\n  name: 'XhRatingValueText',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    // 分值文本：写在 root 里、control 的兄弟；没给内容就填当前该点亮到的那个数\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.valueText,\n    )\n  },\n})\n\nexport const XhRatingItem = defineComponent({\n  name: 'XhRatingItem',\n  props: {\n    // 星序号，兼收字符串；往下传前统一归成数字\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useRatingContext()\n    const item = computed(() => ({ value: Number(props.value) }))\n\n    // 本条目持有焦点时，序号变更重报焦点条目，卸载时上报评分带失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item.value.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.FOCUS', index: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按序号比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'CONTROL.BLUR' })\n    })\n\n    return () => h('span', {\n      ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>,\n      ref: itemEl,\n    }, slots.default?.(ctx.api.value.getItemState(item.value)))\n  },\n})\n\nexport const XhRatingHiddenInput = defineComponent({\n  name: 'XhRatingHiddenInput',\n  setup() {\n    const ctx = useRatingContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning.d.ts","names":[],"sources":["../../../src/components/reasoning/reasoning.ts"],"mappings":";;;;;KAgBK,eAAe;;KAGR,yBAAyB,KAAK;cAE7B,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;IAWG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGvB,gBAAA,UAAA,UAAU;EACb,gBAAA;;;;;;;;;;;;;;;;;;;;;;;IAPI,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;EAOvC,WAAC,OAAO,2BAA2B;kCA4D/C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAW3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"reasoning.d.ts","names":[],"sources":["../../../src/components/reasoning/reasoning.ts"],"mappings":";;;;;KAgBK,eAAe;;KAGR,yBAAyB,KAAK;cAE7B,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;IAWG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGvB,gBAAA,UAAA,UAAU;EACb,gBAAA;;;;;;;;;;;;;;;;;;;;;;;IAPI,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;EAOvC,WAAC,OAAO,2BAA2B;kCA8D/C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAW3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/reasoning/reasoning.js

@@ -35,6 +35,7 @@ const XhReasoningRoot = defineComponent({
 	setup(props, { slots, emit }) {
 		const configured = withXhConfig("reasoning", props);
 		const ctx = useReasoning({
+			clock: true,
 			get running() {
 				return props.streaming;
 			},

package/dist/components/reasoning/reasoning.js.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.js","names":[],"sources":["../../../src/components/reasoning/reasoning.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// 提供 reasoning 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ReasoningApi, ReasoningProps, ReasoningTranslations, ToolCallSchema } 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 { provideReasoning, useReasoningContext } from './context'\nimport { useReasoning } from './use-reasoning'\n\ntype MachineProps = ToolCallSchema['props']\n\n/** 默认插槽的载荷：开合、是否仍在思考、思考时长，以及当前应显示的状态文案。 */\nexport type ReasoningRootSlotProps = Pick<ReasoningApi, 'open' | 'streaming' | 'disabled' | 'durationMs' | 'statusText' | 'setOpen'>\n\nexport const XhReasoningRoot = defineComponent({\n  name: 'XhReasoningRoot',\n  props: {\n    streaming: Boolean,\n    startTime: { type: Number },\n    endTime: { type: Number },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    // 用 undefined 而非裸 Boolean，缺省值由机器给出\n    autoDisclosure: { type: Boolean, default: undefined },\n    disabled: Boolean,\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<ReasoningTranslations>> },\n  },\n  emits: {\n    'open-change': (_details: PayloadOf<MachineProps, 'onOpenChange'>) => true,\n    'update:open': (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ReasoningRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const configured = withXhConfig('reasoning', props)\n    const machineProps: MachineProps = {\n      // 还在写就是还在跑，自动开合据此走\n      get running() {\n        return props.streaming\n      },\n      get open() {\n        return props.open\n      },\n      get defaultOpen() {\n        return props.defaultOpen\n      },\n      get autoDisclosure() {\n        return props.autoDisclosure\n      },\n      get disabled() {\n        return props.disabled\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const viewProps: ReasoningProps = {\n      get streaming() {\n        return props.streaming\n      },\n      get startTime() {\n        return props.startTime\n      },\n      get endTime() {\n        return props.endTime\n      },\n      get variant() {\n        return props.variant\n      },\n      get tone() {\n        return props.tone\n      },\n      get size() {\n        return configured.size\n      },\n      get translations() {\n        return configured.translations\n      },\n    }\n    const ctx = useReasoning(machineProps, viewProps)\n    provideReasoning(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      streaming: ctx.api.value.streaming,\n      disabled: ctx.api.value.disabled,\n      durationMs: ctx.api.value.durationMs,\n      statusText: ctx.api.value.statusText,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhReasoningTrigger = defineComponent({\n  name: 'XhReasoningTrigger',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIcon = defineComponent({\n  name: 'XhReasoningIcon',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 状态图形位：跟着在不在想换色，对读屏隐藏\n    return () => h('span', ctx.api.value.getIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIndicator = defineComponent({\n  name: 'XhReasoningIndicator',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningLabel = defineComponent({\n  name: 'XhReasoningLabel',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 不给内容时显示当前状态那一句\n    return () => h(\n      'span',\n      ctx.api.value.getLabelProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.statusText,\n    )\n  },\n})\n\nexport const XhReasoningDuration = defineComponent({\n  name: 'XhReasoningDuration',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getDurationProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningContent = defineComponent({\n  name: 'XhReasoningContent',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"reasoning.js","names":[],"sources":["../../../src/components/reasoning/reasoning.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// 提供 reasoning 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ReasoningApi, ReasoningProps, ReasoningTranslations, ToolCallSchema } 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 { provideReasoning, useReasoningContext } from './context'\nimport { useReasoning } from './use-reasoning'\n\ntype MachineProps = ToolCallSchema['props']\n\n/** 默认插槽的载荷：开合、是否仍在思考、思考时长，以及当前应显示的状态文案。 */\nexport type ReasoningRootSlotProps = Pick<ReasoningApi, 'open' | 'streaming' | 'disabled' | 'durationMs' | 'statusText' | 'setOpen'>\n\nexport const XhReasoningRoot = defineComponent({\n  name: 'XhReasoningRoot',\n  props: {\n    streaming: Boolean,\n    startTime: { type: Number },\n    endTime: { type: Number },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    // 用 undefined 而非裸 Boolean，缺省值由机器给出\n    autoDisclosure: { type: Boolean, default: undefined },\n    disabled: Boolean,\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<ReasoningTranslations>> },\n  },\n  emits: {\n    'open-change': (_details: PayloadOf<MachineProps, 'onOpenChange'>) => true,\n    'update:open': (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ReasoningRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const configured = withXhConfig('reasoning', props)\n    const machineProps: MachineProps = {\n      // 思考中每秒走一次表，已用时据此跟着走\n      clock: true,\n      // 还在写就是还在跑，自动开合据此走\n      get running() {\n        return props.streaming\n      },\n      get open() {\n        return props.open\n      },\n      get defaultOpen() {\n        return props.defaultOpen\n      },\n      get autoDisclosure() {\n        return props.autoDisclosure\n      },\n      get disabled() {\n        return props.disabled\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const viewProps: ReasoningProps = {\n      get streaming() {\n        return props.streaming\n      },\n      get startTime() {\n        return props.startTime\n      },\n      get endTime() {\n        return props.endTime\n      },\n      get variant() {\n        return props.variant\n      },\n      get tone() {\n        return props.tone\n      },\n      get size() {\n        return configured.size\n      },\n      get translations() {\n        return configured.translations\n      },\n    }\n    const ctx = useReasoning(machineProps, viewProps)\n    provideReasoning(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      streaming: ctx.api.value.streaming,\n      disabled: ctx.api.value.disabled,\n      durationMs: ctx.api.value.durationMs,\n      statusText: ctx.api.value.statusText,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhReasoningTrigger = defineComponent({\n  name: 'XhReasoningTrigger',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIcon = defineComponent({\n  name: 'XhReasoningIcon',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 状态图形位：跟着在不在想换色，对读屏隐藏\n    return () => h('span', ctx.api.value.getIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIndicator = defineComponent({\n  name: 'XhReasoningIndicator',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningLabel = defineComponent({\n  name: 'XhReasoningLabel',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 不给内容时显示当前状态那一句\n    return () => h(\n      'span',\n      ctx.api.value.getLabelProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.statusText,\n    )\n  },\n})\n\nexport const XhReasoningDuration = defineComponent({\n  name: 'XhReasoningDuration',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getDurationProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningContent = defineComponent({\n  name: 'XhReasoningContent',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/sankey-chart/context.js

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

package/dist/components/sankey-chart/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/sankey-chart/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 { SankeyChartContext } from './use-sankey-chart'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SankeyChartContext> = Symbol.for('xh-sankey-chart')\n\nexport function provideSankeyChart(ctx: SankeyChartContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSankeyChartContext(): SankeyChartContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SankeyChart 部件必须用在 XhSankeyChartRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,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"}