@neut/ui 0.0.16 → 0.0.18

package/dist/components/questionnaire/QuestionnaireChoice/questionnaire-choice.utils.d.ts

@@ -0,0 +1,48 @@
+import { QuestionnaireItemStatus } from '../questionnaire.types';
+/**
+ * 固定选项（radio / checkbox）的纯判定。
+ *
+ * 单一职责：把"受控值 / 跳过状态 / 选中集合 / 校验上下文"换算成
+ * 最终要渲染与写回的布尔值，不读信号、不碰 DOM。
+ * 受控与非受控、跳过与未跳过、交互前后的一致性都由这些函数显式表达。
+ */
+/**
+ * 最终是否勾选：
+ * - 受控（`checked` 有值）时以它为唯一来源，但"已跳过"的题目一律不勾选；
+ * - 非受控时看 Item 的选中集合里有没有自己。
+ */
+export declare function resolveChoiceChecked(options: {
+    controlled: boolean | undefined;
+    status: QuestionnaireItemStatus;
+    selectedAnswerIds: readonly string[];
+    id: string;
+}): boolean;
+/** 选项是否需要原生 `required`：整题必填、单选、且本题没有文本框作答 */
+export declare function isChoiceRequired(options: {
+    required: boolean;
+    multiple: boolean;
+    hasInputAnswer: boolean;
+}): boolean;
+/** 已跳过的题目不提交表单字段值（避免把跳过题目的答案一起提交） */
+export declare function resolveChoiceName(status: QuestionnaireItemStatus, name: string): string | undefined;
+/**
+ * 交互后要不要写回选中集合，以及写成什么值：
+ * - 用户回调已经 `preventDefault()` → 什么都不做；
+ * - 非受控 → 直接采用原生控件的勾选结果；
+ * - 受控且题目"已跳过"、原生结果恰好与受控值相同时 → 补一次写回，
+ *   否则 DOM 上的临时勾选会残留（受控方不会再送新值过来）；
+ * - 其余受控情况 → 交给受控方，自己不写。
+ */
+export declare function decideChoiceSelectionChange(options: {
+    canceled: boolean;
+    controlled: boolean | undefined;
+    status: QuestionnaireItemStatus;
+    checked: boolean;
+}): boolean | null;
+/** 选项的快捷键：优先声明式 value 映射，其次按答案 id 分配，都没有则为 null */
+export declare function resolveChoiceShortcut(options: {
+    byChoiceValue: Map<string, string> | null;
+    byAnswerId: Map<string, string>;
+    value: string;
+    id: string;
+}): string | null;

package/dist/components/questionnaire/QuestionnaireChoice/questionnaire-choice.utils.js

@@ -0,0 +1,23 @@
+//#region src/components/questionnaire/QuestionnaireChoice/questionnaire-choice.utils.ts
+function e(e) {
+	let { controlled: t, status: n, selectedAnswerIds: r, id: i } = e;
+	return t === void 0 ? r.includes(i) : n !== "skipped" && t;
+}
+function t(e) {
+	return e.required && !e.multiple && !e.hasInputAnswer;
+}
+function n(e, t) {
+	return e === "skipped" ? void 0 : t;
+}
+function r(e) {
+	let { canceled: t, controlled: n, status: r, checked: i } = e;
+	return t ? null : n === void 0 ? i : r === "skipped" && n === i ? n : null;
+}
+function i(e) {
+	let { byChoiceValue: t, byAnswerId: n, value: r, id: i } = e;
+	return t?.get(r) ?? n.get(i) ?? null;
+}
+//#endregion
+export { r as decideChoiceSelectionChange, t as isChoiceRequired, e as resolveChoiceChecked, n as resolveChoiceName, i as resolveChoiceShortcut };
+
+//# sourceMappingURL=questionnaire-choice.utils.js.map

package/dist/components/questionnaire/QuestionnaireChoice/questionnaire-choice.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire-choice.utils.js","names":["resolveChoiceChecked","options","controlled","selectedAnswerIds","id","status","isChoiceRequired","resolveChoiceName","name","decideChoiceSelectionChange","canceled","checked","resolveChoiceShortcut","byChoiceValue","value","byAnswerId"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoice/questionnaire-choice.utils.ts"],"sourcesContent":["import type { QuestionnaireItemStatus } from \"../questionnaire.types\";\n\n/**\n * 固定选项（radio / checkbox）的纯判定。\n *\n * 单一职责：把\"受控值 / 跳过状态 / 选中集合 / 校验上下文\"换算成\n * 最终要渲染与写回的布尔值，不读信号、不碰 DOM。\n * 受控与非受控、跳过与未跳过、交互前后的一致性都由这些函数显式表达。\n */\n\n/**\n * 最终是否勾选：\n * - 受控（`checked` 有值）时以它为唯一来源，但\"已跳过\"的题目一律不勾选；\n * - 非受控时看 Item 的选中集合里有没有自己。\n */\nexport function resolveChoiceChecked(options: {\n  controlled: boolean | undefined;\n  status: QuestionnaireItemStatus;\n  selectedAnswerIds: readonly string[];\n  id: string;\n}): boolean {\n  const { controlled, status, selectedAnswerIds, id } = options;\n  if (controlled !== undefined) {\n    return status === \"skipped\" ? false : controlled;\n  }\n  return selectedAnswerIds.includes(id);\n}\n\n/** 选项是否需要原生 `required`：整题必填、单选、且本题没有文本框作答 */\nexport function isChoiceRequired(options: {\n  required: boolean;\n  multiple: boolean;\n  hasInputAnswer: boolean;\n}): boolean {\n  return options.required && !options.multiple && !options.hasInputAnswer;\n}\n\n/** 已跳过的题目不提交表单字段值（避免把跳过题目的答案一起提交） */\nexport function resolveChoiceName(\n  status: QuestionnaireItemStatus,\n  name: string,\n): string | undefined {\n  return status === \"skipped\" ? undefined : name;\n}\n\n/**\n * 交互后要不要写回选中集合，以及写成什么值：\n * - 用户回调已经 `preventDefault()` → 什么都不做；\n * - 非受控 → 直接采用原生控件的勾选结果；\n * - 受控且题目\"已跳过\"、原生结果恰好与受控值相同时 → 补一次写回，\n *   否则 DOM 上的临时勾选会残留（受控方不会再送新值过来）；\n * - 其余受控情况 → 交给受控方，自己不写。\n */\nexport function decideChoiceSelectionChange(options: {\n  canceled: boolean;\n  controlled: boolean | undefined;\n  status: QuestionnaireItemStatus;\n  checked: boolean;\n}): boolean | null {\n  const { canceled, controlled, status, checked } = options;\n  if (canceled) return null;\n  if (controlled === undefined) return checked;\n  if (status === \"skipped\" && controlled === checked) return controlled;\n  return null;\n}\n\n/** 选项的快捷键：优先声明式 value 映射，其次按答案 id 分配，都没有则为 null */\nexport function resolveChoiceShortcut(options: {\n  byChoiceValue: Map<string, string> | null;\n  byAnswerId: Map<string, string>;\n  value: string;\n  id: string;\n}): string | null {\n  const { byChoiceValue, byAnswerId, value, id } = options;\n  return byChoiceValue?.get(value) ?? byAnswerId.get(id) ?? null;\n}\n"],"mappings":";AAeA,SAAgBA,EAAqB,GAKzB;CACV,IAAM,EAAE,eAAY,WAAQ,sBAAmB,UAAOC;CAItD,OAHIC,MAAe,KAAA,IAGZC,EAAkB,SAASC,CAAE,IAF3BC,MAAW,aAAoBH;AAG1C;AAGA,SAAgBI,EAAiB,GAIrB;CACV,OAAOL,EAAQ,YAAY,CAACA,EAAQ,YAAY,CAACA,EAAQ;AAC3D;AAGA,SAAgBM,EACd,GACA,GACoB;CACpB,OAAOF,MAAW,YAAY,KAAA,IAAYG;AAC5C;AAUA,SAAgBC,EAA4B,GAKzB;CACjB,IAAM,EAAE,aAAU,eAAY,WAAQ,eAAYR;CAIlD,OAHIS,IAAiB,OACjBR,MAAe,KAAA,IAAkBS,IACjCN,MAAW,aAAaH,MAAeS,IAAgBT,IACpD;AACT;AAGA,SAAgBU,EAAsB,GAKpB;CAChB,IAAM,EAAE,kBAAe,eAAY,UAAO,UAAOX;CACjD,OAAOY,GAAe,IAAIC,CAAK,KAAKC,EAAW,IAAIX,CAAE,KAAK;AAC5D"}

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.d.ts

