@neut/ui 0.0.16 → 0.0.18

package/dist/components/questionnaire/QuestionnaireItem/QuestionnaireItem.js

@@ -0,0 +1,88 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { QuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { useQuestionnaireItem as n } from "../useQuestionnaireItem.js";
+import { createComponent as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { createEffect as l, mergeProps as u, onCleanup as d, splitProps as f } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireItem/QuestionnaireItem.tsx
+var p = /*#__PURE__*/ s("<fieldset>");
+function m(s) {
+	let m = u({
+		required: !1,
+		multiple: !1,
+		disabled: !1,
+		invalid: !1
+	}, s), [h, g] = f(m, [
+		"name",
+		"required",
+		"multiple",
+		"disabled",
+		"invalid",
+		"onStatusChange",
+		"class",
+		"classList",
+		"children"
+	]), _ = n({
+		name: h.name,
+		required: () => h.required,
+		multiple: () => h.multiple,
+		disabled: () => h.disabled,
+		invalid: () => h.invalid
+	}), v;
+	return l(() => {
+		let e = _.context.status();
+		v !== void 0 && v !== e && h.onStatusChange?.(e), v = e;
+	}), r(t.Provider, {
+		get value() {
+			return _.context;
+		},
+		get children() {
+			var t = p();
+			return c((e) => {
+				d(_.registerElement(e));
+			}, t), o(t, a(g, {
+				get disabled() {
+					return _.context.disabled();
+				},
+				get hidden() {
+					return !_.context.active();
+				},
+				get inert() {
+					return !_.context.active();
+				},
+				tabIndex: -1,
+				get "aria-describedby"() {
+					return _.describedBy();
+				},
+				get "aria-invalid"() {
+					return _.context.invalid() || void 0;
+				},
+				get "aria-keyshortcuts"() {
+					return _.keyshortcuts();
+				},
+				"data-slot": "questionnaire-item",
+				get "data-active"() {
+					return _.context.active() ? "" : void 0;
+				},
+				get "data-status"() {
+					return _.context.status();
+				},
+				get "data-invalid"() {
+					return _.context.invalid() ? "" : void 0;
+				},
+				get "data-disabled"() {
+					return _.context.disabled() ? "" : void 0;
+				},
+				get class() {
+					return e("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", h.class);
+				},
+				get classList() {
+					return h.classList;
+				}
+			}), !1, !0), i(t, () => h.children), t;
+		}
+	});
+}
+//#endregion
+export { m as QuestionnaireItem };
+
+//# sourceMappingURL=QuestionnaireItem.js.map

package/dist/components/questionnaire/QuestionnaireItem/QuestionnaireItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireItem.js","names":["createEffect","mergeProps","onCleanup","splitProps","clsx","QuestionnaireItemContext","useQuestionnaireItem","QuestionnaireItemStatus","QuestionnaireItemProps","QuestionnaireItem","props","merged","required","multiple","disabled","invalid","local","rest","engine","name","lastStatus","status","context","undefined","onStatusChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$use","el","registerElement","_$spread","_$mergeProps","hidden","active","inert","aria-describedby","describedBy","aria-invalid","aria-keyshortcuts","keyshortcuts","data-active","data-status","data-invalid","data-disabled","class","classList","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","QuestionnaireItem","merged","props","local","rest","splitProps","engine","useQuestionnaireItem","lastStatus","createEffect","status","createComponent","QuestionnaireItemContext","_el$","use","el","spread","mergeProps","\"tabIndex\"","\"class\"","clsx","insert"],"sources":["../../../../src/components/questionnaire/QuestionnaireItem/QuestionnaireItem.tsx"],"sourcesContent":["import { createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { QuestionnaireItemContext } from \"../questionnaire.context\";\nimport { useQuestionnaireItem } from \"../useQuestionnaireItem\";\nimport type { QuestionnaireItemStatus } from \"../questionnaire.types\";\nimport type { QuestionnaireItemProps } from \"../questionnaire.types\";\n\n/** 单个题目:fieldset,非激活时 hidden + inert,并向 Root 注册命令式句柄 */\nexport function QuestionnaireItem(props: QuestionnaireItemProps) {\n  const merged = mergeProps(\n    { required: false, multiple: false, disabled: false, invalid: false },\n    props,\n  );\n  const [local, rest] = splitProps(merged, [\n    \"name\",\n    \"required\",\n    \"multiple\",\n    \"disabled\",\n    \"invalid\",\n    \"onStatusChange\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const engine = useQuestionnaireItem({\n    name: local.name,\n    required: () => local.required,\n    multiple: () => local.multiple,\n    disabled: () => local.disabled,\n    invalid: () => local.invalid,\n  });\n\n  let lastStatus: QuestionnaireItemStatus | undefined;\n  createEffect(() => {\n    const status = engine.context.status();\n    if (lastStatus !== undefined && lastStatus !== status) {\n      local.onStatusChange?.(status);\n    }\n    lastStatus = status;\n  });\n\n  return (\n    <QuestionnaireItemContext.Provider value={engine.context}>\n      <fieldset\n        {...rest}\n        ref={(el) => {\n          onCleanup(engine.registerElement(el));\n        }}\n        disabled={engine.context.disabled()}\n        hidden={!engine.context.active()}\n        inert={!engine.context.active()}\n        tabIndex={-1}\n        aria-describedby={engine.describedBy()}\n        aria-invalid={engine.context.invalid() || undefined}\n        aria-keyshortcuts={engine.keyshortcuts()}\n        data-slot=\"questionnaire-item\"\n        data-active={engine.context.active() ? \"\" : undefined}\n        data-status={engine.context.status()}\n        data-invalid={engine.context.invalid() ? \"\" : undefined}\n        data-disabled={engine.context.disabled() ? \"\" : undefined}\n        class={clsx(\n          \"flex min-w-0 flex-col gap-4 border-0 p-0 outline-none\",\n          local.class,\n        )}\n        classList={local.classList}\n      >\n        {local.children}\n      </fieldset>\n    </QuestionnaireItemContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgBS,EAAkBC,GAA+B;CAC/D,IAAMC,IAASV,EACb;EAAEW,UAAU;EAAOC,UAAU;EAAOC,UAAU;EAAOC,SAAS;CAAM,GACpEL,CACF,GACM,CAACM,GAAOC,KAAQd,EAAWQ,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKO,IAASZ,EAAqB;EAClCa,MAAMH,EAAMG;EACZP,gBAAgBI,EAAMJ;EACtBC,gBAAgBG,EAAMH;EACtBC,gBAAgBE,EAAMF;EACtBC,eAAeC,EAAMD;CACvB,CAAC,GAEGK;CASJ,OARApB,QAAmB;EACjB,IAAMqB,IAASH,EAAOI,QAAQD,OAAO;EAIrCD,AAHIA,MAAeG,KAAAA,KAAaH,MAAeC,KAC7CL,EAAMQ,iBAAiBH,CAAM,GAE/BD,IAAaC;CACf,CAAC,GAEDI,EACGpB,EAAyBqB,UAAQ;EAAA,IAACC,QAAK;GAAA,OAAET,EAAOI;EAAO;EAAA,IAAAM,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAwBrC,OAxBqCC,GAG9CC,MAAO;IACX9B,EAAUgB,EAAOe,gBAAgBD,CAAE,CAAC;GACtC,GAACH,CAAA,GAAAK,EAAAL,GAAAM,EAHGlB,GAAI;IAAA,IAIRH,WAAQ;KAAA,OAAEI,EAAOI,QAAQR,SAAS;IAAC;IAAA,IACnCsB,SAAM;KAAA,OAAE,CAAClB,EAAOI,QAAQe,OAAO;IAAC;IAAA,IAChCC,QAAK;KAAA,OAAE,CAACpB,EAAOI,QAAQe,OAAO;IAAC;IAAAqC,UAAA;IAAA,IAAA,qBAAA;KAAA,OAEbxD,EAAOsB,YAAY;IAAC;IAAA,IAAA,iBAAA;KAAA,OACxBtB,EAAOI,QAAQP,QAAQ,KAAKQ,KAAAA;IAAS;IAAA,IAAA,sBAAA;KAAA,OAChCL,EAAOyB,aAAa;IAAC;IAAA,aAC9B;IAAoB,IAAA,gBAAA;KAAA,OACjBzB,EAAOI,QAAQe,OAAO,IAAI,KAAKd,KAAAA;IAAS;IAAA,IAAA,gBAAA;KAAA,OACxCL,EAAOI,QAAQD,OAAO;IAAC;IAAA,IAAA,iBAAA;KAAA,OACtBH,EAAOI,QAAQP,QAAQ,IAAI,KAAKQ,KAAAA;IAAS;IAAA,IAAA,kBAAA;KAAA,OACxCL,EAAOI,QAAQR,SAAS,IAAI,KAAKS,KAAAA;IAAS;IAAA,IAAAoD,QAAA;KAAA,OAClDvE,EACL,yDACAY,EAAMgC,KACR;IAAC;IAAA,IACDC,YAAS;KAAA,OAAEjC,EAAMiC;IAAS;GAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAArB,SAEzBb,EAAMY,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/questionnaire/QuestionnaireItem/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnaireItem } from './QuestionnaireItem';

package/dist/components/questionnaire/QuestionnaireNavigation/QuestionnaireNavigation.d.ts

@@ -0,0 +1,5 @@
+import { QuestionnaireNavigationProps } from '../questionnaire.types';
+export declare const QuestionnairePrevious: (props: QuestionnaireNavigationProps) => import('solid-js').JSX.Element;
+export declare const QuestionnaireSkip: (props: QuestionnaireNavigationProps) => import('solid-js').JSX.Element;
+export declare const QuestionnaireNext: (props: QuestionnaireNavigationProps) => import('solid-js').JSX.Element;
+export declare const QuestionnaireSubmit: (props: QuestionnaireNavigationProps) => import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireNavigation/QuestionnaireNavigation.js

@@ -0,0 +1,104 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { useQuestionnaireRootContext as n } from "../questionnaire.context.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireNavigation/QuestionnaireNavigation.tsx
+function s(e) {
+	switch (e) {
+		case "previous": return "Previous";
+		case "skip": return "Skip";
+		case "next": return "Next";
+		case "submit": return "Submit";
+	}
+}
+function c(c) {
+	let l = n("QuestionnaireNavigation"), u = a({
+		variant: void 0,
+		size: "md",
+		disabled: !1
+	}, c), [d, f] = o(u, [
+		"kind",
+		"class",
+		"classList",
+		"variant",
+		"size",
+		"disabled",
+		"onClick",
+		"children",
+		"type"
+	]), p = () => {
+		let e = l.state();
+		switch (d.kind) {
+			case "previous": return e.total > 1 && !e.first;
+			case "next": return e.total > 1 && !e.last;
+			case "skip": return l.activeItemRequired() === !1;
+			case "submit": return e.total > 0 && e.last;
+		}
+	}, m = () => p() && !d.disabled && (d.kind === "next" || d.kind === "submit") ? "Enter" : null;
+	return r(t, i(f, {
+		get type() {
+			return d.type ?? (d.kind === "submit" ? "submit" : "button");
+		},
+		get variant() {
+			return d.variant ?? (d.kind === "previous" || d.kind === "skip" ? "outline" : "primary");
+		},
+		get size() {
+			return d.size;
+		},
+		get disabled() {
+			return d.disabled;
+		},
+		onClick: (e) => {
+			let t = d.onClick;
+			Array.isArray(t) ? t[0](t[1], e) : t?.(e), !e?.defaultPrevented && (d.kind === "previous" ? l.goPrevious() : d.kind === "skip" ? l.skipCurrent() : d.kind === "next" && l.goNext());
+		},
+		get "data-slot"() {
+			return `questionnaire-${d.kind}`;
+		},
+		get "data-visible"() {
+			return p() ? "" : void 0;
+		},
+		get "data-hidden"() {
+			return p() ? void 0 : "";
+		},
+		get "data-status"() {
+			return l.activeItemStatus() ?? void 0;
+		},
+		get "data-shortcut"() {
+			return m() ?? void 0;
+		},
+		get "data-disabled"() {
+			return d.disabled ? "" : void 0;
+		},
+		get "aria-hidden"() {
+			return !p() || void 0;
+		},
+		get "aria-keyshortcuts"() {
+			return m() ?? void 0;
+		},
+		get hidden() {
+			return !p();
+		},
+		get inert() {
+			return !p();
+		},
+		get tabIndex() {
+			return p() ? 0 : -1;
+		},
+		get class() {
+			return e(d.kind === "previous" && "justify-self-start", d.kind !== "previous" && "justify-self-end", d.class);
+		},
+		get classList() {
+			return d.classList;
+		},
+		get children() {
+			return d.children ?? s(d.kind);
+		}
+	}));
+}
+var l = (e) => r(c, i(e, { kind: "previous" })), u = (e) => r(c, i(e, { kind: "skip" })), d = (e) => r(c, i(e, { kind: "next" })), f = (e) => r(c, i(e, { kind: "submit" }));
+//#endregion
+export { d as QuestionnaireNext, l as QuestionnairePrevious, u as QuestionnaireSkip, f as QuestionnaireSubmit };
+
+//# sourceMappingURL=QuestionnaireNavigation.js.map

package/dist/components/questionnaire/QuestionnaireNavigation/QuestionnaireNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireNavigation.js","names":["mergeProps","splitProps","Button","clsx","MouseEventHandler","useQuestionnaireRootContext","QuestionnaireNavigationProps","NavigationKind","NavButtonProps","kind","defaultLabel","NavButton","props","root","merged","variant","undefined","size","const","disabled","local","rest","visible","state","total","first","last","activeItemRequired","shortcut","handleClick","event","userOnClick","onClick","e","data","Array","isArray","defaultPrevented","goPrevious","skipCurrent","goNext","_$createComponent","_$mergeProps","type","data-slot","data-visible","data-hidden","data-status","activeItemStatus","data-shortcut","data-disabled","aria-hidden","aria-keyshortcuts","hidden","inert","tabIndex","class","classList","children","QuestionnairePrevious","QuestionnaireSkip","QuestionnaireNext","QuestionnaireSubmit","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","defaultLabel","kind","NavButton","root","useQuestionnaireRootContext","merged","props","local","rest","splitProps","visible","state","shortcut","createComponent","Button","mergeProps","userOnClick","event","\"class\"","clsx","QuestionnairePrevious","QuestionnaireSkip","QuestionnaireNext","QuestionnaireSubmit"],"sources":["../../../../src/components/questionnaire/QuestionnaireNavigation/QuestionnaireNavigation.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport type { MouseEventHandler } from \"~/types\";\nimport { useQuestionnaireRootContext } from \"../questionnaire.context\";\nimport type { QuestionnaireNavigationProps } from \"../questionnaire.types\";\n\ntype NavigationKind = \"previous\" | \"skip\" | \"next\" | \"submit\";\n\ninterface NavButtonProps extends QuestionnaireNavigationProps {\n  kind: NavigationKind;\n}\n\nfunction defaultLabel(kind: NavigationKind) {\n  switch (kind) {\n    case \"previous\":\n      return \"Previous\";\n    case \"skip\":\n      return \"Skip\";\n    case \"next\":\n      return \"Next\";\n    case \"submit\":\n      return \"Submit\";\n  }\n}\n\nfunction NavButton(props: NavButtonProps) {\n  const root = useQuestionnaireRootContext(\"QuestionnaireNavigation\");\n  const merged = mergeProps(\n    {\n      variant: undefined,\n      size: \"md\" as const,\n      disabled: false,\n    },\n    props,\n  );\n  const [local, rest] = splitProps(merged, [\n    \"kind\",\n    \"class\",\n    \"classList\",\n    \"variant\",\n    \"size\",\n    \"disabled\",\n    \"onClick\",\n    \"children\",\n    \"type\",\n  ]);\n\n  const visible = () => {\n    const state = root.state();\n    switch (local.kind) {\n      case \"previous\":\n        return state.total > 1 && !state.first;\n      case \"next\":\n        return state.total > 1 && !state.last;\n      case \"skip\":\n        return root.activeItemRequired() === false;\n      case \"submit\":\n        return state.total > 0 && state.last;\n    }\n  };\n\n  const shortcut = () =>\n    visible() &&\n    !local.disabled &&\n    (local.kind === \"next\" || local.kind === \"submit\")\n      ? \"Enter\"\n      : null;\n\n  const handleClick: MouseEventHandler<\"button\"> = (event) => {\n    const userOnClick = local.onClick as\n      | ((e: typeof event) => void)\n      | [(data: unknown, e: typeof event) => void, unknown]\n      | undefined;\n    if (Array.isArray(userOnClick)) userOnClick[0](userOnClick[1], event);\n    else userOnClick?.(event);\n    if (event?.defaultPrevented) return;\n    if (local.kind === \"previous\") root.goPrevious();\n    else if (local.kind === \"skip\") root.skipCurrent();\n    else if (local.kind === \"next\") root.goNext();\n  };\n\n  return (\n    <Button\n      {...rest}\n      type={local.type ?? (local.kind === \"submit\" ? \"submit\" : \"button\")}\n      variant={\n        local.variant ??\n        (local.kind === \"previous\" || local.kind === \"skip\"\n          ? \"outline\"\n          : \"primary\")\n      }\n      size={local.size}\n      disabled={local.disabled}\n      onClick={handleClick}\n      data-slot={`questionnaire-${local.kind}`}\n      data-visible={visible() ? \"\" : undefined}\n      data-hidden={visible() ? undefined : \"\"}\n      data-status={root.activeItemStatus() ?? undefined}\n      data-shortcut={shortcut() ?? undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      aria-hidden={!visible() ? true : undefined}\n      aria-keyshortcuts={shortcut() ?? undefined}\n      hidden={!visible()}\n      inert={!visible()}\n      tabIndex={visible() ? 0 : -1}\n      class={clsx(\n        local.kind === \"previous\" && \"justify-self-start\",\n        local.kind !== \"previous\" && \"justify-self-end\",\n        local.class,\n      )}\n      classList={local.classList}\n    >\n      {local.children ?? defaultLabel(local.kind)}\n    </Button>\n  );\n}\n\nexport const QuestionnairePrevious = (props: QuestionnaireNavigationProps) => (\n  <NavButton {...props} kind=\"previous\" />\n);\nexport const QuestionnaireSkip = (props: QuestionnaireNavigationProps) => (\n  <NavButton {...props} kind=\"skip\" />\n);\nexport const QuestionnaireNext = (props: QuestionnaireNavigationProps) => (\n  <NavButton {...props} kind=\"next\" />\n);\nexport const QuestionnaireSubmit = (props: QuestionnaireNavigationProps) => (\n  <NavButton {...props} kind=\"submit\" />\n);\n"],"mappings":"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"}

