@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/question-flow/question-flow.d.ts

@@ -0,0 +1,313 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size, Tone } from "@xihan-ui/core";
+import { QuestionFlowAnswers, QuestionFlowApi, QuestionFlowNotes, QuestionFlowQuestion, QuestionFlowSchema, QuestionFlowStatus, QuestionFlowTranslations } from "@xihan-ui/headless";
+//#region src/components/question-flow/question-flow.d.ts
+type Props = QuestionFlowSchema['props'];
+/** 默认插槽的载荷：进度、当前题，以及各条动作入口。 */
+type QuestionFlowRootSlotProps = Pick<QuestionFlowApi, 'status' | 'submitted' | 'index' | 'count' | 'current' | 'isFirst' | 'isLast' | 'canAdvance' | 'allowSkip' | 'counter' | 'announcement' | 'answers' | 'notes' | 'goTo' | 'next' | 'prev' | 'skip' | 'submit' | 'toggleOption' | 'setNote'>;
+/** 逐项插槽的载荷。 */
+interface QuestionFlowOptionSlotProps {
+  questionId: string;
+  value: string;
+  selected: boolean;
+}
+declare const XhQuestionFlowRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questions: {
+    type: PropType<readonly QuestionFlowQuestion[]>;
+  };
+  index: {
+    type: NumberConstructor;
+  };
+  defaultIndex: {
+    type: NumberConstructor;
+  };
+  answers: {
+    type: PropType<QuestionFlowAnswers>;
+  };
+  defaultAnswers: {
+    type: PropType<QuestionFlowAnswers>;
+  };
+  notes: {
+    type: PropType<QuestionFlowNotes>;
+  };
+  defaultNotes: {
+    type: PropType<QuestionFlowNotes>;
+  };
+  status: {
+    type: PropType<QuestionFlowStatus>;
+  };
+  defaultStatus: {
+    type: PropType<QuestionFlowStatus>;
+  };
+  autoAdvance: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoAdvanceDelay: {
+    type: NumberConstructor;
+  };
+  allowSkip: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<QuestionFlowTranslations>>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'index-change': (_details: PayloadOf<Props, "onIndexChange">) => true;
+  'update:index': (_value: number) => true;
+  'answers-change': (_details: PayloadOf<Props, "onAnswersChange">) => true;
+  'update:answers': (_value: QuestionFlowAnswers) => true;
+  'notes-change': (_details: PayloadOf<Props, "onNotesChange">) => true;
+  'update:notes': (_value: QuestionFlowNotes) => true;
+  skip: (_details: PayloadOf<Props, "onSkip">) => true;
+  submit: (_details: PayloadOf<Props, "onSubmit">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questions: {
+    type: PropType<readonly QuestionFlowQuestion[]>;
+  };
+  index: {
+    type: NumberConstructor;
+  };
+  defaultIndex: {
+    type: NumberConstructor;
+  };
+  answers: {
+    type: PropType<QuestionFlowAnswers>;
+  };
+  defaultAnswers: {
+    type: PropType<QuestionFlowAnswers>;
+  };
+  notes: {
+    type: PropType<QuestionFlowNotes>;
+  };
+  defaultNotes: {
+    type: PropType<QuestionFlowNotes>;
+  };
+  status: {
+    type: PropType<QuestionFlowStatus>;
+  };
+  defaultStatus: {
+    type: PropType<QuestionFlowStatus>;
+  };
+  autoAdvance: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoAdvanceDelay: {
+    type: NumberConstructor;
+  };
+  allowSkip: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<QuestionFlowTranslations>>;
+  };
+}>> & Readonly<{
+  onSubmit?: ((_details: import("@xihan-ui/headless").QuestionFlowSubmitDetails) => any) | undefined;
+  "onIndex-change"?: ((_details: import("@xihan-ui/headless").QuestionFlowIndexChangeDetails) => any) | undefined;
+  "onUpdate:index"?: ((_value: number) => any) | undefined;
+  onSkip?: ((_details: import("@xihan-ui/headless").QuestionFlowSkipDetails) => any) | undefined;
+  "onAnswers-change"?: ((_details: import("@xihan-ui/headless").QuestionFlowAnswersChangeDetails) => any) | undefined;
+  "onUpdate:answers"?: ((_value: Readonly<Record<string, readonly string[]>>) => any) | undefined;
+  "onNotes-change"?: ((_details: import("@xihan-ui/headless").QuestionFlowNotesChangeDetails) => any) | undefined;
+  "onUpdate:notes"?: ((_value: Readonly<Record<string, string>>) => any) | undefined;
+}>, {
+  loop: boolean;
+  allowSkip: boolean;
+  autoAdvance: boolean;
+}, SlotsType<{
+  default?: (props: QuestionFlowRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 定高并裁切的格子；高度由状态机测量后写入内联样式的私有槽。 */
+declare const XhQuestionFlowViewport: 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 XhQuestionFlowTrack: 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 XhQuestionFlowQuestion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowPrompt: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionDisabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionDisabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  optionDisabled: boolean;
+}, SlotsType<{
+  default?: (props: QuestionFlowOptionSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowItemIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowItemText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+  optionValue: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowNote: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  questionId: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhQuestionFlowFooter: 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 XhQuestionFlowPrevTrigger: 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 XhQuestionFlowCounter: 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 XhQuestionFlowNextTrigger: 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 XhQuestionFlowSkipTrigger: 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 XhQuestionFlowSubmitTrigger: 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 XhQuestionFlowResult: 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 XhQuestionFlowLiveRegion: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { QuestionFlowOptionSlotProps, QuestionFlowRootSlotProps, XhQuestionFlowCounter, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, XhQuestionFlowItemIndicator, XhQuestionFlowItemText, XhQuestionFlowLiveRegion, XhQuestionFlowNextTrigger, XhQuestionFlowNote, XhQuestionFlowPrevTrigger, XhQuestionFlowPrompt, XhQuestionFlowQuestion, XhQuestionFlowResult, XhQuestionFlowRoot, XhQuestionFlowSkipTrigger, XhQuestionFlowSubmitTrigger, XhQuestionFlowTrack, XhQuestionFlowViewport };
+//# sourceMappingURL=question-flow.d.ts.map

package/dist/components/question-flow/question-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-flow.d.ts","names":[],"sources":["../../../src/components/question-flow/question-flow.ts"],"mappings":";;;;;KAwBK,QAAQ;;KAGD,4BAA4B,KACtC;;UAOe;EACf;EACA;EACA;;cAGW,kCAAkB,8BAAA;;IAIC,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGtB,iBAAA,UAAA,UAAU;EACZ,iBAAA;EACI,mBAAA,UAAA,UAAU;EACZ,mBAAA,QAAA;EACA,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA;EACN,OAAA,UAAA,UAAU;EACR,SAAA,UAAA,UAAU;;;IA1BH,MAAA,kBAAkB;;;;;;;;;IAGnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,8BAA8B;kCA2ClD;;cAGW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAU9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;MAajC,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;MAa/B,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAa9B,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASjB,WAAC,OAAO,gCAAgC;kCAmBpD;cAEW,2CAA2B,8BAAA;;;;;;;;;;;;;;;;;;;;MAiBtC,oDAAA;cAEW,sCAAsB,8BAAA;;;;;;;;;;;;;;;;;;;;MAkBjC,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAU7B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAWnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

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

@@ -0,0 +1,281 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideQuestionFlow, useQuestionFlowContext } from "./context.js";
+import { useQuestionFlow } from "./use-question-flow.js";
+import { defineComponent, h } from "vue";
+//#region src/components/question-flow/question-flow.ts
+const XhQuestionFlowRoot = defineComponent({
+	name: "XhQuestionFlowRoot",
+	props: {
+		questions: { type: Array },
+		index: { type: Number },
+		defaultIndex: { type: Number },
+		answers: { type: Object },
+		defaultAnswers: { type: Object },
+		notes: { type: Object },
+		defaultNotes: { type: Object },
+		status: { type: String },
+		defaultStatus: { type: String },
+		autoAdvance: {
+			type: Boolean,
+			default: void 0
+		},
+		autoAdvanceDelay: { type: Number },
+		allowSkip: {
+			type: Boolean,
+			default: void 0
+		},
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"index-change": (_details) => true,
+		"update:index": (_value) => true,
+		"answers-change": (_details) => true,
+		"update:answers": (_value) => true,
+		"notes-change": (_details) => true,
+		"update:notes": (_value) => true,
+		"skip": (_details) => true,
+		"submit": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useQuestionFlow(withXhConfig("question-flow", props), {
+			onIndexChange: (details) => {
+				emit("index-change", details);
+				emit("update:index", details.index);
+			},
+			onAnswersChange: (details) => {
+				emit("answers-change", details);
+				emit("update:answers", details.answers);
+			},
+			onNotesChange: (details) => {
+				emit("notes-change", details);
+				emit("update:notes", details.notes);
+			},
+			onSkip: (details) => emit("skip", details),
+			onSubmit: (details) => emit("submit", details)
+		});
+		provideQuestionFlow(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			status: ctx.api.value.status,
+			submitted: ctx.api.value.submitted,
+			index: ctx.api.value.index,
+			count: ctx.api.value.count,
+			current: ctx.api.value.current,
+			isFirst: ctx.api.value.isFirst,
+			isLast: ctx.api.value.isLast,
+			canAdvance: ctx.api.value.canAdvance,
+			allowSkip: ctx.api.value.allowSkip,
+			counter: ctx.api.value.counter,
+			announcement: ctx.api.value.announcement,
+			answers: ctx.api.value.answers,
+			notes: ctx.api.value.notes,
+			goTo: ctx.api.value.goTo,
+			next: ctx.api.value.next,
+			prev: ctx.api.value.prev,
+			skip: ctx.api.value.skip,
+			submit: ctx.api.value.submit,
+			toggleOption: ctx.api.value.toggleOption,
+			setNote: ctx.api.value.setNote
+		}));
+	}
+});
+/** 定高并裁切的格子；高度由状态机测量后写入内联样式的私有槽。 */
+const XhQuestionFlowViewport = defineComponent({
+	name: "XhQuestionFlowViewport",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getViewportProps(), slots.default?.());
+	}
+});
+/** 纵向排布全部题目的轨道，同时是测量的参照系。 */
+const XhQuestionFlowTrack = defineComponent({
+	name: "XhQuestionFlowTrack",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", {
+			...ctx.api.value.getTrackProps(),
+			ref: ctx.trackRef
+		}, slots.default?.());
+	}
+});
+const XhQuestionFlowQuestion = defineComponent({
+	name: "XhQuestionFlowQuestion",
+	props: { questionId: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getQuestionProps({ id: props.questionId }), slots.default?.());
+	}
+});
+const XhQuestionFlowPrompt = defineComponent({
+	name: "XhQuestionFlowPrompt",
+	props: { questionId: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("p", ctx.api.value.getPromptProps({ id: props.questionId }), slots.default?.());
+	}
+});
+const XhQuestionFlowGroup = defineComponent({
+	name: "XhQuestionFlowGroup",
+	props: { questionId: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getGroupProps({ id: props.questionId }), slots.default?.());
+	}
+});
+const XhQuestionFlowItem = defineComponent({
+	name: "XhQuestionFlowItem",
+	props: {
+		questionId: {
+			type: String,
+			required: true
+		},
+		optionValue: {
+			type: String,
+			required: true
+		},
+		optionDisabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("button", ctx.api.value.getItemProps({
+			questionId: props.questionId,
+			value: props.optionValue,
+			disabled: props.optionDisabled
+		}), slots.default?.({
+			questionId: props.questionId,
+			value: props.optionValue,
+			selected: ctx.api.value.isOptionSelected(props.questionId, props.optionValue)
+		}));
+	}
+});
+const XhQuestionFlowItemIndicator = defineComponent({
+	name: "XhQuestionFlowItemIndicator",
+	props: {
+		questionId: {
+			type: String,
+			required: true
+		},
+		optionValue: {
+			type: String,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("span", ctx.api.value.getItemIndicatorProps({
+			questionId: props.questionId,
+			value: props.optionValue
+		}), slots.default?.());
+	}
+});
+const XhQuestionFlowItemText = defineComponent({
+	name: "XhQuestionFlowItemText",
+	props: {
+		questionId: {
+			type: String,
+			required: true
+		},
+		optionValue: {
+			type: String,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("span", ctx.api.value.getItemTextProps({
+			questionId: props.questionId,
+			value: props.optionValue
+		}), slots.default?.());
+	}
+});
+const XhQuestionFlowNote = defineComponent({
+	name: "XhQuestionFlowNote",
+	props: { questionId: {
+		type: String,
+		required: true
+	} },
+	setup(props) {
+		const ctx = useQuestionFlowContext();
+		return () => h("input", ctx.api.value.getNoteProps({ id: props.questionId }));
+	}
+});
+const XhQuestionFlowFooter = defineComponent({
+	name: "XhQuestionFlowFooter",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getFooterProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowPrevTrigger = defineComponent({
+	name: "XhQuestionFlowPrevTrigger",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("button", ctx.api.value.getPrevTriggerProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowCounter = defineComponent({
+	name: "XhQuestionFlowCounter",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("span", ctx.api.value.getCounterProps(), slots.default?.() ?? ctx.api.value.counter);
+	}
+});
+const XhQuestionFlowNextTrigger = defineComponent({
+	name: "XhQuestionFlowNextTrigger",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("button", ctx.api.value.getNextTriggerProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowSkipTrigger = defineComponent({
+	name: "XhQuestionFlowSkipTrigger",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("button", ctx.api.value.getSkipTriggerProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowSubmitTrigger = defineComponent({
+	name: "XhQuestionFlowSubmitTrigger",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("button", ctx.api.value.getSubmitTriggerProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowResult = defineComponent({
+	name: "XhQuestionFlowResult",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getResultProps(), slots.default?.());
+	}
+});
+const XhQuestionFlowLiveRegion = defineComponent({
+	name: "XhQuestionFlowLiveRegion",
+	setup(_, { slots }) {
+		const ctx = useQuestionFlowContext();
+		return () => h("div", ctx.api.value.getLiveRegionProps(), slots.default?.() ?? ctx.api.value.announcement);
+	}
+});
+//#endregion
+export { XhQuestionFlowCounter, XhQuestionFlowFooter, XhQuestionFlowGroup, XhQuestionFlowItem, 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

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

package/dist/components/question-flow/use-question-flow.d.ts

@@ -0,0 +1,20 @@
+import { ComputedRef, Ref } from "vue";
+import { QuestionFlowApi, QuestionFlowSchema } from "@xihan-ui/headless";
+//#region src/components/question-flow/use-question-flow.d.ts
+type Props = QuestionFlowSchema['props'];
+interface QuestionFlowCallbacks {
+  onIndexChange?: Props['onIndexChange'];
+  onAnswersChange?: Props['onAnswersChange'];
+  onNotesChange?: Props['onNotesChange'];
+  onSkip?: Props['onSkip'];
+  onSubmit?: Props['onSubmit'];
+}
+interface QuestionFlowContext {
+  api: ComputedRef<QuestionFlowApi>;
+  /** 题目轨道：测量当前题几何时的查询容器与参照系。 */
+  trackRef: Ref<HTMLElement | null>;
+}
+declare function useQuestionFlow(props: Props, callbacks?: QuestionFlowCallbacks): QuestionFlowContext;
+//#endregion
+export { QuestionFlowCallbacks, QuestionFlowContext, useQuestionFlow };
+//# sourceMappingURL=use-question-flow.d.ts.map

package/dist/components/question-flow/use-question-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-question-flow.d.ts","names":[],"sources":["../../../src/components/question-flow/use-question-flow.ts"],"mappings":";;;KAgBK,QAAQ;UAEI;EACf,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,SAAS;EACT,WAAW;;UAGI;EACf,KAAK,YAAY;;EAEjB,UAAU,IAAI;;iBAGA,gBAAgB,OAAO,OAAO,YAAW,wBAA6B"}