@neut/ui 0.0.16 → 0.0.17

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,58 @@
+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();
+		e && (_() ? c.syncControlledAnswerSelection(l, t(n)) : n !== void 0 && (e.defaultValue = String(n)));
+	});
+	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    } else if (value !== undefined) {\n      element.defaultValue = String(value);\n    }\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,AAAKW,MACDN,EAAW,IACbd,EAAK,8BAA8BE,GAAIM,EAAQe,CAAK,CAAC,IAC5CA,MAAU,KAAA,MACnB,EAAQ,eAAe,OAAOA,CAAK;CAEvC,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;

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

@@ -0,0 +1,89 @@
+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,
+		onStatusChange: (e) => h.onStatusChange?.(e)
+	}), 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","onStatusChange","status","lastStatus","context","undefined","_$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","status","lastStatus","createEffect","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    onStatusChange: (status) => local.onStatusChange?.(status),\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;EACrBK,iBAAiBC,MAAWL,EAAMI,iBAAiBC,CAAM;CAC3D,CAAC,GAEGC;CASJ,OARAtB,QAAmB;EACjB,IAAMqB,IAASH,EAAOK,QAAQF,OAAO;EAIrCC,AAHIA,MAAeE,KAAAA,KAAaF,MAAeD,KAC7CL,EAAMI,iBAAiBC,CAAM,GAE/BC,IAAaD;CACf,CAAC,GAEDI,EACGpB,EAAyBqB,UAAQ;EAAA,IAACC,QAAK;GAAA,OAAET,EAAOK;EAAO;EAAA,IAAAK,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,EAAOK,QAAQT,SAAS;IAAC;IAAA,IACnCsB,SAAM;KAAA,OAAE,CAAClB,EAAOK,QAAQc,OAAO;IAAC;IAAA,IAChCC,QAAK;KAAA,OAAE,CAACpB,EAAOK,QAAQc,OAAO;IAAC;IAAAqC,UAAA;IAAA,IAAA,qBAAA;KAAA,OAEbxD,EAAOsB,YAAY;IAAC;IAAA,IAAA,iBAAA;KAAA,OACxBtB,EAAOK,QAAQR,QAAQ,KAAKS,KAAAA;IAAS;IAAA,IAAA,sBAAA;KAAA,OAChCN,EAAOyB,aAAa;IAAC;IAAA,aAC9B;IAAoB,IAAA,gBAAA;KAAA,OACjBzB,EAAOK,QAAQc,OAAO,IAAI,KAAKb,KAAAA;IAAS;IAAA,IAAA,gBAAA;KAAA,OACxCN,EAAOK,QAAQF,OAAO;IAAC;IAAA,IAAA,iBAAA;KAAA,OACtBH,EAAOK,QAAQR,QAAQ,IAAI,KAAKS,KAAAA;IAAS;IAAA,IAAA,kBAAA;KAAA,OACxCN,EAAOK,QAAQT,SAAS,IAAI,KAAKU,KAAAA;IAAS;IAAA,IAAAmD,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":";;;;;;AAaA,SAASU,EAAaD,GAAsB;CAC1C,QAAQA,GAAR;EACE,KAAK,YACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,KAAK,UACH,OAAO;CACX;AACF;AAEA,SAASE,EAAUC,GAAuB;CACxC,IAAMC,IAAOR,EAA4B,yBAAyB,GAC5DS,IAASd,EACb;EACEe,SAASC,KAAAA;EACTC,MAAM;EACNE,UAAU;CACZ,GACAP,CACF,GACM,CAACQ,GAAOC,KAAQpB,EAAWa,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAM,CACP,GAEKQ,UAAgB;EACpB,IAAMC,IAAQV,EAAKU,MAAM;EACzB,QAAQH,EAAMX,MAAd;GACE,KAAK,YACH,OAAOc,EAAMC,QAAQ,KAAK,CAACD,EAAME;GACnC,KAAK,QACH,OAAOF,EAAMC,QAAQ,KAAK,CAACD,EAAMG;GACnC,KAAK,QACH,OAAOb,EAAKc,mBAAmB,MAAM;GACvC,KAAK,UACH,OAAOJ,EAAMC,QAAQ,KAAKD,EAAMG;EACpC;CACF,GAEME,UACJN,EAAQ,KACR,CAACF,EAAMD,aACNC,EAAMX,SAAS,UAAUW,EAAMX,SAAS,YACrC,UACA;CAeN,OAAAgC,EACGvC,GAAMwC,EACDrB,GAAI;EAAA,IACRsB,OAAI;GAAA,OAAEvB,EAAMuB,SAASvB,EAAMX,SAAS,WAAW,WAAW;EAAS;EAAA,IACnEM,UAAO;GAAA,OACLK,EAAML,YACLK,EAAMX,SAAS,cAAcW,EAAMX,SAAS,SACzC,YACA;EAAU;EAAA,IAEhBQ,OAAI;GAAA,OAAEG,EAAMH;EAAI;EAAA,IAChBE,WAAQ;GAAA,OAAEC,EAAMD;EAAQ;EACxBa,UAzB8CF,MAAU;GAC1D,IAAMC,IAAcX,EAAMY;GAM1B,AAFIG,MAAMC,QAAQL,CAAW,IAAGA,EAAY,EAAE,CAACA,EAAY,IAAID,CAAK,IAC/DC,IAAcD,CAAK,GACpBA,IAAOO,qBACPjB,EAAMX,SAAS,aAAYI,EAAKyB,WAAW,IACtClB,EAAMX,SAAS,SAAQI,EAAK0B,YAAY,IACxCnB,EAAMX,SAAS,UAAQI,EAAK2B,OAAO;EAC9C;EAcwB,IAAA,cAAA;GAAA,OACT,iBAAiBpB,EAAMX;EAAM;EAAA,IAAA,iBAAA;GAAA,OAC1Ba,EAAQ,IAAI,KAAKN,KAAAA;EAAS;EAAA,IAAA,gBAAA;GAAA,OAC3BM,EAAQ,IAAIN,KAAAA,IAAY;EAAE;EAAA,IAAA,gBAAA;GAAA,OAC1BH,EAAKmC,iBAAiB,KAAKhC,KAAAA;EAAS;EAAA,IAAA,kBAAA;GAAA,OAClCY,EAAS,KAAKZ,KAAAA;EAAS;EAAA,IAAA,kBAAA;GAAA,OACvBI,EAAMD,WAAW,KAAKH,KAAAA;EAAS;EAAA,IAAA,gBAAA;GAAA,OACjC,CAACM,EAAQ,KAAWN,KAAAA;EAAS;EAAA,IAAA,sBAAA;GAAA,OACvBY,EAAS,KAAKZ,KAAAA;EAAS;EAAA,IAC1CqC,SAAM;GAAA,OAAE,CAAC/B,EAAQ;EAAC;EAAA,IAClBgC,QAAK;GAAA,OAAE,CAAChC,EAAQ;EAAC;EAAA,IACjBiC,WAAQ;GAAA,OAAEjC,EAAQ,IAAI,IAAI;EAAE;EAAA,IAAA+D,QAAA;GAAA,OACrBlF,EACLiB,EAAMX,SAAS,cAAc,sBAC7BW,EAAMX,SAAS,cAAc,oBAC7BW,EAAMoC,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAErC,EAAMqC;EAAS;EAAA,IAAAC,WAAA;GAAA,OAEzBtC,EAAMsC,YAAYhD,EAAaU,EAAMX,IAAI;EAAC;CAAA,CAAA,CAAA;AAGjD;AAEA,IAAakD,KAAyB/C,MAAmC6B,EACtE9B,GAAS+B,EAAK9B,GAAK,EAAEH,MAAI,WAAA,CAAA,CAAA,GAEfmD,KAAqBhD,MAAmC6B,EAClE9B,GAAS+B,EAAK9B,GAAK,EAAEH,MAAI,OAAA,CAAA,CAAA,GAEfoD,KAAqBjD,MAAmC6B,EAClE9B,GAAS+B,EAAK9B,GAAK,EAAEH,MAAI,OAAA,CAAA,CAAA,GAEfqD,KAAuBlD,MAAmC6B,EACpE9B,GAAS+B,EAAK9B,GAAK,EAAEH,MAAI,SAAA,CAAA,CAAA"}

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.context.d.ts