package/dist/components/questionnaire/QuestionnaireNavigation/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnairePrevious, QuestionnaireSkip, QuestionnaireNext, QuestionnaireSubmit, } from './QuestionnaireNavigation';

package/dist/components/questionnaire/QuestionnaireProgress/QuestionnaireProgress.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { QuestionnaireProgressProps } from '../questionnaire.types';
+/** 进度(默认显示 "Question X of Y");children 传函数可拿到 render state 自绘 */
+export declare function QuestionnaireProgress(props: QuestionnaireProgressProps): JSX.Element;

package/dist/components/questionnaire/QuestionnaireProgress/QuestionnaireProgress.js

@@ -0,0 +1,62 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireRootContext as t } from "../questionnaire.context.js";
+import { insert as n, memo as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireProgress/QuestionnaireProgress.tsx
+var c = /*#__PURE__*/ o("<div>");
+function l(o) {
+	let l = t("QuestionnaireProgress"), [u, d] = s(o, [
+		"class",
+		"classList",
+		"children"
+	]), f = l.state, p = () => {
+		let e = f();
+		return e.total ? `Question ${e.current} of ${e.total}` : void 0;
+	};
+	return (() => {
+		var t = c();
+		return a(t, i(d, {
+			"data-slot": "questionnaire-progress",
+			role: "progressbar",
+			"aria-label": "Questionnaire progress",
+			"aria-live": "polite",
+			get "aria-valuemax"() {
+				return f().total || void 0;
+			},
+			get "aria-valuemin"() {
+				return f().total ? 1 : void 0;
+			},
+			get "aria-valuenow"() {
+				return r(() => !!f().total)() ? f().current : void 0;
+			},
+			get "aria-valuetext"() {
+				return p();
+			},
+			get "data-current"() {
+				return f().current;
+			},
+			get "data-total"() {
+				return f().total;
+			},
+			get "data-first"() {
+				return f().first ? "" : void 0;
+			},
+			get "data-last"() {
+				return f().last ? "" : void 0;
+			},
+			get class() {
+				return e("min-h-[1lh] w-fit min-w-[14ch] font-medium text-xs text-muted-foreground tabular-nums", u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}), !1, !0), n(t, (() => {
+			var e = r(() => typeof u.children == "function");
+			return () => e() ? u.children(f()) : u.children ?? p();
+		})()), t;
+	})();
+}
+//#endregion
+export { l as QuestionnaireProgress };
+
+//# sourceMappingURL=QuestionnaireProgress.js.map

package/dist/components/questionnaire/QuestionnaireProgress/QuestionnaireProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireProgress.js","names":["splitProps","JSX","clsx","useQuestionnaireRootContext","QuestionnaireProgressProps","QuestionnaireRootState","QuestionnaireProgress","props","root","local","rest","state","label","value","total","current","undefined","_el$","_tmpl$","_$spread","_$mergeProps","aria-valuemax","aria-valuemin","aria-valuenow","_$memo","aria-valuetext","data-current","data-total","data-first","first","data-last","last","class","classList","_$insert","_c$","children","Element","_$mergeProps","_$memo","_tmpl$","QuestionnaireProgress","root","useQuestionnaireRootContext","local","rest","splitProps","props","state","label","value","_el$","spread","mergeProps","\"role\"","memo","\"class\"","clsx","insert","_c$"],"sources":["../../../../src/components/questionnaire/QuestionnaireProgress/QuestionnaireProgress.tsx"],"sourcesContent":["import { splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireRootContext } from \"../questionnaire.context\";\nimport type {\n  QuestionnaireProgressProps,\n  QuestionnaireRootState,\n} from \"../questionnaire.types\";\n\n/** 进度(默认显示 \"Question X of Y\");children 传函数可拿到 render state 自绘 */\nexport function QuestionnaireProgress(props: QuestionnaireProgressProps) {\n  const root = useQuestionnaireRootContext(\"QuestionnaireProgress\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n  const state = root.state;\n  const label = () => {\n    const value = state();\n    return value.total\n      ? `Question ${value.current} of ${value.total}`\n      : undefined;\n  };\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"questionnaire-progress\"\n      role=\"progressbar\"\n      aria-label=\"Questionnaire progress\"\n      aria-live=\"polite\"\n      aria-valuemax={state().total || undefined}\n      aria-valuemin={state().total ? 1 : undefined}\n      aria-valuenow={state().total ? state().current : undefined}\n      aria-valuetext={label()}\n      data-current={state().current}\n      data-total={state().total}\n      data-first={state().first ? \"\" : undefined}\n      data-last={state().last ? \"\" : undefined}\n      class={clsx(\n        \"min-h-[1lh] w-fit min-w-[14ch] font-medium text-xs text-muted-foreground tabular-nums\",\n        local.class,\n      )}\n      classList={local.classList}\n    >\n      {typeof local.children === \"function\"\n        ? (local.children as (state: QuestionnaireRootState) => JSX.Element)(\n            state(),\n          )\n        : (local.children ?? label())}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBM,EAAsBC,GAAmC;CACvE,IAAMC,IAAOL,EAA4B,uBAAuB,GAC1D,CAACM,GAAOC,KAAQV,EAAWO,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC,GACpEI,IAAQH,EAAKG,OACbC,UAAc;EAClB,IAAMC,IAAQF,EAAM;EACpB,OAAOE,EAAMC,QACT,YAAYD,EAAME,QAAO,MAAOF,EAAMC,UACtCE,KAAAA;CACN;CAEA,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAyBmC,OAzBnCC,EAAAF,GAAAG,EAEQV,GAAI;GAAA,aACE;GAAwB4C,MAC7B;GAAa,cACP;GAAwB,aACzB;GAAQ,IAAA,kBAAA;IAAA,OACH3C,EAAM,CAAC,CAACG,SAASE,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC1BL,EAAM,CAAC,CAACG,QAAQ,IAAIE,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC7BQ,QAAA,CAAA,CAAAb,EAAM,CAAC,CAACG,KAAK,CAAA,CAAA,IAAGH,EAAM,CAAC,CAACI,UAAUC,KAAAA;GAAS;GAAA,IAAA,mBAAA;IAAA,OAC1CJ,EAAM;GAAC;GAAA,IAAA,iBAAA;IAAA,OACTD,EAAM,CAAC,CAACI;GAAO;GAAA,IAAA,eAAA;IAAA,OACjBJ,EAAM,CAAC,CAACG;GAAK;GAAA,IAAA,eAAA;IAAA,OACbH,EAAM,CAAC,CAACkB,QAAQ,KAAKb,KAAAA;GAAS;GAAA,IAAA,cAAA;IAAA,OAC/BL,EAAM,CAAC,CAACoB,OAAO,KAAKf,KAAAA;GAAS;GAAA,IAAAwC,QAAA;IAAA,OACjCtD,EACL,yFACAO,EAAMuB,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAExB,EAAMwB;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAjB,UAAA;GAAA,IAAAkB,IAAAX,QAEzB,OAAOf,EAAM2B,YAAa,UAAU;GAAA,aAApCD,EAAA,IACI1B,EAAM2B,SACLzB,EAAM,CACR,IACCF,EAAM2B,YAAYxB,EAAM;EAAE,EAAA,CAAA,CAAA,GAAAK;CAAA,EAAA,CAAA;AAGrC"}

package/dist/components/questionnaire/QuestionnaireProgress/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnaireProgress } from './QuestionnaireProgress';

package/dist/components/questionnaire/QuestionnaireTitle/QuestionnaireTitle.d.ts

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { QuestionnaireTitleProps } from '../questionnaire.types';
+/** 题目标题(legend);可用 component 换成 CardTitle / DialogTitle 等 */
+export declare function QuestionnaireTitle<T extends ValidComponent = "legend">(props: QuestionnaireTitleProps<T>): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireTitle/QuestionnaireTitle.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireTitle/QuestionnaireTitle.tsx
+function a(a) {
+	let [o, s] = i(a, [
+		"class",
+		"classList",
+		"component"
+	]);
+	return n(t, r(s, {
+		get component() {
+			return o.component ?? "legend";
+		},
+		"data-slot": "questionnaire-title",
+		get class() {
+			return e("text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", o.class);
+		},
+		get classList() {
+			return o.classList;
+		}
+	}));
+}
+//#endregion
+export { a as QuestionnaireTitle };
+
+//# sourceMappingURL=QuestionnaireTitle.js.map

package/dist/components/questionnaire/QuestionnaireTitle/QuestionnaireTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireTitle.js","names":["splitProps","ValidComponent","Dynamic","clsx","QuestionnaireTitleProps","QuestionnaireTitle","props","T","local","rest","_$createComponent","_$mergeProps","component","class","classList","_$createComponent","_$mergeProps","QuestionnaireTitle","local","rest","splitProps","props","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireTitle/QuestionnaireTitle.tsx"],"sourcesContent":["import { splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { QuestionnaireTitleProps } from \"../questionnaire.types\";\n\n/** 题目标题(legend);可用 component 换成 CardTitle / DialogTitle 等 */\nexport function QuestionnaireTitle<T extends ValidComponent = \"legend\">(\n  props: QuestionnaireTitleProps<T>,\n) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"component\"]);\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"legend\"}\n      data-slot=\"questionnaire-title\"\n      class={clsx(\n        \"text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;AAMA,SAAgBK,EACdC,GACA;CACA,IAAM,CAACE,GAAOC,KAAQT,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAW,CAAC;CAC3E,OAAAI,EACGR,GAAOS,EACFF,GAAI;EAAA,IACRG,YAAS;GAAA,OAAGJ,EAAMI,aAAgC;EAAQ;EAAA,aAAA;EAAA,IAAAa,QAAA;GAAA,OAEnDtB,EACL,6GACAK,EAAMK,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/questionnaire/QuestionnaireTitle/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnaireTitle } from './QuestionnaireTitle';

package/dist/components/questionnaire/index.d.ts

@@ -0,0 +1,12 @@
+export { Questionnaire } from './Questionnaire';
+export { QuestionnaireProgress } from './QuestionnaireProgress';
+export { QuestionnaireItem } from './QuestionnaireItem';
+export { QuestionnaireTitle } from './QuestionnaireTitle';
+export { QuestionnaireDescription } from './QuestionnaireDescription';
+export { QuestionnaireChoices } from './QuestionnaireChoices';
+export { QuestionnaireChoice } from './QuestionnaireChoice';
+export { QuestionnaireInput } from './QuestionnaireInput';
+export { QuestionnaireError } from './QuestionnaireError';
+export { QuestionnaireActions } from './QuestionnaireActions';
+export { QuestionnairePrevious, QuestionnaireSkip, QuestionnaireNext, QuestionnaireSubmit, } from './QuestionnaireNavigation';
+export type { QuestionnaireItemStatus, QuestionnaireShortcutMode, QuestionnaireChoiceDefinition, QuestionnaireItemDefinition, QuestionnaireRootState, QuestionnaireProps, QuestionnaireProgressProps, QuestionnaireItemProps, QuestionnaireTitleProps, QuestionnaireDescriptionProps, QuestionnaireChoicesProps, QuestionnaireChoiceProps, QuestionnaireInputProps, QuestionnaireInputType, QuestionnaireErrorProps, QuestionnaireNavigationProps, } from './questionnaire.types';

package/dist/components/questionnaire/index.js

@@ -0,0 +1,12 @@
+import { Questionnaire as e } from "./Questionnaire/Questionnaire.js";
+import { QuestionnaireProgress as t } from "./QuestionnaireProgress/QuestionnaireProgress.js";
+import { QuestionnaireItem as n } from "./QuestionnaireItem/QuestionnaireItem.js";
+import { QuestionnaireTitle as r } from "./QuestionnaireTitle/QuestionnaireTitle.js";
+import { QuestionnaireDescription as i } from "./QuestionnaireDescription/QuestionnaireDescription.js";
+import { QuestionnaireChoices as a } from "./QuestionnaireChoices/QuestionnaireChoices.js";
+import { QuestionnaireChoice as o } from "./QuestionnaireChoice/QuestionnaireChoice.js";
+import { QuestionnaireInput as s } from "./QuestionnaireInput/QuestionnaireInput.js";
+import { QuestionnaireError as c } from "./QuestionnaireError/QuestionnaireError.js";
+import { QuestionnaireActions as l } from "./QuestionnaireActions/QuestionnaireActions.js";
+import { QuestionnaireNext as u, QuestionnairePrevious as d, QuestionnaireSkip as f, QuestionnaireSubmit as p } from "./QuestionnaireNavigation/QuestionnaireNavigation.js";
+export { e as Questionnaire, l as QuestionnaireActions, o as QuestionnaireChoice, a as QuestionnaireChoices, i as QuestionnaireDescription, c as QuestionnaireError, s as QuestionnaireInput, n as QuestionnaireItem, u as QuestionnaireNext, d as QuestionnairePrevious, t as QuestionnaireProgress, f as QuestionnaireSkip, p as QuestionnaireSubmit, r as QuestionnaireTitle };

package/dist/components/questionnaire/questionnaire.answers.d.ts

@@ -0,0 +1,42 @@
+import { Accessor } from 'solid-js';
+import { QuestionnaireAnswerEntry } from './questionnaire.context';
+import { QuestionnaireItemStatus } from './questionnaire.types';
+export interface AnswerBookkeepingOptions {
+    /** 多选：选中集合可以有多项 */
+    multiple: Accessor<boolean>;
+    /** 必填：必填题不允许跳过 */
+    required: Accessor<boolean>;
+}
+export interface AnswerBookkeeping {
+    answers: Accessor<QuestionnaireAnswerEntry[]>;
+    selections: Accessor<string[]>;
+    defaults: Accessor<string[]>;
+    touched: Accessor<boolean>;
+    /** 每次 reset 自增，供子组件强制同步 DOM */
+    resetVersion: Accessor<number>;
+    status: Accessor<QuestionnaireItemStatus>;
+    /** 已跳过：状态为 skipped 且不是必填 */
+    skippable: Accessor<boolean>;
+    answeredOk: Accessor<boolean>;
+    hasInputAnswer: Accessor<boolean>;
+    registerAnswerControl: (entry: QuestionnaireAnswerEntry) => () => void;
+    registerAnswerSelection: (id: string, initialSelected: boolean) => () => void;
+    setAnswerDefault: (id: string, selected: boolean) => void;
+    setAnswerSelectionFromInteraction: (id: string, selected: boolean) => void;
+    syncControlledAnswerSelection: (id: string, selected: boolean) => void;
+    getAnswerByElement: (target: Element) => QuestionnaireAnswerEntry | null;
+    /** 标记已交互（首次校验失败后才显示错误） */
+    markTouched: () => void;
+    /** 跳过本题目；必填时返回 false 且不改变状态 */
+    skip: () => boolean;
+    /** 回到默认选择并把 touched/skipped 复位 */
+    reset: () => void;
+}
+/**
+ * 单个题目的答案账目：注册了哪些答案控件、选中的是哪些、默认值是什么、
+ * 是否被跳过/触碰，以及由这些推导出的作答状态。
+ *
+ * 单一职责：只维护这份账目与它的读写方法，不碰 DOM 焦点、不拼 ARIA 文本、
+ * 不决定校验结果——那些是 item 层的事。
+ */
+export declare function createAnswerBookkeeping(options: AnswerBookkeepingOptions): AnswerBookkeeping;

package/dist/components/questionnaire/questionnaire.answers.js

@@ -0,0 +1,62 @@
+import { isAnswerDisabled as e } from "./questionnaire.utils.js";
+import { createMemo as t, createSignal as n } from "solid-js";
+//#region src/components/questionnaire/questionnaire.answers.ts
+function r(r) {
+	let [i, a] = n([]), [o, s] = n([]), [c, l] = n([]), [u, d] = n(!1), [f, p] = n(!1), [m, h] = n(0), g = (e, t) => {
+		s((n) => t ? r.multiple() ? n.includes(e) ? n : [...n, e] : [e] : n.filter((t) => t !== e));
+	}, _ = t(() => i().some((e) => e.type === "input" && ![
+		"button",
+		"checkbox",
+		"radio",
+		"reset",
+		"submit"
+	].includes(e.element.type))), v = t(() => {
+		if (u()) return "skipped";
+		let t = o();
+		return i().some((n) => t.includes(n.id) && !e(n)) ? "answered" : "unanswered";
+	});
+	return {
+		answers: i,
+		selections: o,
+		defaults: c,
+		touched: f,
+		resetVersion: m,
+		status: v,
+		hasInputAnswer: _,
+		skippable: t(() => v() === "skipped" && !r.required()),
+		answeredOk: t(() => v() === "answered"),
+		registerAnswerControl(e) {
+			return a((t) => [...t.filter((t) => t.id !== e.id && t.element !== e.element), e]), () => a((t) => t.filter((t) => t !== e));
+		},
+		registerAnswerSelection(e, t) {
+			return t && s((t) => r.multiple() ? t.includes(e) ? t : [...t, e] : t.length ? t : [e]), () => {
+				s((t) => t.filter((t) => t !== e)), l((t) => t.filter((t) => t !== e));
+			};
+		},
+		setAnswerDefault(e, t) {
+			l((n) => t ? n.includes(e) ? n : [...n, e] : n.filter((t) => t !== e));
+		},
+		setAnswerSelectionFromInteraction(e, t) {
+			d(!1), g(e, t);
+		},
+		syncControlledAnswerSelection(e, t) {
+			g(e, t);
+		},
+		getAnswerByElement(e) {
+			return i().find((t) => t.element === e) ?? null;
+		},
+		markTouched() {
+			p(!0);
+		},
+		skip() {
+			return !r.required() && (s([]), d(!0), !0);
+		},
+		reset() {
+			p(!1), d(!1), s(r.multiple() ? [...c()] : c().slice(0, 1)), h((e) => e + 1);
+		}
+	};
+}
+//#endregion
+export { r as createAnswerBookkeeping };
+
+//# sourceMappingURL=questionnaire.answers.js.map

package/dist/components/questionnaire/questionnaire.answers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.answers.js","names":["createAnswerBookkeeping","answers","setAnswers","createSignal","selections","setSelections","defaults","setDefaults","skipped","setSkipped","touched","setTouched","resetVersion","setResetVersion","applySelection","selected","options","prev","id","value","hasInputAnswer","createMemo","entry","status","isAnswerDisabled","item","initialSelected","target"],"sources":["../../../src/components/questionnaire/questionnaire.answers.ts"],"sourcesContent":["import { createMemo, createSignal, type Accessor } from \"solid-js\";\nimport type { QuestionnaireAnswerEntry } from \"./questionnaire.context\";\nimport type { QuestionnaireItemStatus } from \"./questionnaire.types\";\nimport { isAnswerDisabled } from \"./questionnaire.utils\";\n\nexport interface AnswerBookkeepingOptions {\n  /** 多选：选中集合可以有多项 */\n  multiple: Accessor<boolean>;\n  /** 必填：必填题不允许跳过 */\n  required: Accessor<boolean>;\n}\n\nexport interface AnswerBookkeeping {\n  answers: Accessor<QuestionnaireAnswerEntry[]>;\n  selections: Accessor<string[]>;\n  defaults: Accessor<string[]>;\n  touched: Accessor<boolean>;\n  /** 每次 reset 自增，供子组件强制同步 DOM */\n  resetVersion: Accessor<number>;\n  status: Accessor<QuestionnaireItemStatus>;\n  /** 已跳过：状态为 skipped 且不是必填 */\n  skippable: Accessor<boolean>;\n  answeredOk: Accessor<boolean>;\n  hasInputAnswer: Accessor<boolean>;\n\n  registerAnswerControl: (entry: QuestionnaireAnswerEntry) => () => void;\n  registerAnswerSelection: (id: string, initialSelected: boolean) => () => void;\n  setAnswerDefault: (id: string, selected: boolean) => void;\n  setAnswerSelectionFromInteraction: (id: string, selected: boolean) => void;\n  syncControlledAnswerSelection: (id: string, selected: boolean) => void;\n  getAnswerByElement: (target: Element) => QuestionnaireAnswerEntry | null;\n\n  /** 标记已交互（首次校验失败后才显示错误） */\n  markTouched: () => void;\n  /** 跳过本题目；必填时返回 false 且不改变状态 */\n  skip: () => boolean;\n  /** 回到默认选择并把 touched/skipped 复位 */\n  reset: () => void;\n}\n\n/**\n * 单个题目的答案账目：注册了哪些答案控件、选中的是哪些、默认值是什么、\n * 是否被跳过/触碰，以及由这些推导出的作答状态。\n *\n * 单一职责：只维护这份账目与它的读写方法，不碰 DOM 焦点、不拼 ARIA 文本、\n * 不决定校验结果——那些是 item 层的事。\n */\nexport function createAnswerBookkeeping(\n  options: AnswerBookkeepingOptions,\n): AnswerBookkeeping {\n  const [answers, setAnswers] = createSignal<QuestionnaireAnswerEntry[]>([]);\n  const [selections, setSelections] = createSignal<string[]>([]);\n  const [defaults, setDefaults] = createSignal<string[]>([]);\n  const [skipped, setSkipped] = createSignal(false);\n  const [touched, setTouched] = createSignal(false);\n  const [resetVersion, setResetVersion] = createSignal(0);\n\n  const applySelection = (id: string, selected: boolean) => {\n    setSelections((prev) => {\n      if (!selected) return prev.filter((value) => value !== id);\n      if (!options.multiple()) return [id];\n      return prev.includes(id) ? prev : [...prev, id];\n    });\n  };\n\n  const hasInputAnswer = createMemo(() =>\n    answers().some(\n      (entry) =>\n        entry.type === \"input\" &&\n        ![\"button\", \"checkbox\", \"radio\", \"reset\", \"submit\"].includes(\n          entry.element.type,\n        ),\n    ),\n  );\n\n  const status = createMemo<QuestionnaireItemStatus>(() => {\n    if (skipped()) return \"skipped\";\n    const selected = selections();\n    const answered = answers().some(\n      (entry) => selected.includes(entry.id) && !isAnswerDisabled(entry),\n    );\n    return answered ? \"answered\" : \"unanswered\";\n  });\n\n  return {\n    answers,\n    selections,\n    defaults,\n    touched,\n    resetVersion,\n    status,\n    hasInputAnswer,\n    skippable: createMemo(() => status() === \"skipped\" && !options.required()),\n    answeredOk: createMemo(() => status() === \"answered\"),\n\n    registerAnswerControl(entry) {\n      setAnswers((prev) => [\n        ...prev.filter(\n          (item) => item.id !== entry.id && item.element !== entry.element,\n        ),\n        entry,\n      ]);\n      return () => setAnswers((prev) => prev.filter((item) => item !== entry));\n    },\n\n    registerAnswerSelection(id, initialSelected) {\n      if (initialSelected) {\n        setSelections((prev) => {\n          if (!options.multiple()) return prev.length ? prev : [id];\n          return prev.includes(id) ? prev : [...prev, id];\n        });\n      }\n      return () => {\n        setSelections((prev) => prev.filter((value) => value !== id));\n        setDefaults((prev) => prev.filter((value) => value !== id));\n      };\n    },\n\n    setAnswerDefault(id, selected) {\n      setDefaults((prev) => {\n        if (!selected) return prev.filter((value) => value !== id);\n        return prev.includes(id) ? prev : [...prev, id];\n      });\n    },\n\n    setAnswerSelectionFromInteraction(id, selected) {\n      // 用户重新作答即视为取消\"跳过\"\n      setSkipped(false);\n      applySelection(id, selected);\n    },\n\n    syncControlledAnswerSelection(id, selected) {\n      applySelection(id, selected);\n    },\n\n    getAnswerByElement(target) {\n      return answers().find((entry) => entry.element === target) ?? null;\n    },\n\n    markTouched() {\n      setTouched(true);\n    },\n\n    skip() {\n      if (options.required()) return false;\n      setSelections([]);\n      setSkipped(true);\n      return true;\n    },\n\n    reset() {\n      setTouched(false);\n      setSkipped(false);\n      setSelections(\n        options.multiple() ? [...defaults()] : defaults().slice(0, 1),\n      );\n      setResetVersion((value) => value + 1);\n    },\n  };\n}\n"],"mappings":";;;AA+CA,SAAgBA,EACd,GACmB;CACnB,IAAM,CAACC,GAASC,KAAcC,EAAyC,CAAC,CAAC,GACnE,CAACC,GAAYC,KAAiBF,EAAuB,CAAC,CAAC,GACvD,CAACG,GAAUC,KAAeJ,EAAuB,CAAC,CAAC,GACnD,CAACK,GAASC,KAAcN,EAAa,EAAK,GAC1C,CAACO,GAASC,KAAcR,EAAa,EAAK,GAC1C,CAACS,GAAcC,KAAmBV,EAAa,CAAC,GAEhDW,KAAkB,GAAY,MAAsB;EACxD,GAAe,MACRC,IACAC,EAAQ,SAAS,IACfC,EAAK,SAASC,CAAE,IAAID,IAAO,CAAC,GAAGA,GAAMC,CAAE,IADd,CAACA,CAAE,IADbD,EAAK,QAAQ,MAAUE,MAAUD,CAAE,CAG1D;CACH,GAEME,IAAiBC,QACrBpB,EAAQ,CAAC,CAAC,MACP,MACCqB,EAAM,SAAS,WACf,CAAC;EAAC;EAAU;EAAY;EAAS;EAAS;CAAQ,CAAC,CAAC,SAClDA,EAAM,QAAQ,IAChB,CACJ,CACF,GAEMC,IAASF,QAA0C;EACvD,IAAIb,EAAQ,GAAG,OAAO;EACtB,IAAMO,IAAWX,EAAW;EAI5B,OAHiBH,EAAQ,CAAC,CAAC,MACxB,MAAUc,EAAS,SAASO,EAAM,EAAE,KAAK,CAACE,EAAiBF,CAAK,CAE5D,IAAW,aAAa;CACjC,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAWD,QAAiBE,EAAO,MAAM,aAAa,CAACP,EAAQ,SAAS,CAAC;EACzE,YAAYK,QAAiBE,EAAO,MAAM,UAAU;EAEpD,sBAAsB,GAAO;GAO3B,OANArB,GAAY,MAAS,CACnB,GAAGe,EAAK,QACL,MAASQ,EAAK,OAAOH,EAAM,MAAMG,EAAK,YAAYH,EAAM,OAC3D,GACAA,CACF,CAAC,SACYpB,GAAY,MAASe,EAAK,QAAQ,MAASQ,MAASH,CAAK,CAAC;EACzE;EAEA,wBAAwB,GAAI,GAAiB;GAO3C,OANII,KACFrB,GAAe,MACRW,EAAQ,SAAS,IACfC,EAAK,SAASC,CAAE,IAAID,IAAO,CAAC,GAAGA,GAAMC,CAAE,IADdD,EAAK,SAASA,IAAO,CAACC,CAAE,CAEzD,SAEU;IAEX,AADAb,GAAe,MAASY,EAAK,QAAQ,MAAUE,MAAUD,CAAE,CAAC,GAC5DX,GAAa,MAASU,EAAK,QAAQ,MAAUE,MAAUD,CAAE,CAAC;GAC5D;EACF;EAEA,iBAAiB,GAAI,GAAU;GAC7B,GAAa,MACNH,IACEE,EAAK,SAASC,CAAE,IAAID,IAAO,CAAC,GAAGA,GAAMC,CAAE,IADxBD,EAAK,QAAQ,MAAUE,MAAUD,CAAE,CAE1D;EACH;EAEA,kCAAkC,GAAI,GAAU;GAG9C,AADAT,EAAW,EAAK,GAChBK,EAAeI,GAAIH,CAAQ;EAC7B;EAEA,8BAA8B,GAAI,GAAU;GAC1C,EAAeG,GAAIH,CAAQ;EAC7B;EAEA,mBAAmB,GAAQ;GACzB,OAAOd,EAAQ,CAAC,CAAC,MAAM,MAAUqB,EAAM,YAAYK,CAAM,KAAK;EAChE;EAEA,cAAc;GACZ,EAAW,EAAI;EACjB;EAEA,OAAO;GAIL,OAHA,CAAIX,EAAQ,SAAS,MACrBX,EAAc,CAAC,CAAC,GAChBI,EAAW,EAAI,GACR;EACT;EAEA,QAAQ;GAMN,AALAE,EAAW,EAAK,GAChBF,EAAW,EAAK,GAChBJ,EACEW,EAAQ,SAAS,IAAI,CAAC,GAAGV,EAAS,CAAC,IAAIA,EAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAC9D,GACAO,GAAiB,MAAUM,IAAQ,CAAC;EACtC;CACF;AACF"}

