@xbeeant/form-engine-designer 0.0.2 → 0.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sources":["../../../src/widgets/CodeEditor.tsx"],"sourcesContent":["// ============================================================================\n// CodeEditor — 属性面板专用 JSON 编辑器\n// 供 remoteData 等对象配置使用：支持语法校验、格式化与占位符示例\n// 值格式：object | array（非法 JSON 不写回，光标处自动提示）\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Form, 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    <Form.Item\n      label={title}\n      layout={'vertical'}\n      style={{ width: '100%' }}\n      help={\n        error ? (\n          <Typography.Text type='danger' style={{ fontSize: 11 }}>\n            {error}\n          </Typography.Text>\n        ) : description ? (\n          <span style={{ fontSize: 11, color: '#999' }}>{description}</span>\n        ) : undefined\n      }\n      validateStatus={error ? 'error' : undefined}\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    </Form.Item>\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","Form","jsx","Typography","Input","Space","Button","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;AAAA,IAACC,EAAK;AAAA,IAAL;AAAA,MACC,OAAOpB;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,MACEK,IACE,gBAAAgB,EAACC,EAAW,MAAX,EAAgB,MAAK,UAAS,OAAO,EAAE,UAAU,GAAA,GAC/C,aACH,IACErB,IACF,gBAAAoB,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,IAAI,OAAO,OAAA,GAAW,UAAApB,EAAA,CAAY,IACzD;AAAA,MAEN,gBAAgBI,IAAQ,UAAU;AAAA,MAElC,UAAA;AAAA,QAAA,gBAAAgB;AAAA,UAACE,EAAM;AAAA,UAAN;AAAA,YACC,OAAOb;AAAA,YACP,MAAMN;AAAA,YACN,UAAU,CAACY,MAAMJ,EAAaI,EAAE,OAAO,KAAK;AAAA,YAC5C,aACEd,IACI;AAAA,EAAQ,OAAOA,KAAgB,WAAWA,IAAc,KAAK,UAAUA,GAAa,MAAM,CAAC,CAAC,KAC5F;AAAA,YAEN,OAAO,EAAE,YAAY,aAAa,UAAU,GAAA;AAAA,UAAG;AAAA,QAAA;AAAA,QAEjD,gBAAAiB,EAACK,EAAM,SAAN,EAAc,OAAO,EAAE,WAAW,GAAG,OAAO,OAAA,GAC3C,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAO,MAAK,SAAQ,SAASR,GAAc,UAAU,CAAC,CAACZ,GAAO,UAAA,MAAA,CAE/D;AAAA,UACA,gBAAAgB;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,gBAAAhB,EAAS,EAAE,GACXH,EAAS,IAAI,GACbP,EAAS,MAAS;AAAA,cACpB;AAAA,cACD,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM2B,IAAmB7B;"}
+{"version":3,"file":"CodeEditor.js","sources":["../../../src/widgets/CodeEditor.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/DefaultEditor.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultEditor.js","sources":["../../../src/widgets/DefaultEditor.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 { Form, Input, InputNumber, Switch } from 'antd';\n\nexport function DefaultEditor({\n  value,\n  onChange,\n  title,\n  ...rest\n}: 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      <Form.Item label={title} style={{ width: '100%' }}>\n        <Switch checked={!!value} onChange={(v) => onChange(v)} />\n      </Form.Item>\n    );\n  }\n\n  if (dataType === 'number' || dataType === 'integer') {\n    return (\n      <Form.Item label={title} style={{ width: '100%' }}>\n        <InputNumber\n          value={value as number}\n          onChange={(v) => onChange(v ?? undefined)}\n          style={{ width: '100%' }}\n        />\n      </Form.Item>\n    );\n  }\n\n  if (dataType === 'object' || dataType === 'array') {\n    const text = value !== undefined ? JSON.stringify(value, null, 2) : '';\n    return (\n      <Form.Item label={`${title}（JSON）`} 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      </Form.Item>\n    );\n  }\n\n  // string\n  return (\n    <Form.Item label={title} style={{ width: '100%' }}>\n      <Input\n        value={(value as string) ?? ''}\n        onChange={(e) => onChange(e.target.value || undefined)}\n      />\n    </Form.Item>\n  );\n}\n\nexport const defaultEditorWidget = DefaultEditor;\n"],"names":["DefaultEditor","value","onChange","title","rest","dataType","jsx","Form","Switch","v","InputNumber","text","Input","e","t","defaultEditorWidget"],"mappings":";;AAQO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAEd,QAAMC,IADaD,GACW,YAAuB;AAErD,MAAIC,MAAa;AACf,WACE,gBAAAC,EAACC,EAAK,MAAL,EAAU,OAAOJ,GAAO,OAAO,EAAE,OAAO,OAAA,GACvC,4BAACK,GAAA,EAAO,SAAS,CAAC,CAACP,GAAO,UAAU,CAACQ,MAAMP,EAASO,CAAC,EAAA,CAAG,EAAA,CAC1D;AAIJ,MAAIJ,MAAa,YAAYA,MAAa;AACxC,WACE,gBAAAC,EAACC,EAAK,MAAL,EAAU,OAAOJ,GAAO,OAAO,EAAE,OAAO,OAAA,GACvC,UAAA,gBAAAG;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAAT;AAAA,QACA,UAAU,CAACQ,MAAMP,EAASO,KAAK,MAAS;AAAA,QACxC,OAAO,EAAE,OAAO,OAAA;AAAA,MAAO;AAAA,IAAA,GAE3B;AAIJ,MAAIJ,MAAa,YAAYA,MAAa,SAAS;AACjD,UAAMM,IAAOV,MAAU,SAAY,KAAK,UAAUA,GAAO,MAAM,CAAC,IAAI;AACpE,WACE,gBAAAK,EAACC,EAAK,MAAL,EAAU,OAAO,GAAGJ,CAAK,UAAU,OAAO,EAAE,OAAO,OAAA,GAClD,UAAA,gBAAAG;AAAA,MAACM,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,YAAAZ,EAAS,MAAS;AAClB;AAAA,UACF;AACA,cAAI;AACF,YAAAA,EAAS,KAAK,MAAMY,CAAC,CAAC;AAAA,UACxB,QAAQ;AAAA,UAER;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AAGA,SACE,gBAAAR,EAACC,EAAK,MAAL,EAAU,OAAOJ,GAAO,OAAO,EAAE,OAAO,OAAA,GACvC,UAAA,gBAAAG;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,OAAQX,KAAoB;AAAA,MAC5B,UAAU,CAAC,MAAMC,EAAS,EAAE,OAAO,SAAS,MAAS;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;AAEO,MAAMa,IAAsBf;"}
+{"version":3,"file":"DefaultEditor.js","sources":["../../../src/widgets/DefaultEditor.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/DependenciesEditor.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DependenciesEditor.js","sources":["../../../src/widgets/DependenciesEditor.tsx"],"sourcesContent":["// ============================================================================\n// DependenciesEditor — 编辑 dependencies 依赖字段路径（string[]）\n// 通过标签选择器从表单字段中选择依赖路径，也支持手动输入自定义路径\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Form, Select } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFormDataFieldOptions } from './useFormDataFields';\n\nexport function DependenciesEditor({ value, onChange, title }: 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    <Form.Item layout={'vertical'} label={title} 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    </Form.Item>\n  );\n}\n\nexport const dependenciesEditorWidget = DependenciesEditor;\n"],"names":["DependenciesEditor","value","onChange","title","fieldOptions","useFormDataFieldOptions","tags","setTags","useState","prevValueRef","useRef","lastEmittedRef","useEffect","commit","next","jsxs","Form","jsx","Select","v","s","dependenciesEditorWidget"],"mappings":";;;;AAUO,SAASA,EAAmB,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,KAAsB;AAC1E,QAAMC,IAAeC,EAAA,GACf,CAACC,GAAMC,CAAO,IAAIC;AAAA,IAAmB,MACzC,MAAM,QAAQP,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,CAAA;AAAA,EAAC,GAEjCQ,IAAeC,EAAOT,CAAK,GAC3BU,IAAiBD,EAAOT,CAAK;AAGnC,EAAAW,EAAU,MAAM;AACd,IAAIH,EAAa,YAAYR,MAC3BQ,EAAa,UAAUR,GACnBA,MAAUU,EAAe,WAC3BJ,EAAQ,MAAM,QAAQN,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,EAAE;AAAA,EAGpD,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMY,IAAS,CAACC,MAAmB;AACjC,IAAAP,EAAQO,CAAI,GACZH,EAAe,UAAUG,GACzBZ,EAASY,EAAK,SAAS,IAAIA,IAAO,MAAS;AAAA,EAC7C;AAEA,SACE,gBAAAC,EAACC,EAAK,MAAL,EAAU,QAAQ,YAAY,OAAOb,GAAO,OAAO,EAAE,OAAO,OAAA,GAC3D,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAOZ;AAAA,QACP,UAAU,CAACa,MACTN,EAAQM,EAAe,IAAI,CAACC,MAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO,CAAC;AAAA,QAE7D,SAAShB;AAAA,QACT,aAAY;AAAA,QACZ,OAAO,EAAE,OAAO,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAEzB,gBAAAa,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,IAAI,OAAO,QAAQ,WAAW,KAAK,UAAA,sFAAA,CAG3D;AAAA,EAAA,GACF;AAEJ;AAEO,MAAMI,IAA2BrB;"}
+{"version":3,"file":"DependenciesEditor.js","sources":["../../../src/widgets/DependenciesEditor.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 './useFormDataFields';\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/EnumEditor.js

@@ -1,17 +1,18 @@
-import { jsxs as m, Fragment as a, jsx as t } from "react/jsx-runtime";
-import { Form as o, Input as i } from "antd";
-function l({ value: e, onChange: r }) {
-  return /* @__PURE__ */ m(a, { children: [
-    /* @__PURE__ */ t(o.Item, { label: "枚举值（enum，每行一个）", style: { width: "100%" }, children: /* @__PURE__ */ t(
-      i.TextArea,
+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 e == "string" ? e : "",
-        onChange: (n) => r(n.target.value),
-        placeholder: "每行一个枚举值"
+        value: typeof t == "string" ? t : "",
+        onChange: (r) => e(r.target.value),
+        placeholder: "每行一个枚举值",
+        style: { marginBottom: 4 }
       }
-    ) }),
-    /* @__PURE__ */ t(
+    ),
+    /* @__PURE__ */ o(
       "div",
       {
         style: { fontSize: 11, color: "#999", marginTop: -12, marginBottom: 8 },
@@ -20,30 +21,23 @@ function l({ value: e, onChange: r }) {
     )
   ] });
 }
-const c = l;
-function d({ value: e, onChange: r }) {
-  return /* @__PURE__ */ t(
-    o.Item,
+const l = m;
+function s({ value: t, onChange: e }) {
+  return /* @__PURE__ */ o(
+    n.TextArea,
     {
-      label: "枚举文案（enumNames，每行一个）",
-      style: { width: "100%" },
-      children: /* @__PURE__ */ t(
-        i.TextArea,
-        {
-          rows: 3,
-          value: typeof e == "string" ? e : "",
-          onChange: (n) => r(n.target.value),
-          placeholder: "每行一个枚举文案，与枚举值一一对应"
-        }
-      )
+      rows: 3,
+      value: typeof t == "string" ? t : "",
+      onChange: (r) => e(r.target.value),
+      placeholder: "每行一个枚举文案，与枚举值一一对应"
     }
   );
 }
-const g = d;
+const u = s;
 export {
-  l as EnumEditor,
-  d as EnumNamesEditor,
-  c as enumEditorWidget,
-  g as enumNamesEditorWidget
+  m as EnumEditor,
+  s as EnumNamesEditor,
+  l as enumEditorWidget,
+  u as enumNamesEditorWidget
 };
 //# sourceMappingURL=EnumEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EnumEditor.js","sources":["../../../src/widgets/EnumEditor.tsx"],"sourcesContent":["// ============================================================================\n// EnumEditor — 编辑 enum 枚举值及 enumNames 枚举文案\n// 使用两个 TextArea，值按行分隔\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Form, 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      <Form.Item label='枚举值（enum，每行一个）' style={{ width: '100%' }}>\n        <Input.TextArea\n          rows={3}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder='每行一个枚举值'\n        />\n      </Form.Item>\n      {/* _enumNames 由调用方通过额外逻辑处理 */}\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    <Form.Item\n      label='枚举文案（enumNames，每行一个）'\n      style={{ width: '100%' }}\n    >\n      <Input.TextArea\n        rows={3}\n        value={typeof value === 'string' ? value : ''}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder='每行一个枚举文案，与枚举值一一对应'\n      />\n    </Form.Item>\n  );\n}\n\nexport const enumNamesEditorWidget = EnumNamesEditor;\n"],"names":["EnumEditor","value","onChange","jsxs","Fragment","jsx","Form","Input","e","enumEditorWidget","EnumNamesEditor","enumNamesEditorWidget"],"mappings":";;AAQO,SAASA,EAAW,EAAE,OAAAC,GAAO,UAAAC,KAAyB;AAe3D,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAK,MAAL,EAAU,OAAM,kBAAiB,OAAO,EAAE,OAAO,OAAA,GAChD,UAAA,gBAAAD;AAAA,MAACE,EAAM;AAAA,MAAN;AAAA,QACC,MAAM;AAAA,QACN,OAAO,OAAON,KAAU,WAAWA,IAAQ;AAAA,QAC3C,UAAU,CAACO,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,QACxC,aAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IAEA,gBAAAH;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,MAAMI,IAAmBT;AAMzB,SAASU,EAAgB,EAAE,OAAAT,GAAO,UAAAC,KAAyB;AAChE,SACE,gBAAAG;AAAA,IAACC,EAAK;AAAA,IAAL;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,OAAO,OAAA;AAAA,MAEhB,UAAA,gBAAAD;AAAA,QAACE,EAAM;AAAA,QAAN;AAAA,UACC,MAAM;AAAA,UACN,OAAO,OAAON,KAAU,WAAWA,IAAQ;AAAA,UAC3C,UAAU,CAACO,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;AAEO,MAAMG,IAAwBD;"}
+{"version":3,"file":"EnumEditor.js","sources":["../../../src/widgets/EnumEditor.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;"}

package/dist/es/widgets/ExpressionSwitch.js

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

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

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