@xbeeant/form-engine-designer 0.0.1

package/dist/es/widgets/ExpressionBuilder.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 "./expressionModel.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=ExpressionBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.js","sources":["../../../src/widgets/ExpressionBuilder.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 './expressionModel';\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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"}

package/dist/es/widgets/ExpressionSwitch.js

@@ -0,0 +1,47 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { Form as f, Switch as s } from "antd";
+import { ExpressionBuilder as p } from "./ExpressionBuilder.js";
+import { useFormDataFields as m } from "./useFormDataFields.js";
+function x({
+  value: e,
+  onChange: t,
+  title: c,
+  displayType: n
+}) {
+  const r = typeof e == "string" && e.length > 0, d = m(), h = (o) => {
+    t(o ? typeof e == "string" ? e : "{{  }}" : typeof e == "boolean" ? e : !1);
+  };
+  return /* @__PURE__ */ i(
+    f.Item,
+    {
+      layout: n === "row" ? "horizontal" : "vertical",
+      label: c,
+      style: { width: "100%" },
+      children: /* @__PURE__ */ l("div", { className: `flex gap-2 ${r ? "flex-col" : "flex-row"}`, children: [
+        r ? /* @__PURE__ */ i(
+          p,
+          {
+            value: e,
+            onChange: (o) => t(o),
+            fields: d
+          }
+        ) : /* @__PURE__ */ i(s, { checked: !!e, onChange: (o) => t(o) }),
+        /* @__PURE__ */ i(
+          s,
+          {
+            checked: r,
+            checkedChildren: "表达式",
+            unCheckedChildren: "静态",
+            onChange: h
+          }
+        )
+      ] })
+    }
+  );
+}
+const k = x;
+export {
+  x as ExpressionSwitch,
+  k as expressionSwitchWidget
+};
+//# sourceMappingURL=ExpressionSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionSwitch.js","sources":["../../../src/widgets/ExpressionSwitch.tsx"],"sourcesContent":["// ============================================================================\n// ExpressionSwitch — 编辑 ExpressionOr<boolean> 属性\n// 支持静态布尔值（Switch）与表达式（可视化构建器 / 高级手写）之间的切换\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Form, Switch } from 'antd';\nimport { ExpressionBuilder } from './ExpressionBuilder';\nimport { useFormDataFields } from './useFormDataFields';\n\nexport function ExpressionSwitch({\n  value,\n  onChange,\n  title,\n  displayType,\n}: WidgetProps) {\n  // ExpressionOr<boolean>: 非空字符串=表达式模式，其他=静态模式\n  // 直接由 value 派生（受控），外部 value 变化（如切换选中节点）自动同步；\n  // 不再维护内部 isExpr state，避免与外部值脱节\n  const isExpr = typeof value === 'string' && value.length > 0;\n\n  const fields = useFormDataFields();\n\n  // 模式切换必须写回一个对应形态的值，否则状态只是视觉变化、无法持久化\n  const switchMode = (exprMode: boolean) => {\n    if (exprMode) {\n      // 切到表达式：保留已有表达式，静态布尔值则以空模板起步\n      onChange(typeof value === 'string' ? value : '{{  }}');\n    } else {\n      // 切到静态：reset 为布尔值\n      onChange(typeof value === 'boolean' ? value : false);\n    }\n  };\n\n  return (\n    <Form.Item\n      layout={displayType === 'row' ? 'horizontal' : 'vertical'}\n      label={title}\n      style={{ width: '100%' }}\n    >\n      <div className={`flex gap-2 ${isExpr ? 'flex-col' : 'flex-row'}`}>\n        {isExpr ? (\n          <ExpressionBuilder\n            value={value as string}\n            onChange={(s) => onChange(s)}\n            fields={fields}\n          />\n        ) : (\n          <Switch checked={!!value} onChange={(v) => onChange(v)} />\n        )}\n        <Switch\n          checked={isExpr}\n          checkedChildren='表达式'\n          unCheckedChildren='静态'\n          onChange={switchMode}\n        />\n      </div>\n    </Form.Item>\n  );\n}\n\nexport const expressionSwitchWidget = ExpressionSwitch;\n"],"names":["ExpressionSwitch","value","onChange","title","displayType","isExpr","fields","useFormDataFields","switchMode","exprMode","jsx","Form","ExpressionBuilder","s","Switch","v","expressionSwitchWidget"],"mappings":";;;;AAUO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,GAAgB;AAId,QAAMC,IAAS,OAAOJ,KAAU,YAAYA,EAAM,SAAS,GAErDK,IAASC,EAAA,GAGTC,IAAa,CAACC,MAAsB;AACxC,IAEEP,EAFEO,IAEO,OAAOR,KAAU,WAAWA,IAAQ,WAGpC,OAAOA,KAAU,YAAYA,IAAQ,EAHO;AAAA,EAKzD;AAEA,SACE,gBAAAS;AAAA,IAACC,EAAK;AAAA,IAAL;AAAA,MACC,QAAQP,MAAgB,QAAQ,eAAe;AAAA,MAC/C,OAAOD;AAAA,MACP,OAAO,EAAE,OAAO,OAAA;AAAA,MAEhB,4BAAC,OAAA,EAAI,WAAW,cAAcE,IAAS,aAAa,UAAU,IAC3D,UAAA;AAAA,QAAAA,IACC,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAAX;AAAA,YACA,UAAU,CAACY,MAAMX,EAASW,CAAC;AAAA,YAC3B,QAAAP;AAAA,UAAA;AAAA,QAAA,IAGF,gBAAAI,EAACI,GAAA,EAAO,SAAS,CAAC,CAACb,GAAO,UAAU,CAACc,MAAMb,EAASa,CAAC,EAAA,CAAG;AAAA,QAE1D,gBAAAL;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAST;AAAA,YACT,iBAAgB;AAAA,YAChB,mBAAkB;AAAA,YAClB,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMQ,IAAyBhB;"}