package/dist/components/questionnaire/questionnaire.aria.d.ts

@@ -0,0 +1,34 @@
+import { Accessor } from 'solid-js';
+import { QuestionnaireItemStatus } from './questionnaire.types';
+/**
+ * 题目 ARIA 文本的组装与 id 登记。
+ *
+ * 单一职责：只负责"对外描述文字"——`aria-describedby` 的 id 合并、
+ * `aria-keyshortcuts` 的按键列表。不持有作答状态，也不决定对错：
+ * 是否无效、是否首尾题都由调用方以布尔量传入。
+ */
+export interface IdRegistry {
+    ids: Accessor<string[]>;
+    /** 登记一个 id（重复登记不会加两次），返回注销函数 */
+    register: (id: string) => () => void;
+}
+/** 生成 id 集合并提供登记/注销：描述与错误的多个来源各自登记，读取时合并 */
+export declare function createIdRegistry(): IdRegistry;
+/**
+ * `aria-describedby`：描述 id 常驻，只有**当前无效**时才附上错误 id，
+ * 去重后以空格连接；没有任何 id 时返回 undefined（不输出空属性）。
+ */
+export declare function buildDescribedBy(descriptionIds: readonly string[], errorIds: readonly string[], invalid: boolean): string | undefined;
+/**
+ * `aria-keyshortcuts`：只在题目处于激活态时给出（键盘操作只作用于当前题）。
+ * - 始终可提交（Mod+Enter）；
+ * - 有答案控件时上下箭头可在答案间移动；
+ * - 非首题才提示上一题；非末题且已作答才提示下一题（未作答时右箭头不前进）。
+ */
+export declare function buildItemKeyshortcuts(input: {
+    active: boolean;
+    hasAnswers: boolean;
+    first: boolean;
+    last: boolean;
+    status: QuestionnaireItemStatus;
+}): string | undefined;

