@xbeeant/form-engine-designer 0.0.1

package/dist/es/widgets/ReactionsEditor.js

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

package/dist/es/widgets/ReactionsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionsEditor.js","sources":["../../../src/widgets/ReactionsEditor.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, Form, Input, Select, Switch } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { ExpressionBuilder } from './ExpressionBuilder';\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 './reactionsModel';\nimport {\n  useFormDataFieldOptions,\n  useFormDataFields,\n} from './useFormDataFields';\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, title }: 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    <Form.Item layout={'vertical'} label={title} 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    </Form.Item>\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","title","cards","setCards","useState","toManualReactions","reactionToCard","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","reactions","cardToReaction","r","emitted","updateCard","index","patch","c","removeCard","addCard","genId","autoExprCount","Form","card","cardIndex","ReactionCard","onRemove","useFormDataFields","useFormDataFieldOptions","depsTags","tags","BranchEditor","rows","t","enabled","schemaText","onToggle","onRows","onSchema","updateRow","idx","addRow","removeRow","Fragment","row","PatchKeySelect","key","isProps","PROPS_KEY","STATE_KEY_OPTIONS","k","reactionsEditorWidget"],"mappings":";;;;;;AA8BA,SAASA,EAAYC,GAAsB;AACzC,SAAOA,EACJ,MAAM,GAAG,EACT,IAAI,CAACC,MAAMA,EAAE,KAAA,CAAM,EACnB,OAAO,OAAO,EAAE;AACrB;AAMA,SAASC,EAAqB;AAAA,EAC5B,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAKG;AAKD,QAAMC,IAAU;AAAA,IACd,IAJAH,KAAgBA,EAAa,SAAS,IAClCA,IACAD,EAAO,IAAI,CAACK,OAAO,EAAE,OAAOA,GAAG,OAAOA,IAAI,GAEtC,IAAI,CAACC,OAAO,EAAE,OAAO,YAAYA,EAAE,KAAK,IAAI,OAAOA,EAAE,QAAQ;AAAA,IACrE,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,IAC/B,GAAIJ,IAAY,IACZ,MAAM,KAAK,EAAE,QAAQA,EAAA,GAAa,CAACK,GAAGC,OAAO;AAAA,MAC3C,OAAO,SAASA,CAAC;AAAA,MACjB,OAAO,SAASA,CAAC;AAAA,IAAA,EACjB,IACF,CAAA;AAAA,IACJ,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,IAC1B,EAAE,OAAO,aAAa,OAAO,YAAA;AAAA,EAAY;AAE3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU,CAACC,MAAM;AACf,QAAIA,KACFR,EAASQ,CAAW;AAAA,MAExB;AAAA,MACA,SAAAP;AAAA,MACA,OAAO,EAAE,OAAO,IAAA;AAAA,IAAI;AAAA,EAAA;AAG1B;AAOA,SAASQ,EAAgB;AAAA,EACvB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAf;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,GAOG;AACD,QAAMc,IAAaC,EAAmB,IAAIJ,CAAM,GAC1CK,IAAS,OAAOJ,KAAU,YAAYA,EAAM,KAAA,EAAO,WAAW,IAAI;AAExE,MAAIE;AACF,WAAIE,IAEA,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAA,GAC3D,UAAA;AAAA,MAAA,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,OAAAN;AAAA,UACA,UAAU,CAAChB,MAAMiB,EAASjB,CAAC;AAAA,UAC3B,QAAAE;AAAA,UACA,cAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEX,OAAA,EACC,UAAA,gBAAAO;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,MAAMN,EAAS,EAAK;AAAA,UAC7B,OAAO,EAAE,UAAU,IAAI,SAAS,SAAS,QAAQ,OAAA;AAAA,UAClD,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CACF;AAAA,IAAA,GACF,IAIF,gBAAAI,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,YAAY,SAAA,GACjD,UAAA;AAAA,MAAA,gBAAAV,EAACa,GAAA,EAAO,SAAS,CAAC,CAACR,GAAO,UAAU,CAACH,MAAMI,EAASJ,CAAC,EAAA,CAAG;AAAA,MACxD,gBAAAF,EAACY,KAAO,MAAK,SAAQ,SAAS,MAAMN,EAAS,QAAQ,GAAG,UAAA,MAAA,CAExD;AAAA,IAAA,GACF;AAIJ,QAAMQ,IAAiB,CAACZ,MAAc;AACpC,UAAMa,IAAU,OAAOV,KAAS,EAAE,EAAE,KAAA;AACpC,QACE,OAAOA,KAAU,YACjBA,EAAM,OAAO,WAAW,IAAI,KAC5BA,EAAM,KAAA,EAAO,SAAS,IAAI,GAC1B;AACA,YAAMW,IAAQX,EAAM,KAAA,EAAO,MAAM,GAAG,EAAE,EAAE,KAAA;AACxC,MAAAC,EAAS,MAAMU,CAAK,IAAId,CAAC,KAAK;AAC9B;AAAA,IACF;AACA,IAAAI,EAASW,EAAgBF,IAAU,GAAGA,CAAO,IAAIb,CAAC,KAAKA,CAAC,CAAC;AAAA,EAC3D;AAEA,SACE,gBAAAQ,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,YAAY,UAAU,MAAM,EAAA,GACjE,UAAA;AAAA,IAAA,gBAAAV;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAOb,KAAS,EAAE;AAAA,QACzB,UAAU,CAACc,MAAMb,EAASW,EAAgBE,EAAE,OAAO,KAAK,CAAC;AAAA,QACzD,OAAO,EAAE,MAAM,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAEnB,gBAAAnB;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,QAAAC;AAAA,QACA,cAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAUqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;AAMO,SAASM,EAAgB,EAAE,OAAAf,GAAO,UAAAC,GAAU,OAAAe,KAAsB;AACvE,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IAAiB,MACzCC,EAAkBpB,CAAK,EAAE,IAAIqB,CAAc;AAAA,EAAA,GAEvCC,IAAeC,EAAOvB,CAAK,GAI3BwB,IAAiBD,EAAgBvB,CAAK;AAG5C,EAAAyB,EAAU,MAAM;AACd,IAAIH,EAAa,YAAYtB,MAC3BsB,EAAa,UAAUtB,GACnBA,MAAUwB,EAAe,WAC3BN,EAASE,EAAkBpB,CAAK,EAAE,IAAIqB,CAAc,CAAC;AAAA,EAG3D,GAAG,CAACrB,CAAK,CAAC;AAEV,QAAM0B,IAAS,CAACC,MAAiB;AAC/B,IAAAT,EAASS,CAAI;AACb,UAAMC,IAAYD,EACf,IAAIE,CAAc,EAClB,OAAO,CAACC,MAAMA,EAAE,aAAa,SAAS,KAAKA,EAAE,WAAWA,EAAE,SAAS,GAChEC,IAAUH,EAAU,SAAS,IAAIA,IAAY,CAAA;AACnD,IAAAJ,EAAe,UAAUO,GACzB9B,EAAS8B,CAAO;AAAA,EAClB,GAEMC,IAAa,CAACC,GAAeC,MAAyB;AAC1D,IAAAR,EAAOT,EAAM,IAAI,CAACkB,GAAGzC,MAAOA,MAAMuC,IAAQ,EAAE,GAAGE,GAAG,GAAGD,EAAA,IAAUC,CAAE,CAAC;AAAA,EACpE,GAEMC,IAAa,CAACH,MAAkB;AACpC,IAAAP,EAAOT,EAAM,OAAO,CAACxB,GAAGC,MAAMA,MAAMuC,CAAK,CAAC;AAAA,EAC5C,GAEMI,IAAU,MAAM;AACpB,IAAAX,EAAO;AAAA,MACL,GAAGT;AAAA,MACH;AAAA,QACE,IAAIqB,EAAA;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,aAAa,CAAA;AAAA,QACb,eAAe;AAAA,QACf,kBAAkB;AAAA,QAClB,eAAe,CAAA;AAAA,QACf,iBAAiB;AAAA,MAAA;AAAA,IACnB,CACD;AAAA,EACH,GAEMC,IAAgB,MAAM,QAAQvC,CAAK,IACrCA,EAAM;AAAA,IACJ,CAAC8B,MAAM,CAAC,CAACA,KAAMA,EAA8B,cAAc;AAAA,EAAA,EAC3D,SACF;AAEJ,SACE,gBAAAzB,EAACmC,EAAK,MAAL,EAAU,QAAQ,YAAY,OAAOxB,GAAO,OAAO,EAAE,OAAO,OAAA,GAC1D,UAAA;AAAA,IAAAuB,IAAgB,KACf,gBAAAlC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,QAAA;AAAA,QAEZ,UAAA;AAAA,UAAA;AAAA,UACKkC;AAAA,UAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAKrBtB,EAAM,IAAI,CAACwB,GAAMC,MAChB,gBAAA/C;AAAA,MAACgD;AAAA,MAAA;AAAA,QAEC,MAAAF;AAAA,QACA,OAAOC;AAAA,QACP,UAAUV;AAAA,QACV,UAAUI;AAAA,MAAA;AAAA,MAJLK,EAAK;AAAA,IAAA,CAMb;AAAA,IAED,gBAAA9C,EAACY,GAAA,EAAO,MAAK,SAAQ,MAAK,UAAS,OAAK,IAAC,SAAS8B,GAAS,UAAA,WAAA,CAE3D;AAAA,IACA,gBAAA1C,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,WAAW,KAAK,UAAA,yGAAA,CAI3D;AAAA,EAAA,GACF;AAEJ;AAMA,SAASgD,EAAa;AAAA,EACpB,MAAAF;AAAA,EACA,OAAAR;AAAA,EACA,UAAAhC;AAAA,EACA,UAAA2C;AACF,GAKG;AACD,QAAM1D,IAAS2D,EAAA,GACT1D,IAAe2D,EAAA,GACf1D,IAAYN,EAAY2D,EAAK,IAAI,GACjCM,IAAWN,EAAK,KACnB,MAAM,GAAG,EACT,IAAI,CAACzD,MAAMA,EAAE,KAAA,CAAM,EACnB,OAAO,OAAO;AAEjB,SACE,gBAAAqB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,SAAS;AAAA,QACT,cAAc;AAAA,QACd,YAAY;AAAA,MAAA;AAAA,MAGd,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,OAAO,OAAA,GAAU,UAAA;AAAA,gBAAA;AAAA,gBACzD4B,IAAQ;AAAA,cAAA,GACd;AAAA,cACA,gBAAAtC,EAACY,GAAA,EAAO,MAAK,SAAQ,QAAM,IAAC,SAAS,MAAMqC,EAASX,CAAK,GAAG,UAAA,KAAA,CAE5D;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGD,OAAA,EAAI,OAAO,EAAE,cAAc,KAC1B,UAAA;AAAA,UAAA,gBAAAtC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,cAAc,EAAA,GAAK,UAAA,qBAAA,CAE9D;AAAA,UACA,gBAAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAOmD;AAAA,cACP,UAAU,CAACC,MAAS/C,EAASgC,GAAO,EAAE,MAAMe,EAAK,KAAK,IAAI,GAAG;AAAA,cAC7D,SAAS7D;AAAA,cACT,aAAY;AAAA,cACZ,OAAO,EAAE,OAAO,OAAA;AAAA,YAAO;AAAA,UAAA;AAAA,QACzB,GACF;AAAA,0BAEC,OAAA,EAAI,OAAO,EAAE,cAAc,KAC1B,UAAA;AAAA,UAAA,gBAAAQ,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,cAAc,EAAA,GAAK,UAAA,cAAA,CAE9D;AAAA,UACA,gBAAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,OAAOmC,EAAK;AAAA,cACZ,UAAU,CAACzD,MAAMiB,EAASgC,GAAO,EAAE,MAAMjD,GAAG;AAAA,cAC5C,QAAAE;AAAA,cACA,cAAAC;AAAA,cACA,WAAAC;AAAA,cACA,WAAU;AAAA,cACV,aAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,QAEA,gBAAAO;AAAA,UAACsD;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASR,EAAK;AAAA,YACd,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,QAAAvD;AAAA,YACA,cAAAC;AAAA,YACA,WAAAC;AAAA,YACA,UAAU,CAACS,MAAMI,EAASgC,GAAO,EAAE,gBAAgBpC,GAAG;AAAA,YACtD,QAAQ,CAACqD,MAASjD,EAASgC,GAAO,EAAE,aAAaiB,GAAM;AAAA,YACvD,UAAU,CAACC,MAAMlD,EAASgC,GAAO,EAAE,eAAekB,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvD,gBAAAxD;AAAA,UAACsD;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASR,EAAK;AAAA,YACd,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,QAAAvD;AAAA,YACA,cAAAC;AAAA,YACA,WAAAC;AAAA,YACA,UAAU,CAACS,MAAMI,EAASgC,GAAO,EAAE,kBAAkBpC,GAAG;AAAA,YACxD,QAAQ,CAACqD,MAASjD,EAASgC,GAAO,EAAE,eAAeiB,GAAM;AAAA,YACzD,UAAU,CAACC,MAAMlD,EAASgC,GAAO,EAAE,iBAAiBkB,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACzD;AAAA,IAAA;AAAA,EAAA;AAGN;AAMA,SAASF,EAAa;AAAA,EACpB,OAAAjC;AAAA,EACA,SAAAoC;AAAA,EACA,MAAAF;AAAA,EACA,YAAAG;AAAA,EACA,QAAAnE;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAkE;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAWG;AACD,QAAMC,IAAY,CAACC,GAAaxB,MAA6B;AAC3D,IAAAqB,EAAOL,EAAK,IAAI,CAACpB,GAAGpC,MAAOA,MAAMgE,IAAM,EAAE,GAAG5B,GAAG,GAAGI,EAAA,IAAUJ,CAAE,CAAC;AAAA,EACjE,GAEM6B,IAAS,MAAM;AACnB,IAAAJ,EAAO,CAAC,GAAGL,GAAM,EAAE,KAAK,YAAY,OAAO,GAAA,CAAM,CAAC;AAAA,EACpD,GAEMU,IAAY,CAACF,MAAgB;AACjC,IAAAH,EAAOL,EAAK,OAAO,CAACzD,GAAGC,MAAMA,MAAMgE,CAAG,CAAC;AAAA,EACzC;AAEA,2BACG,OAAA,EAAI,OAAO,EAAE,cAAc,KAC1B,UAAA;AAAA,IAAA,gBAAArD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,cAAc;AAAA,QAAA;AAAA,QAGhB,UAAA;AAAA,UAAA,gBAAAV,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,IAAI,OAAO,OAAA,GAAW,UAAAqB,EAAA,CAAM;AAAA,UACrD,gBAAArB,EAACa,GAAA,EAAO,MAAK,SAAQ,SAAS4C,GAAS,UAAU,CAACvD,MAAMyD,EAASzD,CAAC,EAAA,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtEuD,KACC,gBAAA/C,EAAAwD,GAAA,EACG,UAAA;AAAA,MAAAX,EAAK,IAAI,CAACY,GAAKJ,MACd,gBAAArD;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,KAAK;AAAA,YACL,YAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,UAGhB,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACoE;AAAA,cAAA;AAAA,gBACC,KAAAD;AAAA,gBACA,UAAU,CAACE,MAAQP,EAAUC,GAAK,EAAE,KAAAM,GAAK;AAAA,cAAA;AAAA,YAAA;AAAA,8BAE1C,OAAA,EAAI,OAAO,EAAE,MAAM,KAClB,UAAA,gBAAArE;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,QAAQgE,EAAI;AAAA,gBACZ,OAAOA,EAAI;AAAA,gBACX,UAAU,CAACjE,MAAM4D,EAAUC,GAAK,EAAE,OAAO7D,GAAG;AAAA,gBAC5C,QAAAX;AAAA,gBACA,cAAAC;AAAA,gBACA,WAAAC;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YACA,gBAAAO,EAACY,KAAO,MAAK,SAAQ,SAAS,MAAMqD,EAAUF,CAAG,GAAG,UAAA,IAAA,CAEpD;AAAA,UAAA;AAAA,QAAA;AAAA,QAxBK,GAAGA,CAAG,IAAII,EAAI,GAAG;AAAA,MAAA,CA0BzB;AAAA,MACD,gBAAAnE;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAK;AAAA,UACL,OAAO,EAAE,cAAc,EAAA;AAAA,UACvB,SAASoD;AAAA,UACV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAID,gBAAAhE,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,cAAc,EAAA,GAAK,UAAA,uBAAA,CAE9D;AAAA,MACA,gBAAAA;AAAA,QAACkB,EAAM;AAAA,QAAN;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,aAAa;AAAA;AAAA;AAAA,UACb,OAAOwC;AAAA,UACP,UAAU,CAACvC,MAAM0C,EAAS1C,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAMA,SAASiD,EAAe;AAAA,EACtB,KAAAD;AAAA,EACA,UAAA7D;AACF,GAGG;AACD,QAAMgE,IAAUH,EAAI,IAAI,WAAW,QAAQ;AAC3C,SACE,gBAAAzD,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,KAClC,UAAA;AAAA,IAAA,gBAAAV;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOqE,IAAUC,IAAYJ,EAAI;AAAA,QACjC,SAASK;AAAA,QACT,UAAU,CAACC,MAAMnE,EAASmE,MAAMF,IAAY,WAAWE,CAAC;AAAA,QACxD,OAAO,EAAE,OAAO,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAErBH,KACC,gBAAAtE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAOiD,EAAI,IAAI,MAAM,CAAe;AAAA,QACpC,UAAU,CAAChD,MAAMb,EAAS,SAASa,EAAE,OAAO,KAAK,EAAE;AAAA,QACnD,OAAO,EAAE,OAAO,GAAA;AAAA,MAAG;AAAA,IAAA;AAAA,EACrB,GAEJ;AAEJ;AAEO,MAAMuD,IAAwBtD;"}