@xbeeant/form-engine-designer 0.0.3 → 0.0.4

package/dist/es/widgets/reactions-editor.js

@@ -0,0 +1,401 @@
+import { jsxs as c, jsx as i, Fragment as T } from "react/jsx-runtime";
+import { Button as b, Select as w, Switch as B, Input as S } from "antd";
+import { useState as I, useRef as v, useEffect as _ } from "react";
+import { ExpressionBuilder as k } from "./expression-builder.js";
+import { toManualReactions as E, reactionToCard as z, genId as A, cardToReaction as O, STATE_KEY_OPTIONS as P, PROPS_KEY as R, BOOLEAN_STATE_KEYS as V, parsePatchValue as $ } from "./reactions-model.js";
+import { useFormDataFields as W, useFormDataFieldOptions as j } from "./use-form-data-fields.js";
+function D(t) {
+  return t.split(",").map((e) => e.trim()).filter(Boolean).length;
+}
+function F({
+  fields: t,
+  fieldOptions: e,
+  depsCount: l,
+  onInsert: r
+}) {
+  const d = [
+    ...(e && e.length > 0 ? e : t.map((n) => ({ value: n, label: n }))).map((n) => ({ value: `formData.${n.value}`, label: n.label })),
+    { value: "$self.value", label: "$self.value" },
+    ...l > 0 ? Array.from({ length: l }, (n, h) => ({
+      value: `$deps[${h}]`,
+      label: `$deps[${h}]`
+    })) : [],
+    { value: "$index", label: "$index" },
+    { value: "rootValue", label: "rootValue" }
+  ];
+  return /* @__PURE__ */ i(
+    w,
+    {
+      size: "small",
+      placeholder: "插入变量",
+      value: void 0,
+      onChange: (n) => {
+        n && r(n);
+      },
+      options: d,
+      style: { width: 104 }
+    }
+  );
+}
+function K({
+  rowKey: t,
+  value: e,
+  onChange: l,
+  fields: r,
+  fieldOptions: f,
+  depsCount: d
+}) {
+  const n = V.has(t), h = typeof e == "string" && e.trim().startsWith("{{");
+  if (n)
+    return h ? /* @__PURE__ */ c("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+      /* @__PURE__ */ i(
+        k,
+        {
+          value: e,
+          onChange: (m) => l(m),
+          fields: r,
+          fieldOptions: f,
+          depsCount: d,
+          emitEmpty: "empty"
+        }
+      ),
+      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
+        b,
+        {
+          size: "small",
+          type: "text",
+          onClick: () => l(!1),
+          style: { fontSize: 11, padding: "0 4px", height: "auto" },
+          children: "改为静态"
+        }
+      ) })
+    ] }) : /* @__PURE__ */ c("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ i(B, { checked: !!e, onChange: (m) => l(m) }),
+      /* @__PURE__ */ i(b, { size: "small", onClick: () => l("{{  }}"), children: "表达式" })
+    ] });
+  const o = (m) => {
+    const y = String(e ?? "").trim();
+    if (typeof e == "string" && e.trim().startsWith("{{") && e.trim().endsWith("}}")) {
+      const a = e.trim().slice(2, -2).trim();
+      l(`{{ ${a} ${m} }}`);
+      return;
+    }
+    l($(y ? `${y} ${m}` : m));
+  };
+  return /* @__PURE__ */ c("div", { style: { display: "flex", gap: 4, alignItems: "center", flex: 1 }, children: [
+    /* @__PURE__ */ i(
+      S,
+      {
+        size: "small",
+        value: String(e ?? ""),
+        onChange: (m) => l($(m.target.value)),
+        style: { flex: 1 }
+      }
+    ),
+    /* @__PURE__ */ i(
+      F,
+      {
+        fields: r,
+        fieldOptions: f,
+        depsCount: d,
+        onInsert: o
+      }
+    )
+  ] });
+}
+function N({ value: t, onChange: e }) {
+  const [l, r] = I(
+    () => E(t).map(z)
+  ), f = v(t), d = v(t);
+  _(() => {
+    f.current !== t && (f.current = t, t !== d.current && r(E(t).map(z)));
+  }, [t]);
+  const n = (a) => {
+    r(a);
+    const u = a.map(O).filter((p) => p.dependencies.length > 0 || p.fulfill || p.otherwise), s = u.length > 0 ? u : [];
+    d.current = s, e(s);
+  }, h = (a, u) => {
+    n(l.map((s, p) => p === a ? { ...s, ...u } : s));
+  }, o = (a) => {
+    n(l.filter((u, s) => s !== a));
+  }, m = () => {
+    n([
+      ...l,
+      {
+        id: A(),
+        deps: "",
+        when: "",
+        fulfillEnabled: !0,
+        fulfillRows: [],
+        fulfillSchema: "",
+        otherwiseEnabled: !1,
+        otherwiseRows: [],
+        otherwiseSchema: ""
+      }
+    ]);
+  }, y = Array.isArray(t) ? t.filter(
+    (a) => !!a && a._autoExpr === !0
+  ).length : 0;
+  return /* @__PURE__ */ c("div", { style: { width: "100%" }, children: [
+    y > 0 && /* @__PURE__ */ c(
+      "div",
+      {
+        style: {
+          fontSize: 11,
+          color: "#999",
+          marginBottom: 8,
+          background: "#fafafa",
+          border: "1px solid #f0f0f0",
+          borderRadius: 6,
+          padding: "4px 8px"
+        },
+        children: [
+          "另有 ",
+          y,
+          " 条由 required / hidden / disabled / readOnly 表达式自动生成的联动（_autoExpr），请通过「通用属性 / 校验配置」编辑。"
+        ]
+      }
+    ),
+    l.map((a, u) => /* @__PURE__ */ i(
+      Y,
+      {
+        card: a,
+        index: u,
+        onChange: h,
+        onRemove: o
+      },
+      a.id
+    )),
+    /* @__PURE__ */ i(b, { size: "small", type: "dashed", block: !0, onClick: m, children: "+ 添加联动规则" }),
+    /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#999", marginTop: 4 }, children: "依赖字段值变化时触发本规则。可用变量：$deps（按 dependencies 顺序）、$self.value、formData。满足 when（可选）执行 fulfill，否则执行 otherwise。" })
+  ] });
+}
+function Y({
+  card: t,
+  index: e,
+  onChange: l,
+  onRemove: r
+}) {
+  const f = W(), d = j(), n = D(t.deps), h = t.deps.split(",").map((o) => o.trim()).filter(Boolean);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      style: {
+        border: "1px solid #e8e8e8",
+        borderRadius: 8,
+        padding: 8,
+        marginBottom: 8,
+        background: "#fff"
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginBottom: 6
+            },
+            children: [
+              /* @__PURE__ */ c("span", { style: { fontSize: 12, fontWeight: 600, color: "#333" }, children: [
+                "联动 ",
+                e + 1
+              ] }),
+              /* @__PURE__ */ i(b, { size: "small", danger: !0, onClick: () => r(e), children: "删除" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("div", { style: { marginBottom: 6 }, children: [
+          /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#666", marginBottom: 2 }, children: "依赖字段（dependencies）" }),
+          /* @__PURE__ */ i(
+            w,
+            {
+              size: "small",
+              mode: "tags",
+              value: h,
+              onChange: (o) => l(e, { deps: o.join(", ") }),
+              options: d,
+              placeholder: "选择或输入依赖字段",
+              style: { width: "100%" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { style: { marginBottom: 6 }, children: [
+          /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#666", marginBottom: 2 }, children: "条件（when，可选）" }),
+          /* @__PURE__ */ i(
+            k,
+            {
+              value: t.when,
+              onChange: (o) => l(e, { when: o }),
+              fields: f,
+              fieldOptions: d,
+              depsCount: n,
+              emitEmpty: "empty",
+              placeholder: "{{ $deps[0] === true }}"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          x,
+          {
+            title: "满足时（fulfill）",
+            enabled: t.fulfillEnabled,
+            rows: t.fulfillRows,
+            schemaText: t.fulfillSchema,
+            fields: f,
+            fieldOptions: d,
+            depsCount: n,
+            onToggle: (o) => l(e, { fulfillEnabled: o }),
+            onRows: (o) => l(e, { fulfillRows: o }),
+            onSchema: (o) => l(e, { fulfillSchema: o })
+          }
+        ),
+        /* @__PURE__ */ i(
+          x,
+          {
+            title: "不满足时（otherwise）",
+            enabled: t.otherwiseEnabled,
+            rows: t.otherwiseRows,
+            schemaText: t.otherwiseSchema,
+            fields: f,
+            fieldOptions: d,
+            depsCount: n,
+            onToggle: (o) => l(e, { otherwiseEnabled: o }),
+            onRows: (o) => l(e, { otherwiseRows: o }),
+            onSchema: (o) => l(e, { otherwiseSchema: o })
+          }
+        )
+      ]
+    }
+  );
+}
+function x({
+  title: t,
+  enabled: e,
+  rows: l,
+  schemaText: r,
+  fields: f,
+  fieldOptions: d,
+  depsCount: n,
+  onToggle: h,
+  onRows: o,
+  onSchema: m
+}) {
+  const y = (s, p) => {
+    o(l.map((g, C) => C === s ? { ...g, ...p } : g));
+  }, a = () => {
+    o([...l, { key: "required", value: !0 }]);
+  }, u = (s) => {
+    o(l.filter((p, g) => g !== s));
+  };
+  return /* @__PURE__ */ c("div", { style: { marginBottom: 6 }, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: 4
+        },
+        children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: 11, color: "#666" }, children: t }),
+          /* @__PURE__ */ i(B, { size: "small", checked: e, onChange: (s) => h(s) })
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ c(T, { children: [
+      l.map((s, p) => /* @__PURE__ */ c(
+        "div",
+        {
+          style: {
+            display: "flex",
+            gap: 4,
+            alignItems: "center",
+            marginBottom: 4
+          },
+          children: [
+            /* @__PURE__ */ i(
+              q,
+              {
+                row: s,
+                onChange: (g) => y(p, { key: g })
+              }
+            ),
+            /* @__PURE__ */ i("div", { style: { flex: 1 }, children: /* @__PURE__ */ i(
+              K,
+              {
+                rowKey: s.key,
+                value: s.value,
+                onChange: (g) => y(p, { value: g }),
+                fields: f,
+                fieldOptions: d,
+                depsCount: n
+              }
+            ) }),
+            /* @__PURE__ */ i(b, { size: "small", onClick: () => u(p), children: "×" })
+          ]
+        },
+        `${p}-${s.key}`
+      )),
+      /* @__PURE__ */ i(
+        b,
+        {
+          size: "small",
+          block: !0,
+          style: { marginBottom: 4 },
+          onClick: a,
+          children: "+ 添加状态项"
+        }
+      ),
+      /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#666", marginBottom: 2 }, children: "属性补丁（schema，JSON，可选）" }),
+      /* @__PURE__ */ i(
+        S.TextArea,
+        {
+          size: "small",
+          rows: 2,
+          placeholder: `{
+  "props.options": [...]
+}`,
+          value: r,
+          onChange: (s) => m(s.target.value)
+        }
+      )
+    ] })
+  ] });
+}
+function q({
+  row: t,
+  onChange: e
+}) {
+  const l = t.key.startsWith("props.");
+  return /* @__PURE__ */ c("div", { style: { display: "flex", gap: 4 }, children: [
+    /* @__PURE__ */ i(
+      w,
+      {
+        size: "small",
+        value: l ? R : t.key,
+        options: P,
+        onChange: (r) => e(r === R ? "props." : r),
+        style: { width: 132 }
+      }
+    ),
+    l && /* @__PURE__ */ i(
+      S,
+      {
+        size: "small",
+        placeholder: "如 options",
+        value: t.key.slice(6),
+        onChange: (r) => e(`props.${r.target.value}`),
+        style: { width: 96 }
+      }
+    )
+  ] });
+}
+const U = N;
+export {
+  N as ReactionsEditor,
+  U as reactionsEditorWidget
+};
+//# sourceMappingURL=reactions-editor.js.map

package/dist/es/widgets/reactions-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions-editor.js","sources":["../../../src/widgets/reactions-editor.tsx"],"sourcesContent":["// ============================================================================\n// ReactionsEditor — 可视化编辑 reactions 联动规则\n// 对应 schema 节点的 reactions 数组（Reaction 协议，见 core/types/schema.ts）：\n//   { dependencies, when?, fulfill?: { state?, schema? }, otherwise?: { state?, schema? } }\n// - _autoExpr 自动生成的 reaction（来自 required/hidden/disabled/readOnly 表达式）\n//   不可在此编辑（解析时会自动重建），仅展示数量提示\n// - 纯数据转换在 ./reactionsModel 中（可单测）\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Input, Select, Switch } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { ExpressionBuilder } from './expression-builder';\nimport {\n  BOOLEAN_STATE_KEYS,\n  type Card,\n  cardToReaction,\n  genId,\n  type PatchRow,\n  PROPS_KEY,\n  parsePatchValue,\n  reactionToCard,\n  STATE_KEY_OPTIONS,\n  toManualReactions,\n} from './reactions-model';\nimport {\n  useFormDataFieldOptions,\n  useFormDataFields,\n} from './use-form-data-fields';\n\nfunction depsCountOf(deps: string): number {\n  return deps\n    .split(',')\n    .map((s) => s.trim())\n    .filter(Boolean).length;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// InsertVariableSelect — 向文本中追加一个变量表达式（用于值型补丁）\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction InsertVariableSelect({\n  fields,\n  fieldOptions,\n  depsCount,\n  onInsert,\n}: {\n  fields: string[];\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n  onInsert: (text: string) => void;\n}) {\n  const base =\n    fieldOptions && fieldOptions.length > 0\n      ? fieldOptions\n      : fields.map((f) => ({ value: f, label: f }));\n  const options = [\n    ...base.map((o) => ({ value: `formData.${o.value}`, label: o.label })),\n    { value: '$self.value', label: '$self.value' },\n    ...(depsCount > 0\n      ? Array.from({ length: depsCount }, (_, i) => ({\n          value: `$deps[${i}]`,\n          label: `$deps[${i}]`,\n        }))\n      : []),\n    { value: '$index', label: '$index' },\n    { value: 'rootValue', label: 'rootValue' },\n  ];\n  return (\n    <Select\n      size='small'\n      placeholder='插入变量'\n      value={undefined}\n      onChange={(v) => {\n        if (v) {\n          onInsert(v as string);\n        }\n      }}\n      options={options}\n      style={{ width: 104 }}\n    />\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// PatchValueInput — 单条状态补丁的值编辑器\n// 布尔型状态 key：静态 Switch ⇄ 表达式 Input；其余 key：文本 Input\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction PatchValueInput({\n  rowKey,\n  value,\n  onChange,\n  fields,\n  fieldOptions,\n  depsCount,\n}: {\n  rowKey: string;\n  value: unknown;\n  onChange: (v: unknown) => void;\n  fields: string[];\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n}) {\n  const booleanish = BOOLEAN_STATE_KEYS.has(rowKey);\n  const isExpr = typeof value === 'string' && value.trim().startsWith('{{');\n\n  if (booleanish) {\n    if (isExpr) {\n      return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n          <ExpressionBuilder\n            value={value as string}\n            onChange={(s) => onChange(s)}\n            fields={fields}\n            fieldOptions={fieldOptions}\n            depsCount={depsCount}\n            emitEmpty='empty'\n          />\n          <div>\n            <Button\n              size='small'\n              type='text'\n              onClick={() => onChange(false)}\n              style={{ fontSize: 11, padding: '0 4px', height: 'auto' }}\n            >\n              改为静态\n            </Button>\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div style={{ display: 'flex', gap: 4, alignItems: 'center' }}>\n        <Switch checked={!!value} onChange={(v) => onChange(v)} />\n        <Button size='small' onClick={() => onChange('{{  }}')}>\n          表达式\n        </Button>\n      </div>\n    );\n  }\n\n  const insertVariable = (v: string) => {\n    const trimmed = String(value ?? '').trim();\n    if (\n      typeof value === 'string' &&\n      value.trim().startsWith('{{') &&\n      value.trim().endsWith('}}')\n    ) {\n      const inner = value.trim().slice(2, -2).trim();\n      onChange(`{{ ${inner} ${v} }}`);\n      return;\n    }\n    onChange(parsePatchValue(trimmed ? `${trimmed} ${v}` : v));\n  };\n\n  return (\n    <div style={{ display: 'flex', gap: 4, alignItems: 'center', flex: 1 }}>\n      <Input\n        size='small'\n        value={String(value ?? '')}\n        onChange={(e) => onChange(parsePatchValue(e.target.value))}\n        style={{ flex: 1 }}\n      />\n      <InsertVariableSelect\n        fields={fields}\n        fieldOptions={fieldOptions}\n        depsCount={depsCount}\n        onInsert={insertVariable}\n      />\n    </div>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// ReactionsEditor — 主组件（本地工作副本 + 每次编辑提交，避免受控重置）\n// ────────────────────────────────────────────────────────────────────────────\n\nexport function ReactionsEditor({ value, onChange }: WidgetProps) {\n  const [cards, setCards] = useState<Card[]>(() =>\n    toManualReactions(value).map(reactionToCard),\n  );\n  const prevValueRef = useRef(value);\n  // 记录最近一次由本组件 emit 出去的值：自身 onChange 引发的 value 回传\n  // （引擎值更新 → value prop 更新）不应触发「外部 value 变化重置」，\n  // 否则点击「添加联动规则」后，undefined → [] 的值变化会立刻清空本地卡片。\n  const lastEmittedRef = useRef<unknown>(value);\n\n  // 外部 value 变化（切换节点 / 属性表单重新初始化）时重置工作副本\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      prevValueRef.current = value;\n      if (value !== lastEmittedRef.current) {\n        setCards(toManualReactions(value).map(reactionToCard));\n      }\n    }\n  }, [value]);\n\n  const commit = (next: Card[]) => {\n    setCards(next);\n    const reactions = next\n      .map(cardToReaction)\n      .filter((r) => r.dependencies.length > 0 || r.fulfill || r.otherwise);\n    const emitted = reactions.length > 0 ? reactions : [];\n    lastEmittedRef.current = emitted;\n    onChange(emitted);\n  };\n\n  const updateCard = (index: number, patch: Partial<Card>) => {\n    commit(cards.map((c, i) => (i === index ? { ...c, ...patch } : c)));\n  };\n\n  const removeCard = (index: number) => {\n    commit(cards.filter((_, i) => i !== index));\n  };\n\n  const addCard = () => {\n    commit([\n      ...cards,\n      {\n        id: genId(),\n        deps: '',\n        when: '',\n        fulfillEnabled: true,\n        fulfillRows: [],\n        fulfillSchema: '',\n        otherwiseEnabled: false,\n        otherwiseRows: [],\n        otherwiseSchema: '',\n      },\n    ]);\n  };\n\n  const autoExprCount = Array.isArray(value)\n    ? value.filter(\n        (r) => !!r && (r as { _autoExpr?: boolean })._autoExpr === true,\n      ).length\n    : 0;\n\n  return (\n    <div style={{ width: '100%' }}>\n      {autoExprCount > 0 && (\n        <div\n          style={{\n            fontSize: 11,\n            color: '#999',\n            marginBottom: 8,\n            background: '#fafafa',\n            border: '1px solid #f0f0f0',\n            borderRadius: 6,\n            padding: '4px 8px',\n          }}\n        >\n          另有 {autoExprCount} 条由 required / hidden / disabled / readOnly\n          表达式自动生成的联动（_autoExpr），请通过「通用属性 / 校验配置」编辑。\n        </div>\n      )}\n\n      {cards.map((card, cardIndex) => (\n        <ReactionCard\n          key={card.id}\n          card={card}\n          index={cardIndex}\n          onChange={updateCard}\n          onRemove={removeCard}\n        />\n      ))}\n\n      <Button size='small' type='dashed' block onClick={addCard}>\n        + 添加联动规则\n      </Button>\n      <div style={{ fontSize: 11, color: '#999', marginTop: 4 }}>\n        依赖字段值变化时触发本规则。可用变量：$deps（按 dependencies\n        顺序）、$self.value、formData。满足 when（可选）执行 fulfill，否则执行\n        otherwise。\n      </div>\n    </div>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// ReactionCard — 单条联动规则\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction ReactionCard({\n  card,\n  index,\n  onChange,\n  onRemove,\n}: {\n  card: Card;\n  index: number;\n  onChange: (index: number, patch: Partial<Card>) => void;\n  onRemove: (index: number) => void;\n}) {\n  const fields = useFormDataFields();\n  const fieldOptions = useFormDataFieldOptions();\n  const depsCount = depsCountOf(card.deps);\n  const depsTags = card.deps\n    .split(',')\n    .map((s) => s.trim())\n    .filter(Boolean);\n\n  return (\n    <div\n      style={{\n        border: '1px solid #e8e8e8',\n        borderRadius: 8,\n        padding: 8,\n        marginBottom: 8,\n        background: '#fff',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: 6,\n        }}\n      >\n        <span style={{ fontSize: 12, fontWeight: 600, color: '#333' }}>\n          联动 {index + 1}\n        </span>\n        <Button size='small' danger onClick={() => onRemove(index)}>\n          删除\n        </Button>\n      </div>\n\n      <div style={{ marginBottom: 6 }}>\n        <div style={{ fontSize: 11, color: '#666', marginBottom: 2 }}>\n          依赖字段（dependencies）\n        </div>\n        <Select\n          size='small'\n          mode='tags'\n          value={depsTags}\n          onChange={(tags) => onChange(index, { deps: tags.join(', ') })}\n          options={fieldOptions}\n          placeholder='选择或输入依赖字段'\n          style={{ width: '100%' }}\n        />\n      </div>\n\n      <div style={{ marginBottom: 6 }}>\n        <div style={{ fontSize: 11, color: '#666', marginBottom: 2 }}>\n          条件（when，可选）\n        </div>\n        <ExpressionBuilder\n          value={card.when}\n          onChange={(s) => onChange(index, { when: s })}\n          fields={fields}\n          fieldOptions={fieldOptions}\n          depsCount={depsCount}\n          emitEmpty='empty'\n          placeholder='{{ $deps[0] === true }}'\n        />\n      </div>\n\n      <BranchEditor\n        title='满足时（fulfill）'\n        enabled={card.fulfillEnabled}\n        rows={card.fulfillRows}\n        schemaText={card.fulfillSchema}\n        fields={fields}\n        fieldOptions={fieldOptions}\n        depsCount={depsCount}\n        onToggle={(v) => onChange(index, { fulfillEnabled: v })}\n        onRows={(rows) => onChange(index, { fulfillRows: rows })}\n        onSchema={(t) => onChange(index, { fulfillSchema: t })}\n      />\n\n      <BranchEditor\n        title='不满足时（otherwise）'\n        enabled={card.otherwiseEnabled}\n        rows={card.otherwiseRows}\n        schemaText={card.otherwiseSchema}\n        fields={fields}\n        fieldOptions={fieldOptions}\n        depsCount={depsCount}\n        onToggle={(v) => onChange(index, { otherwiseEnabled: v })}\n        onRows={(rows) => onChange(index, { otherwiseRows: rows })}\n        onSchema={(t) => onChange(index, { otherwiseSchema: t })}\n      />\n    </div>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// BranchEditor — fulfill / otherwise 分支：状态补丁 + 属性补丁\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction BranchEditor({\n  title,\n  enabled,\n  rows,\n  schemaText,\n  fields,\n  fieldOptions,\n  depsCount,\n  onToggle,\n  onRows,\n  onSchema,\n}: {\n  title: string;\n  enabled: boolean;\n  rows: PatchRow[];\n  schemaText: string;\n  fields: string[];\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n  onToggle: (enabled: boolean) => void;\n  onRows: (rows: PatchRow[]) => void;\n  onSchema: (text: string) => void;\n}) {\n  const updateRow = (idx: number, patch: Partial<PatchRow>) => {\n    onRows(rows.map((r, i) => (i === idx ? { ...r, ...patch } : r)));\n  };\n\n  const addRow = () => {\n    onRows([...rows, { key: 'required', value: true }]);\n  };\n\n  const removeRow = (idx: number) => {\n    onRows(rows.filter((_, i) => i !== idx));\n  };\n\n  return (\n    <div style={{ marginBottom: 6 }}>\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: 4,\n        }}\n      >\n        <span style={{ fontSize: 11, color: '#666' }}>{title}</span>\n        <Switch size='small' checked={enabled} onChange={(v) => onToggle(v)} />\n      </div>\n\n      {enabled && (\n        <>\n          {rows.map((row, idx) => (\n            <div\n              key={`${idx}-${row.key}`}\n              style={{\n                display: 'flex',\n                gap: 4,\n                alignItems: 'center',\n                marginBottom: 4,\n              }}\n            >\n              <PatchKeySelect\n                row={row}\n                onChange={(key) => updateRow(idx, { key })}\n              />\n              <div style={{ flex: 1 }}>\n                <PatchValueInput\n                  rowKey={row.key}\n                  value={row.value}\n                  onChange={(v) => updateRow(idx, { value: v })}\n                  fields={fields}\n                  fieldOptions={fieldOptions}\n                  depsCount={depsCount}\n                />\n              </div>\n              <Button size='small' onClick={() => removeRow(idx)}>\n                ×\n              </Button>\n            </div>\n          ))}\n          <Button\n            size='small'\n            block\n            style={{ marginBottom: 4 }}\n            onClick={addRow}\n          >\n            + 添加状态项\n          </Button>\n\n          <div style={{ fontSize: 11, color: '#666', marginBottom: 2 }}>\n            属性补丁（schema，JSON，可选）\n          </div>\n          <Input.TextArea\n            size='small'\n            rows={2}\n            placeholder={'{\\n  \"props.options\": [...]\\n}'}\n            value={schemaText}\n            onChange={(e) => onSchema(e.target.value)}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// PatchKeySelect — 状态补丁的 key 选择器（含 props.* 自定义路径）\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction PatchKeySelect({\n  row,\n  onChange,\n}: {\n  row: PatchRow;\n  onChange: (key: string) => void;\n}) {\n  const isProps = row.key.startsWith('props.');\n  return (\n    <div style={{ display: 'flex', gap: 4 }}>\n      <Select\n        size='small'\n        value={isProps ? PROPS_KEY : row.key}\n        options={STATE_KEY_OPTIONS}\n        onChange={(k) => onChange(k === PROPS_KEY ? 'props.' : k)}\n        style={{ width: 132 }}\n      />\n      {isProps && (\n        <Input\n          size='small'\n          placeholder='如 options'\n          value={row.key.slice('props.'.length)}\n          onChange={(e) => onChange(`props.${e.target.value}`)}\n          style={{ width: 96 }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const reactionsEditorWidget = ReactionsEditor;\n"],"names":["depsCountOf","deps","s","InsertVariableSelect","fields","fieldOptions","depsCount","onInsert","options","f","o","_","i","jsx","Select","v","PatchValueInput","rowKey","value","onChange","booleanish","BOOLEAN_STATE_KEYS","isExpr","jsxs","ExpressionBuilder","Button","Switch","insertVariable","trimmed","inner","parsePatchValue","Input","e","ReactionsEditor","cards","setCards","useState","toManualReactions","reactionToCard","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","reactions","cardToReaction","r","emitted","updateCard","index","patch","c","removeCard","addCard","genId","autoExprCount","card","cardIndex","ReactionCard","onRemove","useFormDataFields","useFormDataFieldOptions","depsTags","tags","BranchEditor","rows","t","title","enabled","schemaText","onToggle","onRows","onSchema","updateRow","idx","addRow","removeRow","Fragment","row","PatchKeySelect","key","isProps","PROPS_KEY","STATE_KEY_OPTIONS","k","reactionsEditorWidget"],"mappings":"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"}

package/dist/es/widgets/reactions-model.js

@@ -0,0 +1,107 @@
+const v = /* @__PURE__ */ new Set([
+  "visible",
+  "hidden",
+  "disabled",
+  "readOnly",
+  "required",
+  "loading"
+]), f = "__props", b = [
+  { label: "计算值（value）", value: "value" },
+  { label: "显示（visible）", value: "visible" },
+  { label: "隐藏（hidden）", value: "hidden" },
+  { label: "禁用（disabled）", value: "disabled" },
+  { label: "只读（readOnly）", value: "readOnly" },
+  { label: "必填（required）", value: "required" },
+  { label: "加载中（loading）", value: "loading" },
+  { label: "标题（title）", value: "title" },
+  { label: "描述（description）", value: "description" },
+  { label: "组件属性（props.*）", value: f }
+];
+function c() {
+  return Math.random().toString(36).slice(2, 8);
+}
+function w(e) {
+  const t = e.trim();
+  return t === "true" ? !0 : t === "false" ? !1 : /^-?\d+(\.\d+)?$/.test(t) ? Number(t) : e;
+}
+function d(e) {
+  const t = {};
+  for (const l of e) {
+    const i = l.key.trim();
+    i && (l.value === void 0 || l.value === "" || (t[i] = l.value));
+  }
+  return Object.keys(t).length > 0 ? t : void 0;
+}
+function s(e) {
+  return e ? Object.entries(e).map(([t, l]) => ({ key: t, value: l })) : [];
+}
+function h(e) {
+  const t = e.trim();
+  if (t)
+    try {
+      const l = JSON.parse(t);
+      if (l && typeof l == "object" && !Array.isArray(l))
+        return l;
+    } catch {
+    }
+}
+function u(e) {
+  if (!e || Object.keys(e).length === 0)
+    return "";
+  try {
+    return JSON.stringify(e, null, 2);
+  } catch {
+    return "";
+  }
+}
+function p(e) {
+  return {
+    id: c(),
+    deps: (e.dependencies ?? []).join(", "),
+    when: e.when ?? "",
+    fulfillEnabled: !!e.fulfill,
+    fulfillRows: s(e.fulfill?.state),
+    fulfillSchema: u(e.fulfill?.schema),
+    otherwiseEnabled: !!e.otherwise,
+    otherwiseRows: s(e.otherwise?.state),
+    otherwiseSchema: u(e.otherwise?.schema)
+  };
+}
+function a(e, t) {
+  if (!(t === "fulfill" ? e.fulfillEnabled : e.otherwiseEnabled))
+    return;
+  const i = t === "fulfill" ? e.fulfillRows : e.otherwiseRows, o = t === "fulfill" ? e.fulfillSchema : e.otherwiseSchema, n = d(i), r = h(o);
+  if (!(n === void 0 && r === void 0))
+    return {
+      ...n !== void 0 ? { state: n } : {},
+      ...r !== void 0 ? { schema: r } : {}
+    };
+}
+function m(e) {
+  const t = {
+    dependencies: e.deps.split(",").map((n) => n.trim()).filter(Boolean)
+  }, l = e.when.trim();
+  l && (t.when = l);
+  const i = a(e, "fulfill"), o = a(e, "otherwise");
+  return i && (t.fulfill = i), o && (t.otherwise = o), t;
+}
+function y(e) {
+  return Array.isArray(e) ? e.filter(
+    (t) => !!t && t._autoExpr !== !0
+  ) : [];
+}
+export {
+  v as BOOLEAN_STATE_KEYS,
+  f as PROPS_KEY,
+  b as STATE_KEY_OPTIONS,
+  m as cardToReaction,
+  c as genId,
+  w as parsePatchValue,
+  h as parseSchemaText,
+  p as reactionToCard,
+  d as rowsToState,
+  u as schemaToText,
+  s as stateToRows,
+  y as toManualReactions
+};
+//# sourceMappingURL=reactions-model.js.map

package/dist/es/widgets/reactions-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions-model.js","sources":["../../../src/widgets/reactions-model.ts"],"sourcesContent":["// ============================================================================\n// reactionsModel — ReactionsEditor 的纯数据模型（无 React / DOM 依赖）\n// Reaction ↔ 可编辑卡片（Card）之间的双向转换，以及补丁值解析\n// ============================================================================\n\nimport type { Reaction } from '@xbeeant/form-engine';\n\nexport const BOOLEAN_STATE_KEYS = new Set([\n  'visible',\n  'hidden',\n  'disabled',\n  'readOnly',\n  'required',\n  'loading',\n]);\n\nexport const PROPS_KEY = '__props';\n\nexport const STATE_KEY_OPTIONS: Array<{ label: string; value: string }> = [\n  { label: '计算值（value）', value: 'value' },\n  { label: '显示（visible）', value: 'visible' },\n  { label: '隐藏（hidden）', value: 'hidden' },\n  { label: '禁用（disabled）', value: 'disabled' },\n  { label: '只读（readOnly）', value: 'readOnly' },\n  { label: '必填（required）', value: 'required' },\n  { label: '加载中（loading）', value: 'loading' },\n  { label: '标题（title）', value: 'title' },\n  { label: '描述（description）', value: 'description' },\n  { label: '组件属性（props.*）', value: PROPS_KEY },\n];\n\nexport interface PatchRow {\n  key: string;\n  value: unknown;\n}\n\nexport interface Card {\n  id: string;\n  deps: string;\n  when: string;\n  fulfillEnabled: boolean;\n  fulfillRows: PatchRow[];\n  fulfillSchema: string;\n  otherwiseEnabled: boolean;\n  otherwiseRows: PatchRow[];\n  otherwiseSchema: string;\n}\n\nexport function genId(): string {\n  return Math.random().toString(36).slice(2, 8);\n}\n\n/** 文本 → 补丁值：true/false 转布尔、数字转 number，其余（含 {{ }} 表达式）保留字符串 */\nexport function parsePatchValue(text: string): unknown {\n  const t = text.trim();\n  if (t === 'true') {\n    return true;\n  }\n  if (t === 'false') {\n    return false;\n  }\n  if (/^-?\\d+(\\.\\d+)?$/.test(t)) {\n    return Number(t);\n  }\n  return text;\n}\n\nexport function rowsToState(\n  rows: PatchRow[],\n): Record<string, unknown> | undefined {\n  const state: Record<string, unknown> = {};\n  for (const r of rows) {\n    const key = r.key.trim();\n    if (!key) {\n      continue;\n    }\n    if (r.value === undefined || r.value === '') {\n      continue;\n    }\n    state[key] = r.value;\n  }\n  return Object.keys(state).length > 0 ? state : undefined;\n}\n\nexport function stateToRows(state: object | undefined): PatchRow[] {\n  return state\n    ? Object.entries(state).map(([key, value]) => ({ key, value }))\n    : [];\n}\n\nexport function parseSchemaText(\n  text: string,\n): Record<string, unknown> | undefined {\n  const t = text.trim();\n  if (!t) {\n    return undefined;\n  }\n  try {\n    const parsed = JSON.parse(t) as unknown;\n    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {\n      return parsed as Record<string, unknown>;\n    }\n  } catch {\n    // 非法 JSON：忽略本次提交，等待用户修正\n  }\n  return undefined;\n}\n\nexport function schemaToText(\n  schema: Record<string, unknown> | undefined,\n): string {\n  if (!schema || Object.keys(schema).length === 0) {\n    return '';\n  }\n  try {\n    return JSON.stringify(schema, null, 2);\n  } catch {\n    return '';\n  }\n}\n\nexport function reactionToCard(r: Reaction): Card {\n  return {\n    id: genId(),\n    deps: (r.dependencies ?? []).join(', '),\n    when: r.when ?? '',\n    fulfillEnabled: !!r.fulfill,\n    fulfillRows: stateToRows(r.fulfill?.state),\n    fulfillSchema: schemaToText(r.fulfill?.schema),\n    otherwiseEnabled: !!r.otherwise,\n    otherwiseRows: stateToRows(r.otherwise?.state),\n    otherwiseSchema: schemaToText(r.otherwise?.schema),\n  };\n}\n\nfunction buildBranch(\n  card: Card,\n  branch: 'fulfill' | 'otherwise',\n):\n  | { state?: Record<string, unknown>; schema?: Record<string, unknown> }\n  | undefined {\n  const enabled =\n    branch === 'fulfill' ? card.fulfillEnabled : card.otherwiseEnabled;\n  if (!enabled) {\n    return undefined;\n  }\n  const rows = branch === 'fulfill' ? card.fulfillRows : card.otherwiseRows;\n  const schemaText =\n    branch === 'fulfill' ? card.fulfillSchema : card.otherwiseSchema;\n  const state = rowsToState(rows);\n  const schema = parseSchemaText(schemaText);\n  if (state === undefined && schema === undefined) {\n    return undefined;\n  }\n  return {\n    ...(state !== undefined ? { state } : {}),\n    ...(schema !== undefined ? { schema } : {}),\n  };\n}\n\nexport function cardToReaction(card: Card): Reaction {\n  const reaction: Reaction = {\n    dependencies: card.deps\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean),\n  };\n  const when = card.when.trim();\n  if (when) {\n    reaction.when = when;\n  }\n  const fulfill = buildBranch(card, 'fulfill');\n  const otherwise = buildBranch(card, 'otherwise');\n  if (fulfill) {\n    reaction.fulfill = fulfill;\n  }\n  if (otherwise) {\n    reaction.otherwise = otherwise;\n  }\n  return reaction;\n}\n\nexport function toManualReactions(value: unknown): Reaction[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n  return value.filter(\n    (r): r is Reaction => !!r && (r as Reaction)._autoExpr !== true,\n  );\n}\n"],"names":["BOOLEAN_STATE_KEYS","PROPS_KEY","STATE_KEY_OPTIONS","genId","parsePatchValue","text","rowsToState","rows","state","r","key","stateToRows","value","parseSchemaText","parsed","schemaToText","schema","reactionToCard","buildBranch","card","branch","schemaText","cardToReaction","reaction","s","when","fulfill","otherwise","toManualReactions"],"mappings":"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"}