@jxyszb/jxy-form-designer 0.1.0

package/dist/designer.js

@@ -0,0 +1,3023 @@
+import { ref as re, reactive as ke, computed as oe, onMounted as He, onBeforeUnmount as _l, inject as hl, resolveComponent as y, openBlock as s, createElementBlock as v, createElementVNode as _, createVNode as t, unref as o, toDisplayString as Y, withCtx as n, createTextVNode as F, Fragment as q, renderList as G, createBlock as E, resolveDynamicComponent as We, normalizeClass as Oe, pushScopeId as he, popScopeId as ve, withModifiers as ce, withDirectives as vl, vShow as gl, createCommentVNode as W, normalizeStyle as bl, createSlots as Ge, renderSlot as $e, normalizeProps as Ze, guardReactiveProps as Qe, provide as kl } from "vue";
+import { defineStore as Sl } from "pinia";
+import { c as Ee, k as xe, h as De, e as Re, l as _e, r as Cl, o as Me, g as xl, i as el, f as $l, j as ll, p as Ye, m as qe, n as Vl, C as tl, q as wl, s as Nl, t as Pl, u as Tl, v as El, w as Dl } from "./chunks/compositeField-98c1b192.js";
+import { validateJxyFormSchema as Xe } from "./schema.js";
+import { ElMessageBox as Ve, ElMessage as le } from "element-plus";
+import { Back as Ul, Right as Ol, Delete as ue, CopyDocument as we, DocumentCopy as Al, SetUp as Be, ArrowDown as ol, Calendar as Il, Coin as Fl, Document as Rl, Edit as zl, Finished as Jl, Grid as ze, List as Ll, Location as jl, Lock as Ml, Memo as Yl, Notebook as ql, Odometer as Xl, Open as Bl, Picture as Kl, Share as Hl, Tickets as Wl, Upload as al, UploadFilled as Gl, Rank as Zl, Plus as Ae, InfoFilled as nl, Connection as sl, Setting as Ql } from "@element-plus/icons-vue";
+import { _ as ne, r as et, b as lt } from "./chunks/RuntimePreviewPanel-3704c8f8.js";
+import Je from "vuedraggable";
+import { v as Ie } from "./chunks/dataSourceUrl-4b17feb8.js";
+const rl = "jxy-form-designer-draft", il = "jxy-form-designer-published:";
+function tt(e) {
+  try {
+    localStorage.setItem(rl, JSON.stringify(e));
+  } catch (l) {
+    console.warn("[FormDesigner] 草稿保存到 localStorage 失败", l);
+  }
+}
+function ot() {
+  try {
+    const e = localStorage.getItem(rl);
+    return e ? JSON.parse(e) : null;
+  } catch (e) {
+    return console.warn("[FormDesigner] 从 localStorage 加载草稿失败", e), null;
+  }
+}
+function at(e, l) {
+  try {
+    localStorage.setItem(il + e, JSON.stringify(l));
+  } catch (g) {
+    console.warn("[FormDesigner] 发布 schema 保存到 localStorage 失败", g);
+  }
+}
+function nt(e) {
+  try {
+    const l = localStorage.getItem(il + e);
+    return l ? JSON.parse(l) : null;
+  } catch {
+    return null;
+  }
+}
+const se = Sl("jxyFormDesigner", () => {
+  const e = re(Ee()), l = re(""), g = re("props"), r = re(null), u = ke({
+    isDragging: !1,
+    sourceType: "",
+    // 来源
+    dragItem: null
+    // 拖拽中的条目
+  }), h = ke({
+    scale: 1,
+    showGrid: !0
+  }), p = ke({
+    stack: [],
+    pointer: -1,
+    limit: 50
+  }), c = oe(() => l.value ? xe(e.value, l.value) : null), m = oe(() => p.pointer > 0), O = oe(() => p.pointer < p.stack.length - 1), P = oe(() => De(e.value)), C = oe(() => P.value.map((i) => i.prop).filter(Boolean));
+  function x() {
+    const i = JSON.stringify(e.value);
+    p.pointer < p.stack.length - 1 && p.stack.splice(p.pointer + 1), p.stack.push(i), p.stack.length > p.limit && p.stack.shift(), p.pointer = p.stack.length - 1;
+  }
+  function A() {
+    p.stack = [JSON.stringify(e.value)], p.pointer = 0;
+  }
+  function j() {
+    m.value && (p.pointer--, e.value = JSON.parse(p.stack[p.pointer]), l.value && !xe(e.value, l.value) && (l.value = ""));
+  }
+  function U() {
+    O.value && (p.pointer++, e.value = JSON.parse(p.stack[p.pointer]), l.value && !xe(e.value, l.value) && (l.value = ""));
+  }
+  function d(i) {
+    l.value = i;
+  }
+  function S() {
+    l.value = "";
+  }
+  function b(i, $, V) {
+    const z = Re(i);
+    $.splice(V, 0, z), _e(e.value), d(z.id), x();
+  }
+  function w(i) {
+    const $ = Cl(e.value, i);
+    return $ && (l.value === i && (l.value = ""), _e(e.value), x()), $;
+  }
+  function M() {
+    return l.value ? w(l.value) : !1;
+  }
+  function R(i) {
+    const $ = i || l.value;
+    if (!$)
+      return;
+    const V = xe(e.value, $);
+    V && (r.value = JSON.parse(JSON.stringify(V)));
+  }
+  function a(i, $) {
+    if (!r.value)
+      return;
+    const V = JSON.parse(JSON.stringify(r.value));
+    k(V), i.splice($, 0, V), _e(e.value), d(V.id), x();
+  }
+  function k(i) {
+    i.id = Me(i.nodeType || "node"), i.nodeType === "field" && i.prop && (i.prop = N(i.prop)), i.nodeType === "grid" && Array.isArray(i.columns) && i.columns.forEach(($) => {
+      $.id = Me("col"), Array.isArray($.children) && $.children.forEach((V) => k(V));
+    });
+  }
+  function N(i) {
+    const $ = new Set(
+      De(e.value).map((K) => K.prop).filter(Boolean)
+    ), V = i.replace(/_copy(_[a-z0-9]+)?$/, "");
+    let z = `${V}_copy`;
+    if (!$.has(z))
+      return z;
+    for (let K = 0; K < 20; K++) {
+      const ae = Math.random().toString(36).slice(2, 6);
+      if (z = `${V}_copy_${ae}`, !$.has(z))
+        return z;
+    }
+    return z;
+  }
+  function Z(i, $) {
+    const V = c.value;
+    if (!V)
+      return;
+    let z = $;
+    if (i.endsWith("labelWidth") && z == null && (z = ""), V.nodeType === "grid" && i === "columnCount") {
+      te(V, z), _e(e.value), x();
+      return;
+    }
+    Q(V, i, z);
+    const K = i.split(".");
+    let ae = V;
+    for (let X = 0; X < K.length - 1; X++)
+      ae[K[X]] === void 0 && (ae[K[X]] = {}), ae = ae[K[X]];
+    ae[K[K.length - 1]] = z, V.nodeType === "field" && V.type === "select" && i === "props.multiple" && (V.defaultValue = z ? [] : ""), x();
+  }
+  function Q(i, $, V) {
+    if (i.nodeType === "field") {
+      if (i.type === "addressSelector" && [
+        "props.provinceProp",
+        "props.cityProp",
+        "props.countyProp",
+        "props.detailAddressProp"
+      ].includes($)) {
+        const z = xl(i), K = i.defaultValue && typeof i.defaultValue == "object" && !Array.isArray(i.defaultValue) ? i.defaultValue : {}, ae = {
+          province: K[z.province] ?? "",
+          city: K[z.city] ?? "",
+          county: K[z.county] ?? "",
+          detailAddress: K[z.detailAddress] ?? ""
+        }, X = $.replace("props.", "");
+        i.defaultValue = el({ props: { ...i.props, [X]: V } }, ae);
+      }
+      if (i.type === "linkedSelectList" && [
+        "props.parentValueProp",
+        "props.childValueProp"
+      ].includes($)) {
+        const z = $l(i), K = Array.isArray(i.defaultValue) ? i.defaultValue.map((X) => ({
+          parentValue: (X == null ? void 0 : X[z.parentValue]) ?? "",
+          childValue: (X == null ? void 0 : X[z.childValue]) ?? ""
+        })) : [], ae = $.replace("props.", "");
+        i.defaultValue = ll({ props: { ...i.props, [ae]: V } }, K);
+      }
+    }
+  }
+  function te(i, $) {
+    const V = ie($);
+    Array.isArray(i.columns) || (i.columns = []);
+    const z = i.columns.length;
+    if (V > z)
+      for (let X = z; X < V; X++)
+        i.columns.push(Ye());
+    else if (V < z) {
+      const X = i.columns.splice(V);
+      i.columns.length === 0 && i.columns.push(Ye());
+      const Se = i.columns[i.columns.length - 1];
+      Array.isArray(Se.children) || (Se.children = []), X.forEach((Te) => {
+        Array.isArray(Te.children) && Te.children.length > 0 && Se.children.push(...Te.children);
+      });
+    }
+    const K = Math.floor(24 / V);
+    i.columns.forEach((X, Se) => {
+      X.sort = Se, X.span = K;
+    });
+    const ae = K * V;
+    ae < 24 && i.columns.length > 0 && (i.columns[i.columns.length - 1].span += 24 - ae), i.columnCount = V;
+  }
+  function ie(i) {
+    const $ = Number(i);
+    return Number.isFinite($) ? Math.min(4, Math.max(1, Math.round($))) : 2;
+  }
+  function fe() {
+    _e(e.value), x();
+  }
+  function H(i) {
+    e.value.dataSources.push(i), x();
+  }
+  function L(i) {
+    const $ = e.value.dataSources.findIndex((V) => V.id === i);
+    $ !== -1 && (e.value.dataSources.splice($, 1), De(e.value).forEach((z) => {
+      z.dataSourceId === i && (z.dataSourceId = "");
+    }), x());
+  }
+  function I(i, $) {
+    const V = e.value.dataSources.find((z) => z.id === i);
+    V && (Object.assign(V, $), x());
+  }
+  function de(i) {
+    e.value.reactions.push(i), x();
+  }
+  function f(i) {
+    const $ = e.value.reactions.findIndex((V) => V.id === i);
+    $ !== -1 && (e.value.reactions.splice($, 1), x());
+  }
+  function T(i, $) {
+    const V = e.value.reactions.find((z) => z.id === i);
+    V && (Object.assign(V, $), x());
+  }
+  function ge(i, $) {
+    e.value.config && (e.value.config[i] = $, x());
+  }
+  function ee(i, $) {
+    e.value.meta && (e.value.meta[i] = $);
+  }
+  function Ne(i, $) {
+    e.value.dataSourceConfig || (e.value.dataSourceConfig = { dictUrl: "" }), e.value.dataSourceConfig[i] = $, x();
+  }
+  function Pe(i) {
+    const $ = JSON.parse(JSON.stringify(i)), V = qe($);
+    V.warnings.length > 0 && console.warn("[FormDesigner] Schema 迁移提示：", V.warnings), e.value = V.schema, l.value = "", A();
+  }
+  function D() {
+    e.value = Ee(), l.value = "", r.value = null, A();
+  }
+  function J() {
+    const i = ot();
+    if (i && i.schemaVersion) {
+      const $ = qe(i);
+      $.warnings.length > 0 && console.warn("[FormDesigner] 草稿迁移提示：", $.warnings), e.value = $.schema;
+    } else
+      e.value = Ee();
+    l.value = "", r.value = null, A();
+  }
+  function ye() {
+    return _e(e.value), tt(e.value), { success: !0 };
+  }
+  function B() {
+    var V;
+    _e(e.value);
+    const i = Xe(e.value, { mode: "publish" });
+    if (!i.valid)
+      return { success: !1, errors: i.errors, warnings: i.warnings };
+    const $ = ((V = e.value.meta) == null ? void 0 : V.formCode) || "default";
+    return at($, e.value), { success: !0, warnings: i.warnings };
+  }
+  function ml() {
+    return Xe(e.value, { mode: "draft" });
+  }
+  function fl(i) {
+    return nt(i);
+  }
+  function yl(i) {
+    g.value = i;
+  }
+  return {
+    // 状态
+    schema: e,
+    selectedNodeId: l,
+    selectedNode: c,
+    activePanel: g,
+    clipboard: r,
+    draggingState: u,
+    canvasState: h,
+    history: p,
+    // 计算
+    canUndo: m,
+    canRedo: O,
+    allFieldNodes: P,
+    allFieldProps: C,
+    // History
+    undo: j,
+    redo: U,
+    // 节点操作
+    selectNode: d,
+    clearSelection: S,
+    addNodeFromPalette: b,
+    deleteNode: w,
+    deleteSelectedNode: M,
+    copyNode: R,
+    pasteNode: a,
+    updateNodeProp: Z,
+    onDragSortEnd: fe,
+    // 数据源
+    addDataSource: H,
+    removeDataSource: L,
+    updateDataSource: I,
+    // 联动
+    addReaction: de,
+    removeReaction: f,
+    updateReaction: T,
+    // 表单配置
+    updateFormConfig: ge,
+    updateFormMeta: ee,
+    updateDataSourceConfig: Ne,
+    // Schema 级
+    loadSchema: Pe,
+    resetSchema: D,
+    initDesigner: J,
+    // 保存/发布
+    saveDraft: ye,
+    publish: B,
+    validateDraft: ml,
+    getPublishedSchema: fl,
+    // 面板
+    setActivePanel: yl
+  };
+});
+function Ce() {
+  const e = document.activeElement;
+  if (!e)
+    return !1;
+  const l = e.tagName.toLowerCase();
+  return !!(l === "input" || l === "textarea" || e.getAttribute("contenteditable") === "true" || e.closest(".el-dialog") || e.closest(".el-drawer"));
+}
+function st() {
+  const e = se();
+  function l(u) {
+    const h = u.ctrlKey || u.metaKey;
+    if (h && u.key === "z" && !u.shiftKey) {
+      if (Ce())
+        return;
+      u.preventDefault(), e.undo();
+      return;
+    }
+    if (h && u.key === "y") {
+      if (Ce())
+        return;
+      u.preventDefault(), e.redo();
+      return;
+    }
+    if (u.key === "Delete" || u.key === "Backspace") {
+      if (Ce())
+        return;
+      u.preventDefault(), e.deleteSelectedNode();
+      return;
+    }
+    if (h && u.key === "c") {
+      if (Ce())
+        return;
+      u.preventDefault(), e.copyNode();
+      return;
+    }
+    if (h && u.key === "v") {
+      if (Ce() || !e.clipboard)
+        return;
+      u.preventDefault(), e.pasteNode(e.schema.nodes, e.schema.nodes.length);
+      return;
+    }
+  }
+  function g() {
+    document.addEventListener("keydown", l);
+  }
+  function r() {
+    document.removeEventListener("keydown", l);
+  }
+  return He(() => g()), _l(() => r()), {
+    register: g,
+    unregister: r
+  };
+}
+const Fe = /* @__PURE__ */ new Set(["addressSelector", "integerUppercase", "linkedSelectList"]);
+function be(e) {
+  return "  ".repeat(e);
+}
+function rt(e) {
+  return !e || e >= 24 ? 100 : Math.round(e / 24 * 1e4) / 100;
+}
+function it(e) {
+  const l = e.defaultValue;
+  return e.type === "addressSelector" ? el(e, l) : e.type === "linkedSelectList" ? ll(e, l) : l != null && l !== "" ? l : ["checkBox", "file", "dragFile", "imgFile", "daterange", "datetimerange", "cascader", "linkedSelectList"].includes(e.type) ? [] : e.type === "number" || e.type === "floatNum" ? null : "";
+}
+function dt(e) {
+  const l = [];
+  return Le(e.nodes, (r) => {
+    r.nodeType === "field" && r.prop && l.push(r);
+  }), l.length === 0 ? "export const formModel = reactive({})" : `export const formModel = reactive({
+${l.map((r) => {
+    const u = it(r);
+    return `${be(1)}${r.prop}: ${JSON.stringify(u)}, // ${r.label || r.prop}`;
+  }).join(`
+`)}
+})`;
+}
+function dl(e, l, g = 100) {
+  const r = [];
+  for (const u of e) {
+    if (u.nodeType === "title") {
+      r.push(`${be(1)}// ── ${u.title || "标题"} ──`);
+      continue;
+    }
+    if (u.nodeType === "grid") {
+      for (const h of u.columns || []) {
+        const p = rt(h.span), c = dl(h.children || [], l, p);
+        r.push(...c);
+      }
+      continue;
+    }
+    u.nodeType === "field" && r.push(ct(u, l, g));
+  }
+  return r;
+}
+function ct(e, l, g) {
+  var p;
+  const r = [];
+  r.push(`prop: ${JSON.stringify(e.prop)}`), r.push(`label: ${JSON.stringify(e.label || e.prop)}`);
+  const u = Fe.has(e.type) ? "custom" : e.type;
+  if (r.push(`type: ${JSON.stringify(u)}`), Fe.has(e.type) && r.push(`/* 扩展组件 ${e.type}：请在 #${e.prop} 插槽中渲染对应组件 */`), g !== 100 && r.push(`width: ${g}`), e.required && r.push("required: true"), e.disabled && r.push("disabled: true"), e.hidden && r.push("hidden: true"), e.placeholder && r.push(`placeholder: ${JSON.stringify(e.placeholder)}`), e.labelWidth !== void 0 && e.labelWidth !== "" && r.push(`labelWidth: ${JSON.stringify(e.labelWidth)}`), e.props) {
+    const c = e.props;
+    c.max !== void 0 && c.max !== null && r.push(`max: ${JSON.stringify(c.max)}`), c.rows && r.push(`rows: ${c.rows}`), c.multiple && r.push("multiple: true"), c.decimal !== void 0 && e.type === "floatNum" && r.push(`decimal: ${c.decimal}`), c.fileType && c.fileType.length > 0 && r.push(`fileType: ${JSON.stringify(c.fileType)}`), c.fileSize && r.push(`fileSize: ${c.fileSize}`), c.limit && r.push(`limit: ${c.limit}`), c.format && r.push(`format: ${JSON.stringify(c.format)}`), c.valueFormat && r.push(`valueFormat: ${JSON.stringify(c.valueFormat)}`), c.startPlaceholder && r.push(`placeUp: ${JSON.stringify(c.startPlaceholder)}`), c.endPlaceholder && r.push(`placeEnd: ${JSON.stringify(c.endPlaceholder)}`), c.height && r.push(`height: ${c.height}`);
+  }
+  if (e.dataSourceId) {
+    const c = (l.dataSources || []).find((m) => m.id === e.dataSourceId);
+    if (c) {
+      if (c.type === "static" && Array.isArray(c.options)) {
+        const m = Ue(e.type);
+        m && r.push(`${m}: ${JSON.stringify(c.options)}`);
+      } else if (c.type === "dict") {
+        const m = Ue(e.type), O = ((p = l.dataSourceConfig) == null ? void 0 : p.dictUrl) || "";
+        r.push(`// TODO: ${m} → 字典 [${c.dictType}]，总接口：${O || "未配置"}`), m && r.push(`${m}: [] /* 字典:${c.dictType} */`);
+      } else if (c.type === "api") {
+        const m = Ue(e.type);
+        r.push(`// TODO: ${m} → API [${c.url || "未配置"}]，请从接口加载`), m && r.push(`${m}: [] /* API:${c.url || "未配置"} */`);
+      }
+    }
+  }
+  e.type === "custom" && e.componentKey && r.push(`// 自定义组件: ${e.componentKey}`);
+  const h = `{ ${r.join(", ")} }`;
+  return h.length <= 100 ? `${be(1)}${h},` : `${be(1)}{
+${r.map((c) => be(2) + c).join(`,
+`)}
+${be(1)}},`;
+}
+function Ue(e) {
+  return {
+    select: "select",
+    radio: "radio",
+    checkBox: "checkBox",
+    cascader: "cascader"
+  }[e] || null;
+}
+function Le(e, l) {
+  if (Array.isArray(e)) {
+    for (const g of e)
+      if (l(g), g.nodeType === "grid" && Array.isArray(g.columns))
+        for (const r of g.columns)
+          Le(r.children || [], l);
+  }
+}
+function ut(e) {
+  var P, C;
+  const l = ((P = e == null ? void 0 : e.meta) == null ? void 0 : P.formName) || "未命名表单", g = ((C = e == null ? void 0 : e.meta) == null ? void 0 : C.formCode) || "form", r = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN", { hour12: !1 }), u = [];
+  Le((e == null ? void 0 : e.nodes) || [], (x) => {
+    x.nodeType === "field" && Fe.has(x.type) && u.push(x);
+  });
+  const h = u.map(
+    (x) => ` *   #${x.prop}: ${x.type}（JXYFormExtensionFields）`
+  ), p = [
+    "/**",
+    " * 由 JXY Form Designer 自动生成",
+    ` * 表单名称: ${l}`,
+    ` * 表单编码: ${g}`,
+    ` * 生成时间: ${r}`,
+    " *",
+    " * 使用方式:",
+    " *   import { formModel, formCols } from './custom.js'",
+    ' *   <JXY-form :cols="formCols" :model="formModel" />',
+    ...h.length ? [
+      " *",
+      " * 扩展组件需通过旧 JXYForm 的同名插槽接入：",
+      ...h
+    ] : [],
+    " */",
+    "",
+    "import { reactive } from 'vue'"
+  ].join(`
+`), c = dt(e), m = dl(e.nodes || [], e, 100), O = m.length > 0 ? `export const formCols = [
+${m.join(`
+`)}
+]` : "export const formCols = []";
+  return [p, "", c, "", O, ""].join(`
+`);
+}
+function pt(e) {
+  var p;
+  const l = ut(e), g = ((p = e == null ? void 0 : e.meta) == null ? void 0 : p.formCode) || "form", r = new Blob([l], { type: "text/javascript;charset=utf-8" }), u = URL.createObjectURL(r), h = document.createElement("a");
+  h.href = u, h.download = `${g}-custom.js`, h.click(), URL.revokeObjectURL(u);
+}
+const mt = { class: "jxy-designer-toolbar" }, ft = { class: "toolbar-left" }, yt = { class: "toolbar-center" }, _t = { class: "toolbar-title" }, ht = { class: "toolbar-right" }, vt = {
+  __name: "DesignerToolbar",
+  setup(e) {
+    const l = se(), g = hl("designerPreview"), r = re(!1), u = re("");
+    function h() {
+      l.pasteNode(l.schema.nodes, l.schema.nodes.length);
+    }
+    function p() {
+      Ve.confirm("确定清空所有节点和配置吗？此操作不可撤销。", "清空表单", {
+        type: "warning"
+      }).then(() => {
+        l.resetSchema(), le.success("已清空");
+      }).catch(() => {
+      });
+    }
+    function c() {
+      u.value = "", r.value = !0;
+    }
+    function m() {
+      if (!u.value.trim()) {
+        le.warning("请输入 JSON");
+        return;
+      }
+      const d = Vl(u.value);
+      if (d.errors.length > 0) {
+        le.error("导入失败：" + d.errors[0]);
+        return;
+      }
+      d.warnings.length > 0 && le.warning("导入成功，但有警告：" + d.warnings.join("; ")), l.loadSchema(d.schema), r.value = !1, le.success("导入成功");
+    }
+    function O() {
+      var M, R;
+      const d = JSON.stringify(l.schema, null, 2), S = new Blob([d], { type: "application/json" }), b = URL.createObjectURL(S), w = document.createElement("a");
+      w.href = b, w.download = `${((R = (M = l.schema) == null ? void 0 : M.meta) == null ? void 0 : R.formCode) || "form"}-schema.json`, w.click(), URL.revokeObjectURL(b), le.success("已导出");
+    }
+    function P() {
+      const d = l.allFieldNodes;
+      if (!d || d.length === 0) {
+        le.warning("表单中没有字段，无法导出 JS");
+        return;
+      }
+      pt(l.schema), le.success("已导出 JS 文件");
+    }
+    function C() {
+      g && g.open();
+    }
+    function x() {
+      l.saveDraft().success && le.success("草稿已保存");
+    }
+    function A() {
+      var S;
+      const d = l.publish();
+      d.success ? (S = d.warnings) != null && S.length ? le.warning("发布成功，但有警告：" + d.warnings.slice(0, 3).join("; ")) : le.success("发布成功") : Ve.alert(
+        j(d.errors),
+        "发布校验失败",
+        {
+          type: "error",
+          dangerouslyUseHTMLString: !0,
+          customClass: "jxy-publish-error-box"
+        }
+      );
+    }
+    function j(d = []) {
+      return `<ol class="jxy-publish-error-list">${d.map((b) => `<li>${U(b)}</li>`).join("")}</ol>`;
+    }
+    function U(d) {
+      return String(d).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    return (d, S) => {
+      var a, k;
+      const b = y("el-button"), w = y("el-divider"), M = y("el-input"), R = y("el-dialog");
+      return s(), v("div", mt, [
+        _("div", ft, [
+          t(b, {
+            icon: o(Ul),
+            disabled: !o(l).canUndo,
+            title: "撤销 (Ctrl+Z)",
+            onClick: S[0] || (S[0] = (N) => o(l).undo())
+          }, null, 8, ["icon", "disabled"]),
+          t(b, {
+            icon: o(Ol),
+            disabled: !o(l).canRedo,
+            title: "重做 (Ctrl+Y)",
+            onClick: S[1] || (S[1] = (N) => o(l).redo())
+          }, null, 8, ["icon", "disabled"]),
+          t(w, { direction: "vertical" }),
+          t(b, {
+            icon: o(ue),
+            disabled: !o(l).selectedNodeId,
+            title: "删除选中",
+            onClick: S[2] || (S[2] = (N) => o(l).deleteSelectedNode())
+          }, null, 8, ["icon", "disabled"]),
+          t(b, {
+            icon: o(we),
+            disabled: !o(l).selectedNodeId,
+            title: "复制 (Ctrl+C)",
+            onClick: S[3] || (S[3] = (N) => o(l).copyNode())
+          }, null, 8, ["icon", "disabled"]),
+          t(b, {
+            icon: o(Al),
+            disabled: !o(l).clipboard,
+            title: "粘贴 (Ctrl+V)",
+            onClick: h
+          }, null, 8, ["icon", "disabled"])
+        ]),
+        _("div", yt, [
+          _("span", _t, Y(((k = (a = o(l).schema) == null ? void 0 : a.meta) == null ? void 0 : k.formName) || "表单设计器"), 1)
+        ]),
+        _("div", ht, [
+          t(b, { onClick: p }, {
+            default: n(() => [
+              F("清空")
+            ]),
+            _: 1
+          }),
+          t(b, { onClick: c }, {
+            default: n(() => [
+              F("导入JSON")
+            ]),
+            _: 1
+          }),
+          t(b, { onClick: O }, {
+            default: n(() => [
+              F("导出JSON")
+            ]),
+            _: 1
+          }),
+          t(b, { onClick: P }, {
+            default: n(() => [
+              F("导出JS")
+            ]),
+            _: 1
+          }),
+          t(b, {
+            type: "primary",
+            onClick: C
+          }, {
+            default: n(() => [
+              F("预览")
+            ]),
+            _: 1
+          }),
+          t(b, {
+            type: "primary",
+            onClick: x
+          }, {
+            default: n(() => [
+              F("保存草稿")
+            ]),
+            _: 1
+          }),
+          t(b, {
+            type: "primary",
+            onClick: A
+          }, {
+            default: n(() => [
+              F("发布")
+            ]),
+            _: 1
+          })
+        ]),
+        t(R, {
+          modelValue: r.value,
+          "onUpdate:modelValue": S[6] || (S[6] = (N) => r.value = N),
+          title: "导入 JSON",
+          width: "600px",
+          "destroy-on-close": ""
+        }, {
+          footer: n(() => [
+            t(b, {
+              onClick: S[5] || (S[5] = (N) => r.value = !1)
+            }, {
+              default: n(() => [
+                F("取消")
+              ]),
+              _: 1
+            }),
+            t(b, {
+              type: "primary",
+              onClick: m
+            }, {
+              default: n(() => [
+                F("确认导入")
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            t(M, {
+              modelValue: u.value,
+              "onUpdate:modelValue": S[4] || (S[4] = (N) => u.value = N),
+              type: "textarea",
+              rows: 12,
+              placeholder: "粘贴 JSON schema..."
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, gt = /* @__PURE__ */ ne(vt, [["__scopeId", "data-v-d6e3dd8d"]]);
+function je() {
+  const e = se(), l = {
+    name: "jxy-designer",
+    pull: "clone",
+    put: !1
+  }, g = {
+    name: "jxy-designer",
+    pull: !0,
+    put: !0
+  };
+  function r(C) {
+    return Re(C);
+  }
+  function u(C, x = "canvas") {
+    var A, j;
+    e.draggingState.isDragging = !0, e.draggingState.sourceType = x, e.draggingState.dragItem = ((j = (A = C.item) == null ? void 0 : A.__draggable_context) == null ? void 0 : j.element) || null;
+  }
+  function h() {
+    e.draggingState.isDragging = !1, e.draggingState.sourceType = "", e.draggingState.dragItem = null, e.onDragSortEnd();
+  }
+  function p(C) {
+    var A;
+    const x = (A = C == null ? void 0 : C.added) == null ? void 0 : A.element;
+    x && x.id && e.selectNode(x.id);
+  }
+  function c(C, x) {
+    var j, U;
+    const A = (j = C == null ? void 0 : C.added) == null ? void 0 : j.element;
+    if (A) {
+      if (P(A)) {
+        m(x == null ? void 0 : x.children, A, (U = C.added) == null ? void 0 : U.newIndex), e.selectNode((x == null ? void 0 : x.id) || ""), le.warning("请勿栅格嵌套");
+        return;
+      }
+      A.id && e.selectNode(A.id);
+    }
+  }
+  function m(C, x, A) {
+    var U;
+    if (!Array.isArray(C))
+      return;
+    if (typeof A == "number" && ((U = C[A]) == null ? void 0 : U.id) === x.id) {
+      C.splice(A, 1);
+      return;
+    }
+    const j = C.findIndex((d) => (d == null ? void 0 : d.id) === x.id);
+    j > -1 && C.splice(j, 1);
+  }
+  function O(C) {
+    var A, j, U, d, S;
+    const x = (A = C.draggedContext) == null ? void 0 : A.element;
+    if (!x)
+      return !0;
+    if (P(x)) {
+      const b = (j = C.to) == null ? void 0 : j.__draggable_component__;
+      if ((((d = (U = C.to) == null ? void 0 : U.dataset) == null ? void 0 : d.parentType) || ((S = b == null ? void 0 : b.$attrs) == null ? void 0 : S["data-parent-type"])) === "grid-column")
+        return !1;
+    }
+    return !0;
+  }
+  function P(C) {
+    return (C == null ? void 0 : C.nodeType) === "grid" || (C == null ? void 0 : C.type) === "grid";
+  }
+  return {
+    paletteGroupOptions: l,
+    canvasGroupOptions: g,
+    cloneFromPalette: r,
+    onDragStart: u,
+    onDragEnd: h,
+    onCanvasChange: p,
+    onGridColumnChange: c,
+    onMoveCheck: O
+  };
+}
+const bt = { class: "jxy-component-palette" }, kt = { class: "palette-group-title" }, St = ["title"], Ct = { class: "palette-item-label" }, xt = {
+  __name: "ComponentPalette",
+  setup(e) {
+    const { paletteGroupOptions: l, onDragStart: g, onDragEnd: r } = je(), u = Object.freeze({
+      ArrowDown: ol,
+      Calendar: Il,
+      Coin: Fl,
+      Document: Rl,
+      Edit: zl,
+      Finished: Jl,
+      Grid: ze,
+      List: Ll,
+      Location: jl,
+      Lock: Ml,
+      Memo: Yl,
+      Notebook: ql,
+      Odometer: Xl,
+      Open: Bl,
+      Picture: Kl,
+      SetUp: Be,
+      Share: Hl,
+      Tickets: Wl,
+      Upload: al,
+      UploadFilled: Gl
+    });
+    function h(p) {
+      return Re(p);
+    }
+    return (p, c) => {
+      const m = y("el-icon");
+      return s(), v("div", bt, [
+        (s(!0), v(q, null, G(o(tl), (O) => (s(), v("div", {
+          key: O.groupName,
+          class: "palette-group"
+        }, [
+          _("div", kt, Y(O.groupName), 1),
+          t(o(Je), {
+            list: O.items,
+            group: o(l),
+            sort: !1,
+            clone: h,
+            "item-key": "type",
+            class: "palette-item-list",
+            onStart: c[0] || (c[0] = (P) => o(g)(P, "palette")),
+            onEnd: o(r)
+          }, {
+            item: n(({ element: P }) => [
+              _("div", {
+                class: "palette-item",
+                title: P.label
+              }, [
+                t(m, { class: "palette-item-icon" }, {
+                  default: n(() => [
+                    (s(), E(We(o(u)[P.icon] || o(Be))))
+                  ]),
+                  _: 2
+                }, 1024),
+                _("span", Ct, Y(P.label), 1)
+              ], 8, St)
+            ]),
+            _: 2
+          }, 1032, ["list", "group", "onEnd"])
+        ]))), 128))
+      ]);
+    };
+  }
+}, $t = /* @__PURE__ */ ne(xt, [["__scopeId", "data-v-20210c01"]]);
+const Vt = (e) => (he("data-v-5338ecd2"), e = e(), ve(), e), wt = { class: "field-preview" }, Nt = {
+  key: 6,
+  class: "preview-radio"
+}, Pt = {
+  key: 7,
+  class: "preview-checkbox"
+}, Tt = {
+  key: 8,
+  class: "preview-upload"
+}, Et = {
+  key: 9,
+  class: "preview-editor"
+}, Dt = /* @__PURE__ */ Vt(() => /* @__PURE__ */ _("div", { class: "preview-editor-box" }, "富文本编辑器", -1)), Ut = [
+  Dt
+], Ot = {
+  key: 10,
+  class: "preview-address"
+}, At = { class: "preview-address-selects" }, It = {
+  key: 11,
+  class: "preview-integer-uppercase"
+}, Ft = {
+  key: 12,
+  class: "preview-linked-select"
+}, Rt = {
+  key: 13,
+  class: "preview-custom"
+}, zt = {
+  key: 14,
+  class: "preview-unknown"
+}, Jt = {
+  __name: "FieldPreview",
+  props: {
+    node: { type: Object, required: !0 }
+  },
+  setup(e) {
+    const l = e, g = oe(() => ["text", "password"].includes(l.node.type)), r = oe(() => ["date", "month", "year", "daterange", "datetimerange"].includes(l.node.type)), u = oe(() => ["file", "dragFile", "imgFile"].includes(l.node.type)), h = oe(() => ({ date: "date", month: "month", year: "year", daterange: "daterange", datetimerange: "datetimerange" })[l.node.type] || "date");
+    return (p, c) => {
+      var b, w, M, R, a;
+      const m = y("el-input"), O = y("el-input-number"), P = y("el-date-picker"), C = y("el-select"), x = y("el-cascader"), A = y("el-radio"), j = y("el-checkbox"), U = y("el-icon"), d = y("el-button"), S = y("el-tag");
+      return s(), v("div", wt, [
+        o(g) ? (s(), E(m, {
+          key: 0,
+          placeholder: e.node.placeholder || "请输入",
+          disabled: "",
+          size: "small"
+        }, null, 8, ["placeholder"])) : e.node.type === "textarea" ? (s(), E(m, {
+          key: 1,
+          type: "textarea",
+          rows: 2,
+          placeholder: e.node.placeholder || "请输入",
+          disabled: "",
+          size: "small"
+        }, null, 8, ["placeholder"])) : e.node.type === "number" || e.node.type === "floatNum" ? (s(), E(O, {
+          key: 2,
+          placeholder: e.node.placeholder,
+          disabled: "",
+          size: "small",
+          controls: !1,
+          style: { width: "100%" }
+        }, null, 8, ["placeholder"])) : o(r) ? (s(), E(P, {
+          key: 3,
+          type: o(h),
+          placeholder: e.node.placeholder || "请选择",
+          disabled: "",
+          size: "small",
+          style: { width: "100%" }
+        }, null, 8, ["type", "placeholder"])) : e.node.type === "select" ? (s(), E(C, {
+          key: 4,
+          placeholder: e.node.placeholder || "请选择",
+          disabled: "",
+          size: "small",
+          style: { width: "100%" }
+        }, null, 8, ["placeholder"])) : e.node.type === "cascader" ? (s(), E(x, {
+          key: 5,
+          placeholder: e.node.placeholder || "请选择",
+          disabled: "",
+          size: "small",
+          style: { width: "100%" }
+        }, null, 8, ["placeholder"])) : e.node.type === "radio" ? (s(), v("div", Nt, [
+          t(A, { disabled: "" }, {
+            default: n(() => [
+              F("选项1")
+            ]),
+            _: 1
+          }),
+          t(A, { disabled: "" }, {
+            default: n(() => [
+              F("选项2")
+            ]),
+            _: 1
+          })
+        ])) : e.node.type === "checkBox" ? (s(), v("div", Pt, [
+          t(j, { disabled: "" }, {
+            default: n(() => [
+              F("选项1")
+            ]),
+            _: 1
+          }),
+          t(j, { disabled: "" }, {
+            default: n(() => [
+              F("选项2")
+            ]),
+            _: 1
+          })
+        ])) : o(u) ? (s(), v("div", Tt, [
+          t(d, {
+            size: "small",
+            disabled: ""
+          }, {
+            default: n(() => [
+              t(U, null, {
+                default: n(() => [
+                  t(o(al))
+                ]),
+                _: 1
+              }),
+              F(" " + Y(e.node.type === "imgFile" ? "上传图片" : "上传文件"), 1)
+            ]),
+            _: 1
+          })
+        ])) : e.node.type === "editor" ? (s(), v("div", Et, Ut)) : e.node.type === "addressSelector" ? (s(), v("div", Ot, [
+          _("div", At, [
+            t(C, {
+              disabled: "",
+              size: "small",
+              placeholder: "省份"
+            }),
+            t(C, {
+              disabled: "",
+              size: "small",
+              placeholder: "城市"
+            }),
+            t(C, {
+              disabled: "",
+              size: "small",
+              placeholder: "区县"
+            })
+          ]),
+          t(m, {
+            disabled: "",
+            size: "small",
+            placeholder: ((b = e.node.props) == null ? void 0 : b.detailPlaceholder) || "请输入详细地址"
+          }, null, 8, ["placeholder"])
+        ])) : e.node.type === "integerUppercase" ? (s(), v("div", It, [
+          t(m, {
+            disabled: "",
+            size: "small",
+            placeholder: e.node.placeholder || "请输入整数"
+          }, null, 8, ["placeholder"]),
+          _("span", null, "壹佰" + Y(((w = e.node.props) == null ? void 0 : w.suffixText) || ""), 1)
+        ])) : e.node.type === "linkedSelectList" ? (s(), v("div", Ft, [
+          _("div", null, [
+            t(C, {
+              disabled: "",
+              size: "small",
+              placeholder: ((M = e.node.props) == null ? void 0 : M.firstPlaceholder) || "请选择一级选项"
+            }, null, 8, ["placeholder"]),
+            t(C, {
+              disabled: "",
+              size: "small",
+              placeholder: ((R = e.node.props) == null ? void 0 : R.secondPlaceholder) || "请选择二级选项"
+            }, null, 8, ["placeholder"])
+          ]),
+          t(d, {
+            class: Oe(["preview-linked-select-add", `is-${((a = e.node.props) == null ? void 0 : a.addButtonAlign) || "center"}`]),
+            link: "",
+            type: "primary",
+            size: "small",
+            disabled: ""
+          }, {
+            default: n(() => {
+              var k;
+              return [
+                F("+ " + Y(((k = e.node.props) == null ? void 0 : k.addText) || "点击新增"), 1)
+              ];
+            }),
+            _: 1
+          }, 8, ["class"])
+        ])) : e.node.type === "custom" ? (s(), v("div", Rt, [
+          t(S, {
+            size: "small",
+            type: "info"
+          }, {
+            default: n(() => [
+              F(Y(e.node.componentKey || "自定义组件"), 1)
+            ]),
+            _: 1
+          })
+        ])) : (s(), v("div", zt, [
+          t(S, {
+            size: "small",
+            type: "danger"
+          }, {
+            default: n(() => [
+              F(Y(e.node.type), 1)
+            ]),
+            _: 1
+          })
+        ]))
+      ]);
+    };
+  }
+}, Lt = /* @__PURE__ */ ne(Jt, [["__scopeId", "data-v-5338ecd2"]]);
+const jt = (e) => (he("data-v-b4ea2b4e"), e = e(), ve(), e), Mt = { class: "canvas-node-actions" }, Yt = {
+  key: 0,
+  class: "canvas-field-node"
+}, qt = { class: "canvas-field-label" }, Xt = {
+  key: 0,
+  class: "required-mark"
+}, Bt = { class: "canvas-field-preview" }, Kt = {
+  key: 1,
+  class: "canvas-title-node"
+}, Ht = {
+  key: 0,
+  class: "canvas-title-desc"
+}, Wt = {
+  key: 2,
+  class: "canvas-grid-node"
+}, Gt = { class: "canvas-grid-label" }, Zt = /* @__PURE__ */ jt(() => /* @__PURE__ */ _("span", null, "栅格布局", -1)), Qt = ["onClick"], eo = { class: "col-span-badge" }, lo = {
+  key: 0,
+  class: "col-empty"
+}, to = {
+  __name: "CanvasNode",
+  props: {
+    node: { type: Object, required: !0 },
+    selected: { type: Boolean, default: !1 }
+  },
+  emits: ["select", "delete", "copy"],
+  setup(e) {
+    const l = se(), { canvasGroupOptions: g, onDragStart: r, onDragEnd: u, onGridColumnChange: h, onMoveCheck: p } = je();
+    return (c, m) => {
+      var A, j;
+      const O = y("el-icon"), P = y("CanvasNode", !0), C = y("el-col"), x = y("el-row");
+      return s(), v("div", {
+        class: Oe(["canvas-node", {
+          "is-selected": e.selected,
+          [`node-type-${e.node.nodeType}`]: !0
+        }]),
+        onClick: m[3] || (m[3] = ce((U) => c.$emit("select"), ["stop"]))
+      }, [
+        vl(_("div", Mt, [
+          t(O, {
+            class: "canvas-node-drag-handle",
+            title: "拖拽移动"
+          }, {
+            default: n(() => [
+              t(o(Zl))
+            ]),
+            _: 1
+          }),
+          t(O, {
+            title: "复制",
+            onClick: m[0] || (m[0] = ce((U) => c.$emit("copy"), ["stop"]))
+          }, {
+            default: n(() => [
+              t(o(we))
+            ]),
+            _: 1
+          }),
+          t(O, {
+            title: "删除",
+            onClick: m[1] || (m[1] = ce((U) => c.$emit("delete"), ["stop"]))
+          }, {
+            default: n(() => [
+              t(o(ue))
+            ]),
+            _: 1
+          })
+        ], 512), [
+          [gl, e.selected]
+        ]),
+        e.node.nodeType === "field" ? (s(), v("div", Yt, [
+          _("div", qt, [
+            e.node.required ? (s(), v("span", Xt, "*")) : W("", !0),
+            F(" " + Y(e.node.label || "未命名字段"), 1)
+          ]),
+          _("div", Bt, [
+            t(Lt, { node: e.node }, null, 8, ["node"])
+          ]),
+          (j = (A = e.node.extensions) == null ? void 0 : A.suffix) != null && j.enabled ? (s(), v("div", {
+            key: 0,
+            class: "canvas-field-suffix-placeholder",
+            style: bl({ width: `${o(et)(e.node, o(l).schema.config)}px` })
+          }, " 扩展位 ", 4)) : W("", !0)
+        ])) : e.node.nodeType === "title" ? (s(), v("div", Kt, [
+          (s(), E(We("h" + (e.node.level || 2)), { class: "canvas-title-text" }, {
+            default: n(() => [
+              F(Y(e.node.title || "未命名标题"), 1)
+            ]),
+            _: 1
+          })),
+          e.node.description ? (s(), v("p", Ht, Y(e.node.description), 1)) : W("", !0)
+        ])) : e.node.nodeType === "grid" ? (s(), v("div", Wt, [
+          _("div", Gt, [
+            t(O, null, {
+              default: n(() => [
+                t(o(ze))
+              ]),
+              _: 1
+            }),
+            Zt
+          ]),
+          t(x, {
+            gutter: e.node.gutter || 16,
+            class: "canvas-grid-row"
+          }, {
+            default: n(() => [
+              (s(!0), v(q, null, G(e.node.columns, (U) => (s(), E(C, {
+                key: U.id,
+                span: U.span
+              }, {
+                default: n(() => [
+                  _("div", {
+                    class: Oe(["canvas-grid-col", { "col-selected": o(l).selectedNodeId === U.id }]),
+                    onClick: ce((d) => o(l).selectNode(U.id), ["stop"])
+                  }, [
+                    _("div", eo, Y(U.span), 1),
+                    t(o(Je), {
+                      modelValue: U.children,
+                      "onUpdate:modelValue": (d) => U.children = d,
+                      group: o(g),
+                      "item-key": "id",
+                      handle: ".canvas-node-drag-handle",
+                      "ghost-class": "canvas-drag-ghost",
+                      "chosen-class": "canvas-drag-chosen",
+                      class: "canvas-col-children",
+                      "data-parent-type": "grid-column",
+                      onStart: m[2] || (m[2] = (d) => o(r)(d, "canvas")),
+                      onEnd: o(u),
+                      onChange: (d) => o(h)(d, U),
+                      move: o(p)
+                    }, {
+                      item: n(({ element: d }) => [
+                        t(P, {
+                          node: d,
+                          selected: o(l).selectedNodeId === d.id,
+                          onSelect: (S) => o(l).selectNode(d.id),
+                          onDelete: (S) => o(l).deleteNode(d.id),
+                          onCopy: (S) => o(l).copyNode(d.id)
+                        }, null, 8, ["node", "selected", "onSelect", "onDelete", "onCopy"])
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "group", "onEnd", "onChange", "move"]),
+                    !U.children || U.children.length === 0 ? (s(), v("div", lo, " 拖入组件 ")) : W("", !0)
+                  ], 10, Qt)
+                ]),
+                _: 2
+              }, 1032, ["span"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["gutter"])
+        ])) : W("", !0)
+      ], 2);
+    };
+  }
+}, oo = /* @__PURE__ */ ne(to, [["__scopeId", "data-v-b4ea2b4e"]]);
+const ao = (e) => (he("data-v-face1280"), e = e(), ve(), e), no = { class: "canvas-form-wrapper" }, so = {
+  key: 0,
+  class: "canvas-empty"
+}, ro = /* @__PURE__ */ ao(() => /* @__PURE__ */ _("p", null, "从左侧拖入组件开始设计", -1)), io = {
+  __name: "DesignerCanvas",
+  setup(e) {
+    const l = se(), { canvasGroupOptions: g, onDragStart: r, onDragEnd: u, onCanvasChange: h, onMoveCheck: p } = je();
+    return (c, m) => {
+      const O = y("el-icon");
+      return s(), v("div", {
+        class: "jxy-designer-canvas",
+        onClick: m[2] || (m[2] = ce((P) => o(l).clearSelection(), ["self"]))
+      }, [
+        _("div", no, [
+          !o(l).schema.nodes || o(l).schema.nodes.length === 0 ? (s(), v("div", so, [
+            t(O, {
+              size: 48,
+              color: "#c0c4cc"
+            }, {
+              default: n(() => [
+                t(o(ze))
+              ]),
+              _: 1
+            }),
+            ro
+          ])) : W("", !0),
+          t(o(Je), {
+            modelValue: o(l).schema.nodes,
+            "onUpdate:modelValue": m[0] || (m[0] = (P) => o(l).schema.nodes = P),
+            group: o(g),
+            "item-key": "id",
+            handle: ".canvas-node-drag-handle",
+            "ghost-class": "canvas-drag-ghost",
+            "chosen-class": "canvas-drag-chosen",
+            class: "canvas-node-list",
+            onStart: m[1] || (m[1] = (P) => o(r)(P, "canvas")),
+            onEnd: o(u),
+            onChange: o(h),
+            move: o(p)
+          }, {
+            item: n(({ element: P }) => [
+              t(oo, {
+                node: P,
+                selected: o(l).selectedNodeId === P.id,
+                onSelect: (C) => o(l).selectNode(P.id),
+                onDelete: (C) => o(l).deleteNode(P.id),
+                onCopy: (C) => o(l).copyNode(P.id)
+              }, null, 8, ["node", "selected", "onSelect", "onDelete", "onCopy"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group", "onEnd", "onChange", "move"])
+        ])
+      ]);
+    };
+  }
+}, co = /* @__PURE__ */ ne(io, [["__scopeId", "data-v-face1280"]]), uo = tl.flatMap((e) => e.items).filter((e) => !e.isLayout).map((e) => ({
+  label: `${e.label}（${e.type}）`,
+  value: e.type
+})), cl = [
+  { key: "prop", label: "字段标识(prop)", type: "text", required: !0, placeholder: "如：userName" },
+  { key: "label", label: "标题", type: "text", required: !0, placeholder: "如：用户名" },
+  { key: "type", label: "组件类型", type: "select", required: !0, options: uo, disabled: !0 },
+  { key: "placeholder", label: "占位文本", type: "text", placeholder: "请输入/请选择" },
+  { key: "defaultValue", label: "默认值", type: "text" },
+  { key: "required", label: "是否必填", type: "switch" },
+  { key: "validations", label: "校验规则", type: "validations" },
+  { key: "disabled", label: "是否禁用", type: "switch" },
+  { key: "hidden", label: "是否隐藏", type: "switch" },
+  { key: "extensions.suffix.enabled", label: "启用右侧扩展位", type: "switch" },
+  { key: "extensions.suffix.width", label: "右侧扩展位宽度(px)", type: "number", placeholder: "留空继承表单配置", min: 0, step: 1, allowEmpty: !0 },
+  { key: "labelWidth", label: "标签宽度", type: "number", placeholder: "留空继承", min: 0, step: 4 },
+  { key: "customClass", label: "自定义样式类", type: "text", placeholder: "CSS class" }
+], po = [
+  { key: "props.max", label: "最大长度", type: "number", min: 0 }
+], mo = [
+  { key: "props.max", label: "最大长度", type: "number", min: 0 }
+], fo = [
+  { key: "props.rows", label: "行数", type: "number", min: 1, max: 20 },
+  { key: "props.max", label: "最大长度", type: "number", min: 0 }
+], yo = [
+  { key: "props.max", label: "最大值", type: "number" }
+], _o = [
+  { key: "props.max", label: "最大值", type: "number" },
+  { key: "props.decimal", label: "小数位数", type: "number", min: 0, max: 10 }
+], ho = [
+  { key: "props.format", label: "显示格式", type: "text", placeholder: "YYYY-MM-DD" },
+  { key: "props.valueFormat", label: "值格式", type: "text", placeholder: "YYYY-MM-DD" }
+], vo = [
+  { key: "props.format", label: "显示格式", type: "text", placeholder: "YYYY-MM" },
+  { key: "props.valueFormat", label: "值格式", type: "text", placeholder: "YYYY-MM" }
+], go = [
+  { key: "props.format", label: "显示格式", type: "text", placeholder: "YYYY" },
+  { key: "props.valueFormat", label: "值格式", type: "text", placeholder: "YYYY" }
+], bo = [
+  { key: "props.format", label: "显示格式", type: "text", placeholder: "YYYY-MM-DD" },
+  { key: "props.valueFormat", label: "值格式", type: "text", placeholder: "YYYY-MM-DD" },
+  { key: "props.startPlaceholder", label: "开始占位", type: "text", placeholder: "开始日期" },
+  { key: "props.endPlaceholder", label: "结束占位", type: "text", placeholder: "结束日期" }
+], ko = [
+  { key: "props.format", label: "显示格式", type: "text", placeholder: "YYYY-MM-DD HH:mm:ss" },
+  { key: "props.valueFormat", label: "值格式", type: "text", placeholder: "YYYY-MM-DD HH:mm:ss" },
+  { key: "props.startPlaceholder", label: "开始占位", type: "text", placeholder: "开始时间" },
+  { key: "props.endPlaceholder", label: "结束占位", type: "text", placeholder: "结束时间" }
+], So = [
+  { key: "props.multiple", label: "多选", type: "switch" },
+  { key: "props.clearable", label: "可清空", type: "switch" },
+  { key: "dataSourceId", label: "数据源", type: "dataSource" }
+], Co = [
+  { key: "props.multiple", label: "多选", type: "switch" },
+  { key: "props.checkStrictly", label: "父子不关联", type: "switch" },
+  { key: "dataSourceId", label: "数据源", type: "dataSource" }
+], xo = [
+  { key: "dataSourceId", label: "数据源", type: "dataSource" }
+], $o = [
+  { key: "dataSourceId", label: "数据源", type: "dataSource" }
+], Ke = [
+  { key: "props.fileType", label: "允许文件类型", type: "tags", placeholder: "如 docx, xlsx, pdf" },
+  { key: "props.fileSize", label: "文件大小限制(MB)", type: "number", min: 0 },
+  { key: "props.limit", label: "最大数量", type: "number", min: 0 }
+], Vo = [
+  { key: "props.fileType", label: "允许图片类型", type: "tags", placeholder: "如 jpg, jpeg, png" },
+  { key: "props.fileSize", label: "图片大小限制(MB)", type: "number", min: 0 },
+  { key: "props.limit", label: "最大数量", type: "number", min: 0 }
+], wo = [
+  { key: "props.height", label: "编辑器高度", type: "number", min: 100, step: 50 }
+], No = [
+  { key: "dataSourceId", label: "行政区数据源", type: "dataSource" },
+  { key: "props.provinceProp", label: "省份字段标识(prop)", type: "text", required: !0 },
+  { key: "props.cityProp", label: "城市字段标识(prop)", type: "text", required: !0 },
+  { key: "props.countyProp", label: "区县字段标识(prop)", type: "text", required: !0 },
+  { key: "props.detailAddressProp", label: "详细地址字段标识(prop)", type: "text", required: !0 },
+  { key: "props.provincePlaceholder", label: "省份占位文本", type: "text" },
+  { key: "props.cityPlaceholder", label: "城市占位文本", type: "text" },
+  { key: "props.countyPlaceholder", label: "区县占位文本", type: "text" },
+  { key: "props.detailPlaceholder", label: "详细地址占位文本", type: "text" },
+  { key: "props.detailRequired", label: "详细地址必填", type: "switch" }
+], Po = [
+  { key: "props.suffixText", label: "大写展示后缀", type: "text", placeholder: "如：千瓦" },
+  { key: "props.maxLength", label: "最大位数", type: "number", min: 1, max: 16 }
+], To = [
+  { key: "dataSourceId", label: "两级树数据源", type: "dataSource" },
+  { key: "props.parentValueProp", label: "一级值字段标识(prop)", type: "text", required: !0 },
+  { key: "props.childValueProp", label: "二级值字段标识(prop)", type: "text", required: !0 },
+  { key: "props.firstPlaceholder", label: "一级占位文本", type: "text" },
+  { key: "props.secondPlaceholder", label: "二级占位文本", type: "text" },
+  { key: "props.addText", label: "新增按钮文字", type: "text" },
+  { key: "props.minItems", label: "最少行数", type: "number", min: 1, max: 20 },
+  { key: "props.maxItems", label: "最多行数", type: "number", min: 1, max: 20 },
+  { key: "props.allowDuplicate", label: "允许重复选择", type: "switch" },
+  { key: "props.addButtonAlign", label: "新增按钮对齐", type: "select", options: [
+    { label: "左对齐", value: "left" },
+    { label: "居中", value: "center" },
+    { label: "右对齐", value: "right" }
+  ] }
+], Eo = [
+  { key: "componentKey", label: "组件标识", type: "text", required: !0, placeholder: "注册名称" },
+  { key: "componentProps", label: "组件参数", type: "json", placeholder: "{}" }
+], Do = {
+  text: po,
+  password: mo,
+  textarea: fo,
+  number: yo,
+  floatNum: _o,
+  date: ho,
+  month: vo,
+  year: go,
+  daterange: bo,
+  datetimerange: ko,
+  select: So,
+  cascader: Co,
+  checkBox: $o,
+  radio: xo,
+  file: Ke,
+  dragFile: Ke,
+  // 与 file 共用
+  imgFile: Vo,
+  editor: wo,
+  addressSelector: No,
+  integerUppercase: Po,
+  linkedSelectList: To,
+  custom: Eo
+}, ul = {
+  addressSelector: [
+    "props.provinceProp",
+    "props.cityProp",
+    "props.countyProp",
+    "props.detailAddressProp"
+  ],
+  linkedSelectList: [
+    "props.parentValueProp",
+    "props.childValueProp"
+  ]
+}, Uo = {
+  addressSelector: [
+    "props.provincePlaceholder",
+    "props.cityPlaceholder",
+    "props.countyPlaceholder",
+    "props.detailPlaceholder"
+  ],
+  linkedSelectList: [
+    "props.firstPlaceholder",
+    "props.secondPlaceholder"
+  ]
+};
+function Oo(e, l) {
+  const g = new Set(ul[e]), r = new Set(Uo[e]), u = l.filter((m) => g.has(m.key)), h = l.filter((m) => r.has(m.key)), p = l.filter((m) => !g.has(m.key) && !r.has(m.key)), c = [];
+  return cl.forEach((m) => {
+    if (m.key !== "defaultValue") {
+      if (m.key === "prop") {
+        c.push(m, ...u);
+        return;
+      }
+      if (m.key === "placeholder") {
+        c.push(...h);
+        return;
+      }
+      c.push(m);
+    }
+  }), [...c, ...p];
+}
+const Ao = [
+  { key: "title", label: "标题文本", type: "text", required: !0 },
+  { key: "description", label: "描述", type: "textarea" },
+  { key: "level", label: "标题级别", type: "select", options: [
+    { label: "H1", value: 1 },
+    { label: "H2", value: 2 },
+    { label: "H3", value: 3 },
+    { label: "H4", value: 4 }
+  ] },
+  { key: "customClass", label: "自定义样式类", type: "text" }
+], Io = [
+  { key: "columnCount", label: "列数", type: "number", min: 1, max: 4, step: 1 },
+  { key: "gutter", label: "栅格间距", type: "number", min: 0, max: 48, step: 4 },
+  { key: "labelWidth", label: "标签宽度", type: "number", placeholder: "留空继承", min: 0, step: 4 },
+  { key: "customClass", label: "自定义样式类", type: "text" }
+], Fo = [
+  { key: "span", label: "栅格宽度", type: "number", min: 1, max: 24, step: 1, required: !0 },
+  { key: "labelWidth", label: "标签宽度", type: "number", placeholder: "留空继承", min: 0, step: 4 },
+  { key: "customClass", label: "自定义样式类", type: "text" }
+], Ro = [
+  { key: "labelPosition", label: "标签位置", type: "select", options: [
+    { label: "右对齐", value: "right" },
+    { label: "左对齐", value: "left" },
+    { label: "顶部", value: "top" }
+  ] },
+  { key: "labelWidth", label: "默认标签宽度", type: "number", min: 0, step: 4 },
+  { key: "suffixWidth", label: "右侧扩展位宽度(px)", type: "number", min: 0, step: 1 },
+  { key: "size", label: "组件尺寸", type: "select", options: [
+    { label: "默认", value: "default" },
+    { label: "大", value: "large" },
+    { label: "小", value: "small" }
+  ] },
+  { key: "gutter", label: "默认栅格间距", type: "number", min: 0, max: 48, step: 4 },
+  { key: "disabled", label: "全表单禁用", type: "switch" },
+  { key: "customClass", label: "自定义样式类", type: "text" }
+];
+function zo(e) {
+  if (!e)
+    return [];
+  if (e.nodeType === "field") {
+    const l = Do[e.type] || [];
+    return ul[e.type] ? Oo(e.type, l) : [...cl.filter((r) => r.key !== "defaultValue" ? !0 : !["addressSelector", "linkedSelectList"].includes(e.type)), ...l];
+  }
+  return e.nodeType === "title" ? [...Ao] : e.nodeType === "grid" ? [...Io] : e.span !== void 0 && e.children !== void 0 ? [...Fo] : [];
+}
+const Jo = (e) => (he("data-v-8cb9e83e"), e = e(), ve(), e), Lo = { class: "jxy-props-panel" }, jo = {
+  key: 0,
+  class: "props-empty"
+}, Mo = /* @__PURE__ */ Jo(() => /* @__PURE__ */ _("p", null, "请在画布中选择一个组件", -1)), Yo = [
+  Mo
+], qo = {
+  key: 1,
+  class: "props-form"
+}, Xo = { class: "props-node-type" }, Bo = { class: "props-node-id" }, Ko = { class: "props-switch-row" }, Ho = { class: "props-switch-label" }, Wo = { class: "validation-editor" }, Go = { class: "validation-main-row" }, Zo = {
+  __name: "PropsPanel",
+  setup(e) {
+    const l = se(), g = oe(() => {
+      const a = l.selectedNode;
+      return a ? a.nodeType === "field" ? a.type || "field" : a.nodeType === "title" ? "标题" : a.nodeType === "grid" ? "栅格" : a.span !== void 0 ? "列" : a.nodeType || "未知" : "";
+    }), r = oe(() => zo(l.selectedNode)), u = oe(() => {
+      const a = l.selectedNode;
+      return !a || a.nodeType !== "field" ? [] : (Array.isArray(a.validations) || (a.validations = []), a.validations);
+    }), h = [
+      { label: "正则", value: "pattern" },
+      { label: "最小长度", value: "minLength" },
+      { label: "最大长度", value: "maxLength" },
+      { label: "最小值", value: "min" },
+      { label: "最大值", value: "max" },
+      { label: "邮箱", value: "email" },
+      { label: "URL", value: "url" }
+    ];
+    function p(a, k) {
+      if (!a || !k)
+        return;
+      const N = k.split(".");
+      let Z = a;
+      for (const Q of N) {
+        if (Z == null)
+          return;
+        Z = Z[Q];
+      }
+      return Z;
+    }
+    function c(a, k) {
+      const N = p(a, k.key);
+      if (k.key === "columnCount" && (N == null || N === ""))
+        return Array.isArray(a == null ? void 0 : a.columns) ? a.columns.length : 2;
+      if (!((k.allowEmpty || k.key.endsWith("labelWidth")) && (N === "" || N === null)))
+        return N;
+    }
+    function m(a, k) {
+      const N = a.allowEmpty || a.key.endsWith("labelWidth");
+      l.updateNodeProp(a.key, N && k == null ? "" : k);
+    }
+    async function O() {
+      var k;
+      const a = (k = l.selectedNode) == null ? void 0 : k.id;
+      if (a)
+        try {
+          await navigator.clipboard.writeText(a), le.success("节点 ID 已复制");
+        } catch {
+          le.error("复制失败，请手动复制");
+        }
+    }
+    function P(a) {
+      return Array.isArray(a) ? a.join(", ") : "";
+    }
+    function C(a) {
+      return a ? a.split(/[,，\s]+/).filter(Boolean).map((k) => k.trim()) : [];
+    }
+    function x(a) {
+      if (a == null)
+        return "";
+      try {
+        return JSON.stringify(a, null, 2);
+      } catch {
+        return "";
+      }
+    }
+    function A(a, k) {
+      try {
+        const N = JSON.parse(k);
+        l.updateNodeProp(a, N);
+      } catch {
+      }
+    }
+    function j() {
+      const a = l.selectedNode;
+      !a || a.nodeType !== "field" || (Array.isArray(a.validations) || (a.validations = []), a.validations.push({
+        type: "email",
+        value: "",
+        message: "",
+        trigger: "blur"
+      }), R());
+    }
+    function U(a) {
+      const k = l.selectedNode;
+      !k || !Array.isArray(k.validations) || (k.validations.splice(a, 1), R());
+    }
+    function d(a) {
+      w(a.type) ? M(a.type) && (a.value === "" || a.value === void 0 || a.value === null) && (a.value = 0) : a.value = "", R();
+    }
+    function S(a) {
+      return Array.isArray(a) ? a.includes("blur") && a.includes("change") ? "both" : a[0] || "blur" : a || "blur";
+    }
+    function b(a, k) {
+      a.trigger = k === "both" ? ["change", "blur"] : k, R();
+    }
+    function w(a) {
+      return ["pattern", "minLength", "maxLength", "min", "max"].includes(a);
+    }
+    function M(a) {
+      return ["minLength", "maxLength", "min", "max"].includes(a);
+    }
+    function R() {
+      l.onDragSortEnd();
+    }
+    return (a, k) => {
+      const N = y("el-tag"), Z = y("el-button"), Q = y("el-input"), te = y("el-form-item"), ie = y("el-input-number"), fe = y("el-switch"), H = y("el-option"), L = y("el-select"), I = y("el-icon"), de = y("el-form");
+      return s(), v("div", Lo, [
+        o(l).selectedNode ? (s(), v("div", qo, [
+          _("div", Xo, [
+            t(N, { size: "small" }, {
+              default: n(() => [
+                F(Y(o(g)), 1)
+              ]),
+              _: 1
+            }),
+            _("span", Bo, Y(o(l).selectedNode.id), 1),
+            t(Z, {
+              class: "props-node-copy",
+              text: "",
+              size: "small",
+              icon: o(we),
+              title: "复制节点 ID",
+              onClick: O
+            }, null, 8, ["icon"])
+          ]),
+          t(de, {
+            "label-position": "top",
+            size: "small",
+            class: "props-field-list"
+          }, {
+            default: n(() => [
+              (s(!0), v(q, null, G(o(r), (f) => (s(), v(q, {
+                key: f.key
+              }, [
+                f.type === "text" ? (s(), E(te, {
+                  key: 0,
+                  label: f.label,
+                  required: f.required
+                }, {
+                  default: n(() => [
+                    t(Q, {
+                      "model-value": p(o(l).selectedNode, f.key),
+                      placeholder: f.placeholder,
+                      disabled: f.disabled,
+                      "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, T)
+                    }, null, 8, ["model-value", "placeholder", "disabled", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "required"])) : f.type === "textarea" ? (s(), E(te, {
+                  key: 1,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    t(Q, {
+                      type: "textarea",
+                      rows: 3,
+                      "model-value": p(o(l).selectedNode, f.key),
+                      placeholder: f.placeholder,
+                      "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, T)
+                    }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : f.type === "number" ? (s(), E(te, {
+                  key: 2,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    t(ie, {
+                      "model-value": c(o(l).selectedNode, f),
+                      min: f.min,
+                      max: f.max,
+                      step: f.step || 1,
+                      placeholder: f.placeholder,
+                      "controls-position": "right",
+                      style: { width: "100%" },
+                      "onUpdate:modelValue": (T) => m(f, T)
+                    }, null, 8, ["model-value", "min", "max", "step", "placeholder", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : f.type === "switch" ? (s(), E(te, {
+                  key: 3,
+                  class: "props-switch-form-item"
+                }, {
+                  default: n(() => [
+                    _("div", Ko, [
+                      _("span", Ho, Y(f.label), 1),
+                      t(fe, {
+                        "model-value": p(o(l).selectedNode, f.key),
+                        "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, T)
+                      }, null, 8, ["model-value", "onUpdate:modelValue"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1024)) : f.type === "validations" ? (s(), E(te, {
+                  key: 4,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    _("div", Wo, [
+                      (s(!0), v(q, null, G(o(u), (T, ge) => (s(), v("div", {
+                        key: ge,
+                        class: "validation-row"
+                      }, [
+                        _("div", Go, [
+                          t(L, {
+                            modelValue: T.type,
+                            "onUpdate:modelValue": (ee) => T.type = ee,
+                            size: "small",
+                            class: "validation-type",
+                            onChange: () => d(T)
+                          }, {
+                            default: n(() => [
+                              (s(), v(q, null, G(h, (ee) => t(H, {
+                                key: ee.value,
+                                label: ee.label,
+                                value: ee.value
+                              }, null, 8, ["label", "value"])), 64))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                          M(T.type) ? (s(), E(ie, {
+                            key: 0,
+                            modelValue: T.value,
+                            "onUpdate:modelValue": (ee) => T.value = ee,
+                            size: "small",
+                            class: "validation-value",
+                            "controls-position": "right",
+                            onChange: R
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : w(T.type) ? (s(), E(Q, {
+                            key: 1,
+                            modelValue: T.value,
+                            "onUpdate:modelValue": (ee) => T.value = ee,
+                            size: "small",
+                            class: "validation-value",
+                            placeholder: "规则值",
+                            onChange: R
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : W("", !0),
+                          t(L, {
+                            "model-value": S(T.trigger),
+                            size: "small",
+                            class: "validation-trigger",
+                            "onUpdate:modelValue": (ee) => b(T, ee)
+                          }, {
+                            default: n(() => [
+                              t(H, {
+                                label: "失焦",
+                                value: "blur"
+                              }),
+                              t(H, {
+                                label: "变化",
+                                value: "change"
+                              }),
+                              t(H, {
+                                label: "变化和失焦",
+                                value: "both"
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "onUpdate:modelValue"]),
+                          t(I, {
+                            class: "validation-delete",
+                            title: "删除规则",
+                            onClick: (ee) => U(ge)
+                          }, {
+                            default: n(() => [
+                              t(o(ue))
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ]),
+                        t(Q, {
+                          modelValue: T.message,
+                          "onUpdate:modelValue": (ee) => T.message = ee,
+                          size: "small",
+                          placeholder: "校验失败提示",
+                          onChange: R
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]))), 128)),
+                      t(Z, {
+                        size: "small",
+                        icon: o(Ae),
+                        onClick: j
+                      }, {
+                        default: n(() => [
+                          F("添加校验规则")
+                        ]),
+                        _: 1
+                      }, 8, ["icon"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : f.type === "select" ? (s(), E(te, {
+                  key: 5,
+                  label: f.label,
+                  required: f.required
+                }, {
+                  default: n(() => [
+                    t(L, {
+                      "model-value": p(o(l).selectedNode, f.key),
+                      disabled: f.disabled,
+                      style: { width: "100%" },
+                      "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, T)
+                    }, {
+                      default: n(() => [
+                        (s(!0), v(q, null, G(f.options, (T) => (s(), E(H, {
+                          key: T.value,
+                          label: T.label,
+                          value: T.value
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "required"])) : f.type === "dataSource" ? (s(), E(te, {
+                  key: 6,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    t(L, {
+                      "model-value": p(o(l).selectedNode, f.key),
+                      placeholder: "选择数据源",
+                      clearable: "",
+                      style: { width: "100%" },
+                      "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, T)
+                    }, {
+                      default: n(() => [
+                        (s(!0), v(q, null, G(o(l).schema.dataSources, (T) => (s(), E(H, {
+                          key: T.id,
+                          label: T.name || T.id,
+                          value: T.id
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : f.type === "tags" ? (s(), E(te, {
+                  key: 7,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    t(Q, {
+                      "model-value": P(p(o(l).selectedNode, f.key)),
+                      placeholder: f.placeholder,
+                      "onUpdate:modelValue": (T) => o(l).updateNodeProp(f.key, C(T))
+                    }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : f.type === "json" ? (s(), E(te, {
+                  key: 8,
+                  label: f.label
+                }, {
+                  default: n(() => [
+                    t(Q, {
+                      type: "textarea",
+                      rows: 3,
+                      "model-value": x(p(o(l).selectedNode, f.key)),
+                      placeholder: f.placeholder,
+                      "onUpdate:modelValue": (T) => A(f.key, T)
+                    }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : W("", !0)
+              ], 64))), 128))
+            ]),
+            _: 1
+          })
+        ])) : (s(), v("div", jo, Yo))
+      ]);
+    };
+  }
+}, Qo = /* @__PURE__ */ ne(Zo, [["__scopeId", "data-v-8cb9e83e"]]);
+const pe = (e) => (he("data-v-a3a65c84"), e = e(), ve(), e), ea = { class: "jxy-datasource-panel" }, la = { class: "panel-header" }, ta = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", null, "数据源列表", -1)), oa = {
+  key: 0,
+  class: "ds-empty"
+}, aa = { class: "ds-item-title" }, na = {
+  key: 1,
+  class: "tree-options-editor"
+}, sa = {
+  key: 0,
+  class: "tree-options-error"
+}, ra = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("div", { class: "tree-options-tip" }, "地址选择需要三级 children，关联选择列表需要两级 children。", -1)), ia = {
+  key: 0,
+  class: "legacy-api-tip"
+}, da = { class: "api-params-wrap" }, ca = {
+  key: 0,
+  class: "api-param-header"
+}, ua = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", { class: "param-col-key" }, "参数名", -1)), pa = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", { class: "param-col-type" }, "取值类型", -1)), ma = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", { class: "param-col-source" }, "来源", -1)), fa = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", { class: "param-col-req" }, "必需", -1)), ya = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", { class: "param-col-del" }, null, -1)), _a = [
+  ua,
+  pa,
+  ma,
+  fa,
+  ya
+], ha = { class: "api-param-tip" }, va = /* @__PURE__ */ pe(() => /* @__PURE__ */ _("span", null, "取值类型为「字段」时，参数值从表单字段实时读取；勾选「必需」则该字段为空时不发起请求。", -1)), ga = {
+  __name: "DataSourcePanel",
+  setup(e) {
+    const l = se(), g = re([]), r = ke({}), u = ke({}), h = ke({});
+    function p(a) {
+      return { static: "", dict: "success", api: "warning" }[a] || "info";
+    }
+    function c(a) {
+      const N = { static: Nl, dict: Pl, api: Tl }[a]();
+      N.name = `新${a === "static" ? "静态" : a === "dict" ? "字典" : "API"}数据源`, l.addDataSource(N), g.value.push(N.id);
+    }
+    function m(a) {
+      Ve.confirm("删除此数据源？引用它的字段将被清除绑定。", "确认", { type: "warning" }).then(() => l.removeDataSource(a)).catch(() => {
+      });
+    }
+    function O(a) {
+      a.options.push({ label: "", value: "", disabled: !1 }), w();
+    }
+    function P(a, k) {
+      a.options.splice(k, 1), w();
+    }
+    function C(a) {
+      return Array.isArray(a) && a.some((k) => Array.isArray(k == null ? void 0 : k.children));
+    }
+    function x(a) {
+      return r[a.id] || (C(a.options) ? "tree" : "flat");
+    }
+    function A(a, k) {
+      r[a.id] = k, k === "tree" && (u[a.id] = JSON.stringify(a.options || [], null, 2));
+    }
+    function j(a) {
+      return u[a.id] === void 0 && (u[a.id] = JSON.stringify(a.options || [], null, 2)), u[a.id];
+    }
+    function U(a, k) {
+      u[a.id] = k, h[a.id] = "";
+    }
+    function d(a, k) {
+      try {
+        const N = JSON.parse(k);
+        if (!Array.isArray(N))
+          throw new Error("根节点必须是数组");
+        a.options = N, u[a.id] = JSON.stringify(N, null, 2), h[a.id] = "", w();
+      } catch (N) {
+        h[a.id] = `JSON 无效：${N.message}`;
+      }
+    }
+    function S(a) {
+      Array.isArray(a.params) || (a.params = []), a.params.push(wl()), w();
+    }
+    function b(a, k) {
+      a.params.splice(k, 1), w();
+    }
+    function w() {
+      l.onDragSortEnd();
+    }
+    function M(a) {
+      if (!a)
+        return "";
+      const k = Ie(a);
+      return k.valid ? "" : k.message;
+    }
+    function R(a) {
+      Ie(a.url, { required: !0 }).valid && a.apiKey && delete a.apiKey, w();
+    }
+    return (a, k) => {
+      const N = y("el-icon"), Z = y("el-button"), Q = y("el-dropdown-item"), te = y("el-dropdown-menu"), ie = y("el-dropdown"), fe = y("el-tag"), H = y("el-input"), L = y("el-form-item"), I = y("el-radio-button"), de = y("el-radio-group"), f = y("el-option"), T = y("el-select"), ge = y("el-checkbox"), ee = y("el-form"), Ne = y("el-collapse-item"), Pe = y("el-collapse");
+      return s(), v("div", ea, [
+        _("div", la, [
+          ta,
+          t(ie, { onCommand: c }, {
+            dropdown: n(() => [
+              t(te, null, {
+                default: n(() => [
+                  t(Q, { command: "static" }, {
+                    default: n(() => [
+                      F("静态选项")
+                    ]),
+                    _: 1
+                  }),
+                  t(Q, { command: "dict" }, {
+                    default: n(() => [
+                      F("字典")
+                    ]),
+                    _: 1
+                  }),
+                  t(Q, { command: "api" }, {
+                    default: n(() => [
+                      F("API")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: n(() => [
+              t(Z, {
+                size: "small",
+                type: "primary"
+              }, {
+                default: n(() => [
+                  F(" 添加"),
+                  t(N, { class: "el-icon--right" }, {
+                    default: n(() => [
+                      t(o(ol))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        o(l).schema.dataSources.length === 0 ? (s(), v("div", oa, " 暂无数据源 ")) : W("", !0),
+        t(Pe, {
+          modelValue: g.value,
+          "onUpdate:modelValue": k[0] || (k[0] = (D) => g.value = D),
+          class: "ds-list"
+        }, {
+          default: n(() => [
+            (s(!0), v(q, null, G(o(l).schema.dataSources, (D) => (s(), E(Ne, {
+              key: D.id,
+              name: D.id
+            }, {
+              title: n(() => [
+                _("div", aa, [
+                  t(fe, {
+                    size: "small",
+                    type: p(D.type)
+                  }, {
+                    default: n(() => [
+                      F(Y(D.type), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  _("span", null, Y(D.name || D.id), 1),
+                  t(N, {
+                    class: "ds-delete-btn",
+                    onClick: ce((J) => m(D.id), ["stop"])
+                  }, {
+                    default: n(() => [
+                      t(o(ue))
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ]),
+              default: n(() => [
+                t(ee, {
+                  "label-position": "top",
+                  size: "small"
+                }, {
+                  default: n(() => [
+                    t(L, { label: "名称" }, {
+                      default: n(() => [
+                        t(H, {
+                          modelValue: D.name,
+                          "onUpdate:modelValue": (J) => D.name = J,
+                          placeholder: "数据源名称",
+                          onChange: w
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    D.type === "static" ? (s(), E(L, {
+                      key: 0,
+                      label: "选项列表"
+                    }, {
+                      default: n(() => [
+                        t(de, {
+                          "model-value": x(D),
+                          size: "small",
+                          class: "static-editor-mode",
+                          "onUpdate:modelValue": (J) => A(D, J)
+                        }, {
+                          default: n(() => [
+                            t(I, { label: "flat" }, {
+                              default: n(() => [
+                                F("平铺选项")
+                              ]),
+                              _: 1
+                            }),
+                            t(I, { label: "tree" }, {
+                              default: n(() => [
+                                F("树形 JSON")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["model-value", "onUpdate:modelValue"]),
+                        x(D) === "flat" ? (s(), v(q, { key: 0 }, [
+                          (s(!0), v(q, null, G(D.options, (J, ye) => (s(), v("div", {
+                            key: ye,
+                            class: "static-option-row"
+                          }, [
+                            t(H, {
+                              modelValue: J.label,
+                              "onUpdate:modelValue": (B) => J.label = B,
+                              placeholder: "显示文本",
+                              onChange: w
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                            t(H, {
+                              modelValue: J.value,
+                              "onUpdate:modelValue": (B) => J.value = B,
+                              placeholder: "值",
+                              onChange: w
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                            t(N, {
+                              class: "opt-delete",
+                              onClick: (B) => P(D, ye)
+                            }, {
+                              default: n(() => [
+                                t(o(ue))
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ]))), 128)),
+                          t(Z, {
+                            size: "small",
+                            onClick: (J) => O(D)
+                          }, {
+                            default: n(() => [
+                              F("添加选项")
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ], 64)) : (s(), v("div", na, [
+                          t(H, {
+                            type: "textarea",
+                            rows: 10,
+                            "model-value": j(D),
+                            placeholder: '[{ "label": "一级", "value": "1", "children": [] }]',
+                            "onUpdate:modelValue": (J) => U(D, J),
+                            onChange: (J) => d(D, J)
+                          }, null, 8, ["model-value", "onUpdate:modelValue", "onChange"]),
+                          h[D.id] ? (s(), v("div", sa, Y(h[D.id]), 1)) : W("", !0),
+                          ra
+                        ]))
+                      ]),
+                      _: 2
+                    }, 1024)) : W("", !0),
+                    D.type === "dict" ? (s(), E(L, {
+                      key: 1,
+                      label: "字典类型"
+                    }, {
+                      default: n(() => [
+                        t(H, {
+                          modelValue: D.dictType,
+                          "onUpdate:modelValue": (J) => D.dictType = J,
+                          placeholder: "如 sys_user_sex",
+                          onChange: w
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024)) : W("", !0),
+                    D.type === "api" ? (s(), v(q, { key: 2 }, [
+                      t(L, {
+                        label: "API 地址",
+                        error: M(D.url)
+                      }, {
+                        default: n(() => [
+                          t(H, {
+                            modelValue: D.url,
+                            "onUpdate:modelValue": (J) => D.url = J,
+                            placeholder: "如：/form-datasource/region/cities",
+                            clearable: "",
+                            onChange: (J) => R(D)
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                          D.apiKey && !D.url ? (s(), v("div", ia, " 旧 API Key：" + Y(D.apiKey) + "，请重新配置接口地址。 ", 1)) : W("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["error"]),
+                      t(L, { label: "请求参数" }, {
+                        default: n(() => [
+                          _("div", da, [
+                            D.params && D.params.length > 0 ? (s(), v("div", ca, _a)) : W("", !0),
+                            (s(!0), v(q, null, G(D.params, (J, ye) => (s(), v("div", {
+                              key: ye,
+                              class: "api-param-row"
+                            }, [
+                              t(H, {
+                                modelValue: J.key,
+                                "onUpdate:modelValue": (B) => J.key = B,
+                                placeholder: "参数名",
+                                class: "param-col-key",
+                                onChange: w
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                              t(T, {
+                                modelValue: J.valueType,
+                                "onUpdate:modelValue": (B) => J.valueType = B,
+                                class: "param-col-type",
+                                onChange: w
+                              }, {
+                                default: n(() => [
+                                  t(f, {
+                                    label: "字段",
+                                    value: "field"
+                                  }),
+                                  t(f, {
+                                    label: "常量",
+                                    value: "constant"
+                                  })
+                                ]),
+                                _: 2
+                              }, 1032, ["modelValue", "onUpdate:modelValue"]),
+                              J.valueType === "field" ? (s(), E(T, {
+                                key: 0,
+                                modelValue: J.field,
+                                "onUpdate:modelValue": (B) => J.field = B,
+                                placeholder: "选择字段",
+                                class: "param-col-source",
+                                clearable: "",
+                                onChange: w
+                              }, {
+                                default: n(() => [
+                                  (s(!0), v(q, null, G(o(l).allFieldProps, (B) => (s(), E(f, {
+                                    key: B,
+                                    label: B,
+                                    value: B
+                                  }, null, 8, ["label", "value"]))), 128))
+                                ]),
+                                _: 2
+                              }, 1032, ["modelValue", "onUpdate:modelValue"])) : (s(), E(H, {
+                                key: 1,
+                                modelValue: J.value,
+                                "onUpdate:modelValue": (B) => J.value = B,
+                                placeholder: "常量值",
+                                class: "param-col-source",
+                                onChange: w
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])),
+                              t(ge, {
+                                modelValue: J.required,
+                                "onUpdate:modelValue": (B) => J.required = B,
+                                class: "param-col-req",
+                                title: "必需：为空时不发起请求",
+                                onChange: w
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                              t(N, {
+                                class: "param-col-del opt-delete",
+                                onClick: (B) => b(D, ye)
+                              }, {
+                                default: n(() => [
+                                  t(o(ue))
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ]))), 128)),
+                            t(Z, {
+                              size: "small",
+                              onClick: (J) => S(D)
+                            }, {
+                              default: n(() => [
+                                F(" + 添加参数 ")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            _("div", ha, [
+                              t(N, {
+                                color: "#909399",
+                                size: 12
+                              }, {
+                                default: n(() => [
+                                  t(o(nl))
+                                ]),
+                                _: 1
+                              }),
+                              va
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 64)) : W("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["name"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, ba = /* @__PURE__ */ ne(ga, [["__scopeId", "data-v-a3a65c84"]]);
+const pl = (e) => (he("data-v-c7063ca9"), e = e(), ve(), e), ka = { class: "jxy-reaction-panel" }, Sa = { class: "panel-header" }, Ca = /* @__PURE__ */ pl(() => /* @__PURE__ */ _("span", null, "联动规则", -1)), xa = {
+  key: 0,
+  class: "reaction-empty"
+}, $a = /* @__PURE__ */ pl(() => /* @__PURE__ */ _("p", null, "暂无联动规则", -1)), Va = { class: "reaction-item-title" }, wa = { class: "reaction-item-label" }, Na = { class: "condition-row" }, Pa = { class: "effects-list" }, Ta = {
+  __name: "ReactionPanel",
+  setup(e) {
+    const l = se(), g = re([]), r = [
+      { label: "始终触发", value: "always" },
+      { label: "等于", value: "eq" },
+      { label: "不等于", value: "neq" },
+      { label: "包含", value: "in" },
+      { label: "不包含", value: "notIn" },
+      { label: "为空", value: "empty" },
+      { label: "不为空", value: "notEmpty" }
+    ], u = [
+      { label: "清空值", value: "clearValue" },
+      { label: "设置值", value: "setValue" },
+      { label: "设置显隐", value: "setHidden" },
+      { label: "设置禁用", value: "setDisabled" },
+      { label: "设置必填", value: "setRequired" },
+      { label: "刷新选项", value: "reloadOptions" }
+    ];
+    function h(b) {
+      return ["eq", "neq", "in", "notIn"].includes(b);
+    }
+    function p(b) {
+      return ["setValue", "setHidden", "setDisabled", "setRequired"].includes(b);
+    }
+    function c(b) {
+      return ["setHidden", "setDisabled", "setRequired"].includes(b);
+    }
+    function m(b) {
+      var w, M;
+      return ((M = (w = l.allFieldNodes) == null ? void 0 : w.find) == null ? void 0 : M.call(w, (R) => R.prop === b)) || null;
+    }
+    function O(b) {
+      if (b.type !== "setValue")
+        return !1;
+      const w = m(b.targetField);
+      return ["addressSelector", "linkedSelectList"].includes(w == null ? void 0 : w.type);
+    }
+    function P(b) {
+      try {
+        return JSON.stringify(b, null, 2);
+      } catch {
+        return "";
+      }
+    }
+    function C(b, w) {
+      try {
+        b.value = JSON.parse(w), S();
+      } catch (M) {
+        le.error(`JSON 格式错误：${M.message}`);
+      }
+    }
+    function x(b) {
+      return c(b) ? !0 : "";
+    }
+    function A() {
+      const b = El();
+      l.addReaction(b), g.value = [b.id];
+    }
+    function j(b) {
+      Ve.confirm("删除此联动规则？", "确认删除", { type: "warning" }).then(() => l.removeReaction(b)).catch(() => {
+      });
+    }
+    function U(b) {
+      Array.isArray(b.effects) || (b.effects = []), b.effects.push(Dl()), S();
+    }
+    function d(b, w) {
+      b.effects.splice(w, 1), S();
+    }
+    function S() {
+      l.onDragSortEnd();
+    }
+    return (b, w) => {
+      const M = y("el-button"), R = y("el-icon"), a = y("el-tag"), k = y("el-option"), N = y("el-select"), Z = y("el-form-item"), Q = y("el-input"), te = y("el-switch"), ie = y("el-form"), fe = y("el-collapse-item"), H = y("el-collapse");
+      return s(), v("div", ka, [
+        _("div", Sa, [
+          Ca,
+          t(M, {
+            size: "small",
+            type: "primary",
+            icon: o(Ae),
+            onClick: A
+          }, {
+            default: n(() => [
+              F("添加规则")
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ]),
+        o(l).schema.reactions.length === 0 ? (s(), v("div", xa, [
+          t(R, {
+            size: 36,
+            color: "#c0c4cc"
+          }, {
+            default: n(() => [
+              t(o(sl))
+            ]),
+            _: 1
+          }),
+          $a
+        ])) : W("", !0),
+        t(H, {
+          modelValue: g.value,
+          "onUpdate:modelValue": w[0] || (w[0] = (L) => g.value = L),
+          class: "reaction-list"
+        }, {
+          default: n(() => [
+            (s(!0), v(q, null, G(o(l).schema.reactions, (L) => (s(), E(fe, {
+              key: L.id,
+              name: L.id
+            }, {
+              title: n(() => [
+                _("div", Va, [
+                  t(a, {
+                    size: "small",
+                    type: "warning"
+                  }, {
+                    default: n(() => [
+                      F("联动")
+                    ]),
+                    _: 1
+                  }),
+                  _("span", wa, Y(L.sourceField || "未配置触发字段"), 1),
+                  t(R, {
+                    class: "reaction-delete-btn",
+                    title: "删除此规则",
+                    onClick: ce((I) => j(L.id), ["stop"])
+                  }, {
+                    default: n(() => [
+                      t(o(ue))
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ]),
+              default: n(() => [
+                t(ie, {
+                  "label-position": "top",
+                  size: "small",
+                  class: "reaction-form"
+                }, {
+                  default: n(() => [
+                    t(Z, {
+                      label: "触发字段（sourceField）",
+                      required: ""
+                    }, {
+                      default: n(() => [
+                        t(N, {
+                          modelValue: L.sourceField,
+                          "onUpdate:modelValue": (I) => L.sourceField = I,
+                          placeholder: "选择触发字段",
+                          style: { width: "100%" },
+                          onChange: S
+                        }, {
+                          default: n(() => [
+                            (s(!0), v(q, null, G(o(l).allFieldProps, (I) => (s(), E(k, {
+                              key: I,
+                              label: I,
+                              value: I
+                            }, null, 8, ["label", "value"]))), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    t(Z, { label: "触发条件" }, {
+                      default: n(() => [
+                        _("div", Na, [
+                          t(N, {
+                            modelValue: L.condition.type,
+                            "onUpdate:modelValue": (I) => L.condition.type = I,
+                            style: { width: "108px", "flex-shrink": "0" },
+                            onChange: () => {
+                              L.condition.value = "", S();
+                            }
+                          }, {
+                            default: n(() => [
+                              (s(), v(q, null, G(r, (I) => t(k, {
+                                key: I.value,
+                                label: I.label,
+                                value: I.value
+                              }, null, 8, ["label", "value"])), 64))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                          h(L.condition.type) ? (s(), E(Q, {
+                            key: 0,
+                            modelValue: L.condition.value,
+                            "onUpdate:modelValue": (I) => L.condition.value = I,
+                            placeholder: "条件值",
+                            style: { flex: "1", "min-width": "0" },
+                            onChange: S
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : W("", !0)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    t(Z, { label: "执行动作" }, {
+                      default: n(() => [
+                        _("div", Pa, [
+                          (s(!0), v(q, null, G(L.effects, (I, de) => (s(), v("div", {
+                            key: de,
+                            class: "effect-row"
+                          }, [
+                            t(N, {
+                              modelValue: I.type,
+                              "onUpdate:modelValue": (f) => I.type = f,
+                              style: { width: "106px", "flex-shrink": "0" },
+                              size: "small",
+                              onChange: () => {
+                                I.value = x(I.type), S();
+                              }
+                            }, {
+                              default: n(() => [
+                                (s(), v(q, null, G(u, (f) => t(k, {
+                                  key: f.value,
+                                  label: f.label,
+                                  value: f.value
+                                }, null, 8, ["label", "value"])), 64))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                            t(N, {
+                              modelValue: I.targetField,
+                              "onUpdate:modelValue": (f) => I.targetField = f,
+                              placeholder: "目标字段",
+                              style: { flex: "1", "min-width": "0" },
+                              size: "small",
+                              onChange: S
+                            }, {
+                              default: n(() => [
+                                (s(!0), v(q, null, G(o(l).allFieldProps.filter((f) => f !== L.sourceField), (f) => (s(), E(k, {
+                                  key: f,
+                                  label: f,
+                                  value: f
+                                }, null, 8, ["label", "value"]))), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue"]),
+                            p(I.type) ? (s(), v(q, { key: 0 }, [
+                              c(I.type) ? (s(), E(te, {
+                                key: 0,
+                                modelValue: I.value,
+                                "onUpdate:modelValue": (f) => I.value = f,
+                                size: "small",
+                                onChange: S
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])) : O(I) ? (s(), E(Q, {
+                                key: 2,
+                                type: "textarea",
+                                rows: 2,
+                                "model-value": P(I.value),
+                                placeholder: "JSON 值",
+                                class: "effect-json-value",
+                                size: "small",
+                                onChange: (f) => C(I, f)
+                              }, null, 8, ["model-value", "onChange"])) : (s(), E(Q, {
+                                key: 1,
+                                modelValue: I.value,
+                                "onUpdate:modelValue": (f) => I.value = f,
+                                placeholder: "值",
+                                style: { width: "72px", "flex-shrink": "0" },
+                                size: "small",
+                                onChange: S
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                            ], 64)) : W("", !0),
+                            t(R, {
+                              class: "effect-delete",
+                              title: "删除此动作",
+                              onClick: (f) => d(L, de)
+                            }, {
+                              default: n(() => [
+                                t(o(ue))
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ]))), 128)),
+                          t(M, {
+                            size: "small",
+                            icon: o(Ae),
+                            onClick: (I) => U(L)
+                          }, {
+                            default: n(() => [
+                              F("添加动作")
+                            ]),
+                            _: 2
+                          }, 1032, ["icon", "onClick"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["name"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, Ea = /* @__PURE__ */ ne(Ta, [["__scopeId", "data-v-c7063ca9"]]);
+const me = (e) => (he("data-v-99b3e94a"), e = e(), ve(), e), Da = { class: "jxy-form-config-panel" }, Ua = { class: "section-title" }, Oa = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", null, "表单信息", -1)), Aa = { class: "section-title" }, Ia = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", null, "数据源配置", -1)), Fa = /* @__PURE__ */ me(() => /* @__PURE__ */ _("div", { class: "config-tip" }, " 当前表单所有字典通过该接口一次性加载；没有 DICT 数据源时可以留空。 ", -1)), Ra = { class: "section-title" }, za = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", null, "布局配置", -1)), Ja = { class: "schema-info" }, La = { class: "schema-info-row" }, ja = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", { class: "schema-info-label" }, "Schema 版本", -1)), Ma = { class: "schema-info-row" }, Ya = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", { class: "schema-info-label" }, "节点数量", -1)), qa = { class: "schema-info-row" }, Xa = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", { class: "schema-info-label" }, "数据源", -1)), Ba = { class: "schema-info-row" }, Ka = /* @__PURE__ */ me(() => /* @__PURE__ */ _("span", { class: "schema-info-label" }, "联动规则", -1)), Ha = {
+  __name: "FormConfigPanel",
+  setup(e) {
+    const l = se(), g = oe(() => {
+      var p;
+      const u = ((p = l.schema.dataSourceConfig) == null ? void 0 : p.dictUrl) || "";
+      if (!u)
+        return "";
+      const h = Ie(u);
+      return h.valid ? "" : h.message;
+    }), r = oe(() => {
+      const u = l.schema.nodes || [];
+      let h = 0;
+      function p(c) {
+        c.forEach((m) => {
+          h++, m.nodeType === "grid" && Array.isArray(m.columns) && m.columns.forEach((O) => {
+            Array.isArray(O.children) && p(O.children);
+          });
+        });
+      }
+      return p(u), h;
+    });
+    return (u, h) => {
+      const p = y("el-icon"), c = y("el-input"), m = y("el-form-item"), O = y("el-form"), P = y("el-divider"), C = y("el-option"), x = y("el-select"), A = y("el-input-number"), j = y("el-switch"), U = y("el-tag");
+      return s(), v("div", Da, [
+        _("div", Ua, [
+          t(p, null, {
+            default: n(() => [
+              t(o(nl))
+            ]),
+            _: 1
+          }),
+          Oa
+        ]),
+        t(O, {
+          "label-position": "top",
+          size: "small",
+          class: "config-form"
+        }, {
+          default: n(() => [
+            t(m, { label: "表单名称" }, {
+              default: n(() => {
+                var d;
+                return [
+                  t(c, {
+                    "model-value": (d = o(l).schema.meta) == null ? void 0 : d.formName,
+                    placeholder: "如：请假申请",
+                    "onUpdate:modelValue": h[0] || (h[0] = (S) => o(l).updateFormMeta("formName", S))
+                  }, null, 8, ["model-value"])
+                ];
+              }),
+              _: 1
+            }),
+            t(m, { label: "表单编码（formCode）" }, {
+              default: n(() => {
+                var d;
+                return [
+                  t(c, {
+                    "model-value": (d = o(l).schema.meta) == null ? void 0 : d.formCode,
+                    placeholder: "如：leaveApply（发布时必填）",
+                    "onUpdate:modelValue": h[1] || (h[1] = (S) => o(l).updateFormMeta("formCode", S))
+                  }, null, 8, ["model-value"])
+                ];
+              }),
+              _: 1
+            }),
+            t(m, { label: "表单描述" }, {
+              default: n(() => {
+                var d;
+                return [
+                  t(c, {
+                    type: "textarea",
+                    rows: 2,
+                    "model-value": (d = o(l).schema.meta) == null ? void 0 : d.description,
+                    placeholder: "表单用途说明（选填）",
+                    "onUpdate:modelValue": h[2] || (h[2] = (S) => o(l).updateFormMeta("description", S))
+                  }, null, 8, ["model-value"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        t(P, { class: "config-divider" }),
+        _("div", Aa, [
+          t(p, null, {
+            default: n(() => [
+              t(o(sl))
+            ]),
+            _: 1
+          }),
+          Ia
+        ]),
+        t(O, {
+          "label-position": "top",
+          size: "small",
+          class: "config-form"
+        }, {
+          default: n(() => [
+            t(m, {
+              label: "DICT 总接口地址",
+              error: o(g)
+            }, {
+              default: n(() => {
+                var d;
+                return [
+                  t(c, {
+                    "model-value": (d = o(l).schema.dataSourceConfig) == null ? void 0 : d.dictUrl,
+                    placeholder: "如：/form-datasource/leave-apply/dicts",
+                    clearable: "",
+                    "onUpdate:modelValue": h[3] || (h[3] = (S) => o(l).updateDataSourceConfig("dictUrl", S))
+                  }, null, 8, ["model-value"]),
+                  Fa
+                ];
+              }),
+              _: 1
+            }, 8, ["error"])
+          ]),
+          _: 1
+        }),
+        t(P, { class: "config-divider" }),
+        _("div", Ra, [
+          t(p, null, {
+            default: n(() => [
+              t(o(Ql))
+            ]),
+            _: 1
+          }),
+          za
+        ]),
+        t(O, {
+          "label-position": "top",
+          size: "small",
+          class: "config-form"
+        }, {
+          default: n(() => [
+            (s(!0), v(q, null, G(o(Ro), (d) => (s(), E(m, {
+              key: d.key,
+              label: d.label
+            }, {
+              default: n(() => {
+                var S, b, w, M;
+                return [
+                  d.type === "select" ? (s(), E(x, {
+                    key: 0,
+                    "model-value": (S = o(l).schema.config) == null ? void 0 : S[d.key],
+                    style: { width: "100%" },
+                    "onUpdate:modelValue": (R) => o(l).updateFormConfig(d.key, R)
+                  }, {
+                    default: n(() => [
+                      (s(!0), v(q, null, G(d.options, (R) => (s(), E(C, {
+                        key: R.value,
+                        label: R.label,
+                        value: R.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["model-value", "onUpdate:modelValue"])) : d.type === "number" ? (s(), E(A, {
+                    key: 1,
+                    "model-value": (b = o(l).schema.config) == null ? void 0 : b[d.key],
+                    min: d.min ?? 0,
+                    max: d.max,
+                    step: d.step || 1,
+                    placeholder: d.placeholder,
+                    "controls-position": "right",
+                    style: { width: "100%" },
+                    "onUpdate:modelValue": (R) => o(l).updateFormConfig(d.key, R)
+                  }, null, 8, ["model-value", "min", "max", "step", "placeholder", "onUpdate:modelValue"])) : d.type === "switch" ? (s(), E(j, {
+                    key: 2,
+                    "model-value": (w = o(l).schema.config) == null ? void 0 : w[d.key],
+                    "onUpdate:modelValue": (R) => o(l).updateFormConfig(d.key, R)
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (s(), E(c, {
+                    key: 3,
+                    "model-value": (M = o(l).schema.config) == null ? void 0 : M[d.key],
+                    placeholder: d.placeholder,
+                    "onUpdate:modelValue": (R) => o(l).updateFormConfig(d.key, R)
+                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]))
+                ];
+              }),
+              _: 2
+            }, 1032, ["label"]))), 128))
+          ]),
+          _: 1
+        }),
+        t(P, { class: "config-divider" }),
+        _("div", Ja, [
+          _("div", La, [
+            ja,
+            t(U, {
+              size: "small",
+              type: "info"
+            }, {
+              default: n(() => [
+                F(Y(o(l).schema.schemaVersion), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _("div", Ma, [
+            Ya,
+            t(U, { size: "small" }, {
+              default: n(() => [
+                F(Y(o(r)), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _("div", qa, [
+            Xa,
+            t(U, { size: "small" }, {
+              default: n(() => {
+                var d;
+                return [
+                  F(Y(((d = o(l).schema.dataSources) == null ? void 0 : d.length) ?? 0), 1)
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _("div", Ba, [
+            Ka,
+            t(U, { size: "small" }, {
+              default: n(() => {
+                var d;
+                return [
+                  F(Y(((d = o(l).schema.reactions) == null ? void 0 : d.length) ?? 0), 1)
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}, Wa = /* @__PURE__ */ ne(Ha, [["__scopeId", "data-v-99b3e94a"]]);
+const Ga = { class: "jxy-designer-right-panel" }, Za = {
+  __name: "DesignerRightPanel",
+  setup(e) {
+    const l = se();
+    return (g, r) => {
+      const u = y("el-tab-pane"), h = y("el-tabs");
+      return s(), v("div", Ga, [
+        t(h, {
+          modelValue: o(l).activePanel,
+          "onUpdate:modelValue": r[0] || (r[0] = (p) => o(l).activePanel = p),
+          class: "right-panel-tabs"
+        }, {
+          default: n(() => [
+            t(u, {
+              label: "属性",
+              name: "props"
+            }, {
+              default: n(() => [
+                t(Qo)
+              ]),
+              _: 1
+            }),
+            t(u, {
+              label: "数据源",
+              name: "dataSource"
+            }, {
+              default: n(() => [
+                t(ba)
+              ]),
+              _: 1
+            }),
+            t(u, {
+              label: "联动",
+              name: "reaction"
+            }, {
+              default: n(() => [
+                t(Ea)
+              ]),
+              _: 1
+            }),
+            t(u, {
+              label: "表单",
+              name: "formConfig"
+            }, {
+              default: n(() => [
+                t(Wa)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, Qa = /* @__PURE__ */ ne(Za, [["__scopeId", "data-v-82e44664"]]);
+const en = { class: "jxy-preview-content" }, ln = { class: "runtime-wrap" }, tn = { class: "schema-json-wrap" }, on = { class: "json-toolbar" }, an = { class: "schema-json-view" }, nn = {
+  __name: "PreviewContent",
+  props: {
+    schema: { type: Object, required: !0 },
+    dataSourceProvider: { type: Object, default: null },
+    componentRegistry: { type: Object, default: () => ({}) }
+  },
+  setup(e) {
+    const l = e, g = re("runtime"), r = oe(() => {
+      try {
+        return JSON.stringify(l.schema, null, 2);
+      } catch {
+        return "";
+      }
+    });
+    async function u() {
+      try {
+        await navigator.clipboard.writeText(r.value), le.success("已复制 Schema JSON");
+      } catch {
+        le.error("复制失败，请手动选中复制");
+      }
+    }
+    return (h, p) => {
+      const c = y("el-tab-pane"), m = y("el-button"), O = y("el-tabs");
+      return s(), v("div", en, [
+        t(O, {
+          modelValue: g.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (P) => g.value = P),
+          class: "preview-tabs"
+        }, {
+          default: n(() => [
+            t(c, {
+              label: "🖥 表单预览",
+              name: "runtime"
+            }, {
+              default: n(() => [
+                _("div", ln, [
+                  t(lt, {
+                    schema: e.schema,
+                    "data-source-provider": e.dataSourceProvider,
+                    "component-registry": e.componentRegistry,
+                    layout: "dialog"
+                  }, Ge({ _: 2 }, [
+                    h.$slots["field-suffix"] ? {
+                      name: "field-suffix",
+                      fn: n((P) => [
+                        $e(h.$slots, "field-suffix", Ze(Qe(P)), void 0, !0)
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    h.$slots["preview-actions"] ? {
+                      name: "preview-actions",
+                      fn: n(() => [
+                        $e(h.$slots, "preview-actions", {}, void 0, !0)
+                      ]),
+                      key: "1"
+                    } : void 0
+                  ]), 1032, ["schema", "data-source-provider", "component-registry"])
+                ])
+              ]),
+              _: 3
+            }),
+            t(c, {
+              label: "📋 Schema JSON",
+              name: "json"
+            }, {
+              default: n(() => [
+                _("div", tn, [
+                  _("div", on, [
+                    t(m, {
+                      size: "small",
+                      text: "",
+                      type: "primary",
+                      icon: o(we),
+                      onClick: u
+                    }, {
+                      default: n(() => [
+                        F("复制 JSON")
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])
+                  ]),
+                  _("pre", an, Y(o(r)), 1)
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, sn = /* @__PURE__ */ ne(nn, [["__scopeId", "data-v-0779918e"]]);
+const rn = { class: "jxy-designer-body" }, dn = { class: "jxy-designer-left" }, cn = { class: "jxy-designer-center" }, un = { class: "jxy-designer-right" }, pn = {
+  __name: "index",
+  props: {
+    dataSourceProvider: { type: Object, default: null },
+    componentRegistry: { type: Object, default: () => ({}) }
+  },
+  setup(e, { expose: l }) {
+    const g = se(), r = re(!1);
+    return He(() => {
+      g.initDesigner();
+    }), st(), kl("designerPreview", {
+      open: () => {
+        r.value = !0;
+      },
+      close: () => {
+        r.value = !1;
+      }
+    }), l({
+      getSchema: () => g.schema,
+      loadSchema: (u) => g.loadSchema(u),
+      saveDraft: () => g.saveDraft(),
+      publish: () => g.publish()
+    }), (u, h) => {
+      const p = y("el-dialog");
+      return s(), v("div", {
+        class: "jxy-form-designer",
+        onClick: h[1] || (h[1] = ce((c) => o(g).clearSelection(), ["self"]))
+      }, [
+        t(gt),
+        _("div", rn, [
+          _("div", dn, [
+            t($t)
+          ]),
+          _("div", cn, [
+            t(co)
+          ]),
+          _("div", un, [
+            t(Qa)
+          ])
+        ]),
+        t(p, {
+          modelValue: r.value,
+          "onUpdate:modelValue": h[0] || (h[0] = (c) => r.value = c),
+          title: "表单预览",
+          fullscreen: "",
+          "destroy-on-close": "",
+          class: "jxy-designer-preview-dialog"
+        }, {
+          default: n(() => [
+            r.value ? (s(), E(sn, {
+              key: 0,
+              schema: o(g).schema,
+              "data-source-provider": e.dataSourceProvider,
+              "component-registry": e.componentRegistry
+            }, Ge({ _: 2 }, [
+              u.$slots["field-suffix"] ? {
+                name: "field-suffix",
+                fn: n((c) => [
+                  $e(u.$slots, "field-suffix", Ze(Qe(c)), void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              u.$slots["preview-actions"] ? {
+                name: "preview-actions",
+                fn: n(() => [
+                  $e(u.$slots, "preview-actions", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["schema", "data-source-provider", "component-registry"])) : W("", !0)
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, Sn = /* @__PURE__ */ ne(pn, [["__scopeId", "data-v-aaf0899a"]]);
+export {
+  Sn as JXYFormDesigner,
+  Sn as default,
+  se as useFormDesignerStore
+};