@@ -0,0 +1,38 @@
+import { Accessor } from 'solid-js';
+interface Options {
+    value: string;
+    checked?: Accessor<boolean | undefined>;
+    defaultChecked?: Accessor<boolean>;
+    disabled?: Accessor<boolean>;
+    onChange?: (event: Event) => void;
+}
+/**
+ * 固定选项的状态:选中由 Item 的选中集合驱动(受控时用 checked),
+ * 同时把 input 注册成 Item 的 answer control,以便校验与快捷键。
+ */
+export declare function useQuestionnaireChoice(options: Options): {
+    id: string;
+    setInput: import('solid-js').Setter<HTMLInputElement | undefined>;
+    type: () => "checkbox" | "radio";
+    isDisabled: () => boolean;
+    shortcut: () => string | null;
+    checkedResolved: () => boolean;
+    handleChange: (event: Event) => void;
+    invalid: Accessor<boolean>;
+    required: () => boolean;
+    name: () => string | undefined;
+    ariaKeyShortcuts: () => string | undefined;
+    inputProps: () => {
+        "aria-keyshortcuts": string | undefined;
+        "aria-invalid": true | undefined;
+        checked: boolean;
+        disabled: boolean;
+        id: string;
+        name: string | undefined;
+        onChange: (event: Event) => void;
+        required: boolean;
+        type: string;
+        value: string;
+    };
+};
+export {};

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.js