package/dist/es/widgets/OptionsEditor.js

@@ -0,0 +1,102 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { Input as d, Space as f, Button as c } from "antd";
+import { useMemo as v } from "react";
+const b = (o) => Array.isArray(o) ? o.map((a) => {
+  if (a && typeof a == "object") {
+    const r = a;
+    return {
+      value: r.value,
+      label: r.label == null ? "" : String(r.label)
+    };
+  }
+  return { value: a, label: String(a) };
+}) : [], y = (o) => {
+  const a = o.trim().toLowerCase();
+  return a === "true" ? !0 : a === "false" ? !1 : o;
+};
+function C({ value: o, onChange: a }) {
+  const r = v(() => b(o), [o]), i = (l) => a(l), m = (l, t) => {
+    i(r.map((e, s) => s === l ? { ...e, ...t } : e));
+  }, g = () => {
+    i([...r, { value: "", label: "" }]);
+  }, h = (l) => {
+    i(r.filter((t, e) => e !== l));
+  }, p = (l, t) => {
+    const e = [...r], s = l + t;
+    s < 0 || s >= e.length || ([e[l], e[s]] = [e[s], e[l]], i(e));
+  };
+  return /* @__PURE__ */ u("div", { style: { width: "100%" }, children: [
+    r.map((l, t) => /* @__PURE__ */ u(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: 6,
+          alignItems: "center",
+          marginBottom: 6
+        },
+        children: [
+          /* @__PURE__ */ n(
+            d,
+            {
+              size: "small",
+              value: l.value == null ? "" : String(l.value),
+              placeholder: "选项值 value",
+              onChange: (e) => m(t, { value: y(e.target.value) })
+            }
+          ),
+          /* @__PURE__ */ n(
+            d,
+            {
+              size: "small",
+              value: l.label,
+              placeholder: "选项文案 label",
+              onChange: (e) => m(t, { label: e.target.value })
+            }
+          ),
+          /* @__PURE__ */ u(f.Compact, { children: [
+            /* @__PURE__ */ n(
+              c,
+              {
+                size: "small",
+                type: "text",
+                disabled: t === 0,
+                onClick: () => p(t, -1),
+                children: "↑"
+              }
+            ),
+            /* @__PURE__ */ n(
+              c,
+              {
+                size: "small",
+                type: "text",
+                disabled: t === r.length - 1,
+                onClick: () => p(t, 1),
+                children: "↓"
+              }
+            ),
+            /* @__PURE__ */ n(
+              c,
+              {
+                size: "small",
+                type: "text",
+                danger: !0,
+                onClick: () => h(t),
+                children: "✕"
+              }
+            )
+          ] })
+        ]
+      },
+      t
+    )),
+    /* @__PURE__ */ n(c, { size: "small", type: "dashed", block: !0, onClick: g, children: "+ 添加选项" }),
+    r.length === 0 && /* @__PURE__ */ n("div", { style: { fontSize: 11, color: "#999", marginTop: 6 }, children: "value 为存入 formData 的选项值，label 为界面展示文案，每行一组" })
+  ] });
+}
+const S = C;
+export {
+  C as OptionsEditor,
+  S as optionsEditorWidget
+};
+//# sourceMappingURL=OptionsEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsEditor.js","sources":["../../../src/widgets/OptionsEditor.tsx"],"sourcesContent":["// ============================================================================\n// OptionsEditor — 编辑选项列表（区分 value 与 label）\n// 供 select / radio / checkboxes / multiSelect / checkbox / switch 等\n// 选择类组件在属性面板中配置选项：\n//   每行 = 选项值（value，存储进 formData）+ 选项文案（label，界面展示）\n// value 支持字符串，'true'/'false' 自动转为布尔值（checkbox/switch 用）\n// 值格式：Array<{ value: unknown; label: string }>\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Input, Space } from 'antd';\nimport { useMemo } from 'react';\n\ninterface OptionRow {\n  value: unknown;\n  label: string;\n}\n\n/** 归一化：兼容字符串数组（value=label）与 { value, label } 对象数组 */\nconst toRows = (value: unknown): OptionRow[] => {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n  return value.map((item) => {\n    if (item && typeof item === 'object') {\n      const rec = item as Record<string, unknown>;\n      return {\n        value: rec.value,\n        label: rec.label == null ? '' : String(rec.label),\n      };\n    }\n    return { value: item, label: String(item) };\n  });\n};\n\n/** 输入回写：'true'/'false' → 布尔，其余保留字符串 */\nconst parseValue = (raw: string): unknown => {\n  const trimmed = raw.trim().toLowerCase();\n  if (trimmed === 'true') {\n    return true;\n  }\n  if (trimmed === 'false') {\n    return false;\n  }\n  return raw;\n};\n\nexport function OptionsEditor({ value, onChange }: WidgetProps) {\n  const rows = useMemo(() => toRows(value), [value]);\n\n  const emit = (next: OptionRow[]) => onChange(next);\n\n  const setRow = (index: number, patch: Partial<OptionRow>) => {\n    emit(rows.map((row, i) => (i === index ? { ...row, ...patch } : row)));\n  };\n\n  const addRow = () => {\n    emit([...rows, { value: '', label: '' }]);\n  };\n\n  const removeRow = (index: number) => {\n    emit(rows.filter((_, i) => i !== index));\n  };\n\n  const moveRow = (index: number, dir: -1 | 1) => {\n    const next = [...rows];\n    const target = index + dir;\n    if (target < 0 || target >= next.length) {\n      return;\n    }\n    [next[index], next[target]] = [next[target], next[index]];\n    emit(next);\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      {rows.map((row, index) => (\n        <div\n          key={index}\n          style={{\n            display: 'flex',\n            gap: 6,\n            alignItems: 'center',\n            marginBottom: 6,\n          }}\n        >\n          <Input\n            size='small'\n            value={row.value == null ? '' : String(row.value)}\n            placeholder='选项值 value'\n            onChange={(e) =>\n              setRow(index, { value: parseValue(e.target.value) })\n            }\n          />\n          <Input\n            size='small'\n            value={row.label}\n            placeholder='选项文案 label'\n            onChange={(e) => setRow(index, { label: e.target.value })}\n          />\n          <Space.Compact>\n            <Button\n              size='small'\n              type='text'\n              disabled={index === 0}\n              onClick={() => moveRow(index, -1)}\n            >\n              ↑\n            </Button>\n            <Button\n              size='small'\n              type='text'\n              disabled={index === rows.length - 1}\n              onClick={() => moveRow(index, 1)}\n            >\n              ↓\n            </Button>\n            <Button\n              size='small'\n              type='text'\n              danger\n              onClick={() => removeRow(index)}\n            >\n              ✕\n            </Button>\n          </Space.Compact>\n        </div>\n      ))}\n      <Button size='small' type='dashed' block onClick={addRow}>\n        + 添加选项\n      </Button>\n      {rows.length === 0 && (\n        <div style={{ fontSize: 11, color: '#999', marginTop: 6 }}>\n          value 为存入 formData 的选项值，label 为界面展示文案，每行一组\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const optionsEditorWidget = OptionsEditor;\n"],"names":["toRows","value","item","rec","parseValue","raw","trimmed","OptionsEditor","onChange","rows","useMemo","emit","next","setRow","index","patch","row","i","addRow","removeRow","_","moveRow","dir","target","jsxs","jsx","Input","Space","Button","optionsEditorWidget"],"mappings":"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"}