@@ -0,0 +1,65 @@
+import { Accessor } from 'solid-js';
+import { QuestionnaireItemDefinition, QuestionnaireItemStatus, QuestionnaireRootState, QuestionnaireShortcutMode } from './questionnaire.types';
+export interface QuestionnaireAnswerEntry {
+    id: string;
+    element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+    type: "choice" | "input";
+    value?: string;
+    disabled: boolean;
+    ownDisabled?: boolean;
+}
+export interface QuestionnaireItemHandle {
+    name: string;
+    element: HTMLElement;
+    disabled: Accessor<boolean>;
+    required: Accessor<boolean>;
+    status: Accessor<QuestionnaireItemStatus>;
+    validate: () => boolean;
+    focus: () => void;
+    focusInvalid: () => void;
+    skip: () => void;
+    reset: () => void;
+    getAnswerByElement: (element: Element) => QuestionnaireAnswerEntry | null;
+    getAnswerByShortcut: (shortcut: string) => QuestionnaireAnswerEntry | null;
+    moveAnswerFocus: (target: Element, direction: "next" | "previous") => boolean;
+}
+export interface QuestionnaireRootContextValue {
+    state: Accessor<QuestionnaireRootState>;
+    activeItemName: Accessor<string | null>;
+    activeItemRequired: Accessor<boolean | null>;
+    activeItemStatus: Accessor<QuestionnaireItemStatus | null>;
+    shortcuts: Accessor<QuestionnaireShortcutMode | null>;
+    nativeValidation: Accessor<boolean>;
+    itemDefinitions: Accessor<Map<string, QuestionnaireItemDefinition> | null>;
+    registerItem: (item: QuestionnaireItemHandle) => () => void;
+    goNext: () => void;
+    goPrevious: () => void;
+    skipCurrent: () => void;
+    requestSubmit: () => void;
+}
+export interface QuestionnaireItemContextValue {
+    name: string;
+    active: Accessor<boolean>;
+    disabled: Accessor<boolean>;
+    invalid: Accessor<boolean>;
+    multiple: Accessor<boolean>;
+    required: Accessor<boolean>;
+    status: Accessor<QuestionnaireItemStatus>;
+    hasInputAnswer: Accessor<boolean>;
+    selectedAnswerIds: Accessor<string[]>;
+    resetVersion: Accessor<number>;
+    shortcutByAnswerId: Accessor<Map<string, string>>;
+    shortcutByChoiceValue: Accessor<Map<string, string> | null>;
+    shortcuts: Accessor<QuestionnaireShortcutMode | null>;
+    registerAnswerControl: (entry: QuestionnaireAnswerEntry) => () => void;
+    registerAnswerSelection: (id: string, initialSelected: boolean) => () => void;
+    registerDescription: (id: string) => () => void;
+    registerError: (id: string) => () => void;
+    setAnswerDefault: (id: string, selected: boolean) => void;
+    setAnswerSelectionFromInteraction: (id: string, selected: boolean) => void;
+    syncControlledAnswerSelection: (id: string, selected: boolean) => void;
+}
+export declare const QuestionnaireRootContext: import('solid-js').Context<QuestionnaireRootContextValue | undefined>;
+export declare function useQuestionnaireRootContext(component: string): QuestionnaireRootContextValue;
+export declare const QuestionnaireItemContext: import('solid-js').Context<QuestionnaireItemContextValue | undefined>;
+export declare function useQuestionnaireItemContext(component: string): QuestionnaireItemContextValue;

