@xihan-ui/vue 2.1.0 → 3.1.0

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

@@ -127,6 +127,21 @@ const XhQuestionFlowPrompt = defineComponent({
 		return () => h("p", ctx.api.value.getPromptProps({ id: props.questionId }), slots.default?.());
 	}
 });
+/**
+* 题目说明：插槽留空时显示题目自带的 description，缺席时由多选的数量要求代填。
+* 有没有说明看数据，没有时整块收起。
+*/
+const XhQuestionFlowDescription = defineComponent({
+	name: "XhQuestionFlowDescription",
+	props: { questionId: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("p", ctx.api.value.getDescriptionProps({ id: props.questionId }), slots.default?.() ?? ctx.api.value.descriptionOf(props.questionId));
+	}
+});
 const XhQuestionFlowGroup = defineComponent({
 	name: "XhQuestionFlowGroup",
 	props: { questionId: {
@@ -208,6 +223,27 @@ const XhQuestionFlowItemText = defineComponent({
 		}), slots.default?.());
 	}
 });
+/** 选项下的一行说明：同样排在选项之内，跟着选项名一起念。 */
+const XhQuestionFlowItemDescription = defineComponent({
+	name: "XhQuestionFlowItemDescription",
+	props: {
+		questionId: {
+			type: String,
+			required: true
+		},
+		optionValue: {
+			type: String,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("span", ctx.api.value.getItemDescriptionProps({
+			questionId: props.questionId,
+			value: props.optionValue
+		}), slots.default?.());
+	}
+});
 const XhQuestionFlowNote = defineComponent({
 	name: "XhQuestionFlowNote",
 	props: { questionId: {
@@ -276,6 +312,6 @@ const XhQuestionFlowLiveRegion = defineComponent({
 	}
 });
 //#endregion
-export { XhQuestionFlowCounter, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
+export { XhQuestionFlowCounter, XhQuestionFlowDescription, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemDescription, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
 
 //# sourceMappingURL=question-flow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"question-flow.js","names":[],"sources":["../../../src/components/question-flow/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// 提供 question flow 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type {\n  QuestionFlowAnswers,\n  QuestionFlowApi,\n  QuestionFlowNotes,\n  QuestionFlowQuestion,\n  QuestionFlowSchema,\n  QuestionFlowStatus,\n  QuestionFlowTranslations,\n} 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 { provideQuestionFlow, useQuestionFlowContext } from './context'\nimport { useQuestionFlow } from './use-question-flow'\n\ntype Props = QuestionFlowSchema['props']\n\n/** 默认插槽的载荷：进度、当前题，以及各条动作入口。 */\nexport type QuestionFlowRootSlotProps = Pick<\n  QuestionFlowApi,\n  'status' | 'submitted' | 'index' | 'count' | 'current' | 'isFirst' | 'isLast' | 'canAdvance'\n  | 'allowSkip' | 'counter' | 'announcement' | 'answers' | 'notes'\n  | 'goTo' | 'next' | 'prev' | 'skip' | 'submit' | 'toggleOption' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface QuestionFlowOptionSlotProps {\n  questionId: string\n  value: string\n  selected: boolean\n}\n\nexport const XhQuestionFlowRoot = defineComponent({\n  name: 'XhQuestionFlowRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    questions: { type: Array as PropType<readonly QuestionFlowQuestion[]> },\n    index: { type: Number },\n    defaultIndex: { type: Number },\n    answers: { type: Object as PropType<QuestionFlowAnswers> },\n    defaultAnswers: { type: Object as PropType<QuestionFlowAnswers> },\n    notes: { type: Object as PropType<QuestionFlowNotes> },\n    defaultNotes: { type: Object as PropType<QuestionFlowNotes> },\n    status: { type: String as PropType<QuestionFlowStatus> },\n    defaultStatus: { type: String as PropType<QuestionFlowStatus> },\n    autoAdvance: { type: Boolean, default: undefined },\n    autoAdvanceDelay: { type: Number },\n    allowSkip: { type: Boolean, default: undefined },\n    loop: { type: Boolean, default: undefined },\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<QuestionFlowTranslations>> },\n  },\n  emits: {\n    'index-change': (_details: PayloadOf<Props, 'onIndexChange'>) => true,\n    'update:index': (_value: number) => true,\n    'answers-change': (_details: PayloadOf<Props, 'onAnswersChange'>) => true,\n    'update:answers': (_value: QuestionFlowAnswers) => true,\n    'notes-change': (_details: PayloadOf<Props, 'onNotesChange'>) => true,\n    'update:notes': (_value: QuestionFlowNotes) => true,\n    'skip': (_details: PayloadOf<Props, 'onSkip'>) => true,\n    'submit': (_details: PayloadOf<Props, 'onSubmit'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: QuestionFlowRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useQuestionFlow(withXhConfig('question-flow', props) as Props, {\n      onIndexChange: (details) => {\n        emit('index-change', details)\n        emit('update:index', details.index)\n      },\n      onAnswersChange: (details) => {\n        emit('answers-change', details)\n        emit('update:answers', details.answers)\n      },\n      onNotesChange: (details) => {\n        emit('notes-change', details)\n        emit('update:notes', details.notes)\n      },\n      onSkip: details => emit('skip', details),\n      onSubmit: details => emit('submit', details),\n    })\n    provideQuestionFlow(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      submitted: ctx.api.value.submitted,\n      index: ctx.api.value.index,\n      count: ctx.api.value.count,\n      current: ctx.api.value.current,\n      isFirst: ctx.api.value.isFirst,\n      isLast: ctx.api.value.isLast,\n      canAdvance: ctx.api.value.canAdvance,\n      allowSkip: ctx.api.value.allowSkip,\n      counter: ctx.api.value.counter,\n      announcement: ctx.api.value.announcement,\n      answers: ctx.api.value.answers,\n      notes: ctx.api.value.notes,\n      goTo: ctx.api.value.goTo,\n      next: ctx.api.value.next,\n      prev: ctx.api.value.prev,\n      skip: ctx.api.value.skip,\n      submit: ctx.api.value.submit,\n      toggleOption: ctx.api.value.toggleOption,\n      setNote: ctx.api.value.setNote,\n    }))\n  },\n})\n\n/** 定高并裁切的格子；高度由状态机测量后写入内联样式的私有槽。 */\nexport const XhQuestionFlowViewport = defineComponent({\n  name: 'XhQuestionFlowViewport',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 纵向排布全部题目的轨道，同时是测量的参照系。 */\nexport const XhQuestionFlowTrack = defineComponent({\n  name: 'XhQuestionFlowTrack',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      { ...ctx.api.value.getTrackProps() as Record<string, unknown>, ref: ctx.trackRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowQuestion = defineComponent({\n  name: 'XhQuestionFlowQuestion',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getQuestionProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowPrompt = defineComponent({\n  name: 'XhQuestionFlowPrompt',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'p',\n      ctx.api.value.getPromptProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowGroup = defineComponent({\n  name: 'XhQuestionFlowGroup',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getGroupProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowItem = defineComponent({\n  name: 'XhQuestionFlowItem',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n    // 缺省交给 connect 回 questions 里查，写死 false 会盖掉数据里的禁用\n    optionDisabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: QuestionFlowOptionSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 用原生 button，指针激活由平台负责\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n        disabled: props.optionDisabled,\n      }) as Record<string, unknown>,\n      slots.default?.({\n        questionId: props.questionId,\n        value: props.optionValue,\n        selected: ctx.api.value.isOptionSelected(props.questionId, props.optionValue),\n      }),\n    )\n  },\n})\n\nexport const XhQuestionFlowItemIndicator = defineComponent({\n  name: 'XhQuestionFlowItemIndicator',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getItemIndicatorProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowItemText = defineComponent({\n  name: 'XhQuestionFlowItemText',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 排在选项之内，文本自然构成它的可及名\n    return () => h(\n      'span',\n      ctx.api.value.getItemTextProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowNote = defineComponent({\n  name: 'XhQuestionFlowNote',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props) {\n    const ctx = useQuestionFlowContext()\n    // 自闭合的输入格，内容由 value 给，不收插槽\n    return () => h('input', ctx.api.value.getNoteProps({ id: props.questionId }) as Record<string, unknown>)\n  },\n})\n\nexport const XhQuestionFlowFooter = defineComponent({\n  name: 'XhQuestionFlowFooter',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowPrevTrigger = defineComponent({\n  name: 'XhQuestionFlowPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowCounter = defineComponent({\n  name: 'XhQuestionFlowCounter',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 不给内容时显示 N / M；这一格对读屏隐藏，进度由播报区念\n    return () => h(\n      'span',\n      ctx.api.value.getCounterProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.counter,\n    )\n  },\n})\n\nexport const XhQuestionFlowNextTrigger = defineComponent({\n  name: 'XhQuestionFlowNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowSkipTrigger = defineComponent({\n  name: 'XhQuestionFlowSkipTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getSkipTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowSubmitTrigger = defineComponent({\n  name: 'XhQuestionFlowSubmitTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 一颗按钮两个身份：不是末题时继续，末题时发送，原位换 data-mode 与可访问名\n    return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowResult = defineComponent({\n  name: 'XhQuestionFlowResult',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 交卷之后才露出；文字由播报区念，这一格对读屏隐藏\n    return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowLiveRegion = defineComponent({\n  name: 'XhQuestionFlowLiveRegion',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 不给内容时念进度，交卷后念结果\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.announcement,\n    )\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"question-flow.js","names":[],"sources":["../../../src/components/question-flow/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// 提供 question flow 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type {\n  QuestionFlowAnswers,\n  QuestionFlowApi,\n  QuestionFlowNotes,\n  QuestionFlowQuestion,\n  QuestionFlowSchema,\n  QuestionFlowStatus,\n  QuestionFlowTranslations,\n} 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 { provideQuestionFlow, useQuestionFlowContext } from './context'\nimport { useQuestionFlow } from './use-question-flow'\n\ntype Props = QuestionFlowSchema['props']\n\n/** 默认插槽的载荷：进度、当前题，以及各条动作入口。 */\nexport type QuestionFlowRootSlotProps = Pick<\n  QuestionFlowApi,\n  'status' | 'submitted' | 'index' | 'count' | 'current' | 'isFirst' | 'isLast' | 'canAdvance'\n  | 'allowSkip' | 'counter' | 'announcement' | 'answers' | 'notes'\n  | 'goTo' | 'next' | 'prev' | 'skip' | 'submit' | 'toggleOption' | 'setNote'\n>\n\n/** 逐项插槽的载荷。 */\nexport interface QuestionFlowOptionSlotProps {\n  questionId: string\n  value: string\n  selected: boolean\n}\n\nexport const XhQuestionFlowRoot = defineComponent({\n  name: 'XhQuestionFlowRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    questions: { type: Array as PropType<readonly QuestionFlowQuestion[]> },\n    index: { type: Number },\n    defaultIndex: { type: Number },\n    answers: { type: Object as PropType<QuestionFlowAnswers> },\n    defaultAnswers: { type: Object as PropType<QuestionFlowAnswers> },\n    notes: { type: Object as PropType<QuestionFlowNotes> },\n    defaultNotes: { type: Object as PropType<QuestionFlowNotes> },\n    status: { type: String as PropType<QuestionFlowStatus> },\n    defaultStatus: { type: String as PropType<QuestionFlowStatus> },\n    autoAdvance: { type: Boolean, default: undefined },\n    autoAdvanceDelay: { type: Number },\n    allowSkip: { type: Boolean, default: undefined },\n    loop: { type: Boolean, default: undefined },\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<QuestionFlowTranslations>> },\n  },\n  emits: {\n    'index-change': (_details: PayloadOf<Props, 'onIndexChange'>) => true,\n    'update:index': (_value: number) => true,\n    'answers-change': (_details: PayloadOf<Props, 'onAnswersChange'>) => true,\n    'update:answers': (_value: QuestionFlowAnswers) => true,\n    'notes-change': (_details: PayloadOf<Props, 'onNotesChange'>) => true,\n    'update:notes': (_value: QuestionFlowNotes) => true,\n    'skip': (_details: PayloadOf<Props, 'onSkip'>) => true,\n    'submit': (_details: PayloadOf<Props, 'onSubmit'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: QuestionFlowRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useQuestionFlow(withXhConfig('question-flow', props) as Props, {\n      onIndexChange: (details) => {\n        emit('index-change', details)\n        emit('update:index', details.index)\n      },\n      onAnswersChange: (details) => {\n        emit('answers-change', details)\n        emit('update:answers', details.answers)\n      },\n      onNotesChange: (details) => {\n        emit('notes-change', details)\n        emit('update:notes', details.notes)\n      },\n      onSkip: details => emit('skip', details),\n      onSubmit: details => emit('submit', details),\n    })\n    provideQuestionFlow(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      submitted: ctx.api.value.submitted,\n      index: ctx.api.value.index,\n      count: ctx.api.value.count,\n      current: ctx.api.value.current,\n      isFirst: ctx.api.value.isFirst,\n      isLast: ctx.api.value.isLast,\n      canAdvance: ctx.api.value.canAdvance,\n      allowSkip: ctx.api.value.allowSkip,\n      counter: ctx.api.value.counter,\n      announcement: ctx.api.value.announcement,\n      answers: ctx.api.value.answers,\n      notes: ctx.api.value.notes,\n      goTo: ctx.api.value.goTo,\n      next: ctx.api.value.next,\n      prev: ctx.api.value.prev,\n      skip: ctx.api.value.skip,\n      submit: ctx.api.value.submit,\n      toggleOption: ctx.api.value.toggleOption,\n      setNote: ctx.api.value.setNote,\n    }))\n  },\n})\n\n/** 定高并裁切的格子；高度由状态机测量后写入内联样式的私有槽。 */\nexport const XhQuestionFlowViewport = defineComponent({\n  name: 'XhQuestionFlowViewport',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 纵向排布全部题目的轨道，同时是测量的参照系。 */\nexport const XhQuestionFlowTrack = defineComponent({\n  name: 'XhQuestionFlowTrack',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      { ...ctx.api.value.getTrackProps() as Record<string, unknown>, ref: ctx.trackRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowQuestion = defineComponent({\n  name: 'XhQuestionFlowQuestion',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getQuestionProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowPrompt = defineComponent({\n  name: 'XhQuestionFlowPrompt',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'p',\n      ctx.api.value.getPromptProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 题目说明：插槽留空时显示题目自带的 description，缺席时由多选的数量要求代填。\n * 有没有说明看数据，没有时整块收起。\n */\nexport const XhQuestionFlowDescription = defineComponent({\n  name: 'XhQuestionFlowDescription',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'p',\n      ctx.api.value.getDescriptionProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.descriptionOf(props.questionId),\n    )\n  },\n})\n\nexport const XhQuestionFlowGroup = defineComponent({\n  name: 'XhQuestionFlowGroup',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getGroupProps({ id: props.questionId }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowItem = defineComponent({\n  name: 'XhQuestionFlowItem',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n    // 缺省交给 connect 回 questions 里查，写死 false 会盖掉数据里的禁用\n    optionDisabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: QuestionFlowOptionSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 用原生 button，指针激活由平台负责\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n        disabled: props.optionDisabled,\n      }) as Record<string, unknown>,\n      slots.default?.({\n        questionId: props.questionId,\n        value: props.optionValue,\n        selected: ctx.api.value.isOptionSelected(props.questionId, props.optionValue),\n      }),\n    )\n  },\n})\n\nexport const XhQuestionFlowItemIndicator = defineComponent({\n  name: 'XhQuestionFlowItemIndicator',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getItemIndicatorProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowItemText = defineComponent({\n  name: 'XhQuestionFlowItemText',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 排在选项之内，文本自然构成它的可及名\n    return () => h(\n      'span',\n      ctx.api.value.getItemTextProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 选项下的一行说明：同样排在选项之内，跟着选项名一起念。 */\nexport const XhQuestionFlowItemDescription = defineComponent({\n  name: 'XhQuestionFlowItemDescription',\n  props: {\n    questionId: { type: String, required: true },\n    optionValue: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getItemDescriptionProps({\n        questionId: props.questionId,\n        value: props.optionValue,\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhQuestionFlowNote = defineComponent({\n  name: 'XhQuestionFlowNote',\n  props: {\n    questionId: { type: String, required: true },\n  },\n  setup(props) {\n    const ctx = useQuestionFlowContext()\n    // 自闭合的输入格，内容由 value 给，不收插槽\n    return () => h('input', ctx.api.value.getNoteProps({ id: props.questionId }) as Record<string, unknown>)\n  },\n})\n\nexport const XhQuestionFlowFooter = defineComponent({\n  name: 'XhQuestionFlowFooter',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowPrevTrigger = defineComponent({\n  name: 'XhQuestionFlowPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowCounter = defineComponent({\n  name: 'XhQuestionFlowCounter',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 不给内容时显示 N / M；这一格对读屏隐藏，进度由播报区念\n    return () => h(\n      'span',\n      ctx.api.value.getCounterProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.counter,\n    )\n  },\n})\n\nexport const XhQuestionFlowNextTrigger = defineComponent({\n  name: 'XhQuestionFlowNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowSkipTrigger = defineComponent({\n  name: 'XhQuestionFlowSkipTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    return () => h('button', ctx.api.value.getSkipTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowSubmitTrigger = defineComponent({\n  name: 'XhQuestionFlowSubmitTrigger',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 一颗按钮两个身份：不是末题时继续，末题时发送，原位换 data-mode 与可访问名\n    return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowResult = defineComponent({\n  name: 'XhQuestionFlowResult',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 交卷之后才露出；文字由播报区念，这一格对读屏隐藏\n    return () => h('div', ctx.api.value.getResultProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhQuestionFlowLiveRegion = defineComponent({\n  name: 'XhQuestionFlowLiveRegion',\n  setup(_, { slots }) {\n    const ctx = useQuestionFlowContext()\n    // 不给内容时念进度，交卷后念结果\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.announcement,\n    )\n  },\n})\n"],"mappings":";;;;;AAyCA,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CAEN,OAAO;EACL,WAAW,EAAE,MAAM,MAAmD;EACtE,OAAO,EAAE,MAAM,OAAO;EACtB,cAAc,EAAE,MAAM,OAAO;EAC7B,SAAS,EAAE,MAAM,OAAwC;EACzD,gBAAgB,EAAE,MAAM,OAAwC;EAChE,OAAO,EAAE,MAAM,OAAsC;EACrD,cAAc,EAAE,MAAM,OAAsC;EAC5D,QAAQ,EAAE,MAAM,OAAuC;EACvD,eAAe,EAAE,MAAM,OAAuC;EAC9D,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACjD,kBAAkB,EAAE,MAAM,OAAO;EACjC,WAAW;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC/C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAsD;CAC9E;CACA,OAAO;EACL,iBAAiB,aAAgD;EACjE,iBAAiB,WAAmB;EACpC,mBAAmB,aAAkD;EACrE,mBAAmB,WAAgC;EACnD,iBAAiB,aAAgD;EACjE,iBAAiB,WAA8B;EAC/C,SAAS,aAAyC;EAClD,WAAW,aAA2C;CACxD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,gBAAgB,aAAa,iBAAiB,KAAK,GAAY;GACzE,gBAAgB,YAAY;IAC1B,KAAK,gBAAgB,OAAO;IAC5B,KAAK,gBAAgB,QAAQ,KAAK;GACpC;GACA,kBAAkB,YAAY;IAC5B,KAAK,kBAAkB,OAAO;IAC9B,KAAK,kBAAkB,QAAQ,OAAO;GACxC;GACA,gBAAgB,YAAY;IAC1B,KAAK,gBAAgB,OAAO;IAC5B,KAAK,gBAAgB,QAAQ,KAAK;GACpC;GACA,SAAQ,YAAW,KAAK,QAAQ,OAAO;GACvC,WAAU,YAAW,KAAK,UAAU,OAAO;EAC7C,CAAC;EACD,oBAAoB,GAAG;EACvB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,QAAQ,IAAI,IAAI,MAAM;GACtB,WAAW,IAAI,IAAI,MAAM;GACzB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,SAAS,IAAI,IAAI,MAAM;GACvB,SAAS,IAAI,IAAI,MAAM;GACvB,QAAQ,IAAI,IAAI,MAAM;GACtB,YAAY,IAAI,IAAI,MAAM;GAC1B,WAAW,IAAI,IAAI,MAAM;GACzB,SAAS,IAAI,IAAI,MAAM;GACvB,cAAc,IAAI,IAAI,MAAM;GAC5B,SAAS,IAAI,IAAI,MAAM;GACvB,OAAO,IAAI,IAAI,MAAM;GACrB,MAAM,IAAI,IAAI,MAAM;GACpB,MAAM,IAAI,IAAI,MAAM;GACpB,MAAM,IAAI,IAAI,MAAM;GACpB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,cAAc,IAAI,IAAI,MAAM;GAC5B,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC;;AAGD,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;;AAGD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,OACA;GAAE,GAAG,IAAI,IAAI,MAAM,cAAc;GAA8B,KAAK,IAAI;EAAS,GACjF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO,EACL,YAAY;EAAE,MAAM;EAAQ,UAAU;CAAK,EAC7C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,iBAAiB,EAAE,IAAI,MAAM,WAAW,CAAC,GACvD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,OAAO,EACL,YAAY;EAAE,MAAM;EAAQ,UAAU;CAAK,EAC7C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,KACA,IAAI,IAAI,MAAM,eAAe,EAAE,IAAI,MAAM,WAAW,CAAC,GACrD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;AAMD,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,OAAO,EACL,YAAY;EAAE,MAAM;EAAQ,UAAU;CAAK,EAC7C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,KACA,IAAI,IAAI,MAAM,oBAAoB,EAAE,IAAI,MAAM,WAAW,CAAC,GAC1D,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,cAAc,MAAM,UAAU,CACnE;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO,EACL,YAAY;EAAE,MAAM;EAAQ,UAAU;CAAK,EAC7C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,cAAc,EAAE,IAAI,MAAM,WAAW,CAAC,GACpD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;EACL,YAAY;GAAE,MAAM;GAAQ,UAAU;EAAK;EAC3C,aAAa;GAAE,MAAM;GAAQ,UAAU;EAAK;EAE5C,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CACtD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,UACA,IAAI,IAAI,MAAM,aAAa;GACzB,YAAY,MAAM;GAClB,OAAO,MAAM;GACb,UAAU,MAAM;EAClB,CAAC,GACD,MAAM,UAAU;GACd,YAAY,MAAM;GAClB,OAAO,MAAM;GACb,UAAU,IAAI,IAAI,MAAM,iBAAiB,MAAM,YAAY,MAAM,WAAW;EAC9E,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,OAAO;EACL,YAAY;GAAE,MAAM;GAAQ,UAAU;EAAK;EAC3C,aAAa;GAAE,MAAM;GAAQ,UAAU;EAAK;CAC9C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,sBAAsB;GAClC,YAAY,MAAM;GAClB,OAAO,MAAM;EACf,CAAC,GACD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;EACL,YAAY;GAAE,MAAM;GAAQ,UAAU;EAAK;EAC3C,aAAa;GAAE,MAAM;GAAQ,UAAU;EAAK;CAC9C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,iBAAiB;GAC7B,YAAY,MAAM;GAClB,OAAO,MAAM;EACf,CAAC,GACD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;AAGD,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,OAAO;EACL,YAAY;GAAE,MAAM;GAAQ,UAAU;EAAK;EAC3C,aAAa;GAAE,MAAM;GAAQ,UAAU;EAAK;CAC9C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,wBAAwB;GACpC,YAAY,MAAM;GAClB,OAAO,MAAM;EACf,CAAC,GACD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO,EACL,YAAY;EAAE,MAAM;EAAQ,UAAU;CAAK,EAC7C;CACA,MAAM,OAAO;EACX,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,aAAa,EAAE,IAAI,MAAM,WAAW,CAAC,CAA4B;CACzG;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CAC5G;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,gBAAgB,GAC9B,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,OACrC;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CAC5G;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CAC5G;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,sBAAsB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB,GACjC,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,YACrC;CACF;AACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radar-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 { RadarChartContext } from './use-radar-chart'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RadarChartContext> = Symbol.for('xh-radar-chart')\n\nexport function provideRadarChart(ctx: RadarChartContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRadarChartContext(): RadarChartContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadarChart 部件必须用在 XhRadarChartRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AAExE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

package/dist/components/radar-chart/radar-chart.d.ts

@@ -0,0 +1,189 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ChartDatumDetails, ChartKey, ChartRow, NumberFormatSpec, RadarChartApi, RadarChartSchema, RadarChartTranslations, RadarCurve, RadarIndicator, RadarScale, RadarShape, RadarTooltipModel } from "@xihan-ui/headless";
+//#region src/components/radar-chart/radar-chart.d.ts
+type RadarChartProps = RadarChartSchema['props'];
+/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */
+type RadarChartRootSlotProps = Pick<RadarChartApi, 'legendItems' | 'active' | 'tooltip' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>;
+/** 提示框插槽的载荷：激活的顶点与缺省的内容模型。 */
+interface RadarChartTooltipSlotProps {
+  active: ChartDatumDetails | null;
+  tooltip: RadarTooltipModel | null;
+}
+/** 标题：图表的可及名来源。 */
+declare const XhRadarChartCaption: 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 XhRadarChartLegend: 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 XhRadarChartViewport: 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 XhRadarChartPlot: 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 XhRadarChartTooltip: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+  default?: (props: RadarChartTooltipSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 空态：没有可画的数据时显示，缺省文字取文案。 */
+declare const XhRadarChartEmpty: 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 XhRadarChartRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[]>;
+  };
+  nameField: {
+    type: StringConstructor;
+  };
+  indicators: {
+    type: PropType<readonly RadarIndicator[]>;
+  };
+  shape: {
+    type: PropType<RadarShape>;
+  };
+  area: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  scale: {
+    type: PropType<RadarScale>;
+  };
+  curve: {
+    type: PropType<RadarCurve>;
+  };
+  /** 网格分几圈，2–10，缺省 4。 */
+  rings: {
+    type: NumberConstructor;
+  };
+  /** 在 12 点方向那根轴上写出每一圈的数值；只在各指标量程相同时写。 */
+  ringLabels: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<RadarChartTranslations>>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'hidden-series-change': (_details: PayloadOf<RadarChartProps, "onHiddenSeriesChange">) => true;
+  'update:hiddenSeries': (_hidden: PayloadOf<RadarChartProps, "onHiddenSeriesChange">["hiddenSeries"]) => true;
+  'active-key-change': (_details: PayloadOf<RadarChartProps, "onActiveKeyChange">) => true;
+  'update:activeKey': (_key: PayloadOf<RadarChartProps, "onActiveKeyChange">["activeKey"]) => true;
+  'datum-active': (_details: PayloadOf<RadarChartProps, "onDatumActive">) => true;
+  'datum-press': (_details: PayloadOf<RadarChartProps, "onDatumPress">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[]>;
+  };
+  nameField: {
+    type: StringConstructor;
+  };
+  indicators: {
+    type: PropType<readonly RadarIndicator[]>;
+  };
+  shape: {
+    type: PropType<RadarShape>;
+  };
+  area: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  scale: {
+    type: PropType<RadarScale>;
+  };
+  curve: {
+    type: PropType<RadarCurve>;
+  };
+  /** 网格分几圈，2–10，缺省 4。 */
+  rings: {
+    type: NumberConstructor;
+  };
+  /** 在 12 点方向那根轴上写出每一圈的数值；只在各指标量程相同时写。 */
+  ringLabels: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<RadarChartTranslations>>;
+  };
+}>> & Readonly<{
+  "onHidden-series-change"?: ((_details: import("@xihan-ui/headless").ChartHiddenSeriesChangeDetails) => any) | undefined;
+  "onUpdate:hiddenSeries"?: ((_hidden: string[]) => any) | undefined;
+  "onActive-key-change"?: ((_details: import("@xihan-ui/headless").ChartActiveKeyChangeDetails) => any) | undefined;
+  "onUpdate:activeKey"?: ((_key: ChartKey | null) => any) | undefined;
+  "onDatum-active"?: ((_details: ChartDatumDetails | null) => any) | undefined;
+  "onDatum-press"?: ((_details: ChartDatumDetails) => any) | undefined;
+}>, {
+  area: boolean;
+  pending: boolean;
+  animated: boolean;
+  ringLabels: boolean;
+}, SlotsType<{
+  /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区与空态）、提示框。 */
+  default?: (props: RadarChartRootSlotProps) => VNode[];
+  /** 缺省结构里的标题内容。 */
+  caption?: () => VNode[];
+  /** 缺省结构里的提示框内容。 */
+  tooltip?: (props: RadarChartTooltipSlotProps) => VNode[];
+  /** 缺省结构里的空态内容。 */
+  empty?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { RadarChartRootSlotProps, RadarChartTooltipSlotProps, XhRadarChartCaption, XhRadarChartEmpty, XhRadarChartLegend, XhRadarChartPlot, XhRadarChartRoot, XhRadarChartTooltip, XhRadarChartViewport };
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/components/radar-chart/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","names":[],"sources":["../../../src/components/radar-chart/radar-chart.ts"],"mappings":";;;;KA6BK,kBAAkB;;KAGX,0BAA0B,KAAK;;UAG1B;EACf,QAAQ;EACR,SAAS;;;cAmDE,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAa7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAU3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC,OAAO,+BAA+B;kCAWnD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,8BAAA;;IAIF,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,4BAA4B;;EAEpC,gBAAM;;EAEN,WAAC,OAAO,+BAA+B;;EAEzC,cAAM;kCA8ChB"}

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

@@ -0,0 +1,220 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideRadarChart, useRadarChartContext } from "./context.js";
+import { useRadarChart } from "./use-radar-chart.js";
+import { defineComponent, h } from "vue";
+//#region src/components/radar-chart/radar-chart.ts
+/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */
+function renderDefs(api) {
+	return h("defs", api.getDefsProps(), api.patterns.map((pattern) => h("pattern", {
+		...api.getPatternProps(pattern),
+		key: pattern.id
+	}, [h("path", api.getPatternLineProps(pattern))])));
+}
+/** 一个场景标记画成 SVG 元素；文字标记带文字。 */
+function renderMark(api, mark) {
+	const props = {
+		...api.getMarkProps(mark),
+		key: mark.key
+	};
+	if (mark.kind === "group") return h("g", props, mark.children.map((child) => renderMark(api, child)));
+	if (mark.kind === "text") return h("text", props, mark.text);
+	return h("path", props);
+}
+/** 缺省的提示框内容：头部是指标名，每个可见实体一行（色标、数值、实体名）。 */
+function renderTooltipContent(api) {
+	const tooltip = api.tooltip;
+	if (!tooltip) return [];
+	return [h("div", api.getTooltipHeaderProps(), tooltip.header), ...tooltip.rows.map((row) => h("div", {
+		...api.getTooltipRowProps(row),
+		key: row.seriesId
+	}, [
+		h("span", api.getTooltipSwatchProps(row)),
+		h("span", api.getTooltipValueProps(row), row.value),
+		h("span", api.getTooltipNameProps(row), row.name)
+	]))];
+}
+/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */
+function renderA11y(api) {
+	const { columns, rows } = api.table;
+	return [h("p", api.getSummaryProps(), api.summary), h("table", api.getTableProps(), [
+		h("caption", api.tableCaption),
+		h("thead", [h("tr", columns.map((column) => h("th", {
+			key: column.id,
+			scope: "col"
+		}, column.label)))]),
+		h("tbody", rows.map((row, i) => h("tr", { key: i }, row.cells.map((cell, c) => c === 0 ? h("th", {
+			key: c,
+			scope: "row"
+		}, cell.text) : h("td", { key: c }, cell.text)))))
+	])];
+}
+/** 标题：图表的可及名来源。 */
+const XhRadarChartCaption = defineComponent({
+	name: "XhRadarChartCaption",
+	setup(_, { slots }) {
+		const ctx = useRadarChartContext();
+		return () => h("figcaption", ctx.api.value.getCaptionProps(), slots.default?.());
+	}
+});
+/** 图例：项由组件按实体生成；只有一个实体时整条收起。 */
+const XhRadarChartLegend = defineComponent({
+	name: "XhRadarChartLegend",
+	setup() {
+		const ctx = useRadarChartContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getLegendProps(), api.legendItems.map((item) => h("button", {
+				...api.getLegendItemProps(item),
+				key: item.id
+			}, [h("span", api.getLegendSwatchProps(item)), h("span", api.getLegendLabelProps(item), item.name)])));
+		};
+	}
+});
+/** 视口：尺寸观测的宿主，块尺寸由组件槽决定。 */
+const XhRadarChartViewport = defineComponent({
+	name: "XhRadarChartViewport",
+	setup(_, { slots }) {
+		const ctx = useRadarChartContext();
+		return () => h("div", {
+			...ctx.api.value.getViewportProps(),
+			ref: (el) => {
+				ctx.viewportRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+/** 绘图区：网格与指标名在下，准线其次，各实体的面积、轮廓与顶点再上，焦点环最上。 */
+const XhRadarChartPlot = defineComponent({
+	name: "XhRadarChartPlot",
+	setup() {
+		const ctx = useRadarChartContext();
+		return () => {
+			const api = ctx.api.value;
+			const marks = [
+				...api.scene.layers.back,
+				...api.overlay.under,
+				...api.scene.layers.data,
+				...api.overlay.over
+			];
+			return h("svg", api.getPlotProps(), [renderDefs(api), ...marks.map((mark) => renderMark(api, mark))]);
+		};
+	}
+});
+/** 提示框：缺省内容按激活的指标生成，作用域插槽可替换。 */
+const XhRadarChartTooltip = defineComponent({
+	name: "XhRadarChartTooltip",
+	slots: Object,
+	setup(_, { slots }) {
+		const ctx = useRadarChartContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getTooltipProps(), slots.default ? slots.default({
+				active: api.active,
+				tooltip: api.tooltip
+			}) : renderTooltipContent(api));
+		};
+	}
+});
+/** 空态：没有可画的数据时显示，缺省文字取文案。 */
+const XhRadarChartEmpty = defineComponent({
+	name: "XhRadarChartEmpty",
+	setup(_, { slots }) {
+		const ctx = useRadarChartContext();
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.() ?? ctx.api.value.emptyText);
+	}
+});
+/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */
+const XhRadarChartRoot = defineComponent({
+	name: "XhRadarChartRoot",
+	props: {
+		data: { type: Array },
+		nameField: { type: String },
+		indicators: { type: Array },
+		shape: { type: String },
+		area: {
+			type: Boolean,
+			default: void 0
+		},
+		scale: { type: String },
+		curve: { type: String },
+		/** 网格分几圈，2–10，缺省 4。 */
+		rings: { type: Number },
+		/** 在 12 点方向那根轴上写出每一圈的数值；只在各指标量程相同时写。 */
+		ringLabels: {
+			type: Boolean,
+			default: void 0
+		},
+		format: { type: [Object, Function] },
+		hiddenSeries: { type: Array },
+		defaultHiddenSeries: { type: Array },
+		activeKey: { type: [
+			String,
+			Number,
+			Date,
+			null
+		] },
+		pending: {
+			type: Boolean,
+			default: void 0
+		},
+		animated: {
+			type: Boolean,
+			default: void 0
+		},
+		locale: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"hidden-series-change": (_details) => true,
+		"update:hiddenSeries": (_hidden) => true,
+		"active-key-change": (_details) => true,
+		"update:activeKey": (_key) => true,
+		"datum-active": (_details) => true,
+		"datum-press": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useRadarChart(withXhConfig("radar-chart", props), {
+			onHiddenSeriesChange: (details) => {
+				emit("hidden-series-change", details);
+				emit("update:hiddenSeries", details.hiddenSeries);
+			},
+			onActiveKeyChange: (details) => {
+				emit("active-key-change", details);
+				emit("update:activeKey", details.activeKey);
+			},
+			onDatumActive: (details) => emit("datum-active", details),
+			onDatumPress: (details) => emit("datum-press", details)
+		});
+		provideRadarChart(ctx);
+		return () => {
+			const api = ctx.api.value;
+			const content = slots.default ? slots.default({
+				legendItems: api.legendItems,
+				active: api.active,
+				tooltip: api.tooltip,
+				empty: api.empty,
+				table: api.table,
+				hiddenSeries: api.hiddenSeries,
+				activeKey: api.activeKey,
+				toggleSeries: api.toggleSeries,
+				setFocusedDatum: api.setFocusedDatum
+			}) : [
+				...slots.caption ? [h(XhRadarChartCaption, null, () => slots.caption?.())] : [],
+				h(XhRadarChartLegend),
+				h(XhRadarChartViewport, null, () => [h(XhRadarChartPlot), h(XhRadarChartEmpty, null, slots.empty ? () => slots.empty?.() : void 0)]),
+				h(XhRadarChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : void 0)
+			];
+			return h("figure", {
+				...api.getRootProps(),
+				ref: (el) => {
+					ctx.rootRef.value = el;
+				}
+			}, [...content, ...renderA11y(api)]);
+		};
+	}
+});
+//#endregion
+export { XhRadarChartCaption, XhRadarChartEmpty, XhRadarChartLegend, XhRadarChartPlot, XhRadarChartRoot, XhRadarChartTooltip, XhRadarChartViewport };
+
+//# sourceMappingURL=radar-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.js","names":[],"sources":["../../../src/components/radar-chart/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// 提供 radar chart 相关实现。\n\nimport type {\n  ChartDatumDetails,\n  ChartKey,\n  ChartMark,\n  ChartRow,\n  NumberFormatSpec,\n  RadarChartApi,\n  RadarChartSchema,\n  RadarChartTranslations,\n  RadarCurve,\n  RadarIndicator,\n  RadarScale,\n  RadarShape,\n  RadarTooltipModel,\n} 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 { provideRadarChart, useRadarChartContext } from './context'\nimport { useRadarChart } from './use-radar-chart'\n\ntype RadarChartProps = RadarChartSchema['props']\n\n/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */\nexport type RadarChartRootSlotProps = Pick<RadarChartApi, 'legendItems' | 'active' | 'tooltip' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>\n\n/** 提示框插槽的载荷：激活的顶点与缺省的内容模型。 */\nexport interface RadarChartTooltipSlotProps {\n  active: ChartDatumDetails | null\n  tooltip: RadarTooltipModel | null\n}\n\n/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */\nfunction renderDefs(api: RadarChartApi): VNode {\n  return h('defs', api.getDefsProps() as Record<string, unknown>, api.patterns.map(pattern =>\n    h('pattern', { ...api.getPatternProps(pattern) as Record<string, unknown>, key: pattern.id }, [\n      h('path', api.getPatternLineProps(pattern) as Record<string, unknown>),\n    ])))\n}\n\n/** 一个场景标记画成 SVG 元素；文字标记带文字。 */\nfunction renderMark(api: RadarChartApi, mark: ChartMark): VNode {\n  const props = { ...api.getMarkProps(mark) as Record<string, unknown>, key: mark.key }\n  if (mark.kind === 'group')\n    return h('g', props, mark.children.map(child => renderMark(api, child)))\n  if (mark.kind === 'text')\n    return h('text', props, mark.text)\n  return h('path', props)\n}\n\n/** 缺省的提示框内容：头部是指标名，每个可见实体一行（色标、数值、实体名）。 */\nfunction renderTooltipContent(api: RadarChartApi): VNode[] {\n  const tooltip = api.tooltip\n  if (!tooltip)\n    return []\n  return [\n    h('div', api.getTooltipHeaderProps() as Record<string, unknown>, tooltip.header),\n    ...tooltip.rows.map(row => h('div', { ...api.getTooltipRowProps(row) as Record<string, unknown>, key: row.seriesId }, [\n      h('span', api.getTooltipSwatchProps(row) as Record<string, unknown>),\n      h('span', api.getTooltipValueProps(row) as Record<string, unknown>, row.value),\n      h('span', api.getTooltipNameProps(row) as Record<string, unknown>, row.name),\n    ])),\n  ]\n}\n\n/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */\nfunction renderA11y(api: RadarChartApi): VNode[] {\n  const { columns, rows } = api.table\n  return [\n    h('p', api.getSummaryProps() as Record<string, unknown>, api.summary),\n    h('table', api.getTableProps() as Record<string, unknown>, [\n      h('caption', api.tableCaption),\n      h('thead', [h('tr', columns.map(column => h('th', { key: column.id, scope: 'col' }, column.label)))]),\n      h('tbody', rows.map((row, i) => h('tr', { key: i }, row.cells.map((cell, c) =>\n        c === 0 ? h('th', { key: c, scope: 'row' }, cell.text) : h('td', { key: c }, cell.text))))),\n    ]),\n  ]\n}\n\n/** 标题：图表的可及名来源。 */\nexport const XhRadarChartCaption = defineComponent({\n  name: 'XhRadarChartCaption',\n  setup(_, { slots }) {\n    const ctx = useRadarChartContext()\n    return () => h('figcaption', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 图例：项由组件按实体生成；只有一个实体时整条收起。 */\nexport const XhRadarChartLegend = defineComponent({\n  name: 'XhRadarChartLegend',\n  setup() {\n    const ctx = useRadarChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getLegendProps() as Record<string, unknown>, api.legendItems.map(item =>\n        h('button', { ...api.getLegendItemProps(item) as Record<string, unknown>, key: item.id }, [\n          h('span', api.getLegendSwatchProps(item) as Record<string, unknown>),\n          h('span', api.getLegendLabelProps(item) as Record<string, unknown>, item.name),\n        ])))\n    }\n  },\n})\n\n/** 视口：尺寸观测的宿主，块尺寸由组件槽决定。 */\nexport const XhRadarChartViewport = defineComponent({\n  name: 'XhRadarChartViewport',\n  setup(_, { slots }) {\n    const ctx = useRadarChartContext()\n    return () => h('div', {\n      ...ctx.api.value.getViewportProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.viewportRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 绘图区：网格与指标名在下，准线其次，各实体的面积、轮廓与顶点再上，焦点环最上。 */\nexport const XhRadarChartPlot = defineComponent({\n  name: 'XhRadarChartPlot',\n  setup() {\n    const ctx = useRadarChartContext()\n    return () => {\n      const api = ctx.api.value\n      const marks = [...api.scene.layers.back, ...api.overlay.under, ...api.scene.layers.data, ...api.overlay.over]\n      return h('svg', api.getPlotProps() as Record<string, unknown>, [renderDefs(api), ...marks.map(mark => renderMark(api, mark))])\n    }\n  },\n})\n\n/** 提示框：缺省内容按激活的指标生成，作用域插槽可替换。 */\nexport const XhRadarChartTooltip = defineComponent({\n  name: 'XhRadarChartTooltip',\n  slots: Object as SlotsType<{\n    default?: (props: RadarChartTooltipSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useRadarChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getTooltipProps() as Record<string, unknown>, slots.default\n        ? slots.default({ active: api.active, tooltip: api.tooltip })\n        : renderTooltipContent(api))\n    }\n  },\n})\n\n/** 空态：没有可画的数据时显示，缺省文字取文案。 */\nexport const XhRadarChartEmpty = defineComponent({\n  name: 'XhRadarChartEmpty',\n  setup(_, { slots }) {\n    const ctx = useRadarChartContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.() ?? ctx.api.value.emptyText)\n  },\n})\n\n/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */\nexport const XhRadarChartRoot = defineComponent({\n  name: 'XhRadarChartRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    data: { type: Array as PropType<readonly ChartRow[]> },\n    nameField: { type: String },\n    indicators: { type: Array as PropType<readonly RadarIndicator[]> },\n    shape: { type: String as PropType<RadarShape> },\n    area: { type: Boolean, default: undefined },\n    scale: { type: String as PropType<RadarScale> },\n    curve: { type: String as PropType<RadarCurve> },\n    /** 网格分几圈，2–10，缺省 4。 */\n    rings: { type: Number },\n    /** 在 12 点方向那根轴上写出每一圈的数值；只在各指标量程相同时写。 */\n    ringLabels: { type: Boolean, default: undefined },\n    format: { type: [Object, Function] as PropType<NumberFormatSpec | ((value: number) => string)> },\n    hiddenSeries: { type: Array as PropType<string[]> },\n    defaultHiddenSeries: { type: Array as PropType<string[]> },\n    activeKey: { type: [String, Number, Date, null] as PropType<ChartKey | null> },\n    pending: { type: Boolean, default: undefined },\n    animated: { type: Boolean, default: undefined },\n    locale: { type: String },\n    translations: { type: Object as PropType<Partial<RadarChartTranslations>> },\n  },\n  // hidden-series-change / active-key-change 携带 details；update:* 携带裸值，支持 v-model\n  emits: {\n    'hidden-series-change': (_details: PayloadOf<RadarChartProps, 'onHiddenSeriesChange'>) => true,\n    'update:hiddenSeries': (_hidden: PayloadOf<RadarChartProps, 'onHiddenSeriesChange'>['hiddenSeries']) => true,\n    'active-key-change': (_details: PayloadOf<RadarChartProps, 'onActiveKeyChange'>) => true,\n    'update:activeKey': (_key: PayloadOf<RadarChartProps, 'onActiveKeyChange'>['activeKey']) => true,\n    'datum-active': (_details: PayloadOf<RadarChartProps, 'onDatumActive'>) => true,\n    'datum-press': (_details: PayloadOf<RadarChartProps, 'onDatumPress'>) => true,\n  },\n  slots: Object as SlotsType<{\n    /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区与空态）、提示框。 */\n    default?: (props: RadarChartRootSlotProps) => VNode[]\n    /** 缺省结构里的标题内容。 */\n    caption?: () => VNode[]\n    /** 缺省结构里的提示框内容。 */\n    tooltip?: (props: RadarChartTooltipSlotProps) => VNode[]\n    /** 缺省结构里的空态内容。 */\n    empty?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useRadarChart(withXhConfig('radar-chart', props) as RadarChartProps, {\n      onHiddenSeriesChange: (details) => {\n        emit('hidden-series-change', details)\n        emit('update:hiddenSeries', details.hiddenSeries)\n      },\n      onActiveKeyChange: (details) => {\n        emit('active-key-change', details)\n        emit('update:activeKey', details.activeKey)\n      },\n      onDatumActive: details => emit('datum-active', details),\n      onDatumPress: details => emit('datum-press', details),\n    })\n    provideRadarChart(ctx)\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default\n        ? slots.default({\n            legendItems: api.legendItems,\n            active: api.active,\n            tooltip: api.tooltip,\n            empty: api.empty,\n            table: api.table,\n            hiddenSeries: api.hiddenSeries,\n            activeKey: api.activeKey,\n            toggleSeries: api.toggleSeries,\n            setFocusedDatum: api.setFocusedDatum,\n          })\n        : [\n            ...(slots.caption ? [h(XhRadarChartCaption, null, () => slots.caption?.())] : []),\n            h(XhRadarChartLegend),\n            // 空态放进视口：叠在绘图区上，标题与图例不被盖住\n            h(XhRadarChartViewport, null, () => [\n              h(XhRadarChartPlot),\n              h(XhRadarChartEmpty, null, slots.empty ? () => slots.empty?.() : undefined),\n            ]),\n            h(XhRadarChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : undefined),\n          ]\n      return h('figure', {\n        ...api.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, [...content, ...renderA11y(api)])\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/radar-chart/use-radar-chart.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+import { RadarChartApi, RadarChartSchema } from "@xihan-ui/headless";
+//#region src/components/radar-chart/use-radar-chart.d.ts
+/** 对外的回调：由外壳（emit）或组合式调用方提供，随 props 一并喂给机器。 */
+type RadarChartNotifiers = Pick<RadarChartSchema['props'], 'onHiddenSeriesChange' | 'onActiveKeyChange' | 'onDatumActive' | 'onDatumPress'>;
+interface RadarChartContext {
+  api: ComputedRef<RadarChartApi>;
+  service: Service<RadarChartSchema>;
+  /** 根：机器在它上面读度量私有槽。 */
+  rootRef: Ref<HTMLElement | null>;
+  /** 视口：尺寸观测的宿主。 */
+  viewportRef: Ref<HTMLElement | null>;
+}
+/** 量测、度量与文字度量器都在状态机的效应里做，DOM 取值口经 refs 交入。 */
+declare function useRadarChart(props: RadarChartSchema['props'], notify?: RadarChartNotifiers): RadarChartContext;
+//#endregion
+export { RadarChartContext, RadarChartNotifiers, useRadarChart };
+//# sourceMappingURL=use-radar-chart.d.ts.map

package/dist/components/radar-chart/use-radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-radar-chart.d.ts","names":[],"sources":["../../../src/components/radar-chart/use-radar-chart.ts"],"mappings":";;;;;KAgBY,sBAAsB,KAChC;UAIe;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;EAEb,aAAa,IAAI;;;iBAIH,cACd,OAAO,2BACP,SAAS,sBACR"}