form-design-v3 1.0.0 → 1.0.1

package/index-BNitnTdB.js

@@ -0,0 +1,3578 @@
+import { defineComponent as L, openBlock as d, createElementBlock as c, normalizeClass as R, unref as h, createElementVNode as t, toDisplayString as y, normalizeStyle as G, Fragment as T, createTextVNode as U, computed as M, ref as O, onMounted as ie, onUnmounted as Ce, createVNode as F, withCtx as A, renderList as N, createBlock as V, resolveDynamicComponent as me, createCommentVNode as I, withModifiers as J, withDirectives as ce, renderSlot as Q, vShow as _e, reactive as Ie, Teleport as pe, nextTick as De, resolveComponent as Se, mergeProps as de, createSlots as ae, normalizeProps as Ue, guardReactiveProps as Be, provide as Ve, watch as le, createStaticVNode as ve, onBeforeUnmount as je, vModelText as Re, defineAsyncComponent as Ae, createApp as ze, h as Je } from "vue";
+import { defineStore as We } from "pinia";
+import { ElSelect as re, ElOption as oe, ElTree as He, ElLoading as qe, ElConfigProvider as Ge, ElDialog as Ye, ElInput as Ke, ElEmpty as Qe, ElPagination as Xe, ElButton as we, ElInputNumber as Ze } from "element-plus";
+import "element-plus/es/components/select/style/css";
+import { icons as et } from "lucide-vue-next";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/pagination/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/config-provider/style/css";
+const be = /* @__PURE__ */ new Map();
+function ee(e) {
+  be.set(e.type, e);
+}
+function K(e) {
+  return be.get(e);
+}
+function tt() {
+  return Array.from(be.values());
+}
+function nt(e) {
+  const n = K(e);
+  if (!n) throw new Error(`未注册的控件类型: ${e}`);
+  return { ...n.createDefaultProps(), id: `${e}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 7)}` };
+}
+const ot = { class: "fd-label-name" }, st = /* @__PURE__ */ L({
+  __name: "LabelDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    const n = W();
+    return (o, s) => (d(), c("div", {
+      class: R(["fd-label-design", { "is-mobile": h(n).device === "mobile" }])
+    }, [
+      t("span", ot, y(e.node.label || "标题"), 1),
+      t("span", {
+        class: R(["fd-label-value", { "fd-label-value--link": !!e.node.bindLink }]),
+        style: G(e.node.color ? { color: e.node.color } : void 0)
+      }, [
+        e.node.bindLink ? (d(), c(T, { key: 0 }, [
+          U(y(e.node.bindField || e.node.bindLink), 1)
+        ], 64)) : (d(), c(T, { key: 1 }, [
+          U(y(e.node.bindField || "未绑定字段"), 1)
+        ], 64))
+      ], 6)
+    ], 2));
+  }
+}), E = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [s, a] of n)
+    o[s] = a;
+  return o;
+}, lt = /* @__PURE__ */ E(st, [["__scopeId", "data-v-b6dcc499"]]), at = { class: "fd-label-name" }, it = ["data-key"], dt = ["href"], rt = /* @__PURE__ */ L({
+  __name: "LabelRender",
+  props: {
+    node: {},
+    value: {},
+    formData: {}
+  },
+  setup(e) {
+    const n = e, o = M(() => !!n.node.bindLink), s = M(() => {
+      var v;
+      const f = n.node.bindLink ? (v = n.formData) == null ? void 0 : v[n.node.bindLink] : void 0;
+      return f == null ? "" : String(f);
+    }), a = M(() => n.value !== void 0 && n.value !== null && n.value !== "" ? String(n.value) : s.value ? s.value : ""), i = W(), u = O(!1);
+    let r = null;
+    ie(() => {
+      r = window.matchMedia("(max-width: 768px)"), u.value = r.matches, r.addEventListener("change", (f) => {
+        u.value = f.matches;
+      });
+    }), Ce(() => {
+      r && r.removeEventListener("change", () => {
+      });
+    });
+    const l = M(() => i.device === "mobile" || u.value);
+    return (f, v) => (d(), c("div", {
+      class: R(["fd-label-render", { "is-mobile": l.value }])
+    }, [
+      t("span", at, y(e.node.label || "标题"), 1),
+      t("span", {
+        class: R(["fd-label-value", { "fd-label-value--link": o.value }]),
+        "data-key": e.node.bindField,
+        style: G(e.node.color ? { color: e.node.color } : void 0)
+      }, [
+        s.value ? (d(), c("a", {
+          key: 0,
+          class: "fd-label-link",
+          href: s.value,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, y(a.value), 9, dt)) : (d(), c(T, { key: 1 }, [
+          U(y(a.value), 1)
+        ], 64))
+      ], 14, it)
+    ], 2));
+  }
+}), ut = /* @__PURE__ */ E(rt, [["__scopeId", "data-v-7fe92042"]]), ct = { class: "fd-panel" }, ft = { class: "fd-panel-item" }, mt = ["value"], pt = { class: "fd-panel-item" }, vt = { class: "fd-panel-item" }, bt = ["value"], gt = { class: "fd-panel-item" }, ht = { class: "fd-color-row" }, yt = ["value"], kt = ["value"], wt = "#344054", $t = /* @__PURE__ */ L({
+  __name: "LabelPanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = e, s = n;
+    function a(r) {
+      return r && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(r) ? r : wt;
+    }
+    function i(r) {
+      s("update", { color: r.target.value });
+    }
+    const u = (r) => {
+      const l = r ?? "", f = o.fields.find((v) => v.name === l);
+      s("update", { bindField: l, bindLink: (f == null ? void 0 : f.dataType) === "link" ? l : "" });
+    };
+    return (r, l) => (d(), c("div", ct, [
+      t("div", ft, [
+        l[2] || (l[2] = t("label", null, "标题", -1)),
+        t("input", {
+          value: e.node.label,
+          onInput: l[0] || (l[0] = (f) => s("update", { label: f.target.value }))
+        }, null, 40, mt)
+      ]),
+      t("div", pt, [
+        l[3] || (l[3] = t("label", null, "绑定字段", -1)),
+        F(h(re), {
+          "model-value": e.node.bindField,
+          filterable: "",
+          clearable: "",
+          placeholder: "搜索并选择字段（链接字段自动作为链接）",
+          style: { width: "100%" },
+          "onUpdate:modelValue": u
+        }, {
+          default: A(() => [
+            F(h(oe), {
+              label: "不绑定",
+              value: ""
+            }),
+            (d(!0), c(T, null, N(e.fields, (f) => (d(), V(h(oe), {
+              key: f.name,
+              label: `${f.label}（${f.name}）`,
+              value: f.name
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]),
+      t("div", vt, [
+        l[4] || (l[4] = t("label", null, "链接", -1)),
+        t("input", {
+          value: e.node.bindLink ? `${e.node.bindLink}（链接字段自动绑定）` : "非链接字段",
+          readonly: ""
+        }, null, 8, bt)
+      ]),
+      t("div", gt, [
+        l[5] || (l[5] = t("label", null, "字体颜色", -1)),
+        t("div", ht, [
+          t("input", {
+            type: "color",
+            value: a(e.node.color),
+            onInput: i
+          }, null, 40, yt),
+          t("input", {
+            type: "text",
+            value: e.node.color,
+            onInput: l[1] || (l[1] = (f) => s("update", { color: f.target.value })),
+            placeholder: "默认 #344054"
+          }, null, 40, kt)
+        ])
+      ])
+    ]));
+  }
+}), xt = /* @__PURE__ */ E($t, [["__scopeId", "data-v-d1d2c609"]]), Ct = {
+  type: "label",
+  title: "Label 文本",
+  design: lt,
+  render: ut,
+  panel: xt,
+  isContainer: !1,
+  createDefaultProps: () => ({
+    id: "",
+    type: "label",
+    label: "Label 文本",
+    bindField: "",
+    bindLink: "",
+    color: "#344054"
+  }),
+  serialize: (e) => e
+}, ue = /* @__PURE__ */ L({
+  __name: "LucideIcon",
+  props: {
+    name: {},
+    size: { default: 18 },
+    strokeWidth: { default: 2 }
+  },
+  setup(e) {
+    const n = e, o = M(() => n.name && et[n.name] || null);
+    return (s, a) => o.value ? (d(), V(me(o.value), {
+      key: 0,
+      size: e.size,
+      "stroke-width": e.strokeWidth
+    }, null, 8, ["size", "stroke-width"])) : I("", !0);
+  }
+}), _t = { class: "fd-card-design" }, It = { class: "fd-card-head" }, Dt = { class: "fd-card-title" }, St = ["title"], Tt = { class: "fd-card-body" }, Ft = /* @__PURE__ */ L({
+  __name: "CardDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    const n = e, o = W();
+    function s() {
+      o.setExpanded(n.node.id, !n.node.expanded);
+    }
+    return (a, i) => (d(), c("div", _t, [
+      t("div", It, [
+        e.node.icon ? (d(), c("span", {
+          key: 0,
+          class: "fd-card-icon",
+          style: G({ background: e.node.iconBgColor || void 0 })
+        }, [
+          F(ue, {
+            name: e.node.icon,
+            size: 18
+          }, null, 8, ["name"])
+        ], 4)) : I("", !0),
+        t("span", Dt, y(e.node.label || "卡片标题"), 1),
+        t("span", {
+          class: R(["fd-card-arrow", { "is-open": e.node.expanded }]),
+          title: e.node.expanded ? "收起" : "展开",
+          onClick: J(s, ["stop"])
+        }, [...i[0] || (i[0] = [
+          t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("polyline", { points: "6 9 12 15 18 9" })
+          ], -1)
+        ])], 10, St)
+      ]),
+      ce(t("div", Tt, [
+        Q(a.$slots, "children", {}, () => [
+          i[1] || (i[1] = t("div", { class: "fd-card-empty" }, "拖拽子控件到此处", -1))
+        ], !0)
+      ], 512), [
+        [_e, e.node.expanded]
+      ])
+    ]));
+  }
+}), Lt = /* @__PURE__ */ E(Ft, [["__scopeId", "data-v-6a46ee95"]]);
+function Te(e, n) {
+  if (!e || e === "none") return !1;
+  const o = Number(n);
+  return e === "start" ? o === 10 : e === "not-start" ? o !== 10 : e === "not-approval" ? o !== 20 : !1;
+}
+const Mt = {
+  key: 0,
+  class: "fd-card-render"
+}, Nt = { class: "fd-card-title" }, Et = { class: "fd-card-body" }, Pt = /* @__PURE__ */ L({
+  __name: "CardRender",
+  props: {
+    node: {},
+    formData: {}
+  },
+  setup(e) {
+    const o = O(e.node.expanded);
+    return (s, a) => {
+      var i;
+      return h(Te)(e.node.hiddenMode, (i = e.formData) == null ? void 0 : i.status) ? I("", !0) : (d(), c("div", Mt, [
+        t("div", {
+          class: "fd-card-head",
+          onClick: a[0] || (a[0] = (u) => o.value = !o.value)
+        }, [
+          e.node.icon ? (d(), c("span", {
+            key: 0,
+            class: "fd-card-icon",
+            style: G({ background: e.node.iconBgColor || void 0 })
+          }, [
+            F(ue, {
+              name: e.node.icon,
+              size: 18
+            }, null, 8, ["name"])
+          ], 4)) : I("", !0),
+          t("span", Nt, y(e.node.label || "卡片标题"), 1),
+          t("span", {
+            class: R(["fd-card-arrow", { "is-open": o.value }])
+          }, [...a[1] || (a[1] = [
+            t("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("polyline", { points: "6 9 12 15 18 9" })
+            ], -1)
+          ])], 2)
+        ]),
+        ce(t("div", Et, [
+          Q(s.$slots, "children", {}, void 0, !0)
+        ], 512), [
+          [_e, o.value]
+        ])
+      ]));
+    };
+  }
+}), Ot = /* @__PURE__ */ E(Pt, [["__scopeId", "data-v-bc2f6273"]]), Ut = ["disabled", "aria-checked"], Bt = /* @__PURE__ */ L({
+  __name: "FdSwitch",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const o = n;
+    return (s, a) => (d(), c("button", {
+      type: "button",
+      class: R(["fd-switch", { "is-on": e.modelValue }]),
+      disabled: e.disabled,
+      role: "switch",
+      "aria-checked": e.modelValue,
+      onClick: a[0] || (a[0] = (i) => o("update:modelValue", !e.modelValue))
+    }, [...a[1] || (a[1] = [
+      t("span", { class: "fd-switch-dot" }, null, -1)
+    ])], 10, Ut));
+  }
+}), se = /* @__PURE__ */ E(Bt, [["__scopeId", "data-v-eac909bd"]]), Vt = [
+  // 卡片 / 布局通用
+  "LayoutGrid",
+  "PanelTop",
+  "Folder",
+  "FolderOpen",
+  "FileText",
+  "ClipboardList",
+  "ClipboardCheck",
+  // 业务语义（源自 approval-lease.html 卡片：铺位/品牌/合同/递增/免租/计费/预算/招调/指导价）
+  "MapPin",
+  "Store",
+  "Building2",
+  "Badge",
+  "Tag",
+  "CalendarDays",
+  "TrendingUp",
+  "Clock",
+  "Calculator",
+  "Receipt",
+  "Target",
+  "ChartPie",
+  "ChartLine",
+  "CircleDollarSign",
+  // 通用 / 状态
+  "Briefcase",
+  "Scale",
+  "ShieldCheck",
+  "Sparkles",
+  "ScanSearch",
+  "MessageSquareText",
+  "GitBranch",
+  "Paperclip",
+  "Download",
+  "Upload",
+  "Network",
+  "Printer",
+  "CircleCheck",
+  "CircleAlert",
+  "Info",
+  "Bell",
+  "Settings",
+  "User",
+  "Users",
+  "Heart",
+  "Star",
+  "Lightbulb",
+  "Award",
+  "BookOpen",
+  "Coins",
+  "Wallet"
+], jt = { class: "fd-panel" }, Rt = { class: "fd-panel-item" }, At = ["value"], zt = { class: "fd-panel-item" }, Jt = { class: "fd-icon-picker" }, Wt = {
+  key: 1,
+  class: "fd-icon-placeholder"
+}, Ht = { class: "fd-icon-grid" }, qt = ["title", "onClick"], Gt = { class: "fd-panel-item" }, Yt = ["value"], Kt = { class: "fd-panel-item fd-panel-item--row" }, Qt = { class: "fd-panel-item" }, Xt = ["value"], Zt = { class: "fd-panel-item" }, en = ["value"], tn = /* @__PURE__ */ L({
+  __name: "CardPanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = n, s = O(!1);
+    function a(i) {
+      o("update", { icon: i }), s.value = !1;
+    }
+    return (i, u) => (d(), c("div", jt, [
+      t("div", Rt, [
+        u[8] || (u[8] = t("label", null, "标题", -1)),
+        t("input", {
+          value: e.node.label,
+          onInput: u[0] || (u[0] = (r) => o("update", { label: r.target.value }))
+        }, null, 40, At)
+      ]),
+      t("div", zt, [
+        u[11] || (u[11] = t("label", null, "图标", -1)),
+        t("div", Jt, [
+          t("button", {
+            type: "button",
+            class: "fd-icon-trigger",
+            onClick: u[1] || (u[1] = (r) => s.value = !s.value)
+          }, [
+            e.node.icon ? (d(), V(ue, {
+              key: 0,
+              name: e.node.icon,
+              size: 16
+            }, null, 8, ["name"])) : (d(), c("span", Wt, "无图标")),
+            u[9] || (u[9] = t("svg", {
+              class: "fd-icon-caret",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("polyline", { points: "6 9 12 15 18 9" })
+            ], -1))
+          ]),
+          s.value ? (d(), c("div", {
+            key: 0,
+            class: "fd-icon-popover",
+            onClick: u[3] || (u[3] = J(() => {
+            }, ["stop"]))
+          }, [
+            t("div", Ht, [
+              t("button", {
+                type: "button",
+                class: R(["fd-icon-option", { active: !e.node.icon }]),
+                title: "无图标",
+                onClick: u[2] || (u[2] = (r) => a(""))
+              }, [...u[10] || (u[10] = [
+                t("span", { class: "fd-icon-none" }, "无", -1)
+              ])], 2),
+              (d(!0), c(T, null, N(h(Vt), (r) => (d(), c("button", {
+                key: r,
+                type: "button",
+                class: R(["fd-icon-option", { active: e.node.icon === r }]),
+                title: r,
+                onClick: (l) => a(r)
+              }, [
+                F(ue, {
+                  name: r,
+                  size: 18
+                }, null, 8, ["name"])
+              ], 10, qt))), 128))
+            ])
+          ])) : I("", !0)
+        ])
+      ]),
+      t("div", Gt, [
+        u[12] || (u[12] = t("label", null, "图标底色", -1)),
+        t("input", {
+          value: e.node.iconBgColor,
+          onInput: u[4] || (u[4] = (r) => o("update", { iconBgColor: r.target.value }))
+        }, null, 40, Yt)
+      ]),
+      t("div", Kt, [
+        u[13] || (u[13] = t("label", null, "初始展开", -1)),
+        F(se, {
+          "model-value": e.node.expanded,
+          "onUpdate:modelValue": u[5] || (u[5] = (r) => o("update", { expanded: r }))
+        }, null, 8, ["model-value"])
+      ]),
+      t("div", Qt, [
+        u[14] || (u[14] = t("label", null, "宽度", -1)),
+        t("input", {
+          value: e.node.width,
+          onInput: u[6] || (u[6] = (r) => o("update", { width: r.target.value }))
+        }, null, 40, Xt)
+      ]),
+      t("div", Zt, [
+        u[16] || (u[16] = t("label", null, "是否隐藏", -1)),
+        t("select", {
+          value: e.node.hiddenMode || "none",
+          onChange: u[7] || (u[7] = (r) => o("update", { hiddenMode: r.target.value }))
+        }, [...u[15] || (u[15] = [
+          t("option", { value: "none" }, "不隐藏", -1),
+          t("option", { value: "start" }, "发起时隐藏", -1),
+          t("option", { value: "not-start" }, "非发起时隐藏", -1),
+          t("option", { value: "not-approval" }, "非审批时隐藏", -1)
+        ])], 40, en)
+      ])
+    ]));
+  }
+}), nn = /* @__PURE__ */ E(tn, [["__scopeId", "data-v-4585a5b8"]]), on = {
+  type: "card",
+  title: "卡片容器",
+  design: Lt,
+  render: Ot,
+  panel: nn,
+  isContainer: !0,
+  createDefaultProps: () => ({
+    id: "",
+    type: "card",
+    label: "卡片标题",
+    bindField: "",
+    icon: "",
+    iconBgColor: "",
+    expanded: !0,
+    width: "",
+    hiddenMode: "none",
+    children: []
+  }),
+  serialize: (e) => e
+}, sn = { class: "fd-slot-design" }, ln = { class: "fd-slot-name" }, an = { class: "fd-slot-hint" }, dn = /* @__PURE__ */ L({
+  __name: "SlotDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    return (n, o) => (d(), c("div", sn, [
+      o[0] || (o[0] = t("span", { class: "fd-slot-tag" }, "插槽", -1)),
+      t("span", ln, y(e.node.slotName || "未命名插槽"), 1),
+      t("span", an, "宿主注入：" + y(e.node.slotName), 1)
+    ]));
+  }
+}), rn = /* @__PURE__ */ E(dn, [["__scopeId", "data-v-d3fbc11d"]]), un = {
+  key: 0,
+  class: "fd-slot-render"
+}, cn = { class: "fd-slot-missing" }, fn = /* @__PURE__ */ L({
+  __name: "SlotRender",
+  props: {
+    node: {},
+    mode: {},
+    formId: {},
+    formData: {}
+  },
+  setup(e) {
+    return (n, o) => {
+      var s;
+      return h(Te)(e.node.hiddenMode, (s = e.formData) == null ? void 0 : s.status) ? I("", !0) : (d(), c("div", un, [
+        Q(n.$slots, e.node.slotName, {
+          node: e.node,
+          formData: e.formData,
+          mode: e.mode,
+          formId: e.formId
+        }, () => [
+          t("div", cn, "未注入插槽：" + y(e.node.slotName), 1)
+        ], !0)
+      ]));
+    };
+  }
+}), mn = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-10795159"]]), pn = { class: "fd-panel" }, vn = { class: "fd-panel-item" }, bn = ["value"], gn = { class: "fd-panel-item" }, hn = { class: "fd-panel-item" }, yn = ["value"], kn = /* @__PURE__ */ L({
+  __name: "SlotPanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = n, s = W(), a = [
+      "header",
+      "base-info",
+      "shop-tuning",
+      "contract-links",
+      "contract-list",
+      "handover-records",
+      "attachments",
+      "ai-risk",
+      "initiator-opinion",
+      "approval-flow",
+      "return-records",
+      "approval-records",
+      "approval-opinion",
+      "footer"
+    ], i = O([]);
+    function u(f, v) {
+      f.forEach((k) => {
+        var P;
+        k.type === "slot" && k.slotName && v.add(k.slotName), (P = k.children) != null && P.length && u(k.children, v);
+      });
+    }
+    const r = M(() => {
+      const f = new Set(a);
+      return u(s.widgets, f), i.value.forEach((v) => v && f.add(v)), [...f];
+    });
+    function l(f) {
+      const v = f ?? "";
+      v && !r.value.includes(v) && i.value.push(v), o("update", { slotName: v });
+    }
+    return (f, v) => (d(), c("div", pn, [
+      t("div", vn, [
+        v[2] || (v[2] = t("label", null, "标题", -1)),
+        t("input", {
+          value: e.node.label,
+          onInput: v[0] || (v[0] = (k) => o("update", { label: k.target.value }))
+        }, null, 40, bn)
+      ]),
+      t("div", gn, [
+        v[3] || (v[3] = t("label", null, "插槽名", -1)),
+        F(h(re), {
+          "model-value": e.node.slotName,
+          filterable: "",
+          "allow-create": "",
+          clearable: "",
+          "default-first-option": "",
+          placeholder: "选择已有插槽名，或输入新名称创建",
+          style: { width: "100%" },
+          "onUpdate:modelValue": l
+        }, {
+          default: A(() => [
+            (d(!0), c(T, null, N(r.value, (k) => (d(), V(h(oe), {
+              key: k,
+              label: k,
+              value: k
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]),
+      t("div", hn, [
+        v[5] || (v[5] = t("label", null, "是否隐藏", -1)),
+        t("select", {
+          value: e.node.hiddenMode || "none",
+          onChange: v[1] || (v[1] = (k) => o("update", { hiddenMode: k.target.value }))
+        }, [...v[4] || (v[4] = [
+          t("option", { value: "none" }, "不隐藏", -1),
+          t("option", { value: "start" }, "发起时隐藏", -1),
+          t("option", { value: "not-start" }, "非发起时隐藏", -1),
+          t("option", { value: "not-approval" }, "非审批时隐藏", -1)
+        ])], 40, yn)
+      ])
+    ]));
+  }
+}), wn = /* @__PURE__ */ E(kn, [["__scopeId", "data-v-dfae47c6"]]), $n = {
+  type: "slot",
+  title: "插槽",
+  design: rn,
+  render: mn,
+  panel: wn,
+  isContainer: !1,
+  createDefaultProps: () => ({
+    id: "",
+    type: "slot",
+    label: "插槽",
+    bindField: "",
+    slotName: "",
+    slotProps: {},
+    hiddenMode: "none"
+  }),
+  serialize: (e) => e
+}, xn = { class: "fd-st-design" }, Cn = {
+  key: 0,
+  class: "fd-st-table-wrap"
+}, _n = { class: "fd-st-table" }, In = {
+  key: 0,
+  class: "fd-st-seq"
+}, Dn = {
+  key: 0,
+  class: "fd-st-seq"
+}, Sn = {
+  key: 1,
+  class: "fd-st-cards"
+}, Tn = { class: "fd-st-card" }, Fn = { class: "fd-st-card-label" }, Ln = {
+  key: 0,
+  class: "fd-st-cards-empty"
+}, Mn = /* @__PURE__ */ L({
+  __name: "SubtableDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    const n = e, o = M(() => n.node.tablestyle !== "cards");
+    return (s, a) => (d(), c("div", xn, [
+      o.value ? (d(), c("div", Cn, [
+        t("table", _n, [
+          t("thead", null, [
+            t("tr", null, [
+              e.node.secondtableindex === "1" ? (d(), c("th", In, "序号")) : I("", !0),
+              (d(!0), c(T, null, N(e.node.colnums.filter((i) => i.isshow === 1), (i) => (d(), c("th", {
+                key: i.name,
+                style: G({ width: i.showwidth || void 0 })
+              }, y(i.showname || i.major || i.name), 5))), 128))
+            ])
+          ]),
+          t("tbody", null, [
+            t("tr", null, [
+              e.node.secondtableindex === "1" ? (d(), c("td", Dn, "1")) : I("", !0),
+              (d(!0), c(T, null, N(e.node.colnums.filter((i) => i.isshow === 1), (i) => (d(), c("td", {
+                key: i.name,
+                class: R(["fd-st-cell", { "fd-st-cell--link": !!i.bindLink }])
+              }, y(i.name), 3))), 128))
+            ])
+          ])
+        ])
+      ])) : (d(), c("div", Sn, [
+        t("div", Tn, [
+          (d(!0), c(T, null, N(e.node.colnums.filter((i) => i.isshow === 1), (i) => (d(), c("div", {
+            key: i.name,
+            class: "fd-st-card-row"
+          }, [
+            t("span", Fn, y(i.showname || i.major), 1),
+            t("span", {
+              class: R(["fd-st-card-value", { "fd-st-card-value--link": !!i.bindLink }])
+            }, y(i.name), 3)
+          ]))), 128))
+        ]),
+        e.node.colnums.filter((i) => i.isshow === 1).length === 0 ? (d(), c("div", Ln, " 暂无列配置 ")) : I("", !0)
+      ]))
+    ]));
+  }
+}), Nn = /* @__PURE__ */ E(Mn, [["__scopeId", "data-v-aba8caec"]]), En = ["subtable-key"], Pn = {
+  key: 0,
+  class: "fd-st-table-wrap"
+}, On = { class: "fd-st-table" }, Un = {
+  key: 0,
+  class: "fd-st-seq"
+}, Bn = ["subtable-val"], Vn = {
+  key: 1,
+  class: "fd-st-op"
+}, jn = {
+  key: 0,
+  class: "fd-st-seq"
+}, Rn = ["rowspan", "subtable-val"], An = ["href"], zn = {
+  key: 1,
+  class: "fd-st-op"
+}, Jn = ["onClick"], Wn = { key: 0 }, Hn = ["colspan"], qn = {
+  key: 1,
+  class: "fd-st-cards"
+}, Gn = { class: "fd-st-card-label" }, Yn = ["subtable-val"], Kn = ["href"], Qn = {
+  key: 0,
+  class: "fd-st-card-actions"
+}, Xn = ["onClick"], Zn = {
+  key: 0,
+  class: "fd-st-cards-empty"
+}, eo = /* @__PURE__ */ L({
+  __name: "SubtableRender",
+  props: {
+    node: {},
+    formData: {}
+  },
+  setup(e) {
+    const n = e, o = M(() => n.node.colnums.filter((_) => _.isshow === 1)), s = M(() => n.node.isreadonly === "1"), a = M(() => {
+      var D;
+      const _ = (D = n.formData) == null ? void 0 : D[n.node.secondtable];
+      return Array.isArray(_) ? _ : [];
+    }), i = M(() => !(n.node.nodatahidetable === "1" && a.value.length === 0)), u = M(() => n.node.tablestyle !== "cards");
+    function r() {
+      if (s.value) return;
+      const _ = {};
+      o.value.forEach((D) => _[D.name] = ""), n.formData && Array.isArray(n.formData[n.node.secondtable]) && n.formData[n.node.secondtable].push(_);
+    }
+    function l(_) {
+      s.value || n.formData && Array.isArray(n.formData[n.node.secondtable]) && n.formData[n.node.secondtable].splice(_, 1);
+    }
+    function f(_, D) {
+      const m = _[D];
+      return m == null ? "" : String(m);
+    }
+    function v(_, D) {
+      return _.bindLink ? f(D, _.bindLink) : "";
+    }
+    const k = M(() => {
+      const _ = a.value, D = [], m = [];
+      return o.value.forEach((g, $) => {
+        D[$] = [], m[$] = [];
+        const B = g.issamecolmerge === 1;
+        let q = 0;
+        for (let x = 0; x < _.length; x++) {
+          const p = f(_[x], g.name);
+          B && p !== "" && x > 0 && p === f(_[x - 1], g.name) ? (m[$][x] = !0, D[$][q] += 1) : (m[$][x] = !1, D[$][x] = 1, q = x);
+        }
+      }), { spans: D, skipped: m };
+    });
+    function P(_, D) {
+      var m;
+      return ((m = k.value.skipped[_]) == null ? void 0 : m[D]) === !0;
+    }
+    function j(_, D) {
+      var g;
+      const m = (g = k.value.spans[_]) == null ? void 0 : g[D];
+      return m && m > 1 ? m : void 0;
+    }
+    return (_, D) => i.value ? (d(), c("div", {
+      key: 0,
+      class: "fd-st-render",
+      "subtable-key": e.node.secondtable
+    }, [
+      u.value ? (d(), c("div", Pn, [
+        t("table", On, [
+          t("thead", null, [
+            t("tr", null, [
+              e.node.secondtableindex === "1" ? (d(), c("th", Un, "序号")) : I("", !0),
+              (d(!0), c(T, null, N(o.value, (m) => (d(), c("th", {
+                key: m.name,
+                "subtable-val": m.name,
+                style: G({ width: m.showwidth || void 0, textAlign: m.align || "left" })
+              }, y(m.showname || m.major || m.name), 13, Bn))), 128)),
+              s.value ? I("", !0) : (d(), c("th", Vn, "操作"))
+            ])
+          ]),
+          t("tbody", null, [
+            (d(!0), c(T, null, N(a.value, (m, g) => (d(), c("tr", { key: g }, [
+              e.node.secondtableindex === "1" ? (d(), c("td", jn, y(g + 1), 1)) : I("", !0),
+              (d(!0), c(T, null, N(o.value, ($, B) => (d(), c(T, {
+                key: $.name
+              }, [
+                P(B, g) ? I("", !0) : (d(), c("td", {
+                  key: 0,
+                  rowspan: j(B, g),
+                  "subtable-val": $.name,
+                  style: G({ textAlign: $.align || "left", color: $.prospect || void 0, background: $.background || void 0 })
+                }, [
+                  v($, m) ? (d(), c("a", {
+                    key: 0,
+                    class: "fd-st-link",
+                    href: v($, m),
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }, y(f(m, $.name)), 9, An)) : (d(), c(T, { key: 1 }, [
+                    U(y(f(m, $.name)), 1)
+                  ], 64))
+                ], 12, Rn))
+              ], 64))), 128)),
+              s.value ? I("", !0) : (d(), c("td", zn, [
+                t("button", {
+                  class: "fd-btn fd-btn--danger",
+                  onClick: ($) => l(g)
+                }, "删除", 8, Jn)
+              ]))
+            ]))), 128)),
+            a.value.length === 0 ? (d(), c("tr", Wn, [
+              t("td", {
+                colspan: o.value.length + (e.node.secondtableindex === "1" ? 1 : 0) + (s.value ? 0 : 1),
+                class: "fd-st-empty"
+              }, y(e.node.nodatatitle === "1" ? "暂无数据" : ""), 9, Hn)
+            ])) : I("", !0)
+          ])
+        ])
+      ])) : (d(), c("div", qn, [
+        (d(!0), c(T, null, N(a.value, (m, g) => (d(), c("div", {
+          key: g,
+          class: "fd-st-card"
+        }, [
+          (d(!0), c(T, null, N(o.value, ($) => (d(), c("div", {
+            key: $.name,
+            class: "fd-st-card-row"
+          }, [
+            t("span", Gn, y($.showname || $.major || $.name), 1),
+            t("span", {
+              class: "fd-st-card-value",
+              "subtable-val": $.name
+            }, [
+              v($, m) ? (d(), c("a", {
+                key: 0,
+                class: "fd-st-link",
+                href: v($, m),
+                target: "_blank",
+                rel: "noopener noreferrer"
+              }, y(f(m, $.name)), 9, Kn)) : (d(), c(T, { key: 1 }, [
+                U(y(f(m, $.name)), 1)
+              ], 64))
+            ], 8, Yn)
+          ]))), 128)),
+          s.value ? I("", !0) : (d(), c("div", Qn, [
+            t("button", {
+              class: "fd-btn fd-btn--danger fd-btn--sm",
+              onClick: ($) => l(g)
+            }, "删除", 8, Xn)
+          ]))
+        ]))), 128)),
+        a.value.length === 0 ? (d(), c("div", Zn, y(e.node.nodatatitle === "1" ? "暂无数据" : ""), 1)) : I("", !0)
+      ])),
+      s.value ? I("", !0) : (d(), c("button", {
+        key: 2,
+        class: "fd-btn fd-btn--primary fd-st-add",
+        onClick: r
+      }, "新增一行"))
+    ], 8, En)) : I("", !0);
+  }
+}), to = /* @__PURE__ */ E(eo, [["__scopeId", "data-v-a650847e"]]);
+function no(e) {
+  return e.fields.map((n, o) => {
+    const s = n.dataType === "file", a = n.dataType === "link";
+    return {
+      name: n.name,
+      isshow: 1,
+      major: "",
+      showname: n.label,
+      showwidth: "",
+      background: "",
+      prospect: "",
+      issum: 0,
+      index: o + 1,
+      align: "",
+      iscompletehide: 0,
+      iscompletehidecode: "",
+      issamecolmerge: 0,
+      // 链接字段：直接使用所绑定字段的链接
+      bindLink: a ? n.name : "",
+      editmode: { editmode: s ? "files" : "text", title: s ? "文件" : "文本" },
+      events: []
+    };
+  });
+}
+const oo = { class: "fd-panel" }, so = { class: "fd-panel-item" }, lo = { class: "fd-panel-item fd-panel-item--row" }, ao = { class: "fd-panel-item fd-panel-item--row" }, io = { class: "fd-panel-item" }, ro = { class: "fd-panel-item" }, uo = { class: "fd-cols-head" }, co = {
+  key: 0,
+  class: "fd-cols-empty"
+}, fo = { class: "fd-col-card-top" }, mo = { class: "fd-col-order" }, po = { class: "fd-col-meta" }, vo = { class: "fd-col-title" }, bo = { class: "fd-col-name-sub" }, go = { class: "fd-col-tag" }, ho = { class: "fd-col-card-bottom" }, yo = { class: "fd-col-switch" }, ko = { class: "fd-col-actions" }, wo = ["onClick"], $o = ["onClick"], xo = {
+  class: "fd-dialog",
+  style: { "max-width": "560px" }
+}, Co = { class: "fd-dialog-head" }, _o = { class: "fd-dialog-body" }, Io = { class: "fd-form-section" }, Do = { class: "fd-form-grid" }, So = { class: "fd-form-item" }, To = ["value"], Fo = ["value"], Lo = { class: "fd-form-item" }, Mo = ["value"], No = { class: "fd-form-item" }, Eo = ["value"], Po = { class: "fd-form-item" }, Oo = ["value"], Uo = { class: "fd-form-section" }, Bo = { class: "fd-form-grid" }, Vo = { class: "fd-form-item" }, jo = ["value"], Ro = { class: "fd-form-item" }, Ao = ["value"], zo = { class: "fd-form-item" }, Jo = { class: "fd-color-row" }, Wo = ["value"], Ho = ["value"], qo = { class: "fd-form-item" }, Go = { class: "fd-color-row" }, Yo = ["value"], Ko = ["value"], Qo = { class: "fd-form-section" }, Xo = { class: "fd-form-grid" }, Zo = { class: "fd-form-item" }, es = { class: "fd-form-item" }, ts = ["value"], ns = /* @__PURE__ */ L({
+  __name: "SubtablePanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = e, s = n, a = W(), i = M(() => a.subTables);
+    function u(x, p) {
+      s("update", { [x]: p });
+    }
+    function r(x) {
+      const p = x ?? "", w = a.subTables.find((b) => b.name === p), C = { secondtable: p };
+      w && (C.displaytitle = w.label, C.colnums = no(w)), s("update", C);
+    }
+    const l = Ie({
+      open: !1,
+      index: -1,
+      draft: null
+    });
+    function f(x) {
+      return JSON.parse(JSON.stringify(x));
+    }
+    function v(x) {
+      l.index = x, l.draft = f(o.node.colnums[x]), l.open = !0;
+    }
+    function k() {
+      l.open = !1, l.draft = null, l.index = -1;
+    }
+    function P() {
+      if (l.draft && l.index >= 0) {
+        const x = [...o.node.colnums];
+        x[l.index] = l.draft, s("update", { colnums: x });
+      }
+      k();
+    }
+    function j(x, p) {
+      x.isshow = p ? 1 : 0, s("update", { colnums: [...o.node.colnums] });
+    }
+    async function _() {
+      const x = {
+        name: `col_${Date.now().toString(36)}`,
+        isshow: 1,
+        major: "",
+        showname: "新列",
+        showwidth: "",
+        background: "",
+        prospect: "",
+        issum: 0,
+        index: o.node.colnums.length + 1,
+        align: "",
+        iscompletehide: 0,
+        iscompletehidecode: "",
+        issamecolmerge: 0,
+        bindLink: "",
+        editmode: { editmode: "text", title: "文本" },
+        events: []
+      };
+      s("update", { colnums: [...o.node.colnums, x] }), await De(), v(o.node.colnums.length - 1);
+    }
+    function D(x) {
+      const p = o.node.colnums.slice();
+      p.splice(x, 1), s("update", { colnums: p });
+    }
+    function m(x) {
+      return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(x) ? x : "#ffffff";
+    }
+    function g(x, p) {
+      l.draft && (l.draft[x] = p.target.value);
+    }
+    const $ = M(() => {
+      var x;
+      return ((x = a.subTables.find((p) => p.name === o.node.secondtable)) == null ? void 0 : x.fields) ?? [];
+    });
+    function B(x) {
+      if (!l.draft) return;
+      const p = x.target.value;
+      l.draft.name = p;
+      const w = $.value.find((C) => C.name === p);
+      if (w) {
+        l.draft.showname = w.label;
+        const C = w.dataType === "file";
+        l.draft.editmode.editmode = C ? "files" : "text", l.draft.editmode.title = C ? "文件" : "文本", l.draft.bindLink = w.dataType === "link" ? p : "";
+      }
+    }
+    function q(x) {
+      u("tablestyle", x || "table");
+    }
+    return (x, p) => (d(), c(T, null, [
+      t("div", oo, [
+        t("div", so, [
+          p[13] || (p[13] = t("label", null, "选择子表", -1)),
+          F(h(re), {
+            "model-value": e.node.secondtable,
+            filterable: "",
+            clearable: "",
+            placeholder: "请选择子表",
+            style: { width: "100%" },
+            "onUpdate:modelValue": r
+          }, {
+            default: A(() => [
+              (d(!0), c(T, null, N(i.value, (w) => (d(), V(h(oe), {
+                key: w.name,
+                label: `${w.label}（${w.name}）`,
+                value: w.name
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["model-value"])
+        ]),
+        t("div", lo, [
+          p[14] || (p[14] = t("label", null, "只读", -1)),
+          F(se, {
+            "model-value": e.node.isreadonly === "1",
+            "onUpdate:modelValue": p[0] || (p[0] = (w) => u("isreadonly", w ? "1" : "0"))
+          }, null, 8, ["model-value"])
+        ]),
+        t("div", ao, [
+          p[15] || (p[15] = t("label", null, "序号列", -1)),
+          F(se, {
+            "model-value": e.node.secondtableindex === "1",
+            "onUpdate:modelValue": p[1] || (p[1] = (w) => u("secondtableindex", w ? "1" : "0"))
+          }, null, 8, ["model-value"])
+        ]),
+        t("div", io, [
+          p[16] || (p[16] = t("label", null, "表格样式", -1)),
+          F(h(re), {
+            "model-value": e.node.tablestyle || "table",
+            style: { width: "100%" },
+            "onUpdate:modelValue": q
+          }, {
+            default: A(() => [
+              F(h(oe), {
+                label: "表格",
+                value: "table"
+              }),
+              F(h(oe), {
+                label: "卡片列表",
+                value: "cards"
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"])
+        ]),
+        t("div", ro, [
+          t("div", uo, [
+            t("span", null, "列配置（" + y(e.node.colnums.length) + "）", 1),
+            t("button", {
+              class: "fd-btn fd-btn--primary fd-btn--sm",
+              onClick: _
+            }, "+ 新增列")
+          ]),
+          e.node.colnums.length === 0 ? (d(), c("div", co, " 暂无列，点击「新增列」添加 ")) : I("", !0),
+          (d(!0), c(T, null, N(e.node.colnums, (w, C) => (d(), c("div", {
+            key: w.name,
+            class: "fd-col-card"
+          }, [
+            t("div", fo, [
+              t("span", mo, y(C + 1), 1),
+              t("div", po, [
+                t("span", vo, y(w.showname || "未命名列"), 1),
+                t("span", bo, y(w.name), 1)
+              ]),
+              t("span", go, y(w.bindLink ? "链接" : "文本"), 1)
+            ]),
+            t("div", ho, [
+              t("label", yo, [
+                p[17] || (p[17] = t("span", null, "显示", -1)),
+                F(se, {
+                  "model-value": w.isshow === 1,
+                  "onUpdate:modelValue": (b) => j(w, b)
+                }, null, 8, ["model-value", "onUpdate:modelValue"])
+              ]),
+              t("div", ko, [
+                t("button", {
+                  class: "fd-btn fd-btn--ghost fd-btn--sm",
+                  onClick: (b) => v(C)
+                }, "设置", 8, wo),
+                t("button", {
+                  class: "fd-btn fd-btn--danger fd-btn--sm",
+                  onClick: (b) => D(C)
+                }, "删除", 8, $o)
+              ])
+            ])
+          ]))), 128))
+        ])
+      ]),
+      (d(), V(pe, { to: "body" }, [
+        l.open && l.draft ? (d(), c("div", {
+          key: 0,
+          class: "fd-dialog-mask",
+          onClick: J(k, ["self"])
+        }, [
+          t("div", xo, [
+            t("div", Co, [
+              t("span", null, "列设置 · " + y(l.draft.showname || l.draft.name || "新列"), 1),
+              t("button", {
+                class: "fd-dialog-close",
+                onClick: k,
+                title: "关闭"
+              }, "×")
+            ]),
+            t("div", _o, [
+              t("section", Io, [
+                p[23] || (p[23] = t("h5", { class: "fd-form-section-h" }, "基本信息", -1)),
+                t("div", Do, [
+                  t("div", So, [
+                    p[19] || (p[19] = t("label", null, "列字段", -1)),
+                    t("select", {
+                      value: l.draft.name,
+                      onChange: p[2] || (p[2] = (w) => B(w))
+                    }, [
+                      p[18] || (p[18] = t("option", { value: "" }, "请选择字段", -1)),
+                      (d(!0), c(T, null, N($.value, (w) => (d(), c("option", {
+                        key: w.name,
+                        value: w.name
+                      }, y(w.label) + "（" + y(w.name) + "）", 9, Fo))), 128))
+                    ], 40, To)
+                  ]),
+                  t("div", Lo, [
+                    p[20] || (p[20] = t("label", null, "显示标题", -1)),
+                    t("input", {
+                      value: l.draft.showname,
+                      onInput: p[3] || (p[3] = (w) => l.draft.showname = w.target.value),
+                      placeholder: "如 姓名"
+                    }, null, 40, Mo)
+                  ]),
+                  t("div", No, [
+                    p[21] || (p[21] = t("label", null, "主表头分组", -1)),
+                    t("input", {
+                      value: l.draft.major,
+                      onInput: p[4] || (p[4] = (w) => l.draft.major = w.target.value),
+                      placeholder: "可合并表头分组名"
+                    }, null, 40, Eo)
+                  ]),
+                  t("div", Po, [
+                    p[22] || (p[22] = t("label", null, "列序号", -1)),
+                    t("input", {
+                      type: "number",
+                      min: "1",
+                      value: l.draft.index,
+                      onInput: p[5] || (p[5] = (w) => l.draft.index = Number(w.target.value))
+                    }, null, 40, Oo)
+                  ])
+                ])
+              ]),
+              t("section", Uo, [
+                p[29] || (p[29] = t("h5", { class: "fd-form-section-h" }, "显示与样式", -1)),
+                t("div", Bo, [
+                  t("div", Vo, [
+                    p[24] || (p[24] = t("label", null, "列宽", -1)),
+                    t("input", {
+                      value: l.draft.showwidth,
+                      onInput: p[6] || (p[6] = (w) => l.draft.showwidth = w.target.value),
+                      placeholder: "如 120px 或 20%"
+                    }, null, 40, jo)
+                  ]),
+                  t("div", Ro, [
+                    p[26] || (p[26] = t("label", null, "对齐方式", -1)),
+                    t("select", {
+                      value: l.draft.align,
+                      onChange: p[7] || (p[7] = (w) => l.draft.align = w.target.value)
+                    }, [...p[25] || (p[25] = [
+                      t("option", { value: "" }, "默认（左）", -1),
+                      t("option", { value: "left" }, "左对齐", -1),
+                      t("option", { value: "center" }, "居中", -1),
+                      t("option", { value: "right" }, "右对齐", -1)
+                    ])], 40, Ao)
+                  ]),
+                  t("div", zo, [
+                    p[27] || (p[27] = t("label", null, "背景色", -1)),
+                    t("div", Jo, [
+                      t("input", {
+                        type: "color",
+                        value: m(l.draft.background),
+                        onInput: p[8] || (p[8] = (w) => g("background", w))
+                      }, null, 40, Wo),
+                      t("input", {
+                        value: l.draft.background,
+                        onInput: p[9] || (p[9] = (w) => l.draft.background = w.target.value),
+                        placeholder: "如 #f5f7fa 或空"
+                      }, null, 40, Ho)
+                    ])
+                  ]),
+                  t("div", qo, [
+                    p[28] || (p[28] = t("label", null, "字体色", -1)),
+                    t("div", Go, [
+                      t("input", {
+                        type: "color",
+                        value: m(l.draft.prospect),
+                        onInput: p[10] || (p[10] = (w) => g("prospect", w))
+                      }, null, 40, Yo),
+                      t("input", {
+                        value: l.draft.prospect,
+                        onInput: p[11] || (p[11] = (w) => l.draft.prospect = w.target.value),
+                        placeholder: "如 #f5523a 或空"
+                      }, null, 40, Ko)
+                    ])
+                  ])
+                ])
+              ]),
+              t("section", Qo, [
+                p[32] || (p[32] = t("h5", { class: "fd-form-section-h" }, "编辑模式", -1)),
+                t("div", Xo, [
+                  t("div", Zo, [
+                    p[30] || (p[30] = t("label", null, "同内容合并", -1)),
+                    F(se, {
+                      "model-value": l.draft.issamecolmerge === 1,
+                      "onUpdate:modelValue": p[12] || (p[12] = (w) => l.draft.issamecolmerge = w ? 1 : 0)
+                    }, null, 8, ["model-value"])
+                  ]),
+                  t("div", es, [
+                    p[31] || (p[31] = t("label", null, "链接", -1)),
+                    t("input", {
+                      value: l.draft.bindLink ? `${l.draft.bindLink}（链接字段自动绑定）` : "非链接字段",
+                      readonly: ""
+                    }, null, 8, ts)
+                  ])
+                ])
+              ])
+            ]),
+            t("div", { class: "fd-dialog-foot" }, [
+              t("button", {
+                class: "fd-btn fd-btn--ghost",
+                onClick: k
+              }, "取消"),
+              t("button", {
+                class: "fd-btn fd-btn--primary",
+                onClick: P
+              }, "确定")
+            ])
+          ])
+        ])) : I("", !0)
+      ]))
+    ], 64));
+  }
+}), os = /* @__PURE__ */ E(ns, [["__scopeId", "data-v-e1fd519d"]]);
+function ss() {
+  return [
+    {
+      name: "field1",
+      isshow: 1,
+      major: "",
+      showname: "字段一",
+      showwidth: "",
+      background: "",
+      prospect: "",
+      issum: 0,
+      index: 1,
+      align: "",
+      iscompletehide: 0,
+      iscompletehidecode: "",
+      issamecolmerge: 0,
+      bindLink: "",
+      editmode: { editmode: "text", title: "文本" },
+      events: []
+    },
+    {
+      name: "field2",
+      isshow: 1,
+      major: "",
+      showname: "字段二",
+      showwidth: "",
+      background: "",
+      prospect: "",
+      issum: 0,
+      index: 2,
+      align: "",
+      iscompletehide: 0,
+      iscompletehidecode: "",
+      issamecolmerge: 0,
+      bindLink: "",
+      editmode: { editmode: "text", title: "文本" },
+      events: []
+    }
+  ];
+}
+const ls = {
+  type: "subtable",
+  title: "子表",
+  design: Nn,
+  render: to,
+  panel: os,
+  isContainer: !1,
+  createDefaultProps: () => ({
+    id: "",
+    type: "subtable",
+    label: "子表",
+    bindField: "",
+    firsttable: "",
+    secondtable: "",
+    primarytablefiled: "",
+    secondtableprimarykey: "",
+    secondtablerelationfield: "",
+    tabletype: "subtable",
+    displaytitle: "",
+    tablestyle: "table",
+    isreadonly: "1",
+    isnull: "0",
+    issave: "0",
+    secondtableindex: "0",
+    nodatahidetable: "0",
+    nodatatitle: "1",
+    fixedcolumn: 0,
+    tablewidth: 0,
+    tableheight: 0,
+    iscompletehide: "0",
+    iscompletehidecode: "",
+    colnums: ss(),
+    events: []
+  }),
+  serialize: (e) => e
+}, as = /* @__PURE__ */ L({
+  __name: "GridDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    const n = W();
+    return (o, s) => (d(), c("div", {
+      class: R(["fd-grid-design", { "is-mobile": h(n).device === "mobile" }])
+    }, [
+      Q(o.$slots, "children", {}, void 0, !0)
+    ], 2));
+  }
+}), is = /* @__PURE__ */ E(as, [["__scopeId", "data-v-25511a77"]]), ge = /* @__PURE__ */ L({
+  __name: "WidgetHost",
+  props: {
+    node: {},
+    mode: {},
+    formMode: {},
+    formData: {},
+    formId: {}
+  },
+  setup(e) {
+    const n = e, o = M(() => K(n.node.type)), s = M(() => o.value ? n.mode === "design" ? o.value.design : o.value.render : null), a = (i) => i && n.formData ? n.formData[i] : void 0;
+    return (i, u) => {
+      var l;
+      const r = Se("WidgetHost", !0);
+      return s.value ? (d(), V(me(s.value), de({
+        key: 0,
+        node: e.node,
+        value: a(e.node.bindField),
+        "form-data": e.formData
+      }, e.mode === "render" ? { formMode: e.formMode, formId: e.formId } : null), ae({ _: 2 }, [
+        N(i.$slots, (f, v) => ({
+          name: v,
+          fn: A((k) => [
+            Q(i.$slots, v, Ue(Be(k || {})))
+          ])
+        })),
+        (l = o.value) != null && l.isContainer && !i.$slots.children ? {
+          name: "children",
+          fn: A(() => [
+            (d(!0), c(T, null, N(e.node.children, (f) => (d(), V(r, {
+              key: f.id,
+              node: f,
+              mode: e.mode,
+              "form-mode": e.formMode,
+              "form-data": e.formData,
+              "form-id": e.formId
+            }, ae({ _: 2 }, [
+              N(i.$slots, (v, k) => ({
+                name: k,
+                fn: A((P) => [
+                  Q(i.$slots, k, de({ ref_for: !0 }, P || {}))
+                ])
+              }))
+            ]), 1032, ["node", "mode", "form-mode", "form-data", "form-id"]))), 128))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["node", "value", "form-data"])) : I("", !0);
+    };
+  }
+}), ds = 24;
+function Fe(e, n, o, s, a = !1) {
+  if (e.type !== "label" || !o.length) return "";
+  const i = a ? 1 : ds, u = (D) => Math.min(Math.max(D.gridSpan || s || i, 1), i), r = [];
+  let l = 0, f = 0;
+  for (const D of o) {
+    const m = u(D);
+    l + m > i && (l = 0, f++);
+    const g = l === 0;
+    l += m;
+    const $ = l >= i;
+    r.push({ row: f, rowFirst: g, rowLast: $ }), l >= i && (l = 0, f++);
+  }
+  const v = r[n];
+  if (!v) return "";
+  const k = r[r.length - 1].row, P = v.row === 0, j = v.row === k, _ = [];
+  return v.rowFirst && P && _.push("is-g-corner-tl"), v.rowLast && P && _.push("is-g-corner-tr"), v.rowFirst && j && _.push("is-g-corner-bl"), v.rowLast && j && _.push("is-g-corner-br"), _.join(" ");
+}
+const rs = /* @__PURE__ */ L({
+  __name: "GridRender",
+  props: {
+    node: {},
+    formMode: {},
+    formData: {},
+    formId: {}
+  },
+  setup(e) {
+    const n = W(), o = O(!1);
+    let s = null;
+    ie(() => {
+      s = window.matchMedia("(max-width: 768px)"), o.value = s.matches, s.addEventListener("change", (i) => {
+        o.value = i.matches;
+      });
+    }), Ce(() => {
+      s && s.removeEventListener("change", () => {
+      });
+    });
+    const a = M(() => n.device === "mobile" || o.value);
+    return (i, u) => (d(), c("div", {
+      class: R(["fd-grid-render", { "is-mobile": a.value }])
+    }, [
+      (d(!0), c(T, null, N(e.node.children, (r, l) => (d(), c("div", {
+        key: r.id,
+        class: R(["fd-grid-cell", h(Fe)(r, l, e.node.children || [], e.node.layout || 24, a.value)]),
+        style: G({ gridColumn: `span ${r.gridSpan || e.node.layout}` })
+      }, [
+        F(ge, {
+          node: r,
+          mode: "render",
+          "form-mode": e.formMode,
+          "form-data": e.formData,
+          "form-id": e.formId
+        }, ae({ _: 2 }, [
+          N(i.$slots, (f, v) => ({
+            name: v,
+            fn: A((k) => [
+              Q(i.$slots, v, de({ ref_for: !0 }, k || {}), void 0, !0)
+            ])
+          }))
+        ]), 1032, ["node", "form-mode", "form-data", "form-id"])
+      ], 6))), 128))
+    ], 2));
+  }
+}), us = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-417035f9"]]), cs = { class: "fd-panel" }, fs = { class: "fd-panel-item" }, ms = ["value"], ps = ["value"], vs = { class: "fd-panel-item" }, bs = /* @__PURE__ */ L({
+  __name: "GridPanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = e, s = n, a = [
+      { label: "2列布局", value: 24 },
+      { label: "4列布局", value: 12 },
+      { label: "6列布局", value: 8 },
+      { label: "8列布局", value: 6 }
+    ];
+    function i() {
+      const u = o.node.layout || 24, r = (o.node.children ?? []).map((l) => ({ ...l, gridSpan: u }));
+      s("update", { children: r });
+    }
+    return (u, r) => (d(), c("div", cs, [
+      t("div", fs, [
+        r[1] || (r[1] = t("label", null, "布局", -1)),
+        t("select", {
+          value: e.node.layout,
+          onChange: r[0] || (r[0] = (l) => s("update", { layout: Number(l.target.value) }))
+        }, [
+          (d(), c(T, null, N(a, (l) => t("option", {
+            key: l.value,
+            value: l.value
+          }, y(l.label), 9, ps)), 64))
+        ], 40, ms)
+      ]),
+      t("div", vs, [
+        r[2] || (r[2] = t("label", null, "一键布局", -1)),
+        t("button", {
+          class: "fd-btn fd-btn--primary fd-btn--sm fd-grid-apply",
+          onClick: i
+        }, " 应用到全部子组件（每项占比 " + y(e.node.layout || 24) + "/24） ", 1)
+      ])
+    ]));
+  }
+}), gs = /* @__PURE__ */ E(bs, [["__scopeId", "data-v-a333d2ea"]]), hs = {
+  type: "grid",
+  title: "栅栏格",
+  design: is,
+  render: us,
+  panel: gs,
+  isContainer: !0,
+  createDefaultProps: () => ({
+    id: "",
+    type: "grid",
+    label: "栅栏格",
+    bindField: "",
+    // 默认 6 列布局
+    layout: 8,
+    children: []
+  }),
+  serialize: (e) => e
+}, ys = /* @__PURE__ */ L({
+  __name: "TextDesign",
+  props: {
+    node: {}
+  },
+  setup(e) {
+    return (n, o) => (d(), c("div", {
+      class: "fd-text-design",
+      style: G({ display: e.node.display })
+    }, y(e.node.text || "文本内容"), 5));
+  }
+}), ks = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-ba382e6c"]]), ws = /* @__PURE__ */ L({
+  __name: "TextRender",
+  props: {
+    node: {},
+    value: {}
+  },
+  setup(e) {
+    const n = e, o = M(() => {
+      if (!n.node.bindField) return n.node.text;
+      const s = n.value;
+      return s == null ? "" : String(s);
+    });
+    return (s, a) => (d(), c("div", {
+      class: "fd-text-render",
+      style: G({ display: e.node.display })
+    }, y(o.value), 5));
+  }
+}), $s = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-3ed7b0f0"]]), xs = { class: "fd-panel" }, Cs = { class: "fd-panel-item" }, _s = ["value"], Is = { class: "fd-panel-item" }, Ds = ["value"], Ss = ["value"], Ts = { class: "fd-panel-item" }, Fs = ["value"], Ls = /* @__PURE__ */ L({
+  __name: "TextPanel",
+  props: {
+    node: {},
+    fields: {}
+  },
+  emits: ["update"],
+  setup(e, { emit: n }) {
+    const o = n;
+    return (s, a) => (d(), c("div", xs, [
+      t("div", Cs, [
+        a[3] || (a[3] = t("label", null, "文本", -1)),
+        t("textarea", {
+          rows: "4",
+          value: e.node.text,
+          onInput: a[0] || (a[0] = (i) => o("update", { text: i.target.value }))
+        }, null, 40, _s)
+      ]),
+      t("div", Is, [
+        a[5] || (a[5] = t("label", null, "绑定字段", -1)),
+        t("select", {
+          value: e.node.bindField,
+          onChange: a[1] || (a[1] = (i) => o("update", { bindField: i.target.value }))
+        }, [
+          a[4] || (a[4] = t("option", { value: "" }, "不绑定", -1)),
+          (d(!0), c(T, null, N(e.fields, (i) => (d(), c("option", {
+            key: i.name,
+            value: i.name
+          }, y(i.label) + "（" + y(i.name) + "）", 9, Ss))), 128))
+        ], 40, Ds)
+      ]),
+      t("div", Ts, [
+        a[7] || (a[7] = t("label", null, "对齐方式", -1)),
+        t("select", {
+          value: e.node.display,
+          onChange: a[2] || (a[2] = (i) => o("update", { display: i.target.value }))
+        }, [...a[6] || (a[6] = [
+          t("option", { value: "inline-block" }, "对齐", -1),
+          t("option", { value: "block" }, "换行", -1)
+        ])], 40, Fs)
+      ])
+    ]));
+  }
+}), Ms = /* @__PURE__ */ E(Ls, [["__scopeId", "data-v-3201879c"]]), Ns = {
+  type: "text",
+  title: "文本",
+  design: ks,
+  render: $s,
+  panel: Ms,
+  isContainer: !1,
+  createDefaultProps: () => ({
+    id: "",
+    type: "text",
+    label: "文本",
+    bindField: "",
+    text: "文本内容",
+    display: "inline-block"
+  }),
+  serialize: (e) => e
+};
+let $e = !1;
+function he() {
+  $e || ($e = !0, ee(Ct), ee(on), ee($n), ee(ls), ee(hs), ee(Ns));
+}
+he();
+const Es = { baseUrl: "/bpmapi-uat" };
+let ye = {}, fe = {}, Ps = {};
+const Os = "api/formdesigner/v1";
+function Le(e) {
+  fe = { ...fe, ...e };
+}
+function Us(e) {
+  ye.baseUrl = e;
+}
+function Ya(e) {
+  ye.baseUrl = e ? e.startsWith("/") ? e : `/${e}` : "";
+}
+function Ka(e) {
+}
+function Bs() {
+  return {
+    baseUrl: Ps.baseUrl ?? ye.baseUrl ?? fe.baseUrl ?? Es.baseUrl
+  };
+}
+function X(e, n) {
+  const { baseUrl: o } = Bs(), s = new URLSearchParams();
+  Object.entries(n ?? {}).forEach(([i, u]) => {
+    u != null && u !== "" && s.append(i, u);
+  });
+  const a = s.toString();
+  return `${o}/${Os}/${e}${a ? `?${a}` : ""}`;
+}
+class Me extends Error {
+  constructor(n, o) {
+    super(o), this.status = n, this.name = "ApiError";
+  }
+}
+function Vs(e) {
+  if (!e) return "";
+  try {
+    const n = JSON.parse(e), o = n.error ?? n.message ?? n.title ?? n.detail;
+    if (typeof o == "string" && o) return o;
+  } catch {
+  }
+  return e;
+}
+async function Z(e, n) {
+  const o = await fetch(e, {
+    ...n,
+    headers: { "Content-Type": "application/json", ...(n == null ? void 0 : n.headers) ?? {} }
+  }), s = await o.text();
+  if (!o.ok)
+    throw new Me(o.status, Vs(s) || `请求失败（${o.status}）`);
+  if ((o.headers.get("content-type") ?? "").includes("text/plain")) return s;
+  if (!s) return null;
+  try {
+    return JSON.parse(s);
+  } catch {
+    return s;
+  }
+}
+function js(e) {
+  if (e == null) return null;
+  if (typeof e != "string") return e;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return null;
+  }
+}
+function Ne(e) {
+  return e == null ? { success: !1, message: "无响应" } : typeof e == "string" ? { success: e.includes("成功"), message: e } : e;
+}
+async function Rs(e, n) {
+  return Z(X("opendesigner"), {
+    method: "POST",
+    body: JSON.stringify(e)
+  });
+}
+async function As(e, n) {
+  return Z(X("formconfig", { id: e }));
+}
+async function zs(e, n, o) {
+  return Z(X("fieldbinding/allfields", { dbtable: e, formid: n }));
+}
+async function Js(e, n) {
+  return Ne(await Z(X("save"), { method: "POST", body: JSON.stringify(e) }));
+}
+async function Ws(e, n) {
+  return Ne(await Z(X("publish"), { method: "POST", body: JSON.stringify(e) }));
+}
+async function Hs(e, n) {
+  return Z(X("saveas"), { method: "POST", body: JSON.stringify(e) });
+}
+async function qs(e, n) {
+  return Z(X("effectcount", { formId: e }));
+}
+async function Gs(e, n) {
+  return Z(
+    X("effectprocesses", {
+      id: e.id,
+      processName: e.processName,
+      page: String(e.page ?? 1),
+      pageSize: String(e.pageSize ?? 10)
+    })
+  );
+}
+function Ys(e) {
+  return { name: e.name, label: e.label, dataType: e.dataType };
+}
+function Ks(e) {
+  return { name: e.name, label: e.label, dataType: e.dataType || "string" };
+}
+function Qs(e, n) {
+  return (e ?? []).filter((o) => o.name && o.name !== n).map((o) => ({ name: o.name, label: o.name, fields: (o.fields ?? []).map(Ks) }));
+}
+function Xs(e) {
+  return js(e);
+}
+function ne(e) {
+  return e instanceof Me || e instanceof Error ? e.message : String(e);
+}
+const te = (e) => JSON.parse(JSON.stringify(e));
+function Y(e, n) {
+  for (const o of e) {
+    if (o.id === n) return o;
+    if (o.children) {
+      const s = Y(o.children, n);
+      if (s) return s;
+    }
+  }
+  return null;
+}
+function Ee(e, n) {
+  const o = e.findIndex((s) => s.id === n);
+  if (o >= 0)
+    return e.splice(o, 1), !0;
+  for (const s of e)
+    if (s.children && Ee(s.children, n)) return !0;
+  return !1;
+}
+const W = We("designer", {
+  state: () => ({
+    workFormId: "",
+    originFormId: "",
+    formId: "",
+    formVersion: "",
+    formName: "",
+    dbtable: "",
+    attribute: {},
+    fields: [],
+    subTables: [],
+    widgets: [],
+    selectedId: null,
+    past: [],
+    future: [],
+    draggingId: null,
+    device: "pc",
+    dragOverId: null,
+    dragBefore: !1,
+    dropContainerId: null,
+    selectedForm: !1,
+    events: { lifecycle: {}, custom: [] },
+    loading: !1,
+    errorMsg: "",
+    noticeMsg: ""
+  }),
+  getters: {
+    selectedNode: (e) => e.selectedId ? Y(e.widgets, e.selectedId) : null,
+    canUndo: (e) => e.past.length > 0,
+    canRedo: (e) => e.future.length > 0,
+    /** 供控件「事件」下拉选择使用的自定义事件列表 */
+    customEventOptions: (e) => e.events.custom,
+    /** 属性 JSON：attribute.id 缺省时补工作表单 ID（后端回写版本行时会替换为真实表单 ID） */
+    attJson: (e) => JSON.stringify({ ...e.attribute, id: e.attribute.id || e.workFormId })
+  },
+  actions: {
+    /** 提交一次变更快照（用于撤销重做） */
+    commit() {
+      this.past.push(te(this.widgets)), this.past.length > 50 && this.past.shift(), this.future = [];
+    },
+    undo() {
+      const e = this.past.pop();
+      e && (this.future.push(te(this.widgets)), this.widgets = e, this.selectedId && !Y(this.widgets, this.selectedId) && (this.selectedId = null));
+    },
+    redo() {
+      const e = this.future.pop();
+      e && (this.past.push(te(this.widgets)), this.widgets = e);
+    },
+    select(e) {
+      this.selectedId = e, this.selectedForm = !1;
+    },
+    /** 点击画板空白处：选中表单本身（用于配置表单级属性） */
+    selectForm() {
+      this.selectedId = null, this.selectedForm = !0;
+    },
+    /** 设置生命周期事件代码片段 */
+    setLifecycleHook(e, n) {
+      this.events.lifecycle[e] = n;
+    },
+    /** 新增一条自定义事件（默认占位） */
+    addCustomEvent() {
+      const e = this.events.custom.length + 1;
+      this.events.custom.push({ name: `event_${e}`, title: `自定义事件${e}`, handler: "" });
+    },
+    /** 更新某条自定义事件 */
+    updateCustomEvent(e, n) {
+      const o = this.events.custom[e];
+      o && Object.assign(o, n);
+    },
+    /** 删除某条自定义事件 */
+    removeCustomEvent(e) {
+      this.events.custom.splice(e, 1);
+    },
+    /** 新增控件：parentId 指定容器，index 指定插入位置（不传则末尾） */
+    addWidget(e, n, o) {
+      var i;
+      const s = nt(e);
+      this.commit();
+      const a = n ? Y(this.widgets, n) : null;
+      a && ((i = K(a.type)) != null && i.isContainer) ? (a.children = a.children || [], a.type === "grid" && s.gridSpan == null && (s.gridSpan = a.layout || 24), o == null || o > a.children.length ? a.children.push(s) : a.children.splice(Math.max(0, o), 0, s)) : o == null || o > this.widgets.length ? this.widgets.push(s) : this.widgets.splice(Math.max(0, o), 0, s), this.selectedId = s.id;
+    },
+    /** 判断 maybeChild 是否为 node 的后代（防止把容器拖进自己） */
+    isDescendant(e, n) {
+      if (!e.children) return !1;
+      for (const o of e.children)
+        if (o.id === n || this.isDescendant(o, n)) return !0;
+      return !1;
+    },
+    /** 移动已有控件到指定容器 / 根，插入位置 index */
+    moveNode(e, n, o) {
+      var v;
+      if (e === n) return;
+      const s = Y(this.widgets, e);
+      if (!s || n && this.isDescendant(s, n)) return;
+      const a = n ? Y(this.widgets, n) : null, i = (k) => {
+        const P = k.findIndex((j) => j.id === e);
+        if (P >= 0) return { list: k, index: P };
+        for (const j of k)
+          if (j.children) {
+            const _ = i(j.children);
+            if (_) return _;
+          }
+        return null;
+      }, u = i(this.widgets);
+      if (!u) return;
+      let r;
+      a && ((v = K(a.type)) != null && v.isContainer) ? (a.children = a.children || [], r = a.children) : r = this.widgets, this.commit();
+      let l = o;
+      r === u.list && u.index < o && (l = o - 1);
+      const [f] = u.list.splice(u.index, 1);
+      if (l = Math.max(0, Math.min(l, r.length)), r.splice(l, 0, f), a && a.type === "grid") {
+        const k = a.layout || 24;
+        (u.list !== r || f.gridSpan == null) && (f.gridSpan = k);
+      } else
+        delete f.gridSpan;
+      this.selectedId = f.id;
+    },
+    removeWidget(e) {
+      this.commit(), Ee(this.widgets, e), this.selectedId === e && (this.selectedId = null);
+    },
+    moveSibling(e, n) {
+      const o = (r) => {
+        if (r.findIndex((f) => f.id === e) >= 0) return r;
+        for (const f of r)
+          if (f.children) {
+            const v = o(f.children);
+            if (v) return v;
+          }
+        return null;
+      }, s = o(this.widgets);
+      if (!s) return;
+      const a = s.findIndex((r) => r.id === e), i = a + n;
+      if (i < 0 || i >= s.length) return;
+      this.commit();
+      const [u] = s.splice(a, 1);
+      s.splice(i, 0, u);
+    },
+    updateNode(e, n) {
+      const o = Y(this.widgets, e);
+      o && (Object.assign(o, n), this.commit());
+    },
+    setDragging(e) {
+      this.draggingId = e;
+    },
+    /** 展开/收起容器（设计器视图操作，不写入撤销历史） */
+    setExpanded(e, n) {
+      const o = Y(this.widgets, e);
+      o && "expanded" in o && (o.expanded = n);
+    },
+    /** 将 draggingId 控件移动到 targetId（容器）或根 */
+    dropTo(e) {
+      var a;
+      const n = this.draggingId;
+      if (!n || n === e) return;
+      this.commit();
+      const o = (i) => {
+        const u = i.findIndex((r) => r.id === n);
+        if (u >= 0) {
+          const [r] = i.splice(u, 1);
+          return r;
+        }
+        for (const r of i)
+          if (r.children) {
+            const l = o(r.children);
+            if (l) return l;
+          }
+        return null;
+      }, s = o(this.widgets);
+      if (!s) {
+        this.draggingId = null;
+        return;
+      }
+      if (e) {
+        const i = Y(this.widgets, e);
+        i && ((a = K(i.type)) != null && a.isContainer) ? (i.children = i.children || [], i.children.push(s)) : this.widgets.push(s);
+      } else
+        this.widgets.push(s);
+      this.draggingId = null, this.selectedId = s.id;
+    },
+    loadSchema(e) {
+      this.formId = e.formId, this.dbtable = e.dbtable, this.fields = e.fields, this.widgets = te(e.widgets), this.events = e.events ? te(e.events) : { lifecycle: {}, custom: [] }, this.selectedId = null, this.selectedForm = !1, this.past = [], this.future = [];
+    },
+    toSchema() {
+      return {
+        formId: this.formId,
+        dbtable: this.dbtable,
+        fields: this.fields,
+        widgets: this.widgets,
+        events: te(this.events)
+      };
+    },
+    /**
+     * 保存 / 发布回传后端的模板 JSON。
+     * 不含 fields：字段清单由 allfields 接口独立下发（后端本就持有），
+     * 打开时前端重新获取并覆盖，回传属冗余（后端对 json 仅黑盒存取，不强解析内部）。
+     */
+    toSaveJson() {
+      const { formId: e, dbtable: n, widgets: o, events: s } = this.toSchema();
+      return JSON.stringify({ formId: e, dbtable: n, widgets: o, events: s });
+    },
+    setFields(e) {
+      this.fields = e;
+    },
+    setSubTables(e) {
+      this.subTables = e;
+    },
+    /**
+     * 打开表单完整流程（1+1+1，与子表数量无关，见 API-backend.md）：
+     * ① opendesigner 建版本取工作表单 ID → ② formconfig 取模板 → ③ allfields 取字段。
+     * 保存 / 发布 / 另存为均基于 opendesigner 返回的工作表单 ID（临时记录，Status=4）。
+     *
+     * openType：**直接使用 URL 路径参数（无默认值）**——newEdit = 新建版本；edit = 编辑指定版本；
+     * 缺省或非法值时后端返回「OpenType无效!」，前端原样提示
+     *
+     * 模板兼容：formconfig.json 为新设计器 FormSchema 时正常装载；
+     * 为老设计器 HTML / 空模板时**降级为空表单**（字段与子表照常加载），
+     * 用户可手动设计后保存，noticeMsg 给出提示（非阻断）。
+     */
+    async openForm(e, n = "", o = "") {
+      this.loading = !0, this.errorMsg = "", this.noticeMsg = "";
+      try {
+        if (!e) {
+          this.errorMsg = "缺少表单 ID：请通过 URL 参数 ?id=<GUID> 打开已有表单";
+          return;
+        }
+        this.originFormId = e;
+        const s = await Rs({ openType: o, id: e, formVersion: n });
+        this.workFormId = s.newFormID, this.formId = s.newFormID;
+        const a = await As(s.newFormID);
+        this.attribute = a.attribute ?? {}, this.formName = this.attribute.name ?? "", this.device = a.templateType === "App" ? "mobile" : "pc";
+        const i = this.attribute.dbtable || "", u = await zs(i, s.newFormID);
+        this.dbtable = i || u.dbtable;
+        const r = this.enrichFields((u.fields ?? []).map(Ys));
+        this.setFields(r), this.setSubTables(Qs(u.subtables, this.dbtable));
+        const l = Xs(a.json);
+        l && Array.isArray(l.widgets) ? this.loadSchema({
+          ...l,
+          formId: s.newFormID,
+          templateType: a.templateType,
+          dbtable: this.dbtable,
+          fields: r,
+          widgets: l.widgets,
+          events: l.events ?? { lifecycle: {}, custom: [] }
+        }) : (this.noticeMsg = "未能解析表单模板（老设计器 HTML 模板或空模板），已加载为空表单：字段与子表可正常绑定，请手动设计后保存", this.loadSchema({
+          formId: s.newFormID,
+          templateType: a.templateType,
+          dbtable: this.dbtable,
+          fields: r,
+          widgets: [],
+          events: { lifecycle: {}, custom: [] }
+        }));
+      } catch (s) {
+        this.errorMsg = `加载失败：${ne(s)}`;
+      } finally {
+        this.loading = !1;
+      }
+    },
+    /**
+     * 字段类型细化：当前后端 dataType 统一 string，
+     * 按 attribute.settings 的 isdatetime / ismoney 补充日期 / 金额类型
+     * （实测真实数据的类型权威来源，见 API-backend-realdata.md 结论 4）。
+     */
+    enrichFields(e) {
+      const n = this.attribute.settings ?? {}, o = (s) => s === !0 || s === "true" || s === "1";
+      return e.map((s) => {
+        const a = n[s.name];
+        return a ? o(a.isdatetime) ? { ...s, dataType: "date" } : o(a.ismoney) ? { ...s, dataType: "money" } : s : s;
+      });
+    },
+    /** 保存：保存到工作表单（opendesigner 返回的临时记录，Status=4 → 后端同步回写版本行） */
+    async save() {
+      this.errorMsg = "";
+      try {
+        return await Js({
+          id: this.workFormId,
+          name: this.formName,
+          att: this.attJson,
+          json: this.toSaveJson(),
+          formNature: "1",
+          // isentity=0 的表单后端会走表结构 XML 生成，dataObject 为空会 500（2026-10-19 联调实测）；
+          // 新设计器不管理数据对象，传空 table 使其跳过生成
+          dataObject: this.attribute.isentity === "0" ? JSON.stringify({ table: "" }) : void 0
+        });
+      } catch (e) {
+        throw this.errorMsg = `保存失败：${ne(e)}`, e;
+      }
+    },
+    /**
+     * 另存为：以当前工作表单为源，复制成一个新表单（后端写设计器库 + 主库 + 复制标签）。
+     * 源为工作表单（临时记录）——其中保存着最新设计，需先「保存」再另存为。
+     */
+    async saveAs(e, n, o = "start") {
+      this.errorMsg = "";
+      try {
+        return await Hs({ id: this.workFormId, name: e, code: n, saveSelect: o });
+      } catch (s) {
+        throw this.errorMsg = `另存为失败：${ne(s)}`, s;
+      }
+    },
+    /** 发布：以工作表单 ID 发布（Status=4 → 回写版本行置 Status=1 + 一口收直写业务库） */
+    async publish(e = "") {
+      this.errorMsg = "";
+      try {
+        return await Ws({
+          id: this.workFormId,
+          name: this.formName,
+          att: this.attJson,
+          json: this.toSaveJson(),
+          text: e
+        });
+      } catch (n) {
+        throw this.errorMsg = `发布失败：${ne(n)}`, n;
+      }
+    },
+    /**
+     * 发布前检查：查询表单被流程绑定的数量，命中则需弹确认列表。
+     * effectcount 按主库 WF_Form（正式表单）查询，故用打开时的原始表单 ID（originFormId），
+     * 不能用工作表单 ID（临时记录在主库无对应行，会恒为 0）。
+     */
+    async checkPublish() {
+      this.errorMsg = "";
+      try {
+        const e = await qs(this.originFormId);
+        return { needConfirm: e.result || e.count > 0, count: e.count };
+      } catch (e) {
+        throw this.errorMsg = `发布检查失败：${ne(e)}`, e;
+      }
+    }
+  }
+}), Pe = "fd:form:";
+function Zs(e, n) {
+  localStorage.setItem(Pe + e, JSON.stringify(n));
+}
+function Qa(e) {
+  const n = localStorage.getItem(Pe + e);
+  if (!n) return null;
+  try {
+    return JSON.parse(n);
+  } catch {
+    return null;
+  }
+}
+const el = "fdFireEvent";
+function xe(e, n = {}) {
+  if (!(!e || !e.trim()))
+    try {
+      return new Function("ctx", `"use strict";
+${e}`)(n);
+    } catch (o) {
+      console.error("[form-designer] 事件处理函数执行失败:", o);
+      return;
+    }
+}
+function tl(e) {
+  if (!(!e || !e.trim() || typeof document > "u"))
+    try {
+      const n = document.createElement("script");
+      n.text = e, document.head.appendChild(n), n.remove();
+    } catch (n) {
+      console.error("[form-designer] 自定义方法挂载失败:", n);
+    }
+}
+const nl = { class: "fd-renderer" }, ol = /* @__PURE__ */ L({
+  __name: "Renderer",
+  props: {
+    widgets: {},
+    formMode: {},
+    formData: {},
+    events: {},
+    formId: {}
+  },
+  setup(e, { expose: n }) {
+    const o = e, s = M(
+      () => o.widgets.filter((u) => {
+        var l;
+        const r = (l = K(u.type)) == null ? void 0 : l.visibleModes;
+        return !r || r.length === 0 ? !0 : o.formMode ? r.includes(o.formMode) : !0;
+      })
+    );
+    function a(u) {
+      var l;
+      const r = (l = o.events) == null ? void 0 : l.lifecycle[u];
+      xe(r, { formData: o.formData, event: u });
+    }
+    function i(u, r) {
+      var f;
+      const l = (f = o.events) == null ? void 0 : f.custom.find((v) => v.name === u);
+      l && xe(l.handler, { formData: o.formData, event: u, payload: r });
+    }
+    return Ve(el, i), ie(() => {
+      var u;
+      a("onLoad"), a("onMounted"), tl((u = o.events) == null ? void 0 : u.lifecycle.custom);
+    }), le(
+      () => o.formData,
+      () => a("onValueChange"),
+      { deep: !0 }
+    ), n({ fireEvent: i, runLifecycle: a }), (u, r) => (d(), c("div", nl, [
+      (d(!0), c(T, null, N(s.value, (l) => (d(), V(ge, {
+        key: l.id,
+        node: l,
+        mode: "render",
+        "form-mode": e.formMode,
+        "form-data": e.formData,
+        "form-id": e.formId
+      }, ae({ _: 2 }, [
+        N(u.$slots, (f, v) => ({
+          name: v,
+          fn: A((k) => [
+            Q(u.$slots, v, de({ ref_for: !0 }, k || {}), void 0, !0)
+          ])
+        }))
+      ]), 1032, ["node", "form-mode", "form-data", "form-id"]))), 128))
+    ]));
+  }
+}), Oe = /* @__PURE__ */ E(ol, [["__scopeId", "data-v-82088c12"]]), sl = { class: "fd-tree" }, ll = { class: "fd-tree-head" }, al = {
+  key: 0,
+  class: "fd-tree-count"
+}, il = {
+  key: 0,
+  class: "fd-tree-empty"
+}, dl = { class: "fd-tree-name" }, rl = ["title"], ul = /* @__PURE__ */ L({
+  __name: "ComponentTree",
+  setup(e) {
+    const n = W();
+    function o(u) {
+      var v;
+      const r = K(u.type), l = u.label, f = (r == null ? void 0 : r.title) ?? u.type;
+      return {
+        id: u.id,
+        label: l ? `${f} · ${l}` : f,
+        name: f,
+        sub: l ?? "",
+        children: (v = u.children) == null ? void 0 : v.map(o)
+      };
+    }
+    const s = M(() => n.widgets.map(o)), a = M(() => {
+      const u = (r) => r.reduce((l, f) => l + 1 + u(f.children ?? []), 0);
+      return u(n.widgets);
+    });
+    function i(u) {
+      n.select(u.id), De(() => {
+        var r;
+        (r = document.querySelector(".fd-canvas-node.is-selected")) == null || r.scrollIntoView({ block: "nearest" });
+      });
+    }
+    return (u, r) => (d(), c("div", sl, [
+      t("div", ll, [
+        r[0] || (r[0] = ve('<svg class="fd-tree-head-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" data-v-e38c14ec><rect x="3" y="3" width="7" height="7" rx="1" data-v-e38c14ec></rect><rect x="14" y="3" width="7" height="7" rx="1" data-v-e38c14ec></rect><rect x="3" y="14" width="7" height="7" rx="1" data-v-e38c14ec></rect><rect x="14" y="14" width="7" height="7" rx="1" data-v-e38c14ec></rect></svg><span class="fd-tree-title" data-v-e38c14ec>组件树</span>', 2)),
+        a.value ? (d(), c("span", al, y(a.value), 1)) : I("", !0)
+      ]),
+      a.value ? (d(), V(h(He), {
+        key: 1,
+        class: "fd-tree-el",
+        data: s.value,
+        "node-key": "id",
+        "current-node-key": h(n).selectedId || "",
+        "highlight-current": "",
+        "default-expand-all": "",
+        "show-line": "",
+        "expand-on-click-node": !1,
+        onNodeClick: i
+      }, {
+        default: A(({ data: l }) => [
+          t("span", dl, y(l.name), 1),
+          l.sub ? (d(), c("span", {
+            key: 0,
+            class: "fd-tree-sub",
+            title: l.sub
+          }, y(l.sub), 9, rl)) : I("", !0)
+        ]),
+        _: 1
+      }, 8, ["data", "current-node-key"])) : (d(), c("div", il, [...r[1] || (r[1] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          t("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          t("polyline", { points: "17 8 12 3 7 8" }),
+          t("line", {
+            x1: "12",
+            y1: "3",
+            x2: "12",
+            y2: "15"
+          })
+        ], -1),
+        t("span", null, "暂无组件，从左侧拖拽控件到画布", -1)
+      ])]))
+    ]));
+  }
+}), cl = /* @__PURE__ */ E(ul, [["__scopeId", "data-v-e38c14ec"]]);
+var fl = {
+  name: "zh-cn",
+  el: {
+    breadcrumb: { label: "面包屑" },
+    colorpicker: {
+      confirm: "确定",
+      clear: "清空",
+      defaultLabel: "颜色选择器",
+      description: "当前颜色 {color}，按 Enter 键选择新颜色",
+      alphaLabel: "选择透明度的值",
+      alphaDescription: "透明度 {alpha}, 当前颜色 {color}",
+      hueLabel: "选择色相值",
+      hueDescription: "色相 {hue}, 当前颜色 {color}",
+      svLabel: "选择饱和度与明度的值",
+      svDescription: "饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",
+      predefineDescription: "选择 {value} 作为颜色"
+    },
+    datepicker: {
+      now: "此刻",
+      today: "今天",
+      cancel: "取消",
+      clear: "清空",
+      confirm: "确定",
+      dateTablePrompt: "使用方向键与 Enter 键可选择日期",
+      monthTablePrompt: "使用方向键与 Enter 键可选择月份",
+      quarterTablePrompt: "使用方向键与 Enter 键可选择季度",
+      yearTablePrompt: "使用方向键与 Enter 键可选择年份",
+      selectedDate: "已选日期",
+      selectDate: "选择日期",
+      selectTime: "选择时间",
+      startDate: "开始日期",
+      startTime: "开始时间",
+      endDate: "结束日期",
+      endTime: "结束时间",
+      prevYear: "前一年",
+      nextYear: "后一年",
+      prevMonth: "上个月",
+      nextMonth: "下个月",
+      year: "年",
+      month1: "1 月",
+      month2: "2 月",
+      month3: "3 月",
+      month4: "4 月",
+      month5: "5 月",
+      month6: "6 月",
+      month7: "7 月",
+      month8: "8 月",
+      month9: "9 月",
+      month10: "10 月",
+      month11: "11 月",
+      month12: "12 月",
+      weeks: {
+        sun: "日",
+        mon: "一",
+        tue: "二",
+        wed: "三",
+        thu: "四",
+        fri: "五",
+        sat: "六"
+      },
+      weeksFull: {
+        sun: "星期日",
+        mon: "星期一",
+        tue: "星期二",
+        wed: "星期三",
+        thu: "星期四",
+        fri: "星期五",
+        sat: "星期六"
+      },
+      months: {
+        jan: "一月",
+        feb: "二月",
+        mar: "三月",
+        apr: "四月",
+        may: "五月",
+        jun: "六月",
+        jul: "七月",
+        aug: "八月",
+        sep: "九月",
+        oct: "十月",
+        nov: "十一月",
+        dec: "十二月"
+      }
+    },
+    input: { characters: "{count} / {max} 个字符" },
+    inputNumber: {
+      decrease: "减少数值",
+      increase: "增加数值"
+    },
+    select: {
+      loading: "加载中",
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      placeholder: "请选择"
+    },
+    mention: { loading: "加载中" },
+    dropdown: { toggleDropdown: "切换下拉选项" },
+    cascader: {
+      noMatch: "无匹配数据",
+      loading: "加载中",
+      placeholder: "请选择",
+      noData: "暂无数据"
+    },
+    pagination: {
+      goto: "前往",
+      pagesize: "条/页",
+      total: "共 {total} 条",
+      pageClassifier: "页",
+      page: "页",
+      prev: "上一页",
+      next: "下一页",
+      currentPage: "第 {pager} 页",
+      prevPages: "向前 {pager} 页",
+      nextPages: "向后 {pager} 页",
+      deprecationWarning: "你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"
+    },
+    dialog: { close: "关闭此对话框" },
+    drawer: { close: "关闭此对话框" },
+    messagebox: {
+      title: "提示",
+      confirm: "确定",
+      cancel: "取消",
+      error: "输入的数据不合法!",
+      close: "关闭此对话框"
+    },
+    upload: {
+      deleteTip: "按 Delete 键可删除",
+      delete: "删除",
+      preview: "查看图片",
+      continue: "继续上传"
+    },
+    slider: {
+      defaultLabel: "滑块介于 {min} 至 {max}",
+      defaultRangeStartLabel: "选择起始值",
+      defaultRangeEndLabel: "选择结束值"
+    },
+    table: {
+      emptyText: "暂无数据",
+      confirmFilter: "筛选",
+      resetFilter: "重置",
+      clearFilter: "全部",
+      sumText: "合计",
+      selectAllLabel: "选择所有行",
+      selectRowLabel: "选择当前行",
+      expandRowLabel: "展开当前行",
+      collapseRowLabel: "收起当前行",
+      sortLabel: "按 {column} 排序",
+      filterLabel: "按 {column} 过滤"
+    },
+    tag: { close: "关闭此标签" },
+    tour: {
+      next: "下一步",
+      previous: "上一步",
+      finish: "结束导览",
+      close: "关闭此对话框"
+    },
+    tree: { emptyText: "暂无数据" },
+    transfer: {
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      titles: ["列表 1", "列表 2"],
+      filterPlaceholder: "请输入搜索内容",
+      noCheckedFormat: "共 {total} 项",
+      hasCheckedFormat: "已选 {checked}/{total} 项"
+    },
+    image: { error: "加载失败" },
+    pageHeader: { title: "返回" },
+    popconfirm: {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消"
+    },
+    carousel: {
+      leftArrow: "上一张幻灯片",
+      rightArrow: "下一张幻灯片",
+      indicator: "幻灯片切换至索引 {index}"
+    },
+    inputOTP: {
+      groupLabel: "一次性密码输入框",
+      defaultLabel: "请输入第 {index} 位 OTP 字符"
+    }
+  }
+};
+const ml = { class: "fd-publish-tip" }, pl = { class: "fd-publish-tip-text" }, vl = { class: "fd-publish-toolbar" }, bl = { class: "fd-publish-table-wrap" }, gl = { class: "fd-publish-table" }, hl = ["title"], yl = ["href", "title"], kl = ["title"], wl = ["title"], $l = {
+  key: 1,
+  class: "fd-publish-error"
+}, xl = { class: "fd-publish-pager" }, Cl = /* @__PURE__ */ L({
+  __name: "PublishConfirmDialog",
+  props: {
+    modelValue: { type: Boolean },
+    formId: {},
+    count: {}
+  },
+  emits: ["update:modelValue", "confirm"],
+  setup(e, { emit: n }) {
+    const o = qe.directive, s = e, a = n, i = O(!1), u = O(""), r = O(""), l = O(1), f = O(10), v = O(0), k = O([]);
+    async function P() {
+      if (s.formId) {
+        i.value = !0, u.value = "";
+        try {
+          const D = await Gs({
+            id: s.formId,
+            processName: r.value,
+            page: l.value,
+            pageSize: f.value
+          });
+          k.value = D.items ?? [], v.value = D.total ?? 0;
+        } catch (D) {
+          k.value = [], v.value = 0, u.value = ne(D);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    le(
+      () => s.modelValue,
+      (D) => {
+        D && (r.value = "", l.value = 1, P());
+      }
+    ), le(r, () => {
+      l.value = 1, P();
+    }), le(l, () => P());
+    function j() {
+      a("update:modelValue", !1);
+    }
+    function _() {
+      a("confirm");
+    }
+    return (D, m) => (d(), V(h(Ge), { locale: h(fl) }, {
+      default: A(() => [
+        F(h(Ye), {
+          "model-value": e.modelValue,
+          title: "发布确认",
+          width: "70rem",
+          "close-on-click-modal": !1,
+          "onUpdate:modelValue": m[3] || (m[3] = (g) => a("update:modelValue", g))
+        }, {
+          footer: A(() => [
+            F(h(we), { onClick: j }, {
+              default: A(() => [...m[9] || (m[9] = [
+                U("取消", -1)
+              ])]),
+              _: 1
+            }),
+            F(h(we), {
+              type: "primary",
+              disabled: i.value,
+              onClick: _
+            }, {
+              default: A(() => [...m[10] || (m[10] = [
+                U("确认发布", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          default: A(() => [
+            t("div", ml, [
+              m[6] || (m[6] = t("span", { class: "fd-publish-tip-icon" }, "!", -1)),
+              t("span", pl, [
+                m[4] || (m[4] = U(" 该表单正在被 ", -1)),
+                t("b", null, y(e.count), 1),
+                m[5] || (m[5] = U(" 个流程使用，发布后将影响以下流程，确定发布？ ", -1))
+              ])
+            ]),
+            t("div", vl, [
+              F(h(Ke), {
+                modelValue: r.value,
+                "onUpdate:modelValue": m[0] || (m[0] = (g) => r.value = g),
+                placeholder: "输入流程名搜索",
+                clearable: "",
+                class: "fd-publish-search"
+              }, null, 8, ["modelValue"])
+            ]),
+            ce((d(), c("div", bl, [
+              t("table", gl, [
+                m[7] || (m[7] = t("colgroup", null, [
+                  t("col", { style: { width: "24%" } }),
+                  t("col", { style: { width: "40%" } }),
+                  t("col", { style: { width: "36%" } })
+                ], -1)),
+                m[8] || (m[8] = t("thead", null, [
+                  t("tr", null, [
+                    t("th", null, "表单名称"),
+                    t("th", null, "流程模板"),
+                    t("th", null, "模板ID")
+                  ])
+                ], -1)),
+                t("tbody", null, [
+                  (d(!0), c(T, null, N(k.value, (g) => (d(), c("tr", {
+                    key: g.templateId || g.formId
+                  }, [
+                    t("td", {
+                      title: g.formNameCN || g.formCode
+                    }, y(g.formNameCN || g.formCode), 9, hl),
+                    t("td", null, [
+                      g.templateUrl ? (d(), c("a", {
+                        key: 0,
+                        class: "fd-publish-link",
+                        href: g.templateUrl,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        title: g.templateName
+                      }, y(g.templateName), 9, yl)) : (d(), c("span", {
+                        key: 1,
+                        title: g.templateName
+                      }, y(g.templateName), 9, kl))
+                    ]),
+                    t("td", {
+                      class: "fd-publish-id",
+                      title: g.templateId
+                    }, y(g.templateId), 9, wl)
+                  ]))), 128))
+                ])
+              ]),
+              !k.value.length && !u.value && !i.value ? (d(), V(h(Qe), {
+                key: 0,
+                description: "暂无可用流程模板",
+                "image-size": 60
+              })) : I("", !0),
+              !k.value.length && u.value ? (d(), c("div", $l, y(u.value), 1)) : I("", !0)
+            ])), [
+              [h(o), i.value]
+            ]),
+            t("div", xl, [
+              F(h(Xe), {
+                "current-page": l.value,
+                "onUpdate:currentPage": m[1] || (m[1] = (g) => l.value = g),
+                "page-size": f.value,
+                "onUpdate:pageSize": m[2] || (m[2] = (g) => f.value = g),
+                total: v.value,
+                "page-sizes": [10, 20, 50],
+                layout: "total, sizes, prev, pager, next",
+                background: ""
+              }, null, 8, ["current-page", "page-size", "total"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]),
+      _: 1
+    }, 8, ["locale"]));
+  }
+}), _l = /* @__PURE__ */ E(Cl, [["__scopeId", "data-v-6fdc08dc"]]), Il = { class: "fd-toolbar" }, Dl = { class: "fd-toolbar-left flex-align-center" }, Sl = ["value"], Tl = { class: "fd-device" }, Fl = {
+  key: 0,
+  class: "is-active",
+  title: "移动端比例（由 URL 参数 templateType 决定）"
+}, Ll = {
+  key: 1,
+  class: "is-active",
+  title: "电脑端比例（由 URL 参数 templateType 决定）"
+}, Ml = { class: "fd-toolbar-right flex-align-center" }, Nl = ["disabled"], El = ["disabled"], Pl = { class: "fd-dialog fd-dialog--preview" }, Ol = { class: "fd-dialog-head" }, Ul = { class: "fd-preview-width" }, Bl = { class: "fd-dialog-body" }, Vl = { class: "fd-dialog" }, jl = { class: "fd-dialog-head" }, Rl = { class: "fd-dialog-code" }, Al = { class: "fd-dialog" }, zl = { class: "fd-dialog-head" }, Jl = { class: "fd-dialog-body" }, Wl = /* @__PURE__ */ L({
+  __name: "Toolbar",
+  setup(e) {
+    const n = W(), o = O(!1), s = O(!1), a = O(!1), i = O(!1), u = O(!1), r = O(0);
+    function l() {
+      const C = new URLSearchParams(window.location.search).get("templateType") || "";
+      return C === "mobile" || C === "2";
+    }
+    const f = O(l() ? 375 : 1200);
+    function v() {
+      const C = Number(f.value);
+      f.value = Math.min(1200, Math.max(270, Number.isFinite(C) ? C : 1200));
+    }
+    le(
+      () => n.device,
+      (C) => {
+        f.value = C === "mobile" ? 375 : 1200;
+      }
+    );
+    const k = O("");
+    function P() {
+      const C = k.value.trim();
+      if (!C) {
+        window.alert("请先粘贴表单 JSON");
+        return;
+      }
+      try {
+        n.loadSchema(JSON.parse(C));
+      } catch {
+        window.alert("JSON 解析失败");
+        return;
+      }
+      k.value = "", i.value = !1;
+    }
+    const j = M(() => JSON.stringify(n.toSchema(), null, 2)), _ = M(() => {
+      const C = {};
+      n.fields.forEach((S) => {
+        C[S.name] = S.name;
+      });
+      const b = (S, H) => (S.forEach((z) => {
+        var ke;
+        z.type === "subtable" && H.push(z), (ke = z.children) != null && ke.length && b(z.children, H);
+      }), H);
+      return b(n.widgets, []).forEach((S) => {
+        if (S.type !== "subtable" || !S.secondtable) return;
+        const H = {};
+        (S.colnums ?? []).forEach((z) => {
+          H[z.name] = z.name, z.bindLink && (H[z.bindLink] = z.bindLink);
+        }), C[S.secondtable] = [H];
+      }), C;
+    });
+    async function D() {
+      if (!n.workFormId) {
+        window.alert("尚未打开表单，无法保存");
+        return;
+      }
+      if (!n.formName.trim()) {
+        window.alert("请先填写表单名称（保存必填）");
+        return;
+      }
+      try {
+        const C = await n.save();
+        C.success ? (Zs(n.formId, n.toSchema()), window.alert(`${C.message}
+工作表单 ID：${n.workFormId}`)) : window.alert(`保存失败：${C.message}`);
+      } catch {
+        window.alert(n.errorMsg || "保存失败");
+      }
+    }
+    async function m() {
+      var S, H;
+      if (!n.workFormId) {
+        window.alert("尚未打开表单，无法另存为");
+        return;
+      }
+      const C = (S = window.prompt("新表单名称", `${n.formName || "表单"} 副本`)) == null ? void 0 : S.trim();
+      if (!C) return;
+      const b = (H = window.prompt("新表单编码（如 SG_ZL_YYQHTSP，_M 结尾为移动端模板）", "")) == null ? void 0 : H.trim();
+      if (b)
+        try {
+          const z = await n.saveAs(C, b);
+          z.success ? window.alert(`${z.message}
+新表单 ID：${z.newFormID}`) : window.alert(`另存为失败：${z.message}`);
+        } catch {
+          window.alert(n.errorMsg || "另存为失败");
+        }
+    }
+    function g() {
+      location.reload();
+    }
+    async function $() {
+      if (!n.workFormId) {
+        window.alert("尚未打开表单，无法发布");
+        return;
+      }
+      if (!n.formName.trim()) {
+        window.alert("请先填写表单名称（发布必填）");
+        return;
+      }
+      try {
+        const { needConfirm: C, count: b } = await n.checkPublish();
+        if (C) {
+          r.value = b, u.value = !0;
+          return;
+        }
+        await B();
+      } catch {
+        window.alert(n.errorMsg || "发布检查失败");
+      }
+    }
+    async function B() {
+      try {
+        const C = await n.publish();
+        window.alert(C.success ? C.message : `发布失败：${C.message}`);
+      } catch {
+        window.alert(n.errorMsg || "发布失败");
+      }
+    }
+    async function q() {
+      u.value = !1, await B();
+    }
+    const x = O(null), p = O(null);
+    function w(C) {
+      var S, H;
+      if (!a.value) return;
+      const b = C.target;
+      (S = x.value) != null && S.contains(b) || (H = p.value) != null && H.contains(b) || (a.value = !1);
+    }
+    return ie(() => document.addEventListener("click", w)), je(() => document.removeEventListener("click", w)), (C, b) => (d(), c("div", Il, [
+      t("div", Dl, [
+        b[18] || (b[18] = t("span", { class: "fd-toolbar-title" }, "表单设计器", -1)),
+        t("input", {
+          class: "fd-toolbar-name",
+          value: h(n).formName,
+          placeholder: "表单名称（保存必填）",
+          onInput: b[0] || (b[0] = (S) => h(n).formName = S.target.value)
+        }, null, 40, Sl),
+        t("div", Tl, [
+          h(n).device === "mobile" ? (d(), c("button", Fl, [...b[16] || (b[16] = [
+            t("svg", {
+              class: "fd-tool-btn-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("rect", {
+                x: "5",
+                y: "2",
+                width: "14",
+                height: "20",
+                rx: "2"
+              }),
+              t("line", {
+                x1: "12",
+                y1: "18",
+                x2: "12.01",
+                y2: "18"
+              })
+            ], -1),
+            U(" 移动端 ", -1)
+          ])])) : (d(), c("button", Ll, [...b[17] || (b[17] = [
+            t("svg", {
+              class: "fd-tool-btn-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("rect", {
+                x: "2",
+                y: "3",
+                width: "20",
+                height: "14",
+                rx: "2"
+              }),
+              t("line", {
+                x1: "8",
+                y1: "21",
+                x2: "16",
+                y2: "21"
+              }),
+              t("line", {
+                x1: "12",
+                y1: "17",
+                x2: "12",
+                y2: "21"
+              })
+            ], -1),
+            U(" 电脑端 ", -1)
+          ])]))
+        ])
+      ]),
+      t("div", Ml, [
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: b[1] || (b[1] = (S) => o.value = !0)
+        }, [...b[19] || (b[19] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+            t("circle", {
+              cx: "12",
+              cy: "12",
+              r: "3"
+            })
+          ], -1),
+          U(" 预览 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: b[2] || (b[2] = (S) => s.value = !0)
+        }, [...b[20] || (b[20] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("polyline", { points: "16 18 22 12 16 6" }),
+            t("polyline", { points: "8 6 2 12 8 18" })
+          ], -1),
+          U(" 查看代码 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: b[3] || (b[3] = (S) => i.value = !0)
+        }, [...b[21] || (b[21] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+            t("polyline", { points: "17 8 12 3 7 8" }),
+            t("line", {
+              x1: "12",
+              y1: "3",
+              x2: "12",
+              y2: "15"
+            })
+          ], -1),
+          U(" 导入 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: g
+        }, [...b[22] || (b[22] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("polyline", { points: "23 4 23 10 17 10" }),
+            t("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
+          ], -1),
+          U(" 加载 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: D
+        }, [...b[23] || (b[23] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
+            t("polyline", { points: "17 21 17 13 7 13 7 21" }),
+            t("polyline", { points: "7 3 7 8 15 8" })
+          ], -1),
+          U(" 保存 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn",
+          onClick: m
+        }, [...b[24] || (b[24] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("rect", {
+              x: "9",
+              y: "9",
+              width: "13",
+              height: "13",
+              rx: "2"
+            }),
+            t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+          ], -1),
+          U(" 另存为 ", -1)
+        ])]),
+        t("button", {
+          class: "fd-tool-btn fd-tool-btn--primary",
+          onClick: $
+        }, [...b[25] || (b[25] = [
+          t("svg", {
+            class: "fd-tool-btn-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("line", {
+              x1: "22",
+              y1: "2",
+              x2: "11",
+              y2: "13"
+            }),
+            t("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+          ], -1),
+          U(" 发布 ", -1)
+        ])]),
+        b[29] || (b[29] = t("span", { class: "fd-toolbar-divider" }, null, -1)),
+        t("button", {
+          class: "fd-tool-btn fd-tool-icon-btn",
+          disabled: !h(n).canUndo,
+          title: "撤销",
+          onClick: b[4] || (b[4] = (S) => h(n).undo())
+        }, [...b[26] || (b[26] = [
+          t("svg", {
+            class: "fd-tool-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("polyline", { points: "9 14 4 9 9 4" }),
+            t("path", { d: "M20 20v-7a4 4 0 0 0-4-4H4" })
+          ], -1)
+        ])], 8, Nl),
+        t("button", {
+          class: "fd-tool-btn fd-tool-icon-btn",
+          disabled: !h(n).canRedo,
+          title: "重做",
+          onClick: b[5] || (b[5] = (S) => h(n).redo())
+        }, [...b[27] || (b[27] = [
+          t("svg", {
+            class: "fd-tool-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("polyline", { points: "15 14 20 9 15 4" }),
+            t("path", { d: "M4 20v-7a4 4 0 0 1 4-4h12" })
+          ], -1)
+        ])], 8, El),
+        t("button", {
+          ref_key: "treeBtnRef",
+          ref: p,
+          class: "fd-tool-btn",
+          onClick: b[6] || (b[6] = (S) => a.value = !a.value)
+        }, [...b[28] || (b[28] = [
+          ve('<svg class="fd-tool-btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" data-v-eae12460><line x1="8" y1="6" x2="21" y2="6" data-v-eae12460></line><line x1="8" y1="12" x2="21" y2="12" data-v-eae12460></line><line x1="8" y1="18" x2="21" y2="18" data-v-eae12460></line><line x1="3" y1="6" x2="3.01" y2="6" data-v-eae12460></line><line x1="3" y1="12" x2="3.01" y2="12" data-v-eae12460></line><line x1="3" y1="18" x2="3.01" y2="18" data-v-eae12460></line></svg> 组件树 ', 2)
+        ])], 512)
+      ]),
+      (d(), V(pe, { to: "body" }, [
+        o.value ? (d(), c("div", {
+          key: 0,
+          class: "fd-dialog-mask",
+          onClick: b[9] || (b[9] = J((S) => o.value = !1, ["self"]))
+        }, [
+          t("div", Pl, [
+            t("div", Ol, [
+              b[32] || (b[32] = t("span", null, "预览", -1)),
+              t("div", Ul, [
+                b[30] || (b[30] = t("label", { for: "fd-preview-width-input" }, "宽度", -1)),
+                F(h(Ze), {
+                  id: "fd-preview-width-input",
+                  modelValue: f.value,
+                  "onUpdate:modelValue": b[7] || (b[7] = (S) => f.value = S),
+                  min: 270,
+                  max: 1200,
+                  step: 10,
+                  size: "small",
+                  "controls-position": "right",
+                  onChange: v
+                }, null, 8, ["modelValue"]),
+                b[31] || (b[31] = t("span", { class: "fd-preview-width-unit" }, "px", -1))
+              ]),
+              t("button", {
+                class: "fd-tool-btn",
+                onClick: b[8] || (b[8] = (S) => o.value = !1)
+              }, "关闭")
+            ]),
+            t("div", Bl, [
+              t("div", {
+                class: "fd-preview-stage",
+                style: G({ width: f.value + "px" })
+              }, [
+                F(Oe, {
+                  widgets: h(n).widgets,
+                  "form-data": _.value
+                }, null, 8, ["widgets", "form-data"])
+              ], 4)
+            ])
+          ])
+        ])) : I("", !0),
+        s.value ? (d(), c("div", {
+          key: 1,
+          class: "fd-dialog-mask",
+          onClick: b[11] || (b[11] = J((S) => s.value = !1, ["self"]))
+        }, [
+          t("div", Vl, [
+            t("div", jl, [
+              b[33] || (b[33] = t("span", null, "JSON Schema", -1)),
+              t("button", {
+                class: "fd-tool-btn",
+                onClick: b[10] || (b[10] = (S) => s.value = !1)
+              }, "关闭")
+            ]),
+            t("pre", Rl, y(j.value), 1)
+          ])
+        ])) : I("", !0),
+        i.value ? (d(), c("div", {
+          key: 2,
+          class: "fd-dialog-mask",
+          onClick: b[14] || (b[14] = J((S) => i.value = !1, ["self"]))
+        }, [
+          t("div", Al, [
+            t("div", zl, [
+              b[34] || (b[34] = t("span", null, "导入（粘贴 JSON）", -1)),
+              t("button", {
+                class: "fd-tool-btn",
+                onClick: b[12] || (b[12] = (S) => i.value = !1)
+              }, "取消"),
+              t("button", {
+                class: "fd-tool-btn fd-tool-btn--primary",
+                onClick: P
+              }, "确认")
+            ]),
+            t("div", Jl, [
+              ce(t("textarea", {
+                "onUpdate:modelValue": b[13] || (b[13] = (S) => k.value = S),
+                class: "fd-dialog-import-text",
+                placeholder: "请粘贴表单 JSON（可从「查看代码」复制），确认后将覆盖当前表单"
+              }, null, 512), [
+                [Re, k.value]
+              ])
+            ])
+          ])
+        ])) : I("", !0),
+        a.value ? (d(), c("div", {
+          key: 3,
+          ref_key: "treeDrawerRef",
+          ref: x,
+          class: "fd-tree-drawer"
+        }, [
+          F(cl)
+        ], 512)) : I("", !0),
+        F(_l, {
+          modelValue: u.value,
+          "onUpdate:modelValue": b[15] || (b[15] = (S) => u.value = S),
+          "form-id": h(n).originFormId,
+          count: r.value,
+          onConfirm: q
+        }, null, 8, ["modelValue", "form-id", "count"])
+      ]))
+    ]));
+  }
+}), Hl = /* @__PURE__ */ E(Wl, [["__scopeId", "data-v-eae12460"]]), ql = { class: "fd-palette" }, Gl = { class: "fd-palette-group-title" }, Yl = ["onDragstart", "onClick"], Kl = { class: "fd-palette-icon" }, Ql = /* @__PURE__ */ L({
+  __name: "WidgetPalette",
+  setup(e) {
+    const n = W(), o = tt(), s = [
+      {
+        title: "基础控件",
+        types: ["label", "text"]
+      },
+      {
+        title: "高级控件",
+        types: ["subtable"]
+      },
+      {
+        title: "布局控件",
+        types: ["grid", "card", "slot"]
+      }
+    ], a = {
+      grid: "▦",
+      card: "▤",
+      slot: "⧉",
+      label: "T",
+      text: "¶",
+      subtable: "☰"
+    };
+    function i(l) {
+      return o.find((f) => f.type === l);
+    }
+    function u(l, f) {
+      var v;
+      (v = l.dataTransfer) == null || v.setData("application/x-fd-new", f), l.dataTransfer && (l.dataTransfer.effectAllowed = "copy");
+    }
+    function r(l) {
+      n.addWidget(l);
+    }
+    return (l, f) => (d(), c("div", ql, [
+      f[0] || (f[0] = t("div", { class: "fd-palette-title" }, "控件库", -1)),
+      (d(), c(T, null, N(s, (v) => t("div", {
+        key: v.title,
+        class: "fd-palette-group"
+      }, [
+        t("div", Gl, y(v.title), 1),
+        (d(!0), c(T, null, N(v.types, (k) => (d(), c(T, { key: k }, [
+          i(k) ? (d(), c("div", {
+            key: 0,
+            class: "fd-palette-item",
+            draggable: "true",
+            onDragstart: (P) => u(P, k),
+            onClick: (P) => r(k)
+          }, [
+            t("span", Kl, y(a[k]), 1),
+            t("span", null, y(i(k).title), 1)
+          ], 40, Yl)) : I("", !0)
+        ], 64))), 128))
+      ])), 64))
+    ]));
+  }
+}), Xl = /* @__PURE__ */ E(Ql, [["__scopeId", "data-v-6a2bab90"]]), Zl = [
+  { key: "onLoad", label: "加载完成", desc: "表单数据就绪后触发" },
+  { key: "onMounted", label: "渲染挂载", desc: "渲染完成并挂载到 DOM 后触发" },
+  { key: "onValueChange", label: "值变化", desc: "任意字段值变化时触发" },
+  { key: "custom", label: "自定义方法", desc: "写入的方法将挂载至全局 window，可在其他事件处理中调用" }
+], ea = { class: "fd-form-events" }, ta = { class: "fd-form-meta" }, na = { class: "fd-events-section" }, oa = { class: "fd-event-head" }, sa = ["title"], la = { class: "fd-event-key" }, aa = ["onClick", "title"], ia = {
+  key: 0,
+  class: "fd-event-trigger-text"
+}, da = {
+  key: 1,
+  class: "fd-event-trigger-placeholder"
+}, ra = {
+  class: "fd-dialog",
+  style: { "max-width": "600px" }
+}, ua = { class: "fd-dialog-head" }, ca = { class: "fd-dialog-body" }, fa = /* @__PURE__ */ L({
+  __name: "FormEventsPanel",
+  setup(e) {
+    const n = Ae(() => import("./CodeEditor-CJeYvarM.js")), o = W(), s = Ie({
+      open: !1,
+      type: "",
+      hookKey: "",
+      index: -1,
+      title: "",
+      draft: ""
+    });
+    function a(r) {
+      s.open = !0, s.type = "lifecycle", s.hookKey = r.key, s.title = `${r.label}（${r.key}）`, s.draft = o.events.lifecycle[r.key] ?? "";
+    }
+    function i() {
+      s.type === "lifecycle" && s.hookKey ? o.setLifecycleHook(s.hookKey, s.draft) : s.type === "custom" && s.index >= 0 && o.updateCustomEvent(s.index, { handler: s.draft }), s.open = !1;
+    }
+    function u() {
+      s.open = !1;
+    }
+    return (r, l) => (d(), c("div", ea, [
+      l[4] || (l[4] = t("div", { class: "fd-property-title" }, "表单属性", -1)),
+      t("div", ta, [
+        t("span", null, "表单：" + y(h(o).formId), 1),
+        t("span", null, "主表：" + y(h(o).dbtable), 1)
+      ]),
+      t("section", na, [
+        l[2] || (l[2] = t("h4", { class: "fd-events-h" }, "全局事件 · 生命周期", -1)),
+        l[3] || (l[3] = t("p", { class: "fd-events-tip" }, "渲染时绑定至对应钩子函数中执行", -1)),
+        (d(!0), c(T, null, N(h(Zl), (f) => (d(), c("div", {
+          key: f.key,
+          class: "fd-event-row"
+        }, [
+          t("div", oa, [
+            t("label", {
+              title: f.desc
+            }, y(f.label), 9, sa),
+            t("code", la, y(f.key), 1)
+          ]),
+          t("div", {
+            class: "fd-event-trigger",
+            onClick: (v) => a(f),
+            title: h(o).events.lifecycle[f.key] || "点击编写处理函数"
+          }, [
+            h(o).events.lifecycle[f.key] ? (d(), c("span", ia, y(h(o).events.lifecycle[f.key]), 1)) : (d(), c("span", da, "点击编写")),
+            l[1] || (l[1] = t("span", { class: "fd-event-trigger-arrow" }, "›", -1))
+          ], 8, aa)
+        ]))), 128))
+      ]),
+      (d(), V(pe, { to: "body" }, [
+        s.open ? (d(), c("div", {
+          key: 0,
+          class: "fd-dialog-mask",
+          onClick: J(u, ["self"])
+        }, [
+          t("div", ra, [
+            t("div", ua, [
+              t("span", null, "编写处理函数 - " + y(s.title), 1),
+              t("button", {
+                class: "fd-dialog-close",
+                onClick: u,
+                title: "关闭"
+              }, "×")
+            ]),
+            t("div", ca, [
+              F(h(n), {
+                modelValue: s.draft,
+                "onUpdate:modelValue": l[0] || (l[0] = (f) => s.draft = f),
+                language: "javascript"
+              }, null, 8, ["modelValue"])
+            ]),
+            t("div", { class: "fd-dialog-foot" }, [
+              t("button", {
+                class: "fd-btn fd-btn--primary",
+                onClick: i
+              }, "确定")
+            ])
+          ])
+        ])) : I("", !0)
+      ]))
+    ]));
+  }
+}), ma = /* @__PURE__ */ E(fa, [["__scopeId", "data-v-7e5a3f15"]]), pa = { class: "fd-property" }, va = {
+  key: 1,
+  class: "fd-property-empty"
+}, ba = {
+  key: 1,
+  class: "fd-property-item"
+}, ga = ["value"], ha = { class: "fd-property-foot" }, ya = { class: "fd-property-type" }, ka = /* @__PURE__ */ L({
+  __name: "PropertyPanel",
+  setup(e) {
+    const n = W(), o = M(() => n.selectedNode), s = M(() => o.value ? K(o.value.type) : void 0), a = M(() => {
+      var l;
+      return (l = s.value) == null ? void 0 : l.panel;
+    });
+    function i(l) {
+      o.value && n.updateNode(o.value.id, l);
+    }
+    const u = M(() => o.value != null && o.value.gridSpan != null);
+    function r(l) {
+      if (!o.value) return;
+      const f = Number(l.target.value), v = Math.min(24, Math.max(1, Number.isFinite(f) ? Math.round(f) : 24));
+      n.updateNode(o.value.id, { gridSpan: v });
+    }
+    return (l, f) => {
+      var v;
+      return d(), c("div", pa, [
+        f[2] || (f[2] = t("div", { class: "fd-property-title" }, "属性", -1)),
+        h(n).selectedForm ? (d(), V(ma, { key: 0 })) : o.value ? (d(), c(T, { key: 2 }, [
+          a.value ? (d(), V(me(a.value), {
+            key: 0,
+            node: o.value,
+            fields: h(n).fields,
+            onUpdate: i
+          }, null, 40, ["node", "fields"])) : I("", !0),
+          u.value ? (d(), c("div", ba, [
+            f[1] || (f[1] = t("label", null, "占比", -1)),
+            t("input", {
+              type: "number",
+              min: "1",
+              max: "24",
+              value: o.value.gridSpan,
+              onChange: r
+            }, null, 40, ga)
+          ])) : I("", !0),
+          t("div", ha, [
+            t("span", ya, "类型：" + y((v = s.value) == null ? void 0 : v.title), 1)
+          ])
+        ], 64)) : (d(), c("div", va, [...f[0] || (f[0] = [
+          t("span", { class: "fd-property-empty-icon" }, "⚙", -1),
+          t("span", null, [
+            U("请选择左侧控件"),
+            t("br"),
+            U("或点击画板空白处设置表单属性")
+          ], -1)
+        ])]))
+      ]);
+    };
+  }
+}), wa = /* @__PURE__ */ E(ka, [["__scopeId", "data-v-e89617c7"]]), $a = {
+  key: 0,
+  class: "fd-canvas-dropzone"
+}, xa = /* @__PURE__ */ L({
+  __name: "CanvasNode",
+  props: {
+    node: {},
+    parentId: {},
+    index: {}
+  },
+  setup(e) {
+    const n = e, o = W(), s = O(null), a = M(() => {
+      const m = {};
+      return n.node.gridSpan != null && (m.gridColumn = `span ${n.node.gridSpan}`), n.node.type === "text" && (m.display = n.node.display || "inline-block"), Object.keys(m).length ? m : void 0;
+    }), i = () => {
+      var m;
+      return (m = K(n.node.type)) == null ? void 0 : m.isContainer;
+    };
+    function u(m, g) {
+      if (n.node.type !== "grid") return "";
+      const $ = n.node.layout || 24;
+      return Fe(m, g, n.node.children || [], $, o.device === "mobile");
+    }
+    function r(m) {
+      const g = m.dataTransfer;
+      return !!g && (g.types.includes("application/x-fd-new") || g.types.includes("application/x-fd-move"));
+    }
+    function l() {
+      o.select(n.node.id);
+    }
+    function f(m) {
+      var g;
+      m.stopPropagation(), o.setDragging(n.node.id), (g = m.dataTransfer) == null || g.setData("application/x-fd-move", n.node.id), m.dataTransfer && (m.dataTransfer.effectAllowed = "move");
+    }
+    function v() {
+      o.dragOverId = null, o.dropContainerId = null, o.dragBefore = !1, o.setDragging(null);
+    }
+    function k(m) {
+      m.stopPropagation(), v();
+    }
+    function P() {
+      o.dragOverId === n.node.id && (o.dragOverId = null), o.dropContainerId === n.node.id && (o.dropContainerId = null);
+    }
+    function j(m) {
+      if (r(m))
+        if (m.preventDefault(), m.stopPropagation(), i())
+          o.dragOverId = null, o.dragBefore = !1, o.dropContainerId = n.node.id;
+        else {
+          o.dropContainerId = null, o.dragOverId = n.node.id;
+          const g = s.value;
+          if (g) {
+            const $ = g.getBoundingClientRect();
+            o.dragBefore = m.clientY - $.top < $.height / 2;
+          }
+        }
+    }
+    function _() {
+      P();
+    }
+    function D(m) {
+      var B, q, x;
+      if (!r(m)) return;
+      m.preventDefault(), m.stopPropagation();
+      const g = (B = m.dataTransfer) == null ? void 0 : B.getData("application/x-fd-new"), $ = (q = m.dataTransfer) == null ? void 0 : q.getData("application/x-fd-move");
+      if (i())
+        g ? o.addWidget(g, n.node.id) : $ && o.moveNode($, n.node.id, ((x = n.node.children) == null ? void 0 : x.length) ?? 0);
+      else {
+        const p = o.dragBefore ? n.index : n.index + 1;
+        g ? o.addWidget(g, n.parentId, p) : $ && o.moveNode($, n.parentId, p);
+      }
+      o.dragOverId = null, o.dragBefore = !1, o.dropContainerId = null;
+    }
+    return (m, g) => {
+      const $ = Se("CanvasNode", !0);
+      return d(), c("div", {
+        ref_key: "rootEl",
+        ref: s,
+        class: R(["fd-canvas-node", [
+          `fd-canvas-node--${e.node.type}`,
+          {
+            "is-selected": h(o).selectedId === e.node.id,
+            "drop-before": h(o).dragOverId === e.node.id && h(o).dragBefore,
+            "drop-target": h(o).dropContainerId === e.node.id,
+            "dragging-source": h(o).draggingId === e.node.id
+          }
+        ]]),
+        style: G(a.value),
+        draggable: "true",
+        onMousedown: J(l, ["stop"]),
+        onClick: g[4] || (g[4] = J(() => {
+        }, ["stop"])),
+        onDragstart: f,
+        onDragend: k,
+        onDragover: j,
+        onDragleave: _,
+        onDrop: D
+      }, [
+        t("div", {
+          class: "fd-canvas-node-actions",
+          onMousedown: g[3] || (g[3] = J(() => {
+          }, ["stop"]))
+        }, [
+          t("span", {
+            class: "fd-node-action",
+            title: "上移",
+            onClick: g[0] || (g[0] = J((B) => h(o).moveSibling(e.node.id, -1), ["stop"]))
+          }, [...g[5] || (g[5] = [
+            t("svg", {
+              class: "fd-node-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("line", {
+                x1: "12",
+                y1: "20",
+                x2: "12",
+                y2: "5"
+              }),
+              t("polyline", { points: "6 11 12 5 18 11" })
+            ], -1)
+          ])]),
+          t("span", {
+            class: "fd-node-action",
+            title: "下移",
+            onClick: g[1] || (g[1] = J((B) => h(o).moveSibling(e.node.id, 1), ["stop"]))
+          }, [...g[6] || (g[6] = [
+            t("svg", {
+              class: "fd-node-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("line", {
+                x1: "12",
+                y1: "4",
+                x2: "12",
+                y2: "19"
+              }),
+              t("polyline", { points: "6 13 12 19 18 13" })
+            ], -1)
+          ])]),
+          t("span", {
+            class: "fd-node-action delete",
+            title: "删除",
+            onClick: g[2] || (g[2] = J((B) => h(o).removeWidget(e.node.id), ["stop"]))
+          }, [...g[7] || (g[7] = [
+            ve('<svg class="fd-node-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" data-v-3f3a43d3><path d="M4 7h16" data-v-3f3a43d3></path><path d="M9 7V5.5a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 15 5.5V7" data-v-3f3a43d3></path><path d="M6.5 7l1 12.5h9l1-12.5" data-v-3f3a43d3></path><line x1="10" y1="11" x2="10" y2="16.5" data-v-3f3a43d3></line><line x1="14" y1="11" x2="14" y2="16.5" data-v-3f3a43d3></line></svg>', 1)
+          ])])
+        ], 32),
+        F(ge, {
+          node: e.node,
+          mode: "design"
+        }, ae({ _: 2 }, [
+          i() && e.node.children ? {
+            name: "children",
+            fn: A(() => [
+              (d(!0), c(T, null, N(e.node.children, (B, q) => (d(), V($, {
+                key: B.id,
+                node: B,
+                "parent-id": e.node.id,
+                index: q,
+                class: R(u(B, q))
+              }, null, 8, ["node", "parent-id", "index", "class"]))), 128)),
+              !e.node.children || e.node.children.length === 0 ? (d(), c("div", $a, "拖拽控件到此容器")) : I("", !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["node"])
+      ], 38);
+    };
+  }
+}), Ca = /* @__PURE__ */ E(xa, [["__scopeId", "data-v-3f3a43d3"]]), _a = { class: "fd-designer" }, Ia = { class: "fd-designer-body" }, Da = { class: "fd-designer-left" }, Sa = {
+  key: 0,
+  class: "fd-canvas-notice"
+}, Ta = {
+  key: 1,
+  class: "fd-canvas-state"
+}, Fa = {
+  key: 2,
+  class: "fd-canvas-state fd-canvas-state--error"
+}, La = {
+  key: 0,
+  class: "fd-canvas-empty"
+}, Ma = { class: "fd-designer-right" }, Na = /* @__PURE__ */ L({
+  __name: "Designer",
+  props: {
+    formId: {}
+  },
+  setup(e) {
+    const n = e, o = W();
+    ie(async () => {
+      const a = new URLSearchParams(window.location.search), i = a.get("baseUrl");
+      i && Us(i);
+      const u = n.formId || a.get("id") || "", r = a.get("formVersion") || a.get("FormVersion") || "", l = a.get("openType") || a.get("OpenType") || "";
+      await o.openForm(u, r, l);
+    });
+    function s(a) {
+      var r, l;
+      a.preventDefault();
+      const i = (r = a.dataTransfer) == null ? void 0 : r.getData("application/x-fd-new"), u = (l = a.dataTransfer) == null ? void 0 : l.getData("application/x-fd-move");
+      i ? o.addWidget(i, null, o.widgets.length) : u && o.moveNode(u, null, o.widgets.length);
+    }
+    return (a, i) => (d(), c("div", _a, [
+      F(Hl),
+      t("div", Ia, [
+        t("aside", Da, [
+          F(Xl)
+        ]),
+        t("main", {
+          class: "fd-designer-center",
+          onDragover: i[1] || (i[1] = J(() => {
+          }, ["prevent"])),
+          onDrop: s
+        }, [
+          h(o).noticeMsg ? (d(), c("div", Sa, y(h(o).noticeMsg), 1)) : I("", !0),
+          h(o).loading ? (d(), c("div", Ta, "正在加载表单…")) : h(o).errorMsg ? (d(), c("div", Fa, y(h(o).errorMsg), 1)) : (d(), c("div", {
+            key: 3,
+            class: R(["fd-canvas", { "is-mobile": h(o).device === "mobile", "is-selected": h(o).selectedForm }]),
+            onClick: i[0] || (i[0] = (u) => h(o).selectForm())
+          }, [
+            h(o).widgets.length === 0 ? (d(), c("div", La, [...i[2] || (i[2] = [
+              t("span", { class: "fd-canvas-empty-icon" }, "▦", -1),
+              t("span", null, "从左侧拖拽控件到此处", -1)
+            ])])) : I("", !0),
+            (d(!0), c(T, null, N(h(o).widgets, (u, r) => (d(), V(Ca, {
+              key: u.id,
+              node: u,
+              "parent-id": null,
+              index: r
+            }, null, 8, ["node", "index"]))), 128))
+          ], 2))
+        ], 32),
+        t("aside", Ma, [
+          F(wa)
+        ])
+      ])
+    ]));
+  }
+}), Ea = /* @__PURE__ */ E(Na, [["__scopeId", "data-v-86f01272"]]);
+function Xa(e) {
+  he(), e.baseUrl && Le({ baseUrl: e.baseUrl });
+  let n = null;
+  const s = ze({
+    render: () => Je(Oe, {
+      widgets: e.widgets,
+      formMode: e.formMode,
+      formData: e.formData,
+      events: e.events,
+      formId: e.formId,
+      ref: (a) => {
+        n = a;
+      }
+    })
+  });
+  return s.mount(e.container), {
+    fireEvent: (a, i) => {
+      var u;
+      return (u = n == null ? void 0 : n.fireEvent) == null ? void 0 : u.call(n, a, i);
+    },
+    unmount: () => s.unmount()
+  };
+}
+const Za = {
+  install(e, n = {}) {
+    he(), n.baseUrl && Le({ baseUrl: n.baseUrl }), e.component("FdDesigner", Ea);
+  }
+};
+export {
+  Ea as D,
+  Zl as L,
+  Oe as R,
+  E as _,
+  Za as a,
+  Xa as b,
+  Le as c,
+  Ya as d,
+  Qa as l,
+  ee as r,
+  Ka as s
+};