@xbeeant/form-engine-designer 0.0.2 → 0.0.4

package/dist/es/widgets/expression-builder.js

@@ -0,0 +1,367 @@
+import { jsx as i, jsxs as g, Fragment as k } from "react/jsx-runtime";
+import { Button as z, Input as E, Select as y, InputNumber as _ } from "antd";
+import { useState as $, useRef as D, useEffect as F, useMemo as j } from "react";
+import { parseExpression as b, stripBraces as I, NO_RIGHT_OPERATORS as T, parseVariable as A, variableToString as G, OPERATOR_OPTIONS as H, RIGHT_MODE_OPTIONS as L, createCondition as q, buildExpression as J } from "./expression-model.js";
+function O({
+  value: e,
+  onChange: n,
+  fields: s,
+  fieldOptions: a,
+  depsCount: p,
+  showSelf: u,
+  placeholder: d
+}) {
+  const o = j(() => {
+    const c = (a && a.length > 0 ? a : s.map((r) => ({ value: r, label: r }))).map((r) => ({
+      value: `formData.${r.value}`,
+      label: r.label
+    })), l = [];
+    if (u && l.push({
+      value: "$self.value",
+      label: "当前字段值（$self.value）"
+    }), p > 0)
+      for (let r = 0; r < p; r++)
+        l.push({
+          value: `$deps[${r}]`,
+          label: `依赖 ${r + 1}（$deps[${r}]）`
+        });
+    return l.push({ value: "$index", label: "列表下标（$index）" }), l.push({ value: "rootValue", label: "根值（rootValue）" }), [
+      ...c.length > 0 ? [{ label: "表单字段", options: c }] : [],
+      ...l.length > 0 ? [{ label: "快捷变量", options: l }] : []
+    ];
+  }, [s, a, p, u]);
+  return /* @__PURE__ */ i(
+    y,
+    {
+      size: "small",
+      showSearch: !0,
+      allowClear: !0,
+      value: e || void 0,
+      placeholder: d ?? "选择变量",
+      onChange: (h) => n(h || ""),
+      options: o,
+      filterOption: (h, c) => (c?.label || "").toLowerCase().includes(h.toLowerCase()),
+      style: { width: "100%" }
+    }
+  );
+}
+function K({
+  mode: e,
+  value: n,
+  onChange: s,
+  fields: a,
+  fieldOptions: p,
+  depsCount: u,
+  showSelf: d
+}) {
+  return e === "boolean" ? /* @__PURE__ */ i(
+    y,
+    {
+      size: "small",
+      value: n === "true" ? "true" : "false",
+      onChange: (o) => s(o || "false"),
+      options: [
+        { value: "true", label: "true" },
+        { value: "false", label: "false" }
+      ],
+      style: { width: 72 }
+    }
+  ) : e === "variable" ? /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 100 }, children: /* @__PURE__ */ i(
+    O,
+    {
+      value: n,
+      onChange: s,
+      fields: a,
+      fieldOptions: p,
+      depsCount: u,
+      showSelf: d,
+      placeholder: "选择值变量"
+    }
+  ) }) : e === "number" ? /* @__PURE__ */ i(
+    _,
+    {
+      size: "small",
+      value: n === "" ? void 0 : Number(n),
+      onChange: (o) => s(o == null ? "" : String(o)),
+      placeholder: "数字",
+      style: { flex: 1, minWidth: 80 }
+    }
+  ) : /* @__PURE__ */ i(
+    E,
+    {
+      size: "small",
+      value: n,
+      onChange: (o) => s(o.target.value),
+      placeholder: "文本",
+      style: { flex: 1, minWidth: 80 }
+    }
+  );
+}
+function Q({
+  condition: e,
+  isFirst: n,
+  fields: s,
+  fieldOptions: a,
+  depsCount: p,
+  showSelf: u,
+  onChange: d,
+  onRemove: o
+}) {
+  const h = !T.has(e.operator), c = (l) => {
+    d({
+      operator: l,
+      ...T.has(l) ? { right: "" } : {}
+    });
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 4,
+        marginBottom: 4,
+        flexWrap: "wrap"
+      },
+      children: [
+        n ? /* @__PURE__ */ i(
+          "span",
+          {
+            style: {
+              width: 44,
+              fontSize: 11,
+              color: "#999",
+              flexShrink: 0,
+              textAlign: "center"
+            },
+            children: "当"
+          }
+        ) : /* @__PURE__ */ i(
+          y,
+          {
+            size: "small",
+            value: e.logic,
+            onChange: (l) => d({ logic: l }),
+            options: [
+              { value: "and", label: "且" },
+              { value: "or", label: "或" }
+            ],
+            style: { width: 44, flexShrink: 0 }
+          }
+        ),
+        /* @__PURE__ */ i("div", { style: { flex: "1 1 110px", minWidth: 110 }, children: /* @__PURE__ */ i(
+          O,
+          {
+            value: G(e.variable),
+            onChange: (l) => d({ variable: A(l) }),
+            fields: s,
+            fieldOptions: a,
+            depsCount: p,
+            showSelf: u
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          y,
+          {
+            size: "small",
+            value: e.operator,
+            onChange: c,
+            options: H,
+            style: { width: 92, flexShrink: 0 }
+          }
+        ),
+        h && /* @__PURE__ */ g(k, { children: [
+          /* @__PURE__ */ i(
+            y,
+            {
+              size: "small",
+              value: e.rightMode,
+              onChange: (l) => d({ rightMode: l }),
+              options: L,
+              style: { width: 56, flexShrink: 0 }
+            }
+          ),
+          /* @__PURE__ */ i("div", { style: { flex: "1 1 80px", minWidth: 80 }, children: /* @__PURE__ */ i(
+            K,
+            {
+              mode: e.rightMode,
+              value: e.right,
+              onChange: (l) => d({ right: l }),
+              fields: s,
+              fieldOptions: a,
+              depsCount: p,
+              showSelf: u
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ i(
+          z,
+          {
+            size: "small",
+            type: "text",
+            onClick: o,
+            style: { flexShrink: 0, color: "#bbb" },
+            title: "删除条件",
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+}
+function U(e) {
+  return typeof e != "string" || !e.trim() ? "builder" : b(e) === null ? "raw" : "builder";
+}
+function X(e) {
+  if (typeof e != "string" || !e.trim())
+    return [];
+  const n = b(e);
+  return n === null ? [] : n;
+}
+function Y(e) {
+  return typeof e == "string" ? I(e) : "";
+}
+function le({
+  value: e,
+  onChange: n,
+  fields: s = [],
+  fieldOptions: a,
+  depsCount: p = 0,
+  showSelf: u = !0,
+  emitEmpty: d = "template",
+  allowAdvanced: o = !0,
+  placeholder: h = "{{ formData.xxx == 'yyy' }}"
+}) {
+  const [c, l] = $(() => U(e)), [r, S] = $(
+    () => X(e)
+  ), [x, R] = $(() => Y(e)), w = D(typeof e == "string" ? e : "");
+  F(() => {
+    if (e !== w.current) {
+      w.current = typeof e == "string" ? e : "";
+      const t = typeof e == "string" ? b(e) : [];
+      S(t === null ? [] : t), l(t === null ? "raw" : "builder"), R(typeof e == "string" ? I(e) : "");
+    }
+  }, [e]);
+  const v = (t) => {
+    S(t);
+    const f = J(t), m = f === "{{  }}" && d === "empty" ? "" : f;
+    w.current = m, n(m);
+  }, B = (t) => {
+    R(t), w.current = t, n(t);
+  }, M = () => {
+    R(typeof e == "string" ? I(e) : ""), l("raw");
+  }, V = () => {
+    const t = b(x);
+    t !== null && (S(t), l("builder"));
+  }, W = (t, f) => {
+    v(r.map((m) => m.id === t ? { ...m, ...f } : m));
+  }, N = (t) => {
+    v(r.filter((f) => f.id !== t));
+  }, P = () => {
+    v([...r, q()]);
+  }, C = c === "raw" && x.trim() !== "" && b(x) === null;
+  return /* @__PURE__ */ i("div", { style: { width: "100%" }, children: c === "builder" ? /* @__PURE__ */ g(k, { children: [
+    r.length === 0 ? /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          fontSize: 11,
+          color: "#999",
+          background: "#fafafa",
+          border: "1px dashed #e0e0e0",
+          borderRadius: 6,
+          padding: "6px 8px",
+          marginBottom: 4
+        },
+        children: "点击下方「添加条件」组合 变量 / 操作符 / 值 生成表达式。"
+      }
+    ) : r.map((t, f) => /* @__PURE__ */ i(
+      Q,
+      {
+        condition: t,
+        isFirst: f === 0,
+        fields: s,
+        fieldOptions: a,
+        depsCount: p,
+        showSelf: u,
+        onChange: (m) => W(t.id, m),
+        onRemove: () => N(t.id)
+      },
+      t.id
+    )),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 4,
+          marginTop: 2
+        },
+        children: [
+          /* @__PURE__ */ i(z, { size: "small", type: "dashed", onClick: P, children: "+ 添加条件" }),
+          o && /* @__PURE__ */ i(
+            z,
+            {
+              size: "small",
+              type: "link",
+              onClick: M,
+              style: { padding: "0 4px", height: "auto", fontSize: 11 },
+              children: "高级表达式"
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ g(k, { children: [
+    /* @__PURE__ */ i(
+      E.TextArea,
+      {
+        rows: 2,
+        size: "small",
+        value: x,
+        onChange: (t) => B(t.target.value),
+        placeholder: h,
+        style: { fontFamily: "monospace", fontSize: 12 }
+      }
+    ),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginTop: 2
+        },
+        children: [
+          /* @__PURE__ */ i(
+            "span",
+            {
+              style: {
+                fontSize: 11,
+                color: C ? "#ff4d4f" : "#999"
+              },
+              children: C ? "当前表达式无法结构化，可继续手动编辑或点击返回" : "表达式需返回 boolean，变量仅限 $deps / $self / $form / $index / formData / rootValue"
+            }
+          ),
+          o && /* @__PURE__ */ i(
+            z,
+            {
+              size: "small",
+              type: "link",
+              onClick: V,
+              style: { padding: "0 4px", height: "auto", fontSize: 11 },
+              disabled: C,
+              children: "返回可视化"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  le as ExpressionBuilder
+};
+//# sourceMappingURL=expression-builder.js.map

package/dist/es/widgets/expression-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expression-builder.js","sources":["../../../src/widgets/expression-builder.tsx"],"sourcesContent":["// ============================================================================\n// ExpressionBuilder — 可视化表达式构建器\n// 通过「变量 + 操作符 + 值」的条件行交互生成 `{{ ... }}` 布尔表达式，\n// 避免手写表达式。保留「高级表达式」原始编辑回退（解析失败时自动进入）。\n//\n// 状态策略：本地工作副本（conditions/raw）为唯一编辑源，每次编辑即提交；\n// 用 lastEmittedRef 跳过「自身 onChange → 引擎值回传」造成的受控重置，\n// 外部 value 变化（切换节点等）才重建工作副本。\n// ============================================================================\n\nimport { Button, Input, InputNumber, Select } from 'antd';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  buildExpression,\n  type ConditionOperator,\n  createCondition,\n  type ExprCondition,\n  NO_RIGHT_OPERATORS,\n  OPERATOR_OPTIONS,\n  parseExpression,\n  parseVariable,\n  RIGHT_MODE_OPTIONS,\n  type RightMode,\n  stripBraces,\n  variableToString,\n} from './expression-model';\n\n// ────────────────────────────────────────────────────────────────────────────\n// VariableSelect — 变量选择器（表单字段 + 快捷变量）\n// ────────────────────────────────────────────────────────────────────────────\n\ninterface VariableSelectProps {\n  value: string;\n  onChange: (text: string) => void;\n  fields: string[];\n  /** 可选字段标题列表（显示 title，值为路径 key）；缺省时退化为 path 即 label */\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n  showSelf: boolean;\n  placeholder?: string;\n}\n\nfunction VariableSelect({\n  value,\n  onChange,\n  fields,\n  fieldOptions,\n  depsCount,\n  showSelf,\n  placeholder,\n}: VariableSelectProps) {\n  const groups = useMemo(() => {\n    const base =\n      fieldOptions && fieldOptions.length > 0\n        ? fieldOptions\n        : fields.map((f) => ({ value: f, label: f }));\n    const fieldOptions2 = base.map((o) => ({\n      value: `formData.${o.value}`,\n      label: o.label,\n    }));\n    const special: Array<{ value: string; label: string }> = [];\n    if (showSelf) {\n      special.push({\n        value: '$self.value',\n        label: '当前字段值（$self.value）',\n      });\n    }\n    if (depsCount > 0) {\n      for (let i = 0; i < depsCount; i++) {\n        special.push({\n          value: `$deps[${i}]`,\n          label: `依赖 ${i + 1}（$deps[${i}]）`,\n        });\n      }\n    }\n    special.push({ value: '$index', label: '列表下标（$index）' });\n    special.push({ value: 'rootValue', label: '根值（rootValue）' });\n    return [\n      ...(fieldOptions2.length > 0\n        ? [{ label: '表单字段', options: fieldOptions2 }]\n        : []),\n      ...(special.length > 0 ? [{ label: '快捷变量', options: special }] : []),\n    ];\n  }, [fields, fieldOptions, depsCount, showSelf]);\n\n  return (\n    <Select\n      size='small'\n      showSearch\n      allowClear\n      value={value || undefined}\n      placeholder={placeholder ?? '选择变量'}\n      onChange={(v) => onChange((v as string) || '')}\n      options={groups}\n      filterOption={(input, option) =>\n        ((option?.label as string) || '')\n          .toLowerCase()\n          .includes(input.toLowerCase())\n      }\n      style={{ width: '100%' }}\n    />\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 条件行编辑\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction RightValueEditor({\n  mode,\n  value,\n  onChange,\n  fields,\n  fieldOptions,\n  depsCount,\n  showSelf,\n}: {\n  mode: RightMode;\n  value: string;\n  onChange: (right: string) => void;\n  fields: string[];\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n  showSelf: boolean;\n}) {\n  if (mode === 'boolean') {\n    return (\n      <Select\n        size='small'\n        value={value === 'true' ? 'true' : 'false'}\n        onChange={(v) => onChange((v as string) || 'false')}\n        options={[\n          { value: 'true', label: 'true' },\n          { value: 'false', label: 'false' },\n        ]}\n        style={{ width: 72 }}\n      />\n    );\n  }\n  if (mode === 'variable') {\n    return (\n      <div style={{ flex: 1, minWidth: 100 }}>\n        <VariableSelect\n          value={value}\n          onChange={onChange}\n          fields={fields}\n          fieldOptions={fieldOptions}\n          depsCount={depsCount}\n          showSelf={showSelf}\n          placeholder='选择值变量'\n        />\n      </div>\n    );\n  }\n  if (mode === 'number') {\n    return (\n      <InputNumber\n        size='small'\n        value={value === '' ? undefined : Number(value)}\n        onChange={(v) => onChange(v == null ? '' : String(v))}\n        placeholder='数字'\n        style={{ flex: 1, minWidth: 80 }}\n      />\n    );\n  }\n  return (\n    <Input\n      size='small'\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder='文本'\n      style={{ flex: 1, minWidth: 80 }}\n    />\n  );\n}\n\nfunction ConditionRow({\n  condition,\n  isFirst,\n  fields,\n  fieldOptions,\n  depsCount,\n  showSelf,\n  onChange,\n  onRemove,\n}: {\n  condition: ExprCondition;\n  isFirst: boolean;\n  fields: string[];\n  fieldOptions?: Array<{ value: string; label: string }>;\n  depsCount: number;\n  showSelf: boolean;\n  onChange: (patch: Partial<ExprCondition>) => void;\n  onRemove: () => void;\n}) {\n  const needRight = !NO_RIGHT_OPERATORS.has(condition.operator);\n\n  const handleOperator = (op: ConditionOperator) => {\n    onChange({\n      operator: op,\n      ...(NO_RIGHT_OPERATORS.has(op) ? { right: '' } : {}),\n    });\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 4,\n        marginBottom: 4,\n        flexWrap: 'wrap',\n      }}\n    >\n      {isFirst ? (\n        <span\n          style={{\n            width: 44,\n            fontSize: 11,\n            color: '#999',\n            flexShrink: 0,\n            textAlign: 'center',\n          }}\n        >\n          当\n        </span>\n      ) : (\n        <Select\n          size='small'\n          value={condition.logic}\n          onChange={(v) => onChange({ logic: v as 'and' | 'or' })}\n          options={[\n            { value: 'and', label: '且' },\n            { value: 'or', label: '或' },\n          ]}\n          style={{ width: 44, flexShrink: 0 }}\n        />\n      )}\n\n      <div style={{ flex: '1 1 110px', minWidth: 110 }}>\n        <VariableSelect\n          value={variableToString(condition.variable)}\n          onChange={(text) => onChange({ variable: parseVariable(text) })}\n          fields={fields}\n          fieldOptions={fieldOptions}\n          depsCount={depsCount}\n          showSelf={showSelf}\n        />\n      </div>\n\n      <Select\n        size='small'\n        value={condition.operator}\n        onChange={handleOperator}\n        options={OPERATOR_OPTIONS}\n        style={{ width: 92, flexShrink: 0 }}\n      />\n\n      {needRight && (\n        <>\n          <Select\n            size='small'\n            value={condition.rightMode}\n            onChange={(v) => onChange({ rightMode: v as RightMode })}\n            options={RIGHT_MODE_OPTIONS}\n            style={{ width: 56, flexShrink: 0 }}\n          />\n          <div style={{ flex: '1 1 80px', minWidth: 80 }}>\n            <RightValueEditor\n              mode={condition.rightMode}\n              value={condition.right}\n              onChange={(right) => onChange({ right })}\n              fields={fields}\n              fieldOptions={fieldOptions}\n              depsCount={depsCount}\n              showSelf={showSelf}\n            />\n          </div>\n        </>\n      )}\n\n      <Button\n        size='small'\n        type='text'\n        onClick={onRemove}\n        style={{ flexShrink: 0, color: '#bbb' }}\n        title='删除条件'\n      >\n        ×\n      </Button>\n    </div>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// ExpressionBuilder — 主组件\n// ────────────────────────────────────────────────────────────────────────────\n\nexport interface ExpressionBuilderProps {\n  value?: string;\n  onChange: (next: string) => void;\n  /** 可选表单字段路径（formData.<path>） */\n  fields?: string[];\n  /** 可选字段标题列表（显示 title，值为路径 key）；缺省时表单字段退化为 path 即 label */\n  fieldOptions?: Array<{ value: string; label: string }>;\n  /** 渲染 $deps[0..depsCount-1] 快捷变量 */\n  depsCount?: number;\n  showSelf?: boolean;\n  /** 条件全部移除时的提交值：template=保持表达式模式（{{  }}），empty=清空（''） */\n  emitEmpty?: 'template' | 'empty';\n  /** 是否显示「高级表达式」原始编辑入口 */\n  allowAdvanced?: boolean;\n  placeholder?: string;\n}\n\nfunction getInitMode(value: string | undefined): 'builder' | 'raw' {\n  if (typeof value !== 'string' || !value.trim()) {\n    return 'builder';\n  }\n  return parseExpression(value) === null ? 'raw' : 'builder';\n}\n\nfunction getInitConditions(value: string | undefined): ExprCondition[] {\n  if (typeof value !== 'string' || !value.trim()) {\n    return [];\n  }\n  const parsed = parseExpression(value);\n  return parsed === null ? [] : parsed;\n}\n\nfunction getInitRaw(value: string | undefined): string {\n  return typeof value === 'string' ? stripBraces(value) : '';\n}\n\nexport function ExpressionBuilder({\n  value,\n  onChange,\n  fields = [],\n  fieldOptions,\n  depsCount = 0,\n  showSelf = true,\n  emitEmpty = 'template',\n  allowAdvanced = true,\n  placeholder = \"{{ formData.xxx == 'yyy' }}\",\n}: ExpressionBuilderProps) {\n  const [mode, setMode] = useState<'builder' | 'raw'>(() => getInitMode(value));\n  const [conditions, setConditions] = useState<ExprCondition[]>(() =>\n    getInitConditions(value),\n  );\n  const [raw, setRaw] = useState<string>(() => getInitRaw(value));\n  const lastEmittedRef = useRef<string>(typeof value === 'string' ? value : '');\n\n  // 外部 value 变化（切换节点 / 属性表单重新初始化）时重建工作副本；\n  // 自身 onChange 引起的值回传不重置（lastEmittedRef 相等时跳过）\n  useEffect(() => {\n    if (value !== lastEmittedRef.current) {\n      lastEmittedRef.current = typeof value === 'string' ? value : '';\n      const parsed = typeof value === 'string' ? parseExpression(value) : [];\n      setConditions(parsed === null ? [] : parsed);\n      setMode(parsed === null ? 'raw' : 'builder');\n      setRaw(typeof value === 'string' ? stripBraces(value) : '');\n    }\n  }, [value]);\n\n  const emitBuilder = (next: ExprCondition[]) => {\n    setConditions(next);\n    const expr = buildExpression(next);\n    const out = expr === '{{  }}' && emitEmpty === 'empty' ? '' : expr;\n    lastEmittedRef.current = out;\n    onChange(out);\n  };\n\n  const emitRaw = (text: string) => {\n    setRaw(text);\n    lastEmittedRef.current = text;\n    onChange(text);\n  };\n\n  const switchToRaw = () => {\n    setRaw(typeof value === 'string' ? stripBraces(value) : '');\n    setMode('raw');\n  };\n\n  const switchToBuilder = () => {\n    const parsed = parseExpression(raw);\n    if (parsed === null) {\n      return;\n    }\n    setConditions(parsed);\n    setMode('builder');\n  };\n\n  const updateCondition = (id: string, patch: Partial<ExprCondition>) => {\n    emitBuilder(conditions.map((c) => (c.id === id ? { ...c, ...patch } : c)));\n  };\n\n  const removeCondition = (id: string) => {\n    emitBuilder(conditions.filter((c) => c.id !== id));\n  };\n\n  const addCondition = () => {\n    emitBuilder([...conditions, createCondition()]);\n  };\n\n  const rawParseFailed =\n    mode === 'raw' && raw.trim() !== '' && parseExpression(raw) === null;\n\n  return (\n    <div style={{ width: '100%' }}>\n      {mode === 'builder' ? (\n        <>\n          {conditions.length === 0 ? (\n            <div\n              style={{\n                fontSize: 11,\n                color: '#999',\n                background: '#fafafa',\n                border: '1px dashed #e0e0e0',\n                borderRadius: 6,\n                padding: '6px 8px',\n                marginBottom: 4,\n              }}\n            >\n              点击下方「添加条件」组合 变量 / 操作符 / 值 生成表达式。\n            </div>\n          ) : (\n            conditions.map((c, i) => (\n              <ConditionRow\n                key={c.id}\n                condition={c}\n                isFirst={i === 0}\n                fields={fields}\n                fieldOptions={fieldOptions}\n                depsCount={depsCount}\n                showSelf={showSelf}\n                onChange={(patch) => updateCondition(c.id, patch)}\n                onRemove={() => removeCondition(c.id)}\n              />\n            ))\n          )}\n\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 4,\n              marginTop: 2,\n            }}\n          >\n            <Button size='small' type='dashed' onClick={addCondition}>\n              + 添加条件\n            </Button>\n            {allowAdvanced && (\n              <Button\n                size='small'\n                type='link'\n                onClick={switchToRaw}\n                style={{ padding: '0 4px', height: 'auto', fontSize: 11 }}\n              >\n                高级表达式\n              </Button>\n            )}\n          </div>\n        </>\n      ) : (\n        <>\n          <Input.TextArea\n            rows={2}\n            size='small'\n            value={raw}\n            onChange={(e) => emitRaw(e.target.value)}\n            placeholder={placeholder}\n            style={{ fontFamily: 'monospace', fontSize: 12 }}\n          />\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              marginTop: 2,\n            }}\n          >\n            <span\n              style={{\n                fontSize: 11,\n                color: rawParseFailed ? '#ff4d4f' : '#999',\n              }}\n            >\n              {rawParseFailed\n                ? '当前表达式无法结构化，可继续手动编辑或点击返回'\n                : '表达式需返回 boolean，变量仅限 $deps / $self / $form / $index / formData / rootValue'}\n            </span>\n            {allowAdvanced && (\n              <Button\n                size='small'\n                type='link'\n                onClick={switchToBuilder}\n                style={{ padding: '0 4px', height: 'auto', fontSize: 11 }}\n                disabled={rawParseFailed}\n              >\n                返回可视化\n              </Button>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["VariableSelect","value","onChange","fields","fieldOptions","depsCount","showSelf","placeholder","groups","useMemo","fieldOptions2","f","o","special","i","jsx","Select","v","input","option","RightValueEditor","mode","InputNumber","Input","e","ConditionRow","condition","isFirst","onRemove","needRight","NO_RIGHT_OPERATORS","handleOperator","op","jsxs","variableToString","text","parseVariable","OPERATOR_OPTIONS","Fragment","RIGHT_MODE_OPTIONS","right","Button","getInitMode","parseExpression","getInitConditions","parsed","getInitRaw","stripBraces","ExpressionBuilder","emitEmpty","allowAdvanced","setMode","useState","conditions","setConditions","raw","setRaw","lastEmittedRef","useRef","useEffect","emitBuilder","next","expr","buildExpression","out","emitRaw","switchToRaw","switchToBuilder","updateCondition","id","patch","c","removeCondition","addCondition","createCondition","rawParseFailed"],"mappings":"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"}