@xbeeant/form-engine-designer 0.0.2 → 0.0.4

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

@@ -0,0 +1,78 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { Select as u, Input as f } from "antd";
+import { useState as g } from "react";
+function y(e) {
+  return e === !1 || e === "false" ? "false" : Array.isArray(e) ? "array" : typeof e == "string" && e.length > 0 ? "string" : "none";
+}
+const p = [
+  { value: "none", label: "无（使用字段路径）" },
+  { value: "string", label: "字符串路径" },
+  { value: "array", label: "字符串数组（多路径拆分）" },
+  { value: "false", label: "不绑定（不提交）" }
+];
+function m({ value: e, onChange: t }) {
+  const n = y(e), [l, i] = g(
+    Array.isArray(e) ? e.join(`
+`) : typeof e == "string" ? e : ""
+  ), d = (r) => {
+    r === "none" ? (t(void 0), i("")) : r === "string" ? (t(""), i("")) : r === "array" ? (t([]), i("")) : r === "false" && (t(!1), i(""));
+  }, a = () => {
+    if (n === "string")
+      t(l || void 0);
+    else if (n === "array") {
+      const r = l.split(`
+`).map((o) => o.trim()).filter((o) => o.length > 0);
+      t(r.length > 0 ? r : void 0);
+    }
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ s(
+          u,
+          {
+            value: n,
+            options: p,
+            onChange: d,
+            style: { width: "100%" }
+          }
+        ),
+        n === "string" && /* @__PURE__ */ s(
+          f,
+          {
+            placeholder: "如: user.name",
+            value: l,
+            onChange: (r) => i(r.target.value),
+            onBlur: a,
+            onPressEnter: a
+          }
+        ),
+        n === "array" && /* @__PURE__ */ s(
+          f.TextArea,
+          {
+            rows: 3,
+            placeholder: `如: a.b
+c.d`,
+            value: l,
+            onChange: (r) => i(r.target.value),
+            onBlur: a
+          }
+        ),
+        /* @__PURE__ */ s("div", { style: { fontSize: 11, color: "#999" }, children: "提示：bind 将字段值映射到不同数据路径。string[] 表示字段值数组按顺序拆分到多个路径；false 表示字段不参与提交。" })
+      ]
+    }
+  );
+}
+const v = m;
+export {
+  m as BindEditor,
+  v as bindEditorWidget
+};
+//# sourceMappingURL=bind-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bind-editor.js","sources":["../../../src/widgets/bind-editor.tsx"],"sourcesContent":["// ============================================================================\n// BindEditor — 编辑 bind 属性（路径映射）\n// 支持四种模式：无/字符串/数组/false，不同模式显示不同的子控件\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Input, Select } from 'antd';\nimport { useState } from 'react';\n\nfunction getBindMode(value: unknown): string {\n  if (value === false || value === 'false') {\n    return 'false';\n  }\n  if (Array.isArray(value)) {\n    return 'array';\n  }\n  if (typeof value === 'string' && value.length > 0) {\n    return 'string';\n  }\n  return 'none';\n}\n\nconst BIND_MODE_OPTIONS = [\n  { value: 'none', label: '无（使用字段路径）' },\n  { value: 'string', label: '字符串路径' },\n  { value: 'array', label: '字符串数组（多路径拆分）' },\n  { value: 'false', label: '不绑定（不提交）' },\n];\n\nexport function BindEditor({ value, onChange }: WidgetProps) {\n  const mode = getBindMode(value);\n  // 本地状态缓存文本值，防止每次按键都触发 onChange\n  const [textValue, setTextValue] = useState<string>(\n    Array.isArray(value)\n      ? (value as string[]).join('\\n')\n      : typeof value === 'string'\n        ? value\n        : '',\n  );\n\n  const handleModeChange = (newMode: string) => {\n    if (newMode === 'none') {\n      onChange(undefined);\n      setTextValue('');\n    } else if (newMode === 'string') {\n      onChange('');\n      setTextValue('');\n    } else if (newMode === 'array') {\n      onChange([]);\n      setTextValue('');\n    } else if (newMode === 'false') {\n      onChange(false);\n      setTextValue('');\n    }\n  };\n\n  const handleTextCommit = () => {\n    if (mode === 'string') {\n      onChange(textValue || undefined);\n    } else if (mode === 'array') {\n      const lines = textValue\n        .split('\\n')\n        .map((s) => s.trim())\n        .filter((s) => s.length > 0);\n      onChange(lines.length > 0 ? lines : undefined);\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 6,\n        width: '100%',\n      }}\n    >\n      <Select\n        value={mode}\n        options={BIND_MODE_OPTIONS}\n        onChange={handleModeChange}\n        style={{ width: '100%' }}\n      />\n      {mode === 'string' && (\n        <Input\n          placeholder='如: user.name'\n          value={textValue}\n          onChange={(e) => setTextValue(e.target.value)}\n          onBlur={handleTextCommit}\n          onPressEnter={handleTextCommit}\n        />\n      )}\n      {mode === 'array' && (\n        <Input.TextArea\n          rows={3}\n          placeholder={'如: a.b\\nc.d'}\n          value={textValue}\n          onChange={(e) => setTextValue(e.target.value)}\n          onBlur={handleTextCommit}\n        />\n      )}\n      <div style={{ fontSize: 11, color: '#999' }}>\n        提示：bind 将字段值映射到不同数据路径。string[]\n        表示字段值数组按顺序拆分到多个路径；false 表示字段不参与提交。\n      </div>\n    </div>\n  );\n}\n\nexport const bindEditorWidget = BindEditor;\n"],"names":["getBindMode","value","BIND_MODE_OPTIONS","BindEditor","onChange","mode","textValue","setTextValue","useState","handleModeChange","newMode","handleTextCommit","lines","s","jsxs","jsx","Select","Input","e","bindEditorWidget"],"mappings":";;;AASA,SAASA,EAAYC,GAAwB;AAC3C,SAAIA,MAAU,MAASA,MAAU,UACxB,UAEL,MAAM,QAAQA,CAAK,IACd,UAEL,OAAOA,KAAU,YAAYA,EAAM,SAAS,IACvC,WAEF;AACT;AAEA,MAAMC,IAAoB;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,YAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,QAAA;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,eAAA;AAAA,EACzB,EAAE,OAAO,SAAS,OAAO,WAAA;AAC3B;AAEO,SAASC,EAAW,EAAE,OAAAF,GAAO,UAAAG,KAAyB;AAC3D,QAAMC,IAAOL,EAAYC,CAAK,GAExB,CAACK,GAAWC,CAAY,IAAIC;AAAA,IAChC,MAAM,QAAQP,CAAK,IACdA,EAAmB,KAAK;AAAA,CAAI,IAC7B,OAAOA,KAAU,WACfA,IACA;AAAA,EAAA,GAGFQ,IAAmB,CAACC,MAAoB;AAC5C,IAAIA,MAAY,UACdN,EAAS,MAAS,GAClBG,EAAa,EAAE,KACNG,MAAY,YACrBN,EAAS,EAAE,GACXG,EAAa,EAAE,KACNG,MAAY,WACrBN,EAAS,CAAA,CAAE,GACXG,EAAa,EAAE,KACNG,MAAY,YACrBN,EAAS,EAAK,GACdG,EAAa,EAAE;AAAA,EAEnB,GAEMI,IAAmB,MAAM;AAC7B,QAAIN,MAAS;AACX,MAAAD,EAASE,KAAa,MAAS;AAAA,aACtBD,MAAS,SAAS;AAC3B,YAAMO,IAAQN,EACX,MAAM;AAAA,CAAI,EACV,IAAI,CAACO,MAAMA,EAAE,KAAA,CAAM,EACnB,OAAO,CAACA,MAAMA,EAAE,SAAS,CAAC;AAC7B,MAAAT,EAASQ,EAAM,SAAS,IAAIA,IAAQ,MAAS;AAAA,IAC/C;AAAA,EACF;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOX;AAAA,YACP,SAASH;AAAA,YACT,UAAUO;AAAA,YACV,OAAO,EAAE,OAAO,OAAA;AAAA,UAAO;AAAA,QAAA;AAAA,QAExBJ,MAAS,YACR,gBAAAU;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,OAAOX;AAAA,YACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,YAC5C,QAAQP;AAAA,YACR,cAAcA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjBN,MAAS,WACR,gBAAAU;AAAA,UAACE,EAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN,aAAa;AAAA;AAAA,YACb,OAAOX;AAAA,YACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,YAC5C,QAAQP;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZ,gBAAAI,EAAC,SAAI,OAAO,EAAE,UAAU,IAAI,OAAO,OAAA,GAAU,UAAA,oEAAA,CAG7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMI,IAAmBhB;"}

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

