@xbeeant/form-engine-designer 0.0.2 → 0.0.4

package/dist/es/widgets/remote-data-editor.js

@@ -0,0 +1,314 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { Space as p, Input as h, Select as K, Tooltip as u, Collapse as k, InputNumber as S, Button as y } from "antd";
+import { useState as C, useRef as f, useEffect as P } from "react";
+import { genId as x } from "./reactions-model.js";
+function v(e) {
+  return !e || typeof e != "object" ? [] : Object.entries(e).map(([l, t]) => ({
+    id: x(),
+    key: l,
+    value: typeof t == "string" ? t : JSON.stringify(t)
+  }));
+}
+function g(e) {
+  if (!e)
+    return;
+  const l = {};
+  for (const t of e) {
+    const n = t.key.trim();
+    if (!n)
+      continue;
+    const r = t.value.trim();
+    if (r)
+      try {
+        l[n] = JSON.parse(r);
+      } catch {
+        l[n] = r;
+      }
+  }
+  return Object.keys(l).length > 0 ? l : void 0;
+}
+function b(e) {
+  const l = e ?? {}, t = l.responseField ?? {}, n = l.params;
+  return {
+    url: l.url,
+    method: l.method,
+    dataPath: t.data,
+    valueKey: t.value,
+    labelKey: t.label,
+    params: n && typeof n == "object" ? v(n) : void 0,
+    headers: v(l.headers),
+    cacheKey: l.cacheKey,
+    timeout: l.timeout
+  };
+}
+function T(e) {
+  const l = e.url?.trim();
+  if (!l)
+    return;
+  const t = g(e.params), n = g(e.headers), r = {
+    url: l,
+    method: e.method || "GET",
+    responseField: {
+      data: e.dataPath?.trim() || "data",
+      value: e.valueKey?.trim() || "value",
+      label: e.labelKey?.trim() || "label"
+    }
+  };
+  return t && (r.params = t), n && (r.headers = n), e.cacheKey?.trim() && (r.cacheKey = e.cacheKey.trim()), e.timeout != null && (r.timeout = e.timeout), r;
+}
+function z({
+  rows: e,
+  onChange: l,
+  valuePlaceholder: t,
+  keyPlaceholder: n
+}) {
+  return /* @__PURE__ */ d("div", { style: { width: "100%" }, children: [
+    e.map((r) => /* @__PURE__ */ d(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: 6,
+          alignItems: "center",
+          marginBottom: 6
+        },
+        children: [
+          /* @__PURE__ */ i(
+            h,
+            {
+              size: "small",
+              value: r.key,
+              placeholder: n,
+              onChange: (c) => l(
+                e.map(
+                  (o) => o.id === r.id ? { ...o, key: c.target.value } : o
+                )
+              )
+            }
+          ),
+          /* @__PURE__ */ i(
+            h,
+            {
+              size: "small",
+              value: r.value,
+              placeholder: t,
+              onChange: (c) => l(
+                e.map(
+                  (o) => o.id === r.id ? { ...o, value: c.target.value } : o
+                )
+              )
+            }
+          ),
+          /* @__PURE__ */ i(
+            y,
+            {
+              size: "small",
+              type: "text",
+              danger: !0,
+              onClick: () => l(e.filter((c) => c.id !== r.id)),
+              children: "✕"
+            }
+          )
+        ]
+      },
+      r.id
+    )),
+    /* @__PURE__ */ i(
+      y,
+      {
+        size: "small",
+        type: "dashed",
+        block: !0,
+        onClick: () => l([...e, { id: x(), key: "", value: "" }]),
+        children: "+ 添加"
+      }
+    )
+  ] });
+}
+function w({ value: e, onChange: l }) {
+  const [t, n] = C(() => b(e)), r = f(e), c = f(e);
+  P(() => {
+    r.current !== e && (r.current = e, e !== c.current && n(b(e)));
+  }, [e]);
+  const o = (a) => {
+    n(a);
+    const m = T(a);
+    c.current = m, l(m);
+  }, s = (a) => {
+    o({ ...t, ...a });
+  };
+  return /* @__PURE__ */ i("div", { style: { width: "100%" }, children: /* @__PURE__ */ d(p, { orientation: "vertical", style: { width: "100%" }, size: 8, children: [
+    /* @__PURE__ */ d("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+      /* @__PURE__ */ i(
+        h,
+        {
+          size: "small",
+          placeholder: "接口地址（必填），如 /api/options",
+          value: t.url,
+          onChange: (a) => s({ url: a.target.value }),
+          style: { flex: 1 }
+        }
+      ),
+      /* @__PURE__ */ i(
+        K,
+        {
+          size: "small",
+          style: { width: 80 },
+          value: t.method,
+          onChange: (a) => s({ method: a }),
+          options: [
+            { value: "GET", label: "GET" },
+            { value: "POST", label: "POST" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#999" }, children: "响应字段映射" }),
+    /* @__PURE__ */ d("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+      /* @__PURE__ */ i(u, { title: "响应数据数组的路径，如 data.list / data.result.records", children: /* @__PURE__ */ i(
+        h,
+        {
+          size: "small",
+          placeholder: "数据路径（默认 data）",
+          value: t.dataPath,
+          onChange: (a) => s({ dataPath: a.target.value }),
+          style: { flex: 1 }
+        }
+      ) }),
+      /* @__PURE__ */ i(u, { title: "作为选项值（value）的字段名", children: /* @__PURE__ */ i(
+        h,
+        {
+          size: "small",
+          placeholder: "值字段",
+          value: t.valueKey,
+          onChange: (a) => s({ valueKey: a.target.value }),
+          style: { flex: 1 }
+        }
+      ) }),
+      /* @__PURE__ */ i(u, { title: "作为选项文案（label）的字段名", children: /* @__PURE__ */ i(
+        h,
+        {
+          size: "small",
+          placeholder: "文案字段",
+          value: t.labelKey,
+          onChange: (a) => s({ labelKey: a.target.value }),
+          style: { flex: 1 }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ i(
+      k,
+      {
+        size: "small",
+        style: { width: "100%", background: "#fafafa" },
+        items: [
+          {
+            key: "params",
+            label: "请求参数（可选）",
+            children: /* @__PURE__ */ i(
+              z,
+              {
+                rows: t.params ?? [],
+                onChange: (a) => s({ params: a }),
+                keyPlaceholder: "参数名",
+                valuePlaceholder: "参数值（数字/布尔自动识别）"
+              }
+            )
+          },
+          {
+            key: "headers",
+            label: "请求头（可选）",
+            children: /* @__PURE__ */ i(
+              z,
+              {
+                rows: t.headers ?? [],
+                onChange: (a) => s({ headers: a }),
+                keyPlaceholder: "请求头名",
+                valuePlaceholder: "如 Bearer xxxx"
+              }
+            )
+          },
+          {
+            key: "advanced",
+            label: "高级",
+            children: /* @__PURE__ */ d(
+              p,
+              {
+                orientation: "vertical",
+                style: { width: "100%" },
+                size: 8,
+                children: [
+                  /* @__PURE__ */ d(
+                    "div",
+                    {
+                      style: { display: "flex", gap: 6, alignItems: "center" },
+                      children: [
+                        /* @__PURE__ */ i(
+                          "span",
+                          {
+                            style: {
+                              fontSize: 12,
+                              color: "#666",
+                              whiteSpace: "nowrap"
+                            },
+                            children: "缓存键"
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          h,
+                          {
+                            size: "small",
+                            placeholder: "默认按字段路径缓存",
+                            value: t.cacheKey,
+                            onChange: (a) => s({ cacheKey: a.target.value })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    "div",
+                    {
+                      style: { display: "flex", gap: 6, alignItems: "center" },
+                      children: [
+                        /* @__PURE__ */ i(
+                          "span",
+                          {
+                            style: {
+                              fontSize: 12,
+                              color: "#666",
+                              whiteSpace: "nowrap"
+                            },
+                            children: "超时（秒）"
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          S,
+                          {
+                            size: "small",
+                            min: 1,
+                            value: t.timeout,
+                            onChange: (a) => s({ timeout: a ?? void 0 }),
+                            placeholder: "默认 10",
+                            style: { width: 120 }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#ccc" }, children: "提示：字段值变化后选项自动刷新；POST 时参数放入请求体" })
+  ] }) });
+}
+const j = w;
+export {
+  w as RemoteDataEditor,
+  j as remoteDataEditorWidget
+};
+//# sourceMappingURL=remote-data-editor.js.map

package/dist/es/widgets/remote-data-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-data-editor.js","sources":["../../../src/widgets/remote-data-editor.tsx"],"sourcesContent":["// ============================================================================\n// RemoteDataEditor — 可视化编辑 remoteData 远程数据配置\n// 表单化配置代替手写 JSON：\n//   - 接口地址 / 请求方式（GET | POST）\n//   - 响应字段映射（数据数组路径 / 值字段 / 文案字段）\n//   - 请求参数（key-value 行编辑）\n//   - 请求头（key-value 行编辑，可选）\n//   - 缓存键 / 超时（可选）\n// 值格式：RemoteDataConfig（见 @xbeeant/form-engine-ui 的 _shared.tsx）\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport {\n  Button,\n  Collapse,\n  Input,\n  InputNumber,\n  Select,\n  Space,\n  Tooltip,\n} from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { genId } from './reactions-model';\n\ninterface KeyValueRow {\n  id: string;\n  key: string;\n  value: string;\n}\n\ninterface RemoteDataForm {\n  url?: string;\n  method?: 'GET' | 'POST';\n  dataPath?: string;\n  valueKey?: string;\n  labelKey?: string;\n  params?: KeyValueRow[];\n  headers?: KeyValueRow[];\n  cacheKey?: string;\n  timeout?: number;\n}\n\n/** Record → key-value 行 */\nfunction recordToRows(\n  value: Record<string, unknown> | undefined,\n): KeyValueRow[] {\n  if (!value || typeof value !== 'object') {\n    return [];\n  }\n  return Object.entries(value).map(([key, v]) => ({\n    id: genId(),\n    key,\n    value: typeof v === 'string' ? v : JSON.stringify(v),\n  }));\n}\n\n/** key-value 行 → Record（空 key 或空 value 的行丢弃） */\nfunction rowsToRecord(\n  rows: KeyValueRow[] | undefined,\n): Record<string, unknown> | undefined {\n  if (!rows) {\n    return undefined;\n  }\n  const result: Record<string, unknown> = {};\n  for (const row of rows) {\n    const key = row.key.trim();\n    if (!key) {\n      continue;\n    }\n    const raw = row.value.trim();\n    if (!raw) {\n      continue;\n    }\n    // 尝试解析 JSON（数字 / 布尔 / 对象），失败保留字符串\n    try {\n      result[key] = JSON.parse(raw);\n    } catch {\n      result[key] = raw;\n    }\n  }\n  return Object.keys(result).length > 0 ? result : undefined;\n}\n\n/** RemoteDataConfig → 表单 */\nfunction configToForm(value: unknown): RemoteDataForm {\n  const cfg = (value ?? {}) as Record<string, any>;\n  const rf = (cfg.responseField ?? {}) as Record<string, any>;\n  const params = cfg.params;\n  return {\n    url: cfg.url,\n    method: cfg.method,\n    dataPath: rf.data,\n    valueKey: rf.value,\n    labelKey: rf.label,\n    params:\n      params && typeof params === 'object' ? recordToRows(params) : undefined,\n    headers: recordToRows(cfg.headers),\n    cacheKey: cfg.cacheKey,\n    timeout: cfg.timeout,\n  };\n}\n\n/** 表单 → RemoteDataConfig */\nfunction formToConfig(\n  form: RemoteDataForm,\n): Record<string, unknown> | undefined {\n  const url = form.url?.trim();\n  if (!url) {\n    return undefined;\n  }\n  const params = rowsToRecord(form.params);\n  const headers = rowsToRecord(form.headers);\n  const config: Record<string, unknown> = {\n    url,\n    method: form.method || 'GET',\n    responseField: {\n      data: form.dataPath?.trim() || 'data',\n      value: form.valueKey?.trim() || 'value',\n      label: form.labelKey?.trim() || 'label',\n    },\n  };\n  if (params) {\n    config.params = params;\n  }\n  if (headers) {\n    config.headers = headers;\n  }\n  if (form.cacheKey?.trim()) {\n    config.cacheKey = form.cacheKey.trim();\n  }\n  if (form.timeout != null) {\n    config.timeout = form.timeout;\n  }\n  return config;\n}\n\n/** key-value 行编辑器（参数 / 请求头共用） */\nfunction KeyValueRows({\n  rows,\n  onChange,\n  valuePlaceholder,\n  keyPlaceholder,\n}: {\n  rows: KeyValueRow[];\n  onChange: (rows: KeyValueRow[]) => void;\n  valuePlaceholder: string;\n  keyPlaceholder: string;\n}) {\n  return (\n    <div style={{ width: '100%' }}>\n      {rows.map((row) => (\n        <div\n          key={row.id}\n          style={{\n            display: 'flex',\n            gap: 6,\n            alignItems: 'center',\n            marginBottom: 6,\n          }}\n        >\n          <Input\n            size='small'\n            value={row.key}\n            placeholder={keyPlaceholder}\n            onChange={(e) =>\n              onChange(\n                rows.map((r) =>\n                  r.id === row.id ? { ...r, key: e.target.value } : r,\n                ),\n              )\n            }\n          />\n          <Input\n            size='small'\n            value={row.value}\n            placeholder={valuePlaceholder}\n            onChange={(e) =>\n              onChange(\n                rows.map((r) =>\n                  r.id === row.id ? { ...r, value: e.target.value } : r,\n                ),\n              )\n            }\n          />\n          <Button\n            size='small'\n            type='text'\n            danger\n            onClick={() => onChange(rows.filter((r) => r.id !== row.id))}\n          >\n            ✕\n          </Button>\n        </div>\n      ))}\n      <Button\n        size='small'\n        type='dashed'\n        block\n        onClick={() => onChange([...rows, { id: genId(), key: '', value: '' }])}\n      >\n        + 添加\n      </Button>\n    </div>\n  );\n}\n\nexport function RemoteDataEditor({ value, onChange }: WidgetProps) {\n  const [form, setForm] = useState<RemoteDataForm>(() => configToForm(value));\n  const prevValueRef = useRef(value);\n  // 自身 onChange 引发的 value 回传不应触发重建（否则每次输入都被重置）\n  const lastEmittedRef = useRef(value);\n\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      prevValueRef.current = value;\n      if (value !== lastEmittedRef.current) {\n        setForm(configToForm(value));\n      }\n    }\n  }, [value]);\n\n  const commit = (next: RemoteDataForm) => {\n    setForm(next);\n    const emitted = formToConfig(next);\n    lastEmittedRef.current = emitted;\n    onChange(emitted);\n  };\n\n  const patch = (partial: Partial<RemoteDataForm>) => {\n    commit({ ...form, ...partial });\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Space orientation='vertical' style={{ width: '100%' }} size={8}>\n        {/* 请求地址 + 方式 */}\n        <div style={{ display: 'flex', gap: 6, alignItems: 'center' }}>\n          <Input\n            size='small'\n            placeholder='接口地址（必填），如 /api/options'\n            value={form.url}\n            onChange={(e) => patch({ url: e.target.value })}\n            style={{ flex: 1 }}\n          />\n          <Select\n            size='small'\n            style={{ width: 80 }}\n            value={form.method}\n            onChange={(v) => patch({ method: v })}\n            options={[\n              { value: 'GET', label: 'GET' },\n              { value: 'POST', label: 'POST' },\n            ]}\n          />\n        </div>\n\n        {/* 响应字段映射 */}\n        <div style={{ fontSize: 11, color: '#999' }}>响应字段映射</div>\n        <div style={{ display: 'flex', gap: 6, alignItems: 'center' }}>\n          <Tooltip title='响应数据数组的路径，如 data.list / data.result.records'>\n            <Input\n              size='small'\n              placeholder='数据路径（默认 data）'\n              value={form.dataPath}\n              onChange={(e) => patch({ dataPath: e.target.value })}\n              style={{ flex: 1 }}\n            />\n          </Tooltip>\n          <Tooltip title='作为选项值（value）的字段名'>\n            <Input\n              size='small'\n              placeholder='值字段'\n              value={form.valueKey}\n              onChange={(e) => patch({ valueKey: e.target.value })}\n              style={{ flex: 1 }}\n            />\n          </Tooltip>\n          <Tooltip title='作为选项文案（label）的字段名'>\n            <Input\n              size='small'\n              placeholder='文案字段'\n              value={form.labelKey}\n              onChange={(e) => patch({ labelKey: e.target.value })}\n              style={{ flex: 1 }}\n            />\n          </Tooltip>\n        </div>\n\n        {/* 请求参数 / 请求头 / 高级 */}\n        <Collapse\n          size='small'\n          style={{ width: '100%', background: '#fafafa' }}\n          items={[\n            {\n              key: 'params',\n              label: '请求参数（可选）',\n              children: (\n                <KeyValueRows\n                  rows={form.params ?? []}\n                  onChange={(rows) => patch({ params: rows })}\n                  keyPlaceholder='参数名'\n                  valuePlaceholder='参数值（数字/布尔自动识别）'\n                />\n              ),\n            },\n            {\n              key: 'headers',\n              label: '请求头（可选）',\n              children: (\n                <KeyValueRows\n                  rows={form.headers ?? []}\n                  onChange={(rows) => patch({ headers: rows })}\n                  keyPlaceholder='请求头名'\n                  valuePlaceholder='如 Bearer xxxx'\n                />\n              ),\n            },\n            {\n              key: 'advanced',\n              label: '高级',\n              children: (\n                <Space\n                  orientation='vertical'\n                  style={{ width: '100%' }}\n                  size={8}\n                >\n                  <div\n                    style={{ display: 'flex', gap: 6, alignItems: 'center' }}\n                  >\n                    <span\n                      style={{\n                        fontSize: 12,\n                        color: '#666',\n                        whiteSpace: 'nowrap',\n                      }}\n                    >\n                      缓存键\n                    </span>\n                    <Input\n                      size='small'\n                      placeholder='默认按字段路径缓存'\n                      value={form.cacheKey}\n                      onChange={(e) => patch({ cacheKey: e.target.value })}\n                    />\n                  </div>\n                  <div\n                    style={{ display: 'flex', gap: 6, alignItems: 'center' }}\n                  >\n                    <span\n                      style={{\n                        fontSize: 12,\n                        color: '#666',\n                        whiteSpace: 'nowrap',\n                      }}\n                    >\n                      超时（秒）\n                    </span>\n                    <InputNumber\n                      size='small'\n                      min={1}\n                      value={form.timeout}\n                      onChange={(v) => patch({ timeout: v ?? undefined })}\n                      placeholder='默认 10'\n                      style={{ width: 120 }}\n                    />\n                  </div>\n                </Space>\n              ),\n            },\n          ]}\n        />\n\n        <div style={{ fontSize: 11, color: '#ccc' }}>\n          提示：字段值变化后选项自动刷新；POST 时参数放入请求体\n        </div>\n      </Space>\n    </div>\n  );\n}\n\nexport const remoteDataEditorWidget = RemoteDataEditor;\n"],"names":["recordToRows","value","key","v","genId","rowsToRecord","rows","result","row","raw","configToForm","cfg","rf","params","formToConfig","form","url","headers","config","KeyValueRows","onChange","valuePlaceholder","keyPlaceholder","jsxs","jsx","Input","e","r","Button","RemoteDataEditor","setForm","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","emitted","patch","partial","Space","Select","Tooltip","Collapse","InputNumber","remoteDataEditorWidget"],"mappings":"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"}

package/dist/es/widgets/use-form-data-fields.js

@@ -0,0 +1,16 @@
+import { useMemo as e } from "react";
+import { useDesigner as o } from "../designer-context.js";
+import { collectDataFieldPaths as r, collectDataFieldOptions as s } from "../schema-utils.js";
+function n() {
+  const { schema: t } = o();
+  return e(() => r(t), [t]);
+}
+function c() {
+  const { schema: t } = o();
+  return e(() => s(t), [t]);
+}
+export {
+  c as useFormDataFieldOptions,
+  n as useFormDataFields
+};
+//# sourceMappingURL=use-form-data-fields.js.map

package/dist/es/widgets/use-form-data-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-data-fields.js","sources":["../../../src/widgets/use-form-data-fields.ts"],"sourcesContent":["// ============================================================================\n// useFormDataFields — 从当前设计器 schema 收集 formData 字段（供变量/依赖选择）\n// ============================================================================\n\nimport { useMemo } from 'react';\nimport { useDesigner } from '../designer-context';\nimport {\n  collectDataFieldOptions,\n  collectDataFieldPaths,\n} from '../schema-utils';\n\nexport function useFormDataFields(): string[] {\n  const { schema } = useDesigner();\n  return useMemo(() => collectDataFieldPaths(schema), [schema]);\n}\n\n/** 带字段标题的选项列表：显示 title，值为路径 key（供 dependencies 等选择器） */\nexport function useFormDataFieldOptions(): Array<{\n  value: string;\n  label: string;\n}> {\n  const { schema } = useDesigner();\n  return useMemo(() => collectDataFieldOptions(schema), [schema]);\n}\n"],"names":["useFormDataFields","schema","useDesigner","useMemo","collectDataFieldPaths","useFormDataFieldOptions","collectDataFieldOptions"],"mappings":";;;AAWO,SAASA,IAA8B;AAC5C,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AACnB,SAAOC,EAAQ,MAAMC,EAAsBH,CAAM,GAAG,CAACA,CAAM,CAAC;AAC9D;AAGO,SAASI,IAGb;AACD,QAAM,EAAE,QAAAJ,EAAA,IAAWC,EAAA;AACnB,SAAOC,EAAQ,MAAMG,EAAwBL,CAAM,GAAG,CAACA,CAAM,CAAC;AAChE;"}

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

@@ -0,0 +1,118 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { Button as u, Input as k } from "antd";
+import { useState as v, useRef as h, useEffect as R } from "react";
+import { ExpressionBuilder as z } from "./expression-builder.js";
+import { genId as y } from "./reactions-model.js";
+import { useFormDataFields as B } from "./use-form-data-fields.js";
+function g(e) {
+  return !e || typeof e != "object" ? [] : Object.entries(e).map(
+    ([n, s]) => ({ id: y(), key: n, expr: String(s ?? "") })
+  );
+}
+function S(e) {
+  const n = {};
+  for (const s of e) {
+    const o = s.key.trim(), l = s.expr.trim();
+    !o || !l || l === "{{  }}" || (n[o] = l);
+  }
+  return Object.keys(n).length > 0 ? n : void 0;
+}
+function j({ value: e, onChange: n }) {
+  const s = B(), [o, l] = v(() => g(e)), m = h(e), f = h(e);
+  R(() => {
+    m.current !== e && (m.current = e, e !== f.current && l(g(e)));
+  }, [e]);
+  const a = (t) => {
+    l(t);
+    const i = S(t);
+    f.current = i, n(i);
+  }, p = (t, i) => {
+    a(o.map((d) => d.id === t ? { ...d, ...i } : d));
+  }, x = (t) => {
+    a(o.filter((i) => i.id !== t));
+  }, b = () => {
+    a([...o, { id: y(), key: "", expr: "{{  }}" }]);
+  };
+  return /* @__PURE__ */ c("div", { style: { width: "100%" }, children: [
+    o.length === 0 ? /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          fontSize: 11,
+          color: "#999",
+          background: "#fafafa",
+          border: "1px dashed #e0e0e0",
+          borderRadius: 6,
+          padding: "6px 8px",
+          marginBottom: 4
+        },
+        children: "点击下方「添加校验规则」，组合 校验名称 + 表达式（变量 / 操作符 / 值）。表达式需返回 boolean，可用变量：$self.value、formData。"
+      }
+    ) : o.map((t, i) => /* @__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: [
+                  "校验规则 ",
+                  i + 1
+                ] }),
+                /* @__PURE__ */ r(u, { size: "small", danger: !0, onClick: () => x(t.id), children: "删除" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ c("div", { style: { marginBottom: 6 }, children: [
+            /* @__PURE__ */ r("div", { style: { fontSize: 11, color: "#666", marginBottom: 2 }, children: "规则名称（key）" }),
+            /* @__PURE__ */ r(
+              k,
+              {
+                size: "small",
+                placeholder: "如 match / len",
+                value: t.key,
+                onChange: (d) => p(t.id, { key: d.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ r("div", { style: { fontSize: 11, color: "#666", marginBottom: 2 }, children: "校验表达式（需返回 boolean）" }),
+            /* @__PURE__ */ r(
+              z,
+              {
+                value: t.expr,
+                onChange: (d) => p(t.id, { expr: d }),
+                fields: s,
+                showSelf: !0,
+                placeholder: "{{ $self.value.length >= 6 }}"
+              }
+            )
+          ] })
+        ]
+      },
+      t.id
+    )),
+    /* @__PURE__ */ r(u, { size: "small", type: "dashed", block: !0, onClick: b, children: "+ 添加校验规则" }),
+    /* @__PURE__ */ r("div", { style: { fontSize: 11, color: "#999", marginTop: 4 }, children: "提示：依赖字段（formData.xxx）变化时会自动联动重校验。" })
+  ] });
+}
+const V = j;
+export {
+  j as ValidateEditor,
+  V as validateEditorWidget
+};
+//# sourceMappingURL=validate-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validate-editor.js","sources":["../../../src/widgets/validate-editor.tsx"],"sourcesContent":["// ============================================================================\n// ValidateEditor — 可视化编辑 validate 校验规则\n// 每行一条规则：「规则名称 + 校验表达式」（表达式需返回 boolean）\n// 与 schema 的 ValidateSchema（{ key: Expression }）互相转换\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Input } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { ExpressionBuilder } from './expression-builder';\nimport { genId } from './reactions-model';\nimport { useFormDataFields } from './use-form-data-fields';\n\ninterface ValidateRow {\n  id: string;\n  key: string;\n  expr: string;\n}\n\n/** ValidateSchema 对象 → 规则行 */\nfunction validateToRows(value: unknown): ValidateRow[] {\n  if (!value || typeof value !== 'object') {\n    return [];\n  }\n  return Object.entries(value as Record<string, unknown>).map(\n    ([key, expr]) => ({ id: genId(), key, expr: String(expr ?? '') }),\n  );\n}\n\n/** 规则行 → ValidateSchema 对象（空表达式 / 空 key 的行丢弃） */\nfunction rowsToValidate(\n  rows: ValidateRow[],\n): Record<string, string> | undefined {\n  const result: Record<string, string> = {};\n  for (const row of rows) {\n    const key = row.key.trim();\n    const expr = row.expr.trim();\n    if (!key || !expr || expr === '{{  }}') {\n      continue;\n    }\n    result[key] = expr;\n  }\n  return Object.keys(result).length > 0 ? result : undefined;\n}\n\nexport function ValidateEditor({ value, onChange }: WidgetProps) {\n  const fields = useFormDataFields();\n  const [rows, setRows] = useState<ValidateRow[]>(() => validateToRows(value));\n  const prevValueRef = useRef(value);\n  // 自身 onChange 引发的 value 回传不应触发重建（否则每次输入都被重置）\n  const lastEmittedRef = useRef(value);\n\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      prevValueRef.current = value;\n      if (value !== lastEmittedRef.current) {\n        setRows(validateToRows(value));\n      }\n    }\n  }, [value]);\n\n  const commit = (next: ValidateRow[]) => {\n    setRows(next);\n    const emitted = rowsToValidate(next);\n    lastEmittedRef.current = emitted;\n    onChange(emitted);\n  };\n\n  const updateRow = (id: string, patch: Partial<ValidateRow>) => {\n    commit(rows.map((r) => (r.id === id ? { ...r, ...patch } : r)));\n  };\n\n  const removeRow = (id: string) => {\n    commit(rows.filter((r) => r.id !== id));\n  };\n\n  const addRow = () => {\n    commit([...rows, { id: genId(), key: '', expr: '{{  }}' }]);\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      {rows.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          值）。表达式需返回 boolean，可用变量：$self.value、formData。\n        </div>\n      ) : (\n        rows.map((row, i) => (\n          <div\n            key={row.id}\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                校验规则 {i + 1}\n              </span>\n              <Button size='small' danger onClick={() => removeRow(row.id)}>\n                删除\n              </Button>\n            </div>\n            <div style={{ marginBottom: 6 }}>\n              <div style={{ fontSize: 11, color: '#666', marginBottom: 2 }}>\n                规则名称（key）\n              </div>\n              <Input\n                size='small'\n                placeholder='如 match / len'\n                value={row.key}\n                onChange={(e) => updateRow(row.id, { key: e.target.value })}\n              />\n            </div>\n            <div>\n              <div style={{ fontSize: 11, color: '#666', marginBottom: 2 }}>\n                校验表达式（需返回 boolean）\n              </div>\n              <ExpressionBuilder\n                value={row.expr}\n                onChange={(s) => updateRow(row.id, { expr: s })}\n                fields={fields}\n                showSelf\n                placeholder='{{ $self.value.length >= 6 }}'\n              />\n            </div>\n          </div>\n        ))\n      )}\n\n      <Button size='small' type='dashed' block onClick={addRow}>\n        + 添加校验规则\n      </Button>\n      <div style={{ fontSize: 11, color: '#999', marginTop: 4 }}>\n        提示：依赖字段（formData.xxx）变化时会自动联动重校验。\n      </div>\n    </div>\n  );\n}\n\nexport const validateEditorWidget = ValidateEditor;\n"],"names":["validateToRows","value","key","expr","genId","rowsToValidate","rows","result","row","ValidateEditor","onChange","fields","useFormDataFields","setRows","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","emitted","updateRow","id","patch","r","removeRow","addRow","jsx","jsxs","Button","Input","e","ExpressionBuilder","s","validateEditorWidget"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xbeeant/form-engine-designer",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -19,7 +19,6 @@
   },
   "files": [
     "dist",
-    "src",
     "README.md"
   ],
   "sideEffects": [
@@ -53,11 +52,11 @@
     }
   },
   "dependencies": {
-    "@xbeeant/form-engine": "^0.0.2",
-    "@xbeeant/form-engine-ui": "^0.0.2"
+    "@xbeeant/form-engine": "^0.0.4",
+    "@xbeeant/form-engine-ui": "^0.0.4"
   },
   "devDependencies": {
     "vitest": "^4.1.10"
   },
-  "gitHead": "5e640d99e81bec24182061a9f431c39647e562dd"
+  "gitHead": "e21b7883779d4623ce1402a1af17b4d35addf4de"
 }