@@ -0,0 +1,80 @@
+import { useQuestionnaireItemContext as e } from "../questionnaire.context.js";
+import { keyShortcutText as t } from "../questionnaire.utils.js";
+import { decideChoiceSelectionChange as n, isChoiceRequired as r, resolveChoiceChecked as i, resolveChoiceName as a, resolveChoiceShortcut as o } from "./questionnaire-choice.utils.js";
+import { createEffect as s, createSignal as c, createUniqueId as l, onCleanup as u } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.ts
+function d(d) {
+	let f = e("QuestionnaireChoice"), p = l(), [m, h] = c(), g = () => f.disabled() || !!d.disabled?.(), _ = () => f.multiple() ? "checkbox" : "radio", v = () => o({
+		byChoiceValue: f.shortcutByChoiceValue(),
+		byAnswerId: f.shortcutByAnswerId(),
+		value: d.value,
+		id: p
+	}), y = () => r({
+		required: f.required(),
+		multiple: f.multiple(),
+		hasInputAnswer: f.hasInputAnswer()
+	}), b = () => a(f.status(), f.name);
+	u(f.registerAnswerSelection(p, !!d.defaultChecked?.())), s(() => f.setAnswerDefault(p, !!d.defaultChecked?.())), s(() => {
+		let e = m();
+		if (!e) return;
+		let t = f.registerAnswerControl({
+			id: p,
+			element: e,
+			type: "choice",
+			value: d.value,
+			disabled: g(),
+			ownDisabled: !!d.disabled?.()
+		});
+		u(t);
+	});
+	let x = () => i({
+		controlled: d.checked?.(),
+		status: f.status(),
+		selectedAnswerIds: f.selectedAnswerIds(),
+		id: p
+	});
+	s(() => {
+		let e = m(), t = d.checked?.();
+		f.resetVersion(), e && t !== void 0 && f.syncControlledAnswerSelection(p, t), e && (e.checked = x());
+	});
+	let S = (e) => {
+		let t = e.target;
+		d.onChange?.(e);
+		let r = n({
+			canceled: e.defaultPrevented,
+			controlled: d.checked?.(),
+			status: f.status(),
+			checked: t.checked
+		});
+		r !== null && f.setAnswerSelectionFromInteraction(p, r);
+	}, C = () => t(v(), !g() && x());
+	return {
+		id: p,
+		setInput: h,
+		type: _,
+		isDisabled: g,
+		shortcut: v,
+		checkedResolved: x,
+		handleChange: S,
+		invalid: f.invalid,
+		required: y,
+		name: b,
+		ariaKeyShortcuts: C,
+		inputProps: () => ({
+			"aria-keyshortcuts": C(),
+			"aria-invalid": f.invalid() || void 0,
+			checked: x(),
+			disabled: g(),
+			id: p,
+			name: b(),
+			onChange: S,
+			required: y(),
+			type: _(),
+			value: d.value
+		})
+	};
+}
+//#endregion
+export { d as useQuestionnaireChoice };
+
+//# sourceMappingURL=useQuestionnaireChoice.js.map

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionnaireChoice.js","names":["useQuestionnaireChoice","item","useQuestionnaireItemContext","id","createUniqueId","input","setInput","createSignal","isDisabled","options","type","shortcut","resolveChoiceShortcut","required","isChoiceRequired","name","resolveChoiceName","onCleanup","createEffect","element","unregister","checkedResolved","resolveChoiceChecked","controlled","handleChange","target","event","next","decideChoiceSelectionChange","ariaKeyShortcuts","keyShortcutText"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.ts"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type Accessor,\n} from \"solid-js\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport { keyShortcutText } from \"../questionnaire.utils\";\nimport {\n  decideChoiceSelectionChange,\n  isChoiceRequired,\n  resolveChoiceChecked,\n  resolveChoiceName,\n  resolveChoiceShortcut,\n} from \"./questionnaire-choice.utils\";\n\ninterface Options {\n  value: string;\n  checked?: Accessor<boolean | undefined>;\n  defaultChecked?: Accessor<boolean>;\n  disabled?: Accessor<boolean>;\n  onChange?: (event: Event) => void;\n}\n\n/**\n * 固定选项的状态:选中由 Item 的选中集合驱动(受控时用 checked),\n * 同时把 input 注册成 Item 的 answer control,以便校验与快捷键。\n */\nexport function useQuestionnaireChoice(options: Options) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoice\");\n  const id = createUniqueId();\n  const [input, setInput] = createSignal<HTMLInputElement>();\n\n  const isDisabled = () => item.disabled() || !!options.disabled?.();\n  const type = () => (item.multiple() ? \"checkbox\" : \"radio\");\n  const shortcut = () =>\n    resolveChoiceShortcut({\n      byChoiceValue: item.shortcutByChoiceValue(),\n      byAnswerId: item.shortcutByAnswerId(),\n      value: options.value,\n      id,\n    });\n\n  const required = () =>\n    isChoiceRequired({\n      required: item.required(),\n      multiple: item.multiple(),\n      hasInputAnswer: item.hasInputAnswer(),\n    });\n\n  const name = () => resolveChoiceName(item.status(), item.name);\n\n  onCleanup(item.registerAnswerSelection(id, !!options.defaultChecked?.()));\n  createEffect(() => item.setAnswerDefault(id, !!options.defaultChecked?.()));\n\n  createEffect(() => {\n    const element = input();\n    if (!element) return;\n    const unregister = item.registerAnswerControl({\n      id,\n      element,\n      type: \"choice\",\n      value: options.value,\n      disabled: isDisabled(),\n      ownDisabled: !!options.disabled?.(),\n    });\n    onCleanup(unregister);\n  });\n\n  const checkedResolved = () =>\n    resolveChoiceChecked({\n      controlled: options.checked?.(),\n      status: item.status(),\n      selectedAnswerIds: item.selectedAnswerIds(),\n      id,\n    });\n\n  // 受控同步 + reset 后强制同步 DOM checked\n  createEffect(() => {\n    const element = input();\n    const controlled = options.checked?.();\n    item.resetVersion();\n    if (element && controlled !== undefined) {\n      item.syncControlledAnswerSelection(id, controlled);\n    }\n    if (element) element.checked = checkedResolved();\n  });\n\n  const handleChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    options.onChange?.(event);\n    const next = decideChoiceSelectionChange({\n      canceled: event.defaultPrevented,\n      controlled: options.checked?.(),\n      status: item.status(),\n      checked: target.checked,\n    });\n    if (next !== null) item.setAnswerSelectionFromInteraction(id, next);\n  };\n\n  /** aria-keyshortcuts：只有\"可用且当前勾选\"时才附上 Enter 提示 */\n  const ariaKeyShortcuts = () =>\n    keyShortcutText(shortcut(), !isDisabled() && checkedResolved());\n\n  return {\n    id,\n    setInput,\n    type,\n    isDisabled,\n    shortcut,\n    checkedResolved,\n    handleChange,\n    invalid: item.invalid,\n    required,\n    name,\n    ariaKeyShortcuts,\n    inputProps: () => ({\n      \"aria-keyshortcuts\": ariaKeyShortcuts(),\n      \"aria-invalid\": item.invalid() || undefined,\n      checked: checkedResolved(),\n      disabled: isDisabled(),\n      id,\n      name: name(),\n      onChange: handleChange,\n      required: required(),\n      type: type(),\n      value: options.value,\n    }),\n  };\n}\n"],"mappings":";;;;;AA6BA,SAAgBA,EAAuB,GAAkB;CACvD,IAAMC,IAAOC,EAA4B,qBAAqB,GACxDC,IAAKC,EAAe,GACpB,CAACC,GAAOC,KAAYC,EAA+B,GAEnDC,UAAmBP,EAAK,SAAS,KAAK,CAAC,CAACQ,EAAQ,WAAW,GAC3DC,UAAcT,EAAK,SAAS,IAAI,aAAa,SAC7CU,UACJC,EAAsB;EACpB,eAAeX,EAAK,sBAAsB;EAC1C,YAAYA,EAAK,mBAAmB;EACpC,OAAOQ,EAAQ;EACf;CACF,CAAC,GAEGI,UACJC,EAAiB;EACf,UAAUb,EAAK,SAAS;EACxB,UAAUA,EAAK,SAAS;EACxB,gBAAgBA,EAAK,eAAe;CACtC,CAAC,GAEGc,UAAaC,EAAkBf,EAAK,OAAO,GAAGA,EAAK,IAAI;CAK7D,AAHAgB,EAAUhB,EAAK,wBAAwBE,GAAI,CAAC,CAACM,EAAQ,iBAAiB,CAAC,CAAC,GACxES,QAAmBjB,EAAK,iBAAiBE,GAAI,CAAC,CAACM,EAAQ,iBAAiB,CAAC,CAAC,GAE1ES,QAAmB;EACjB,IAAMC,IAAUd,EAAM;EACtB,IAAI,CAACc,GAAS;EACd,IAAMC,IAAanB,EAAK,sBAAsB;GAC5C;GACA;GACA,MAAM;GACN,OAAOQ,EAAQ;GACf,UAAUD,EAAW;GACrB,aAAa,CAAC,CAACC,EAAQ,WAAW;EACpC,CAAC;EACD,EAAUW,CAAU;CACtB,CAAC;CAED,IAAMC,UACJC,EAAqB;EACnB,YAAYb,EAAQ,UAAU;EAC9B,QAAQR,EAAK,OAAO;EACpB,mBAAmBA,EAAK,kBAAkB;EAC1C;CACF,CAAC;CAGH,QAAmB;EACjB,IAAMkB,IAAUd,EAAM,GAChBkB,IAAad,EAAQ,UAAU;EAKrC,AAJAR,EAAK,aAAa,GACdkB,KAAWI,MAAe,KAAA,KAC5BtB,EAAK,8BAA8BE,GAAIoB,CAAU,GAE/CJ,MAAS,EAAQ,UAAUE,EAAgB;CACjD,CAAC;CAED,IAAMG,KAAgB,MAAiB;EACrC,IAAMC,IAASC,EAAM;EACrB,EAAQ,WAAWA,CAAK;EACxB,IAAMC,IAAOC,EAA4B;GACvC,UAAUF,EAAM;GAChB,YAAYjB,EAAQ,UAAU;GAC9B,QAAQR,EAAK,OAAO;GACpB,SAASwB,EAAO;EAClB,CAAC;EACD,AAAIE,MAAS,QAAM1B,EAAK,kCAAkCE,GAAIwB,CAAI;CACpE,GAGME,UACJC,EAAgBnB,EAAS,GAAG,CAACH,EAAW,KAAKa,EAAgB,CAAC;CAEhE,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SAASpB,EAAK;EACd;EACA;EACA;EACA,mBAAmB;GACjB,qBAAqB4B,EAAiB;GACtC,gBAAgB5B,EAAK,QAAQ,KAAK,KAAA;GAClC,SAASoB,EAAgB;GACzB,UAAUb,EAAW;GACrB;GACA,MAAMO,EAAK;GACX,UAAUS;GACV,UAAUX,EAAS;GACnB,MAAMH,EAAK;GACX,OAAOD,EAAQ;EACjB;CACF;AACF"}

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