@@ -0,0 +1,76 @@
+import { jsxs as u, Fragment as J, jsx as e } from "react/jsx-runtime";
+import { Input as N, Space as O, Button as p, Typography as z } from "antd";
+import { useState as y, useMemo as C } from "react";
+function E({
+  value: r,
+  onChange: l,
+  title: T,
+  description: a,
+  placeholder: o,
+  ...g
+}) {
+  const S = g?.lines ?? 10, [i, n] = y(null), [c, d] = y(void 0), f = C(() => {
+    if (c !== void 0)
+      return c;
+    if (r == null)
+      return "";
+    try {
+      return JSON.stringify(r, null, 2);
+    } catch {
+      return String(r);
+    }
+  }, [c, r]), h = (t) => {
+    d(t);
+    const m = t.trim();
+    if (!m) {
+      n(null), l(void 0);
+      return;
+    }
+    try {
+      const s = JSON.parse(m);
+      n(null), l(s);
+    } catch (s) {
+      n(s instanceof Error ? s.message : "JSON 解析失败");
+    }
+  }, x = () => {
+    try {
+      const t = JSON.stringify(JSON.parse(f), null, 2);
+      d(t), n(null);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ u(J, { children: [
+    /* @__PURE__ */ e(
+      N.TextArea,
+      {
+        value: f,
+        rows: S,
+        onChange: (t) => h(t.target.value),
+        placeholder: o ? `示例：
+${typeof o == "string" ? o : JSON.stringify(o, null, 2)}` : "{}",
+        style: { fontFamily: "monospace", fontSize: 12 }
+      }
+    ),
+    /* @__PURE__ */ u(O.Compact, { style: { marginTop: 6, width: "100%" }, children: [
+      /* @__PURE__ */ e(p, { size: "small", onClick: x, disabled: !!i, children: "格式化" }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          size: "small",
+          onClick: () => {
+            d(""), n(null), l(void 0);
+          },
+          children: "清空"
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ e(z.Text, { type: "danger", style: { fontSize: 11 }, children: i }),
+    a && !i && /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#999" }, children: a })
+  ] });
+}
+const P = E;
+export {
+  E as CodeEditor,
+  P as codeEditorWidget
+};
+//# sourceMappingURL=code-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","sources":["../../../src/widgets/code-editor.tsx"],"sourcesContent":["// ============================================================================\n// CodeEditor — 属性面板专用 JSON 编辑器\n// 供 remoteData 等对象配置使用：支持语法校验、格式化与占位符示例\n// 值格式：object | array（非法 JSON 不写回，光标处自动提示）\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Input, Space, Typography } from 'antd';\nimport { useMemo, useState } from 'react';\n\nexport function CodeEditor({\n  value,\n  onChange,\n  title,\n  description,\n  placeholder,\n  ...rest\n}: WidgetProps) {\n  const fieldProps = rest as Record<string, unknown>;\n  const lines = (fieldProps?.lines as number) ?? 10;\n\n  const [error, setError] = useState<string | null>(null);\n\n  // 编辑态文案：初始为 JSON 字符串；解析失败时保留原文（不打断输入）\n  const [draft, setDraft] = useState<string | undefined>(undefined);\n\n  const text = useMemo(() => {\n    if (draft !== undefined) {\n      return draft;\n    }\n    if (value === undefined || value === null) {\n      return '';\n    }\n    try {\n      return JSON.stringify(value, null, 2);\n    } catch {\n      return String(value);\n    }\n  }, [draft, value]);\n\n  const handleChange = (raw: string) => {\n    setDraft(raw);\n    const trimmed = raw.trim();\n    if (!trimmed) {\n      setError(null);\n      onChange(undefined);\n      return;\n    }\n    try {\n      const parsed = JSON.parse(trimmed);\n      setError(null);\n      onChange(parsed);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'JSON 解析失败');\n    }\n  };\n\n  const handleFormat = () => {\n    try {\n      const formatted = JSON.stringify(JSON.parse(text), null, 2);\n      setDraft(formatted);\n      setError(null);\n    } catch {\n      // 语法非法时静默，保留原文\n    }\n  };\n\n  return (\n    <>\n      <Input.TextArea\n        value={text}\n        rows={lines}\n        onChange={(e) => handleChange(e.target.value)}\n        placeholder={\n          placeholder\n            ? `示例：\\n${typeof placeholder === 'string' ? placeholder : JSON.stringify(placeholder, null, 2)}`\n            : '{}'\n        }\n        style={{ fontFamily: 'monospace', fontSize: 12 }}\n      />\n      <Space.Compact style={{ marginTop: 6, width: '100%' }}>\n        <Button size='small' onClick={handleFormat} disabled={!!error}>\n          格式化\n        </Button>\n        <Button\n          size='small'\n          onClick={() => {\n            setDraft('');\n            setError(null);\n            onChange(undefined);\n          }}\n        >\n          清空\n        </Button>\n      </Space.Compact>\n      {error && (\n        <Typography.Text type='danger' style={{ fontSize: 11 }}>\n          {error}\n        </Typography.Text>\n      )}\n      {description && !error && (\n        <span style={{ fontSize: 11, color: '#999' }}>{description}</span>\n      )}\n    </>\n  );\n}\n\nexport const codeEditorWidget = CodeEditor;\n"],"names":["CodeEditor","value","onChange","title","description","placeholder","rest","lines","error","setError","useState","draft","setDraft","text","useMemo","handleChange","raw","trimmed","parsed","e","handleFormat","formatted","jsxs","Fragment","jsx","Input","Space","Button","Typography","codeEditorWidget"],"mappings":";;;AAUO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAEd,QAAMC,IADaD,GACQ,SAAoB,IAEzC,CAACE,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAGhD,CAACC,GAAOC,CAAQ,IAAIF,EAA6B,MAAS,GAE1DG,IAAOC,EAAQ,MAAM;AACzB,QAAIH,MAAU;AACZ,aAAOA;AAET,QAA2BV,KAAU;AACnC,aAAO;AAET,QAAI;AACF,aAAO,KAAK,UAAUA,GAAO,MAAM,CAAC;AAAA,IACtC,QAAQ;AACN,aAAO,OAAOA,CAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAACU,GAAOV,CAAK,CAAC,GAEXc,IAAe,CAACC,MAAgB;AACpC,IAAAJ,EAASI,CAAG;AACZ,UAAMC,IAAUD,EAAI,KAAA;AACpB,QAAI,CAACC,GAAS;AACZ,MAAAR,EAAS,IAAI,GACbP,EAAS,MAAS;AAClB;AAAA,IACF;AACA,QAAI;AACF,YAAMgB,IAAS,KAAK,MAAMD,CAAO;AACjC,MAAAR,EAAS,IAAI,GACbP,EAASgB,CAAM;AAAA,IACjB,SAASC,GAAG;AACV,MAAAV,EAASU,aAAa,QAAQA,EAAE,UAAU,WAAW;AAAA,IACvD;AAAA,EACF,GAEMC,IAAe,MAAM;AACzB,QAAI;AACF,YAAMC,IAAY,KAAK,UAAU,KAAK,MAAMR,CAAI,GAAG,MAAM,CAAC;AAC1D,MAAAD,EAASS,CAAS,GAClBZ,EAAS,IAAI;AAAA,IACf,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,SACE,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC,EAAM;AAAA,MAAN;AAAA,QACC,OAAOZ;AAAA,QACP,MAAMN;AAAA,QACN,UAAU,CAACY,MAAMJ,EAAaI,EAAE,OAAO,KAAK;AAAA,QAC5C,aACEd,IACI;AAAA,EAAQ,OAAOA,KAAgB,WAAWA,IAAc,KAAK,UAAUA,GAAa,MAAM,CAAC,CAAC,KAC5F;AAAA,QAEN,OAAO,EAAE,YAAY,aAAa,UAAU,GAAA;AAAA,MAAG;AAAA,IAAA;AAAA,IAEjD,gBAAAiB,EAACI,EAAM,SAAN,EAAc,OAAO,EAAE,WAAW,GAAG,OAAO,OAAA,GAC3C,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,SAAQ,SAASP,GAAc,UAAU,CAAC,CAACZ,GAAO,UAAA,MAAA,CAE/D;AAAA,MACA,gBAAAgB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM;AACb,YAAAf,EAAS,EAAE,GACXH,EAAS,IAAI,GACbP,EAAS,MAAS;AAAA,UACpB;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACF;AAAA,IACCM,KACC,gBAAAgB,EAACI,EAAW,MAAX,EAAgB,MAAK,UAAS,OAAO,EAAE,UAAU,GAAA,GAC/C,UAAApB,EAAA,CACH;AAAA,IAEDJ,KAAe,CAACI,KACf,gBAAAgB,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,IAAI,OAAO,OAAA,GAAW,UAAApB,EAAA,CAAY;AAAA,EAAA,GAE/D;AAEJ;AAEO,MAAMyB,IAAmB7B;"}

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

@@ -0,0 +1,50 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Switch as l, InputNumber as a, Input as o } from "antd";
+function u({ value: e, onChange: i, ...s }) {
+  const d = s?.dataType ?? "string";
+  if (d === "boolean")
+    return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(l, { checked: !!e, onChange: (r) => i(r) }) });
+  if (d === "number" || d === "integer")
+    return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(
+      a,
+      {
+        value: e,
+        onChange: (r) => i(r ?? void 0),
+        style: { width: "100%" }
+      }
+    ) });
+  if (d === "object" || d === "array") {
+    const r = e !== void 0 ? JSON.stringify(e, null, 2) : "";
+    return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(
+      o.TextArea,
+      {
+        rows: 3,
+        value: r,
+        onChange: (c) => {
+          const n = c.target.value.trim();
+          if (!n) {
+            i(void 0);
+            return;
+          }
+          try {
+            i(JSON.parse(n));
+          } catch {
+          }
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(
+    o,
+    {
+      value: e ?? "",
+      onChange: (r) => i(r.target.value || void 0)
+    }
+  ) });
+}
+const y = u;
+export {
+  u as DefaultEditor,
+  y as defaultEditorWidget
+};
+//# sourceMappingURL=default-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-editor.js","sources":["../../../src/widgets/default-editor.tsx"],"sourcesContent":["// ============================================================================\n// DefaultEditor — 按字段类型编辑默认值\n// string → Input, number/integer → InputNumber, boolean → Switch, object/array → JSON TextArea\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Input, InputNumber, Switch } from 'antd';\n\nexport function DefaultEditor({ value, onChange, ...rest }: WidgetProps) {\n  const fieldProps = rest as Record<string, unknown>;\n  const dataType = (fieldProps?.dataType as string) ?? 'string';\n\n  if (dataType === 'boolean') {\n    return (\n      <div style={{ width: '100%' }}>\n        <Switch checked={!!value} onChange={(v) => onChange(v)} />\n      </div>\n    );\n  }\n\n  if (dataType === 'number' || dataType === 'integer') {\n    return (\n      <div style={{ width: '100%' }}>\n        <InputNumber\n          value={value as number}\n          onChange={(v) => onChange(v ?? undefined)}\n          style={{ width: '100%' }}\n        />\n      </div>\n    );\n  }\n\n  if (dataType === 'object' || dataType === 'array') {\n    const text = value !== undefined ? JSON.stringify(value, null, 2) : '';\n    return (\n      <div style={{ width: '100%' }}>\n        <Input.TextArea\n          rows={3}\n          value={text}\n          onChange={(e) => {\n            const t = e.target.value.trim();\n            if (!t) {\n              onChange(undefined);\n              return;\n            }\n            try {\n              onChange(JSON.parse(t));\n            } catch {\n              // JSON 解析失败时不更新\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  // string\n  return (\n    <div style={{ width: '100%' }}>\n      <Input\n        value={(value as string) ?? ''}\n        onChange={(e) => onChange(e.target.value || undefined)}\n      />\n    </div>\n  );\n}\n\nexport const defaultEditorWidget = DefaultEditor;\n"],"names":["DefaultEditor","value","onChange","rest","dataType","jsx","Switch","v","InputNumber","text","Input","e","t","defaultEditorWidget"],"mappings":";;AAQO,SAASA,EAAc,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,KAAqB;AAEvE,QAAMC,IADaD,GACW,YAAuB;AAErD,MAAIC,MAAa;AACf,6BACG,OAAA,EAAI,OAAO,EAAE,OAAO,OAAA,GACnB,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAS,CAAC,CAACL,GAAO,UAAU,CAACM,MAAML,EAASK,CAAC,GAAG,GAC1D;AAIJ,MAAIH,MAAa,YAAYA,MAAa;AACxC,6BACG,OAAA,EAAI,OAAO,EAAE,OAAO,UACnB,UAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAAP;AAAA,QACA,UAAU,CAACM,MAAML,EAASK,KAAK,MAAS;AAAA,QACxC,OAAO,EAAE,OAAO,OAAA;AAAA,MAAO;AAAA,IAAA,GAE3B;AAIJ,MAAIH,MAAa,YAAYA,MAAa,SAAS;AACjD,UAAMK,IAAOR,MAAU,SAAY,KAAK,UAAUA,GAAO,MAAM,CAAC,IAAI;AACpE,6BACG,OAAA,EAAI,OAAO,EAAE,OAAO,UACnB,UAAA,gBAAAI;AAAA,MAACK,EAAM;AAAA,MAAN;AAAA,QACC,MAAM;AAAA,QACN,OAAOD;AAAA,QACP,UAAU,CAACE,MAAM;AACf,gBAAMC,IAAID,EAAE,OAAO,MAAM,KAAA;AACzB,cAAI,CAACC,GAAG;AACN,YAAAV,EAAS,MAAS;AAClB;AAAA,UACF;AACA,cAAI;AACF,YAAAA,EAAS,KAAK,MAAMU,CAAC,CAAC;AAAA,UACxB,QAAQ;AAAA,UAER;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AAGA,2BACG,OAAA,EAAI,OAAO,EAAE,OAAO,UACnB,UAAA,gBAAAP;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAQT,KAAoB;AAAA,MAC5B,UAAU,CAACU,MAAMT,EAASS,EAAE,OAAO,SAAS,MAAS;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;AAEO,MAAME,IAAsBb;"}

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

@@ -0,0 +1,36 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { Select as l } from "antd";
+import { useState as y, useRef as n, useEffect as g } from "react";
+import { useFormDataFieldOptions as h } from "./use-form-data-fields.js";
+function A({ value: r, onChange: c }) {
+  const d = h(), [m, e] = y(
+    () => Array.isArray(r) ? [...r] : []
+  ), i = n(r), o = n(r);
+  g(() => {
+    i.current !== r && (i.current = r, r !== o.current && e(Array.isArray(r) ? [...r] : []));
+  }, [r]);
+  const p = (t) => {
+    e(t), o.current = t, c(t.length > 0 ? t : void 0);
+  };
+  return /* @__PURE__ */ a("div", { style: { width: "100%" }, children: [
+    /* @__PURE__ */ s(
+      l,
+      {
+        size: "small",
+        mode: "tags",
+        value: m,
+        onChange: (t) => p(t.map((f) => f.trim()).filter(Boolean)),
+        options: d,
+        placeholder: "选择或输入依赖字段路径",
+        style: { width: "100%" }
+      }
+    ),
+    /* @__PURE__ */ s("div", { style: { fontSize: 11, color: "#999", marginTop: 4 }, children: "提示：依赖字段值变化时，触发该字段重新求值与渲染。支持相对路径（如 处于 address.city 时填 province 表示 address.province）。" })
+  ] });
+}
+const j = A;
+export {
+  A as DependenciesEditor,
+  j as dependenciesEditorWidget
+};
+//# sourceMappingURL=dependencies-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies-editor.js","sources":["../../../src/widgets/dependencies-editor.tsx"],"sourcesContent":["// ============================================================================\n// DependenciesEditor — 编辑 dependencies 依赖字段路径（string[]）\n// 通过标签选择器从表单字段中选择依赖路径，也支持手动输入自定义路径\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Select } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFormDataFieldOptions } from './use-form-data-fields';\n\nexport function DependenciesEditor({ value, onChange }: WidgetProps) {\n  const fieldOptions = useFormDataFieldOptions();\n  const [tags, setTags] = useState<string[]>(() =>\n    Array.isArray(value) ? [...value] : [],\n  );\n  const prevValueRef = useRef(value);\n  const lastEmittedRef = useRef(value);\n\n  // 外部 value 变化（切换节点等）时重置，自身 onChange 回传不重置\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      prevValueRef.current = value;\n      if (value !== lastEmittedRef.current) {\n        setTags(Array.isArray(value) ? [...value] : []);\n      }\n    }\n  }, [value]);\n\n  const commit = (next: string[]) => {\n    setTags(next);\n    lastEmittedRef.current = next;\n    onChange(next.length > 0 ? next : undefined);\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Select\n        size='small'\n        mode='tags'\n        value={tags}\n        onChange={(v) =>\n          commit((v as string[]).map((s) => s.trim()).filter(Boolean))\n        }\n        options={fieldOptions}\n        placeholder='选择或输入依赖字段路径'\n        style={{ width: '100%' }}\n      />\n      <div style={{ fontSize: 11, color: '#999', marginTop: 4 }}>\n        提示：依赖字段值变化时，触发该字段重新求值与渲染。支持相对路径（如 处于\n        address.city 时填 province 表示 address.province）。\n      </div>\n    </div>\n  );\n}\n\nexport const dependenciesEditorWidget = DependenciesEditor;\n"],"names":["DependenciesEditor","value","onChange","fieldOptions","useFormDataFieldOptions","tags","setTags","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","jsx","Select","v","s","dependenciesEditorWidget"],"mappings":";;;;AAUO,SAASA,EAAmB,EAAE,OAAAC,GAAO,UAAAC,KAAyB;AACnE,QAAMC,IAAeC,EAAA,GACf,CAACC,GAAMC,CAAO,IAAIC;AAAA,IAAmB,MACzC,MAAM,QAAQN,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,CAAA;AAAA,EAAC,GAEjCO,IAAeC,EAAOR,CAAK,GAC3BS,IAAiBD,EAAOR,CAAK;AAGnC,EAAAU,EAAU,MAAM;AACd,IAAIH,EAAa,YAAYP,MAC3BO,EAAa,UAAUP,GACnBA,MAAUS,EAAe,WAC3BJ,EAAQ,MAAM,QAAQL,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,EAAE;AAAA,EAGpD,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMW,IAAS,CAACC,MAAmB;AACjC,IAAAP,EAAQO,CAAI,GACZH,EAAe,UAAUG,GACzBX,EAASW,EAAK,SAAS,IAAIA,IAAO,MAAS;AAAA,EAC7C;AAEA,2BACG,OAAA,EAAI,OAAO,EAAE,OAAO,UACnB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAOV;AAAA,QACP,UAAU,CAACW,MACTJ,EAAQI,EAAe,IAAI,CAACC,MAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO,CAAC;AAAA,QAE7D,SAASd;AAAA,QACT,aAAY;AAAA,QACZ,OAAO,EAAE,OAAO,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAEzB,gBAAAW,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,WAAW,KAAK,UAAA,sFAAA,CAG3D;AAAA,EAAA,GACF;AAEJ;AAEO,MAAMI,IAA2BlB;"}

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

@@ -0,0 +1,43 @@
+import { jsxs as i, Fragment as a, jsx as o } from "react/jsx-runtime";
+import { Input as n } from "antd";
+function m({ value: t, onChange: e }) {
+  return /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ o(
+      n.TextArea,
+      {
+        rows: 3,
+        value: typeof t == "string" ? t : "",
+        onChange: (r) => e(r.target.value),
+        placeholder: "每行一个枚举值",
+        style: { marginBottom: 4 }
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        style: { fontSize: 11, color: "#999", marginTop: -12, marginBottom: 8 },
+        children: "提示：枚举值用于选项的值，枚举文案见下方字段"
+      }
+    )
+  ] });
+}
+const l = m;
+function s({ value: t, onChange: e }) {
+  return /* @__PURE__ */ o(
+    n.TextArea,
+    {
+      rows: 3,
+      value: typeof t == "string" ? t : "",
+      onChange: (r) => e(r.target.value),
+      placeholder: "每行一个枚举文案，与枚举值一一对应"
+    }
+  );
+}
+const u = s;
+export {
+  m as EnumEditor,
+  s as EnumNamesEditor,
+  l as enumEditorWidget,
+  u as enumNamesEditorWidget
+};
+//# sourceMappingURL=enum-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enum-editor.js","sources":["../../../src/widgets/enum-editor.tsx"],"sourcesContent":["// ============================================================================\n// EnumEditor — 编辑 enum 枚举值及 enumNames 枚举文案\n// 使用两个 TextArea，值按行分隔\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Input } from 'antd';\n\nexport function EnumEditor({ value, onChange }: WidgetProps) {\n  // value 是一个包含 _enum 和 _enumNames 的对象（由 engine 传入）\n  // 实际上 engine 传入的 value 是字段存储的原始值\n  // 这里我们使用单独的 _enum 和 _enumNames key\n  // 实际上这个 widget 对应 schema 中的 _enum 字段\n  // 但 engine 只传单个 value\n\n  // 这里简化处理：value 是 _enum 的序列化字符串\n  // _enumNames 通过 props 或 dependValues 传递\n  // 但更简洁的方式是让 schema 中有两个独立字段\n\n  // 这个 widget 实际上应该对应两个字段。让我们重新考虑...\n  // 在 schema 中，我们只定义了一个 _enum 字段，这个 widget 渲染时\n  // value 是 _enum 的值（序列化字符串）\n\n  return (\n    <>\n      <Input.TextArea\n        rows={3}\n        value={typeof value === 'string' ? value : ''}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder='每行一个枚举值'\n        style={{ marginBottom: 4 }}\n      />\n      <div\n        style={{ fontSize: 11, color: '#999', marginTop: -12, marginBottom: 8 }}\n      >\n        提示：枚举值用于选项的值，枚举文案见下方字段\n      </div>\n    </>\n  );\n}\n\nexport const enumEditorWidget = EnumEditor;\n\n// ────────────────────────────────────────────────────────────────────────────\n// EnumNamesEditor — 编辑 enumNames（与 _enum 配对使用）\n// ────────────────────────────────────────────────────────────────────────────\n\nexport function EnumNamesEditor({ value, onChange }: WidgetProps) {\n  return (\n    <Input.TextArea\n      rows={3}\n      value={typeof value === 'string' ? value : ''}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder='每行一个枚举文案，与枚举值一一对应'\n    />\n  );\n}\n\nexport const enumNamesEditorWidget = EnumNamesEditor;\n"],"names":["EnumEditor","value","onChange","jsxs","Fragment","jsx","Input","e","enumEditorWidget","EnumNamesEditor","enumNamesEditorWidget"],"mappings":";;AAQO,SAASA,EAAW,EAAE,OAAAC,GAAO,UAAAC,KAAyB;AAe3D,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC,EAAM;AAAA,MAAN;AAAA,QACC,MAAM;AAAA,QACN,OAAO,OAAOL,KAAU,WAAWA,IAAQ;AAAA,QAC3C,UAAU,CAACM,MAAML,EAASK,EAAE,OAAO,KAAK;AAAA,QACxC,aAAY;AAAA,QACZ,OAAO,EAAE,cAAc,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAE3B,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,WAAW,KAAK,cAAc,EAAA;AAAA,QACrE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;AAEO,MAAMG,IAAmBR;AAMzB,SAASS,EAAgB,EAAE,OAAAR,GAAO,UAAAC,KAAyB;AAChE,SACE,gBAAAG;AAAA,IAACC,EAAM;AAAA,IAAN;AAAA,MACC,MAAM;AAAA,MACN,OAAO,OAAOL,KAAU,WAAWA,IAAQ;AAAA,MAC3C,UAAU,CAACM,MAAML,EAASK,EAAE,OAAO,KAAK;AAAA,MACxC,aAAY;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEO,MAAMG,IAAwBD;"}