package/dist/components/questionnaire/questionnaire.aria.js

@@ -0,0 +1,28 @@
+import { createSignal as e } from "solid-js";
+//#region src/components/questionnaire/questionnaire.aria.ts
+function t() {
+	let [t, n] = e([]);
+	return {
+		ids: t,
+		register(e) {
+			return n((t) => t.includes(e) ? t : [...t, e]), () => n((t) => t.filter((t) => t !== e));
+		}
+	};
+}
+function n(e, t, n) {
+	let r = [...e, ...n ? t : []];
+	return [...new Set(r)].join(" ") || void 0;
+}
+function r(e) {
+	let { active: t, hasAnswers: n, first: r, last: i, status: a } = e;
+	if (t) return [
+		"Meta+Enter Control+Enter",
+		n ? "ArrowUp ArrowDown" : null,
+		r ? null : "ArrowLeft",
+		!i && a !== "unanswered" ? "ArrowRight" : null
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { n as buildDescribedBy, r as buildItemKeyshortcuts, t as createIdRegistry };
+
+//# sourceMappingURL=questionnaire.aria.js.map

package/dist/components/questionnaire/questionnaire.aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.aria.js","names":["createIdRegistry","ids","setIds","createSignal","prev","id","value","buildDescribedBy","descriptionIds","invalid","errorIds","buildItemKeyshortcuts","input","active","hasAnswers","first","last","status"],"sources":["../../../src/components/questionnaire/questionnaire.aria.ts"],"sourcesContent":["import { createSignal, type Accessor } from \"solid-js\";\nimport type { QuestionnaireItemStatus } from \"./questionnaire.types\";\n\n/**\n * 题目 ARIA 文本的组装与 id 登记。\n *\n * 单一职责：只负责\"对外描述文字\"——`aria-describedby` 的 id 合并、\n * `aria-keyshortcuts` 的按键列表。不持有作答状态，也不决定对错：\n * 是否无效、是否首尾题都由调用方以布尔量传入。\n */\n\nexport interface IdRegistry {\n  ids: Accessor<string[]>;\n  /** 登记一个 id（重复登记不会加两次），返回注销函数 */\n  register: (id: string) => () => void;\n}\n\n/** 生成 id 集合并提供登记/注销：描述与错误的多个来源各自登记，读取时合并 */\nexport function createIdRegistry(): IdRegistry {\n  const [ids, setIds] = createSignal<string[]>([]);\n\n  return {\n    ids,\n    register(id) {\n      setIds((prev) => (prev.includes(id) ? prev : [...prev, id]));\n      return () => setIds((prev) => prev.filter((value) => value !== id));\n    },\n  };\n}\n\n/**\n * `aria-describedby`：描述 id 常驻，只有**当前无效**时才附上错误 id，\n * 去重后以空格连接；没有任何 id 时返回 undefined（不输出空属性）。\n */\nexport function buildDescribedBy(\n  descriptionIds: readonly string[],\n  errorIds: readonly string[],\n  invalid: boolean,\n): string | undefined {\n  const ids = [...descriptionIds, ...(invalid ? errorIds : [])];\n  return [...new Set(ids)].join(\" \") || undefined;\n}\n\n/**\n * `aria-keyshortcuts`：只在题目处于激活态时给出（键盘操作只作用于当前题）。\n * - 始终可提交（Mod+Enter）；\n * - 有答案控件时上下箭头可在答案间移动；\n * - 非首题才提示上一题；非末题且已作答才提示下一题（未作答时右箭头不前进）。\n */\nexport function buildItemKeyshortcuts(input: {\n  active: boolean;\n  hasAnswers: boolean;\n  first: boolean;\n  last: boolean;\n  status: QuestionnaireItemStatus;\n}): string | undefined {\n  const { active, hasAnswers, first, last, status } = input;\n  if (!active) return undefined;\n\n  // 第一项是常量，拼接结果不可能为空串，因此不需要 `|| undefined` 兜底\n  return [\n    \"Meta+Enter Control+Enter\",\n    hasAnswers ? \"ArrowUp ArrowDown\" : null,\n    !first ? \"ArrowLeft\" : null,\n    !last && status !== \"unanswered\" ? \"ArrowRight\" : null,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n}\n"],"mappings":";;AAkBA,SAAgBA,IAA+B;CAC7C,IAAM,CAACC,GAAKC,KAAUC,EAAuB,CAAC,CAAC;CAE/C,OAAO;EACL;EACA,SAAS,GAAI;GAEX,OADAD,GAAQ,MAAUE,EAAK,SAASC,CAAE,IAAID,IAAO,CAAC,GAAGA,GAAMC,CAAE,CAAE,SAC9CH,GAAQ,MAASE,EAAK,QAAQ,MAAUE,MAAUD,CAAE,CAAC;EACpE;CACF;AACF;AAMA,SAAgBE,EACd,GACA,GACA,GACoB;CACpB,IAAMN,IAAM,CAAC,GAAGO,GAAgB,GAAIC,IAAUC,IAAW,CAAC,CAAE;CAC5D,OAAO,CAAC,GAAG,IAAI,IAAIT,CAAG,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;AACxC;AAQA,SAAgBU,EAAsB,GAMf;CACrB,IAAM,EAAE,WAAQ,eAAY,UAAO,SAAM,cAAWC;CACpD,IAAKC,GAGL,OAAO;EACL;EACAC,IAAa,sBAAsB;EAClCC,IAAsB,OAAd;EACT,CAACC,KAAQC,MAAW,eAAe,eAAe;CACpD,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb"}