@@ -0,0 +1,3 @@
+import { QuestionnaireChoicesProps } from '../questionnaire.types';
+/** 选项容器:grid 布局,携带当前快捷键模式供子项使用 */
+export declare function QuestionnaireChoices(props: QuestionnaireChoicesProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	let s = t("QuestionnaireChoices"), [c, l] = a(i, ["class", "classList"]);
+	return (() => {
+		var t = o();
+		return r(t, n(l, {
+			"data-slot": "questionnaire-choices",
+			get "data-shortcuts"() {
+				return s.shortcuts() ?? void 0;
+			},
+			get class() {
+				return e("grid min-w-0 gap-2", c.class);
+			},
+			get classList() {
+				return c.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { s as QuestionnaireChoices };
+
+//# sourceMappingURL=QuestionnaireChoices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireChoices.js","names":["splitProps","clsx","useQuestionnaireItemContext","QuestionnaireChoicesProps","QuestionnaireChoices","props","item","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-shortcuts","shortcuts","undefined","class","classList","_$mergeProps","_tmpl$","QuestionnaireChoices","item","useQuestionnaireItemContext","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireChoicesProps } from \"../questionnaire.types\";\n\n/** 选项容器:grid 布局,携带当前快捷键模式供子项使用 */\nexport function QuestionnaireChoices(props: QuestionnaireChoicesProps) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoices\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"questionnaire-choices\"\n      data-shortcuts={item.shortcuts() ?? undefined}\n      class={clsx(\"grid min-w-0 gap-2\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBI,EAAqBC,GAAkC;CACrE,IAAMC,IAAOJ,EAA4B,sBAAsB,GACzD,CAACK,GAAOC,KAAQR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAM8B,OAN9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAuB,IAAA,mBAAA;IAAA,OACjBF,EAAKQ,UAAU,KAAKC,KAAAA;GAAS;GAAA,IAAAe,QAAA;IAAA,OACtC7B,EAAK,sBAAsBM,EAAMS,KAAK;GAAC;GAAA,IAC9CC,YAAS;IAAA,OAAEV,EAAMU;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAR;CAAA,EAAA,CAAA;AAGhC"}

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

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

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

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { QuestionnaireDescriptionProps } from '../questionnaire.types';
+/** 题目描述(p);id 注册给 Item,用于 fieldset 的 aria-describedby */
+export declare function QuestionnaireDescription<T extends ValidComponent = "p">(props: QuestionnaireDescriptionProps<T>): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.js

@@ -0,0 +1,30 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.tsx
+function l(l) {
+	let u = t("QuestionnaireDescription"), [d, f] = c(l, [
+		"id",
+		"class",
+		"classList",
+		"component"
+	]), p = d.id ?? a();
+	return s(() => o(u.registerDescription(p))), r(n, i(f, {
+		get component() {
+			return d.component ?? "p";
+		},
+		id: p,
+		"data-slot": "questionnaire-description",
+		get class() {
+			return e("text-sm text-muted-foreground text-pretty", d.class);
+		},
+		get classList() {
+			return d.classList;
+		}
+	}));
+}
+//#endregion
+export { l as QuestionnaireDescription };
+
+//# sourceMappingURL=QuestionnaireDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireDescription.js","names":["createUniqueId","onCleanup","onMount","splitProps","ValidComponent","Dynamic","clsx","useQuestionnaireItemContext","QuestionnaireDescriptionProps","QuestionnaireDescription","props","T","item","local","rest","id","registerDescription","_$createComponent","_$mergeProps","component","class","classList","_$createComponent","_$mergeProps","QuestionnaireDescription","item","useQuestionnaireItemContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireDescriptionProps } from \"../questionnaire.types\";\n\n/** 题目描述(p);id 注册给 Item,用于 fieldset 的 aria-describedby */\nexport function QuestionnaireDescription<T extends ValidComponent = \"p\">(\n  props: QuestionnaireDescriptionProps<T>,\n) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireDescription\");\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"classList\",\n    \"component\",\n  ]);\n  const id = local.id ?? createUniqueId();\n  onMount(() => onCleanup(item.registerDescription(id)));\n\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"p\"}\n      id={id}\n      data-slot=\"questionnaire-description\"\n      class={clsx(\"text-sm text-muted-foreground text-pretty\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBS,EACdC,GACA;CACA,IAAME,IAAOL,EAA4B,0BAA0B,GAC7D,CAACM,GAAOC,KAAQX,EAAWO,GAAO;EACtC;EACA;EACA;EACA;CAAW,CACZ,GACKK,IAAKF,EAAME,MAAMf,EAAe;CAGtC,OAFAE,QAAcD,EAAUW,EAAKI,oBAAoBD,CAAE,CAAC,CAAC,GAErDE,EACGZ,GAAOa,EACFJ,GAAI;EAAA,IACRK,YAAS;GAAA,OAAGN,EAAMM,aAAgC;EAAG;EACjDJ;EAAE,aAAA;EAAA,IAAAuB,QAAA;GAAA,OAEChC,EAAK,6CAA6CO,EAAMO,KAAK;EAAC;EAAA,IACrEC,YAAS;GAAA,OAAER,EAAMQ;EAAS;CAAA,CAAA,CAAA;AAGhC"}

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

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

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

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { QuestionnaireErrorProps } from '../questionnaire.types';
+/** 校验错误提示(p);invalid 时显示并挂 role="alert",id 注册给 Item */
+export declare function QuestionnaireError<T extends ValidComponent = "p">(props: QuestionnaireErrorProps<T>): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireError/QuestionnaireError.js

@@ -0,0 +1,43 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireError/QuestionnaireError.tsx
+function l(l) {
+	let u = t("QuestionnaireError"), [d, f] = c(l, [
+		"id",
+		"class",
+		"classList",
+		"component",
+		"children"
+	]), p = d.id ?? a();
+	return s(() => o(u.registerError(p))), r(n, i(f, {
+		get component() {
+			return d.component ?? "p";
+		},
+		id: p,
+		get role() {
+			return u.invalid() ? "alert" : void 0;
+		},
+		get hidden() {
+			return !u.invalid();
+		},
+		"data-slot": "questionnaire-error",
+		get "data-invalid"() {
+			return u.invalid() ? "" : void 0;
+		},
+		get class() {
+			return e("mt-2 text-sm text-destructive", d.class);
+		},
+		get classList() {
+			return d.classList;
+		},
+		get children() {
+			return d.children ?? (u.required() ? "Choose an answer to continue." : "Choose an answer or skip this question.");
+		}
+	}));
+}
+//#endregion
+export { l as QuestionnaireError };
+
+//# sourceMappingURL=QuestionnaireError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireError.js","names":["createUniqueId","onCleanup","onMount","splitProps","ValidComponent","Dynamic","clsx","useQuestionnaireItemContext","QuestionnaireErrorProps","QuestionnaireError","props","T","item","local","rest","id","registerError","_$createComponent","_$mergeProps","component","role","invalid","undefined","hidden","data-invalid","class","classList","children","required","_$createComponent","_$mergeProps","QuestionnaireError","item","useQuestionnaireItemContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireError/QuestionnaireError.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireErrorProps } from \"../questionnaire.types\";\n\n/** 校验错误提示(p);invalid 时显示并挂 role=\"alert\",id 注册给 Item */\nexport function QuestionnaireError<T extends ValidComponent = \"p\">(\n  props: QuestionnaireErrorProps<T>,\n) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireError\");\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"classList\",\n    \"component\",\n    \"children\",\n  ]);\n  const id = local.id ?? createUniqueId();\n  onMount(() => onCleanup(item.registerError(id)));\n\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"p\"}\n      id={id}\n      role={item.invalid() ? \"alert\" : undefined}\n      hidden={!item.invalid()}\n      data-slot=\"questionnaire-error\"\n      data-invalid={item.invalid() ? \"\" : undefined}\n      class={clsx(\"mt-2 text-sm text-destructive\", local.class)}\n      classList={local.classList}\n    >\n      {local.children ??\n        (item.required()\n          ? \"Choose an answer to continue.\"\n          : \"Choose an answer or skip this question.\")}\n    </Dynamic>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBS,EACdC,GACA;CACA,IAAME,IAAOL,EAA4B,oBAAoB,GACvD,CAACM,GAAOC,KAAQX,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GACKK,IAAKF,EAAME,MAAMf,EAAe;CAGtC,OAFAE,QAAcD,EAAUW,EAAKI,cAAcD,CAAE,CAAC,CAAC,GAE/CE,EACGZ,GAAOa,EACFJ,GAAI;EAAA,IACRK,YAAS;GAAA,OAAGN,EAAMM,aAAgC;EAAG;EACjDJ;EAAE,IACNK,OAAI;GAAA,OAAER,EAAKS,QAAQ,IAAI,UAAUC,KAAAA;EAAS;EAAA,IAC1CC,SAAM;GAAA,OAAE,CAACX,EAAKS,QAAQ;EAAC;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAETT,EAAKS,QAAQ,IAAI,KAAKC,KAAAA;EAAS;EAAA,IAAAuB,QAAA;GAAA,OACtCvC,EAAK,iCAAiCO,EAAMY,KAAK;EAAC;EAAA,IACzDC,YAAS;GAAA,OAAEb,EAAMa;EAAS;EAAA,IAAAC,WAAA;GAAA,OAEzBd,EAAMc,aACJf,EAAKgB,SAAS,IACX,kCACA;EAA0C;CAAA,CAAA,CAAA;AAGtD"}

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

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

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

@@ -0,0 +1,3 @@
+import { QuestionnaireInputProps } from '../questionnaire.types';
+/** 自由作答输入(需有可见 label、aria-label 或 aria-labelledby 提供可访问名称) */
+export declare function QuestionnaireInput(props: QuestionnaireInputProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireInput/QuestionnaireInput.js

@@ -0,0 +1,78 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireInput as t } from "./useQuestionnaireInput.js";
+import { memo as n, mergeProps as r, spread as i, template as a, use as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireInput/QuestionnaireInput.tsx
+var c = /*#__PURE__*/ a("<div data-slot=questionnaire-input-wrapper class=\"group/questionnaire-input relative min-w-0\"><input>"), l = "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-[color,box-shadow,background-color] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 md:text-sm dark:bg-input/30";
+function u(a) {
+	let [u, d] = s(a, [
+		"type",
+		"defaultValue",
+		"value",
+		"disabled",
+		"onChange",
+		"class",
+		"classList"
+	]), f = t({
+		type: () => u.type ?? "text",
+		defaultValue: () => u.defaultValue,
+		value: () => u.value,
+		disabled: () => u.disabled,
+		onChange: (e) => u.onChange?.(e)
+	});
+	return (() => {
+		var t = c(), a = t.firstChild;
+		return o((e) => {
+			f.setInput(e), !f.controlled() && u.defaultValue !== void 0 && (e.defaultValue = u.defaultValue);
+		}, a), i(a, r(d, {
+			get id() {
+				return f.id;
+			},
+			get type() {
+				return u.type ?? "text";
+			},
+			get name() {
+				return f.name();
+			},
+			get form() {
+				return f.formValue();
+			},
+			get value() {
+				return n(() => !!f.controlled())() ? u.value : void 0;
+			},
+			get disabled() {
+				return f.isDisabled();
+			},
+			get "aria-invalid"() {
+				return f.invalid() || void 0;
+			},
+			get "aria-keyshortcuts"() {
+				return f.ariaKeyShortcuts();
+			},
+			onChange: (e) => f.inputProps().onChange(e),
+			"data-slot": "questionnaire-input",
+			get "data-filled"() {
+				return f.filled() ? "" : void 0;
+			},
+			get "data-empty"() {
+				return f.filled() ? void 0 : "";
+			},
+			get "data-disabled"() {
+				return f.isDisabled() ? "" : void 0;
+			},
+			get "data-invalid"() {
+				return f.invalid() ? "" : void 0;
+			},
+			get class() {
+				return e(l, u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { u as QuestionnaireInput };
+
+//# sourceMappingURL=QuestionnaireInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireInput.js","names":["splitProps","clsx","useQuestionnaireInput","QuestionnaireInputProps","inputClasses","QuestionnaireInput","props","local","rest","engine","type","defaultValue","value","disabled","onChange","event","_el$","_tmpl$","_el$2","firstChild","_$use","el","setInput","controlled","undefined","_$spread","_$mergeProps","id","name","form","formValue","_$memo","isDisabled","aria-invalid","invalid","aria-keyshortcuts","ariaKeyShortcuts","inputProps","data-filled","filled","data-empty","data-disabled","data-invalid","class","classList","_$mergeProps","_$memo","_tmpl$","inputClasses","QuestionnaireInput","local","rest","splitProps","props","engine","useQuestionnaireInput","event","_el$","_el$2","use","el","spread","mergeProps","memo","\"onChange\"","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireInput/QuestionnaireInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireInput } from \"./useQuestionnaireInput\";\nimport type { QuestionnaireInputProps } from \"../questionnaire.types\";\n\nconst inputClasses =\n  \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-[color,box-shadow,background-color] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 md:text-sm dark:bg-input/30\";\n\n/** 自由作答输入(需有可见 label、aria-label 或 aria-labelledby 提供可访问名称) */\nexport function QuestionnaireInput(props: QuestionnaireInputProps) {\n  const [local, rest] = splitProps(props, [\n    \"type\",\n    \"defaultValue\",\n    \"value\",\n    \"disabled\",\n    \"onChange\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const engine = useQuestionnaireInput({\n    type: () => local.type ?? \"text\",\n    defaultValue: () => local.defaultValue,\n    value: () => local.value,\n    disabled: () => local.disabled,\n    onChange: (event) => local.onChange?.(event),\n  });\n\n  return (\n    <div\n      data-slot=\"questionnaire-input-wrapper\"\n      class=\"group/questionnaire-input relative min-w-0\"\n    >\n      <input\n        {...rest}\n        ref={(el) => {\n          engine.setInput(el);\n          // 非受控时把 defaultValue 写入 DOM(Solid 的 input 没有 defaultValue 绑定)\n          if (!engine.controlled() && local.defaultValue !== undefined) {\n            el.defaultValue = local.defaultValue;\n          }\n        }}\n        id={engine.id}\n        type={local.type ?? \"text\"}\n        name={engine.name()}\n        form={engine.formValue()}\n        value={engine.controlled() ? local.value : undefined}\n        disabled={engine.isDisabled()}\n        aria-invalid={engine.invalid() || undefined}\n        aria-keyshortcuts={engine.ariaKeyShortcuts()}\n        onChange={(event) => engine.inputProps().onChange(event)}\n        data-slot=\"questionnaire-input\"\n        data-filled={engine.filled() ? \"\" : undefined}\n        data-empty={engine.filled() ? undefined : \"\"}\n        data-disabled={engine.isDisabled() ? \"\" : undefined}\n        data-invalid={engine.invalid() ? \"\" : undefined}\n        class={clsx(inputClasses, local.class)}\n        classList={local.classList}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;oIAKMI,IACJ;AAGF,SAAgBC,EAAmBC,GAAgC;CACjE,IAAM,CAACC,GAAOC,KAAQR,EAAWM,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEKG,IAASP,EAAsB;EACnCQ,YAAYH,EAAMG,QAAQ;EAC1BC,oBAAoBJ,EAAMI;EAC1BC,aAAaL,EAAMK;EACnBC,gBAAgBN,EAAMM;EACtBC,WAAWC,MAAUR,EAAMO,WAAWC,CAAK;CAC7C,CAAC;CAED,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EA6BgC,OA7BhCC,GAOYC,MAAO;GAGX,AAFAZ,EAAOa,SAASD,CAAE,GAEd,CAACZ,EAAOc,WAAW,KAAKhB,EAAMI,iBAAiBa,KAAAA,MACjDH,EAAGV,eAAeJ,EAAMI;EAE5B,GAACO,CAAA,GAAAO,EAAAP,GAAAQ,EAPGlB,GAAI;GAAA,IAQRmB,KAAE;IAAA,OAAElB,EAAOkB;GAAE;GAAA,IACbjB,OAAI;IAAA,OAAEH,EAAMG,QAAQ;GAAM;GAAA,IAC1BkB,OAAI;IAAA,OAAEnB,EAAOmB,KAAK;GAAC;GAAA,IACnBC,OAAI;IAAA,OAAEpB,EAAOqB,UAAU;GAAC;GAAA,IACxBlB,QAAK;IAAA,OAAEmB,QAAA,CAAA,CAAAtB,EAAOc,WAAW,CAAC,CAAA,CAAA,IAAGhB,EAAMK,QAAQY,KAAAA;GAAS;GAAA,IACpDX,WAAQ;IAAA,OAAEJ,EAAOuB,WAAW;GAAC;GAAA,IAAA,iBAAA;IAAA,OACfvB,EAAOyB,QAAQ,KAAKV,KAAAA;GAAS;GAAA,IAAA,sBAAA;IAAA,OACxBf,EAAO2B,iBAAiB;GAAC;GAAA4B,WACjCjD,MAAUN,EAAO4B,WAAW,CAAC,CAACvB,SAASC,CAAK;GAAC,aAC9C;GAAqB,IAAA,gBAAA;IAAA,OAClBN,EAAO8B,OAAO,IAAI,KAAKf,KAAAA;GAAS;GAAA,IAAA,eAAA;IAAA,OACjCf,EAAO8B,OAAO,IAAIf,KAAAA,IAAY;GAAE;GAAA,IAAA,kBAAA;IAAA,OAC7Bf,EAAOuB,WAAW,IAAI,KAAKR,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OACrCf,EAAOyB,QAAQ,IAAI,KAAKV,KAAAA;GAAS;GAAA,IAAAyC,QAAA;IAAA,OACxChE,EAAKG,GAAcG,EAAMoC,KAAK;GAAC;GAAA,IACtCC,YAAS;IAAA,OAAErC,EAAMqC;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAA5B;CAAA,EAAA,CAAA;AAIlC"}

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

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

package/dist/components/questionnaire/QuestionnaireInput/useQuestionnaireInput.d.ts

@@ -0,0 +1,37 @@
+import { Accessor } from 'solid-js';
+interface Options {
+    type: Accessor<string>;
+    defaultValue: Accessor<string | undefined>;
+    value: Accessor<string | undefined>;
+    disabled: Accessor<boolean | undefined>;
+    onChange?: (event: Event) => void;
+}
+/**
+ * 自由作答输入:作为 Item 的一个 answer control 参与校验与 FormData。
+ * 选中时才有 name(参与提交),否则用 form="" 排除在表单之外。
+ */
+export declare function useQuestionnaireInput(options: Options): {
+    id: string;
+    setInput: import('solid-js').Setter<HTMLInputElement | undefined>;
+    selected: () => boolean;
+    filled: () => boolean;
+    isDisabled: () => boolean;
+    invalid: Accessor<boolean>;
+    controlled: () => boolean;
+    name: () => string | undefined;
+    formValue: () => "" | undefined;
+    ariaKeyShortcuts: () => string | undefined;
+    inputProps: () => {
+        "aria-invalid": true | undefined;
+        "aria-keyshortcuts": string | undefined;
+        defaultValue: string | undefined;
+        disabled: boolean;
+        form: string | undefined;
+        id: string;
+        name: string | undefined;
+        onChange: (event: Event) => void;
+        type: string;
+        value: string | undefined;
+    };
+};
+export {};

package/dist/components/questionnaire/QuestionnaireInput/useQuestionnaireInput.js

@@ -0,0 +1,61 @@
+import { useQuestionnaireItemContext as e } from "../questionnaire.context.js";
+import { hasText as t, keyShortcutText as n } from "../questionnaire.utils.js";
+import { createEffect as r, createSignal as i, createUniqueId as a, onCleanup as o } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireInput/useQuestionnaireInput.ts
+function s(s) {
+	let c = e("QuestionnaireInput"), l = a(), [u, d] = i(), f = t(s.defaultValue()), [p, m] = i(f), [h, g] = i(0), _ = () => s.value() !== void 0, v = () => c.disabled() || !!s.disabled?.(), y = () => c.selectedAnswerIds().includes(l), b = () => _() ? t(s.value()) : p();
+	o(c.registerAnswerSelection(l, f)), r(() => c.setAnswerDefault(l, f)), r(() => {
+		let e = u();
+		if (!e) return;
+		let t = c.registerAnswerControl({
+			id: l,
+			element: e,
+			type: "input",
+			disabled: v()
+		});
+		o(t);
+	}), r(() => {
+		let e = c.resetVersion();
+		e !== h() && (g(e), _() || m(f));
+	}), r(() => {
+		let e = u(), n = s.value();
+		if (e && _()) {
+			c.syncControlledAnswerSelection(l, t(n));
+			return;
+		}
+	});
+	let x = (e) => {
+		let n = e.target;
+		if (s.onChange?.(e), e.defaultPrevented) return;
+		let r = t(n.value);
+		_() || m(r), c.setAnswerSelectionFromInteraction(l, r);
+	};
+	return {
+		id: l,
+		setInput: d,
+		selected: y,
+		filled: b,
+		isDisabled: v,
+		invalid: c.invalid,
+		controlled: _,
+		name: () => y() ? c.name : void 0,
+		formValue: () => y() ? void 0 : "",
+		ariaKeyShortcuts: () => n(null, !v() && b() && y()),
+		inputProps: () => ({
+			"aria-invalid": c.invalid() || void 0,
+			"aria-keyshortcuts": n(null, !v() && b() && y()),
+			defaultValue: _() ? void 0 : s.defaultValue(),
+			disabled: v(),
+			form: y() ? void 0 : "",
+			id: l,
+			name: y() ? c.name : void 0,
+			onChange: x,
+			type: s.type(),
+			value: _() ? s.value() : void 0
+		})
+	};
+}
+//#endregion
+export { s as useQuestionnaireInput };
+
+//# sourceMappingURL=useQuestionnaireInput.js.map

package/dist/components/questionnaire/QuestionnaireInput/useQuestionnaireInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionnaireInput.js","names":["useQuestionnaireInput","item","useQuestionnaireItemContext","id","createUniqueId","input","setInput","createSignal","initialFilled","hasText","options","internalFilled","setInternalFilled","resetSeen","setResetSeen","controlled","isDisabled","selected","filled","onCleanup","createEffect","element","unregister","version","value","handleChange","target","event","nextFilled","keyShortcutText"],"sources":["../../../../src/components/questionnaire/QuestionnaireInput/useQuestionnaireInput.ts"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type Accessor,\n} from \"solid-js\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport { hasText, keyShortcutText } from \"../questionnaire.utils\";\n\ninterface Options {\n  type: Accessor<string>;\n  defaultValue: Accessor<string | undefined>;\n  value: Accessor<string | undefined>;\n  disabled: Accessor<boolean | undefined>;\n  onChange?: (event: Event) => void;\n}\n\n/**\n * 自由作答输入:作为 Item 的一个 answer control 参与校验与 FormData。\n * 选中时才有 name(参与提交),否则用 form=\"\" 排除在表单之外。\n */\nexport function useQuestionnaireInput(options: Options) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireInput\");\n  const id = createUniqueId();\n  const [input, setInput] = createSignal<HTMLInputElement>();\n  const initialFilled = hasText(options.defaultValue());\n  const [internalFilled, setInternalFilled] = createSignal(initialFilled);\n  const [resetSeen, setResetSeen] = createSignal(0);\n\n  const controlled = () => options.value() !== undefined;\n  const isDisabled = () => item.disabled() || !!options.disabled?.();\n  const selected = () => item.selectedAnswerIds().includes(id);\n  const filled = () =>\n    controlled() ? hasText(options.value()) : internalFilled();\n\n  onCleanup(item.registerAnswerSelection(id, initialFilled));\n  createEffect(() => item.setAnswerDefault(id, initialFilled));\n\n  createEffect(() => {\n    const element = input();\n    if (!element) return;\n    const unregister = item.registerAnswerControl({\n      id,\n      element,\n      type: \"input\",\n      disabled: isDisabled(),\n    });\n    onCleanup(unregister);\n  });\n\n  createEffect(() => {\n    const version = item.resetVersion();\n    if (version === resetSeen()) return;\n    setResetSeen(version);\n    if (!controlled()) setInternalFilled(initialFilled);\n  });\n\n  createEffect(() => {\n    const element = input();\n    const value = options.value();\n    if (!element) return;\n    if (controlled()) {\n      item.syncControlledAnswerSelection(id, hasText(value));\n      return;\n    }\n    // 非受控：value 恒为 undefined（受控/非受控由同一个 accessor 判定），\n    // 因此这里没有\"按 value 写 defaultValue\"的分支——之前那句\n    // `else if (value !== undefined)` 永远不成立，已删除。\n  });\n\n  const handleChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    options.onChange?.(event);\n    if (event.defaultPrevented) return;\n    const nextFilled = hasText(target.value);\n    if (!controlled()) setInternalFilled(nextFilled);\n    item.setAnswerSelectionFromInteraction(id, nextFilled);\n  };\n\n  return {\n    id,\n    setInput,\n    selected,\n    filled,\n    isDisabled,\n    invalid: item.invalid,\n    controlled,\n    name: () => (selected() ? item.name : undefined),\n    formValue: () => (selected() ? undefined : \"\"),\n    ariaKeyShortcuts: () =>\n      keyShortcutText(null, !isDisabled() && filled() && selected()),\n    inputProps: () => ({\n      \"aria-invalid\": item.invalid() || undefined,\n      \"aria-keyshortcuts\": keyShortcutText(\n        null,\n        !isDisabled() && filled() && selected(),\n      ),\n      defaultValue: controlled() ? undefined : options.defaultValue(),\n      disabled: isDisabled(),\n      form: selected() ? undefined : \"\",\n      id,\n      name: selected() ? item.name : undefined,\n      onChange: handleChange,\n      type: options.type(),\n      value: controlled() ? options.value() : undefined,\n    }),\n  };\n}\n"],"mappings":";;;;AAsBA,SAAgBA,EAAsB,GAAkB;CACtD,IAAMC,IAAOC,EAA4B,oBAAoB,GACvDC,IAAKC,EAAe,GACpB,CAACC,GAAOC,KAAYC,EAA+B,GACnDC,IAAgBC,EAAQC,EAAQ,aAAa,CAAC,GAC9C,CAACC,GAAgBC,KAAqBL,EAAaC,CAAa,GAChE,CAACK,GAAWC,KAAgBP,EAAa,CAAC,GAE1CQ,UAAmBL,EAAQ,MAAM,MAAM,KAAA,GACvCM,UAAmBf,EAAK,SAAS,KAAK,CAAC,CAACS,EAAQ,WAAW,GAC3DO,UAAiBhB,EAAK,kBAAkB,CAAC,CAAC,SAASE,CAAE,GACrDe,UACJH,EAAW,IAAIN,EAAQC,EAAQ,MAAM,CAAC,IAAIC,EAAe;CAwB3D,AAtBAQ,EAAUlB,EAAK,wBAAwBE,GAAIK,CAAa,CAAC,GACzDY,QAAmBnB,EAAK,iBAAiBE,GAAIK,CAAa,CAAC,GAE3DY,QAAmB;EACjB,IAAMC,IAAUhB,EAAM;EACtB,IAAI,CAACgB,GAAS;EACd,IAAMC,IAAarB,EAAK,sBAAsB;GAC5C;GACA;GACA,MAAM;GACN,UAAUe,EAAW;EACvB,CAAC;EACD,EAAUM,CAAU;CACtB,CAAC,GAEDF,QAAmB;EACjB,IAAMG,IAAUtB,EAAK,aAAa;EAClC,AAAIsB,MAAYV,EAAU,MAC1BC,EAAaS,CAAO,GACfR,EAAW,KAAGH,EAAkBJ,CAAa;CACpD,CAAC,GAEDY,QAAmB;EACjB,IAAMC,IAAUhB,EAAM,GAChBmB,IAAQd,EAAQ,MAAM;EAC5B,IAAKW,KACDN,EAAW,GAAG;GAChB,EAAK,8BAA8BZ,GAAIM,EAAQe,CAAK,CAAC;GACrD;EACF;CAIF,CAAC;CAED,IAAMC,KAAgB,MAAiB;EACrC,IAAMC,IAASC,EAAM;EAErB,IADAjB,EAAQ,WAAWiB,CAAK,GACpBA,EAAM,kBAAkB;EAC5B,IAAMC,IAAanB,EAAQiB,EAAO,KAAK;EAEvC,AADKX,EAAW,KAAGH,EAAkBgB,CAAU,GAC/C3B,EAAK,kCAAkCE,GAAIyB,CAAU;CACvD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA,SAAS3B,EAAK;EACd;EACA,YAAagB,EAAS,IAAIhB,EAAK,OAAO,KAAA;EACtC,iBAAkBgB,EAAS,IAAI,KAAA,IAAY;EAC3C,wBACEY,EAAgB,MAAM,CAACb,EAAW,KAAKE,EAAO,KAAKD,EAAS,CAAC;EAC/D,mBAAmB;GACjB,gBAAgBhB,EAAK,QAAQ,KAAK,KAAA;GAClC,qBAAqB4B,EACnB,MACA,CAACb,EAAW,KAAKE,EAAO,KAAKD,EAAS,CACxC;GACA,cAAcF,EAAW,IAAI,KAAA,IAAYL,EAAQ,aAAa;GAC9D,UAAUM,EAAW;GACrB,MAAMC,EAAS,IAAI,KAAA,IAAY;GAC/B;GACA,MAAMA,EAAS,IAAIhB,EAAK,OAAO,KAAA;GAC/B,UAAUwB;GACV,MAAMf,EAAQ,KAAK;GACnB,OAAOK,EAAW,IAAIL,EAAQ,MAAM,IAAI,KAAA;EAC1C;CACF;AACF"}

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

@@ -0,0 +1,3 @@
+import { QuestionnaireItemProps } from '../questionnaire.types';
+/** 单个题目:fieldset,非激活时 hidden + inert,并向 Root 注册命令式句柄 */
+export declare function QuestionnaireItem(props: QuestionnaireItemProps): import('solid-js').JSX.Element;