@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/question-flow/use-question-flow.js

@@ -0,0 +1,24 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { computed, ref } from "vue";
+import { createScope } from "@xihan-ui/core";
+import { connectQuestionFlow, questionFlowMachine } from "@xihan-ui/headless";
+//#region src/components/question-flow/use-question-flow.ts
+function useQuestionFlow(props, callbacks = {}) {
+	const scope = createScope(null, createVueIdGenerator());
+	const trackRef = ref(null);
+	const service = useMachine(questionFlowMachine, () => ({
+		...props,
+		...callbacks
+	}), scope);
+	service.refs.set("getTrackEl", () => trackRef.value);
+	return {
+		api: computed(() => connectQuestionFlow(service, vueNormalize)),
+		trackRef
+	};
+}
+//#endregion
+export { useQuestionFlow };
+
+//# sourceMappingURL=use-question-flow.js.map

package/dist/components/question-flow/use-question-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-question-flow.js","names":[],"sources":["../../../src/components/question-flow/use-question-flow.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 question flow 相关实现。\n\nimport type { QuestionFlowApi, QuestionFlowSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectQuestionFlow, questionFlowMachine } 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\ntype Props = QuestionFlowSchema['props']\n\nexport interface QuestionFlowCallbacks {\n  onIndexChange?: Props['onIndexChange']\n  onAnswersChange?: Props['onAnswersChange']\n  onNotesChange?: Props['onNotesChange']\n  onSkip?: Props['onSkip']\n  onSubmit?: Props['onSubmit']\n}\n\nexport interface QuestionFlowContext {\n  api: ComputedRef<QuestionFlowApi>\n  /** 题目轨道：测量当前题几何时的查询容器与参照系。 */\n  trackRef: Ref<HTMLElement | null>\n}\n\nexport function useQuestionFlow(props: Props, callbacks: QuestionFlowCallbacks = {}): QuestionFlowContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const trackRef = ref<HTMLElement | null>(null)\n  const service = useMachine(questionFlowMachine, () => ({ ...props, ...callbacks }), scope)\n\n  // 量测在机器里跑，DOM 侧的取值口经 refs 交进去\n  service.refs.set('getTrackEl', () => trackRef.value)\n\n  const api = computed(() => connectQuestionFlow(service, vueNormalize))\n  return { api, trackRef }\n}\n"],"mappings":";;;;;;;AAgCA,SAAgB,gBAAgB,OAAc,YAAmC,CAAC,GAAwB;CAExG,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,WAAW,IAAwB,IAAI;CAC7C,MAAM,UAAU,WAAW,4BAA4B;EAAE,GAAG;EAAO,GAAG;CAAU,IAAI,KAAK;CAGzF,QAAQ,KAAK,IAAI,oBAAoB,SAAS,KAAK;CAGnD,OAAO;EAAE,KADG,eAAe,oBAAoB,SAAS,YAAY,CACzD;EAAG;CAAS;AACzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["import type { RadioGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { RadioGroupContext } from './use-radio-group'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / indicator 这类子部件复用同一份声明。 */\nexport interface RadioGroupItemContext {\n  item: ComputedRef<RadioGroupItemProps>\n}\n\nconst KEY: InjectionKey<RadioGroupContext> = Symbol.for('xh-radio-group')\nconst ITEM_KEY: InjectionKey<RadioGroupItemContext> = Symbol.for('xh-radio-group-item')\n\nexport function provideRadioGroup(ctx: RadioGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRadioGroupContext(): RadioGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 部件必须用在 XhRadioGroupRoot 内')\n  return ctx\n}\n\nexport function provideRadioGroupItem(ctx: RadioGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useRadioGroupItemContext(): RadioGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 条目子部件必须用在 XhRadioGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,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;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { RadioGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { RadioGroupContext } from './use-radio-group'\nimport { inject, provide } from 'vue'\n\n/** 条目声明的值与禁用，供 item-text / indicator 等子部件复用同一份声明。 */\nexport interface RadioGroupItemContext {\n  item: ComputedRef<RadioGroupItemProps>\n}\n\nconst KEY: InjectionKey<RadioGroupContext> = Symbol.for('xh-radio-group')\nconst ITEM_KEY: InjectionKey<RadioGroupItemContext> = Symbol.for('xh-radio-group-item')\n\nexport function provideRadioGroup(ctx: RadioGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRadioGroupContext(): RadioGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 部件必须用在 XhRadioGroupRoot 内')\n  return ctx\n}\n\nexport function provideRadioGroupItem(ctx: RadioGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useRadioGroupItemContext(): RadioGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 条目子部件必须用在 XhRadioGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAiBA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,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;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}

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

@@ -1,50 +1,53 @@
 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 { Direction, Orientation, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/radio-group/radio-group.d.ts
 type RadioGroupProps = RadioGroupSchema['props'];
 declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<RadioGroupNode[]>;
-    default: undefined;
   };