package/dist/components/questionnaire/questionnaire.context.js

@@ -0,0 +1,18 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/questionnaire/questionnaire.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <Questionnaire> 内部`);
+	return r;
+}
+var i = e();
+function a(e) {
+	let n = t(i);
+	if (!n) throw Error(`<${e}> 必须渲染在 <QuestionnaireItem> 内部`);
+	return n;
+}
+//#endregion
+export { i as QuestionnaireItemContext, n as QuestionnaireRootContext, a as useQuestionnaireItemContext, r as useQuestionnaireRootContext };
+
+//# sourceMappingURL=questionnaire.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.context.js","names":["QuestionnaireRootContext","createContext","useQuestionnaireRootContext","ctx","useContext","component","QuestionnaireItemContext","useQuestionnaireItemContext"],"sources":["../../../src/components/questionnaire/questionnaire.context.ts"],"sourcesContent":["import { createContext, useContext, type Accessor } from \"solid-js\";\nimport type {\n  QuestionnaireItemDefinition,\n  QuestionnaireItemStatus,\n  QuestionnaireRootState,\n  QuestionnaireShortcutMode,\n} from \"./questionnaire.types\";\n\nexport interface QuestionnaireAnswerEntry {\n  id: string;\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n  type: \"choice\" | \"input\";\n  value?: string;\n  disabled: boolean;\n  ownDisabled?: boolean;\n}\n\nexport interface QuestionnaireItemHandle {\n  name: string;\n  element: HTMLElement;\n  disabled: Accessor<boolean>;\n  required: Accessor<boolean>;\n  status: Accessor<QuestionnaireItemStatus>;\n  validate: () => boolean;\n  focus: () => void;\n  focusInvalid: () => void;\n  skip: () => void;\n  reset: () => void;\n  getAnswerByElement: (element: Element) => QuestionnaireAnswerEntry | null;\n  getAnswerByShortcut: (shortcut: string) => QuestionnaireAnswerEntry | null;\n  moveAnswerFocus: (target: Element, direction: \"next\" | \"previous\") => boolean;\n}\n\nexport interface QuestionnaireRootContextValue {\n  state: Accessor<QuestionnaireRootState>;\n  activeItemName: Accessor<string | null>;\n  activeItemRequired: Accessor<boolean | null>;\n  activeItemStatus: Accessor<QuestionnaireItemStatus | null>;\n  shortcuts: Accessor<QuestionnaireShortcutMode | null>;\n  nativeValidation: Accessor<boolean>;\n  itemDefinitions: Accessor<Map<string, QuestionnaireItemDefinition> | null>;\n  registerItem: (item: QuestionnaireItemHandle) => () => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  skipCurrent: () => void;\n  requestSubmit: () => void;\n}\n\nexport interface QuestionnaireItemContextValue {\n  name: string;\n  active: Accessor<boolean>;\n  disabled: Accessor<boolean>;\n  invalid: Accessor<boolean>;\n  multiple: Accessor<boolean>;\n  required: Accessor<boolean>;\n  status: Accessor<QuestionnaireItemStatus>;\n  hasInputAnswer: Accessor<boolean>;\n  selectedAnswerIds: Accessor<string[]>;\n  resetVersion: Accessor<number>;\n  shortcutByAnswerId: Accessor<Map<string, string>>;\n  shortcutByChoiceValue: Accessor<Map<string, string> | null>;\n  shortcuts: Accessor<QuestionnaireShortcutMode | null>;\n  registerAnswerControl: (entry: QuestionnaireAnswerEntry) => () => void;\n  registerAnswerSelection: (id: string, initialSelected: boolean) => () => void;\n  registerDescription: (id: string) => () => void;\n  registerError: (id: string) => () => void;\n  setAnswerDefault: (id: string, selected: boolean) => void;\n  setAnswerSelectionFromInteraction: (id: string, selected: boolean) => void;\n  syncControlledAnswerSelection: (id: string, selected: boolean) => void;\n}\n\nexport const QuestionnaireRootContext =\n  createContext<QuestionnaireRootContextValue>();\n\nexport function useQuestionnaireRootContext(\n  component: string,\n): QuestionnaireRootContextValue {\n  const ctx = useContext(QuestionnaireRootContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Questionnaire> 内部`);\n  }\n  return ctx;\n}\n\nexport const QuestionnaireItemContext =\n  createContext<QuestionnaireItemContextValue>();\n\nexport function useQuestionnaireItemContext(\n  component: string,\n): QuestionnaireItemContextValue {\n  const ctx = useContext(QuestionnaireItemContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <QuestionnaireItem> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAuEA,IAAaA,IACXC,EAA6C;AAE/C,SAAgBC,EACd,GAC+B;CAC/B,IAAMC,IAAMC,EAAWJ,CAAwB;CAC/C,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,2BAA2B;CAE3D,OAAOF;AACT;AAEA,IAAaG,IACXL,EAA6C;AAE/C,SAAgBM,EACd,GAC+B;CAC/B,IAAMJ,IAAMC,EAAWE,CAAwB;CAC/C,IAAI,CAACH,GACH,MAAU,MAAM,IAAIE,EAAU,+BAA+B;CAE/D,OAAOF;AACT"}