@xbeeant/form-engine-designer 0.0.2 → 0.0.4

package/dist/es/widgets/RemoteDataEditor.js

@@ -1,52 +1,52 @@
 import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import { Form as k, Space as p, Input as h, Select as S, Tooltip as u, Collapse as C, InputNumber as P, Button as y } from "antd";
-import { useState as T, useRef as f, useEffect as I } from "react";
+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 "./reactionsModel.js";
 function v(e) {
-  return !e || typeof e != "object" ? [] : Object.entries(e).map(([t, n]) => ({
+  return !e || typeof e != "object" ? [] : Object.entries(e).map(([l, t]) => ({
     id: x(),
-    key: t,
-    value: typeof n == "string" ? n : JSON.stringify(n)
+    key: l,
+    value: typeof t == "string" ? t : JSON.stringify(t)
   }));
 }
 function g(e) {
   if (!e)
     return;
-  const t = {};
-  for (const n of e) {
-    const l = n.key.trim();
-    if (!l)
+  const l = {};
+  for (const t of e) {
+    const n = t.key.trim();
+    if (!n)
       continue;
-    const r = n.value.trim();
+    const r = t.value.trim();
     if (r)
       try {
-        t[l] = JSON.parse(r);
+        l[n] = JSON.parse(r);
       } catch {
-        t[l] = r;
+        l[n] = r;
       }
   }
-  return Object.keys(t).length > 0 ? t : void 0;
+  return Object.keys(l).length > 0 ? l : void 0;
 }
 function b(e) {
-  const t = e ?? {}, n = t.responseField ?? {}, l = t.params;
+  const l = e ?? {}, t = l.responseField ?? {}, n = l.params;
   return {
-    url: t.url,
-    method: t.method,
-    dataPath: n.data,
-    valueKey: n.value,
-    labelKey: n.label,
-    params: l && typeof l == "object" ? v(l) : void 0,
-    headers: v(t.headers),
-    cacheKey: t.cacheKey,
-    timeout: t.timeout
+    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 w(e) {
-  const t = e.url?.trim();
-  if (!t)
+function T(e) {
+  const l = e.url?.trim();
+  if (!l)
     return;
-  const n = g(e.params), l = g(e.headers), r = {
-    url: t,
+  const t = g(e.params), n = g(e.headers), r = {
+    url: l,
     method: e.method || "GET",
     responseField: {
       data: e.dataPath?.trim() || "data",
@@ -54,13 +54,13 @@ function w(e) {
       label: e.labelKey?.trim() || "label"
     }
   };
-  return n && (r.params = n), l && (r.headers = l), e.cacheKey?.trim() && (r.cacheKey = e.cacheKey.trim()), e.timeout != null && (r.timeout = e.timeout), r;
+  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: t,
-  valuePlaceholder: n,
-  keyPlaceholder: l
+  onChange: l,
+  valuePlaceholder: t,
+  keyPlaceholder: n
 }) {
   return /* @__PURE__ */ d("div", { style: { width: "100%" }, children: [
     e.map((r) => /* @__PURE__ */ d(
@@ -78,8 +78,8 @@ function z({
             {
               size: "small",
               value: r.key,
-              placeholder: l,
-              onChange: (c) => t(
+              placeholder: n,
+              onChange: (c) => l(
                 e.map(
                   (o) => o.id === r.id ? { ...o, key: c.target.value } : o
                 )
@@ -91,8 +91,8 @@ function z({
             {
               size: "small",
               value: r.value,
-              placeholder: n,
-              onChange: (c) => t(
+              placeholder: t,
+              onChange: (c) => l(
                 e.map(
                   (o) => o.id === r.id ? { ...o, value: c.target.value } : o
                 )
@@ -105,7 +105,7 @@ function z({
               size: "small",
               type: "text",
               danger: !0,
-              onClick: () => t(e.filter((c) => c.id !== r.id)),
+              onClick: () => l(e.filter((c) => c.id !== r.id)),
               children: "✕"
             }
           )
@@ -119,42 +119,42 @@ function z({
         size: "small",
         type: "dashed",
         block: !0,
-        onClick: () => t([...e, { id: x(), key: "", value: "" }]),
+        onClick: () => l([...e, { id: x(), key: "", value: "" }]),
         children: "+ 添加"
       }
     )
   ] });
 }
-function E({ value: e, onChange: t, title: n }) {
-  const [l, r] = T(() => b(e)), c = f(e), o = f(e);
-  I(() => {
-    c.current !== e && (c.current = e, e !== o.current && r(b(e)));
+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 K = (a) => {
-    r(a);
-    const m = w(a);
-    o.current = m, t(m);
+  const o = (a) => {
+    n(a);
+    const m = T(a);
+    c.current = m, l(m);
   }, s = (a) => {
-    K({ ...l, ...a });
+    o({ ...t, ...a });
   };
-  return /* @__PURE__ */ i(k.Item, { layout: "vertical", label: n, style: { width: "100%" }, children: /* @__PURE__ */ d(p, { orientation: "vertical", style: { width: "100%" }, size: 8, children: [
+  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: l.url,
+          value: t.url,
           onChange: (a) => s({ url: a.target.value }),
           style: { flex: 1 }
         }
       ),
       /* @__PURE__ */ i(
-        S,
+        K,
         {
           size: "small",
           style: { width: 80 },
-          value: l.method,
+          value: t.method,
           onChange: (a) => s({ method: a }),
           options: [
             { value: "GET", label: "GET" },
@@ -170,7 +170,7 @@ function E({ value: e, onChange: t, title: n }) {
         {
           size: "small",
           placeholder: "数据路径（默认 data）",
-          value: l.dataPath,
+          value: t.dataPath,
           onChange: (a) => s({ dataPath: a.target.value }),
           style: { flex: 1 }
         }
@@ -180,7 +180,7 @@ function E({ value: e, onChange: t, title: n }) {
         {
           size: "small",
           placeholder: "值字段",
-          value: l.valueKey,
+          value: t.valueKey,
           onChange: (a) => s({ valueKey: a.target.value }),
           style: { flex: 1 }
         }
@@ -190,14 +190,14 @@ function E({ value: e, onChange: t, title: n }) {
         {
           size: "small",
           placeholder: "文案字段",
-          value: l.labelKey,
+          value: t.labelKey,
           onChange: (a) => s({ labelKey: a.target.value }),
           style: { flex: 1 }
         }
       ) })
     ] }),
     /* @__PURE__ */ i(
-      C,
+      k,
       {
         size: "small",
         style: { width: "100%", background: "#fafafa" },
@@ -208,7 +208,7 @@ function E({ value: e, onChange: t, title: n }) {
             children: /* @__PURE__ */ i(
               z,
               {
-                rows: l.params ?? [],
+                rows: t.params ?? [],
                 onChange: (a) => s({ params: a }),
                 keyPlaceholder: "参数名",
                 valuePlaceholder: "参数值（数字/布尔自动识别）"
@@ -221,7 +221,7 @@ function E({ value: e, onChange: t, title: n }) {
             children: /* @__PURE__ */ i(
               z,
               {
-                rows: l.headers ?? [],
+                rows: t.headers ?? [],
                 onChange: (a) => s({ headers: a }),
                 keyPlaceholder: "请求头名",
                 valuePlaceholder: "如 Bearer xxxx"
@@ -259,7 +259,7 @@ function E({ value: e, onChange: t, title: n }) {
                           {
                             size: "small",
                             placeholder: "默认按字段路径缓存",
-                            value: l.cacheKey,
+                            value: t.cacheKey,
                             onChange: (a) => s({ cacheKey: a.target.value })
                           }
                         )
@@ -283,11 +283,11 @@ function E({ value: e, onChange: t, title: n }) {
                           }
                         ),
                         /* @__PURE__ */ i(
-                          P,
+                          S,
                           {
                             size: "small",
                             min: 1,
-                            value: l.timeout,
+                            value: t.timeout,
                             onChange: (a) => s({ timeout: a ?? void 0 }),
                             placeholder: "默认 10",
                             style: { width: 120 }
@@ -306,9 +306,9 @@ function E({ value: e, onChange: t, title: n }) {
     /* @__PURE__ */ i("div", { style: { fontSize: 11, color: "#ccc" }, children: "提示：字段值变化后选项自动刷新；POST 时参数放入请求体" })
   ] }) });
 }
-const B = E;
+const j = w;
 export {
-  E as RemoteDataEditor,
-  B as remoteDataEditorWidget
+  w as RemoteDataEditor,
+  j as remoteDataEditorWidget
 };
 //# sourceMappingURL=RemoteDataEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteDataEditor.js","sources":["../../../src/widgets/RemoteDataEditor.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  Form,\n  Input,\n  InputNumber,\n  Select,\n  Space,\n  Tooltip,\n} from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { genId } from './reactionsModel';\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, title }: 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    <Form.Item layout={'vertical'} label={title} 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    </Form.Item>\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","title","setForm","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","emitted","patch","partial","Form","Space","Select","Tooltip","Collapse","InputNumber","remoteDataEditorWidget"],"mappings":"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"}
+{"version":3,"file":"RemoteDataEditor.js","sources":["../../../src/widgets/RemoteDataEditor.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 './reactionsModel';\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/ValidateEditor.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ValidateEditor.js","sources":["../../../src/widgets/ValidateEditor.tsx"],"sourcesContent":["// ============================================================================\n// ValidateEditor — 可视化编辑 validate 校验规则\n// 每行一条规则：「规则名称 + 校验表达式」（表达式需返回 boolean）\n// 与 schema 的 ValidateSchema（{ key: Expression }）互相转换\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Form, Input } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { ExpressionBuilder } from './ExpressionBuilder';\nimport { genId } from './reactionsModel';\nimport { useFormDataFields } from './useFormDataFields';\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, title }: 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    <Form.Item layout={'vertical'} label={title} 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    </Form.Item>\n  );\n}\n\nexport const validateEditorWidget = ValidateEditor;\n"],"names":["validateToRows","value","key","expr","genId","rowsToValidate","rows","result","row","ValidateEditor","onChange","title","fields","useFormDataFields","setRows","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","emitted","updateRow","id","patch","r","removeRow","addRow","jsxs","Form","jsx","i","Button","Input","e","ExpressionBuilder","s","validateEditorWidget"],"mappings":"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"}
+{"version":3,"file":"ValidateEditor.js","sources":["../../../src/widgets/ValidateEditor.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 './ExpressionBuilder';\nimport { genId } from './reactionsModel';\nimport { useFormDataFields } from './useFormDataFields';\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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"}