-  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
   label: {
     type: StringConstructor;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
-  required: BooleanConstructor;
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -54,60 +57,54 @@ declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").Extr
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<RadioGroupNode[]>;
-    default: undefined;
   };
-  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
   label: {
     type: StringConstructor;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
-  required: BooleanConstructor;
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").RadioGroupValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
 }>, {
   required: boolean;
-  name: string;
   invalid: boolean;
-  label: string;
-  value: string | null;
-  collection: RadioGroupNode[];
-  defaultValue: string | null;
-  orientation: Orientation;
-  dir: Direction;
-  tone: Tone;
-  size: Size;
   disabled: boolean;
   readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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":";;;;;KAQK,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":";;;;;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"}

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

@@ -1,3 +1,4 @@
+import { useFormControlProps } from "../form/use-form-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";
@@ -5,47 +6,32 @@ import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 const XhRadioGroupRoot = defineComponent({
 	name: "XhRadioGroupRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		/** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
-		label: {
-			type: String,
-			default: void 0
-		},
-		value: {
-			type: String,
-			default: void 0
-		},
-		defaultValue: {
-			type: String,
-			default: void 0
-		},
-		disabled: Boolean,
-		readOnly: Boolean,
-		invalid: Boolean,
-		required: Boolean,
-		orientation: {
-			type: String,
+		collection: { type: Array },
+		/** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
+		label: { type: String },
+		value: { type: String },
+		defaultValue: { type: String },
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		dir: {
-			type: String,
+		readOnly: {
+			type: Boolean,
 			default: void 0
 		},
-		name: {
-			type: String,
+		invalid: {
+			type: Boolean,
 			default: void 0
 		},
-		tone: {
-			type: String,
+		required: {
+			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		orientation: { type: String },
+		dir: { type: String },
+		name: { type: String },
+		tone: { type: String },
+		size: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -56,7 +42,7 @@ const XhRadioGroupRoot = defineComponent({
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const ctx = useRadioGroup(props, notify);
+		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) : []);
 	}
@@ -121,8 +107,8 @@ const XhRadioGroupItemText = defineComponent({
 	}
 });
 /**
-* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
-* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
 */
 function renderDefaultTree(collection, label, itemSlot) {
 	return [...label ? [h(XhRadioGroupLabel, null, () => label)] : [], ...collection.map((node) => h(XhRadioGroupItem, {

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":["import type { RadioGroupItemProps, RadioGroupNode, RadioGroupNodeMeta, RadioGroupSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\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[]>, default: undefined },\n    /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */\n    label: { type: String, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    name: { type: String, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<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(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 } 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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"}

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

@@ -1,10 +1,10 @@
 import { ComputedRef } from "vue";
+import { Service } from "@xihan-ui/core";
 import { RadioGroupApi, RadioGroupSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/radio-group/use-radio-group.d.ts
 interface RadioGroupContext {
   api: ComputedRef<RadioGroupApi>;
-  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
+  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
   service: Service<RadioGroupSchema>;
 }
 declare function useRadioGroup(props: RadioGroupSchema['props'], onValueChange?: RadioGroupSchema['props']['onValueChange']): RadioGroupContext;

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":";;;;UAUiB;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;;iBAGH,cACd,OAAO,2BACP,gBAAgB,6CACf"}

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

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectRadioGroup, radioGroupMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/radio-group/use-radio-group.ts
 function useRadioGroup(props, onValueChange) {
 	const service = useMachine(radioGroupMachine, () => ({

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":["import type { RadioGroupApi, RadioGroupSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectRadioGroup, radioGroupMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface 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":";;;;;;;AAgBA,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 } 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/rating/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { RatingContext } from './use-rating'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RatingContext> = Symbol.for('xh-rating')\n\nexport function provideRating(ctx: RatingContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRatingContext(): RatingContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Rating 部件必须用在 XhRatingRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/rating/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 { RatingContext } from './use-rating'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RatingContext> = Symbol.for('xh-rating')\n\nexport function provideRating(ctx: RatingContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRatingContext(): RatingContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Rating 部件必须用在 XhRatingRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

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

@@ -1,49 +1,54 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { Direction, Size, Tone } from "@xihan-ui/core";
 import { RatingApi, RatingItemState, RatingSchema } from "@xihan-ui/headless";
-import { Direction, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/rating/rating.d.ts
 type RatingProps = RatingSchema['props'];
 /** 默认插槽的载荷：评分与预览值、星星序号表，以及取单颗星状态与改写评分的句柄。 */
 type RatingRootSlotProps = Pick<RatingApi, 'value' | 'hoveredValue' | 'highlightedValue' | 'count' | 'empty' | 'items' | 'getItemState' | 'setValue'>;
-/** 条目默认插槽的载荷：这一颗星的选中、点亮与半亮状态。 */
+/** 条目默认插槽的载荷：该颗星的选中、点亮与半亮状态。 */
 type RatingItemSlotProps = RatingItemState;
 declare const XhRatingRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: NumberConstructor;
-    default: undefined;
   };
   defaultValue: {
     type: NumberConstructor;
-    default: undefined;
   };
   count: {
     type: NumberConstructor;
-    default: undefined;
   };
   allowHalf: BooleanConstructor;
   allowClear: {
     type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  required: BooleanConstructor;
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<RatingProps["translations"]>;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -54,39 +59,44 @@ declare const XhRatingRoot: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: NumberConstructor;
-    default: undefined;
   };
   defaultValue: {
     type: NumberConstructor;
-    default: undefined;
   };
   count: {
     type: NumberConstructor;
-    default: undefined;
   };
   allowHalf: BooleanConstructor;
   allowClear: {
     type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  required: BooleanConstructor;
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<RatingProps["translations"]>;
   };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").RatingValueChangeDetails) => any) | undefined;
@@ -94,15 +104,8 @@ declare const XhRatingRoot: import("vue").DefineComponent<import("vue").ExtractP
   "onHover-change"?: ((_details: import("@xihan-ui/headless").RatingHoverChangeDetails) => any) | undefined;
 }>, {
   required: boolean;
-  name: string;
-  value: number;
-  defaultValue: number;
-  dir: Direction;
-  tone: Tone;
-  size: Size;
   disabled: boolean;
   readOnly: boolean;
-  count: number;
   allowHalf: boolean;
   allowClear: boolean;
 }, SlotsType<{
@@ -114,6 +117,9 @@ declare const XhRatingLabel: import("vue").DefineComponent<{}, () => VNode<impor
 declare const XhRatingControl: 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 XhRatingValueText: 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 XhRatingItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<number | string>;
@@ -133,5 +139,5 @@ declare const XhRatingHiddenInput: import("vue").DefineComponent<{}, () => VNode
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { RatingItemSlotProps, RatingRootSlotProps, XhRatingControl, XhRatingHiddenInput, XhRatingItem, XhRatingLabel, XhRatingRoot };
+export { RatingItemSlotProps, RatingRootSlotProps, XhRatingControl, XhRatingHiddenInput, XhRatingItem, XhRatingLabel, XhRatingRoot, XhRatingValueText };
 //# sourceMappingURL=rating.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","names":[],"sources":["../../../src/components/rating/rating.ts"],"mappings":";;;;;KAQK,cAAc;;KAGP,sBAAsB,KAChC;;KAYU,sBAAsB;cAErB,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IAaE,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACR,iBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;IARd,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;EASvB,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,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":";;;;;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"}

package/dist/components/rating/rating.js

@@ -1,3 +1,5 @@
+import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { provideRating, useRatingContext } from "./context.js";
 import { useRating } from "./use-rating.js";
 import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
@@ -5,42 +7,31 @@ import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 const XhRatingRoot = defineComponent({
 	name: "XhRatingRoot",
 	props: {
-		value: {
-			type: Number,
-			default: void 0
-		},
-		defaultValue: {
-			type: Number,
-			default: void 0
-		},
-		count: {
-			type: Number,
-			default: void 0
-		},
+		value: { type: Number },
+		defaultValue: { type: Number },
+		count: { type: Number },
 		allowHalf: Boolean,
 		allowClear: {
 			type: Boolean,
 			default: void 0
 		},
-		disabled: Boolean,
-		readOnly: Boolean,
-		required: Boolean,
-		name: {
-			type: String,
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		dir: {
-			type: String,
+		readOnly: {
+			type: Boolean,
 			default: void 0
 		},
-		tone: {
-			type: String,
+		required: {
+			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		name: { type: String },
+		dir: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -56,7 +47,7 @@ const XhRatingRoot = defineComponent({
 		const onHoverChange = (details) => {
 			emit("hover-change", details);
 		};
-		const ctx = useRating(props, {
+		const ctx = useRating(withXhConfig("rating", useFormControlProps(props)), {
 			onValueChange,
 			onHoverChange
 		});
@@ -87,6 +78,13 @@ const XhRatingControl = defineComponent({
 		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
 	}
 });
+const XhRatingValueText = defineComponent({
+	name: "XhRatingValueText",
+	setup(_, { slots }) {
+		const ctx = useRatingContext();
+		return () => h("span", ctx.api.value.getValueTextProps(), slots.default?.() ?? ctx.api.value.valueText);
+	}
+});
 const XhRatingItem = defineComponent({
 	name: "XhRatingItem",
 	props: { value: {
@@ -126,6 +124,6 @@ const XhRatingHiddenInput = defineComponent({
 	}
 });
 //#endregion
-export { XhRatingControl, XhRatingHiddenInput, XhRatingItem, XhRatingLabel, XhRatingRoot };
+export { XhRatingControl, XhRatingHiddenInput, XhRatingItem, XhRatingLabel, XhRatingRoot, XhRatingValueText };
 
 //# sourceMappingURL=rating.js.map