ss-component-new 1.1.263 → 1.1.265

package/dist/index-B3U--N-N.js

@@ -0,0 +1,3579 @@
+import { u as yl, g as Cl, m as gl, s as kl } from "./index-C7nCSuLr.js";
+import { ref as B, watch as _e, createElementBlock as M, openBlock as A, createVNode as j, resolveComponent as he, Fragment as fe, renderList as me, createElementVNode as i, createCommentVNode as Le, toDisplayString as Q, withCtx as le, createBlock as be, defineComponent as ze, reactive as el, createTextVNode as Pe, resolveDynamicComponent as Ge, computed as tl, renderSlot as He, createSlots as _l, mergeProps as wl, unref as xl, normalizeStyle as Dl, withModifiers as Ke } from "vue";
+import { p as We } from "./index-BUy_hb9R.js";
+import { F as sl, a as De, s as Ie, g as Il, b as cl, c as ke, f as qe, m as Ye, d as Je, e as Ze, h as $l, i as Tl, _ as El } from "./index-DnhMKtPL.js";
+import { e as ll, s as Me, E as je, g as il, f as Bl } from "./menu-DEplmGob.js";
+import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as f } from "./cloneDeep-DkmyPpbh.js";
+import { E as Ue } from "./index-BsLnsDdu.js";
+import { u as Fl } from "./modelComp-BY5JHRXA.js";
+import { s as Al, a as Ol } from "./index-BFiwTK0r.js";
+import Ll from "./index-CZtXRS3l.js";
+const Sl = (C) => C.match(/\((.*)\)/)[1], Vl = ll("formComp", {
+  state: () => ({
+    objUrl: ""
+  }),
+  actions: {
+    setObjUrl(C) {
+      this.objUrl = C;
+    }
+  }
+}), Rl = { class: "form-content" }, Nl = {
+  __name: "index",
+  props: {
+    formRules: Object,
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number
+  },
+  emits: ["change", "contentChange"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B([]), w = B(!1), V = B([]), p = yl(We), $ = Vl(We), D = B(!1), _ = B(), z = (L) => {
+      var R, a, s, e;
+      const E = (a = (R = f(v.itemData)) == null ? void 0 : R.find((u) => (u == null ? void 0 : u.key) === "formContent")) == null ? void 0 : a.contents, O = f(L.content);
+      let c = {};
+      O && ((s = Object.values(O)) == null ? void 0 : s.length) > 0 && ((e = Object.values(O)) == null || e.forEach((u, g) => {
+        c[E[g].key] = u;
+      }));
+      const d = {
+        content: c,
+        index: v == null ? void 0 : v.index,
+        buttonName: L == null ? void 0 : L.buttonName
+      };
+      l("change", d);
+    }, S = (L) => {
+      var d, R, a, s;
+      if (!L) return;
+      if (((d = Object.values(f(L))) == null ? void 0 : d.length) > 0) {
+        const e = (R = Object.values(f(L))) == null ? void 0 : R.map((g) => g);
+        let u = "";
+        e == null || e.forEach((g) => {
+          g !== "" && g !== void 0 && (u = u === "" ? g : u + "/" + g);
+        }), p.setSelectArray(e), p.setSelectString(u);
+      }
+      const E = f(v.itemData), O = E == null ? void 0 : E.map((e) => {
+        var u;
+        return (e == null ? void 0 : e.key) === "formContent" && ((u = e.contents) == null || u.map((g, U) => {
+          var G, de, re, o, x, T, k, K, N, t, m, ae, q, oe, ue, pe, W, ie, Y, ce;
+          return g.type = g != null && g.type ? g.type : (o = (re = (de = (G = g == null ? void 0 : g.key) == null ? void 0 : G.split("$")) == null ? void 0 : de[1]) == null ? void 0 : re.split("(")) != null && o[0] ? (T = (x = sl) == null ? void 0 : x.find((ge) => {
+            var ve, we, se, Oe;
+            return (ge == null ? void 0 : ge.key) === ((Oe = (se = (we = (ve = g == null ? void 0 : g.key) == null ? void 0 : ve.split("$")) == null ? void 0 : we[1]) == null ? void 0 : se.split("(")) == null ? void 0 : Oe[0]);
+          })) == null ? void 0 : T.value : "Input", g.options = g != null && g.options ? g.options : ((N = (K = (k = g == null ? void 0 : g.key) == null ? void 0 : k.split("$")) == null ? void 0 : K[1]) == null ? void 0 : N.length) > 0 ? (q = (ae = Sl((m = (t = g == null ? void 0 : g.key) == null ? void 0 : t.split("$")) == null ? void 0 : m[1])) == null ? void 0 : ae.split(",")) == null ? void 0 : q.map((ge) => ({
+            label: ge,
+            value: ge
+          })) : [], (oe = g == null ? void 0 : g.key) != null && oe.includes("$") && (g.key = (pe = (ue = g == null ? void 0 : g.key) == null ? void 0 : ue.split("$")) == null ? void 0 : pe[0]), g.value = Array.isArray((W = Object.values(L)) == null ? void 0 : W[U]) ? (Y = (ie = Object.values(L)) == null ? void 0 : ie[U]) == null ? void 0 : Y[0] : (ce = Object.values(L)) == null ? void 0 : ce[U], g;
+        })), e;
+      });
+      let c = "";
+      (s = f((a = O == null ? void 0 : O.find((e) => (e == null ? void 0 : e.key) === "formContent")) == null ? void 0 : a.contents)) == null || s.forEach((e) => {
+        var u;
+        (u = e == null ? void 0 : e.value) != null && u.includes(".obj") && (c = e == null ? void 0 : e.value);
+      }), c !== "" && $.setObjUrl(c), l("contentChange", {
+        contents: O,
+        index: v.index
+      });
+    };
+    return _e(
+      () => v.itemData,
+      async () => {
+        var R, a, s, e, u, g, U, G, de, re, o, x;
+        const L = (R = f(v.itemData)) == null ? void 0 : R.find((T) => (T == null ? void 0 : T.key) === "formContent"), E = (a = f(v.itemData)) == null ? void 0 : a.find((T) => (T == null ? void 0 : T.key) === "formButton"), O = (s = f(v.itemData)) == null ? void 0 : s.find((T) => (T == null ? void 0 : T.key) === "formFlex"), c = (e = f(v.itemData)) == null ? void 0 : e.find((T) => (T == null ? void 0 : T.key) === "formWrap"), d = (u = f(v.itemData)) == null ? void 0 : u.find((T) => (T == null ? void 0 : T.key) === "enableWrap");
+        if ((c == null ? void 0 : c.contents) === "纵向" ? w.value = !1 : w.value = !0, D.value = (d == null ? void 0 : d.contents) === void 0 ? !1 : d == null ? void 0 : d.contents, _.value = typeof (O == null ? void 0 : O.contents) != "boolean" ? !(!(O != null && O.contents) === "" || ((g = O == null ? void 0 : O.contents) == null ? void 0 : g.toUpperCase()) === "VERTICAL") : O == null ? void 0 : O.contents, ((U = L == null ? void 0 : L.contents) == null ? void 0 : U.length) > 0 && Array.isArray(L == null ? void 0 : L.contents)) {
+          const T = [];
+          await ((G = L == null ? void 0 : L.contents) == null ? void 0 : G.forEach(async (t, m) => {
+            var ae, q, oe, ue, pe, W, ie, Y, ce, ge, ve, we;
+            if ((t == null ? void 0 : t.label) !== "") {
+              let se = (t == null ? void 0 : t.label) ?? (t == null ? void 0 : t.key) ?? "", Oe = (t == null ? void 0 : t.type) ?? "", Be = (t == null ? void 0 : t.options) ?? [];
+              if ((ae = t == null ? void 0 : t.key) != null && ae.includes("$") && (se = (q = f(t == null ? void 0 : t.key).split("$")) == null ? void 0 : q[0], ((ue = (oe = f(t == null ? void 0 : t.key).split("$")) == null ? void 0 : oe[1]) == null ? void 0 : ue.length) > 0)) {
+                const [n, r] = (W = (pe = f(t == null ? void 0 : t.key).split("$")) == null ? void 0 : pe[1]) == null ? void 0 : W.split(/[()]/);
+                Oe = ((ie = sl.find((y) => (y == null ? void 0 : y.key) === n)) == null ? void 0 : ie.value) ?? "", ((Y = r == null ? void 0 : r.split(",")) == null ? void 0 : Y.length) > 0 && (Be = (ce = r == null ? void 0 : r.split(",")) == null ? void 0 : ce.map((y) => ({
+                  label: y,
+                  value: y
+                })));
+              }
+              let Ve = [];
+              t != null && t.contents && !Array.isArray(t == null ? void 0 : t.contents) && ((ve = (ge = t == null ? void 0 : t.contents) == null ? void 0 : ge.split(",")) == null || ve.map((n) => ({
+                label: n,
+                value: n
+              }))), T.push({
+                label: se ?? "",
+                name: "t" + m,
+                type: Oe === "" ? "Input" : Oe,
+                value: t != null && t.originalContent && (t == null ? void 0 : t.originalContent) !== "" ? t.originalContent : t != null && t.value ? t.value : (Be == null ? void 0 : Be.length) > 0 ? (we = Be == null ? void 0 : Be[0]) == null ? void 0 : we.value : (t == null ? void 0 : t.value) ?? "",
+                id: (t == null ? void 0 : t.id) ?? m,
+                contents: (Ve == null ? void 0 : Ve.length) > 0 ? Ve : Be ?? [],
+                width: (t == null ? void 0 : t.width) ?? 1,
+                config: t == null ? void 0 : t.config,
+                optionUrl: t
+              });
+            }
+          }));
+          const k = (de = f(T)) == null ? void 0 : de.map((t) => t.value);
+          let K = "";
+          k == null || k.forEach((t) => {
+            t !== "" && t !== void 0 && (K = K === "" ? t : K + "/" + t);
+          }), p.setSelectArray(k), p.setSelectString(K), h.value = T;
+          let N = "";
+          (re = f(h.value)) == null || re.forEach((t) => {
+            var m;
+            (m = t == null ? void 0 : t.value) != null && m.includes(".obj") && (N = t == null ? void 0 : t.value);
+          }), N !== "" && $.setObjUrl(N);
+        } else
+          h.value = [];
+        if (((o = E == null ? void 0 : E.contents) == null ? void 0 : o.length) > 0) {
+          const T = [];
+          (x = E == null ? void 0 : E.contents) == null || x.forEach((k, K) => {
+            (k == null ? void 0 : k.label) !== "" && T.push({
+              label: (k == null ? void 0 : k.label) ?? "",
+              id: (k == null ? void 0 : k.id) ?? K,
+              type: (k == null ? void 0 : k.type) ?? "",
+              background: k == null ? void 0 : k.background
+            });
+          }), V.value = T;
+        } else
+          V.value = [];
+      },
+      { deep: !0, immediate: !0 }
+    ), (L, E) => (A(), M("div", Rl, [
+      j(De, {
+        rowContents: h.value,
+        formRules: C.formRules,
+        buttonValue: V.value,
+        isRowFlex: _.value,
+        isEnableWrap: D.value,
+        onOnButtonClick: z,
+        onChange: S,
+        isButtonRow: w.value
+      }, null, 8, ["rowContents", "formRules", "buttonValue", "isRowFlex", "isEnableWrap", "isButtonRow"])
+    ]));
+  }
+}, ul = /* @__PURE__ */ Ce(Nl, [["__scopeId", "data-v-cc87e17f"]]), Qe = B(0), dl = (C) => {
+  var F;
+  return !C || (C == null ? void 0 : C.length) === 0 ? [] : (F = f(C)) == null ? void 0 : F.map((l) => (Qe.value++, l = {
+    label: (l == null ? void 0 : l.label) ?? "",
+    prop: (l == null ? void 0 : l.label) === "操作" ? "operate" : l == null ? void 0 : l.prop,
+    width: l != null && l.width ? parseInt(l.width) : "",
+    fixed: (l == null ? void 0 : l.fixed) ?? void 0,
+    sortable: (l == null ? void 0 : l.sortable) ?? !1,
+    align: (l == null ? void 0 : l.align) ?? "center",
+    showOverflowTooltip: (l == null ? void 0 : l.showOverflowTooltip) ?? !0,
+    isNotDrag: (l == null ? void 0 : l.isNotDrag) ?? !1,
+    isEditCol: (l == null ? void 0 : l.isEditCol) ?? !1,
+    isOperate: (l == null ? void 0 : l.isOperate) ?? !1,
+    id: (l == null ? void 0 : l.id) ?? Qe.value,
+    children: dl(l == null ? void 0 : l.children)
+  }, l));
+}, jl = (C) => {
+  var v;
+  return (v = f(C)) == null ? void 0 : v.map((l) => (Qe.value++, l = {
+    label: (l == null ? void 0 : l.label) ?? "",
+    prop: (l == null ? void 0 : l.label) === "操作" ? "operate" : l == null ? void 0 : l.prop,
+    width: l != null && l.width ? parseInt(l.width) : "",
+    fixed: (l == null ? void 0 : l.fixed) ?? void 0,
+    sortable: (l == null ? void 0 : l.sortable) ?? !1,
+    align: (l == null ? void 0 : l.align) ?? "center",
+    showOverflowTooltip: (l == null ? void 0 : l.showOverflowTooltip) ?? !0,
+    isNotDrag: (l == null ? void 0 : l.isNotDrag) ?? !1,
+    isEditCol: (l == null ? void 0 : l.isEditCol) ?? !1,
+    isOperate: (l == null ? void 0 : l.isOperate) ?? !1,
+    id: (l == null ? void 0 : l.id) ?? Qe.value,
+    children: dl(l == null ? void 0 : l.children)
+  }, l));
+}, vl = (C, F) => {
+  var v;
+  return C != null && C.find((l) => (l == null ? void 0 : l.id) === F) ? (v = f(C)) == null ? void 0 : v.filter((h) => (h == null ? void 0 : h.id) !== F) : (C = C == null ? void 0 : C.map((l) => (l.children = vl(l == null ? void 0 : l.children, F), l)), C);
+}, pl = (C, F) => {
+  var v;
+  return C != null && C.find((l) => (l == null ? void 0 : l.id) === (F == null ? void 0 : F.id)) ? (v = f(C)) == null ? void 0 : v.map((h) => ((h == null ? void 0 : h.id) === (F == null ? void 0 : F.id) && (h = F), h)) : (C = C == null ? void 0 : C.map((l) => (l.children = pl(l == null ? void 0 : l.children, F), l)), C);
+}, fl = (C, F) => {
+  var v;
+  return C != null && C.find((l) => {
+    var h;
+    return (l == null ? void 0 : l.id) === ((h = F == null ? void 0 : F.contents) == null ? void 0 : h.id);
+  }) ? (v = f(C)) == null ? void 0 : v.map((h) => {
+    var w;
+    return (h == null ? void 0 : h.id) === ((w = F == null ? void 0 : F.contents) == null ? void 0 : w.id) && (h = F == null ? void 0 : F.contents), h;
+  }) : (C = C == null ? void 0 : C.map((l) => (l.children = fl(l == null ? void 0 : l.children, F), l)), C);
+}, hl = (C, F) => {
+  var v;
+  return C != null && C.find((l) => (l == null ? void 0 : l.id) === (F == null ? void 0 : F.id)) ? (v = f(C)) == null ? void 0 : v.map((h) => ((h == null ? void 0 : h.id) === (F == null ? void 0 : F.id) && (h != null && h.children || (h.children = []), h.children.push(F.contents)), h)) : (C = C == null ? void 0 : C.map((l) => (l.children = hl(l == null ? void 0 : l.children, F), l)), C);
+}, ne = [
+  {
+    key: "label",
+    label: "标签名",
+    type: "Input"
+  },
+  {
+    key: "prop",
+    label: "属性名",
+    type: "Input"
+  },
+  {
+    key: "width",
+    label: "宽度",
+    type: "Input"
+  },
+  {
+    key: "sortable",
+    label: "是否支持排序",
+    type: "Switch"
+  },
+  {
+    key: "align",
+    label: "文本所在位置",
+    type: "Radio",
+    options: [
+      {
+        label: "left",
+        value: "左"
+      },
+      {
+        label: "center",
+        value: "中"
+      },
+      {
+        label: "right",
+        value: "右"
+      }
+    ]
+  },
+  {
+    key: "fixed",
+    label: "是否固定列",
+    type: "Switch"
+  }
+], Ul = [
+  {
+    label: "view",
+    value: "查看"
+  },
+  {
+    label: "fix",
+    value: "修改"
+  },
+  {
+    label: "delete",
+    value: "删除"
+  }
+], Pl = [
+  {
+    label: "add",
+    value: "新增"
+  }
+], Re = [
+  {
+    key: "label",
+    label: "按钮名",
+    type: "Input"
+  },
+  {
+    key: "type",
+    label: "类型",
+    type: "Select",
+    options: Pl
+  },
+  {
+    key: "background",
+    label: "按钮背景色",
+    type: "Color"
+  }
+], Ne = [
+  {
+    key: "label",
+    label: "按钮名",
+    type: "Input"
+  },
+  {
+    key: "type",
+    label: "类型",
+    type: "Select",
+    options: Ul
+  },
+  {
+    key: "textColor",
+    label: "按钮颜色",
+    type: "Color"
+  }
+], ml = ll("modelTableComp", {
+  state: () => ({
+    tableIndex: 0
+  }),
+  actions: {
+    setTableIndex(C) {
+      this.tableIndex = C;
+    }
+  }
+}), Wl = { class: "table-header-child" }, zl = { class: "table-header-child-main" }, Ml = { class: "table-header-child-content" }, Kl = { class: "table-header-child-content-item" }, Jl = { class: "fix-button" }, Gl = { key: 0 }, ql = { class: "form-content" }, Hl = {
+  __name: "tableNewChild",
+  props: {
+    tableChildContents: Array
+  },
+  emits: ["fixChange", "deleteChange"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B(!1), w = B(""), V = ml(We), { tableIndex: p } = Me(V);
+    B(0);
+    const $ = B(""), D = B([]), _ = B([]), z = (a) => {
+      var e;
+      h.value = !0;
+      let s = [];
+      ne == null || ne.forEach((u) => {
+        let g = f(p.value) + 1;
+        V.setTableIndex(g), s.push({
+          label: u == null ? void 0 : u.label,
+          name: u == null ? void 0 : u.label,
+          type: u.type,
+          value: a[u.key],
+          id: p.value,
+          contents: u == null ? void 0 : u.options
+        });
+      }), a != null && a.children && ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) > 0 && s.push({
+        children: a == null ? void 0 : a.children,
+        isFormColHidden: !0
+      }), $.value = a == null ? void 0 : a.id, D.value = s, _.value = s;
+    }, S = (a) => {
+      l("fixChange", f(a));
+    }, L = (a) => {
+      l("deleteChange", f(a));
+    }, E = (a) => {
+      h.value = !0;
+      let s = [];
+      ne == null || ne.forEach((e) => {
+        let u = f(p.value) + 1;
+        V.setTableIndex(u), s.push({
+          label: e == null ? void 0 : e.label,
+          name: e == null ? void 0 : e.label,
+          type: e.type,
+          value: "",
+          id: p.value,
+          contents: e == null ? void 0 : e.options
+        });
+      }), w.value = a == null ? void 0 : a.id, D.value = s, _.value = s;
+    }, O = (a) => {
+      let s = f(_.value);
+      s = s == null ? void 0 : s.map((e) => (e.children || (e.value = a == null ? void 0 : a[e.name]), e)), _.value = s;
+    }, c = () => {
+      var s, e;
+      D.value = _.value;
+      let a = {};
+      if ($.value !== "")
+        a.id = $.value, (s = D.value) == null || s.forEach((u) => {
+          const g = ne == null ? void 0 : ne.find((U) => (U == null ? void 0 : U.label) === (u == null ? void 0 : u.label));
+          g ? a[g.key] = u.value : u != null && u.children && u.children.length > 0 && (a.children = u.children);
+        }), h.value = !1, l("fixChange", {
+          contents: f(a),
+          id: w.value,
+          type: "fix"
+        });
+      else {
+        let u = f(p.value) + 1;
+        V.setTableIndex(u), a.id = "id" + p.value, (e = D.value) == null || e.forEach((g) => {
+          const U = ne == null ? void 0 : ne.find((G) => (G == null ? void 0 : G.label) === (g == null ? void 0 : g.label));
+          U ? a[U.key] = g.value : g != null && g.children && g.children.length > 0 && (a.children = g.children);
+        }), h.value = !1, l("fixChange", {
+          contents: f(a),
+          id: w.value,
+          type: "add"
+        });
+      }
+      $.value = "", D.value = [], _.value = [];
+    }, d = () => {
+      h.value = !1, $.value = "", w.value = "", D.value = [], _.value = [];
+    }, R = (a) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          l("deleteChange", a), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return (a, s) => {
+      const e = he("svg-icon");
+      return A(), M("div", Wl, [
+        (A(!0), M(fe, null, me(v == null ? void 0 : v.tableChildContents, (u, g) => (A(), M("div", zl, [
+          i("div", Ml, [
+            i("div", Kl, Q(u.label), 1),
+            i("div", Jl, [
+              j(e, {
+                name: "ChildAdd",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => E(u)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildFix",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => z(u)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildDelete",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => R(u)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          u != null && u.children && u.children.length > 0 ? (A(), M("div", Gl, [
+            j(bl, {
+              tableChildContents: u == null ? void 0 : u.children,
+              onDeleteChange: L,
+              onFixChange: S
+            }, null, 8, ["tableChildContents"])
+          ])) : Le("", !0)
+        ]))), 256)),
+        j(Ie, {
+          visible: h.value,
+          onBeforeDestroy: d,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", ql, [
+              (A(), be(De, {
+                rowContents: D.value,
+                key: D.value,
+                isEnableWrap: !0,
+                onChange: O
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: d,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: c
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, Ql = /* @__PURE__ */ Ce(Hl, [["__scopeId", "data-v-e0fef72d"]]), Xl = { class: "table-header-child" }, Yl = { class: "table-header-child-main" }, Zl = { class: "table-header-child-content" }, ea = { class: "table-header-child-content-item" }, la = { class: "fix-button" }, aa = { key: 0 }, na = { class: "form-content" }, oa = {
+  __name: "tableChildren",
+  props: {
+    tableChildContents: Array
+  },
+  emits: ["fixChange", "deleteChange"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B(!1), w = B(""), V = ml(We), { tableIndex: p } = Me(V), $ = B(""), D = B([]), _ = B([]), z = (a) => {
+      l("fixChange", f(a));
+    }, S = (a) => {
+      var e;
+      h.value = !0;
+      let s = [];
+      ne == null || ne.forEach((u) => {
+        let g = f(p.value) + 1;
+        V.setTableIndex(g), s.push({
+          label: u == null ? void 0 : u.label,
+          name: u == null ? void 0 : u.label,
+          type: u.type,
+          value: a[u.key],
+          id: p.value,
+          contents: u == null ? void 0 : u.options
+        });
+      }), a != null && a.children && ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) > 0 && s.push({
+        children: a == null ? void 0 : a.children,
+        isFormColHidden: !0
+      }), $.value = a == null ? void 0 : a.id, D.value = s, _.value = s;
+    }, L = (a) => {
+      h.value = !0;
+      let s = [];
+      ne == null || ne.forEach((e) => {
+        let u = f(p.value) + 1;
+        V.setTableIndex(u), s.push({
+          label: e == null ? void 0 : e.label,
+          name: e == null ? void 0 : e.label,
+          type: e.type,
+          value: "",
+          id: p.value,
+          contents: e == null ? void 0 : e.options
+        });
+      }), w.value = a == null ? void 0 : a.id, D.value = s, _.value = s;
+    }, E = (a) => {
+      let s = f(_.value);
+      s = s == null ? void 0 : s.map((e) => (e.children || (e.value = a == null ? void 0 : a[e.name]), e)), _.value = s;
+    }, O = () => {
+      var s, e;
+      D.value = _.value;
+      let a = {};
+      if ($.value !== "")
+        a.id = $.value, (s = D.value) == null || s.forEach((u) => {
+          const g = ne == null ? void 0 : ne.find((U) => (U == null ? void 0 : U.label) === (u == null ? void 0 : u.label));
+          g ? a[g.key] = u.value : u != null && u.children && u.children.length > 0 && (a.children = u.children);
+        }), h.value = !1, l("fixChange", {
+          contents: f(a),
+          id: w.value,
+          type: "fix"
+        });
+      else {
+        let u = f(p.value) + 1;
+        V.setTableIndex(u), a.id = "idChild" + p.value, (e = D.value) == null || e.forEach((g) => {
+          const U = ne == null ? void 0 : ne.find((G) => (G == null ? void 0 : G.label) === (g == null ? void 0 : g.label));
+          U ? a[U.key] = g.value : g != null && g.children && g.children.length > 0 && (a.children = g.children);
+        }), h.value = !1, l("fixChange", {
+          contents: f(a),
+          id: w.value,
+          type: "add"
+        });
+      }
+      $.value = "", D.value = [], _.value = [];
+    }, c = () => {
+      h.value = !1, $.value = "", w.value = "", D.value = [], _.value = [];
+    }, d = (a) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          l("deleteChange", a), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, R = (a) => {
+      l("deleteChange", a);
+    };
+    return (a, s) => {
+      const e = he("svg-icon");
+      return A(), M("div", Xl, [
+        (A(!0), M(fe, null, me(v == null ? void 0 : v.tableChildContents, (u, g) => (A(), M("div", Yl, [
+          i("div", Zl, [
+            i("div", ea, Q(u.label), 1),
+            i("div", la, [
+              j(e, {
+                name: "ChildAdd",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => L(u)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildFix",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => S(u)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildDelete",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (U) => d(u)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          u != null && u.children && u.children.length > 0 ? (A(), M("div", aa, [
+            j(Ql, {
+              tableChildContents: u == null ? void 0 : u.children,
+              onDeleteChange: R,
+              onFixChange: z
+            }, null, 8, ["tableChildContents"])
+          ])) : Le("", !0)
+        ]))), 256)),
+        j(Ie, {
+          visible: h.value,
+          onBeforeDestroy: c,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", na, [
+              (A(), be(De, {
+                rowContents: D.value,
+                key: D.value,
+                isEnableWrap: !0,
+                onChange: E
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: c,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: O
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, bl = /* @__PURE__ */ Ce(oa, [["__scopeId", "data-v-cc311a5f"]]), sa = { class: "table-operate-content" }, ia = { class: "table-operate-item" }, ua = { class: "operate-title" }, ra = { class: "operate-content" }, ta = { class: "fix-content" }, ca = { class: "fix-content-label" }, da = { class: "fix-button" }, va = { key: 0 }, pa = { class: "operate-title" }, fa = { class: "operate-content" }, ha = { class: "fix-content" }, ma = { class: "fix-content-label" }, ba = { class: "fix-button" }, ya = { class: "operate-title" }, Ca = { class: "operate-content" }, ga = { class: "fix-content" }, ka = { class: "fix-content-label" }, _a = { class: "fix-button" }, wa = { class: "operate-title" }, xa = { class: "operate-content" }, Da = { class: "fix-content" }, Ia = { class: "fix-content-label" }, $a = { class: "fix-button" }, Ta = { class: "operate-content" }, Ea = { style: { display: "flex", "justify-content": "space-between" } }, Ba = { class: "form-content" }, Fa = { class: "form-content" }, Aa = { class: "form-content" }, Oa = { class: "form-content" }, La = {
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B([]), w = B(!1), V = B(!1), p = B([]), $ = B(!1), D = B([]), _ = B(!1), z = B([]), S = B(""), L = B(""), E = B([]), O = B([]), c = B([]), d = B([]), R = B(!1), a = B([]), s = B([]), e = B(0), u = B([]), g = B([]), U = B([]), G = () => {
+      R.value = !0;
+      let n = [];
+      Re == null || Re.forEach((r) => {
+        e.value++, n.push({
+          label: r == null ? void 0 : r.label,
+          name: r == null ? void 0 : r.label,
+          type: r.type,
+          value: (r == null ? void 0 : r.key) === "background" ? "var(--ssComponent-primary-color)" : "",
+          id: e.value,
+          contents: r == null ? void 0 : r.options
+        });
+      }), a.value = n, s.value = n;
+    }, de = () => {
+      var r, y, b;
+      V.value = !0;
+      let n = [];
+      (b = (y = (r = ke) == null ? void 0 : r.find((H) => (H == null ? void 0 : H.key) === "Input")) == null ? void 0 : y.value) == null || b.forEach((H) => {
+        e.value++, n.push({
+          label: H == null ? void 0 : H.label,
+          name: H == null ? void 0 : H.label,
+          type: H.type,
+          value: (H == null ? void 0 : H.label) === "类型" ? "Input" : "",
+          id: e.value,
+          contents: H == null ? void 0 : H.options
+        });
+      }), u.value = n, g.value = n;
+    }, re = async (n) => {
+      var r, y, b, H, Z, ye, P, X, te, xe;
+      if ((n == null ? void 0 : n.类型) !== ((y = (r = g.value) == null ? void 0 : r.find((ee) => (ee == null ? void 0 : ee.label) === "类型")) == null ? void 0 : y.value)) {
+        let ee = [], $e = await ((Z = (H = (b = ke) == null ? void 0 : b.find((J) => (J == null ? void 0 : J.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : H.value) == null ? void 0 : Z.value) ? await ((xe = (te = (X = ke) == null ? void 0 : X.find((J) => (J == null ? void 0 : J.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : te.value) == null ? void 0 : xe.value) : (P = (ye = ke) == null ? void 0 : ye.find((J) => (J == null ? void 0 : J.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : P.value;
+        $e == null || $e.forEach((J) => {
+          e.value++, ee.push({
+            label: J == null ? void 0 : J.label,
+            name: J == null ? void 0 : J.label,
+            type: J.type,
+            value: (n == null ? void 0 : n[J.label]) ?? "",
+            id: e.value,
+            contents: J == null ? void 0 : J.options
+          });
+        }), g.value = ee, u.value = ee;
+      } else {
+        let ee = f(u.value);
+        ee = ee == null ? void 0 : ee.map(($e) => ($e.value = n == null ? void 0 : n[$e.name], $e)), g.value = ee;
+      }
+    }, o = async (n) => {
+      var b, H, Z, ye, P, X, te, xe;
+      V.value = !0;
+      let r = [];
+      const y = await ((Z = (H = (b = ke) == null ? void 0 : b.find((ee) => (ee == null ? void 0 : ee.key) === ((n == null ? void 0 : n.type) === "" ? "Input" : n == null ? void 0 : n.type))) == null ? void 0 : H.value) == null ? void 0 : Z.value) ? await ((xe = (te = (X = ke) == null ? void 0 : X.find((ee) => (ee == null ? void 0 : ee.key) === ((n == null ? void 0 : n.type) === "" ? "Input" : n == null ? void 0 : n.type))) == null ? void 0 : te.value) == null ? void 0 : xe.value) : (P = (ye = ke) == null ? void 0 : ye.find((ee) => (ee == null ? void 0 : ee.key) === ((n == null ? void 0 : n.type) === "" ? "Input" : n == null ? void 0 : n.type))) == null ? void 0 : P.value;
+      y == null || y.forEach((ee) => {
+        e.value++, r.push({
+          label: ee == null ? void 0 : ee.label,
+          name: ee == null ? void 0 : ee.label,
+          type: ee.type,
+          value: (ee == null ? void 0 : ee.label) === "类型" && n[ee.key] === "" ? "Input" : n[ee.key],
+          id: e.value,
+          contents: ee == null ? void 0 : ee.options
+        });
+      }), S.value = n == null ? void 0 : n.id, u.value = r, g.value = r;
+    }, x = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          U.value = (r = f(U.value)) == null ? void 0 : r.filter((b) => (b == null ? void 0 : b.id) !== (n == null ? void 0 : n.id)), l("change", (y = f(v.originalItemContents)) == null ? void 0 : y.map((b) => ((b == null ? void 0 : b.key) === "tableToForm" && (b.contents = U.value), b))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, T = () => {
+      V.value = !1, u.value = [], S.value = "";
+    }, k = async () => {
+      var b, H, Z, ye, P, X, te, xe, ee, $e;
+      u.value = g.value;
+      let n = {};
+      S.value !== "" ? n.id = S.value : (e.value++, n.id = "id" + e.value);
+      let r = await ((Z = (H = (b = ke) == null ? void 0 : b.find((J) => {
+        var Te, Fe;
+        return (J == null ? void 0 : J.key) === (((Fe = (Te = u.value) == null ? void 0 : Te.find((Se) => (Se == null ? void 0 : Se.label) === "类型")) == null ? void 0 : Fe.value) ?? "label");
+      })) == null ? void 0 : H.value) == null ? void 0 : Z.value) ?? ((P = (ye = ke) == null ? void 0 : ye.find((J) => {
+        var Te, Fe;
+        return (J == null ? void 0 : J.key) === (((Fe = (Te = u.value) == null ? void 0 : Te.find((Se) => (Se == null ? void 0 : Se.label) === "类型")) == null ? void 0 : Fe.value) ?? "label");
+      })) == null ? void 0 : P.value);
+      if ((X = u.value) == null || X.forEach((J) => {
+        const Te = r == null ? void 0 : r.find((Fe) => (Fe == null ? void 0 : Fe.label) === (J == null ? void 0 : J.label));
+        Te && (n[Te.key] = J.value);
+      }), n.name = n.label, (te = U.value) != null && te.find((J) => J.id === n.id))
+        U.value = (xe = U.value) == null ? void 0 : xe.map((J) => (J.id === n.id && (J = n), J));
+      else {
+        let J = f(U.value);
+        U.value || (U.value = []), J.push(n), U.value = J;
+      }
+      U.value = U.value.map(({ id: J, ...Te }) => Te), V.value = !1, S.value = "";
+      let y = f(v.originalItemContents);
+      (ee = f(v.originalItemContents)) != null && ee.find((J) => (J == null ? void 0 : J.key) === "tableToForm") ? y = ($e = f(v.originalItemContents)) == null ? void 0 : $e.map((J) => ((J == null ? void 0 : J.key) === "tableToForm" && (J.contents = U.value), J)) : y.push({
+        key: "tableToForm",
+        contents: U.value
+      }), l("change", y);
+    }, K = (n) => {
+      R.value = !0;
+      let r = [];
+      Re == null || Re.forEach((y) => {
+        e.value++, r.push({
+          label: y == null ? void 0 : y.label,
+          name: y == null ? void 0 : y.label,
+          type: y.type,
+          value: n[y.key],
+          id: e.value,
+          contents: y == null ? void 0 : y.options
+        });
+      }), S.value = n == null ? void 0 : n.id, a.value = r, s.value = r;
+    };
+    _e(
+      () => _.value,
+      () => {
+        var r, y;
+        let n = f(v.originalItemContents);
+        (r = f(v.originalItemContents)) != null && r.find((b) => (b == null ? void 0 : b.key) === "page") ? n = (y = f(v.originalItemContents)) == null ? void 0 : y.map((b) => ((b == null ? void 0 : b.key) === "page" && (b.contents = _.value), b)) : n.push({
+          key: "page",
+          contents: _.value
+        }), l("change", n);
+      },
+      { deep: !0 }
+    );
+    const N = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          O.value = (r = f(O.value)) == null ? void 0 : r.filter((b) => (b == null ? void 0 : b.id) !== (n == null ? void 0 : n.id)), l("change", (y = f(v.originalItemContents)) == null ? void 0 : y.map((b) => ((b == null ? void 0 : b.key) === "extraButton" && (b.contents = O.value), b))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, t = () => {
+      var y, b, H, Z, ye;
+      a.value = s.value;
+      let n = {};
+      if (S.value !== "" ? n.id = S.value : (e.value++, n.id = "id" + e.value), (y = a.value) == null || y.forEach((P) => {
+        const X = Re == null ? void 0 : Re.find((te) => (te == null ? void 0 : te.label) === (P == null ? void 0 : P.label));
+        X ? n[X.key] = P.value : P != null && P.children && P.children.length > 0 && (n.children = P.children);
+      }), (b = O.value) != null && b.find((P) => P.id === n.id))
+        O.value = (H = O.value) == null ? void 0 : H.map((P) => (P.id === n.id && (P = n), P));
+      else {
+        let P = f(O.value) ?? [];
+        P.push(n), O.value = P;
+      }
+      R.value = !1, S.value = "";
+      let r = f(v.originalItemContents);
+      (Z = f(v.originalItemContents)) != null && Z.find((P) => (P == null ? void 0 : P.key) === "extraButton") ? r = (ye = f(v.originalItemContents)) == null ? void 0 : ye.map((P) => ((P == null ? void 0 : P.key) === "extraButton" && (P.contents = O.value), P)) : r.push({
+        key: "extraButton",
+        contents: O.value
+      }), l("change", r);
+    }, m = (n) => {
+      let r = f(s.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = n == null ? void 0 : n[y.name]), y)), s.value = r;
+    }, ae = () => {
+      R.value = !1, a.value = [], S.value = "";
+    }, q = (n) => {
+      $.value = !0;
+      let r = [];
+      Ne == null || Ne.forEach((y) => {
+        e.value++, r.push({
+          label: y == null ? void 0 : y.label,
+          name: y == null ? void 0 : y.label,
+          type: y.type,
+          value: n[y.key],
+          id: e.value,
+          contents: y == null ? void 0 : y.options
+        });
+      }), S.value = n == null ? void 0 : n.id, c.value = r, d.value = r;
+    }, oe = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          E.value = (r = f(E.value)) == null ? void 0 : r.filter((b) => (b == null ? void 0 : b.id) !== (n == null ? void 0 : n.id)), l("change", (y = f(v.originalItemContents)) == null ? void 0 : y.map((b) => ((b == null ? void 0 : b.key) === "rowButton" && (b.contents = E.value), b))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, ue = () => {
+      w.value = !0;
+      let n = [];
+      ne == null || ne.forEach((r) => {
+        e.value++, n.push({
+          label: r == null ? void 0 : r.label,
+          name: r == null ? void 0 : r.label,
+          type: r.type,
+          value: "",
+          id: e.value,
+          contents: r == null ? void 0 : r.options
+        });
+      }), D.value = n, z.value = n;
+    }, pe = () => {
+      $.value = !0;
+      let n = [];
+      Ne == null || Ne.forEach((r) => {
+        e.value++, n.push({
+          label: r == null ? void 0 : r.label,
+          name: r == null ? void 0 : r.label,
+          type: r.type,
+          value: "",
+          id: e.value,
+          contents: r == null ? void 0 : r.options
+        });
+      }), c.value = n, d.value = n;
+    }, W = (n) => {
+      let r = f(d.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = n == null ? void 0 : n[y.name]), y)), d.value = r;
+    }, ie = () => {
+      var y, b, H, Z, ye;
+      c.value = d.value;
+      let n = {};
+      if (S.value !== "" ? n.id = S.value : (e.value++, n.id = "id" + e.value), (y = c.value) == null || y.forEach((P) => {
+        const X = Ne == null ? void 0 : Ne.find((te) => (te == null ? void 0 : te.label) === (P == null ? void 0 : P.label));
+        X ? n[X.key] = P.value : P != null && P.children && P.children.length > 0 && (n.children = P.children);
+      }), (b = E.value) != null && b.find((P) => P.id === n.id))
+        E.value = (H = E.value) == null ? void 0 : H.map((P) => (P.id === n.id && (P = n), P));
+      else {
+        let P = f(E.value);
+        P.push(n), E.value = P;
+      }
+      $.value = !1, S.value = "";
+      let r = f(v.originalItemContents);
+      (Z = f(v.originalItemContents)) != null && Z.find((P) => (P == null ? void 0 : P.key) === "rowButton") ? r = (ye = f(v.originalItemContents)) == null ? void 0 : ye.map((P) => ((P == null ? void 0 : P.key) === "rowButton" && (P.contents = E.value), P)) : r.push({
+        key: "rowButton",
+        contents: E.value
+      }), l("change", r);
+    }, Y = () => {
+      $.value = !1, S.value = "", d.value = [], c.value = [];
+    }, ce = (n) => {
+      w.value = !0;
+      let r = [];
+      ne == null || ne.forEach((y) => {
+        e.value++, r.push({
+          label: y == null ? void 0 : y.label,
+          name: y == null ? void 0 : y.label,
+          type: y.type,
+          value: "",
+          id: e.value,
+          contents: y == null ? void 0 : y.options
+        });
+      }), D.value = r, L.value = n == null ? void 0 : n.id, z.value = r;
+    }, ge = (n) => {
+      var r;
+      p.value = vl(f(p.value), n == null ? void 0 : n.id), l("change", (r = f(v.originalItemContents)) == null ? void 0 : r.map((y) => {
+        var b;
+        return (y == null ? void 0 : y.key) === "header" && (y.contents = (b = p.value) != null && b.some((H) => H == null ? void 0 : H.children) ? [p.value] : p.value), y;
+      }));
+    }, ve = (n) => {
+      var y, b, H;
+      n.type === "fix" ? n.id !== "" ? p.value = fl(p.value, n) : p.value = pl(p.value, n == null ? void 0 : n.contents) : p.value = hl(p.value, n), p.value = (y = p.value) != null && y.some((Z) => Z == null ? void 0 : Z.children) ? [p.value] : p.value, S.value = "";
+      let r = f(v.originalItemContents);
+      (b = f(v.originalItemContents)) != null && b.find((Z) => (Z == null ? void 0 : Z.key) === "header") ? r = (H = f(v.originalItemContents)) == null ? void 0 : H.map((Z) => ((Z == null ? void 0 : Z.key) === "header" && (Z.contents = p.value), Z)) : r.push({
+        key: "header",
+        contents: p.value
+      }), l("change", r);
+    }, we = (n) => {
+      var y;
+      w.value = !0;
+      let r = [];
+      ne == null || ne.forEach((b) => {
+        e.value++, r.push({
+          label: b == null ? void 0 : b.label,
+          name: b == null ? void 0 : b.label,
+          type: b.type,
+          value: n[b.key],
+          id: e.value,
+          contents: b == null ? void 0 : b.options
+        });
+      }), n != null && n.children && ((y = n == null ? void 0 : n.children) == null ? void 0 : y.length) > 0 && r.push({
+        children: n == null ? void 0 : n.children,
+        isFormColHidden: !0
+      }), S.value = n == null ? void 0 : n.id, L.value = "", D.value = r, z.value = r;
+    }, se = (n) => {
+      let r = f(z.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = n == null ? void 0 : n[y.name]), y)), z.value = r;
+    }, Oe = () => {
+      w.value = !1, S.value = "", L.value = "", z.value = [];
+    }, Be = () => {
+      var y, b, H, Z, ye, P;
+      D.value = z.value;
+      let n = {};
+      if (S.value !== "" ? n.id = S.value : (e.value++, n.id = "id" + e.value), (y = D.value) == null || y.forEach((X) => {
+        const te = ne == null ? void 0 : ne.find((xe) => (xe == null ? void 0 : xe.label) === (X == null ? void 0 : X.label));
+        te ? n[te.key] = X.value : X != null && X.children && X.children.length > 0 && (n.children = X.children);
+      }), (b = p.value) != null && b.find((X) => X.id === n.id))
+        p.value = (H = p.value) == null ? void 0 : H.map((X) => (X.id === n.id && (X = n), X));
+      else {
+        let X = f(p.value) ?? [];
+        L.value === "" ? X.push(n) : X = X == null ? void 0 : X.map((te) => (te.id === L.value && (te.children || (te.children = []), te.children.push(n)), te)), p.value = X;
+      }
+      p.value = (Z = p.value) != null && Z.some((X) => X == null ? void 0 : X.children) ? [p.value] : p.value, w.value = !1, S.value = "", L.value = "";
+      let r = f(v.originalItemContents);
+      (ye = f(v.originalItemContents)) != null && ye.find((X) => (X == null ? void 0 : X.key) === "header") ? r = (P = f(v.originalItemContents)) == null ? void 0 : P.map((X) => ((X == null ? void 0 : X.key) === "header" && (X.contents = p.value), X)) : r.push({
+        key: "header",
+        contents: p.value
+      }), l("change", r);
+    }, Ve = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          p.value = (r = f(p.value)) == null ? void 0 : r.filter((b) => (b == null ? void 0 : b.id) !== (n == null ? void 0 : n.id)), l("change", (y = f(v.originalItemContents)) == null ? void 0 : y.map((b) => {
+            var H;
+            return (b == null ? void 0 : b.key) === "header" && (b.contents = (H = p.value) != null && H.some((Z) => Z == null ? void 0 : Z.children) ? [p.value] : p.value), b;
+          })), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return _e(
+      () => v.originalItemContents,
+      () => {
+        var n, r, y, b, H, Z, ye, P, X, te, xe, ee, $e, J, Te, Fe, Se, nl, ol;
+        if (!(!v.originalItemContents || v.originalItemContents.length === 0))
+          if (h.value = f(v.originalItemContents), p.value = (r = (n = h.value) == null ? void 0 : n.find((I) => (I == null ? void 0 : I.key) === "header")) == null ? void 0 : r.contents, E.value = (b = (y = h.value) == null ? void 0 : y.find((I) => (I == null ? void 0 : I.key) === "rowButton")) == null ? void 0 : b.contents, O.value = (Z = (H = h.value) == null ? void 0 : H.find((I) => (I == null ? void 0 : I.key) === "extraButton")) == null ? void 0 : Z.contents, _.value = (P = (ye = h.value) == null ? void 0 : ye.find((I) => (I == null ? void 0 : I.key) === "page")) != null && P.contents ? !!((te = (X = h.value) == null ? void 0 : X.find((I) => (I == null ? void 0 : I.key) === "page")) != null && te.contents) : !1, U.value = (ee = (xe = h.value) == null ? void 0 : xe.find((I) => (I == null ? void 0 : I.key) === "tableToForm")) == null ? void 0 : ee.contents, p.value = ($e = p.value) == null ? void 0 : $e.map((I, Ae) => (Array.isArray(I) ? I = jl(I) : I = {
+            label: (I == null ? void 0 : I.label) ?? "",
+            prop: (I == null ? void 0 : I.label) === "操作" ? "operate" : I == null ? void 0 : I.prop,
+            width: I != null && I.width ? parseInt(I.width) : "",
+            fixed: (I == null ? void 0 : I.fixed) ?? void 0,
+            sortable: (I == null ? void 0 : I.sortable) ?? !1,
+            align: (I == null ? void 0 : I.align) ?? "center",
+            showOverflowTooltip: (I == null ? void 0 : I.showOverflowTooltip) ?? !0,
+            isNotDrag: (I == null ? void 0 : I.isNotDrag) ?? !1,
+            isEditCol: (I == null ? void 0 : I.isEditCol) ?? !1,
+            isOperate: (I == null ? void 0 : I.isOperate) ?? !1,
+            id: (I == null ? void 0 : I.id) ?? Ae
+          }, I)), p.value = (J = p.value) != null && J.every((I) => Array.isArray(I)) ? (Te = p.value) == null ? void 0 : Te[0] : p.value, E.value = (Fe = E.value) == null ? void 0 : Fe.map((I, Ae) => I = {
+            label: (I == null ? void 0 : I.label) ?? "",
+            type: (I == null ? void 0 : I.type) ?? "",
+            textColor: (I == null ? void 0 : I.textColor) ?? "#000000",
+            id: (I == null ? void 0 : I.id) ?? Ae
+          }), O.value = (Se = O.value) == null ? void 0 : Se.map((I, Ae) => I = {
+            label: (I == null ? void 0 : I.label) ?? "",
+            type: (I == null ? void 0 : I.type) ?? "",
+            background: (I == null ? void 0 : I.background) ?? "var(--ssComponent-primary-color)",
+            id: (I == null ? void 0 : I.id) ?? Ae
+          }), U.value)
+            U.value = (ol = U.value) == null ? void 0 : ol.map((I) => {
+              e.value++;
+              let Ae = I;
+              return Ae.id = e.value, Ae;
+            });
+          else {
+            let I = [];
+            const Ae = (nl = Il(f(p.value))) == null ? void 0 : nl.filter((Ee) => (Ee == null ? void 0 : Ee.prop) !== "operate");
+            Ae == null || Ae.forEach((Ee) => {
+              e.value++, I.push({
+                label: Ee == null ? void 0 : Ee.label,
+                name: Ee == null ? void 0 : Ee.label,
+                type: "Input",
+                value: "",
+                id: e.value,
+                contents: Ee == null ? void 0 : Ee.options
+              });
+            }), U.value = I;
+          }
+      },
+      { deep: !0, immediate: !0 }
+    ), (n, r) => {
+      const y = he("svg-icon");
+      return A(), M("div", sa, [
+        i("div", ia, [
+          i("div", ua, [
+            r[2] || (r[2] = i("div", null, Q("表头"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: ue
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[1] || (r[1] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", ra, [
+            (A(!0), M(fe, null, me(p.value, (b, H) => (A(), M("div", { key: H }, [
+              i("div", ta, [
+                i("div", ca, Q(b == null ? void 0 : b.label), 1),
+                i("div", da, [
+                  j(y, {
+                    name: "ChildAdd",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => ce(b)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => we(b)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => Ve(b)
+                  }, null, 8, ["onClick"])
+                ])
+              ]),
+              b != null && b.children && b.children.length > 0 ? (A(), M("div", va, [
+                j(bl, {
+                  tableChildContents: b == null ? void 0 : b.children,
+                  onDeleteChange: ge,
+                  onFixChange: ve
+                }, null, 8, ["tableChildContents"])
+              ])) : Le("", !0)
+            ]))), 128))
+          ]),
+          i("div", pa, [
+            r[4] || (r[4] = i("div", null, Q("行内按钮"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: pe
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[3] || (r[3] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", fa, [
+            (A(!0), M(fe, null, me(E.value, (b, H) => (A(), M("div", { key: H }, [
+              i("div", ha, [
+                i("div", ma, Q(b == null ? void 0 : b.label), 1),
+                i("div", ba, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Z) => q(b)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => oe(b)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          i("div", ya, [
+            r[6] || (r[6] = i("div", null, Q("表外按钮"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: G
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[5] || (r[5] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", Ca, [
+            (A(!0), M(fe, null, me(O.value, (b, H) => (A(), M("div", { key: H }, [
+              i("div", ga, [
+                i("div", ka, Q(b == null ? void 0 : b.label), 1),
+                i("div", _a, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Z) => K(b)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => N(b)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          i("div", wa, [
+            r[8] || (r[8] = i("div", null, Q("表格弹框字段设置"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: de
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[7] || (r[7] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", xa, [
+            (A(!0), M(fe, null, me(U.value, (b, H) => (A(), M("div", { key: H }, [
+              i("div", Da, [
+                i("div", Ia, Q(b == null ? void 0 : b.label), 1),
+                i("div", $a, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Z) => o(b)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Z) => x(b)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          r[10] || (r[10] = i("div", { class: "operate-title" }, [
+            i("div", null, Q("分页"))
+          ], -1)),
+          i("div", Ta, [
+            i("div", Ea, [
+              r[9] || (r[9] = i("div", { class: "operate-center-content" }, Q("是否分页"), -1)),
+              j(cl, {
+                modelValue: _.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (b) => _.value = b)
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ]),
+        j(Ie, {
+          visible: w.value,
+          onBeforeDestroy: Oe,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", Ba, [
+              (A(), be(De, {
+                rowContents: D.value,
+                key: D.value,
+                isEnableWrap: !0,
+                onChange: se
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: Oe,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: Be
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(Ie, {
+          visible: $.value,
+          onBeforeDestroy: Y,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", Fa, [
+              (A(), be(De, {
+                rowContents: c.value,
+                key: c.value,
+                isEnableWrap: !0,
+                onChange: W
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: Y,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: ie
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(Ie, {
+          visible: R.value,
+          onBeforeDestroy: ae,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", Aa, [
+              (A(), be(De, {
+                rowContents: a.value,
+                key: a.value,
+                isEnableWrap: !0,
+                onChange: m
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: ae,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: t
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(Ie, {
+          visible: V.value,
+          onBeforeDestroy: T,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", Oa, [
+              (A(), be(De, {
+                rowContents: u.value,
+                key: u.value,
+                isEnableWrap: !0,
+                onChange: re
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: T,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: k
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, Sa = /* @__PURE__ */ Ce(La, [["__scopeId", "data-v-6a6da0be"]]), Va = { class: "form-operate-content" }, Ra = { class: "form-operate-item" }, Na = { class: "operate-title" }, ja = { class: "operate-content" }, Ua = { class: "fix-content" }, Pa = { class: "fix-button" }, Wa = { class: "operate-title" }, za = { class: "operate-content" }, Ma = { class: "fix-content" }, Ka = { class: "fix-button" }, Ja = { style: { display: "flex", "justify-content": "space-between" } }, Ga = { class: "form-content" }, qa = { class: "form-content" }, Ha = {
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B(!1), w = B([]), V = B([]), p = B(!1), $ = B([]), D = B([]), _ = B(""), z = B(!1), S = B(0), L = B([]), E = B([]), O = async (o) => {
+      var k, K, N, t, m, ae;
+      h.value = !0;
+      let x = [];
+      const T = await ((N = (K = (k = ke) == null ? void 0 : k.find((q) => (q == null ? void 0 : q.key) === ((o == null ? void 0 : o.type) === "" ? "Input" : o == null ? void 0 : o.type))) == null ? void 0 : K.value) == null ? void 0 : N.value) ?? ((m = (t = ke) == null ? void 0 : t.find((q) => (q == null ? void 0 : q.key) === ((o == null ? void 0 : o.type) === "" ? "Input" : o == null ? void 0 : o.type))) == null ? void 0 : m.value);
+      if (T == null || T.forEach((q) => {
+        S.value++, x.push({
+          label: q == null ? void 0 : q.label,
+          name: q == null ? void 0 : q.label,
+          type: q.type,
+          value: (q == null ? void 0 : q.label) === "类型" && o[q.key] === "" ? "Input" : o[q.key],
+          id: S.value,
+          contents: q == null ? void 0 : q.options
+        });
+      }), o != null && o.menuSelect && ((ae = o == null ? void 0 : o.menuSelect) == null ? void 0 : ae.length) > 0) {
+        const q = await Ye(o == null ? void 0 : o.menuSelect);
+        x = x == null ? void 0 : x.map((oe) => ((oe == null ? void 0 : oe.name) === "组信息选项" && (oe.contents = q), oe));
+      }
+      _.value = o == null ? void 0 : o.id, w.value = await Je(qe(x)), V.value = await Je(qe(x));
+    }, c = (o) => {
+      var T;
+      p.value = !0;
+      let x = [];
+      (T = Ze) == null || T.forEach((k) => {
+        S.value++, x.push({
+          label: k == null ? void 0 : k.label,
+          name: k == null ? void 0 : k.label,
+          type: k.type,
+          value: (k == null ? void 0 : k.label) === "类型" && o[k.key] === "" ? "normal" : o[k.key],
+          id: S.value,
+          contents: k == null ? void 0 : k.options
+        });
+      }), L.value = x, E.value = x, _.value = o == null ? void 0 : o.id;
+    };
+    _e(
+      () => z.value,
+      () => {
+        var x, T;
+        let o = f(v.originalItemContents);
+        (x = f(v.originalItemContents)) != null && x.find((k) => (k == null ? void 0 : k.key) === "enableWrap") ? o = (T = f(v.originalItemContents)) == null ? void 0 : T.map((k) => ((k == null ? void 0 : k.key) === "enableWrap" && (k.contents = !z.value), k)) : o.push({
+          key: "enableWrap",
+          contents: !z.value
+        }), l("change", o);
+      },
+      { deep: !0 }
+    );
+    const d = () => {
+      var T, k, K, N, t;
+      L.value = E.value;
+      let o = {};
+      if (_.value !== "" ? o.id = _.value : (S.value++, o.id = "id" + S.value), (T = L.value) == null || T.forEach((m) => {
+        var q;
+        const ae = (q = Ze) == null ? void 0 : q.find((oe) => (oe == null ? void 0 : oe.label) === (m == null ? void 0 : m.label));
+        ae && (o[ae.key] = m.value);
+      }), (k = $.value) != null && k.find((m) => m.id === o.id))
+        $.value = (K = $.value) == null ? void 0 : K.map((m) => (m.id === o.id && (m = o), m));
+      else {
+        let m = f($.value);
+        $.value || ($.value = []), m.push(o), $.value = m;
+      }
+      p.value = !1, _.value = "";
+      let x = f(v.originalItemContents);
+      (N = f(v.originalItemContents)) != null && N.find((m) => (m == null ? void 0 : m.key) === "formButton") ? x = (t = f(v.originalItemContents)) == null ? void 0 : t.map((m) => ((m == null ? void 0 : m.key) === "formButton" && (m.contents = $.value), m)) : x.push({
+        key: "formButton",
+        contents: $.value
+      }), l("change", x);
+    }, R = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var x, T;
+          D.value = (x = f(D.value)) == null ? void 0 : x.filter((k) => (k == null ? void 0 : k.id) !== (o == null ? void 0 : o.id)), l("change", (T = f(v.originalItemContents)) == null ? void 0 : T.map((k) => ((k == null ? void 0 : k.key) === "formContent" && (k.contents = D.value), k))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, a = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var x, T;
+          $.value = (x = f($.value)) == null ? void 0 : x.filter((k) => (k == null ? void 0 : k.id) !== (o == null ? void 0 : o.id)), l("change", (T = f(v.originalItemContents)) == null ? void 0 : T.map((k) => ((k == null ? void 0 : k.key) === "formButton" && (k.contents = $.value), k))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, s = () => {
+      var x;
+      p.value = !0;
+      let o = [];
+      (x = Ze) == null || x.forEach((T) => {
+        S.value++, o.push({
+          label: T == null ? void 0 : T.label,
+          name: T == null ? void 0 : T.label,
+          type: T.type,
+          value: (T == null ? void 0 : T.label) === "类型" ? "normal" : "",
+          id: S.value,
+          contents: T == null ? void 0 : T.options
+        });
+      }), L.value = o, E.value = o;
+    }, e = () => {
+      var x, T, k;
+      h.value = !0;
+      let o = [];
+      (k = (T = (x = ke) == null ? void 0 : x.find((K) => (K == null ? void 0 : K.key) === "Input")) == null ? void 0 : T.value) == null || k.forEach((K) => {
+        S.value++, o.push({
+          label: K == null ? void 0 : K.label,
+          name: K == null ? void 0 : K.label,
+          type: K.type,
+          value: (K == null ? void 0 : K.label) === "类型" ? "Input" : "",
+          id: S.value,
+          contents: K == null ? void 0 : K.options
+        });
+      }), w.value = o, V.value = o;
+    }, u = (o) => {
+      let x = f(E.value);
+      x = x == null ? void 0 : x.map((T) => (T.value = o == null ? void 0 : o[T.name], T)), E.value = x;
+    }, g = async (o) => {
+      var x, T, k, K, N, t, m, ae, q, oe, ue, pe;
+      if ((o == null ? void 0 : o.类型) !== ((T = (x = V.value) == null ? void 0 : x.find((W) => (W == null ? void 0 : W.label) === "类型")) == null ? void 0 : T.value)) {
+        let W = [];
+        const ie = await ((N = (K = (k = ke) == null ? void 0 : k.find((Y) => (Y == null ? void 0 : Y.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : K.value) == null ? void 0 : N.value) ? await ((oe = (q = (ae = ke) == null ? void 0 : ae.find((Y) => (Y == null ? void 0 : Y.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : q.value) == null ? void 0 : oe.value) : (m = (t = ke) == null ? void 0 : t.find((Y) => (Y == null ? void 0 : Y.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : m.value;
+        if (ie == null || ie.forEach((Y) => {
+          S.value++, W.push({
+            label: Y == null ? void 0 : Y.label,
+            name: Y == null ? void 0 : Y.label,
+            type: Y.type,
+            value: (o == null ? void 0 : o[Y.label]) ?? "",
+            id: S.value,
+            contents: Y == null ? void 0 : Y.options
+          });
+        }), o != null && o.菜单选项 && ((ue = o == null ? void 0 : o.菜单选项) == null ? void 0 : ue.length) > 0) {
+          const Y = await Ye(o == null ? void 0 : o.菜单选项);
+          W = W == null ? void 0 : W.map((ce) => ((ce == null ? void 0 : ce.name) === "组信息选项" && (ce.contents = Y), ce));
+        }
+        V.value = await Je(f(W)), w.value = await Je(f(W));
+      } else {
+        let W = f(V.value);
+        if (W = W == null ? void 0 : W.map((ie) => (ie.value = o == null ? void 0 : o[ie.name], ie)), o != null && o.菜单选项 && ((pe = o == null ? void 0 : o.菜单选项) == null ? void 0 : pe.length) > 0) {
+          const ie = await Ye(o == null ? void 0 : o.菜单选项);
+          W = W == null ? void 0 : W.map((Y) => ((Y == null ? void 0 : Y.name) === "组信息选项" && (Y.contents = ie), Y));
+        }
+        W = qe(W), V.value = await Je(f(W));
+      }
+    }, U = (o) => {
+      o || (w.value = V.value);
+    }, G = async (o) => {
+    }, de = async () => {
+      var k, K, N, t, m, ae, q, oe, ue, pe;
+      w.value = V.value;
+      let o = {};
+      _.value !== "" ? o.id = _.value : (S.value++, o.id = "id" + S.value);
+      let x = await ((N = (K = (k = ke) == null ? void 0 : k.find((W) => {
+        var ie, Y;
+        return (W == null ? void 0 : W.key) === (((Y = (ie = w.value) == null ? void 0 : ie.find((ce) => (ce == null ? void 0 : ce.label) === "类型")) == null ? void 0 : Y.value) ?? "label");
+      })) == null ? void 0 : K.value) == null ? void 0 : N.value) ?? ((m = (t = ke) == null ? void 0 : t.find((W) => {
+        var ie, Y;
+        return (W == null ? void 0 : W.key) === (((Y = (ie = w.value) == null ? void 0 : ie.find((ce) => (ce == null ? void 0 : ce.label) === "类型")) == null ? void 0 : Y.value) ?? "label");
+      })) == null ? void 0 : m.value);
+      if ((ae = w.value) == null || ae.forEach((W) => {
+        const ie = x == null ? void 0 : x.find((Y) => (Y == null ? void 0 : Y.label) === (W == null ? void 0 : W.label));
+        ie && (o[ie.key] = W.value);
+      }), o.width = 1, o.key = o == null ? void 0 : o.label, (q = D.value) != null && q.find((W) => W.id === o.id))
+        D.value = (oe = D.value) == null ? void 0 : oe.map((W) => (W.id === o.id && (W = o), W));
+      else {
+        let W = f(D.value);
+        W.push(o), D.value = W;
+      }
+      D.value = D.value.map(({ id: W, ...ie }) => ie), h.value = !1, _.value = "";
+      let T = f(v.originalItemContents);
+      (ue = f(v.originalItemContents)) != null && ue.find((W) => (W == null ? void 0 : W.key) === "formContent") ? T = (pe = f(v.originalItemContents)) == null ? void 0 : pe.map((W) => ((W == null ? void 0 : W.key) === "formContent" && (W.contents = D.value), W)) : T.push({
+        key: "formContent",
+        contents: D.value
+      }), l("change", T);
+    }, re = () => {
+      h.value = !1, p.value = !1, _.value = "", V.value = [], E.value = [];
+    };
+    return _e(
+      () => v.originalItemContents,
+      () => {
+        var x, T, k, K, N, t;
+        if (!v.originalItemContents || v.originalItemContents.length === 0) return;
+        const o = f(v.originalItemContents);
+        D.value = ((x = o == null ? void 0 : o.find((m) => (m == null ? void 0 : m.key) === "formContent")) == null ? void 0 : x.contents) ?? [], $.value = ((T = o == null ? void 0 : o.find((m) => (m == null ? void 0 : m.key) === "formButton")) == null ? void 0 : T.contents) ?? [], z.value = (k = o == null ? void 0 : o.find((m) => (m == null ? void 0 : m.key) === "enableWrap")) != null && k.contents ? !((K = o == null ? void 0 : o.find((m) => (m == null ? void 0 : m.key) === "enableWrap")) != null && K.contents) : !0, D.value = (N = f(D.value)) == null ? void 0 : N.map((m, ae) => {
+          let q = m;
+          return q.id = (m == null ? void 0 : m.id) ?? ae, m != null && m.label || (m.label = (m == null ? void 0 : m.key) ?? (m == null ? void 0 : m.label) ?? ""), m != null && m.type || (m.type = (m == null ? void 0 : m.type) ?? ""), m.contents = (m == null ? void 0 : m.options) ?? "", q;
+        }), D.value = qe(D.value), $.value = (t = $.value) == null ? void 0 : t.map((m, ae) => m = {
+          label: (m == null ? void 0 : m.label) ?? "",
+          type: (m == null ? void 0 : m.type) ?? "",
+          background: (m == null ? void 0 : m.background) ?? "var(--ssComponent-primary-color)",
+          id: ae
+        });
+      },
+      { deep: !0, immediate: !0 }
+    ), (o, x) => {
+      const T = he("svg-icon");
+      return A(), M("div", Va, [
+        i("div", Ra, [
+          i("div", Na, [
+            x[2] || (x[2] = i("div", null, Q("表单内容"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: e
+            }, [
+              j(T, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              x[1] || (x[1] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", ja, [
+            (A(!0), M(fe, null, me(D.value, (k, K) => (A(), M("div", { key: K }, [
+              i("div", Ua, [
+                i("div", null, Q(k.label), 1),
+                i("div", Pa, [
+                  j(T, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (N) => O(k)
+                  }, null, 8, ["onClick"]),
+                  j(T, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (N) => R(k)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          i("div", Wa, [
+            x[4] || (x[4] = i("div", null, Q("表单按钮"), -1)),
+            i("div", {
+              class: "icon-content",
+              onClick: s
+            }, [
+              j(T, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              x[3] || (x[3] = i("div", null, Q("新增"), -1))
+            ])
+          ]),
+          i("div", za, [
+            (A(!0), M(fe, null, me($.value, (k, K) => (A(), M("div", { key: K }, [
+              i("div", Ma, [
+                i("div", null, Q(k.label), 1),
+                i("div", Ka, [
+                  j(T, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (N) => c(k)
+                  }, null, 8, ["onClick"]),
+                  j(T, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (N) => a(k)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          x[6] || (x[6] = i("div", { class: "operate-title" }, [
+            i("div", null, Q("表单布局"))
+          ], -1)),
+          i("div", Ja, [
+            x[5] || (x[5] = i("div", { class: "operate-center-content" }, Q("是否自动撑宽"), -1)),
+            j(cl, {
+              modelValue: z.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (k) => z.value = k)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        j(Ie, {
+          visible: h.value,
+          onBeforeDestroy: re,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", Ga, [
+              (A(), be(De, {
+                rowContents: w.value,
+                key: w.value,
+                isEnableWrap: !0,
+                onChange: g,
+                onChangeVisible: U,
+                onBlurChange: G
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: re,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: de
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(Ie, {
+          visible: p.value,
+          onBeforeDestroy: re,
+          width: 840
+        }, {
+          default: le(() => [
+            i("div", qa, [
+              (A(), be(De, {
+                rowContents: L.value,
+                key: L.value,
+                isEnableWrap: !0,
+                onChange: u
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: le(() => [
+            i("div", { class: "dialog-footer" }, [
+              i("div", {
+                onClick: re,
+                class: "cancel-button button"
+              }, Q("取消")),
+              i("div", {
+                class: "ok-button button",
+                onClick: d
+              }, Q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, rl = /* @__PURE__ */ Ce(Ha, [["__scopeId", "data-v-36936e3f"]]), Qa = { class: "step-module content" }, Xa = { class: "module-data" }, Ya = { class: "step-module layout" }, Za = { class: "form-content" }, en = /* @__PURE__ */ ze({
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B([
+      {
+        label: "方向:",
+        prop: "direction",
+        type: "RADIO",
+        contents: [
+          {
+            label: "水平",
+            value: "horizontal"
+          },
+          {
+            label: "垂直",
+            value: "vertical"
+          }
+        ],
+        value: "horizontal"
+      },
+      {
+        label: "是否居中:",
+        prop: "alignCenter",
+        type: "RADIO",
+        contents: [
+          {
+            label: "是",
+            value: !0
+          },
+          {
+            label: "否",
+            value: !1
+          }
+        ],
+        value: !0
+      },
+      // {
+      //   label: '是否交互',
+      //   prop: 'allowTrigger',
+      //   type: 'RADIO',
+      //   contents: [
+      //     {
+      //       label: '是',
+      //       value: true,
+      //     }, {
+      //       label: '否',
+      //       value: false,
+      //     },
+      //   ],
+      //   value: 'horizontal'
+      // },
+      {
+        label: "应用简洁风格",
+        prop: "simple",
+        type: "RADIO",
+        contents: [
+          {
+            label: "是",
+            value: !0
+          },
+          {
+            label: "否",
+            value: !1
+          }
+        ],
+        value: !1
+      }
+    ]), w = B([
+      {
+        label: "",
+        prop: "index",
+        type: "input",
+        value: "",
+        isFormColHidden: !0
+      },
+      {
+        label: "标题",
+        prop: "title",
+        type: "input",
+        value: ""
+      },
+      {
+        label: "描述",
+        prop: "description",
+        type: "input",
+        value: ""
+      }
+    ]), V = B([
+      {
+        label: "取消",
+        background: "#c0c4cc"
+      },
+      {
+        label: "确认",
+        background: "#436aaf"
+      }
+    ]), p = el({
+      visible: !1,
+      width: "40%",
+      title: "步骤条"
+    }), $ = B("create"), D = B({}), _ = B([]), z = (c) => {
+      var d;
+      D.value = c, l("change", (d = E()) == null ? void 0 : d.compData);
+    }, S = (c, d) => {
+      var R, a;
+      switch (c) {
+        case "create":
+          (R = w.value) == null || R.forEach((s) => {
+            s.value = "";
+          }), $.value = "create", p.visible = !0;
+          break;
+        case "update":
+          (a = w.value) == null || a.forEach((s) => {
+            s.value = d[s == null ? void 0 : s.prop];
+          }), $.value = "update", p.visible = !0;
+          break;
+        case "delete":
+          _.value.splice(d, 1), $.value = "delete";
+          break;
+      }
+    }, L = (c) => {
+      var d, R, a;
+      if ((c == null ? void 0 : c.buttonName) === "确认") {
+        const s = f(c == null ? void 0 : c.content);
+        switch (Object.keys(s).forEach((e) => {
+          s[e] === "" && delete s[e];
+        }), $.value) {
+          case "create":
+            _.value.push({
+              ...s,
+              index: ((d = _.value) == null ? void 0 : d.length) + 1
+            });
+            break;
+          case "update":
+            _.value = (R = _.value) == null ? void 0 : R.map((e) => e.index === (s == null ? void 0 : s.index) ? {
+              ...e,
+              title: s == null ? void 0 : s.title,
+              description: s == null ? void 0 : s.description
+            } : e);
+            break;
+        }
+        l("change", (a = E()) == null ? void 0 : a.compData), p.visible = !1;
+      } else
+        p.visible = !1;
+    }, E = () => ({
+      comp: "Step",
+      compData: [
+        {
+          key: "stepList",
+          contents: _.value
+        },
+        {
+          key: "stepConfig",
+          contents: D.value
+        }
+      ]
+    }), O = () => {
+      p.visible = !1;
+    };
+    return _e(() => v == null ? void 0 : v.itemContents, (c) => {
+      var d, R;
+      c && (D.value = ((d = c == null ? void 0 : c.find((a) => a.key === "stepConfig")) == null ? void 0 : d.contents) ?? {}, _.value = ((R = c == null ? void 0 : c.find((a) => a.key === "stepList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (c, d) => {
+      const R = he("svg-icon"), a = he("el-button");
+      return A(), M(fe, null, [
+        i("div", null, [
+          i("div", Qa, [
+            d[2] || (d[2] = i("h4", { class: "module-title" }, "内容", -1)),
+            i("div", {
+              class: "module-icon",
+              onClick: d[0] || (d[0] = (s) => S("create"))
+            }, [
+              j(R, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              d[1] || (d[1] = i("div", null, "新增", -1))
+            ])
+          ]),
+          i("div", Xa, [
+            (A(!0), M(fe, null, me(_.value, (s, e) => (A(), M("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              i("span", null, Q(s == null ? void 0 : s.title), 1),
+              i("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (u) => S("update", { ...s, index: e + 1 })
+                }, {
+                  default: le(() => d[3] || (d[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (u) => S("delete", e)
+                }, {
+                  default: le(() => d[4] || (d[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          i("div", Ya, [
+            d[5] || (d[5] = i("div", { class: "module-title" }, "布局", -1)),
+            j(De, {
+              rowContents: h.value,
+              onChange: z
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(Ie, {
+          visible: p.visible,
+          title: p.title,
+          onBeforeDestroy: O,
+          width: p.width
+        }, {
+          default: le(() => [
+            i("div", Za, [
+              (A(), be(De, {
+                rowContents: w.value,
+                key: w.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: V.value,
+                onOnButtonClick: L
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), ln = /* @__PURE__ */ Ce(en, [["__scopeId", "data-v-47438605"]]), an = { class: "step-module content" }, nn = { class: "module-data" }, on = { class: "step-module layout" }, sn = { class: "form-content" }, un = /* @__PURE__ */ ze({
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B("create"), w = B({}), V = B([]), p = B([
+      {
+        label: "方向:",
+        prop: "placement",
+        type: "radio",
+        contents: [
+          {
+            label: "底部",
+            value: "bottom"
+          },
+          {
+            label: "顶部",
+            value: "top"
+          }
+        ],
+        value: "bottom"
+      },
+      {
+        label: "节点类型:",
+        prop: "type",
+        type: "select",
+        contents: [
+          {
+            label: "primary",
+            value: "primary"
+          },
+          {
+            label: "success",
+            value: "success"
+          },
+          {
+            label: "warning",
+            value: "warning"
+          },
+          {
+            label: "danger",
+            value: "danger"
+          },
+          {
+            label: "info",
+            value: "info"
+          }
+        ],
+        value: "primary"
+      },
+      {
+        label: "颜色:",
+        prop: "color",
+        type: "color",
+        value: ""
+      },
+      {
+        label: "尺寸:",
+        prop: "size",
+        type: "radio",
+        contents: [
+          {
+            label: "normal",
+            value: "normal"
+          },
+          {
+            label: "large",
+            value: "large"
+          }
+        ],
+        value: "normal"
+      },
+      {
+        label: "是否空心",
+        prop: "isHollow",
+        type: "RADIO",
+        contents: [
+          {
+            label: "是",
+            value: !0
+          },
+          {
+            label: "否",
+            value: !1
+          }
+        ],
+        value: !0
+      },
+      {
+        label: "是否居中",
+        prop: "isCenter",
+        type: "RADIO",
+        contents: [
+          {
+            label: "是",
+            value: !0
+          },
+          {
+            label: "否",
+            value: !1
+          }
+        ],
+        value: !0
+      }
+    ]), $ = B([
+      {
+        label: "",
+        prop: "index",
+        type: "input",
+        value: "",
+        isFormColHidden: !0
+      },
+      {
+        label: "内容",
+        prop: "content",
+        type: "input",
+        value: ""
+      },
+      {
+        label: "时间戳",
+        prop: "timestamp",
+        type: "datetime",
+        value: ""
+      }
+    ]), D = B([
+      {
+        label: "取消",
+        background: "#c0c4cc"
+      },
+      {
+        label: "确认",
+        background: "#436aaf"
+      }
+    ]), _ = el({
+      visible: !1,
+      width: "40%",
+      title: "时间线"
+    }), z = (c) => {
+      var d;
+      w.value = c, console.log(1212, c), l("change", (d = E()) == null ? void 0 : d.compData);
+    }, S = (c, d) => {
+      var R, a;
+      switch (c) {
+        case "create":
+          (R = $.value) == null || R.forEach((s) => {
+            s.value = "";
+          }), h.value = "create", _.visible = !0;
+          break;
+        case "update":
+          (a = $.value) == null || a.forEach((s) => {
+            s.value = d[s == null ? void 0 : s.prop];
+          }), h.value = "update", _.visible = !0;
+          break;
+        case "delete":
+          V.value.splice(d, 1), h.value = "delete";
+          break;
+      }
+    }, L = (c) => {
+      var d, R, a, s;
+      if ((c == null ? void 0 : c.buttonName) === "确认") {
+        const e = f(c == null ? void 0 : c.content);
+        switch (Object.keys(e).forEach((u) => {
+          e[u] === "" && delete e[u];
+        }), h.value) {
+          case "create":
+            console.log(1335, V.value, e), (R = V.value) == null || R.push({
+              ...e,
+              index: ((d = V.value) == null ? void 0 : d.length) + 1
+            });
+            break;
+          case "update":
+            V.value = (a = V.value) == null ? void 0 : a.map((u) => u.index === (e == null ? void 0 : e.index) ? {
+              ...u,
+              content: e == null ? void 0 : e.content,
+              timestamp: e == null ? void 0 : e.timestamp
+            } : u);
+            break;
+        }
+        l("change", (s = E()) == null ? void 0 : s.compData), _.visible = !1;
+      } else
+        _.visible = !1;
+    }, E = () => ({
+      comp: "TimeLine",
+      compData: [
+        {
+          key: "timeLineList",
+          contents: V.value
+        },
+        {
+          key: "timeLineConfig",
+          contents: w.value
+        }
+      ]
+    }), O = () => {
+      _.visible = !1;
+    };
+    return _e(() => v == null ? void 0 : v.itemContents, (c) => {
+      var d, R;
+      c && (w.value = ((d = c == null ? void 0 : c.find((a) => a.key === "timeLineConfig")) == null ? void 0 : d.contents) ?? {}, V.value = ((R = c == null ? void 0 : c.find((a) => a.key === "timeLineList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (c, d) => {
+      const R = he("svg-icon"), a = he("el-button");
+      return A(), M(fe, null, [
+        i("div", null, [
+          i("div", an, [
+            d[2] || (d[2] = i("h4", { class: "module-title" }, "内容", -1)),
+            i("div", {
+              class: "module-icon",
+              onClick: d[0] || (d[0] = (s) => S("create"))
+            }, [
+              j(R, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              d[1] || (d[1] = i("div", null, "新增", -1))
+            ])
+          ]),
+          i("div", nn, [
+            (A(!0), M(fe, null, me(V.value, (s, e) => (A(), M("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              i("span", null, Q(s == null ? void 0 : s.content), 1),
+              i("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (u) => S("update", { ...s, index: e + 1 })
+                }, {
+                  default: le(() => d[3] || (d[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (u) => S("delete", e)
+                }, {
+                  default: le(() => d[4] || (d[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          i("div", on, [
+            d[5] || (d[5] = i("div", { class: "module-title" }, "布局", -1)),
+            j(De, {
+              rowContents: p.value,
+              onChange: z
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(Ie, {
+          visible: _.visible,
+          title: _.title,
+          onBeforeDestroy: O,
+          width: _.width
+        }, {
+          default: le(() => [
+            i("div", sn, [
+              (A(), be(De, {
+                rowContents: $.value,
+                key: $.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: D.value,
+                onOnButtonClick: L
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), rn = /* @__PURE__ */ Ce(un, [["__scopeId", "data-v-40aea043"]]), tn = {};
+function cn(C, F) {
+  return A(), M("div");
+}
+const dn = /* @__PURE__ */ Ce(tn, [["render", cn]]), vn = { class: "extra-content" }, pn = { key: 0 }, fn = { key: 1 }, hn = {
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number,
+    changedContent: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = B(0), h = B(), w = B(), V = F, p = B(!1), $ = B({}), D = B({}), _ = B();
+    _e(
+      () => [v.itemData],
+      () => {
+        var s;
+        const a = f(v.itemData);
+        h.value = (s = f(a)) == null ? void 0 : s.map((e) => {
+          var u;
+          if (e.key === "extra") {
+            let g = [];
+            (u = e.value) == null || u.forEach((U) => {
+              var G;
+              g.push((G = Object.values(U)) == null ? void 0 : G[0]);
+            }), e.value = g;
+          }
+          return e;
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const z = (a, s, e, u) => {
+      var U;
+      let g = {};
+      ((U = a == null ? void 0 : a[0]) == null ? void 0 : U.contents) === "详情" && (p.value = !0, g[s] = a, w.value = a == null ? void 0 : a.filter((G) => (G == null ? void 0 : G.key) !== "tableContentName"), $.value = g, D.value = e, _.value = u.id);
+    }, S = (a) => {
+      var G, de, re, o;
+      const s = (de = (G = Object.values(f($.value))) == null ? void 0 : G[0]) == null ? void 0 : de.filter((x) => (x == null ? void 0 : x.key) === "tableContentName"), e = (o = (re = Object.values(f($.value))) == null ? void 0 : re[0]) == null ? void 0 : o.filter((x) => (x == null ? void 0 : x.key) !== "tableContentName"), u = e == null ? void 0 : e.map((x, T) => {
+        var k;
+        return T === a.index && (x == null ? void 0 : x.comp) === "Table" && (x.compData = (k = x.compData) == null ? void 0 : k.map((K) => {
+          var N, t;
+          return (K == null ? void 0 : K.key) === "tableContents" && (K.contents = (t = (N = a.content) == null ? void 0 : N.map((m) => {
+            let ae = {};
+            for (let q in m)
+              q !== "id" && (ae[q] = m[q]);
+            return ae;
+          })) == null ? void 0 : t.map((m) => Object.values(m))), K;
+        })), x;
+      });
+      u.unshift(s == null ? void 0 : s[0]);
+      let g = f($.value), U = {};
+      for (let x in g)
+        U[x] = u;
+      $.value = U;
+    }, L = () => {
+      p.value = !1, $.value = {}, D.value = {}, _.value = void 0, l.value++;
+    }, E = (a) => {
+      var G, de, re, o;
+      const s = (de = (G = Object.values(f($.value))) == null ? void 0 : G[0]) == null ? void 0 : de.filter((x) => (x == null ? void 0 : x.key) === "tableContentName"), e = (o = (re = Object.values(f($.value))) == null ? void 0 : re[0]) == null ? void 0 : o.filter((x) => (x == null ? void 0 : x.key) !== "tableContentName"), u = e == null ? void 0 : e.map((x, T) => (T === a.index && (x.compData = a.contents), x));
+      u.unshift(s == null ? void 0 : s[0]);
+      let g = f($.value), U = {};
+      for (let x in g)
+        U[x] = u;
+      $.value = U;
+    }, O = () => {
+      var s, e;
+      let a = {};
+      for (let u in D.value)
+        u === ((s = Object.keys($.value)) == null ? void 0 : s[0]) ? a[u] = (e = Object.values($.value)) == null ? void 0 : e[0] : a[u] = D.value[u];
+      V("change", {
+        buttonName: "编辑",
+        index: _.value,
+        singleContent: a
+      }, "methodData"), p.value = !1, $.value = {}, D.value = {}, _.value = void 0;
+    }, c = () => {
+      p.value = !1, $.value = {}, D.value = {}, _.value = void 0;
+    }, d = (a) => {
+      V("change", a, "methodData");
+    }, R = (a) => al(a);
+    return (a, s) => (A(), M("div", vn, [
+      (A(!0), M(fe, null, me(h.value, (e, u) => (A(), M("div", { key: l.value }, [
+        (e == null ? void 0 : e.key) === "extra" ? (A(), M("div", pn)) : (A(), M("div", fn, [
+          (A(), be(Ge(R(e.comp)), {
+            itemData: e == null ? void 0 : e.compData,
+            childItemData: e == null ? void 0 : e.itemChildData,
+            key: u,
+            index: (e == null ? void 0 : e.id) ?? u,
+            onContentClick: z,
+            onChange: d
+          }, null, 40, ["itemData", "childItemData", "index"]))
+        ]))
+      ]))), 128)),
+      j(Ie, {
+        visible: p.value,
+        onBeforeDestroy: c
+      }, {
+        default: le(() => [
+          (A(!0), M(fe, null, me(w.value, (e, u) => (A(), M("div", {
+            key: u,
+            class: "extra-dialog"
+          }, [
+            (A(), be(Ge(R(e.comp)), {
+              itemData: e == null ? void 0 : e.compData,
+              onChange: S,
+              childItemData: e == null ? void 0 : e.itemChildData,
+              key: u,
+              onContentChange: E,
+              index: (e == null ? void 0 : e.id) ?? u,
+              class: "extra-component"
+            }, null, 40, ["itemData", "childItemData", "index"]))
+          ]))), 128))
+        ]),
+        footer: le(() => [
+          i("div", { class: "dialog-footer" }, [
+            i("div", {
+              class: "cancel-button footer-button",
+              onClick: L
+            }, Q("取消")),
+            i("div", {
+              class: "confirm-button footer-button",
+              onClick: O
+            }, Q("确认"))
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}, mn = /* @__PURE__ */ Ce(hn, [["__scopeId", "data-v-b0b2f71f"]]), bn = { class: "method-content" }, yn = ["onClick"], Cn = {
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number,
+    changedContent: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(C) {
+    const F = B([]), v = C, l = Fl(We), { itemData: h, isEdit: w } = Me(l), V = (D, _) => {
+      var S;
+      const z = (S = _ == null ? void 0 : _[0]) == null ? void 0 : S.children;
+      return D == null ? void 0 : D.map((L) => {
+        var E;
+        return L = (E = L == null ? void 0 : L.map((O, c) => {
+          var d;
+          return {
+            key: (d = z[c]) == null ? void 0 : d.label,
+            value: O
+          };
+        })) == null ? void 0 : E.filter((O) => O.key), L;
+      });
+    };
+    _e(
+      () => h.value,
+      async () => {
+        w.value == "view" && await $(f(v.itemData));
+      },
+      { deep: !0 }
+    );
+    const p = async (D) => {
+      var a, s, e, u, g, U;
+      let _ = {};
+      if ((a = f(D.content)) == null || a.forEach((G, de) => {
+        var re, o, x, T, k, K, N, t, m, ae, q, oe, ue, pe, W, ie, Y;
+        if ((G == null ? void 0 : G.comp) === "Table") {
+          let ce = (T = (x = (o = (re = G == null ? void 0 : G.compData) == null ? void 0 : re.find((se) => (se == null ? void 0 : se.key) === "header")) == null ? void 0 : o.contents) == null ? void 0 : x[0]) == null ? void 0 : T.some((se) => se == null ? void 0 : se.children), ge = (N = (K = (k = G == null ? void 0 : G.compData) == null ? void 0 : k.find((se) => (se == null ? void 0 : se.key) === "tableContents")) == null ? void 0 : K.contents) == null ? void 0 : N.map((se) => se.slice(1)), ve = (oe = (q = (ae = (m = (t = G == null ? void 0 : G.compData) == null ? void 0 : t.find((se) => (se == null ? void 0 : se.key) === "header")) == null ? void 0 : m.contents) == null ? void 0 : ae[0]) == null ? void 0 : q[0]) == null ? void 0 : oe.label, we = (W = (pe = (ue = G == null ? void 0 : G.compData) == null ? void 0 : ue.find((se) => (se == null ? void 0 : se.key) === "header")) == null ? void 0 : pe.contents) == null ? void 0 : W[0];
+          if (ce)
+            _[ve] = V(ge, we);
+          else {
+            const se = [];
+            we = we.slice(1, we.length - 1), we == null || we.forEach((Oe, Be) => {
+              ge == null || ge.forEach((Ve) => {
+                se.push({
+                  key: Oe.label + Ve[0],
+                  value: Ve[Be + 1]
+                });
+              });
+            }), _["form" + de] = se;
+          }
+        } else {
+          const ce = (Y = (ie = G.compData) == null ? void 0 : ie.find((ve) => (ve == null ? void 0 : ve.key) === "formContent")) == null ? void 0 : Y.contents;
+          _.form = {};
+          const ge = [];
+          ce == null || ce.forEach((ve) => {
+            ve.key !== "" && (ve = {
+              key: (ve == null ? void 0 : ve.key) ?? (ve == null ? void 0 : ve.label),
+              value: ve == null ? void 0 : ve.value
+            }, ge.push(ve));
+          }), _.form = ge;
+        }
+      }), D.api) {
+        const G = await Bl.post(D.api, {
+          data: _,
+          templateFileName: (s = D == null ? void 0 : D.extraContent) == null ? void 0 : s[0]
+        }, {
+          responseType: "blob",
+          // 必须设置
+          headers: {
+            "Content-Type": "application/json"
+          }
+        });
+        var z = new Blob([G.data], {
+          type: "application/octet-stream;charset=UTF-8"
+        }), S = G.headers["content-disposition"], L = new RegExp("filename=([^;]+\\.[^\\.;]+);*"), E = L.exec(S), O = ((g = (u = (e = D == null ? void 0 : D.extraContent) == null ? void 0 : e[0]) == null ? void 0 : u.split(".")) == null ? void 0 : g[0]) + "." + ((U = E[1].split(".")) == null ? void 0 : U[1]), c = document.createElement("a"), d = window.URL.createObjectURL(z), R = /^["](.*)["]$/g;
+        c.style.display = "none", c.href = d, c.download = decodeURI(O.replace(R, "$1")), document.body.appendChild(c), c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(d);
+      }
+    }, $ = async (D) => {
+      var L;
+      const _ = f(D), z = _ == null ? void 0 : _.map(async (E) => {
+        var s, e, u, g, U, G, de;
+        const c = (s = (await il({
+          key: {
+            systemKey: sessionStorage.getItem("systemKey"),
+            parentTable: "",
+            type: "method",
+            methodName: E.method
+          }
+        })).data.result) == null ? void 0 : s[0], d = await il({
+          key: {
+            systemKey: sessionStorage.getItem("systemKey"),
+            type: "methodData",
+            tableId: c == null ? void 0 : c.id
+          }
+        }), R = await Cl((e = E == null ? void 0 : E.value) == null ? void 0 : e[0], sessionStorage.getItem("systemKey"), ""), a = (u = d.data.result) == null ? void 0 : u[0];
+        return {
+          buttonName: (g = c == null ? void 0 : c.key) == null ? void 0 : g.methodKey,
+          api: (G = (U = a == null ? void 0 : a.value) == null ? void 0 : U.tableData) == null ? void 0 : G[0],
+          content: R == null ? void 0 : R.filter((re) => re.comp !== "methodButton"),
+          extraContent: (de = f(E.value)) == null ? void 0 : de.slice(1)
+        };
+      }), S = await Promise.all(z);
+      F.value = S == null ? void 0 : S.filter((E) => E == null ? void 0 : E.extraContent), (L = F.value) == null || L.forEach((E) => {
+        var O;
+        E.api === "" && ((O = E.content) == null || O.forEach((c) => {
+          var d;
+          c.comp == "Table" && l.setExtraContents(gl(c.compData, (d = E.extraContent) == null ? void 0 : d[0]));
+        }));
+      });
+    };
+    return _e(
+      () => v.itemData,
+      async () => {
+        w.value == "view" && await $(f(v.itemData));
+      },
+      { immediate: !0, deep: !0 }
+    ), (D, _) => (A(), M("div", bn, [
+      (A(!0), M(fe, null, me(F.value, (z) => (A(), M("div", null, [
+        z.api !== "" ? (A(), M("div", {
+          key: 0,
+          onClick: (S) => p(z),
+          class: "method-buttons"
+        }, Q(z.buttonName), 9, yn)) : Le("", !0)
+      ]))), 256))
+    ]));
+  }
+}, gn = /* @__PURE__ */ Ce(Cn, [["__scopeId", "data-v-0c52611a"]]), kn = {};
+function _n(C, F) {
+  return " 567 ";
+}
+const wn = /* @__PURE__ */ Ce(kn, [["render", _n]]), xn = { class: "module content" }, Dn = { class: "module data" }, In = { class: "module layout" }, $n = { class: "form-content" }, Tn = /* @__PURE__ */ ze({
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = el({
+      visible: !1,
+      width: "40%",
+      title: "签名配置"
+    }), w = B("create"), V = B([
+      {
+        label: "取消",
+        background: "#c0c4cc"
+      },
+      {
+        label: "确认",
+        background: "#436aaf"
+      }
+    ]), p = B([
+      {
+        label: "宽度(%):",
+        prop: "signPadWidth",
+        type: "number",
+        value: "30"
+      },
+      {
+        label: "弹窗名称:",
+        prop: "dialogTitle",
+        type: "input",
+        value: ""
+      },
+      {
+        label: "弹窗宽度(%):",
+        prop: "dialogWidth",
+        type: "number",
+        value: "30"
+      },
+      {
+        label: "弹窗显示:",
+        prop: "dialogShow",
+        type: "radio",
+        contents: [
+          {
+            label: "显示",
+            value: !0
+          },
+          {
+            label: "隐藏",
+            value: !1
+          }
+        ],
+        value: !1,
+        isFormColHidden: !0
+      },
+      {
+        label: "路径:",
+        prop: "url",
+        type: "input",
+        value: "",
+        isFormColHidden: !0
+      }
+    ]), $ = tl(() => [
+      {
+        label: "",
+        prop: "index",
+        type: "input",
+        value: "",
+        isFormColHidden: !0
+      },
+      {
+        label: "类型:",
+        prop: "label",
+        type: "select",
+        contents: [
+          {
+            label: "电子签名",
+            value: "电子签名"
+          },
+          {
+            label: "签字版",
+            value: "签字版"
+          },
+          {
+            label: "上传签名",
+            value: "上传签名"
+          }
+        ],
+        value: ""
+      },
+      {
+        label: "图标",
+        prop: "icon",
+        type: "inputPopover",
+        value: ""
+      }
+      // {
+      //   label: '是否禁用',
+      //   prop: 'disabled',
+      //   type: 'radio',
+      //   contents: [
+      //     {
+      //       label: '是',
+      //       value: true,
+      //     },
+      //     {
+      //       label: '否',
+      //       value: false,
+      //     }
+      //   ],
+      //   value: false
+      // },
+    ]), D = B({}), _ = B([]), z = () => ({
+      comp: "Signature",
+      compData: [
+        {
+          key: "signTypeList",
+          contents: _.value
+        },
+        {
+          key: "signConfig",
+          contents: D.value
+        }
+      ]
+    }), S = (c) => {
+      var d;
+      D.value = f(c), l("change", (d = z()) == null ? void 0 : d.compData);
+    }, L = (c) => {
+      var d, R;
+      if ((c == null ? void 0 : c.buttonName) === "确认") {
+        const a = f(c == null ? void 0 : c.content);
+        switch (w.value) {
+          case "create":
+            _.value.push({
+              ...a,
+              index: ((d = _.value) == null ? void 0 : d.length) + 1
+            });
+            break;
+        }
+        l("change", (R = z()) == null ? void 0 : R.compData), h.visible = !1;
+      } else
+        h.visible = !1;
+    }, E = (c, d) => {
+      var R, a;
+      switch (c) {
+        case "create":
+          (R = $.value) == null || R.forEach((s) => {
+            s.value = "";
+          }), w.value = "create", h.visible = !0;
+          break;
+        case "update":
+          (a = $.value) == null || a.forEach((s) => {
+            s.value = d[s == null ? void 0 : s.prop];
+          }), w.value = "update", h.visible = !0;
+          break;
+        case "delete":
+          _.value.splice(d, 1), w.value = "delete";
+          break;
+      }
+    }, O = () => {
+      h.visible = !1;
+    };
+    return _e(() => v == null ? void 0 : v.itemContents, (c) => {
+      var d, R;
+      c && (D.value = ((d = c == null ? void 0 : c.find((a) => a.key === "signConfig")) == null ? void 0 : d.contents) ?? {}, _.value = ((R = c == null ? void 0 : c.find((a) => a.key === "signTypeList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (c, d) => {
+      const R = he("svg-icon"), a = he("el-button");
+      return A(), M(fe, null, [
+        i("div", null, [
+          i("div", xn, [
+            d[2] || (d[2] = i("h4", { class: "module-title" }, "签名类型", -1)),
+            i("div", {
+              class: "module-icon",
+              onClick: d[0] || (d[0] = (s) => E("create"))
+            }, [
+              i("div", null, [
+                j(R, {
+                  name: "Plus",
+                  class: "icon-size"
+                }),
+                d[1] || (d[1] = i("span", null, "新增", -1))
+              ])
+            ])
+          ]),
+          i("div", Dn, [
+            (A(!0), M(fe, null, me(_.value, (s, e) => (A(), M("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              i("span", null, Q(s == null ? void 0 : s.label), 1),
+              i("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (u) => E("update", { ...s, index: e + 1 })
+                }, {
+                  default: le(() => d[3] || (d[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (u) => E("delete", e)
+                }, {
+                  default: le(() => d[4] || (d[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          i("div", In, [
+            j(De, {
+              rowContents: p.value,
+              onChange: S
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(Ie, {
+          visible: h.visible,
+          title: h.title,
+          onBeforeDestroy: O,
+          width: h.width
+        }, {
+          default: le(() => [
+            i("div", $n, [
+              (A(), be(De, {
+                rowContents: $.value,
+                key: $.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: V.value,
+                onOnButtonClick: L
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), En = /* @__PURE__ */ Ce(Tn, [["__scopeId", "data-v-1a2b7867"]]), Bn = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    stepConfig: {
+      type: Object,
+      default: {}
+    },
+    stepList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["clickStep", "clickTrigger", "changeTrigger"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B(1), w = tl(() => {
+      var z, S;
+      return (z = v == null ? void 0 : v.stepConfig) != null && z.allowTrigger ? h.value : (S = v == null ? void 0 : v.stepConfig) == null ? void 0 : S.active;
+    }), V = (z, S) => {
+      h.value = S, l("clickStep", z, S);
+    }, p = (z) => $l(z), $ = () => {
+      var S;
+      const z = (S = v == null ? void 0 : v.stepList) == null ? void 0 : S.find((L, E) => E + 1 === w.value);
+      return console.log("findStep", z), z ? z == null ? void 0 : z.children : [];
+    }, D = (z) => {
+      l("clickTrigger", z);
+    }, _ = (z) => {
+      l("changeTrigger", z);
+    };
+    return (z, S) => {
+      var O, c, d, R, a;
+      const L = he("el-step"), E = he("el-steps");
+      return A(), M(fe, null, [
+        j(E, {
+          direction: (O = C.stepConfig) == null ? void 0 : O.direction,
+          active: w.value,
+          "finish-status": "success",
+          simple: (c = C.stepConfig) == null ? void 0 : c.simple,
+          "align-center": ((d = C.stepConfig) == null ? void 0 : d.alignCenter) ?? !0
+        }, {
+          default: le(() => [
+            (A(!0), M(fe, null, me(C.stepList, (s, e) => (A(), be(L, {
+              key: e,
+              class: "step-item",
+              onClick: (u) => V(s, e + 1)
+            }, {
+              title: le(() => [
+                He(z.$slots, "title", {
+                  title: s == null ? void 0 : s.title
+                }, void 0, !0)
+              ]),
+              description: le(() => [
+                He(z.$slots, "description", {
+                  description: s == null ? void 0 : s.description
+                }, void 0, !0)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["direction", "active", "simple", "align-center"]),
+        (R = C.stepConfig) != null && R.allowTrigger && ((a = C.stepConfig) != null && a.active) ? (A(!0), M(fe, { key: 0 }, me($(), (s, e) => (A(), M("div", {
+          key: e,
+          class: "step-cont-wrap"
+        }, [
+          (A(), be(Ge(p(s == null ? void 0 : s.type)), {
+            modelValue: s.value,
+            "onUpdate:modelValue": (u) => s.value = u,
+            onClickTrigger: D,
+            onChangeTrigger: _,
+            content: s == null ? void 0 : s.content
+          }, _l({ _: 2 }, [
+            me(z.$slots, (u, g) => ({
+              name: g,
+              fn: le((U) => [
+                He(z.$slots, g, wl({ ref_for: !0 }, U || {}), void 0, !0)
+              ])
+            }))
+          ]), 1064, ["modelValue", "onUpdate:modelValue", "content"]))
+        ]))), 128)) : Le("", !0)
+      ], 64);
+    };
+  }
+}), Fn = /* @__PURE__ */ Ce(Bn, [["__scopeId", "data-v-d7c99969"]]), An = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["clickStep"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B({}), w = B([]), V = (p, $) => {
+      l("clickStep", p, $);
+    };
+    return _e(() => v == null ? void 0 : v.itemData, (p) => {
+      var $, D;
+      w.value = ($ = p == null ? void 0 : p.find((_) => (_ == null ? void 0 : _.key) === "stepList")) == null ? void 0 : $.contents, h.value = (D = p == null ? void 0 : p.find((_) => (_ == null ? void 0 : _.key) === "stepConfig")) == null ? void 0 : D.contents;
+    }, {
+      immediate: !0
+    }), (p, $) => {
+      const D = he("svg-icon");
+      return A(), be(Fn, {
+        stepConfig: h.value,
+        stepList: w.value,
+        onClickStep: V
+      }, {
+        icon: le(() => [
+          j(D, { name: "import" })
+        ]),
+        title: le(({ title: _ }) => [
+          Pe(Q(_), 1)
+        ]),
+        description: le(({ description: _ }) => [
+          Pe(Q(_), 1)
+        ]),
+        _: 1
+      }, 8, ["stepConfig", "stepList"]);
+    };
+  }
+}), On = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    timeLineConfig: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(C) {
+    return (F, v) => {
+      const l = he("el-timeline-item"), h = he("el-timeline");
+      return A(), be(h, null, {
+        default: le(() => [
+          (A(!0), M(fe, null, me(C.activities, (w, V) => (A(), be(l, {
+            key: V,
+            timestamp: w.timestamp,
+            placement: C.timeLineConfig.placement,
+            center: C.timeLineConfig.isCenter,
+            "hide-timestamp": !0,
+            type: C.timeLineConfig.type,
+            color: C.timeLineConfig.color,
+            size: C.timeLineConfig.size,
+            icon: C.timeLineConfig.icon,
+            hollow: C.timeLineConfig.isHollow
+          }, {
+            default: le(() => [
+              He(F.$slots, "content", {
+                content: w == null ? void 0 : w.content,
+                timestamp: w == null ? void 0 : w.timestamp
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["timestamp", "placement", "center", "type", "color", "size", "icon", "hollow"]))), 128))
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Ln = /* @__PURE__ */ Ce(On, [["__scopeId", "data-v-4172a886"]]), Sn = { class: "line-content" }, Vn = { class: "line-time" }, Rn = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(C) {
+    const F = C, v = B({}), l = B([]);
+    return _e(() => F == null ? void 0 : F.itemData, (h) => {
+      var w, V;
+      l.value = (w = h == null ? void 0 : h.find((p) => (p == null ? void 0 : p.key) === "timeLineList")) == null ? void 0 : w.contents, v.value = (V = h == null ? void 0 : h.find((p) => (p == null ? void 0 : p.key) === "timeLineConfig")) == null ? void 0 : V.contents;
+    }, {
+      immediate: !0
+    }), (h, w) => (A(), be(Ln, {
+      activities: l.value,
+      timeLineConfig: v.value
+    }, {
+      content: le(({ content: V, timestamp: p }) => [
+        i("span", Sn, Q(V), 1),
+        i("span", Vn, Q(p), 1)
+      ]),
+      _: 1
+    }, 8, ["activities", "timeLineConfig"]));
+  }
+}), Nn = /* @__PURE__ */ Ce(Rn, [["__scopeId", "data-v-b4d9deed"]]), jn = { class: "tabs-content" }, Un = {
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number
+  },
+  setup(C) {
+    const F = C, v = B([]);
+    return _e(
+      () => F == null ? void 0 : F.itemData,
+      (l) => {
+        const h = l.find((w) => (w == null ? void 0 : w.key) == "stepList");
+        h && (v.value = h.contents.map((w) => ({
+          value: w.value || w.title,
+          label: w.label || w.title,
+          children: w.children || []
+          // 关键：传递子内容
+        })));
+      },
+      { immediate: !0, deep: !0 }
+    ), (l, h) => (A(), M("div", jn, [
+      j(Tl, { tabsContents: v.value }, null, 8, ["tabsContents"])
+    ]));
+  }
+}, Pn = /* @__PURE__ */ Ce(Un, [["__scopeId", "data-v-d3bb10b7"]]), Xe = ll("tabComp", {
+  state: () => ({
+    itemData: [],
+    originalData: [],
+    extraContents: [],
+    nodeDev: "",
+    isEdit: "view",
+    isRefreshCurStructure: !1,
+    isSubmitCurStructure: !1,
+    curStructureCompIds: []
+  }),
+  actions: {
+    setItemData(C) {
+      this.itemData = C;
+    },
+    setCurStructureCompIds(C) {
+      this.curStructureCompIds = C;
+    },
+    setRefreshCurStructure(C) {
+      this.isRefreshCurStructure = C;
+    },
+    setOriginalData(C) {
+      this.originalData = C;
+    },
+    setExtraContents(C) {
+      this.extraContents = C;
+    },
+    setNodeDev(C) {
+      this.nodeDev = C;
+    },
+    setIsEdit(C) {
+      this.isEdit = C;
+    }
+  }
+}), Wn = { class: "type-select" }, zn = ["onClick"], Mn = { class: "list-icon" }, Kn = {
+  __name: "modelSelect",
+  setup(C) {
+    const F = Xe(We), { itemData: v } = Me(F), l = (h) => {
+      const w = f(v.value);
+      w.push({
+        comp: h.comp,
+        name: h.name,
+        compData: []
+      }), F.setItemData(w);
+    };
+    return (h, w) => {
+      const V = he("svg-icon");
+      return A(), M("div", Wn, [
+        (A(!0), M(fe, null, me(xl(_o), (p, $) => (A(), M("div", {
+          class: "type-list",
+          key: $
+        }, [
+          i("div", {
+            class: "list-content",
+            onClick: (D) => l(p)
+          }, [
+            i("div", Mn, [
+              j(V, {
+                name: p.icon
+              }, null, 8, ["name"])
+            ]),
+            i("div", null, Q(p.name), 1)
+          ], 8, zn)
+        ]))), 128))
+      ]);
+    };
+  }
+}, Jn = /* @__PURE__ */ Ce(Kn, [["__scopeId", "data-v-f76b331e"]]), Gn = { class: "fill-content" }, qn = { class: "operate-content" }, Hn = { class: "collapse-title-content" }, Qn = { class: "collapse-title-item" }, Xn = { key: 1 }, Yn = ["onClick"], Zn = { class: "icon-content" }, eo = {
+  key: 0,
+  class: "edit-content"
+}, lo = ["onClick"], ao = { class: "comp-child" }, no = {
+  __name: "modelFill",
+  setup(C) {
+    const F = Xe(We), { itemData: v, originalData: l } = Me(F), h = B([]);
+    B([]);
+    const w = B([]), V = B([]), p = (L) => {
+      var O;
+      let E = (O = f(V.value)) == null ? void 0 : O.map((c, d) => (L === d && (c.content = !0), c));
+      V.value = E;
+    }, $ = (L) => {
+      var O;
+      let E = (O = f(V.value)) == null ? void 0 : O.map((c, d) => (L === d && (c.content = !1), c));
+      V.value = E, h.value = f(v.value);
+    }, D = (L, E) => {
+      var R;
+      let O = (R = f(V.value)) == null ? void 0 : R.map((a, s) => (L === s && (a.content = !1), a));
+      V.value = O;
+      const c = f(v.value), d = c == null ? void 0 : c.filter((a, s) => (s === L && (a.name = E), a));
+      F.setOriginalData(d), F.setItemData(d);
+    };
+    _e(
+      () => v.value,
+      () => {
+        var L, E, O;
+        !v.value || ((L = v.value) == null ? void 0 : L.length) === 0 ? h.value = [] : h.value = (E = f(v.value)) == null ? void 0 : E.filter((c) => (c == null ? void 0 : c.comp) !== "methodButton"), w.value = h.value, V.value = (O = f(w.value)) == null ? void 0 : O.map((c, d) => ({
+          id: d,
+          content: !1
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const _ = (L) => al(L), z = (L, E, O) => {
+      var d, R;
+      if (!L) return;
+      let c = f(v.value);
+      c = (d = c == null ? void 0 : c.map((a, s) => (s === O && (a.compData = L), a))) == null ? void 0 : d.filter((a) => (a == null ? void 0 : a.comp) !== "methodButton"), V.value = (R = f(c)) == null ? void 0 : R.map((a, s) => ({
+        id: s,
+        content: !1
+      })), F.setOriginalData(c), F.setItemData(c);
+    }, S = (L) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        const E = f(v.value), O = E == null ? void 0 : E.filter((c, d) => d !== L);
+        F.setOriginalData(O), F.setItemData(O), je({
+          type: "success",
+          message: "删除成功"
+        });
+      }).catch(() => {
+      });
+    };
+    return (L, E) => {
+      const O = he("svg-icon");
+      return A(), M("div", Gn, [
+        E[1] || (E[1] = i("div", { class: "fill-operate" }, Q("操作栏"), -1)),
+        i("div", qn, [
+          j(Ll, {
+            class: "collapse-content",
+            collapseContents: h.value
+          }, {
+            title: le(({ item: c, index: d }) => {
+              var R, a, s, e, u, g, U, G, de, re;
+              return [
+                i("div", Hn, [
+                  i("div", Qn, [
+                    (a = (R = V.value) == null ? void 0 : R.find((o) => o.id === d)) != null && a.content ? Le("", !0) : (A(), M("div", {
+                      key: 0,
+                      class: "collapse-title",
+                      style: Dl({ marginRight: c.name && c.name !== "" ? "8px" : "0px" })
+                    }, Q(c.name), 5)),
+                    (e = (s = V.value) == null ? void 0 : s.find((o) => o.id === d)) != null && e.content ? (A(), M("div", Xn, [
+                      j(El, {
+                        modelValue: c.name,
+                        "onUpdate:modelValue": (o) => c.name = o,
+                        onClick: E[0] || (E[0] = Ke(() => {
+                        }, ["stop"]))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : Le("", !0),
+                    (g = (u = V.value) == null ? void 0 : u.find((o) => o.id === d)) != null && g.content ? Le("", !0) : (A(), M("div", {
+                      key: 2,
+                      onClick: Ke((o) => p(d), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      j(O, {
+                        name: "Edit",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, Yn))
+                  ]),
+                  i("div", Zn, [
+                    (G = (U = V.value) == null ? void 0 : U.find((o) => o.id === d)) != null && G.content ? (A(), M("div", eo, [
+                      j(O, {
+                        name: "Cancel",
+                        style: { width: "16px", height: "16px" },
+                        class: "icon-content",
+                        onClick: Ke((o) => $(d), ["stop"])
+                      }, null, 8, ["onClick"]),
+                      j(O, {
+                        name: "Save",
+                        onClick: Ke((o) => D(d, c.name), ["stop"]),
+                        style: { width: "16px", height: "16px", fill: "var(--ssComponent-primary-color)" },
+                        class: "icon-content"
+                      }, null, 8, ["onClick"])
+                    ])) : Le("", !0),
+                    (re = (de = V.value) == null ? void 0 : de.find((o) => o.id === d)) != null && re.content ? Le("", !0) : (A(), M("div", {
+                      key: 1,
+                      onClick: Ke((o) => S(d), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      j(O, {
+                        name: "Delete",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, lo))
+                  ])
+                ])
+              ];
+            }),
+            content: le(({ item: c, index: d }) => {
+              var R, a;
+              return [
+                i("div", ao, [
+                  (A(), be(Ge(_(c.comp + "Operate")), {
+                    itemContents: c == null ? void 0 : c.compData,
+                    originalItemContents: (a = (R = w.value) == null ? void 0 : R.find((s, e) => e === d)) == null ? void 0 : a.compData,
+                    onChange: (s) => z(s, c, d)
+                  }, null, 40, ["itemContents", "originalItemContents", "onChange"]))
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["collapseContents"])
+        ])
+      ]);
+    };
+  }
+}, oo = /* @__PURE__ */ Ce(no, [["__scopeId", "data-v-9de1f7b9"]]), so = {
+  key: 0,
+  class: "show-content"
+}, io = { style: { display: "flex" } }, uo = {
+  __name: "modelShow",
+  setup(C) {
+    const F = Xe(We), { itemData: v } = Me(F), l = B([]);
+    _e(
+      () => v.value,
+      () => {
+        var w;
+        !v.value || ((w = v.value) == null ? void 0 : w.length) === 0 ? l.value = [] : l.value = f(v.value);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const h = (w) => al(w);
+    return (w, V) => {
+      var p;
+      return ((p = l.value) == null ? void 0 : p.length) > 0 ? (A(), M("div", so, [
+        (A(!0), M(fe, null, me(l.value, ($, D) => (A(), M("div", {
+          class: "item-content",
+          key: D
+        }, [
+          i("div", io, Q($.name), 1),
+          (A(), be(Ge(h($.comp)), {
+            itemData: $ == null ? void 0 : $.compData,
+            childItemData: $ == null ? void 0 : $.itemChildData,
+            key: D
+          }, null, 8, ["itemData", "childItemData"]))
+        ]))), 128))
+      ])) : Le("", !0);
+    };
+  }
+}, ro = /* @__PURE__ */ Ce(uo, [["__scopeId", "data-v-a59b819d"]]), to = { class: "tabs-header" }, co = { class: "tabs-list" }, vo = { class: "tab-name" }, po = { class: "tab-actions" }, fo = ["onClick"], ho = ["onClick"], mo = ["onClick"], bo = { class: "model-operate" }, yo = { class: "model-select" }, Co = { class: "model-fill" }, go = {
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(C, { emit: F }) {
+    const v = C, l = F, h = B([]), w = B(!1), V = B(""), p = B({ title: "" }), $ = B(-1), D = B(!1), _ = B(-1), z = B(/* @__PURE__ */ new Map()), S = B(null), L = Xe(We), { itemData: E } = Me(L), O = () => {
+      V.value = "新增标签页", p.value.title = "", $.value = -1, w.value = !0;
+    }, c = (N) => {
+      V.value = "修改标签页", p.value.title = h.value[N].title, $.value = N, w.value = !0;
+    }, d = (N) => {
+      const t = s(N);
+      z.value.delete(t), h.value.splice(N, 1), K();
+    }, R = () => {
+      if (p.value.title.trim()) {
+        if ($.value === -1) {
+          const N = {
+            title: p.value.title,
+            value: p.value.title,
+            label: p.value.title,
+            children: [],
+            id: a()
+          };
+          h.value.push(N);
+        } else
+          h.value[$.value].title = p.value.title, h.value[$.value].value = p.value.title, h.value[$.value].label = p.value.title;
+        w.value = !1, K();
+      }
+    }, a = () => `tab_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, s = (N) => {
+      const t = h.value[N];
+      return t.id || (t.id = a()), t.id;
+    }, e = (N) => {
+      var ae;
+      _.value = N;
+      const t = s(N);
+      S.value = f(E.value);
+      let m = z.value.get(t);
+      !m && ((ae = h.value[N].children) == null ? void 0 : ae.length) > 0 && (m = u(h.value[N].children)), m ? L.setItemData(f(m)) : L.setItemData([]), D.value = !0;
+    }, u = (N) => N.map((t) => {
+      var m;
+      switch (t.type) {
+        case "form":
+          return {
+            comp: "Form",
+            name: t.value || "表单",
+            compData: g(t.content)
+          };
+        case "table":
+          return {
+            comp: "Table",
+            name: t.value || "表格",
+            compData: U(t.content)
+          };
+        default:
+          return {
+            comp: "Unknown",
+            name: t.value || "",
+            compData: ((m = t.content) == null ? void 0 : m.originalData) || []
+          };
+      }
+    }), g = (N) => {
+      if (!N) return [];
+      const t = [];
+      return N.rowContents && t.push({
+        key: "formContent",
+        contents: N.rowContents
+      }), N.buttonValue && t.push({
+        key: "formButton",
+        contents: N.buttonValue
+      }), typeof N.isEnableWrap < "u" && t.push({
+        key: "enableWrap",
+        contents: N.isEnableWrap
+      }), t;
+    }, U = (N) => [], G = () => {
+      if (_.value >= 0 && _.value < h.value.length) {
+        const N = s(_.value);
+        z.value.set(N, f(E.value)), h.value[_.value].children = o(E.value);
+      }
+      D.value = !1, _.value = -1, S.value = null, K();
+    }, de = () => {
+      S.value && L.setItemData(f(S.value)), D.value = !1, _.value = -1, S.value = null;
+    }, re = () => {
+      D.value && de();
+    }, o = (N) => {
+      if (!Array.isArray(N))
+        throw new Error("sourceData must be an array");
+      return N.map((t, m) => {
+        if (!t || typeof t != "object")
+          return t;
+        const { comp: ae, name: q, compData: oe } = t;
+        switch (ae) {
+          case "Form":
+            return {
+              type: "form",
+              content: x(oe || []),
+              value: "表单"
+            };
+          case "Table":
+            return {
+              type: "table",
+              content: T(),
+              value: "表格"
+            };
+          default:
+            return {
+              type: "xxx",
+              content: k(oe || []),
+              value: ""
+            };
+        }
+      });
+    }, x = (N) => {
+      const t = {
+        formRules: {},
+        rowContents: [],
+        buttonValue: [],
+        rowValues: [],
+        isEnableWrap: !0,
+        isRowFlex: !0,
+        isButtonRow: !0,
+        isEdit: !0,
+        isStartJustify: !0
+      }, m = {
+        formContent: "rowContents",
+        enableWrap: "isEnableWrap",
+        formButton: "buttonValue"
+      };
+      return N.forEach((ae, q) => {
+        if (!ae || typeof ae != "object") {
+          console.warn(`Invalid config at index ${q}:`, ae);
+          return;
+        }
+        const { key: oe, contents: ue } = ae, pe = m[oe];
+        if (!pe) {
+          console.warn(`Unknown Form config key: ${oe}`);
+          return;
+        }
+        oe === "enableWrap" ? t[pe] = !!ue : t[pe] = Array.isArray(ue) ? ue : [];
+      }), t;
+    }, T = (N) => ({
+      columns: [],
+      tableData: [],
+      extraButton: [],
+      currentPage: 0,
+      total: 0,
+      pageSize: 0,
+      isShowPagination: !0,
+      isShowEdit: !0,
+      isMoveColumn: !0,
+      isShowDelete: !0
+    }), k = (N) => (console.log("Default conversion logic - to be implemented"), {
+      originalData: N,
+      processed: !1,
+      componentType: "unknown"
+    }), K = () => {
+      const N = [
+        {
+          key: "stepList",
+          contents: h.value
+        }
+      ];
+      l("change", N);
+    };
+    return _e(
+      () => v.itemContents,
+      (N) => {
+        if (N && N.length > 0) {
+          const t = N.find((m) => m.key === "stepList");
+          t && t.contents && (h.value = t.contents.map((m) => ({
+            title: m.title || "",
+            value: m.value || m.title || "",
+            label: m.label || m.title || "",
+            children: m.children || [],
+            id: m.id || a()
+            // 确保每个标签页都有ID
+          })));
+        }
+      },
+      { immediate: !0, deep: !0 }
+    ), (N, t) => {
+      const m = he("svg-icon"), ae = he("el-input"), q = he("el-form-item"), oe = he("el-form");
+      return A(), M("div", null, [
+        i("div", to, [
+          t[6] || (t[6] = i("h4", null, "标签页管理", -1)),
+          i("button", { onClick: O }, [
+            j(m, {
+              name: "Plus",
+              style: { width: "14px", height: "14px", "margin-right": "4px" }
+            }),
+            t[5] || (t[5] = Pe(" 新增标签页 "))
+          ])
+        ]),
+        i("div", co, [
+          (A(!0), M(fe, null, me(h.value, (ue, pe) => (A(), M("div", {
+            class: "tab-item",
+            key: pe
+          }, [
+            i("span", vo, Q(ue.title), 1),
+            i("div", po, [
+              i("button", {
+                onClick: (W) => c(pe)
+              }, "修改标题", 8, fo),
+              i("button", {
+                onClick: (W) => e(pe)
+              }, "布局调整", 8, ho),
+              i("button", {
+                onClick: (W) => d(pe)
+              }, "删除", 8, mo)
+            ])
+          ]))), 128))
+        ]),
+        j(Ie, {
+          modelValue: w.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (ue) => w.value = ue),
+          title: V.value,
+          onBeforeDestroy: t[3] || (t[3] = (ue) => w.value = !1)
+        }, {
+          footer: le(() => [
+            i("button", {
+              onClick: t[1] || (t[1] = (ue) => w.value = !1)
+            }, "取消"),
+            i("button", {
+              type: "primary",
+              onClick: R
+            }, "确定")
+          ]),
+          default: le(() => [
+            j(oe, {
+              model: p.value,
+              "label-width": "80px"
+            }, {
+              default: le(() => [
+                j(q, {
+                  label: "标签名称",
+                  required: ""
+                }, {
+                  default: le(() => [
+                    j(ae, {
+                      modelValue: p.value.title,
+                      "onUpdate:modelValue": t[0] || (t[0] = (ue) => p.value.title = ue),
+                      placeholder: "请输入标签页名称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        j(Ie, {
+          modelValue: D.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (ue) => D.value = ue),
+          title: "布局调整",
+          fullScreen: "",
+          onBeforeDestroy: re
+        }, {
+          footer: le(() => [
+            i("button", { onClick: de }, "取消"),
+            i("button", { onClick: G }, "确定")
+          ]),
+          default: le(() => [
+            i("div", bo, [
+              i("div", yo, [
+                j(Jn)
+              ]),
+              (A(), M("div", {
+                class: "model-show",
+                key: N.innerWidth
+              }, [
+                j(ro)
+              ])),
+              i("div", Co, [
+                j(oo)
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, ko = /* @__PURE__ */ Ce(go, [["__scopeId", "data-v-75b964ae"]]), _o = B([
+  {
+    name: "表格",
+    type: "table",
+    comp: "Table",
+    icon: "Table"
+  },
+  {
+    name: "表单",
+    type: "form",
+    comp: "Form",
+    icon: "Form"
+  },
+  {
+    name: "折叠",
+    type: "fold",
+    comp: "Fold",
+    icon: "Fold"
+  },
+  {
+    name: "头像",
+    type: "avatar",
+    comp: "AvatarUpload",
+    icon: "Avatar"
+  },
+  {
+    name: "签名",
+    type: "signature",
+    comp: "Signature",
+    icon: "Signature"
+  },
+  {
+    name: "步骤条",
+    type: "step",
+    comp: "Step",
+    icon: "Step"
+  },
+  {
+    name: "时间线",
+    type: "timeLine",
+    comp: "TimeLine",
+    icon: "TimeLine"
+  },
+  {
+    name: "标签页",
+    type: "tabs",
+    comp: "Tabs",
+    icon: "Tabs"
+  }
+]), wo = {
+  TABLE: kl,
+  FORM: ul,
+  TABLEOPERATE: Sa,
+  FORMOPERATE: rl,
+  FOLD: dn,
+  CALCULATOR: mn,
+  METHODBUTTON: gn,
+  AVATARUPLOAD: Ol,
+  SIGNATURE: Al,
+  FORMTOP: ul,
+  STEP: An,
+  STEPOPERATE: ln,
+  TIMELINE: Nn,
+  TIMELINEOPERATE: rn,
+  FORMTOPOPERATE: rl,
+  SIGNATUREOPERATE: En,
+  AVATARUPLOADOPERATE: wn,
+  TABS: Pn,
+  TABSOPERATE: ko
+  // 添加其他组件...
+};
+function al(C) {
+  return wo[C == null ? void 0 : C.toUpperCase()] || null;
+}
+export {
+  al as g,
+  _o as s,
+  Vl as u
+};